:root{--ink:#2a2826;--muted:#6b6860;--paper:#f7f4ee;--cream:#ede9df;--accent:#ff9933;--line:rgba(42,40,38,.12);--dark:#2a2826}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 28px}
.article-hero{padding:68px 0 44px;border-bottom:1px solid var(--line)}.crumb{font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#7d776f;margin-bottom:18px}.article-hero h1{font-family:Fraunces,serif;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.025em;max-width:850px;margin:0 0 18px}.lead{font-size:19px;color:var(--muted);max-width:780px;margin:0}.meta{margin-top:18px;font-size:13px;color:#8a857d}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 250px;gap:58px;padding:54px 0 80px}.article h2{font-family:Fraunces,serif;font-size:32px;line-height:1.15;margin:42px 0 12px}.article h2:first-child{margin-top:0}.article h3{font-family:Fraunces,serif;font-size:24px;margin:28px 0 8px}.article p{font-size:16.5px;margin:0 0 18px}.article ul,.article ol{padding-left:24px;margin:10px 0 22px}.article li{margin:7px 0}.tip{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:18px 20px;margin:24px 0}.tip strong{display:block;margin-bottom:4px}.cta{background:var(--dark);color:#eef0ea;border-radius:16px;padding:26px 28px;margin-top:36px}.cta h3{font-family:Fraunces,serif;font-size:25px;margin:0 0 8px}.cta p{color:#cfcfc8;margin:0 0 18px}.cta a{display:inline-flex;background:var(--accent);color:var(--ink);padding:11px 17px;border-radius:9px;font-weight:700}.side{position:sticky;top:100px;align-self:start}.sidebox{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.sidebox strong{display:block;font-family:Fraunces,serif;font-size:21px;margin-bottom:10px}.sidebox a{display:block;padding:8px 0;color:#6b6860;font-size:14px;border-top:1px solid var(--line)}.sidebox a:hover{color:#e87810}.foot{padding:34px 0;color:#77736c;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:28px}.side{position:static;order:-1}.article-hero{padding-top:54px}}
@media(max-width:580px){.wrap{padding:0 20px}.article-hero h1{font-size:42px}.article p{font-size:16px}}

/* Shared RB Data header */
.rb-global-header{position:sticky;top:0;z-index:100;background:rgba(247,244,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid rgba(42,40,38,.12)}
.rb-global-nav{max-width:1120px;margin:0 auto;min-height:72px;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.rb-site-logo{display:block;line-height:0;flex:0 0 auto}.rb-site-logo img{display:block;width:145px;height:auto;max-height:43px;object-fit:contain;object-position:left center}
.rb-global-links{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500}.rb-global-links a,.rb-global-mobile a{color:#5f5b55;text-decoration:none}.rb-global-links a:hover,.rb-global-mobile a:hover{color:#e87810}.rb-global-buy{background:#2a2826!important;color:#fff!important;padding:10px 18px;border-radius:10px;font-weight:600}
.rb-global-burger{display:none;border:0;background:none;padding:7px;cursor:pointer}.rb-global-burger span{display:block;width:24px;height:2px;background:#2a2826;margin:5px 0;border-radius:2px}.rb-global-mobile{display:none}
@media(max-width:900px){.rb-global-links{display:none}.rb-global-burger{display:block}.rb-global-mobile{padding:8px 28px 20px;border-top:1px solid rgba(42,40,38,.12);flex-direction:column;gap:4px}.rb-global-mobile.is-open{display:flex}.rb-global-mobile a{padding:12px 0;border-bottom:1px solid rgba(42,40,38,.12)}.rb-global-mobile .rb-global-buy{text-align:center;border-bottom:0;margin-top:6px}}
@media(max-width:580px){.rb-global-nav{min-height:64px;padding:10px 20px}.rb-site-logo img{width:130px}}

.cta-actions{display:flex;flex-wrap:wrap;gap:10px}.cta-secondary{background:transparent!important;color:#fff!important;border:1px solid rgba(255,255,255,.35)}

.source-note{font-size:13px;color:#6b6860;margin-top:22px}.source-note a{color:#2a2826;text-decoration:underline;text-decoration-color:#ff9933;text-decoration-thickness:2px;text-underline-offset:2px}

.rb-foot-link:hover{color:#ff9933!important}@media (max-width:760px){.rb-foot-grid{grid-template-columns:1fr!important;gap:32px!important}}

/* Klick- och tangentbordsrespons för CTA-rutans knapp (2026-09-22). HÅLL DENNA IDENTISK med motsvarande block i tips-guider/index.html (den inbäddade <style>-koden) om du ändrar den. */
.cta a:hover{filter:brightness(1.06);transform:translateY(-2px)}
.cta a:active{transform:translateY(0);filter:brightness(.94)}
.cta a:focus-visible{outline:2px solid #007b84;outline-offset:2px}
.cta-secondary:hover{filter:brightness(1.18)}
.cta-secondary:active{filter:brightness(.85)}
.cta-secondary:focus-visible{outline:2px solid #007b84;outline-offset:2px}