.shc-page{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:34px 0 88px;color:var(--text)}
.shc-breadcrumb{display:flex;align-items:center;gap:9px;margin-bottom:24px;font-size:12px;color:var(--muted)}.shc-breadcrumb a{color:inherit;text-decoration:none}.shc-breadcrumb a:hover{color:var(--accent)}
.shc-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:18px;align-items:stretch}.shc-hero-copy,.shc-scope{border:1px solid var(--border);border-radius:24px;background:linear-gradient(135deg,rgba(255,77,51,.11),var(--surface) 48%);padding:clamp(28px,5vw,64px)}
.shc-kicker{margin:0 0 12px!important;color:var(--accent)!important;font:700 11px/1.2 var(--mono);letter-spacing:.1em}.shc-hero h1{max-width:800px;margin:0;font-size:clamp(2.35rem,5.2vw,5.2rem);line-height:.98;letter-spacing:-.055em}.shc-hero-copy>p:not(.shc-kicker){max-width:760px;margin:22px 0 0;color:var(--muted);font-size:16px;line-height:1.75}
.shc-scope{display:flex;flex-direction:column;justify-content:flex-end;background:var(--surface)}.shc-scope span{font:700 10px/1 var(--mono);color:var(--muted);letter-spacing:.1em}.shc-scope strong{margin:12px 0 8px;font-size:24px}.shc-scope p{margin:0;color:var(--muted);line-height:1.6;font-size:14px}
.shc-form{margin-top:30px}.shc-form label{display:block;margin-bottom:8px;font-weight:700;font-size:13px}.shc-input-row{display:flex;gap:10px}.shc-input-row input{min-width:0;flex:1;border:1px solid var(--border);border-radius:12px;background:var(--surface2);color:var(--text);padding:15px 16px;font:500 14px var(--mono)}.shc-input-row input:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);border-color:var(--accent)}.shc-input-row button{border:0;border-radius:12px;background:var(--accent);color:#fff;padding:14px 20px;font-weight:800;cursor:pointer}.shc-input-row button:disabled{opacity:.55;cursor:wait}.shc-form-note{margin:9px 0 0!important;font-size:12px!important}
.shc-status{margin:18px 0 0}.shc-status.is-loading,.shc-status.is-error{padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);font-size:14px}.shc-status.is-error{border-color:rgba(239,68,68,.45);color:#ef4444}
.shc-results,.shc-section,.shc-cta{margin-top:22px;border:1px solid var(--border);border-radius:22px;background:var(--surface);padding:clamp(24px,4vw,42px);scroll-margin-top:90px}.shc-results-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.shc-results h2,.shc-section h2,.shc-cta h2{margin:0;font-size:clamp(1.55rem,3vw,2.35rem);letter-spacing:-.035em}.shc-response-meta{display:flex;gap:8px;flex-wrap:wrap}.shc-response-meta span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface2);font:700 11px var(--mono)}.shc-final-url{word-break:break-all;color:var(--muted);font:12px/1.5 var(--mono)}
.shc-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.shc-summary div{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.shc-summary strong,.shc-summary span{display:block}.shc-summary strong{font-size:25px}.shc-summary span{margin-top:5px;color:var(--muted);font-size:12px}
.shc-table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:14px}.shc-table-wrap table{width:100%;min-width:760px;border-collapse:collapse}.shc-table-wrap th,.shc-table-wrap td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.shc-table-wrap th{background:var(--surface2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.shc-table-wrap td{font-size:13px}.shc-table-wrap tr:last-child td{border-bottom:0}.shc-table-wrap code{white-space:normal;word-break:break-word;color:var(--text)}.shc-badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.shc-present,.shc-covered_by_csp,.shc-not_sent{background:rgba(34,197,94,.12);color:#22c55e}.shc-missing{background:rgba(245,158,11,.13);color:#f59e0b}.shc-deprecated_present{background:rgba(239,68,68,.12);color:#ef4444}.shc-limit{margin-top:16px;padding:15px;border-left:3px solid var(--accent);background:var(--surface2);color:var(--muted);font-size:13px;line-height:1.65}
.shc-section>p:not(.shc-kicker),.shc-two-col p,.shc-cta p{color:var(--muted);font-size:15px;line-height:1.75}.shc-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.shc-steps article{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--surface2)}.shc-steps span{color:var(--accent);font:700 11px var(--mono)}.shc-steps h3{margin:10px 0 7px;font-size:16px}.shc-steps p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.shc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:36px}.shc-two-col h2{font-size:clamp(1.35rem,2.5vw,2rem)}
.shc-faq{margin-top:20px}.shc-faq details{border-top:1px solid var(--border);padding:16px 0}.shc-faq details:last-child{border-bottom:1px solid var(--border)}.shc-faq summary{cursor:pointer;font-weight:800}.shc-faq details p{margin:10px 0 0;color:var(--muted);line-height:1.7;font-size:14px}.shc-sources a{color:var(--accent)}
.shc-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,rgba(255,77,51,.12),var(--surface) 55%)}.shc-cta p{margin-bottom:0}.shc-cta>a{flex:none;padding:14px 18px;border-radius:12px;background:var(--accent);color:#fff;text-decoration:none;font-weight:800}
@media(max-width:800px){.shc-hero,.shc-two-col{grid-template-columns:1fr}.shc-summary{grid-template-columns:repeat(2,1fr)}.shc-steps{grid-template-columns:1fr}.shc-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.shc-page{width:min(100% - 24px,1180px);padding-top:20px}.shc-hero-copy,.shc-scope,.shc-results,.shc-section,.shc-cta{padding:22px 18px;border-radius:17px}.shc-hero h1{font-size:2.45rem}.shc-input-row{flex-direction:column}.shc-input-row button{width:100%}.shc-results-head{flex-direction:column}.shc-summary{grid-template-columns:1fr 1fr}.shc-response-meta{width:100%}}