/* Guide 2.0 Redesign — ported from approved prototype (preview_variant_a). */
.gr{--ink:#15211c;--paper:#f6f4ef;--card:#fff;--brand:#0f766e;--brand-d:#0b5a54;--brand-50:#e7f3f1;
 --amber:#b9791a;--amber-50:#fbf2e1;--muted:#5d6862;--line:#e7e3da;--radius:16px;
 background:var(--paper);color:var(--ink);font-family:'Inter',system-ui,sans-serif;min-height:100vh}
.gr__wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.gr__crumb{font-size:13px;color:var(--muted);padding:16px 0 4px}
.gr__crumb a{color:var(--muted);text-decoration:none}
.gr__crumb a:hover{color:var(--brand)}
.gr__grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding:8px 0 64px;align-items:start}
@media(max-width:980px){.gr__grid{grid-template-columns:minmax(0,1fr)}.gr__rail{display:none}.gr__main{min-width:0}.gr{overflow-x:hidden}.gr__wrap{padding:0 16px}.gr__hero-img{aspect-ratio:16/9}}
.gr__hero-img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:var(--radius);background:#dfe7e4}
.gr__hero{position:relative;margin:0}
.gr__ai-note{position:absolute;right:10px;bottom:10px;background:rgba(20,33,28,.78);color:#fff;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 9px;border-radius:999px}
.gr__pills{display:flex;gap:8px;align-items:center;margin:18px 0 10px;flex-wrap:wrap}
.gr__pill{background:var(--brand-50);color:var(--brand-d);font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px}
.gr__pill--diff{background:var(--amber-50);color:var(--amber)}
.gr h1{font-size:40px;line-height:1.12;font-weight:800;letter-spacing:-.02em;margin:6px 0 14px}
.gr__lead{font-size:19px;line-height:1.55;color:var(--muted);margin:0 0 18px;max-width:42em}
.gr__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-bottom:8px}
.gr__author{display:flex;align-items:center;gap:9px}
.gr__avatar{width:34px;height:34px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.gr__fresh{margin-left:auto;background:#eef7f0;color:#1c7a3f;font-weight:600;padding:4px 10px;border-radius:999px;font-size:12px}
.gr__answer{background:var(--brand-50);border:1px solid #cfe6e2;border-radius:var(--radius);padding:20px 22px;margin:22px 0 8px}
.gr__answer h2{font-size:15px;font-weight:700;color:var(--brand-d);margin:0 0 10px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.04em}
.gr__answer p{margin:0;font-size:16px;line-height:1.6;color:#1f3a36}
.gr__body{margin-top:26px}
.gr__transp{font-size:12.5px;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin:14px 0 22px}
.gr__transp b{color:var(--ink)}
/* Content typography */
.gr__body :is(h2,h3){font-weight:800;letter-spacing:-.01em;scroll-margin-top:90px}
.gr__body h2{font-size:27px;margin:36px 0 12px;padding-top:8px}
.gr__body h3{font-size:20px;margin:26px 0 8px}
.gr__body p,.gr__body li{font-size:17px;line-height:1.75;color:#26302c}
.gr__body a{color:var(--brand-d);text-decoration:underline;text-underline-offset:2px}
.gr__body table{font-size:15px}
/* Compact product cards (override guide-markdown.css within scope) */
.gr .product-card{min-height:auto!important;width:200px!important}
.gr .product-card__image{height:120px!important;object-fit:contain}
.gr .product-card__content{padding:10px 12px!important}
.gr .product-card__title{font-size:14px!important;margin:0 0 4px!important}
.gr .product-card__description{display:none!important}
.gr .product-card__footer{margin-top:8px!important}
.gr .product-card__button{background:var(--brand)!important;border-color:var(--brand)!important}
/* Sticky rail */
.gr__rail{position:sticky;top:80px;display:flex;flex-direction:column;gap:16px}
.gr__railcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.gr__progress{height:5px;background:var(--line);border-radius:3px;overflow:hidden;margin-bottom:12px}
.gr__progress i{display:block;height:100%;width:0;background:var(--brand)}
.gr__toc-h{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 10px}
.gr__toc a{display:block;font-size:13.5px;color:#37423d;text-decoration:none;padding:5px 0 5px 12px;border-left:2px solid var(--line);line-height:1.35}
.gr__toc a:hover{color:var(--brand-d);border-color:var(--brand)}
.gr__toc a.sub{padding-left:24px;font-size:12.5px;color:var(--muted)}
.gr__cta{background:var(--ink);color:#fff;border-radius:14px;padding:18px}
.gr__cta .eb{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#9ec9c2}
.gr__cta h4{font-size:18px;font-weight:800;margin:6px 0 4px}
.gr__cta p{font-size:13px;color:#c8d4d0;margin:0 0 14px;line-height:1.45}
.gr__cta a{display:block;text-align:center;background:var(--amber);color:#3a2407;font-weight:700;padding:11px;border-radius:10px;text-decoration:none}
.gr__nl h4{font-size:15px;font-weight:700;margin:0 0 4px;display:flex;gap:7px;align-items:center}
.gr__nl p{font-size:12.5px;color:var(--muted);margin:0 0 10px}
.gr__nl form{display:flex;gap:6px}
.gr__nl input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:9px 10px;font-size:13px}
.gr__nl button{background:var(--brand);color:#fff;border:0;border-radius:9px;padding:0 14px;font-weight:600;font-size:13px;cursor:pointer}
/* Mobile sticky CTA */
.gr__mbar{display:none}
@media(max-width:980px){
 .gr h1{font-size:30px}
 .gr__rail{display:none}
 .gr__grid{padding-bottom:90px}
 /* lift the site Feedback button + any other bottom bar above our sticky CTA */
 #fb-toggle{bottom:84px!important}
 .gr__mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:10px 14px;align-items:center;gap:12px;box-shadow:0 -4px 18px rgba(0,0,0,.06)}
 .gr__mbar div{flex:1;min-width:0}
 .gr__mbar b{display:block;font-size:13px;color:var(--ink)}
 .gr__mbar span{font-size:11px;color:var(--muted)}
 .gr__mbar a{background:var(--amber);color:#3a2407;font-weight:700;padding:10px 16px;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:14px}
}
@media(max-width:480px){.gr h1{font-size:25px}.gr__lead{font-size:17px}}
/* Polish v2 — kill redundant inline TOC, capped scrollspy rail, richer answer box */
.gr__body .guide-toc{display:none!important}
.gr__hero-img{box-shadow:0 18px 44px -26px rgba(20,33,28,.45)}
.gr__railcard{box-shadow:0 1px 2px rgba(20,33,28,.05)}
.gr__toc{max-height:48vh;overflow-y:auto;padding-right:4px;margin-right:-4px}
.gr__toc::-webkit-scrollbar{width:6px}
.gr__toc::-webkit-scrollbar-thumb{background:#d9d3c8;border-radius:3px}
.gr__toc a{transition:all .15s;border-radius:0 7px 7px 0}
.gr__toc a.active{color:var(--brand-d);border-color:var(--brand);font-weight:600;background:var(--brand-50)}
.gr__answer{position:relative;overflow:hidden}
.gr__answer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--brand)}
.gr__facts{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.gr__facts span{background:#fff;border:1px solid #cfe6e2;color:var(--brand-d);font-size:12.5px;font-weight:600;padding:5px 11px;border-radius:999px}
.gr__jump{display:inline-flex;align-items:center;gap:7px;margin-top:14px;background:var(--brand);color:#fff;font-weight:700;font-size:14.5px;padding:11px 18px;border-radius:11px;text-decoration:none;transition:background .15s}
.gr__jump:hover{background:var(--brand-d)}
/* Tables — proper styling + mobile horizontal scroll (server wrapper = .guide-table-scroll, Phase A) */
.gr .guide-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;margin:22px 0;background:#fff;-webkit-overflow-scrolling:touch}
.gr .guide-table-scroll table{width:100%;border-collapse:collapse;font-size:14.5px;margin:0;min-width:520px}
.gr .guide-table-scroll th,.gr .guide-table-scroll td{padding:11px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.55;color:#2a342f}
.gr .guide-table-scroll tr:first-child th,.gr .guide-table-scroll thead th{background:var(--brand-50);color:var(--brand-d);font-weight:700;border-bottom:2px solid #cfe6e2}
.gr .guide-table-scroll tbody tr:nth-child(even) td,.gr .guide-table-scroll table tr:nth-child(even) td{background:#faf9f4}
.gr .guide-table-scroll td:first-child{font-weight:600;color:var(--ink)}
.gr .guide-table-scroll tr:last-child td{border-bottom:0}
/* Definition-style bold-led lines — give them rhythm + a left accent */
.gr__body p{margin:0 0 16px}
.gr__body :is(ul,ol){margin:0 0 18px;padding-left:22px}
.gr__body li{margin:6px 0}
.gr__body hr{border:0;border-top:1px solid var(--line);margin:30px 0}
/* content polish v3 — empty p, brand bullets, link-card lists, inline CTA */
.gr__body p:empty{display:none}
.gr__body ul:not(.guide-linklist){list-style:none;padding-left:2px}
.gr__body ul:not(.guide-linklist) li{position:relative;padding-left:24px;margin:7px 0}
.gr__body ul:not(.guide-linklist) li::before{content:"";position:absolute;left:5px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.gr__body ol li::marker{color:var(--brand-d);font-weight:700}
/* Link-card lists (server marker = .guide-linklist, Phase A) */
.gr .guide-linklist{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}
.gr .guide-linklist li{position:relative;padding:12px 16px 12px 40px;background:#fff;border:1px solid var(--line);border-radius:11px;line-height:1.5;font-size:15.5px;margin:0}
.gr .guide-linklist li::before{content:"→";position:absolute;left:16px;top:11px;color:var(--brand);font-weight:700}
.gr .guide-linklist li a{color:var(--brand-d);font-weight:600;text-decoration:none}
.gr .guide-linklist li a:hover{text-decoration:underline}
/* overflow safety (mobile): nothing wider than the screen */
.gr__body :is(img,video){max-width:100%;height:auto}
.gr__body :is(iframe,pre){max-width:100%}
.gr .product-carousel-wrapper{max-width:100%}
.gr__body{overflow-wrap:break-word}
/* Mobile parity: TOC accordion + inline newsletter replace the hidden desktop rail */
.gr__motoc{display:none;margin:18px 0;border:1px solid #cfe6e2;border-radius:12px;background:var(--brand-50);overflow:hidden}
.gr__motoc summary{cursor:pointer;list-style:none;padding:15px 16px;font-weight:700;font-size:15.5px;color:var(--brand-d);display:flex;align-items:center;gap:9px}
.gr__motoc summary::-webkit-details-marker{display:none}
.gr__motoc summary .cnt{font-weight:500;color:var(--brand);font-size:13px}
.gr__motoc summary .chev{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;line-height:1;transition:transform .25s;flex:none}
.gr__motoc[open] summary .chev{transform:rotate(180deg)}
.gr__motoc[open] summary{border-bottom:1px solid #cfe6e2}
.gr__motoc-list{max-height:55vh;overflow-y:auto;padding:10px 16px 14px;background:#fff}
.gr__motoc-list a{display:block;font-size:14px;color:#37423d;text-decoration:none;padding:8px 0 8px 12px;border-left:2px solid var(--line);line-height:1.35}
.gr__motoc-list a.sub{padding-left:26px;font-size:13px;color:var(--muted)}
.gr__monl{display:none;margin:30px 0 8px;background:var(--brand-50);border:1px solid #cfe6e2;border-radius:14px;padding:18px}
.gr__monl h4{font-size:16px;font-weight:700;margin:0 0 4px;display:flex;gap:7px;align-items:center}
.gr__monl p{font-size:13px;color:var(--muted);margin:0 0 12px}
.gr__monl form{display:flex;gap:8px}
.gr__monl input{flex:1;min-width:0;border:1px solid #cfe6e2;border-radius:10px;padding:11px 12px;font-size:14px}
.gr__monl button{background:var(--brand);color:#fff;border:0;border-radius:10px;padding:0 18px;font-weight:600;font-size:14px}
@media(max-width:980px){.gr__motoc{display:block}.gr__monl{display:block}}
/* Kurzfazit + Testsieger banner (Idea 2) */
.gr__answer{display:grid;grid-template-columns:1fr 230px;gap:22px;align-items:start}
.gr__answer-text{min-width:0}
.gr__answer-text h2{font-size:17px;text-transform:none;letter-spacing:0;margin:0 0 10px}
.gr__pick{position:relative;background:#fff;border:1px solid #cfe6e2;border-radius:12px;padding:16px 14px 14px;text-align:center}
.gr__pick-badge{display:inline-block;background:var(--amber);color:#3a2407;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;margin-bottom:10px}
.gr__pick-img{width:100%;height:120px;object-fit:contain;margin-bottom:8px}
.gr__pick-name{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35;margin-bottom:6px}
.gr__pick-price{font-size:21px;font-weight:800;color:var(--brand-d);margin-bottom:10px}
.gr__pick-btn{display:block;background:var(--brand);color:#fff;font-weight:700;padding:11px;border-radius:10px;text-decoration:none}
.gr__pick-btn:hover{background:var(--brand-d)}
.gr__pick-ad{position:absolute;top:8px;right:10px;font-size:10px;color:var(--muted)}
@media(max-width:980px){.gr__answer{grid-template-columns:1fr}.gr__pick{max-width:340px;margin:0 auto}}