/* Madamarket Export — shared styles for /guides/ pages (EN, DE, NL) */
#sv{--lime:#d7bd77;--lime-2:#a98948;--forest:#08271d;--forest-2:#0f3b2b;--ink:#0c2119;--paper:#f7f8f3;--soft:#edf2ea;--muted:#617067;--hair:rgba(12,33,25,.11);
margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.58 "Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fbf7ef}
#sv .wrap{width:min(1240px,100% - 56px);margin:auto}
#sv a{color:inherit}
#sv img{max-width:100%}

/* header */
#sv .guide-head{background:linear-gradient(180deg,var(--forest) 0%,var(--forest-2) 100%);color:#fff;padding:26px 0 68px}
#sv .topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.12)}
#sv .brand-logo{height:64px;width:auto;display:block}
#sv .topnav{display:flex;align-items:center;gap:22px;font-size:14px;letter-spacing:.02em}
#sv .topnav a{color:rgba(255,255,255,.78);text-decoration:none}
#sv .topnav a:hover{color:#fff}
#sv .topnav .cta{background:var(--lime);color:#10271f;font-weight:650;padding:11px 20px;border-radius:14px;text-decoration:none}
#sv .topnav .cta:hover{background:#e3cd90;color:#10271f}
#sv .crumbs{margin:38px 0 0;font-size:12.5px;color:rgba(255,255,255,.55)}
#sv .crumbs a{color:rgba(255,255,255,.72);text-decoration:none}
#sv .crumbs a:hover{text-decoration:underline}
#sv .kicker{display:inline-block;margin:14px 0 18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:var(--lime);
font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:999px}
#sv h1{margin:0;max-width:18ch;font-size:clamp(30px,4.4vw,52px);font-weight:700;line-height:1.06;letter-spacing:-.042em;color:#fff;overflow-wrap:break-word}
#sv .lede{margin:22px 0 0;max-width:62ch;font-size:18px;line-height:1.62;color:rgba(255,255,255,.74)}
#sv .head-meta{margin:26px 0 0;font-size:12.5px;color:rgba(255,255,255,.5)}

/* article */
#sv .article{padding:84px 0 96px}
#sv .article .wrap{max-width:820px}
#sv .article h2{margin:64px 0 20px;font-size:clamp(24px,3vw,33px);font-weight:650;line-height:1.16;letter-spacing:-.03em;color:#10231c;overflow-wrap:break-word}
#sv .article h2:first-of-type{margin-top:0}
#sv .article p{margin:0 0 20px;font-size:17.5px;line-height:1.72;color:#3c4c43}
#sv .article ol{margin:0 0 22px;padding:0;list-style:none;counter-reset:q}
#sv .article ol li{counter-increment:q;position:relative;padding:0 0 16px 46px;font-size:17.5px;line-height:1.66;color:#3c4c43}
#sv .article ol li:before{content:counter(q);position:absolute;left:0;top:1px;width:30px;height:30px;border-radius:50%;
background:var(--soft);border:1px solid var(--hair);color:var(--lime-2);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
#sv .rule{height:1px;background:var(--hair);border:0;margin:60px 0 0}

/* cta */
#sv .cta-band{background:var(--forest);color:#fff;padding:82px 0}
#sv .cta-band .wrap{max-width:820px;text-align:center}
#sv .cta-band h2{margin:0 0 16px;font-size:clamp(25px,3vw,34px);font-weight:650;letter-spacing:-.03em;color:#fff}
#sv .cta-band p{margin:0 auto 30px;max-width:56ch;font-size:17px;line-height:1.65;color:rgba(255,255,255,.72)}
#sv .btn{display:inline-block;background:var(--lime);color:#10271f;font-weight:650;font-size:16px;padding:15px 25px;border-radius:14px;text-decoration:none}
#sv .btn:hover{background:#e3cd90}
#sv .btn.ghost{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.28);color:#fff;margin-left:10px}
#sv .btn.ghost:hover{background:rgba(255,255,255,.11)}
#sv .cta-note{margin:24px 0 0;font-size:12.5px;color:rgba(255,255,255,.48)}

/* footer */
#sv .footer{background:#04140f;color:rgba(255,255,255,.55);font-size:12.2px;padding:34px 0}
#sv .footer .wrap{text-align:center}
body.mm-consent-open #sv .footer{padding-bottom:110px}

@media(max-width:720px){
#sv .topbar{flex-wrap:wrap;padding-bottom:30px}
#sv .brand-logo{height:52px}
#sv .topnav{gap:14px;font-size:13px}
#sv .guide-head{padding-bottom:52px}
#sv .article{padding:56px 0 64px}
#sv .article h2{margin:46px 0 16px}
#sv .btn.ghost{margin:12px 0 0}
}