:root{color-scheme:dark;--page:#08090b;--bg:#0a0b0e;--card:#15171e;--raised:#1d2029;--ink:#f4f5f7;--text:#c4c8d0;--dim:#a0a5b0;--line:#30343f;--sig:#2348d9;--soft:#8fa6ff;--font:'Libre Franklin',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.85}a{color:inherit;text-underline-offset:4px}button{font:inherit;color:inherit}h1,h2,h3,h4,p,figure,dl{margin:0}h1,h2,h3,h4{line-height:1.3;letter-spacing:-.025em}p{color:var(--text)}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--soft);outline-offset:5px}a:hover{color:var(--soft)}.skip{position:absolute;top:-100px;left:20px;z-index:20;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:12px}.wrap{width:min(1176px,calc(100% - 80px));margin-inline:auto}.site-header{border-bottom:1px solid #23262f;background:var(--bg)}.nav{display:flex;align-items:center;gap:32px;min-height:82px}.logo{display:block;width:108px;height:auto}.nav nav{margin-left:auto;display:flex;gap:28px;font-size:13px}.nav a{text-decoration:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 17px;text-decoration:none;font-weight:600;font-size:12px;line-height:1.5;border:1px solid var(--line);border-radius:3px;white-space:nowrap}.button.primary{background:var(--sig);border-color:var(--sig);color:white}.button.primary:hover{background:#1d3cbb}.button.outline:hover{border-color:var(--text)}.secondary-main{width:min(920px,calc(100% - 64px));margin:38px auto 64px}.breadcrumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--dim);margin:0 0 24px}.breadcrumb a{text-decoration:none}.reading-page{background:var(--bg);border:1px solid #23262f;border-radius:5px;padding:48px 64px 40px}.article-category{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:10px;margin-bottom:18px}.article-header h1{font-size:46px;font-weight:750;letter-spacing:-.045em;line-height:1.13}.standfirst{font-size:19px;line-height:1.65;margin-top:25px}.article-header{padding-bottom:30px;border-bottom:1px solid #23262f;margin-bottom:29px}.article-intro p+p{margin-top:16px}.article-intro p:last-child{color:var(--ink);font-weight:500}.contents{margin-top:28px;border-block:1px solid #23262f;padding-block:14px}.contents summary{font-size:13px;font-weight:600;cursor:pointer}.contents ol{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;padding-left:22px;margin:14px 0 6px;font-size:13px;color:var(--text)}.contents a{text-decoration:none}.contents a:hover{text-decoration:underline}.section,.report-section,.continuity-section{padding-top:46px}.section h2,.report-section h2,.continuity-section h2{font-size:28px;font-weight:700;line-height:1.3;margin-bottom:16px}.section-intro>p{margin-bottom:25px}.audience-grid{display:block}.fit{margin-top:28px}.fit h3{font-size:20px;line-height:1.4;letter-spacing:-.02em;font-weight:650;margin-bottom:9px}.fit p{font-size:16px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--soft);text-decoration:none}.text-link:hover{text-decoration:underline}.fit>.text-link,.fit details{margin-top:10px}.fit details{font-size:13px}.fit summary{cursor:pointer;color:var(--soft)}.fit details p{font-size:14px;padding:12px 18px;border-left:2px solid var(--line);margin-top:12px}.question-board{margin-top:38px;background:var(--card);border:1px solid var(--line);border-radius:4px;padding:23px 28px 0}.board-top{display:flex;align-items:center;gap:12px}.board-top h2{font-size:19px;font-weight:600;letter-spacing:-.02em;line-height:1.5}.signal{height:17px;width:4px;flex-shrink:0;background:var(--sig);clip-path:polygon(100% 0,100% 80%,0 100%,0 20%)}.board-instruction{font-size:12px;color:var(--dim);margin:3px 0 18px 16px}.question-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line)}.question-tabs button,.story-tabs button{cursor:pointer;border:0;border-bottom:2px solid transparent;background:none;padding:0 0 10px;color:var(--dim);font-size:13px}.question-tabs button[aria-selected=true],.story-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--soft)}.ask-panel{padding:20px 0 23px}.example-label{font-size:11px;color:var(--dim);margin-bottom:9px}.example-question{font-size:22px;font-weight:500;color:var(--ink);line-height:1.5;letter-spacing:-.025em;margin-bottom:10px}.example-question br{display:none}.ask-panel>p:not([class]){font-size:14px}.ask-panel .text-link{margin-top:10px}.board-foot{border-top:1px solid var(--line);font-size:11px;color:var(--dim);padding:10px 0}.report-heading p+p{margin-top:14px}.report-figure{margin-top:22px}.report-figure>a{position:relative;display:block;border:1px solid var(--line);border-radius:3px;overflow:hidden}.report-figure img{display:block;width:100%;height:auto}.image-open{position:absolute;right:10px;bottom:10px;background:var(--bg);border:1px solid var(--line);padding:4px 10px;font-size:11px}.report-figure figcaption{font-size:12px;line-height:1.65;color:var(--dim);margin-top:10px}.staff-list{margin-top:22px}.staff-list>div{display:grid;grid-template-columns:200px 1fr;gap:20px;padding-block:14px;border-bottom:1px solid #23262f}.staff-list dt{font-size:14px;font-weight:600}.staff-list dd{margin:0;font-size:14px;color:var(--text)}.story{margin-top:25px;padding:24px 28px;background:var(--card);border:1px solid var(--line);border-radius:4px}.story h3{font-size:21px;line-height:1.4;font-weight:600;margin-bottom:23px}.story-tabs{display:flex;gap:35px;border-bottom:1px solid var(--line)}.story-tabs span{font-size:11px;margin-right:9px}.season-panel{padding-top:24px;min-height:205px}.season-question{font-size:24px;line-height:1.4;font-weight:500;color:var(--ink);letter-spacing:-.025em;margin-bottom:17px}.season-panel h4{font-size:14px;font-weight:600;letter-spacing:0;margin-bottom:6px}.season-panel div p{font-size:14px;line-height:1.8}.return-note{margin-top:17px;font-size:14px}.return-note strong{font-weight:500;color:var(--ink)}.faq .section-intro>p{margin-bottom:16px}.faq details{padding-block:18px;border-bottom:1px solid #23262f}.faq summary{cursor:pointer;font-size:15px;font-weight:500;line-height:1.6;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:18px;flex-shrink:0}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;margin-top:13px;line-height:1.85}.article-cta{margin-top:42px;padding-top:28px;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;justify-content:space-between}.article-cta h2{font-size:19px;line-height:1.45;letter-spacing:-.02em;font-weight:600}.article-cta p{font-size:13px;margin-top:7px}.footer{display:flex;align-items:center;gap:24px;font-size:12px;border-top:1px solid #23262f;padding-block:30px}.footer img{display:block;width:90px;height:auto}.footer p{margin-right:auto;color:var(--dim)}.footer a{text-decoration:none}[hidden]{display:none!important}
/* Shared secondary-page components. Layout variants may use different widths
   and blocks while keeping this reading type, navigation and spacing. */
.reading-page[data-layout=comparison]{padding-inline:42px}.comparison-table{width:100%;border-collapse:collapse;font-size:14px;margin-block:24px}.comparison-table th,.comparison-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}.comparison-table th{font-weight:600;color:var(--ink)}.comparison-table td{color:var(--text)}.reading-page[data-layout=guide] .article-header{margin-bottom:35px}.inline-note{margin-block:24px;padding:16px 20px;border-left:2px solid var(--soft);background:var(--card);font-size:14px}.related-reading{margin-top:36px;padding-top:24px;border-top:1px solid var(--line)}.related-reading a{display:block;margin-top:10px;font-size:14px}.article-meta{color:var(--dim);font-size:12px;margin-block:14px 20px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.secondary-main{width:calc(100% - 48px)}.reading-page{padding:35px 40px}.article-header h1{font-size:42px}.nav{gap:22px}.nav nav{gap:18px}.article-cta{align-items:flex-start;flex-direction:column;gap:18px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.nav{min-height:70px}.nav nav{display:none}.nav-cta{margin-left:auto}.logo{width:98px}.button{font-size:11px;padding:9px 12px;gap:15px}.secondary-main{width:calc(100% - 36px);margin-top:25px}.breadcrumb{font-size:11px;gap:8px;margin-bottom:22px}.reading-page{padding:0;border:0;background:transparent}.article-header h1{font-size:35px;line-height:1.18}.article-category{font-size:11px;margin-bottom:17px}.standfirst{font-size:17px;margin-top:20px;line-height:1.75}.article-header{padding-bottom:23px;margin-bottom:22px}.article-intro p,.fit p{font-size:15px}.contents ol{grid-template-columns:1fr}.section,.report-section,.continuity-section{padding-top:35px}.section h2,.report-section h2,.continuity-section h2{font-size:25px}.fit h3{font-size:19px}.question-board{padding:20px 19px 0}.board-top h2{font-size:17px}.question-tabs{gap:25px}.example-question{font-size:20px}.report-figure img{min-width:0}.image-open{position:static;display:block;border:0;border-top:1px solid var(--line);font-size:11px;text-align:center;padding:7px}.staff-list>div{grid-template-columns:1fr;gap:3px;padding-block:13px}.story{padding:20px}.story h3{font-size:20px}.story-tabs{gap:22px}.story-tabs span{display:none}.season-panel{min-height:280px}.season-question{font-size:23px}.faq summary{font-size:14px}.footer{flex-wrap:wrap;gap:18px}.footer p{font-size:11px}.footer>a:nth-last-child(2){margin-left:auto}.reading-page[data-layout=comparison]{padding:0}.table-scroll{overflow-x:auto}.comparison-table{min-width:560px}.article-cta{margin-top:32px}.section-intro>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Comparison variant: wider evidence table with a quieter reading column. */
.comparison-main{width:min(1120px,calc(100% - 64px))}.comparison-prose{max-width:760px;margin-inline:auto}.comparison-main .article-header h1{font-size:44px}.comparison-main .article-header .article-meta{margin-bottom:0}.review-method{margin-top:28px;padding:22px 24px;background:var(--card);border:1px solid var(--line);border-radius:3px;font-size:13px;line-height:1.8}.review-method strong{font-size:13px;font-weight:600}.review-method p{margin-top:7px!important;font-size:13px!important;font-weight:400!important;color:var(--dim)!important}.comparison-summary{padding-bottom:6px}.comparison-summary>p{font-size:14px}.comparison-filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.comparison-filters button{background:none;border:1px solid var(--line);border-radius:3px;padding:7px 13px;font-size:12px;cursor:pointer;color:var(--text)}.comparison-filters button[aria-pressed=true]{border-color:var(--soft);color:var(--ink);background:var(--raised)}.filter-count{font-size:11px!important;color:var(--dim);margin-top:10px}.comparison-table{table-layout:fixed;width:100%;line-height:1.65}.comparison-table caption{text-align:left;font-size:12px;color:var(--dim);padding-bottom:13px}.comparison-table th:first-child{width:18%}.comparison-table th,.comparison-table td{padding:16px 13px;font-size:13px}.comparison-table thead{background:var(--card)}.comparison-table thead th{font-size:12px}.comparison-table tbody th{font-weight:600}.comparison-table tbody th a{text-decoration:none}.comparison-table tbody th a:hover{text-decoration:underline}.table-scroll{overflow-x:auto}.table-note{font-size:11px!important;color:var(--dim)}.product-review{padding-block:28px;border-bottom:1px solid #23262f;scroll-margin-top:25px}.product-review h3{font-size:24px;font-weight:650;margin-bottom:9px}.product-review .fit-line{font-size:16px;font-weight:500;color:var(--ink);margin-bottom:15px}.product-review p+p{margin-top:14px}.source-link{font-size:12px;color:var(--soft);white-space:normal}.choice-note{font-size:14px;color:var(--dim)}.choice-note strong{font-weight:600;color:var(--text)}.comparison-prose>.section>p+p{margin-top:16px}.source-section p{font-size:13px;color:var(--dim)}.source-section h2{font-size:22px}.related-reading h2{font-size:20px}.related-reading a{color:var(--soft)}.nav a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--soft);text-underline-offset:7px}
@media(max-width:900px){.comparison-main{width:calc(100% - 48px)}.comparison-main .reading-page{padding-inline:32px}.comparison-main .article-header h1{font-size:39px}.comparison-table{min-width:790px}}
@media(max-width:600px){.comparison-main{width:calc(100% - 36px)}.comparison-main .reading-page{padding:0}.comparison-main .article-header h1{font-size:33px}.comparison-main .standfirst{font-size:16px}.comparison-filters{gap:7px}.comparison-filters button{font-size:11px;padding:7px 9px}.product-review h3{font-size:23px}.product-review>p{font-size:15px}.product-review .choice-note{font-size:14px}.table-note{margin-top:8px}.comparison-prose>.section>p{font-size:15px}}

#hinru-fit h3{font-size:22px;font-weight:650;margin-top:32px;margin-bottom:12px}#hinru-fit h2+p{margin-top:16px}

.why-page>.section>h2{margin-bottom:18px}.why-page>.section>p+p{margin-top:18px}.why-example{margin-block:30px}.why-example>h3{margin-bottom:12px}.why-page .related-reading p+p{margin-top:12px}

/* Adapted real-save excerpts: editorial text, not a simulated product screen. */
.real-save-example{margin-top:26px;padding:26px;background:var(--card);border:1px solid var(--line);border-radius:3px;scroll-margin-top:28px}
.real-save-example h3{font-size:24px;margin:10px 0 18px}.real-save-example h4{font-size:20px;margin:8px 0 15px}.real-save-example p+p{margin-top:16px}.real-save-example blockquote{margin:22px 0;padding:0;border:0}.real-save-example blockquote p{font-size:18px;line-height:1.8;font-weight:500;color:var(--ink)}.real-save-example .sample-caption{font-size:12px;line-height:1.7;color:var(--dim);font-weight:400}.real-save-example .sample-source{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.real-save-example .excerpt-attribution{font-size:12px;color:var(--dim);margin-top:10px}.real-save-example .story-tabs{margin-top:24px;gap:24px;flex-wrap:wrap}.real-report-panel{padding-top:22px}.real-report-panel .report-result{font-size:13px;color:var(--dim)}.report-detail{margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.report-detail summary{cursor:pointer;font-size:14px}.real-save-example .text-link{margin-top:18px;display:inline-block}
@media(max-width:600px){.real-save-example{padding:19px}.real-save-example h3{font-size:21px}.real-save-example blockquote p{font-size:16px}.real-save-example .story-tabs{gap:16px}.real-save-example .story-tabs button{font-size:12px}}

/* The report pair reads continuously, with all excerpts visible. */
.real-save-example.report-story{padding:28px 0 0;margin:34px 0;background:transparent;border:0;border-top:1px solid var(--line);border-radius:0}
.report-story .real-report-panel{margin-top:28px;padding-top:26px;border-top:1px solid var(--line)}
.report-story .report-result{color:var(--text);font-weight:600;letter-spacing:.015em}
.report-story .report-recommendation{margin-top:22px}.report-story .report-recommendation blockquote{margin-top:8px}

/* Screenshots from the actual report renderer. The link opens the full image. */
.report-sample{margin:26px 0}.report-capture{display:block;position:relative;overflow:hidden;aspect-ratio:820/848;border:1px solid var(--line);border-radius:7px;background:var(--card)}
.report-capture img{position:absolute;top:0;left:-28.04878%;margin-top:-3.902439%;width:156.09756%;max-width:none;height:auto}
.report-sample figcaption{font-size:12px;line-height:1.65;color:var(--dim);margin-top:12px}.report-sample>.text-link{display:inline-block;margin-top:10px;font-size:14px}
.related-report-links{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.related-report-links a{display:block;margin-top:12px;font-size:14px;color:var(--soft)}
/* Editorial pages keep questions and examples visible in the reading flow. */
.contents-label{font-size:13px;font-weight:600;color:var(--ink)}
.contents ol{margin-top:9px}
.qa-item{padding:18px 0;border-bottom:1px solid #23262f}
.qa-item h3{font-size:16px;font-weight:600;letter-spacing:0;line-height:1.5;margin-bottom:8px}
.qa-item p{font-size:14px;line-height:1.8}
.fit .qa-item{margin-top:12px;padding:10px 0 0;border:0}
.fit .qa-item h3{font-size:14px;margin-bottom:5px;color:var(--soft)}
.fit .qa-item p{font-size:14px}
.question-board{padding-bottom:16px}
.question-board .ask-panel{border-top:1px solid var(--line)}
.question-board .ask-panel:first-of-type{border-top:0}

/* Visible report previews and accessible full-report viewer. */
.match-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}.related-report-links a.match-preview{display:block;margin:0;border:1px solid #343943;border-radius:14px;overflow:hidden;text-decoration:none;color:#f2f3f5;background:#111419;transition:border-color .18s,transform .18s}.match-preview:hover{border-color:#9cafff!important;transform:translateY(-3px)}.match-preview:focus-visible{outline:3px solid #9cafff;outline-offset:5px}.match-preview-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;font-size:16px}.match-preview-heading strong{font-size:28px}.match-preview-image{display:block;height:290px;overflow:hidden;background:#08090b;border-block:1px solid #343943}.match-preview-image img{display:block;width:100%;height:auto}.match-preview-caption{display:grid;gap:12px;padding:20px;font-size:16px;line-height:1.45}.match-preview-caption>span{color:#a8b8ff;font-size:14px}.match-report-dialog{box-sizing:border-box;width:min(960px,calc(100vw - 32px));height:calc(100dvh - 40px);max-height:100dvh;padding:0;border:1px solid #454d5c;border-radius:14px;background:#08090b;color:#f2f3f5;overflow:hidden}.match-report-dialog[open]{display:flex;flex-direction:column}.match-report-dialog::backdrop{background:rgb(0 0 0 / .82)}.match-viewer-bar,.match-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;background:#14171d}.match-viewer-bar h2{font-size:18px;margin:0}.match-report-dialog button{font:inherit;font-size:14px;padding:9px 13px;border:1px solid #525c70;border-radius:7px;background:#202633;color:#fff;cursor:pointer}.match-report-dialog button:focus-visible{outline:3px solid #a8b8ff;outline-offset:2px}.match-report-dialog iframe{display:block;flex:1;width:100%;min-height:0;border:0;background:#08090b}.match-viewer-nav{font-size:14px}.match-report-dialog button:disabled{opacity:.4;cursor:default}@media(max-width:600px){.match-preview-grid{grid-template-columns:1fr;gap:18px}.match-preview-image{height:260px}.match-report-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.match-viewer-bar,.match-viewer-nav{padding:12px}.match-viewer-bar h2{font-size:15px}}

.match-viewer-nav[hidden]{display:none}.report-capture:focus-visible{outline:3px solid #a8b8ff;outline-offset:5px}.report-capture{cursor:zoom-in}

.match-preview-image{position:relative}.report-expand-icon{position:absolute;top:12px;right:12px;z-index:2;display:grid;place-items:center;width:36px;height:36px;border:1px solid #7886a0;border-radius:9px;background:#131a27;color:#f4f6ff;box-shadow:0 2px 12px #0008;pointer-events:none}.report-expand-icon svg{width:20px;height:20px}.report-capture:hover .report-expand-icon,.match-preview:hover .report-expand-icon,.report-capture:focus-visible .report-expand-icon,.match-preview:focus-visible .report-expand-icon{background:#344469;border-color:#becbff}

/* Render the actual report at its natural typography inside a clipped window. */
.report-capture,.walk-work .report-capture,.match-preview-image{position:relative;display:block;height:380px;max-height:none;aspect-ratio:auto;overflow:hidden;background:#08090b}.report-live-preview{display:block;width:100%;height:1200px;border:0;pointer-events:none;user-select:none}.match-preview-image .report-live-preview{width:100%}.report-capture:after,.match-preview-image:after{content:'';position:absolute;inset:0;z-index:1}.report-expand-icon{z-index:2}@media(max-width:600px){.report-capture,.walk-work .report-capture,.match-preview-image{height:340px}}

.footer{flex-wrap:wrap}.footer .opensource-credit{flex-basis:100%;width:100%;font-size:12px;line-height:1.7;color:#9ea9bc;margin:12px 0 0}.footer .opensource-credit a{font-size:inherit;text-decoration:underline;text-underline-offset:3px}

@media(max-width:600px){.site-header .nav{flex-wrap:wrap;padding-block:12px;gap:12px}.site-header .nav nav{display:flex;order:3;flex-basis:100%;margin:0;gap:24px}.site-header .nav nav a{padding:8px 0;min-height:40px}}