@layer components{.container-site.section-tight,.container-site.section{padding-inline:var(--gutter)}.tool-hero{flex-direction:column;gap:14px;padding:clamp(28px,4vw,56px) 0 clamp(20px,2.6vw,32px);display:flex}.tool-hero h1{font:400 clamp(30px, 3.6vw, 52px)/1.08 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;max-width:24ch}.tool-hero .lead{color:var(--text-2);max-width:62ch;font-size:16px;line-height:1.6}.tool-form{gap:8px;max-width:760px;display:flex}.tool-form .input{height:46px;font:400 15px var(--font-code)}.tool-form select.input{width:auto;font-family:var(--font-ui)}.mono{font-family:var(--font-code);font-feature-settings:"zero" 1}.form-err{color:var(--danger);align-items:center;gap:6px;font-size:13.5px;display:flex}.checklist{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.checklist li{border-radius:var(--r-md);border:1px solid var(--divider);background:var(--surface);flex-direction:column;gap:4px;padding:14px;display:flex}.checklist li b{font-size:14px}.checklist li span{color:var(--text-2);font-size:13px}.checklist .k{font:500 11px var(--font-code);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.subbar{z-index:15;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--divider);position:sticky;top:60px}.subbar .container-site{flex-wrap:wrap;align-items:center;gap:12px;padding-top:10px;padding-bottom:10px;display:flex}.subbar form{flex:320px;gap:6px;min-width:0;max-width:520px;display:flex}.subbar .input{height:34px;font:400 13.5px var(--font-code)}.subbar .meta{font:400 12px var(--font-code);color:var(--muted);flex-wrap:wrap;gap:10px;display:flex}.subbar .acts{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.report-grid{grid-template-columns:minmax(0,1.6fr) minmax(360px,1fr);align-items:start;gap:clamp(20px,2.4vw,40px);padding:24px 0 64px;display:grid}.report-main{flex-direction:column;gap:20px;min-width:0;display:flex}.report-main>*,.report-side>*,.card>.flex{min-width:0}.report-side{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:124px}.report-hero{grid-template-columns:auto minmax(0,1fr);gap:24px;padding:clamp(20px,2.4vw,30px);display:grid}.grade.lg{border-radius:22px;width:92px;height:92px;font-size:52px}.report-hero h1{font:400 clamp(24px, 2.3vw, 34px)/1.18 var(--font-serif);letter-spacing:-.02em;text-wrap:pretty;max-width:30ch}.report-hero h1 code{font-size:.78em;font-family:var(--font-code);letter-spacing:-.02em}.report-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.report-meta span{align-items:center;gap:6px;display:inline-flex}.ask{border-radius:var(--r-md);background:var(--brand-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;margin-top:4px;padding:14px 16px;display:flex}.ask p{color:var(--text);max-width:54ch;font-size:14px}.ask .seg{background:color-mix(in srgb, var(--surface) 60%, transparent)}.block-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px 2px;display:flex}.block-h h2{font:500 12.5px var(--font-code);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.block-h span{color:var(--muted);font-size:12.5px}.tiles.t8{grid-template-columns:repeat(4,minmax(0,1fr))}.tiles.t8 .tile{border-bottom:1px solid var(--divider);min-width:0}.tiles.t8 .tile:nth-child(4n){border-right:0}.tiles.t8 .tile:nth-last-child(-n+4){border-bottom:0}.tile b{overflow-wrap:anywhere}.tile.warn{background:color-mix(in srgb, var(--warning-soft) 55%, var(--surface))}.findings{margin:0;padding:0;list-style:none}.findings li{border-top:1px solid var(--divider);grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px 18px;display:grid}.findings li:first-child{border-top:0}.findings .t{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.findings .t code{font:400 12px var(--font-code);color:var(--muted);overflow-wrap:anywhere}.findings p{color:var(--text-2);margin-top:3px;font-size:14px}.findings .tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.spf-meter{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.spf-meter i{background:var(--neutral-soft);border-radius:2px;width:22px;height:10px}.spf-meter i.c1{background:var(--chart-1)}.spf-meter i.c2{background:var(--chart-2)}.spf-meter i.c3{background:var(--chart-3)}.spf-meter i.c4{background:var(--text-2)}.spf-meter i.over{background:var(--danger)}.spf-meter i.limit{border:1px dashed var(--danger);background:0 0}.spf-meter span{font:500 12.5px var(--font-code);color:var(--text-2);margin-left:8px}.spf-legend{font:400 12px var(--font-code);color:var(--text-2);flex-wrap:wrap;gap:6px 14px;display:flex}.spf-legend i{vertical-align:-1px;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.spf-tree{min-width:0;max-width:100%;font:400 13px/1.9 var(--font-code);padding:4px 0;overflow-x:auto}.spf-tree .node{white-space:nowrap;align-items:center;gap:10px;min-width:max-content;display:flex}.spf-tree .node .bar{border-bottom:1px dotted var(--border-strong);flex:1;min-width:24px;height:1px}.spf-tree .cost{color:var(--muted);font-size:12px}.spf-tree .cost.hot{color:var(--danger)}.spf-tree .note{color:var(--muted);font-size:11.5px}.spf-tree .glyph{color:var(--faint)}.spf-tree a{color:var(--brand-text)}.raw.rr{table-layout:fixed;min-width:760px}.raw.rr th:first-child{width:28%}.raw.rr th:nth-child(2){width:64px}.raw.rr th:nth-child(3){width:27%}.raw.rr th:nth-child(4){width:76px}.raw.rr td.n,.raw.rr td.v{text-overflow:ellipsis;overflow:hidden}.table.dense td{padding-top:7px;padding-bottom:7px;font-size:12.5px}.raw td.m{white-space:normal;color:var(--text-2);font-size:13px;line-height:1.45}.raw-cards{display:none}.raw-cards li{border-top:1px solid var(--divider);flex-direction:column;gap:4px;min-width:0;padding:12px 16px;display:flex}.raw-cards li:first-child{border-top:0}.raw-cards code{overflow-wrap:anywhere;font-size:12.5px}.raw-cards .row{justify-content:space-between;align-items:center;gap:8px;display:flex}.fix-card{flex-direction:column;gap:14px;padding:20px;display:flex}.fix-card h3{letter-spacing:-.015em;font-size:17px}.fix-nav{flex-wrap:wrap;gap:6px;display:flex}.host-tabs{flex-wrap:wrap;gap:4px;display:flex}.host-tabs button{border:1px solid var(--border);background:var(--surface);font:500 12.5px var(--font-ui);color:var(--text-2);border-radius:var(--r-full);cursor:pointer;padding:6px 10px}.host-tabs button:hover{border-color:var(--border-strong);color:var(--text)}.host-tabs button[aria-selected=true]{background:var(--text);color:var(--bg);border-color:var(--text)}.host-tabs button:focus-visible{box-shadow:var(--focus);outline:none}.record{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}.record .r{border-top:1px solid var(--divider);grid-template-columns:78px minmax(0,1fr);font-size:13px;display:grid}.record .r:first-child{border-top:0}.record .r>span{color:var(--muted);background:var(--surface-2);border-right:1px solid var(--divider);padding:10px 12px}.record .r>code{word-break:break-all;color:var(--text);padding:10px 12px;font-size:13px}.record-actions{flex-wrap:wrap;gap:8px;display:flex}.record-actions .btn{flex:auto}.howto{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13.5px;display:flex}.note{color:var(--text-2);background:var(--surface-2);border:1px solid var(--divider);border-radius:var(--r-md);gap:10px;padding:12px 14px;font-size:13px;display:flex}.note>svg.i{color:var(--muted);margin-top:2px}.note.warn{background:color-mix(in srgb, var(--warning-soft) 60%, var(--surface));border-color:color-mix(in srgb, var(--warning) 35%, var(--border))}.share-card{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.share-card b.h{font-size:15px}.linkbox{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-2);align-items:center;gap:8px;min-width:0;padding:4px 4px 4px 12px;display:flex}.linkbox code{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.snap-banner{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-text);flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;font-size:14px;display:flex}.snap-banner a{color:var(--brand-text);font-weight:500}.disclaimer{color:var(--text-2);font-size:13px}.kv{grid-template-columns:minmax(120px,auto) minmax(0,1fr);gap:0;font-size:14px;display:grid}.kv>dt,.kv>dd{border-top:1px solid var(--divider);margin:0;padding:10px 16px}.kv>dt{color:var(--muted);font-size:13px}.kv>dd{overflow-wrap:anywhere}.kv>dt:first-of-type,.kv>dt:first-of-type+dd{border-top:0}.answer{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:clamp(18px,2vw,26px);display:grid}.answer .mark{width:30px;height:30px}.answer .mark svg.i{width:16px;height:16px}.answer h2{font:400 clamp(21px, 2vw, 28px)/1.22 var(--font-serif);letter-spacing:-.015em;text-wrap:pretty}.answer p{color:var(--text-2);max-width:70ch;margin-top:6px}.pre-rec{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--divider);font:400 13px/1.6 var(--font-code);white-space:pre-wrap;word-break:break-all;margin:0;padding:12px 14px}.gen-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.gen-form{flex-direction:column;gap:16px;padding:20px;display:flex}.gen-form label.f{flex-direction:column;gap:6px;font-size:13.5px;font-weight:500;display:flex}.gen-form .hint{color:var(--muted);font-size:12.5px;font-weight:400}.gen-preview{flex-direction:column;gap:14px;padding:20px;display:flex;position:sticky;top:80px}.chk{align-items:center;gap:8px;font-size:14px;display:flex}.chips-in{flex-wrap:wrap;gap:6px;display:flex}.chips-in button{border:1px solid var(--border);background:var(--surface);border-radius:var(--r-full);font:500 12.5px var(--font-ui);color:var(--text-2);cursor:pointer;padding:4px 10px}.chips-in button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-text);border-color:color-mix(in srgb, var(--brand) 35%, var(--border))}.ref-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(20px,3vw,48px);padding-bottom:64px;display:grid}.ref-main{flex-direction:column;gap:24px;min-width:0;display:flex}.ref-main h2{font:400 clamp(22px, 2vw, 28px)/1.2 var(--font-serif);letter-spacing:-.015em}.ref-main .panel-h h2{font:600 15px/1.3 var(--font-ui);letter-spacing:-.01em}.ref-main .prose p{color:var(--text-2);max-width:70ch;font-size:15.5px;line-height:1.65}.ref-main .prose p+p{margin-top:10px}.ref-rail{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:80px}.short-answer{border-left:3px solid var(--accent);flex-direction:column;gap:6px;padding:4px 0 4px 16px;display:flex}.short-answer p{max-width:66ch;font-size:16px;line-height:1.6}.ref-head{flex-direction:column;gap:12px;padding:clamp(24px,3vw,44px) 0 20px;display:flex}.ref-head h1{font:400 clamp(30px, 3.4vw, 48px)/1.08 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;max-width:26ch}.ref-head .byline{color:var(--muted);font-size:13px}.rail-card{flex-direction:column;gap:12px;padding:18px;display:flex}.rail-card h3{font-size:15px}.rail-list{flex-direction:column;gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.rail-list a{color:var(--brand-text)}.idx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.idx-card{color:var(--text);flex-direction:column;gap:6px;padding:16px;display:flex}.idx-card:hover{border-color:var(--border-strong);text-decoration:none}.idx-card b{font:500 14px var(--font-code)}.idx-card span{color:var(--text-2);font-size:13px}.sources{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding-left:20px;font-size:13.5px;list-style:decimal;display:flex}.sources a{color:var(--brand-text);overflow-wrap:anywhere}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-lg);background:var(--surface);text-align:center;cursor:pointer;transition:border-color var(--d-2), background var(--d-2);flex-direction:column;align-items:center;gap:12px;padding:clamp(28px,4vw,48px);display:flex}.dropzone:hover,.dropzone.over{border-color:var(--brand);background:var(--brand-soft)}.dropzone:focus-within{box-shadow:var(--focus)}.dropzone b{font-size:16px}.dropzone span{color:var(--text-2);font-size:14px}.privacy-line{color:var(--text-2);align-items:center;gap:8px;font-size:14px;display:inline-flex}.kpis.k4{grid-template-columns:repeat(4,minmax(0,1fr))}.drawer-body{flex-direction:column;gap:14px;display:flex}.ttl-table td.r{text-align:right}.seg .seg-opt{height:28px;font:500 13px/1 var(--font-ui);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;padding:0 11px;display:inline-flex}.seg input:checked+.seg-opt{background:var(--surface);color:var(--text);box-shadow:var(--sh-sm)}.seg input:focus-visible+.seg-opt{box-shadow:var(--focus)}.seg .seg-opt:hover{color:var(--text)}.grid-2.ex-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}@media (max-width:1080px){.grid-2.ex-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:1180px){.report-grid{grid-template-columns:minmax(0,1fr)}.report-side{display:contents;position:static}.report-main{display:contents}.o-verdict,.o-fix,.o-tiles,.o-findings,.o-spf,.o-enf,.o-raw,.o-disc,.o-share,.o-monitor{min-width:0;max-width:100%}.o-verdict{order:1}.o-fix{order:2}.o-tiles{order:3}.o-findings{order:4}.o-spf{order:5}.o-enf{order:6}.o-raw{order:7}.o-disc{order:8}.o-share{order:9}.o-monitor{order:10}.report-grid{flex-direction:column;align-items:stretch;gap:20px;display:flex}.ref-grid{grid-template-columns:minmax(0,1fr)}.ref-rail{position:static}.gen-grid{grid-template-columns:minmax(0,1fr)}.gen-preview{position:static}.checklist,.idx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.subbar{position:static}.subbar .acts{width:100%;margin-left:0}.subbar .acts .btn{flex:auto}.report-hero{grid-template-columns:minmax(0,1fr);gap:14px}.grade.lg{border-radius:16px;width:64px;height:64px;font-size:36px}.tiles.t8{grid-template-columns:1fr 1fr}.tiles.t8 .tile{border-right:1px solid var(--divider);border-bottom:1px solid var(--divider)}.tiles.t8 .tile:nth-child(2n){border-right:0}.tiles.t8 .tile:nth-last-child(-n+2){border-bottom:0}.raw-table{display:none}.raw-cards{margin:0;padding:0;list-style:none;display:block}.tool-form{flex-direction:column}.tool-form .btn,.tool-form select.input{width:100%}.checklist,.idx-grid{grid-template-columns:minmax(0,1fr)}.kpis.k4{grid-template-columns:1fr 1fr}.kv{grid-template-columns:minmax(0,1fr)}.kv>dt{border-top:1px solid var(--divider);padding-bottom:0}.kv>dd{border-top:0;padding-top:2px}.answer{grid-template-columns:minmax(0,1fr)}}}.tool-hero-split{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,72px);display:grid}.tool-hero-split .tool-hero{padding-bottom:clamp(28px,4vw,56px)}.tool-hero-aside{min-width:0;padding:clamp(28px,4vw,56px) 0}@media (max-width:1080px){.tool-hero-split{grid-template-columns:minmax(0,1fr);gap:0}.tool-hero-split .tool-hero{padding-bottom:20px}.tool-hero-aside{padding:0 0 clamp(20px,2.6vw,32px)}}.idx-card{transition:border-color var(--d-2) var(--ease-out), box-shadow var(--d-2) var(--ease-out)}.idx-card:hover b{color:var(--brand-text)}.idx-card:hover{box-shadow:var(--sh-md)}.sources-block{border-top:1px solid var(--divider);flex-direction:column;gap:10px;padding-top:16px;display:flex}@media (max-width:760px){.table.wt thead{display:none}.table.wt,.table.wt tbody,.table.wt tr{width:100%;display:block}.table.wt tr{border-bottom:1px solid var(--divider);grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 16px;display:grid}.table.wt td,.table.wt td:first-child{border:0;padding:0;display:block}.table.wt td:first-child{font-weight:600}.table.wt td:nth-child(2){grid-area:2/1/auto/-1;min-width:0!important}.table.wt td:nth-child(3){grid-area:1/2}}