:root{color-scheme:light;--ink:#142b33;--muted:#586c73;--line:#d6e1df;--paper:#f5f8f5;--accent:#166651}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 system-ui,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif}a{color:var(--accent);text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #df9f32;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}header{border-bottom:1px solid var(--line);background:#fff}header .wrap{display:flex;gap:24px;justify-content:space-between;align-items:center;min-height:82px;flex-wrap:wrap;padding-block:14px}.brand{text-decoration:none;font-weight:750;color:var(--ink)}nav{display:flex;gap:22px;font-size:14px;flex-wrap:wrap}main{padding:56px 0 70px}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--accent);font-weight:700}h1{font-size:clamp(29px,4vw,48px);line-height:1.45;letter-spacing:-.035em;max-width:900px;margin:14px 0 24px}h2{font-size:24px;line-height:1.5;margin:38px 0 16px}h3{font-size:18px;line-height:1.5}.intro{max-width:760px;color:var(--muted);font-size:18px}.meta,.note{font-size:13px;color:var(--muted)}.notice{padding:12px 18px;border-left:3px solid #d49b39;background:#fff5df;font-size:13px;margin-bottom:28px}.button,button{display:inline-block;background:var(--accent);color:white;text-decoration:none;border:0;border-radius:6px;padding:12px 22px;font:inherit;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.card,.panel{border:1px solid var(--line);background:#fff;border-radius:10px;padding:26px}.card h2{margin:6px 0 12px;font-size:21px}.card p{font-size:15px}.card .number{font-size:12px;color:var(--accent);font-weight:700}.reading{max-width:840px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;background:white;font-size:14px;min-width:650px}th,td{text-align:left;vertical-align:top;padding:16px;border-bottom:1px solid var(--line)}th{background:#e7efeb}ul,ol{padding-left:24px}li{margin:8px 0}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:22px}label{font-weight:600;font-size:14px;display:block}label small{display:block;color:var(--muted);font-weight:400;margin:4px 0 8px}input{width:100%;padding:12px;border:1px solid #9ab2aa;border-radius:5px;background:#fff;font:inherit;color:var(--ink)}.results{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.result{background:#e8f2ed;border-radius:8px;padding:22px}.result strong{display:block;font-size:34px}.result span{font-size:14px}#error{color:#a72c2c}details{margin:22px 0}summary{cursor:pointer;font-weight:600}.source-list{font-size:14px;overflow-wrap:anywhere}.steps{border-left:2px solid #93b6a9;padding-left:24px}footer{border-top:1px solid var(--line);padding:28px 0;font-size:13px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}[hidden]{display:none!important}@media(max-width:760px){.wrap{width:calc(100% - 32px)}main{padding:32px 0}.cards,.inputs,.results{grid-template-columns:1fr}header .wrap{gap:8px}nav{gap:15px}.panel,.card{padding:20px}h1{font-size:31px}.result strong{font-size:29px}}

.skip-link{position:absolute;left:16px;top:-100px;padding:10px 16px;background:#fff;z-index:10}.skip-link:focus{top:10px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:28px 0 38px}.hero-actions>a:not(.button){font-size:14px}.decision-box{background:#e7efeb;border-radius:12px;padding:28px 32px;margin:32px 0}.decision-box h2{margin:0 0 18px}.decision-box ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.decision-box li{margin:0}.decision-box strong,.decision-box span{display:block}.decision-box span{font-size:14px;margin-top:8px;color:var(--muted)}.glossary{display:grid;grid-template-columns:130px 1fr;gap:14px 20px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px}.glossary dt{font-weight:700}.glossary dd{margin:0}caption{text-align:left;font-weight:700;padding:12px 16px;background:#fff}nav a[aria-current]{font-weight:750;text-decoration-thickness:3px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-button{background:#fff;color:var(--accent);border:1px solid var(--accent)}.table-scroll:focus-visible{outline:3px solid #df9f32;outline-offset:3px}a{overflow-wrap:anywhere}@media(max-width:760px){.decision-box{padding:22px}.decision-box ul{grid-template-columns:1fr;gap:18px}.glossary{grid-template-columns:1fr;gap:4px}.glossary dd{margin-bottom:14px}.hero-actions{gap:16px}nav a{padding-block:8px}h2{font-size:22px}}

.prompt-example{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:22px;line-height:1.9}

.category-section{margin-block:58px}.category-section>.intro{font-size:16px}.back-to-guides{margin-top:48px;padding-top:22px;border-top:1px solid var(--line)}.brand{font-size:23px;letter-spacing:.015em}.card h2 a{color:var(--ink);text-decoration:none}.card h2 a:hover{text-decoration:underline}

/* Reading-first Norra typography and spacing */
.card-visual{display:block;margin:-26px -26px 20px;overflow:hidden;border-radius:9px 9px 0 0;background:#f7f5ed;aspect-ratio:2/1}.card-visual img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}@media(max-width:760px){.card-visual{margin:-20px -20px 18px}}
:root{--reading-width:760px;--paper:#fafbf8}
.article-page{max-width:var(--reading-width);font-size:17px;line-height:1.95}
.article-page h1{font-size:clamp(28px,3.5vw,40px);line-height:1.5;letter-spacing:0;margin-bottom:20px}
.article-page h2{font-size:25px;line-height:1.6;margin:52px 0 20px;padding-top:12px;border-top:1px solid var(--line);scroll-margin-top:24px}
.article-page h3{font-size:20px;margin:32px 0 14px}
.article-page p{margin:0 0 24px}.article-page .meta{margin-bottom:28px}
.article-page .reading{max-width:100%}.article-page li{margin:12px 0}
.article-toc{border-block:1px solid var(--line);padding:16px 0;margin:28px 0 36px;font-size:15px}
.article-toc summary{min-height:32px;color:var(--accent)}.article-toc ol{margin:16px 0 0}
.article-toc a{display:inline-block;padding:4px 0}.article-page .prompt-example{font-size:16px;line-height:1.9}
.article-page img{max-width:100%;height:auto}.article-page .table-scroll{max-width:100%}
footer .footer-disclosure{display:block;margin-top:16px;line-height:1.8}
@media(max-width:760px){.article-page{font-size:16px;line-height:1.95}.article-page h1{font-size:28px}.article-page h2{font-size:23px;margin-top:40px}.article-page .prompt-example{padding:18px}.brand{font-size:21px}header .wrap{padding-block:18px}nav{gap:8px 18px}}

/* Explanatory figures: readable text, responsive connectors, no image dependency. */
.article-figure{margin:32px 0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;max-width:100%;break-inside:avoid}.figure-title{font-size:18px;font-weight:750;line-height:1.6;margin:0 0 20px}.diagram-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:28px;margin:0}.diagram-flow li{margin:0;position:relative;min-width:0}.diagram-flow li:not(:last-child)::after{content:'→';position:absolute;right:-23px;top:40%;color:var(--accent);font-weight:700}.diagram-node{padding:16px;background:#eff5f1;border:1px solid #cbded3;border-radius:6px;height:100%;min-width:0}.diagram-node strong{display:block;font-size:15px;line-height:1.6;color:#194c3c}.diagram-node span{display:block;margin-top:8px;font-size:14px;line-height:1.8;overflow-wrap:anywhere}.diagram-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.article-figure figcaption{font-size:12px;line-height:1.8;color:var(--muted);margin-top:18px}.diagram-divider{font-size:14px;font-weight:600;margin:24px 0 12px}.slide-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));list-style:none;padding:0;gap:8px;margin:0}.slide-strip li{border:1px solid var(--line);border-top:3px solid #699985;padding:10px;margin:0}.slide-strip span{font-size:12px;color:var(--muted);display:block}.slide-strip strong{font-size:13px;line-height:1.65;display:block;margin-top:4px}.diagram-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:28px;position:relative}.diagram-branches::before{content:'↓';position:absolute;top:0;left:calc(50% - 7px);color:var(--accent)}.diagram-three{grid-template-columns:repeat(3,minmax(0,1fr))}.diagram-outcome{font-size:14px;line-height:1.8;border-top:1px solid var(--line);padding-top:14px;margin:18px 0 0;font-weight:600}@media(max-width:600px){.article-figure{padding:18px;margin:26px 0}.diagram-flow,.diagram-panels,.diagram-branches,.diagram-three{grid-template-columns:1fr}.diagram-flow{gap:28px}.diagram-flow li:not(:last-child)::after{content:'↓';top:auto;right:auto;left:calc(50% - 7px);bottom:-26px}.diagram-node{padding:14px}.slide-strip{grid-template-columns:1fr}.slide-strip li{display:flex;align-items:baseline;gap:14px;border-top:1px solid var(--line);border-left:3px solid #699985;padding:9px 12px}.slide-strip strong{margin:0}.figure-title{font-size:17px}.diagram-branches{gap:12px}}

/* Official product imagery: preserve full image and offer a full-size link. */
.product-screen{margin:1.8rem 0}.product-screen img{display:block;width:100%;height:auto;border-radius:8px}.product-screen figcaption{font-size:.82rem;line-height:1.7;color:#59645e;margin-top:.65rem}.product-screen a:focus-visible{outline:3px solid #315e4c;outline-offset:4px}

/* Keep wide comparison tables inside the article on small screens. */
.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

.product-photo{text-align:center}.product-photo img{max-width:100%;height:auto}.product-photo figcaption{text-align:left}

/* Genre navigation remains usable without JavaScript. */
.genre-picker{margin:30px 0}.genre-tabs{display:flex;flex-wrap:wrap;gap:10px}.genre-tabs a{display:flex;align-items:center;gap:10px;padding:12px 18px;border:1px solid #b7cdc3;border-radius:7px;background:#fff;text-decoration:none;font-weight:650;min-height:48px}.genre-tabs a:hover,.genre-tabs a:focus-visible{background:#e7efeb;border-color:var(--accent)}.genre-tabs span{font-size:12px;font-weight:400;color:var(--muted)}.category-section{scroll-margin-top:24px}.genre-back{float:right;font-size:13px;margin-top:12px}.category-section:target>h2{color:var(--accent)}@media(max-width:600px){.genre-tabs{gap:8px}.genre-tabs a{padding:10px 12px;font-size:14px}.genre-back{float:none;display:inline-block;margin:0}.category-section>h2{margin-top:16px}}