/* Website Checker only; shared navigation and palette tokens remain authoritative. */

body[data-page=website-checker] .website-shell { min-width:0; }

.website-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:24px; margin-bottom:28px; }

.website-subtitle { max-width:650px; margin:10px 0 0; font-size:15px; line-height:1.65; color:var(--muted); }

.website-offline-badge { display:inline-flex; flex:0 0 auto; align-items:center; gap:8px; max-width:280px; padding:9px 12px; border:1px solid var(--line); border-radius:8px; background:var(--surface); color:var(--muted); font-size:13px; line-height:1.5; font-weight:600; }

.website-offline-badge svg { flex:0 0 18px; width:18px; height:18px; color:var(--accent-ink); }

.website-workspace { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr); gap:24px; align-items:start; }

body[data-page=website-checker] .website-input-card { min-width:0; padding:28px; }

.website-section-header { display:flex; align-items:flex-start; gap:14px; margin-bottom:26px; }

.website-section-icon { flex:0 0 42px; display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--line); border-radius:10px; background:var(--accent-soft); color:var(--accent-ink); }

.website-section-icon svg { width:22px; height:22px; }

.website-input-card h2 { margin:0; font-size:20px; line-height:1.4; }

.website-card-copy { margin:5px 0 0; color:var(--muted); font-size:14px; line-height:1.65; }

.website-input-card label { display:block; font-size:14px; font-weight:650; margin-bottom:9px; }

.website-input-row { display:flex; gap:10px; }

.website-input-row input { min-width:0; width:100%; font-size:16px; }

body[data-page=website-checker] :is(.primary-btn,.secondary-btn,.report-btn) { display:inline-flex; justify-content:center; align-items:center; gap:9px; padding:11px 18px; min-height:46px; cursor:pointer; font:inherit; font-weight:600; }

.website-input-row button svg,.website-form-actions button svg { flex:0 0 18px; width:18px; height:18px; }

.website-input-row button { white-space:nowrap; }

.website-helper,.website-example { color:var(--muted); font-size:14px; line-height:1.65; }

.website-helper { margin:10px 0 0; }

.website-example { margin:8px 0 20px; }

.website-provider-notice { margin:0 0 22px; padding:14px 16px; border:1px solid var(--line); border-radius:8px; background:var(--surface-soft); color:var(--muted); font-size:14px; line-height:1.65; }

.website-example code { color:var(--ink); overflow-wrap:anywhere; }

.website-form-actions { display:flex; gap:10px; }

.website-form-actions .primary-btn { flex:1; justify-content:space-between; }

.website-form-actions .primary-btn:has(.website-spinner:not([hidden])) { justify-content:center; }

.website-input-status { margin:12px 0 0; min-height:22px; color:var(--muted); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }

.website-input-status[data-tone=error],.website-report-status[data-tone=error] { color:var(--danger-ink); }

.website-method { min-width:0; border:1px solid var(--line); border-radius:var(--radius); background:var(--surface); padding:24px; }

.website-method-icon { display:grid; place-items:center; width:38px; height:38px; margin-bottom:14px; color:var(--accent-ink); background:var(--accent-soft); border-radius:10px; }

.website-method-icon svg { width:23px; height:23px; }

body[data-page=website-checker] .website-method h2 { font-size:18px; margin:0 0 18px; }

.website-method p { font-size:14px; line-height:1.65; color:var(--muted); margin:10px 0 0; }

.website-method .website-history-note { border-top:1px solid var(--line); margin-top:16px; padding-top:14px; }

body[data-page=website-checker] button:disabled { cursor:not-allowed; opacity:.65; }

.website-spinner { width:16px; height:16px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:website-spin .8s linear infinite; }

@keyframes website-spin { to { transform:rotate(360deg); } }

body[data-page=website-checker] .website-results { min-width:0; margin-top:28px; padding:28px; scroll-margin-top:24px; }

.website-verdict { display:grid; grid-template-columns:46px minmax(0,1fr); gap:16px; padding:24px; border:1px solid var(--line); border-left:4px solid var(--muted); border-radius:10px; background:var(--surface-soft); }

.website-verdict[data-tone=safe] { border-left-color:var(--safe-ink); background:var(--safe-bg); }

.website-verdict[data-tone=warning] { border-left-color:var(--warning-ink); background:var(--warning-bg); }

.website-verdict[data-tone=danger] { border-left-color:var(--danger-ink); background:var(--danger-bg); }

.website-verdict-icon { display:grid; place-items:center; height:46px; width:46px; border-radius:12px; background:var(--surface); color:var(--muted); }

.website-verdict-icon svg { width:28px; height:28px; }

.website-verdict-label { margin:0 0 6px; color:var(--muted); font-size:13px; line-height:1.5; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }

body[data-page=website-checker] #website-verdict-title { font-size:25px; line-height:1.3; margin:0; }

.website-verdict p:not(.website-verdict-label) { font-size:15px; line-height:1.7; margin:10px 0 0; }

.website-action { font-weight:600; color:var(--ink); }

.website-verdict[data-tone=safe] .website-verdict-icon { background:var(--safe-bg); color:var(--safe-ink); }

.website-verdict[data-tone=warning] .website-verdict-icon { background:var(--warning-bg); color:var(--warning-ink); }

.website-verdict[data-tone=danger] .website-verdict-icon { background:var(--danger-bg); color:var(--danger-ink); }

.website-verdict[data-tone=safe] .website-verdict-label { color:var(--safe-ink); }

.website-verdict[data-tone=warning] .website-verdict-label { color:var(--warning-ink); }

.website-verdict[data-tone=danger] .website-verdict-label { color:var(--danger-ink); }

.website-view-toggle { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0; }

.website-view-toggle button { min-height:44px; padding:10px 16px; border:1px solid var(--line); border-radius:10px; background:var(--surface); color:var(--ink); font:inherit; font-weight:600; cursor:pointer; transition:background .16s ease,border-color .16s ease,color .16s ease; }

.website-view-toggle button:hover { border-color:var(--accent-ink); background:var(--accent-soft); }

.website-view-toggle button[aria-pressed=true] { border-color:transparent; background:var(--violet); color:#fff; }

.website-view-toggle button:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }

.website-simple-security { margin:0 0 22px; padding:20px; border:1px solid var(--line); border-radius:12px; background:var(--surface); }

.website-simple-security h3 { margin:0; font-size:17px; line-height:1.45; }

.website-simple-message { margin:8px 0 0; color:var(--ink); font-size:14px; line-height:1.65; }

.website-simple-checks { display:grid; gap:0; margin:12px 0 0; padding:0; list-style:none; }

.website-simple-checks li { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px 16px; padding:11px 0; border-bottom:1px solid var(--line); }

.website-simple-checks li:last-child { border-bottom:0; }

.website-simple-checks strong { min-width:0; color:var(--ink); font-size:14px; font-weight:600; overflow-wrap:anywhere; }

.website-simple-checks .website-check-status { align-self:center; white-space:nowrap; }

.website-simple-uncertainty,.website-simple-disclaimer { margin:12px 0 0; color:var(--muted); font-size:13px; line-height:1.6; }

.website-simple-disclaimer { padding:12px 14px; border-left:3px solid var(--warning-ink); border-radius:0 8px 8px 0; background:var(--warning-bg); color:var(--ink); }

.website-results[data-result-view="simple"] .website-technical-only,
.website-results[data-result-view="simple"] .website-finding-points,
.website-results[data-result-view="simple"] .website-reputation dl,
.website-results[data-result-view="simple"] .website-technical { display:none !important; }

.website-results[data-result-view="simple"] .website-evidence-grid { grid-template-columns:minmax(0,1fr); }

.website-results[data-result-view="technical"] .website-simple-security { display:none; }

.website-check-status[data-status=passed],.website-check-status[data-status=clear] { color:var(--safe-ink); }

.website-check-status[data-status=warning],.website-check-status[data-status=failed] { color:var(--warning-ink); }

.website-check-status[data-status=threat] { color:var(--danger-ink); }

.website-address { margin:22px 0; padding-bottom:22px; border-bottom:1px solid var(--line); }

.website-address > span { color:var(--muted); font-size:14px; font-weight:600; }

.website-address p { margin:8px 0 0; color:var(--ink); font-size:15px; line-height:1.75; overflow-wrap:anywhere; }

.website-evidence-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; }

.website-evidence { min-width:0; padding:20px; border:1px solid var(--line); border-radius:10px; }

.website-evidence h3 { margin:0; font-size:18px; line-height:1.5; }

.website-section-note { margin:6px 0 16px; color:var(--muted); font-size:14px; line-height:1.65; }

.website-finding { padding:16px; margin:12px 0; border:1px solid var(--line); border-radius:10px; background:var(--warning-bg); overflow-wrap:anywhere; }

.website-finding h4 { margin:0; font-size:15px; line-height:1.6; }

.website-finding p { margin:8px 0 0; font-size:14px; line-height:1.7; color:var(--ink); }

.website-finding .website-finding-points { display:block; margin-top:6px; color:var(--warning-ink); font-size:13px; font-weight:600; }

.website-no-findings { padding:16px; border:1px solid var(--line); border-radius:10px; color:var(--muted); background:var(--surface-soft); font-size:14px; line-height:1.7; }

.website-check-list { list-style:none; padding:0; margin:0; }

.website-check-list li { padding:12px 0; border-bottom:1px solid var(--line); }

.website-check-list li:first-child { padding-top:0; }

.website-check-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }

.website-check-heading strong { font-size:14px; font-weight:600; overflow-wrap:anywhere; }

.website-check-status { font-size:13px; line-height:1.5; font-weight:600; color:var(--muted); }

.website-check-status[data-status=checked] { color:var(--accent-ink); }

.website-check-status[data-status=warning] { color:var(--warning-ink); }

.website-check-list p { margin:6px 0 0; color:var(--muted); font-size:14px; line-height:1.65; overflow-wrap:anywhere; }

.website-reputation { padding:20px; margin:0 0 24px; border:1px solid var(--line); border-radius:12px; background:var(--surface-soft); overflow-wrap:anywhere; }

.website-reputation h3 { margin:0; font-size:16px; }

.website-reputation p { color:var(--muted); font-size:14px; line-height:1.7; }

.website-reputation dl { display:grid; grid-template-columns:170px minmax(0,1fr); gap:10px 16px; margin:16px 0; font-size:14px; line-height:1.6; }

.website-reputation dt { color:var(--muted); }

.website-reputation dd { margin:0; min-width:0; overflow-wrap:anywhere; }

.website-reputation a { color:var(--accent-ink); }

.website-check-status[data-status=threat] { color:var(--danger-ink); }

.website-check-status[data-status=clear] { color:var(--safe-ink); }

.website-limitations { margin-top:24px; padding:16px 18px; border-left:3px solid var(--accent-ink); border-radius:0 8px 8px 0; background:var(--accent-soft); }

.website-limitations strong { font-size:14px; }

.website-limitations p { margin:6px 0 0; color:var(--ink); font-size:14px; line-height:1.65; }

.website-technical { border:1px solid var(--line); border-radius:10px; margin-top:22px; overflow:hidden; }

.website-technical summary { cursor:pointer; padding:16px 18px; font-size:15px; font-weight:600; min-height:48px; }

.website-technical summary span { display:block; padding-top:4px; color:var(--muted); font-size:13px; font-weight:400; }

.website-technical dl { display:grid; grid-template-columns:170px minmax(0,1fr); gap:12px 20px; margin:0; padding:18px; border-top:1px solid var(--line); font-size:14px; line-height:1.7; }

.website-technical dt { color:var(--muted); }

.website-technical dd { margin:0; min-width:0; overflow-wrap:anywhere; }

.website-report-actions { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; margin-top:24px; }

.website-history-link { color:var(--accent-ink); font-size:14px; text-decoration:none; font-weight:600; padding:10px 0; }

.website-history-link:hover { text-decoration:underline; }

.website-report-status { margin:10px 0 0; min-height:22px; color:var(--muted); font-size:14px; line-height:1.65; }

@media(max-width:1399px) { .website-heading { flex-direction:column; gap:14px; } }

@media(max-width:900px) { .website-workspace { grid-template-columns:minmax(0,1fr); } .website-offline-badge { max-width:100%; } }

@media(max-width:600px) {

    body[data-page=website-checker] :is(.website-input-card,.website-results) { padding:18px; }

    .website-input-row { flex-direction:column; }

    .website-input-row button { width:100%; min-height:44px; }

    .website-section-header { gap:10px; margin-bottom:22px; }

    .website-section-icon { flex-basis:34px; width:34px; height:34px; border-radius:8px; }

    .website-section-icon svg { width:19px; height:19px; }

    .website-input-card h2 { font-size:18px; }

    .website-provider-notice { padding:12px; }

    .website-method,.website-evidence,.website-reputation { padding:18px; }

    .website-form-actions { flex-wrap:wrap; }

    .website-form-actions .primary-btn { flex-basis:100%; justify-content:center; }

    .website-form-actions .secondary-btn { width:100%; }

    .website-verdict { padding:18px; gap:12px; grid-template-columns:36px minmax(0,1fr); }

    .website-simple-security { padding:16px; }

    .website-simple-checks li { gap:8px; }

    .website-verdict-icon { width:36px; height:36px; border-radius:9px; }

    .website-verdict-icon svg { width:23px; height:23px; }

    body[data-page=website-checker] #website-verdict-title { font-size:21px; }

    .website-evidence-grid { grid-template-columns:minmax(0,1fr); }

    .website-check-heading { flex-wrap:wrap; gap:4px 12px; }

    .website-technical dl { grid-template-columns:minmax(0,1fr); gap:5px; }

    .website-reputation dl { grid-template-columns:minmax(0,1fr); gap:5px; }

    .website-reputation dd + dt { margin-top:8px; }

    .website-technical dd + dt { margin-top:10px; }

    .website-report-actions { flex-direction:column; align-items:stretch; }

    .website-history-link { text-align:center; }

}

@media(prefers-reduced-motion:reduce) { .website-spinner { animation:none; } }



.website-info-section {

    margin-top: 14px;

    padding-top: 12px;

    border-top: 1px solid var(--line);

}

.website-info-section:first-of-type {

    margin-top: 12px;

    padding-top: 0;

    border-top: none;

}

.website-info-section h3 {

    margin: 0 0 5px;

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 14px;

    font-weight: 650;

    color: var(--ink);

    letter-spacing: -0.01em;

}

.website-info-section p {

    margin: 0;

    font-size: 14px;

    line-height: 1.65;

    color: var(--muted);

}

.website-info-section h3 span { display:inline-grid; place-items:center; width:23px; height:23px; border:1px solid var(--line); border-radius:6px; font-size:11px; color:var(--muted); background:var(--surface-soft); }

.website-simple-check-detail { grid-column:1 / -1; color:var(--muted); font-size:13px; line-height:1.55; overflow-wrap:anywhere; }

.website-check-status[data-status=checked],.website-check-status[data-status=unavailable] { color:var(--muted); }

.website-check-status[data-status=unavailable] { border-color:var(--line); background:var(--warning-bg); }


body[data-page=website-checker] .website-shell {
    position:relative;
    isolation:isolate;
}
body[data-page=website-checker] .website-shell::before {
    position:absolute;
    z-index:-1;
    inset:0;
    background:
        radial-gradient(ellipse at 86% 12%,color-mix(in srgb,var(--action) 7%,transparent),transparent 30rem),
        radial-gradient(ellipse at 10% 47%,color-mix(in srgb,#38bdf8 5%,transparent),transparent 28rem),
        linear-gradient(90deg,transparent 49.85%,color-mix(in srgb,var(--accent-ink) 3%,transparent) 50%,transparent 50.15%),
        linear-gradient(0deg,transparent 49.85%,color-mix(in srgb,var(--accent-ink) 3%,transparent) 50%,transparent 50.15%);
    background-size:auto,auto,84px 84px,84px 84px;
    content:"";
    opacity:.8;
    pointer-events:none;
}
body[data-page=website-checker] .website-input-card,
body[data-page=website-checker] .website-method,
body[data-page=website-checker] .website-results {
    border-color:color-mix(in srgb,var(--action) 11%,var(--line));
    border-radius:18px;
    box-shadow:0 14px 36px color-mix(in srgb,var(--action) 6%,transparent),var(--shadow);
}
body[data-page=website-checker] .website-heading { margin-bottom:22px; }
body[data-page=website-checker] .website-results { margin-top:24px; }
.website-verdict {
    grid-template-columns:52px minmax(0,1fr);
    gap:18px;
    padding:clamp(20px,3vw,30px);
    border-color:color-mix(in srgb,var(--action) 12%,var(--line));
    border-left-width:4px;
    border-radius:14px;
    background:linear-gradient(125deg,color-mix(in srgb,var(--accent-soft) 42%,var(--surface)),var(--surface) 72%);
}
.website-verdict[data-tone=safe] {
    border-color:color-mix(in srgb,var(--safe-ink) 22%,var(--line));
    border-left-color:var(--safe-ink);
    background:linear-gradient(125deg,color-mix(in srgb,var(--safe-bg) 72%,var(--surface)),var(--surface) 78%);
}
.website-verdict[data-tone=warning] {
    border-color:color-mix(in srgb,var(--warning-ink) 24%,var(--line));
    border-left-color:var(--warning-ink);
    background:linear-gradient(125deg,color-mix(in srgb,var(--warning-bg) 72%,var(--surface)),var(--surface) 78%);
}
.website-verdict[data-tone=danger] {
    border-color:color-mix(in srgb,var(--danger-ink) 22%,var(--line));
    border-left-color:var(--danger-ink);
    background:linear-gradient(125deg,color-mix(in srgb,var(--danger-bg) 72%,var(--surface)),var(--surface) 78%);
}
.website-verdict-icon {
    width:52px;
    height:52px;
    border:1px solid color-mix(in srgb,currentColor 16%,transparent);
    border-radius:15px;
    box-shadow:0 5px 16px color-mix(in srgb,currentColor 10%,transparent);
}
body[data-page=website-checker] #website-verdict-title {
    font-size:clamp(23px,3vw,32px);
    letter-spacing:-.04em;
}
.website-verdict p:not(.website-verdict-label) { max-width:860px; }
.website-action {
    padding:11px 14px;
    border-left:3px solid var(--accent-ink);
    border-radius:0 9px 9px 0;
    background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));
}
.website-verdict[data-tone=safe] .website-action { border-left-color:var(--safe-ink); }
.website-verdict[data-tone=warning] .website-action { border-left-color:var(--warning-ink); }
.website-verdict[data-tone=danger] .website-action { border-left-color:var(--danger-ink); }
.website-view-toggle {
    width:max-content;
    max-width:100%;
    padding:4px;
    border:1px solid var(--line);
    border-radius:12px;
    background:var(--surface-soft);
}
body[data-page=website-checker] .website-results .website-view-toggle button {
    min-width:126px;
    min-height:44px;
    border-color:transparent;
    border-radius:8px;
}
.website-view-toggle button[aria-pressed=true] {
    border-color:color-mix(in srgb,var(--action) 25%,transparent);
    background:var(--action);
    box-shadow:0 3px 10px color-mix(in srgb,var(--action) 20%,transparent);
}
.website-address {
    margin:20px 0;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:12px;
    background:color-mix(in srgb,var(--accent-soft) 34%,var(--surface));
}
.website-address > span {
    color:var(--accent-ink);
    font-size:11px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.website-address p {
    margin-top:6px;
    font-size:clamp(14px,1.5vw,16px);
    font-weight:650;
    line-height:1.6;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.website-simple-security {
    padding:clamp(18px,2.4vw,24px);
    border-color:color-mix(in srgb,var(--action) 13%,var(--line));
    border-radius:14px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--surface-soft) 70%,var(--surface)),var(--surface));
}
.website-simple-checks { margin-top:16px; }
.website-simple-checks li { padding:13px 0; }
.website-reputation {
    padding:clamp(18px,2.4vw,24px);
    border-color:color-mix(in srgb,var(--action) 14%,var(--line));
    border-radius:14px;
    background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 28%,var(--surface)),var(--surface) 72%);
}
.website-reputation .website-check-heading { align-items:center; }
.website-reputation .website-check-status {
    padding:5px 9px;
    border:1px solid color-mix(in srgb,currentColor 20%,var(--line));
    border-radius:999px;
    background:var(--surface);
}
.website-reputation p { line-height:1.65; }
.website-reputation .website-reputation-limits {
    margin:16px 0 0;
    padding:12px 14px;
    border-left:3px solid var(--warning-ink);
    border-radius:0 9px 9px 0;
    background:color-mix(in srgb,var(--warning-bg) 60%,var(--surface));
    color:var(--ink);
}
.website-evidence-grid { gap:18px; }
.website-evidence {
    padding:clamp(18px,2.2vw,24px);
    border-color:color-mix(in srgb,var(--action) 12%,var(--line));
    border-radius:14px;
    background:var(--surface);
    box-shadow:0 6px 20px color-mix(in srgb,var(--ink) 4%,transparent);
}
.website-evidence h3 { font-size:17px; letter-spacing:-.02em; }
.website-section-note { margin:5px 0 12px; }
.website-no-findings {
    padding:15px 16px 15px 42px;
    position:relative;
    border-color:color-mix(in srgb,var(--safe-ink) 20%,var(--line));
    border-radius:10px;
    background:color-mix(in srgb,var(--safe-bg) 66%,var(--surface));
    color:var(--ink);
}
.website-no-findings::before {
    position:absolute;
    top:15px;
    left:15px;
    display:grid;
    place-items:center;
    width:18px;
    height:18px;
    border-radius:50%;
    background:var(--safe-bg);
    color:var(--safe-ink);
    content:"\2713";
    font-size:12px;
    font-weight:800;
}
.website-finding {
    margin:10px 0 0;
    padding:14px 16px;
    border-color:color-mix(in srgb,var(--warning-ink) 22%,var(--line));
    border-left:3px solid var(--warning-ink);
    border-radius:10px;
    background:color-mix(in srgb,var(--warning-bg) 70%,var(--surface));
}
.website-check-list li { padding:14px 0; }
.website-check-heading { align-items:center; }
.website-check-heading strong { line-height:1.5; }
.website-check-list p { margin-top:5px; }
.website-check-status {
    flex:0 0 auto;
    padding:4px 8px;
    border:1px solid transparent;
    border-radius:999px;
    background:var(--surface-soft);
}
.website-check-status[data-status=checked],
.website-check-status[data-status=passed],
.website-check-status[data-status=clear] {
    border-color:color-mix(in srgb,var(--safe-ink) 18%,transparent);
    background:color-mix(in srgb,var(--safe-bg) 72%,var(--surface));
    color:var(--safe-ink);
}
.website-check-status[data-status=warning],
.website-check-status[data-status=failed] {
    border-color:color-mix(in srgb,var(--warning-ink) 20%,transparent);
    background:color-mix(in srgb,var(--warning-bg) 72%,var(--surface));
}
.website-check-status[data-status=threat] {
    border-color:color-mix(in srgb,var(--danger-ink) 20%,transparent);
    background:color-mix(in srgb,var(--danger-bg) 72%,var(--surface));
}
.website-check-status[data-status=unavailable] {
    border-color:var(--line);
    background:var(--surface-soft);
}
.website-limitations {
    margin-top:20px;
    padding:18px 20px;
    border:1px solid color-mix(in srgb,var(--accent-ink) 20%,var(--line));
    border-left:3px solid var(--accent-ink);
    border-radius:0 12px 12px 0;
    background:linear-gradient(120deg,color-mix(in srgb,var(--accent-soft) 64%,var(--surface)),var(--surface));
}
.website-limitations strong { color:var(--accent-ink); }
.website-limitations p { line-height:1.7; }
.website-technical {
    margin-top:18px;
    border-color:color-mix(in srgb,var(--action) 15%,var(--line));
    border-radius:12px;
    background:var(--surface);
}
.website-technical summary {
    padding:17px 20px;
    font-size:15px;
}
.website-technical summary:focus-visible { outline-offset:-3px; }
.website-technical dl {
    grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);
    gap:0 20px;
    padding:10px 20px 18px;
}
.website-technical dt,
.website-technical dd {
    padding:10px 0;
    border-bottom:1px solid var(--line);
}
.website-technical dd { overflow-wrap:anywhere; word-break:break-word; }
.website-technical dt:nth-of-type(1),
.website-technical dd:nth-of-type(1) { border-top:1px solid var(--line); }
.website-technical dt:nth-of-type(7),
.website-technical dd:nth-of-type(7),
.website-technical dt:nth-of-type(11),
.website-technical dd:nth-of-type(11),
.website-technical dt:nth-of-type(12),
.website-technical dd:nth-of-type(12),
.website-technical dt:nth-of-type(16),
.website-technical dd:nth-of-type(16),
.website-technical dt:nth-of-type(22),
.website-technical dd:nth-of-type(22) {
    position:relative;
    padding-top:34px;
    border-top:1px solid color-mix(in srgb,var(--action) 18%,var(--line));
}
.website-technical dt:nth-of-type(1)::before,
.website-technical dt:nth-of-type(7)::before,
.website-technical dt:nth-of-type(11)::before,
.website-technical dt:nth-of-type(12)::before,
.website-technical dt:nth-of-type(16)::before,
.website-technical dt:nth-of-type(22)::before {
    position:absolute;
    top:10px;
    left:0;
    color:var(--accent-ink);
    font-size:10px;
    font-weight:800;
    letter-spacing:.09em;
    text-transform:uppercase;
}
.website-technical dt:nth-of-type(1)::before { content:"URL Information"; }
.website-technical dt:nth-of-type(7)::before { content:"Assessment"; }
.website-technical dt:nth-of-type(11)::before { content:"Reputation"; }
.website-technical dt:nth-of-type(12)::before { content:"Scoring"; }
.website-technical dt:nth-of-type(16)::before { content:"Domain Information"; }
.website-technical dt:nth-of-type(22)::before { content:"Model Notes"; }
.website-technical dt:nth-of-type(22),
.website-technical dd:nth-of-type(22) { border-bottom:0; }
.website-report-actions { margin-top:20px; }
.website-results :is(.website-history-link,.report-btn) { min-height:44px; }
@media(max-width:600px) {
    body[data-page=website-checker] .website-shell::before { opacity:.45; }
    .website-verdict { grid-template-columns:38px minmax(0,1fr); gap:12px; }
    .website-verdict-icon { width:38px; height:38px; border-radius:11px; }
    .website-verdict-icon svg { width:23px; height:23px; }
    .website-view-toggle { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); width:100%; }
    .website-view-toggle button { min-width:0; padding-inline:8px; }
    .website-address { padding:14px; }
    .website-technical dl { grid-template-columns:minmax(0,1fr); gap:0; padding:8px 16px 14px; }
    .website-technical dt { padding-bottom:2px; border-bottom:0; color:var(--ink); font-weight:650; }
    .website-technical dd { padding-top:2px; }
    .website-technical dt:nth-of-type(1),
    .website-technical dd:nth-of-type(1) { border-top:1px solid var(--line); }
    .website-technical dt:nth-of-type(7),
    .website-technical dd:nth-of-type(7),
    .website-technical dt:nth-of-type(11),
    .website-technical dd:nth-of-type(11),
    .website-technical dt:nth-of-type(12),
    .website-technical dd:nth-of-type(12),
    .website-technical dt:nth-of-type(16),
    .website-technical dd:nth-of-type(16),
    .website-technical dt:nth-of-type(22),
    .website-technical dd:nth-of-type(22) { padding-top:34px; }
    .website-technical dt:nth-of-type(22) { border-bottom:0; }
    .website-technical dd:nth-of-type(22) { padding-top:2px; }
}
@media(prefers-reduced-motion:reduce) {
    .website-view-toggle button { transition:none; }
}