@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400&family=Schibsted+Grotesk:wght@400..800&display=swap');
:root{--ink:#0d1a33;--muted:#4b5a76;--paper:#f3f5f8;--line:#dfe4ec;--accent:#3442b8;--card:#fff;--soft:#e8edf5;--pass:#0b8a5f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 'Schibsted Grotesk',sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid #bd572d;outline-offset:5px}header,main,footer{max-width:1200px;margin:auto;padding-inline:32px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:25px;border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-size:22px;font-weight:700;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:25px;font-size:14px}nav a{text-decoration:none}.skip{position:absolute;left:10px;top:-100px;background:var(--card);padding:10px;z-index:10}.skip:focus{top:10px}.crumb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:34px 0}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:24px 0 70px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-weight:700}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Schibsted Grotesk',sans-serif;font-weight:400;line-height:1.03;letter-spacing:-.035em}h1{font-size:clamp(48px,5.5vw,78px);margin:20px 0 25px}h1 em{color:var(--accent);font-weight:400}h2{font-size:clamp(35px,4vw,52px);margin-bottom:24px}h3{font-size:20px;line-height:1.3}.lede{font-size:18px;color:var(--muted);max-width:48ch}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:#fff;text-decoration:none;padding:15px 23px;border-radius:5px;font-weight:600;font-size:15px}.button:hover{background:var(--accent);color:white}.micro{font-size:12px;color:var(--muted);margin:14px 0 0}.art{background:var(--soft);padding:30px;border-radius:8px;position:relative}.art svg{display:block;width:100%;height:auto}.art figcaption{font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;margin-top:20px}.art{margin:0}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-bottom:75px}.facts div{padding:25px 20px;border-right:1px solid var(--line)}.facts div:last-child{border:0}.facts b{display:block;font-size:22px}.facts span{font-size:13px;color:var(--muted)}.body-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:70px}.contents{align-self:start;position:sticky;top:25px;font-size:13px}.contents a{display:block;margin:13px 0;text-decoration:none}.contents p{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.chapter{padding-bottom:55px;margin-bottom:45px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.chapter p{max-width:65ch;color:var(--muted)}.steps{counter-reset:step;list-style:none;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:45px 1fr;gap:16px;margin:28px 0}.steps li:before{content:counter(step,decimal-leading-zero);color:var(--accent);border-top:1px solid var(--accent);font-size:14px;padding-top:8px}.steps h3{margin-bottom:8px}.steps p{margin-bottom:0}.note{background:var(--soft);border-left:3px solid var(--accent);padding:25px;margin-top:30px}.note p{margin:0}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}.compare>div{padding:25px;background:var(--card);border:1px solid var(--line);border-radius:5px}.compare h3{color:var(--accent)}.compare p{font-size:15px}.cta{padding:45px;background:var(--ink);color:white;border-radius:8px;margin:10px 0 65px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:38px;margin-bottom:12px}.cta p{margin:0;color:#cedbd5}.cta .button{background:#fff;color:var(--ink);flex-shrink:0}.related{padding-bottom:50px}.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.related a{display:block;padding:25px 0;border-top:1px solid var(--line);text-decoration:none;font-family:'Schibsted Grotesk',sans-serif;font-size:28px;line-height:1.2}.related small{display:block;font:11px 'Schibsted Grotesk',sans-serif;letter-spacing:.12em;margin-bottom:15px;color:var(--accent)}footer{padding-block:30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.source{font-size:13px}.tool-link{font-weight:600}details{border-top:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-weight:600}details p{margin:15px 0 0}.home-guides{padding-block:60px}.home-guides h2{font:42px/1.1 'Schibsted Grotesk',sans-serif}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-links a{padding:28px;background:#f3f5ee;border:1px solid #d5dcd6;border-radius:12px;text-decoration:none;display:block}.guide-links span{display:block;font-size:12px;color:#176754;margin-bottom:18px}.guide-links strong{display:block;font-size:23px;line-height:1.2;margin-bottom:16px}.guide-links p{font-size:14px}.guide-links b{color:#176754;font-size:14px}@media(max-width:750px){header,main,footer{padding-inline:22px}header{padding-block:18px}.brand{font-size:19px}nav{gap:15px;font-size:12px}.hero{grid-template-columns:1fr;gap:30px;padding-bottom:40px}.hero h1{max-width:12ch}.art{padding:22px}.facts{margin-bottom:45px}.facts div{padding:18px 8px}.facts b{font-size:18px}.facts span{font-size:11px}.body-grid{grid-template-columns:1fr;gap:30px}.contents{position:static;display:flex;gap:14px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.contents p{width:100%;margin:0}.contents a{margin:0}.chapter{padding-bottom:30px;margin-bottom:30px}.compare{grid-template-columns:1fr}.cta{padding:28px;display:block}.cta .button{margin-top:25px}.related-grid,.guide-links{grid-template-columns:1fr}footer{display:block}body{font-size:16px}}
@media(prefers-reduced-motion:no-preference){.hero{animation:arrive .6s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}

header nav a{min-height:44px;display:inline-flex;align-items:center}.contents a{padding-block:6px}details summary{min-height:44px;display:list-item}

/* Search-first headings retain the field-guide visual language. */
.hero h1 { font-size:clamp(39px,4.3vw,61px); max-width:18ch; }
.hero .lede { font-size:17px; line-height:1.7; }
.table-scroll { overflow-x:auto; margin:25px 0; }
table { width:100%; border-collapse:collapse; text-align:left; font-size:14px; }
caption { text-align:left; color:var(--muted); margin-bottom:14px; font-size:13px; }
th,td { padding:15px 12px; border-bottom:1px solid var(--line); vertical-align:top; }
thead th { color:var(--accent); background:var(--soft); font-size:12px; }
tbody th { min-width:110px; font-weight:600; }
@media(max-width:750px){.hero h1{font-size:clamp(37px,9vw,54px);max-width:19ch}th,td{padding:12px 8px;font-size:13px}}

.instruction-art{margin:28px 0 34px}.instruction-art img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.instruction-art figcaption{font-size:13px;color:var(--muted);line-height:1.6;margin-top:12px}.instruction-art a{display:block}.instruction-art a:focus-visible{border-radius:10px}

/* Shared product identity: match the checker, retain an editorial reading layout. */
body{-webkit-font-smoothing:antialiased}
header,main,footer{max-width:1184px;padding-inline:clamp(18px,4vw,40px)}
.site-ribbon{font-size:12.8px;color:var(--muted);text-align:center;padding:8px 16px;border-bottom:1px solid var(--line);margin:0;background:var(--card)}
header{padding-block:17.6px;border-bottom:0;gap:18px}
.brand{display:inline-flex;align-items:center;gap:9.6px;white-space:nowrap;font-size:17.28px;font-weight:700;letter-spacing:-.02em;line-height:1.55}
.brand svg{flex:none}.brand span{color:inherit}.brand .fit{color:var(--pass)}
header nav{align-items:center;gap:24px;font-size:14px;color:var(--muted)}
.nav-check{border:1px solid var(--line);border-radius:10px;padding:0 14px;background:var(--card);font-weight:600;color:var(--ink);gap:10px}
h1,h2{font-weight:650;letter-spacing:-.045em;line-height:1.08}h1 em{font-style:normal;font-weight:inherit;color:var(--ink)}h2{font-size:clamp(28px,3vw,39px);max-width:25ch}h3{font-weight:650;letter-spacing:-.02em}
.hero h1{font-size:clamp(38px,4.6vw,60px);max-width:18ch}.hero{padding:20px 0 60px;gap:48px;align-items:center}.hero .lede{line-height:1.65}
.crumb,.eyebrow,.contents>p,.art figcaption,.related small,.steps li:before{font-family:'IBM Plex Mono',monospace;font-weight:400;letter-spacing:.08em}
.crumb{color:var(--muted);font-size:11px;margin:26px 0}.eyebrow{font-size:11px}.button{border-radius:12px;padding:15px 22px;box-shadow:0 6px 16px -10px #0d1a3366}
.art{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 24px 60px -40px #0d1a3344}.art figcaption{color:var(--muted);font-size:10px;line-height:1.6}
.facts{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:64px}.facts b{font-weight:650;letter-spacing:-.035em}.facts span{color:var(--muted)}
.body-grid{grid-template-columns:210px minmax(0,1fr);gap:64px}.contents{padding:20px;background:var(--card);border:1px solid var(--line);border-radius:14px}.contents a:hover{color:var(--accent)}
.chapter{padding-bottom:40px;margin-bottom:40px}.chapter p{line-height:1.8}.note{border-radius:0 12px 12px 0}.compare>div{background:var(--card);border-radius:14px}.compare h3{color:var(--ink)}
.table-scroll{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px}thead th{background:var(--soft);color:var(--muted)}
.cta{background:#0d1a33;border-radius:20px;padding:40px}.cta h2{font-size:32px;color:#fff}.cta p{color:#a3afc6}.cta .button{color:#0d1a33;background:#fff}
.related a{font-size:23px;font-weight:600;letter-spacing:-.025em;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:25px}.related small{font-size:10px;letter-spacing:.08em}
footer{padding-block:38px;align-items:start}footer .brand{color:var(--ink)}footer p{margin:14px 0 0;line-height:1.8}footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;font-size:13px}footer a{min-height:28px}
.instruction-art img{border-radius:14px}.source{line-height:1.8}
@media(max-width:750px){header nav{gap:12px;font-size:12px}header .hide-small{display:none}.nav-check{padding-inline:10px}.brand{font-size:16px;gap:7px}.brand svg{width:27px;height:27px}.hero{grid-template-columns:1fr;gap:28px;padding-bottom:36px}.hero h1{font-size:clamp(36px,9vw,49px)}.body-grid{grid-template-columns:1fr;gap:30px}.contents{position:static;display:flex;gap:8px 16px;padding:18px}.contents p{width:100%}.contents a{margin:0}.facts{margin-bottom:36px}.facts div{padding:18px 10px}.cta{padding:28px}footer{display:grid;gap:28px}footer nav{font-size:13px}.table-scroll{padding:10px}}
@media(max-width:370px){header nav>a:not(.nav-check){display:none}}
@media(prefers-color-scheme:dark){:root{--ink:#e9eef7;--muted:#a3afc6;--paper:#0a111f;--line:#223049;--accent:#8e98ff;--card:#111a2c;--soft:#182338;--pass:#3ecf98}.button{background:#e9eef7;color:#0a111f}.art svg{background:#f3f5f8;border-radius:12px}.art{box-shadow:none}}

.hero{animation:none}