@layer components{.ref-head{flex-direction:column;gap:12px;padding:28px 0 8px;display:flex}.ref-head .eyebrow{font-family:var(--font-code)}.ref-head h1{font:400 clamp(30px, 3.4vw, 50px)/1.08 var(--font-serif);letter-spacing:-.025em;text-wrap:balance;max-width:24ch}.ref-head .lead{color:var(--text-2);max-width:62ch;font-size:16px;line-height:1.6}.ref-head .byline{color:var(--muted);font-size:13px}.ref-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:clamp(24px,3vw,48px);padding:20px 0 64px;display:grid}.ref-main{flex-direction:column;gap:28px;min-width:0;display:flex}.ref-rail{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:76px}.ref-main h2{font:400 clamp(22px, 2vw, 28px)/1.2 var(--font-serif);letter-spacing:-.015em}.ref-main h3{letter-spacing:-.01em;font-size:16px;font-weight:600}.ref-main p{color:var(--text-2);max-width:72ch;line-height:1.65}.ref-main section{flex-direction:column;gap:12px;display:flex}.short-answer{border-left:3px solid var(--accent);flex-direction:column;gap:6px;padding:4px 0 4px 16px;display:flex}.short-answer p{color:var(--text);font-size:16px;line-height:1.6}.ftable{border-collapse:collapse;width:100%;font-size:14px}.ftable th{text-align:left;color:var(--muted);border-bottom:1px solid var(--divider);vertical-align:top;width:38%;padding:10px 16px;font-weight:400}.ftable td{border-bottom:1px solid var(--divider);font-family:var(--font-code);color:var(--text);overflow-wrap:anywhere;padding:10px 16px;font-size:13px}.ftable tr:last-child th,.ftable tr:last-child td{border-bottom:0}.ftable td.plain{font-family:var(--font-ui);font-size:14px}.sources-list{color:var(--text-2);flex-direction:column;gap:6px;margin:0;padding:0 0 0 20px;font-size:13.5px;display:flex}.sources-list a{color:var(--brand-text)}.rail-card{flex-direction:column;gap:12px;padding:18px;display:flex}.rail-card h3{font-size:15px;font-weight:600}.rail-card .ip{font:500 20px/1.2 var(--font-code);letter-spacing:-.02em;overflow-wrap:anywhere}.rail-links{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rail-links li a{border-bottom:1px solid var(--divider);color:var(--text);justify-content:space-between;gap:8px;padding:8px 0;font-size:14px;display:flex}.rail-links li:last-child a{border-bottom:0}.rail-links li a:hover{color:var(--brand-text);text-decoration:none}.rail-links small{color:var(--muted);font-family:var(--font-code)}.mono{font-family:var(--font-code);font-feature-settings:"zero" 1}.attrib{color:var(--muted);font-size:12.5px}.attrib a{color:var(--brand-text)}.pager{border-top:1px solid var(--divider);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:flex}.tool-form{gap:8px;max-width:640px;display:flex}.tool-form .input{height:46px;font-family:var(--font-code);font-size:15px}.answer{flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,28px);display:flex}.answer .verdict-text{max-width:34ch;margin-top:0;font-size:clamp(22px,2.2vw,32px);line-height:1.2}.answer.bad{border-color:color-mix(in srgb, var(--danger) 42%, var(--border));background:color-mix(in srgb, var(--danger-soft) 60%, var(--surface))}.answer.ok{border-color:color-mix(in srgb, var(--success) 38%, var(--border))}.answer.warn{border-color:color-mix(in srgb, var(--warning) 40%, var(--border));background:color-mix(in srgb, var(--warning-soft) 55%, var(--surface))}.kv{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.kv>div{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--divider);flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.kv .k{font:500 11px var(--font-code);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.kv b{font:500 14px var(--font-code);overflow-wrap:anywhere}.chip-list{flex-wrap:wrap;gap:6px;display:flex}.chip-list a{border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface);height:30px;font:500 12.5px var(--font-code);color:var(--text-2);align-items:center;padding:0 11px;display:inline-flex}.chip-list a:hover{border-color:var(--border-strong);color:var(--text);text-decoration:none}.bar-row{grid-template-columns:52px minmax(0,1fr) 72px;align-items:center;gap:10px;font-size:12.5px;display:grid}.bar-row .bar{background:var(--surface-3);border-radius:3px;height:8px;overflow:hidden}.bar-row .bar i{background:var(--chart-1);border-radius:3px;height:100%;display:block}.bar-row span{font-family:var(--font-code);color:var(--muted)}.bar-row span:last-child{text-align:right}.col-760{max-width:760px;margin:0 auto}.vpn-head{flex-direction:column;gap:12px;padding:36px 0 20px;display:flex}.vpn-head h1{font:400 clamp(32px, 3.6vw, 52px)/1.06 var(--font-serif);letter-spacing:-.025em}.vpn-sum{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 22px;padding:22px 24px;display:grid}.vpn-sum .score{font:500 clamp(44px, 6vw, 72px)/1 var(--font-code);letter-spacing:-.05em;grid-row:span 2}.vpn-sum .score small{color:var(--muted);letter-spacing:0;font-size:.42em}.vpn-sum p.serif{letter-spacing:-.012em;font-size:clamp(20px,2vw,26px);line-height:1.25}.vpn-sum.bad{border-color:color-mix(in srgb, var(--danger) 42%, var(--border));background:color-mix(in srgb, var(--danger-soft) 60%, var(--surface))}.vpn-sum.ok{border-color:color-mix(in srgb, var(--success) 40%, var(--border));background:color-mix(in srgb, var(--success-soft) 55%, var(--surface))}.vpn-sum .acts{flex-wrap:wrap;grid-column:1/-1;gap:8px;margin-top:10px;display:flex}.lightrows{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);margin:0;padding:0;list-style:none;overflow:hidden}.lightrow{border-bottom:1px solid var(--divider);grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:14px 18px;display:grid}.lightrow:last-child{border-bottom:0}.lightrow b{font-size:14.5px;font-weight:600}.lightrow code{color:var(--text-2);overflow-wrap:anywhere;grid-column:2/-1;font-size:12.5px}.lightrow .why-line{color:var(--muted);grid-column:2/-1;font-size:13px}.lightrow.pending{opacity:.55}.lightrow.bad{background:color-mix(in srgb, var(--danger-soft) 55%, var(--surface))}@media (prefers-reduced-motion:no-preference){.lightrow{transition:opacity var(--d-4) var(--ease-out), background var(--d-3)}}.cmp.same>div+div{background:var(--surface)}.ostabs{flex-wrap:wrap;gap:4px;display:flex}.os-steps{color:var(--text-2);flex-direction:column;gap:8px;margin:0;padding:0 0 0 22px;font-size:14.5px;line-height:1.55;display:flex}.neutral{align-items:flex-start;gap:14px;padding:20px 22px;display:flex}.neutral b{font:400 22px/1.2 var(--font-serif);margin-bottom:4px;display:block}.dock{display:none}@media (max-width:760px){.dock{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border);gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}.dock .btn{flex:1 1 0;height:44px}.vpn-sum .acts{display:none}.vpn-page{padding-bottom:84px}}.composer{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);padding:12px 0 64px;display:grid}.letter{flex-direction:column;gap:12px;padding:22px 24px;display:flex}.letter .to{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:13px;display:flex}.letter pre{white-space:pre-wrap;font:400 14.5px/1.6 var(--font-ui);color:var(--text);overflow-wrap:anywhere;margin:0}.letter pre .m{font-family:var(--font-code);font-size:13.5px}.included{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.included li{align-items:center;gap:10px;display:flex}.included label{cursor:pointer;align-items:center;gap:10px;display:flex}.share-url{align-items:center;gap:8px;display:flex}.share-url .input{font-family:var(--font-code);font-size:13px}.report-col{flex-direction:column;gap:24px;max-width:760px;margin:0 auto;padding:28px 0 72px;display:flex}.dated{border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--divider);color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.changed{border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--brand) 30%, var(--border));background:var(--brand-soft);flex-direction:column;gap:6px;padding:14px 16px;font-size:14px;display:flex}.logbox{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--divider);max-height:420px;font:400 12px/1.6 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px 14px;overflow:auto}@media (max-width:1080px){.ref-grid,.composer{grid-template-columns:minmax(0,1fr)}.ref-rail{position:static}}@media (max-width:760px){.tool-form{flex-direction:column}.tool-form .btn{width:100%;height:46px}.vpn-sum{grid-template-columns:minmax(0,1fr)}.vpn-sum .score{grid-row:auto}.ftable th{width:42%;padding:9px 12px}.ftable td{padding:9px 12px}}}