:root{--olive:#425b32;--olive-light:#718447;--ink:#30332d;--muted:#64675e;--paper:#f8f7f1;--page:#f5f3ea;--bar:#e7e7d9;--line:#d6d4c8;--orange:#e87522;--orange-dark:#bd520c;--width:1150px;--gap:8px;--radius:4px;--border:1px solid var(--line)}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#faf9f5;color:var(--ink);font:14px Arial,Helvetica,Verdana,sans-serif;line-height:1.4}a{color:var(--olive);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,.table-scroll:focus-visible{outline:3px solid #805323;outline-offset:3px}button,input,select{border:1px solid #b9bab3;border-radius:3px}input,select{color:var(--ink);background:#fff;min-height:32px;padding:5px 9px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2;color:var(--olive)}h2{font-size:17px;line-height:1.3}h3{font-size:20px;line-height:1.2}small{font-size:11px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{display:block;padding:8px}.site-shell{width:min(var(--width),calc(100% - 24px));margin:12px auto;background:var(--paper);border:var(--border);border-radius:3px;box-shadow:0 2px 9px #4549380d;overflow:hidden}.utility{background:#eeede3;border-bottom:var(--border);display:flex;justify-content:space-between;padding:4px 16px;font-size:12px;line-height:1.3}.utility a{color:var(--ink)}.utility i{font-style:normal;color:#77796c;margin:0 11px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;gap:20px}.brand{color:var(--ink);line-height:1.05}.brand:hover{text-decoration:none}.brand>span{font-size:43px;font-weight:700;letter-spacing:-2px}.brand b{color:var(--olive)}.brand small{display:block;font-size:14px;letter-spacing:0;line-height:1.4}.search{display:flex;gap:6px;width:440px;max-width:50%}.search input{min-width:0;flex:1}.green{color:white;border-color:#607538;background:linear-gradient(#7f9355,#5c743a);padding:7px 18px;font-weight:bold}.green:hover{background:#506830}.main-nav{display:flex;margin:0 5px;border:var(--border);background:#eae9df;border-radius:4px;min-height:39px}.main-nav a{padding:10px 20px;border-right:var(--border);font-size:13px;color:var(--ink);font-weight:bold;display:flex;align-items:center;justify-content:center;white-space:nowrap}.main-nav .active{background:linear-gradient(#839758,#697e41);color:#fff;border-radius:3px}.main-nav a:hover{background:#e0e1d1;text-decoration:none}.main-nav .active:hover{background:#60773d}main{padding:7px}.demo-notice{font-size:11px;color:#6b633e;padding:2px 5px 6px}.demo-notice strong{font-size:10px;letter-spacing:.3px}.intro{background:#f0f0e7;border:var(--border);border-radius:var(--radius);padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;margin-bottom:var(--gap)}.intro p{margin-top:3px;max-width:690px}.intro ul{margin:0;padding:0;list-style:none;align-self:center;font-size:13px}.intro li{position:relative;padding-left:25px;margin:5px 0}.intro li:before{content:'✓';position:absolute;left:0;color:var(--olive);font-size:20px;font-weight:bold;line-height:1}.module{border:var(--border);border-radius:var(--radius);margin-bottom:var(--gap);overflow:hidden;scroll-margin-top:10px}.module>h2,.module-heading{background:var(--bar);padding:6px 12px}.module-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.module-heading h2 small{font-size:10px;font-weight:normal;margin-left:8px;border:1px solid #b5b6a2;padding:1px 4px;vertical-align:middle;color:#5c604e}.module-heading>a{font-size:12px;color:var(--ink);white-space:nowrap}.module-heading>a span{font-size:21px;padding-left:9px;line-height:0}.filter{padding:9px 12px 12px;display:grid;grid-template-columns:1.05fr 1.05fr .95fr .95fr 1.15fr 1.12fr;align-items:end;gap:14px}.filter label{display:flex;flex-direction:column;font-size:13px;gap:3px}.filter select{width:100%;min-width:0}.filter .checkbox{flex-direction:row;align-items:center;align-self:center;gap:7px;font-size:12px;padding-top:17px}.checkbox input{min-height:0;width:16px;height:16px;margin:0;accent-color:var(--olive)}.orange{background:linear-gradient(#ff982b,#ed7516);border:1px solid #ed8424;color:#fff;font-weight:bold;padding:7px 12px;white-space:nowrap;box-shadow:inset 0 1px #ffffff3b}.orange:hover{background:var(--orange-dark)}.orange span{font-size:22px;line-height:.5;vertical-align:-1px;margin-left:6px}.filter>.orange{min-height:38px;font-size:14px}.offers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:5px}.offer{background:#fcfbf6;border:var(--border);border-radius:3px;padding:10px;position:relative;min-height:135px}.offer-top{display:grid;grid-template-columns:.95fr 1.1fr .8fr;gap:7px;align-items:center}.provider{font-size:17px;font-weight:bold;letter-spacing:-.8px}.congstar,.fraenk{color:#232722}.vodafone{color:#c71620;font-size:15px;letter-spacing:-.6px}.o2{color:#202d8f;font-size:32px;line-height:.8}.o2 sub{font-size:14px}.telekom{color:#b71464;letter-spacing:0}.one{color:#214479;letter-spacing:0}.offer h3{font-size:20px;color:#242920;letter-spacing:-.5px}.offer p{font-size:11px;color:var(--muted)}.price{display:flex;flex-direction:column;line-height:1.25}.price strong{font-size:21px;color:var(--olive)}.price small:last-child{font-size:9px}.offer dl{margin:10px 0 0;font-size:10px}.offer dl div{display:flex;gap:3px;line-height:1.65}.offer dt,.offer dd{margin:0}.offer-cta{position:absolute;bottom:10px;right:8px;padding:6px 8px;font-size:10px}.offer-cta span{font-size:17px}.offer dl{padding-bottom:25px}.module-note{font-size:10px;color:var(--muted);padding:1px 10px 6px}.table-note{font-size:10px;color:var(--muted);padding:4px 12px;background:#f3f2e9}.mobile-hint{display:none}.table-scroll{overflow-x:auto;width:100%;overscroll-behavior-x:contain}table{width:100%;border-collapse:collapse;min-width:820px;font-size:12px}thead{background:#eeede4}th,td{padding:5px 13px;text-align:left;border-right:1px solid #e0dfd5;border-bottom:1px solid #e5e3da}thead th{font-size:11px}tbody th{font-size:14px;white-space:nowrap}tbody tr:nth-child(even){background:#f1f0e9}tbody tr:last-child>*{border-bottom:0}tbody .o2{font-size:23px}td:last-child,th:last-child{border-right:0;text-align:center}table .orange{font-size:11px;padding:3px 11px;min-height:24px}table .orange span{font-size:17px}.table-price{text-align:center;font-weight:bold;color:var(--olive);white-space:nowrap}.category-links{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:6px}.category-links a{border:var(--border);border-radius:3px;background:#f1f1e7;min-height:37px;padding:8px 3px;font-weight:bold;font-size:12px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.category-links a:hover{background:#e5e8d7}.category-links span{font-size:20px;line-height:.5}.trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:13px 8px 5px;gap:15px;border-top:1px solid #e9e7dd;margin-top:10px}.trust article{display:flex;gap:10px;border-right:1px solid #e5e3d9;padding-right:10px}.trust article:last-child{border:0}.trust svg{width:32px;height:36px;stroke:#4d5148;stroke-width:2.2;fill:none;flex-shrink:0}.trust-icon{font-size:38px;line-height:1;width:34px;flex-shrink:0}.trust h2{font-size:12px;margin-bottom:4px}.trust p{font-size:11px;color:#5f6258;line-height:1.45}footer{border-top:var(--border);padding:9px 14px 7px;background:#efeee5;font-size:11px}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:6px}.footer-brand strong{font-size:14px;color:var(--olive)}footer nav{display:flex;flex-wrap:wrap;gap:5px 0}footer nav a{padding:0 9px;border-right:1px solid #c9c8bc;color:var(--ink)}footer nav a:first-child{padding-left:0}footer nav a:last-child{border:0}footer p{font-size:10px;color:#707266;margin-top:7px}.status{padding:8px 12px;background:#faf0d8;color:#64461d;font-size:12px}dialog{color:var(--ink);background:var(--paper);border:var(--border);border-top:4px solid var(--olive);max-width:450px;width:calc(100% - 32px);padding:24px;box-shadow:0 8px 32px #0002}dialog::backdrop{background:#262b2359}dialog h2{padding-right:16px;color:var(--olive);margin-bottom:12px}dialog p{margin-bottom:18px}.dialog-close{position:absolute;top:5px;right:8px;background:none;border:0;font-size:25px;color:var(--muted)}
@media(min-width:1180px){.offer h3{font-size:21px}}
@media(max-width:1100px){.main-nav a{padding:10px 15px}.filter{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.filter .checkbox{grid-column:1/3;padding-top:0;align-self:center}.filter>.orange{grid-column:3/5}.offers{grid-template-columns:repeat(2,minmax(0,1fr))}.offer{min-height:145px}.offer dl{font-size:12px}.offer-cta{font-size:12px}.category-links{grid-template-columns:repeat(4,minmax(0,1fr))}.trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.trust article:nth-child(2){border:0}.intro{grid-template-columns:minmax(0,1fr) 280px;gap:20px}.brand>span{font-size:39px}}
@media(max-width:800px){.main-nav{flex-wrap:wrap}.main-nav a{flex:1 0 auto}.intro{grid-template-columns:1fr}.intro ul{display:flex;flex-wrap:wrap;gap:4px 20px}.intro li{margin:0;font-size:12px}.intro p{font-size:13px}.search{max-width:48%}.search input{font-size:12px}.masthead{padding:12px}.utility{padding:5px 12px;font-size:10px}.utility i{margin:0 7px}h1{font-size:26px}.mobile-hint{display:inline}.table-scroll{background:#fcfbf6}}
@media(max-width:540px){body{font-size:14px}.site-shell{width:calc(100% - 16px);margin:8px auto}.utility{font-size:10px;gap:4px;padding:5px 8px}.utility>div:last-child{display:none}.masthead{display:block;padding:10px}.brand>span{font-size:36px}.brand small{font-size:12px}.search{width:100%;max-width:none;margin-top:10px}.search input{font-size:12px;min-height:35px}.search button{padding:6px 14px}.main-nav a{padding:9px 8px;flex-basis:31%;font-size:11px;min-height:35px;border-bottom:var(--border)}.main-nav a:last-child{flex-grow:0}.demo-notice{font-size:10px;line-height:1.4;padding:2px 3px 7px}.demo-notice strong{font-size:9px}.intro{padding:12px;gap:10px}h1{font-size:25px}.intro ul{display:block}.intro li{margin:4px 0;font-size:12px}.module>h2,.module-heading{padding:7px 9px}h2{font-size:16px}.module-heading{align-items:flex-start;flex-direction:column;gap:3px}.module-heading h2 small{font-size:9px}.module-heading>a{font-size:11px}.filter{grid-template-columns:1fr;padding:10px;gap:10px}.filter label{font-size:13px}.filter select{min-height:37px}.filter .checkbox,.filter>.orange{grid-column:auto}.filter .checkbox{font-size:12px;margin:3px 0}.filter>.orange{min-height:40px}.offers{grid-template-columns:1fr}.offer{padding:11px;min-height:148px}.offer-top{grid-template-columns:1fr 1.15fr .85fr;gap:10px}.offer h3{font-size:24px}.offer dl{font-size:11px;margin-top:10px;padding-bottom:0}.offer-cta{font-size:11px;bottom:12px;right:10px;padding:8px 10px}.provider{font-size:19px}.o2{font-size:35px}.price strong{font-size:24px}.offer p{font-size:11px}.price small:last-child{font-size:10px}.module-note{padding:3px 8px 7px;font-size:10px}.category-links{grid-template-columns:repeat(2,minmax(0,1fr))}.category-links a{font-size:12px;min-height:39px}.trust{grid-template-columns:1fr;padding:12px 5px 5px;gap:12px}.trust article{border:0;padding:0}.trust h2{font-size:13px}.trust p{font-size:12px}.trust svg{width:29px;height:33px}.trust-icon{width:29px;font-size:34px}footer{padding:10px}.footer-brand{align-items:flex-start;flex-direction:column;gap:1px}footer nav{gap:7px 0}footer nav a{padding:0 7px}footer nav a:first-child{padding-left:7px}footer p{line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Phase 1B: progressive disclosure; without JS the full navigation stays visible. */
.orange{color:#242920}.orange:hover{color:#fff}
.green{background:var(--olive)}.main-nav .active{background:#697e41}
.main-nav[hidden],.menu-toggle[hidden]{display:none}
.menu-toggle{background:var(--bar);color:var(--ink);border:var(--border);border-radius:3px;font-weight:bold;text-align:left;padding:8px 11px;margin:0 5px;width:calc(100% - 10px)}
.menu-toggle span{float:right;font-size:15px}
@media(min-width:769px){.main-nav{flex-wrap:nowrap}}
@media(min-width:769px) and (max-width:900px){.main-nav a{font-size:12px;padding:10px 9px}}
@media(max-width:768px){
 .main-nav{display:flex;flex-direction:column;flex-wrap:nowrap;margin-top:4px}
 .main-nav a{flex:none;justify-content:flex-start;padding:8px 11px;font-size:13px;border-right:0;border-bottom:var(--border);min-height:35px}
 .main-nav a:last-child{border-bottom:0}
 .filter{grid-template-columns:1fr}.filter .checkbox,.filter>.orange{grid-column:auto}.filter>.orange{width:100%}
 .trust{grid-template-columns:1fr}.trust article{border:0;align-items:flex-start}.trust h2,.trust p{font-size:13px}.trust p{line-height:1.5}
 footer{font-size:13px;padding:12px}footer nav{gap:7px 0;line-height:1.6}footer nav a{padding:0 8px}footer p{font-size:11px;line-height:1.5}
}
@media(max-width:540px){
 .masthead{padding:8px 10px}.brand>span{font-size:36px}.search{margin-top:7px}.search input{min-height:34px;font-size:13px}
 .offers{gap:9px}.offer{min-height:155px}.offer dl{font-size:13px}.offer p{font-size:13px}.offer-cta{font-size:13px;padding:7px 9px}.price small:last-child{font-size:11px}
 .intro p,.intro li{font-size:13px}.filter .checkbox{font-size:13px}.category-links a{font-size:13px}
 .module-heading>a{font-size:13px}.module-note{font-size:11px}.trust h2,.trust p{font-size:13px}
 .utility{font-size:10px}footer nav a{font-size:13px}
}
/* Keep the focused skip link out of document flow: no layout shift on blur. */
.skip:focus{position:fixed;top:8px;left:8px;z-index:1000;background:var(--paper);color:var(--olive);border:var(--border)}
.utility i,footer p{color:var(--muted)}
/* Commercial decision tables: same tokens, local scrolling only. */
.content-page .decision-table{margin:18px 0;border:var(--border)}
.content-page .decision-table table{min-width:640px;font-size:13px;line-height:1.6}
.content-page .decision-table caption{padding:8px 12px;background:var(--bar);color:var(--olive);font-weight:bold;text-align:left}
.content-page .decision-table th{white-space:normal;font-size:13px;letter-spacing:normal}
.content-page .decision-table td:last-child,.content-page .decision-table th:last-child{text-align:left}
.content-page .commercial-next .green{display:inline-block;max-width:100%;white-space:normal}
.content-page .legal-copy>.affiliate-note{border-top:var(--border);padding-top:12px;font-size:12px}
/* Commercial expansion: shared component, existing visual tokens only. */
.content-page .editor-credit{font-size:12px;color:var(--muted)}
.content-page .commercial-comparison{border:var(--border);border-radius:var(--radius);margin:22px 0;background:var(--paper);overflow:hidden}
.content-page .commercial-comparison h2{margin:0;padding:8px 12px;background:var(--bar);font-size:17px}
.content-page .commercial-comparison .table-note{margin:0;padding:6px 12px;font-size:12px;line-height:1.5}
.content-page .commercial-comparison .affiliate-note{padding:10px 12px;margin:0;font-size:12px;line-height:1.6}
.content-page .legal-copy h3{font-size:16px;color:var(--olive);line-height:1.5;margin:18px 0 6px}
/* Legal / Trust: scoped additions; homepage layout and visual tokens unchanged. */
.legal-page .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;font-size:12px}
.legal-page .legal-review{margin:0 8px 12px;padding:10px 12px;background:#f4eddc;border:1px solid #d6c9aa;color:#56472a;font-size:12px;line-height:1.5}
.legal-page .legal-document{background:#fffdf8;margin:0 8px 12px}
.legal-page .legal-document>.module-heading{padding:12px 20px;border-bottom:var(--border)}
.legal-page .legal-document h1{font-size:25px;overflow-wrap:anywhere}
.legal-page .legal-copy{max-width:880px;margin:0 auto;padding:20px 26px 30px;font-size:15px;line-height:1.7;overflow-wrap:anywhere}
.legal-page .legal-copy h2{color:var(--olive);font-size:18px;line-height:1.4;margin:24px 0 8px}
.legal-page .legal-copy h2:first-child{margin-top:0}
.legal-page .legal-copy p,.legal-page .legal-copy address{margin:0 0 14px}
.legal-page .legal-copy address{font-style:normal}
.legal-page .legal-copy ul{padding-left:22px;margin:0 0 16px}
.legal-page .legal-copy li{margin:7px 0}
.legal-page .legal-copy a{text-decoration:underline;text-underline-offset:2px}
.legal-page .todo,.legal-page .review-note{color:#614921;background:#f6f0df}
.legal-page .review-note{border-left:3px solid #b1a171;padding:9px 12px;font-size:13px}
.demo-notice{background:#f3f0df;border-radius:3px;padding:5px 7px;font-size:10px;line-height:1.45;margin-bottom:6px}
.content-page .demo-notice{margin:0 5px 10px}
.offer-top{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px}
.offer h3{font-size:14px;letter-spacing:0;line-height:1.3}
.offer-top .price{grid-column:1/-1;flex-direction:row;align-items:baseline;gap:6px;margin-top:3px}
.offer .price strong{font-size:13px;line-height:1.35}
.offer{min-height:192px;padding-bottom:42px}
.offer dl{padding-bottom:0}
a.orange{display:inline-block;text-decoration:none;text-align:center}
.offer-cta{bottom:9px}
@media(max-width:540px){.offer{min-height:195px}.offer-top{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.offer h3{font-size:17px}.offer .price strong{font-size:14px}}
@media(max-width:540px){.legal-page .legal-copy{padding:14px 14px 22px;font-size:14px;line-height:1.65}.legal-page .legal-document>.module-heading{padding:10px 14px}.legal-page .legal-document h1{font-size:22px}.legal-page .legal-copy h2{font-size:17px}.legal-page .legal-review{margin-left:2px;margin-right:2px}.legal-page .legal-document{margin-left:2px;margin-right:2px}.legal-page .breadcrumb{padding-left:5px}}