@import "tailwindcss";

@theme {
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

:root {
    color-scheme: light;
    --page: #f7f8fc;
    --surface: #ffffff;
    --surface-soft: #f1f4fb;
    --surface-strong: #e9edfb;
    --text: #101735;
    --muted: #66708d;
    --muted-strong: #4f5874;
    --line: #e2e6f0;
    --line-strong: #cfd5e5;
    --brand: #4f46e5;
    --brand-strong: #4338ca;
    --brand-soft: #eef0ff;
    --accent: #7c3aed;
    --success: #078f61;
    --success-soft: #e8fbf3;
    --warning: #b86800;
    --warning-soft: #fff6e6;
    --danger: #c93652;
    --danger-soft: #fff0f3;
    --shadow: 0 18px 55px rgba(39, 47, 82, .10);
    --shadow-soft: 0 8px 28px rgba(39, 47, 82, .07);
}

html[data-theme="dark"] {
    color-scheme: dark;
    --page: #080d1d;
    --surface: #10172a;
    --surface-soft: #151e34;
    --surface-strong: #1c2742;
    --text: #f5f7ff;
    --muted: #a5aec7;
    --muted-strong: #c0c7d9;
    --line: #26324d;
    --line-strong: #34415f;
    --brand: #818cf8;
    --brand-strong: #a5b4fc;
    --brand-soft: #1c2346;
    --accent: #a78bfa;
    --success: #41d49d;
    --success-soft: #102c27;
    --warning: #f8bc65;
    --warning-soft: #312510;
    --danger: #fb7185;
    --danger-soft: #351923;
    --shadow: 0 22px 65px rgba(0, 0, 0, .32);
    --shadow-soft: 0 10px 32px rgba(0, 0, 0, .22);
}

@layer base {
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { margin: 0; min-height: 100vh; overflow-x: clip; background: var(--page); color: var(--text); font-family: var(--font-sans); }
    button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
    button, [role="button"] { cursor: pointer; }
    button:disabled { cursor: not-allowed; opacity: .58; }
    label { display: block; margin-bottom: .5rem; color: var(--muted-strong); font-size: .875rem; font-weight: 700; }
    [x-cloak] { display: none !important; }
    :focus-visible { outline: 3px solid color-mix(in srgb, var(--brand) 55%, transparent); outline-offset: 3px; }
    ::selection { background: color-mix(in srgb, var(--brand) 25%, transparent); color: var(--text); }
}

@layer components {
    .container-shell { width: 100%; max-width: 80rem; margin-inline: auto; padding-inline: 1rem; }
    @media (min-width: 640px) { .container-shell { padding-inline: 1.5rem; } }
    @media (min-width: 1024px) { .container-shell { padding-inline: 2rem; } }

    .announcement-bar { background: linear-gradient(90deg, #4f46e5, #6d28d9, #4f46e5); color: white; }
    .site-header { position: sticky; top: 0; z-index: 50; border-bottom: 1px solid color-mix(in srgb, var(--line) 85%, transparent); background: color-mix(in srgb, var(--surface) 90%, transparent); backdrop-filter: blur(18px); }
    .brand-mark { display: grid; width: 2.55rem; height: 2.55rem; place-items: center; border-radius: .9rem; color: white; background: linear-gradient(145deg, #4f46e5, #7c3aed); box-shadow: 0 10px 25px rgba(79,70,229,.26); }
    .nav-link { border-radius: .75rem; padding: .65rem .85rem; color: var(--muted-strong); font-size: .875rem; font-weight: 700; transition: .2s ease; }
    .nav-link:hover { color: var(--text); background: var(--surface-soft); }
    .nav-link-active { color: var(--brand-strong); background: var(--brand-soft); }
    .nav-spotlight { color: white; background: linear-gradient(135deg, var(--brand), var(--accent)); box-shadow: 0 8px 22px rgba(79,70,229,.22); }
    .nav-spotlight:hover { color: white; transform: translateY(-1px); background: linear-gradient(135deg, var(--brand-strong), var(--accent)); }
    .mobile-link { display: block; border-radius: .9rem; padding: .85rem 1rem; color: var(--muted-strong); font-size: .95rem; font-weight: 750; }
    .mobile-link:hover { color: var(--text); background: var(--surface-soft); }
    .icon-button { display: inline-grid; width: 2.55rem; height: 2.55rem; place-items: center; border: 1px solid var(--line); border-radius: .85rem; background: var(--surface); color: var(--muted-strong); transition: .2s ease; }
    .icon-button:hover { color: var(--brand); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); background: var(--brand-soft); }

    .input { width: 100%; border: 1px solid var(--line-strong); border-radius: .9rem; background: var(--surface); color: var(--text); padding: .82rem 1rem; box-shadow: inset 0 1px 2px rgba(20,30,65,.03); transition: .2s ease; }
    .input::placeholder { color: color-mix(in srgb, var(--muted) 72%, transparent); }
    .input:hover { border-color: color-mix(in srgb, var(--brand) 24%, var(--line-strong)); }
    .input:focus { border-color: var(--brand); box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 13%, transparent); outline: none; }
    select.input { appearance: none; }
    .button-primary { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 0; border-radius: .9rem; padding: .82rem 1.2rem; color: white; background: linear-gradient(135deg, var(--brand), var(--accent)); font-size: .9rem; font-weight: 800; box-shadow: 0 12px 26px rgba(79,70,229,.22); transition: .2s ease; }
    .button-primary:hover { transform: translateY(-1px); box-shadow: 0 15px 32px rgba(79,70,229,.30); }
    .button-secondary { display: inline-flex; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--line); border-radius: .9rem; padding: .78rem 1.12rem; color: var(--text); background: var(--surface); font-size: .9rem; font-weight: 750; box-shadow: var(--shadow-soft); transition: .2s ease; }
    .button-secondary:hover { border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); color: var(--brand-strong); transform: translateY(-1px); }
    .button-danger { display: inline-flex; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--danger) 25%, var(--line)); border-radius: .9rem; padding: .78rem 1.1rem; color: var(--danger); background: var(--danger-soft); font-size: .9rem; font-weight: 750; }

    .hero-shell { position: relative; overflow: hidden; border-bottom: 1px solid var(--line); background: radial-gradient(circle at 75% 20%, color-mix(in srgb, var(--brand) 11%, transparent), transparent 34%), linear-gradient(180deg, var(--surface), var(--page)); }
    .hero-shell::after { content: ""; position: absolute; inset: auto -8rem -11rem auto; width: 25rem; height: 25rem; border-radius: 999px; background: color-mix(in srgb, var(--accent) 9%, transparent); filter: blur(50px); pointer-events: none; }
    .hero-title { max-width: 46rem; overflow-wrap: anywhere; color: var(--text); font-size: clamp(2.5rem, 6vw, 5.4rem); line-height: .99; letter-spacing: -.055em; font-weight: 900; }
    .hero-title .gradient-text { display: block; }
    .page-title { color: var(--text); font-size: clamp(2.35rem, 4vw, 4.2rem); line-height: 1.05; letter-spacing: -.045em; font-weight: 900; }
    .gradient-text { color: transparent; background: linear-gradient(90deg, #4f46e5, #7c3aed 58%, #2563eb); background-clip: text; -webkit-background-clip: text; }
    .eyebrow { display: inline-flex; align-items: center; gap: .5rem; color: var(--brand-strong); font-size: .74rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
    .status-dot { display: inline-block; width: .5rem; height: .5rem; border-radius: 999px; background: var(--success); box-shadow: 0 0 0 .23rem color-mix(in srgb, var(--success) 13%, transparent); }
    .status-pill { display: inline-flex; align-items: center; gap: .5rem; border: 1px solid var(--line); border-radius: 999px; padding: .38rem .68rem; color: var(--muted-strong); background: var(--surface-soft); font-size: .72rem; font-weight: 750; }
    .page-hero { border-bottom: 1px solid var(--line); background: linear-gradient(180deg, var(--surface), var(--page)); padding-block: 3.5rem; }

    .search-bar { display: flex; align-items: center; gap: .65rem; border: 1px solid var(--line-strong); border-radius: 1rem; background: var(--surface); padding: .42rem; box-shadow: var(--shadow); }
    .search-bar:focus-within { border-color: color-mix(in srgb, var(--brand) 58%, var(--line)); box-shadow: 0 18px 50px rgba(79,70,229,.16); }
    .search-bar input { min-width: 0; flex: 1; border: 0; background: transparent; color: var(--text); padding: .78rem .4rem; outline: none; }
    .search-bar input::placeholder { color: var(--muted); }

    .ip-hero-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 1.45rem; background: color-mix(in srgb, var(--surface) 96%, transparent); padding: 1.55rem; box-shadow: var(--shadow); }
    .ip-hero-card::before { content: ""; position: absolute; width: 13rem; height: 13rem; top: -7rem; right: -5rem; border-radius: 999px; background: color-mix(in srgb, var(--brand) 12%, transparent); filter: blur(18px); pointer-events: none; }
    .mini-map { min-height: 8.4rem; border: 1px solid var(--line); border-radius: 1rem; background: radial-gradient(circle at 63% 47%, color-mix(in srgb, var(--brand) 28%, transparent) 0 4px, transparent 5px), linear-gradient(135deg, var(--brand-soft), var(--surface-soft)); position: relative; overflow: hidden; }
    .mini-map::after { content: ""; position: absolute; inset: 0; opacity: .32; background-image: radial-gradient(var(--muted) .7px, transparent .7px); background-size: 9px 9px; }

    .section-heading { display: flex; flex-direction: column; gap: 1.25rem; }
    @media (min-width: 640px) { .section-heading { flex-direction: row; align-items: end; justify-content: space-between; } }
    .section-heading h2 { max-width: 45rem; margin-top: .7rem; color: var(--text); font-size: clamp(2rem, 3vw, 3rem); line-height: 1.1; letter-spacing: -.035em; font-weight: 900; }
    .text-link { display: inline-flex; align-items: center; gap: .45rem; width: fit-content; color: var(--brand-strong); font-weight: 750; }
    .text-link:hover { color: var(--accent); }

    .tool-card { display: flex; min-height: 12rem; flex-direction: column; justify-content: space-between; gap: 1.25rem; border: 1px solid var(--line); border-radius: 1.15rem; background: var(--surface); padding: 1.25rem; box-shadow: 0 5px 20px rgba(30,40,80,.045); transition: .24s ease; }
    .tool-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); box-shadow: var(--shadow-soft); }
    .tool-icon { display: grid; width: 3rem; height: 3rem; flex: 0 0 auto; place-items: center; border-radius: 1rem; color: var(--brand); background: var(--brand-soft); }
    .feature-panel { border: 1px solid var(--line); border-radius: 1.3rem; background: var(--surface); padding: 1.5rem; box-shadow: var(--shadow-soft); }
    .feature-panel h2 { margin-top: 1rem; color: var(--text); font-size: 1.25rem; font-weight: 850; }
    .feature-panel p { margin-top: .7rem; color: var(--muted); line-height: 1.75; }
    .feature-number { color: var(--brand); font-family: var(--font-mono); font-size: .82rem; font-weight: 800; }

    .ai-spotlight { position: relative; overflow: hidden; border-radius: 1.7rem; color: white; background: linear-gradient(120deg, #111947 0%, #4031c7 48%, #7c3aed 100%); box-shadow: 0 28px 70px rgba(65,47,190,.27); }
    .ai-spotlight::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255,255,255,.24) .7px, transparent .7px); background-size: 15px 15px; mask-image: linear-gradient(to left, black, transparent 65%); opacity: .42; }
    .ai-orb { position: absolute; width: 18rem; height: 18rem; right: -4rem; top: 50%; border-radius: 999px; transform: translateY(-50%); background: radial-gradient(circle at 35% 30%, #b9c2ff, #6d5dfc 32%, #3a2baf 65%, #151954); box-shadow: inset -30px -30px 60px rgba(0,0,0,.24), 0 0 70px rgba(150,139,255,.4); opacity: .82; }

    .panel { border: 1px solid var(--line); border-radius: 1.25rem; background: var(--surface); padding: 1.35rem; box-shadow: var(--shadow-soft); }
    @media (min-width: 640px) { .panel { padding: 1.65rem; } }
    .panel-heading { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 1.35rem; border-bottom: 1px solid var(--line); padding-bottom: 1.2rem; }
    @media (min-width: 640px) { .panel-heading { flex-direction: row; align-items: center; justify-content: space-between; } }
    .panel-heading h2 { margin-top: .35rem; color: var(--text); font-size: 1.25rem; font-weight: 850; }
    .details-grid { display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--line); }
    @media (min-width: 640px) { .details-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
    .details-grid > div { min-width: 0; background: var(--surface); padding: 1rem; }
    .details-grid dt { color: var(--muted); font-size: .72rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
    .details-grid dd { margin-top: .35rem; overflow-wrap: anywhere; color: var(--text); font-size: .9rem; font-weight: 650; }
    .map-placeholder { display: flex; align-items: center; gap: 1.2rem; border: 1px dashed color-mix(in srgb, var(--brand) 30%, var(--line)); border-radius: 1rem; background: var(--brand-soft); padding: 1.3rem; }
    .map-placeholder p { margin-top: .3rem; color: var(--muted); font-size: .85rem; line-height: 1.6; }

    .diagnostic-score { display: grid; width: 7rem; height: 7rem; place-items: center; border-radius: 999px; background: conic-gradient(var(--score-color, var(--success)) calc(var(--score, 0) * 1%), var(--surface-strong) 0); position: relative; }
    .diagnostic-score::after { content: ""; position: absolute; inset: .58rem; border-radius: 999px; background: var(--surface); }
    .diagnostic-score > span { position: relative; z-index: 1; color: var(--text); font-size: 1.65rem; font-weight: 900; }
    .check-row { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: .8rem; align-items: start; border-bottom: 1px solid var(--line); padding-block: 1rem; }
    .check-row:last-child { border-bottom: 0; }
    .check-icon { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: 999px; }
    .check-passed { color: var(--success); background: var(--success-soft); }
    .check-warning { color: var(--warning); background: var(--warning-soft); }
    .check-failed { color: var(--danger); background: var(--danger-soft); }
    .check-info { color: var(--brand); background: var(--brand-soft); }
    .severity-pill { border-radius: 999px; padding: .28rem .52rem; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
    .recommendation-card { border-left: 4px solid var(--brand); border-radius: .9rem; background: var(--surface-soft); padding: 1rem 1.1rem; }
    .share-bar { display: flex; flex-wrap: wrap; gap: .65rem; border: 1px solid var(--line); border-radius: 1.1rem; background: var(--surface); padding: .8rem; box-shadow: var(--shadow-soft); }
    .passport-search-card { display: grid; gap: 1rem; align-items: end; margin-bottom: 2rem; border: 1px solid color-mix(in srgb, var(--brand) 18%, var(--line)); border-radius: 1.2rem; background: linear-gradient(135deg, var(--surface), var(--brand-soft)); padding: clamp(1rem, 2vw, 1.4rem); box-shadow: var(--shadow-soft); }
    .passport-search-card h2 { margin-top: .25rem; color: var(--text); font-size: clamp(1.15rem, 2vw, 1.45rem); font-weight: 900; }
    .passport-search-card p:not(.eyebrow) { margin-top: .35rem; color: var(--muted); font-size: .85rem; line-height: 1.6; }
    .passport-search-card form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .65rem; }
    .passport-search-card input { min-width: 0; border: 1px solid var(--line-strong); border-radius: .8rem; background: var(--surface); padding: .78rem .9rem; color: var(--text); font: inherit; }
    @media (min-width: 820px) { .passport-search-card { grid-template-columns: minmax(15rem,.8fr) minmax(20rem,1.2fr); } }
    @media (max-width: 560px) { .passport-search-card form { grid-template-columns: 1fr; } .passport-search-card button { width: 100%; justify-content: center; } }

    .comment { display: flex; gap: 1rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--surface-soft); padding: 1rem; }
    .comment-avatar { display: grid; width: 2.5rem; height: 2.5rem; flex: 0 0 auto; place-items: center; border-radius: 999px; color: var(--brand); background: var(--brand-soft); font-size: .8rem; font-weight: 800; }
    .form-grid { display: grid; gap: 1.2rem; }
    @media (min-width: 640px) { .form-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
    .notice { display: flex; align-items: start; gap: .8rem; margin-bottom: 1.3rem; border: 1px solid var(--line); border-radius: .9rem; padding: 1rem; font-size: .88rem; }
    .notice-success { border-color: color-mix(in srgb, var(--success) 25%, var(--line)); background: var(--success-soft); color: var(--success); }
    .notice-error { border-color: color-mix(in srgb, var(--danger) 25%, var(--line)); background: var(--danger-soft); color: var(--danger); }
    .result-json { max-height: 34rem; overflow: auto; border: 1px solid var(--line); border-radius: .9rem; background: #0b1020; color: #d9e2ff; padding: 1.2rem; font-family: var(--font-mono); font-size: .75rem; line-height: 1.65; white-space: pre-wrap; }
    .side-link { border-radius: .7rem; padding: .65rem .75rem; color: var(--muted-strong); font-size: .88rem; line-height: 1.4; transition: .2s ease; }
    .side-link:hover { color: var(--brand); background: var(--brand-soft); }
    .ad-slot { display: grid; min-height: var(--ad-min-height); place-items: center; overflow: hidden; border: 1px dashed var(--line-strong); border-radius: 1rem; background: var(--surface-soft); color: var(--muted); font-size: .62rem; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
    .data-table { width: 100%; min-width: 42rem; border-collapse: collapse; text-align: left; font-size: .88rem; }
    .data-table th { border-bottom: 1px solid var(--line); background: var(--surface-soft); padding: .75rem 1.1rem; color: var(--muted); font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; }
    .data-table td { border-bottom: 1px solid var(--line); padding: .95rem 1.1rem; color: var(--muted-strong); }
    .prose-panel, .prose-content { border: 1px solid var(--line); border-radius: 1.15rem; background: var(--surface); padding: 1.5rem; color: var(--muted-strong); line-height: 1.85; box-shadow: var(--shadow-soft); }
    .prose-panel h2, .prose-content h2 { margin-top: 2rem; color: var(--text); font-size: 1.55rem; font-weight: 850; }
    .prose-panel h2:first-child, .prose-content h2:first-child { margin-top: 0; }
    .prose-panel h3, .prose-content h3 { margin-top: 1.7rem; color: var(--text); font-size: 1.22rem; font-weight: 820; }
    .prose-panel p, .prose-content p { margin-top: 1rem; }
    .prose-content a { color: var(--brand); text-decoration: underline; text-underline-offset: 4px; }
    .prose-content ul { margin-top: 1rem; list-style: disc; padding-inline-start: 1.5rem; }
    .prose-content ol { margin-top: 1rem; list-style: decimal; padding-inline-start: 1.5rem; }
    .prose-content img { max-width: 100%; height: auto; margin-block: 1.7rem; border-radius: 1rem; }
    .prose-content code, .prose-panel code { border-radius: .35rem; background: var(--surface-soft); padding: .2rem .38rem; color: var(--brand-strong); font-family: var(--font-mono); font-size: .85rem; }
    .article-card { overflow: hidden; border: 1px solid var(--line); border-radius: 1.15rem; background: var(--surface); box-shadow: var(--shadow-soft); transition: .22s ease; }
    .article-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--brand) 25%, var(--line)); }
    .article-card-body { display: flex; min-height: 16rem; flex-direction: column; padding: 1.4rem; }
    .article-card h2 { margin-top: .7rem; color: var(--text); font-size: 1.22rem; font-weight: 850; line-height: 1.4; }
    .article-card p { margin-top: .7rem; color: var(--muted); font-size: .88rem; line-height: 1.65; }

    .language-menu { position: relative; }
    .language-menu-panel { position: absolute; right: 0; top: calc(100% + .6rem); z-index: 60; width: 15.5rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--surface); padding: .45rem; box-shadow: var(--shadow); }
    [dir="rtl"] .language-menu-panel { right: auto; left: 0; }
    .language-option { display: flex; align-items: center; justify-content: space-between; gap: .8rem; border-radius: .7rem; padding: .7rem .75rem; color: var(--muted-strong); font-size: .84rem; font-weight: 700; }
    .language-option:hover, .language-option-active { color: var(--brand-strong); background: var(--brand-soft); }
    .language-suggestion { position: fixed; right: 1rem; bottom: 1rem; z-index: 80; width: min(24rem, calc(100vw - 2rem)); border: 1px solid var(--line); border-radius: 1.1rem; background: var(--surface); padding: 1rem; box-shadow: var(--shadow); }
    [dir="rtl"] .language-suggestion { right: auto; left: 1rem; }

    .footer-title { margin-bottom: .9rem; color: var(--text); font-size: .78rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
    .footer-links { display: grid; gap: .72rem; color: var(--muted); font-size: .88rem; }
    .footer-links a { width: fit-content; transition: .2s ease; }
    .footer-links a:hover { color: var(--brand); }
    .admin-link { border-radius: .8rem; padding: .75rem 1rem; color: var(--muted); font-size: .88rem; font-weight: 700; }
    .admin-link:hover { color: var(--text); background: var(--surface-soft); }
    .toast { pointer-events: none; position: fixed; bottom: 1.25rem; left: 50%; z-index: 100; transform: translate(-50%, 1rem); border: 1px solid var(--line); border-radius: .85rem; background: var(--text); color: var(--surface); padding: .8rem 1rem; font-size: .84rem; font-weight: 750; opacity: 0; box-shadow: var(--shadow); transition: .2s ease; }
    .toast-visible { transform: translate(-50%, 0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@layer components {
    .report-card { display: block; min-width: 0; border: 1px solid var(--line); border-radius: 1.2rem; background: var(--surface); padding: 1.25rem; box-shadow: var(--shadow-soft); transition: .22s ease; }
    .report-card:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--brand) 28%, var(--line)); box-shadow: var(--shadow); }
    .report-mini-score { display: grid; width: 2.5rem; height: 2.5rem; place-items: center; border-radius: 999px; color: var(--brand-strong); background: var(--brand-soft); font-size: .78rem; font-weight: 900; }
}

/* Release 4: reliable no-JS language menu and prominent country identity. */
@layer components {
  .ip-country-flag { @apply inline-grid h-[3.15rem] w-[3.15rem] shrink-0 place-items-center rounded-2xl border text-3xl; border-color:var(--line); background:var(--surface-soft); }
}

@layer components {
    .home-hero {
        position: relative;
        overflow: hidden;
        border-bottom: 1px solid var(--line);
        background:
            radial-gradient(circle at 88% 8%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 30rem),
            linear-gradient(180deg, var(--surface) 0%, var(--page) 100%);
    }
    .home-hero-grid {
        display: grid;
        gap: 2rem;
        align-items: center;
        padding-block: 3.25rem;
    }
    @media (min-width: 1024px) {
        .home-hero-grid {
            grid-template-columns: minmax(18rem, .78fr) minmax(0, 1.22fr);
            gap: 3.5rem;
            padding-block: 4.6rem;
        }
    }
    .home-intro { min-width: 0; }
    .home-intro h1 {
        max-width: 38rem;
        margin-top: 1rem;
        color: var(--text);
        font-size: clamp(2.55rem, 4.7vw, 4.55rem);
        line-height: 1.02;
        letter-spacing: -.052em;
        font-weight: 920;
    }
    .home-intro-copy {
        max-width: 38rem;
        margin-top: 1.25rem;
        color: var(--muted-strong);
        font-size: clamp(1rem, 1.45vw, 1.15rem);
        line-height: 1.75;
    }
    .home-search { margin-top: 1.7rem; max-width: 39rem; }
    .home-trust-row {
        display: flex;
        flex-wrap: wrap;
        gap: .65rem 1.2rem;
        margin-top: 1.1rem;
        color: var(--muted);
        font-size: .82rem;
        font-weight: 690;
    }
    .home-trust-row span { display: inline-flex; align-items: center; gap: .42rem; }
    .home-trust-row svg { color: var(--brand); }

    .ip-dashboard-card {
        position: relative;
        min-width: 0;
        overflow: hidden;
        border: 1px solid var(--line);
        border-radius: 1.55rem;
        background: color-mix(in srgb, var(--surface) 97%, transparent);
        padding: clamp(1.1rem, 2.1vw, 1.8rem);
        box-shadow: 0 24px 70px rgba(31, 39, 78, .12);
    }
    .ip-dashboard-card::before {
        content: "";
        position: absolute;
        width: 17rem;
        height: 17rem;
        inset: -10rem -7rem auto auto;
        border-radius: 999px;
        background: color-mix(in srgb, var(--brand) 13%, transparent);
        filter: blur(22px);
        pointer-events: none;
    }
    .ip-dashboard-topline {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
    }
    .ip-dashboard-label {
        color: var(--brand-strong);
        font-size: .72rem;
        font-weight: 860;
        letter-spacing: .145em;
        text-transform: uppercase;
    }
    .ip-version-badge {
        display: inline-flex;
        margin-top: .42rem;
        border-radius: 999px;
        background: var(--brand-soft);
        color: var(--brand-strong);
        padding: .28rem .55rem;
        font-size: .72rem;
        font-weight: 800;
    }
    .ip-primary-row {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: .85rem;
        margin-top: 1.35rem;
        border: 1px solid color-mix(in srgb, var(--brand) 14%, var(--line));
        border-radius: 1.1rem;
        background: var(--surface-soft);
        padding: 1rem;
    }
    .ip-primary-flag { flex: 0 0 auto; }
    .ip-primary-value {
        min-width: 0;
        overflow-wrap: anywhere;
        color: var(--text);
        font-family: var(--font-mono);
        font-size: clamp(1.35rem, 2.3vw, 2.25rem);
        line-height: 1.2;
        letter-spacing: -.045em;
        font-weight: 900;
    }
    .ip-copy-button { width: 2.7rem; height: 2.7rem; }
    .ip-location-line {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: .35rem 1rem;
        margin-top: 1rem;
        color: var(--muted);
        font-size: .88rem;
    }
    .ip-location-line strong { color: var(--text); font-size: .96rem; }
    .ip-fact-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .7rem;
        margin-top: 1.15rem;
    }
    @media (min-width: 640px) { .ip-fact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    .ip-fact {
        min-width: 0;
        border: 1px solid var(--line);
        border-radius: .95rem;
        background: var(--surface);
        padding: .82rem .9rem;
    }
    .ip-fact dt {
        color: var(--muted);
        font-size: .66rem;
        font-weight: 800;
        letter-spacing: .075em;
        text-transform: uppercase;
    }
    .ip-fact dd {
        margin-top: .35rem;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--text);
        font-size: .85rem;
        font-weight: 780;
        white-space: nowrap;
    }
    .ip-dashboard-actions {
        display: flex;
        flex-wrap: wrap;
        gap: .65rem;
        margin-top: 1.2rem;
    }
    .ip-source-note {
        margin-top: .9rem;
        color: var(--muted);
        font-size: .72rem;
        line-height: 1.55;
    }

    .home-quick-section, .home-insights-section { padding-block: 3.2rem; }
    .home-section-header {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    @media (min-width: 640px) {
        .home-section-header { flex-direction: row; align-items: flex-end; justify-content: space-between; }
    }
    .home-section-header h2 {
        margin-top: .55rem;
        color: var(--text);
        font-size: clamp(1.75rem, 3vw, 2.65rem);
        line-height: 1.1;
        letter-spacing: -.035em;
        font-weight: 900;
    }
    .home-tool-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
        margin-top: 1.8rem;
    }
    @media (min-width: 760px) { .home-tool-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    @media (min-width: 1180px) { .home-tool-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
    .home-tool-grid .tool-card { min-height: 10.5rem; padding: 1rem; }

    .home-insights-grid {
        display: grid;
        gap: 1rem;
        margin-top: 1.8rem;
    }
    @media (min-width: 900px) { .home-insights-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    .connection-panel {
        border: 1px solid var(--line);
        border-radius: 1.3rem;
        background: var(--surface);
        padding: clamp(1.15rem, 2vw, 1.55rem);
        box-shadow: var(--shadow-soft);
    }
    .connection-panel-heading { display: flex; gap: .9rem; align-items: flex-start; }
    .connection-panel-heading h3 { color: var(--text); font-size: 1.1rem; font-weight: 850; }
    .connection-panel-heading p { margin-top: .22rem; color: var(--muted); font-size: .82rem; line-height: 1.5; }
    .connection-detail-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .7rem;
        margin-top: 1.2rem;
    }
    @media (min-width: 640px) { .connection-detail-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
    .connection-detail-grid > div {
        min-width: 0;
        border-radius: .85rem;
        background: var(--surface-soft);
        padding: .8rem;
    }
    .connection-detail-grid dt { color: var(--muted); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .065em; }
    .connection-detail-grid dd { margin-top: .3rem; overflow: hidden; text-overflow: ellipsis; color: var(--text); font-size: .84rem; font-weight: 760; white-space: nowrap; }
    .plain-answer-list { display: grid; gap: .72rem; margin-top: 1.2rem; }
    .plain-answer-list p { border-left: 3px solid var(--brand); border-radius: 0 .8rem .8rem 0; background: var(--surface-soft); padding: .8rem .9rem; color: var(--muted-strong); font-size: .86rem; line-height: 1.65; }
    .plain-answer-list strong { color: var(--text); }

    @media (max-width: 639px) {
        .home-hero-grid { padding-block: 2.4rem; }
        .home-intro h1 { font-size: 2.65rem; }
        .home-search { align-items: stretch; flex-wrap: wrap; }
        .home-search input { width: calc(100% - 3rem); }
        .home-search .button-primary { width: 100%; }
        .ip-fact-grid { grid-template-columns: 1fr; }
        .ip-dashboard-actions > * { width: 100%; }
        .home-tool-grid { grid-template-columns: 1fr; }
        .connection-detail-grid { grid-template-columns: 1fr 1fr; }
    }
    .result-evidence-list { display: grid; gap: .55rem; margin: 0; padding: 0; list-style: none; }
    .result-evidence-list li { position: relative; border-radius: .8rem; background: var(--surface-soft); padding: .72rem .8rem .72rem 1.75rem; color: var(--muted-strong); font-size: .8rem; line-height: 1.6; }
    .result-evidence-list li::before { content: "✓"; position: absolute; left: .7rem; top: .73rem; color: var(--success); font-weight: 900; }

}


/* V10 consolidated legacy visual styles (previously release-v9.css). */
/* WhatIsMyIP.live consolidated production release 4.0.0 */
.site-nav{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.site-brand,.footer-brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-size:1.15rem;font-weight:900;letter-spacing:-.02em}.brand-dot{color:var(--brand-strong)}.desktop-navigation{display:none;align-items:center;gap:.15rem}.nav-actions{display:flex;align-items:center;gap:.5rem}.account-link{display:none;border:1px solid var(--line);border-radius:.8rem;padding:.72rem .9rem;color:var(--muted-strong);font-size:.8rem;font-weight:800;background:var(--surface)}.account-link:hover{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}.language-switcher,.mobile-navigation{position:relative}.language-switcher summary,.mobile-navigation summary{list-style:none}.language-switcher summary::-webkit-details-marker,.mobile-navigation summary::-webkit-details-marker{display:none}.language-summary{display:flex!important;width:auto!important;min-width:4.2rem;padding-inline:.7rem!important}.language-code{font-size:.72rem;font-weight:900}.language-menu-title{padding:.55rem .75rem .4rem;color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.language-option-name{display:flex;align-items:center;gap:.65rem}.language-switcher[open] .language-menu{display:block}.mobile-navigation{display:block}.mobile-menu{position:absolute;right:0;top:calc(100% + .65rem);z-index:70;width:min(22rem,calc(100vw - 2rem));border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:.65rem;box-shadow:var(--shadow)}[dir=rtl] .mobile-menu{right:auto;left:0}.mobile-search{margin-bottom:.45rem}.site-footer{margin-top:5rem;border-top:1px solid var(--line);background:var(--surface)}.footer-grid{display:grid;gap:2.5rem;padding-top:3.5rem;padding-bottom:3.5rem}.footer-about p{max-width:34rem;margin-top:1rem;color:var(--muted);font-size:.9rem;line-height:1.75}.footer-bottom{border-top:1px solid var(--line)}.footer-bottom-inner{display:flex;flex-direction:column;gap:.45rem;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--muted);font-size:.75rem}.ip-action-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.home-highlight{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:linear-gradient(135deg,var(--surface),var(--brand-soft));padding:1.5rem;box-shadow:var(--shadow-soft)}.home-highlight:after{content:"";position:absolute;right:-4rem;top:-5rem;width:14rem;height:14rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 13%,transparent);filter:blur(25px)}.home-highlight-content{position:relative;z-index:1}.home-highlight-grid{display:grid;gap:1rem;margin-top:1.35rem}.home-highlight-item{border:1px solid color-mix(in srgb,var(--brand) 14%,var(--line));border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:1rem}.home-highlight-item strong{display:block;color:var(--text)}.home-highlight-item span{display:block;margin-top:.35rem;color:var(--muted);font-size:.82rem;line-height:1.55}.tool-result{display:none;margin-top:1.75rem;border-top:1px solid var(--line);padding-top:1.5rem}.tool-result.is-visible{display:block}.tool-error{display:none;margin-top:1.25rem}.tool-error.is-visible{display:flex}.tool-loading{display:none}.is-loading .tool-idle{display:none}.is-loading .tool-loading{display:inline}.browser-value{overflow-wrap:anywhere}.webrtc-results{display:grid;gap:.75rem;margin-top:1.5rem}.webrtc-result{border:1px solid var(--line);border-radius:.85rem;background:var(--surface-soft);padding:.9rem 1rem;color:var(--text);font-family:var(--font-mono);font-size:.82rem}.native-disclosure summary{cursor:pointer}.legacy-notice{border:1px solid var(--line);border-radius:1rem;background:var(--surface-soft);padding:1rem;color:var(--muted);font-size:.85rem;line-height:1.65}

/* Admin: isolated readable theme, independent from the public dark-mode preference. */
html.admin-html{color-scheme:light;background:#f5f7fb}.admin-page{margin:0;min-height:100vh;background:#f5f7fb;color:#17213d;font-family:var(--font-sans)}.admin-page *{box-sizing:border-box}.admin-shell{min-height:100vh}.admin-sidebar{background:#0b1328;color:#eaf0ff;padding:1rem;border-bottom:1px solid #26324b}.admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.admin-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:900}.admin-brand-mark{display:grid;width:2.45rem;height:2.45rem;place-items:center;border-radius:.8rem;background:linear-gradient(135deg,#67e8f9,#818cf8);color:#081126}.admin-mobile-toggle{position:relative}.admin-mobile-toggle summary{list-style:none;display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #33415f;border-radius:.75rem}.admin-mobile-toggle summary::-webkit-details-marker{display:none}.admin-nav{display:none;margin-top:1rem;gap:.2rem}.admin-mobile-toggle[open]~.admin-nav{display:grid}.admin-link{display:flex!important;align-items:center;gap:.6rem;border-radius:.75rem;padding:.72rem .85rem!important;color:#aebbd8!important;font-size:.86rem;font-weight:750;text-decoration:none}.admin-link:hover,.admin-link-active{color:#fff!important;background:#1a2743!important}.admin-signout{margin-top:1rem}.admin-signout button{width:100%;border:1px solid #33415f!important;background:#fff!important;color:#0b1328!important}.admin-main{min-width:0;padding:1.15rem}.admin-content{max-width:82rem;margin:0 auto}.admin-page h1,.admin-page h2,.admin-page h3,.admin-page strong{color:#17213d}.admin-page .eyebrow{color:#4f46e5}.admin-page .panel,.admin-page .tool-card,.admin-page .bg-slate-900,.admin-page [class*="bg-slate-900"]{background:#fff!important;color:#17213d!important;border-color:#dfe5f0!important;box-shadow:0 8px 28px rgba(30,45,90,.06)!important}.admin-page .tool-card{min-height:9rem}.admin-page .text-slate-100,.admin-page .text-slate-200,.admin-page .text-slate-300{color:#34405f!important}.admin-page .text-slate-400,.admin-page .text-slate-500,.admin-page [class*="text-slate-4"],.admin-page [class*="text-slate-5"]{color:#69738d!important}.admin-page .text-cyan-300{color:#4f46e5!important}.admin-page .border-white\/10,.admin-page [class*="border-white"]{border-color:#dfe5f0!important}.admin-page .divide-white\/10>*+*,.admin-page [class*="divide-white"]>*+*{border-color:#e5eaf3!important}.admin-page .data-table{background:#fff}.admin-page .data-table th{background:#f4f6fb;color:#66708d}.admin-page .data-table td{color:#39445f}.admin-page .button-secondary{background:#fff;color:#17213d}.admin-page .input{background:#fff;color:#17213d}.admin-stat-value{margin-top:.65rem;color:#111936!important;font-size:2rem;font-weight:900}.admin-muted{color:#69738d}.admin-section-card{border:1px solid #dfe5f0;border-radius:1.15rem;background:#fff;padding:1.25rem;box-shadow:0 8px 28px rgba(30,45,90,.06)}

@media(min-width:640px){.account-link{display:inline-flex}.footer-bottom-inner{flex-direction:row;align-items:center;justify-content:space-between}.home-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main{padding:2rem}}
@media(min-width:768px){.footer-grid{grid-template-columns:1.5fr repeat(3,1fr)}}
@media(min-width:1024px){.desktop-navigation{display:flex}.mobile-navigation{display:none}.admin-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr)}.admin-sidebar{min-height:100vh;border-right:1px solid #26324b;border-bottom:0;padding:1.25rem;position:sticky;top:0;height:100vh;overflow:auto}.admin-mobile-toggle{display:none}.admin-nav{display:grid!important;margin-top:2rem}.admin-signout{margin-top:2rem}.admin-main{padding:2.5rem}.home-highlight-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:639px){.search-bar{align-items:stretch;flex-wrap:wrap}.search-bar input{flex-basis:calc(100% - 3rem)}.search-bar .button-primary{width:100%}.hero-title{font-size:clamp(2.35rem,13vw,3.7rem)}.ip-action-row>*{flex:1 1 auto}.language-menu-panel{position:fixed!important;inset-inline:1rem!important;top:4.75rem!important;width:auto!important;max-height:calc(100dvh - 5.75rem)!important;overflow:auto!important;overscroll-behavior:contain}}

/* v3 stabilization: native language selector and self-contained admin readability. */
.language-select-wrap{display:inline-flex;align-items:center;position:relative}
.language-select{max-width:11rem;height:2.65rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);color:var(--text);padding:.55rem 2rem .55rem .7rem;font:inherit;font-size:.78rem;font-weight:800;cursor:pointer;appearance:auto}
.language-select:focus{outline:3px solid color-mix(in srgb,var(--brand) 22%,transparent);outline-offset:2px}
@media(max-width:639px){.language-select{max-width:6.7rem}.language-select-wrap{max-width:6.7rem}}

/* Admin uses fixed light tokens and does not inherit public dark-mode variables. */
html.admin-html{--text:#17213d;--muted:#66708d;--muted-strong:#39445f;--surface:#fff;--surface-soft:#f4f6fb;--surface-strong:#edf1f7;--line:#dfe5f0;--line-strong:#cbd3e3;--brand:#4f46e5;--brand-strong:#3730a3;--brand-soft:#eef0ff;--success:#087a42;--success-soft:#ecfdf3;--danger:#b42318;--danger-soft:#fff1f2;--warning:#a15c00;--warning-soft:#fff8e6;color-scheme:light!important;background:#f5f7fb!important}
.admin-page{background:#f5f7fb!important;color:#17213d!important}
.admin-page a{color:inherit}
.admin-page .panel,.admin-page .tool-card,.admin-page .feature-panel,.admin-page .article-card,.admin-page .admin-section-card{background:#fff!important;color:#17213d!important;border-color:#dfe5f0!important}
.admin-page .button-primary{background:#4f46e5!important;color:#fff!important}
.admin-page .button-secondary{background:#fff!important;color:#17213d!important;border-color:#cbd3e3!important}
.admin-page .button-danger{background:#b42318!important;color:#fff!important}
.admin-page .input,.admin-page select,.admin-page textarea{background:#fff!important;color:#17213d!important;border-color:#cbd3e3!important}
.admin-page .input::placeholder,.admin-page textarea::placeholder{color:#8a93a8!important}
.admin-page .data-table tr:hover td{background:#fafbfe}
.admin-page .notice{background:#fff!important}
.admin-page .prose-content,.admin-page .prose-panel{background:#fff!important;color:#39445f!important}

/* WhatIsMyIP.live production release 4 additions */
.ip-country-flag{display:inline-grid;place-items:center;width:3.15rem;height:3.15rem;flex:0 0 auto;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(145deg,var(--surface),var(--surface-soft));font-size:2rem;box-shadow:0 10px 30px rgba(40,52,95,.10)}
.country-visual{display:flex;min-height:12rem;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--line);border-radius:1.1rem;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.15),transparent 55%),var(--surface-soft);padding:1.25rem;text-align:center}
.country-visual-flag{font-size:4.2rem;line-height:1;filter:drop-shadow(0 8px 16px rgba(30,41,59,.15))}
.country-visual strong{font-size:1rem;color:var(--text)}
.country-visual span:not(.country-visual-flag){font-size:.82rem;line-height:1.45;color:var(--muted)}
.country-visual small{font-size:.72rem;color:var(--muted)}
.language-menu{position:relative}
.language-menu>summary{list-style:none}
.language-menu>summary::-webkit-details-marker{display:none}
.language-menu-summary{display:flex;min-height:2.65rem;align-items:center;gap:.48rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface);padding:.55rem .7rem;color:var(--text);font-size:.84rem;font-weight:800;cursor:pointer;user-select:none}
.language-menu[open] .language-menu-summary{border-color:rgba(79,70,229,.45);box-shadow:0 0 0 3px rgba(79,70,229,.10)}
.language-chevron{font-size:.72rem;color:var(--muted)}
.language-menu-panel{position:absolute;z-index:100;inset-inline-end:0;top:calc(100% + .55rem);display:grid;width:15rem;max-height:23rem;overflow:auto;border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:.45rem;box-shadow:0 24px 70px rgba(15,23,42,.18)}
.language-menu-link{display:grid;grid-template-columns:1.6rem minmax(0,1fr) 1.2rem;align-items:center;gap:.55rem;border-radius:.68rem;padding:.68rem .72rem;color:var(--text);font-size:.86rem;font-weight:700;text-decoration:none}
.language-menu-link:hover,.language-menu-link:focus-visible{background:var(--surface-soft);outline:none}
.language-menu-link.is-current{background:rgba(79,70,229,.10);color:#4338ca}
.language-menu-flag{font-size:1.15rem}.language-check{text-align:end;color:#4f46e5}
@media(max-width:760px){.language-current-name{display:none}.language-menu{position:relative!important;inset:auto!important;width:auto!important;max-height:none!important;overflow:visible!important}.language-menu-summary{min-width:2.75rem;min-height:2.75rem;justify-content:center;padding:.55rem!important}.language-menu-panel{position:fixed!important;z-index:120;inset-inline:1rem!important;top:4.75rem!important;width:auto!important;max-height:calc(100dvh - 5.75rem)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.language-menu-link{min-height:2.85rem;padding:.72rem .78rem}.ip-country-flag{width:2.7rem;height:2.7rem;border-radius:.85rem;font-size:1.65rem}.country-visual{min-height:9.5rem}.country-visual-flag{font-size:3.4rem}}

/* Production release 5: guaranteed local country flags and resilient IP card. */
.country-flag{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;border:1px solid var(--line);border-radius:.45rem;background:var(--surface-soft);line-height:1}
.country-flag img{display:block;width:100%;height:100%;object-fit:cover}
.country-flag-sm{width:1.45rem;height:1rem;border-radius:.22rem}
.country-flag-lg{width:3.25rem;height:2.2rem;border-radius:.55rem}
.country-flag-xl{width:6rem;height:4rem;border-radius:.8rem}
.ip-country-flag{width:3.25rem!important;height:2.2rem!important;padding:.12rem;border-radius:.65rem!important;font-size:1.5rem!important}
.country-visual-flag{width:6rem!important;height:4rem!important;font-size:3rem!important;filter:drop-shadow(0 8px 16px rgba(30,41,59,.15))}
.language-menu-flag.country-flag{width:1.45rem;height:1rem;font-size:.9rem}
.ip-data-availability{margin-top:1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.8rem 1rem;color:var(--muted);font-size:.78rem;line-height:1.55}
@media(max-width:760px){.country-flag-lg,.ip-country-flag{width:2.75rem!important;height:1.85rem!important}.country-flag-xl,.country-visual-flag{width:5rem!important;height:3.3rem!important}}

/* Release 8: multilingual modern visual results for all network tools. */
.tool-page-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--brand) 11%,transparent),transparent 28rem),linear-gradient(180deg,var(--surface),var(--page))}.tool-page-hero-inner{display:grid;gap:1.5rem;align-items:end;padding-top:3rem;padding-bottom:3rem}.tool-page-heading{max-width:48rem}.tool-page-heading h1{margin-top:1rem;color:var(--text);font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.01;letter-spacing:-.055em;font-weight:930}.tool-page-heading p{max-width:44rem;margin-top:1.15rem;color:var(--muted-strong);font-size:clamp(1rem,1.4vw,1.12rem);line-height:1.72}.tool-privacy-note{display:flex;align-items:flex-start;gap:.8rem;border:1px solid var(--line);border-radius:1rem;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:1rem;box-shadow:var(--shadow-soft)}.tool-privacy-icon{display:grid;width:2.5rem;height:2.5rem;flex:0 0 auto;place-items:center;border-radius:.8rem;color:var(--brand-strong);background:var(--brand-soft)}.tool-privacy-note strong,.tool-privacy-note span{display:block}.tool-privacy-note strong{color:var(--text);font-size:.86rem}.tool-privacy-note span{margin-top:.25rem;color:var(--muted);font-size:.76rem;line-height:1.5}@media(min-width:900px){.tool-page-hero-inner{grid-template-columns:minmax(0,1fr) 21rem;gap:3rem;padding-top:4rem;padding-bottom:4rem}}
.tool-workspace-section{padding-top:2.6rem;padding-bottom:4.5rem}.tool-workspace-grid{display:grid;gap:1.4rem}.tool-main-column{min-width:0}.tool-sidebar-column{min-width:0}.tool-query-card,.tool-result-stage,.tool-sidebar-card,.tool-explainer-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft)}.tool-query-card{border-radius:1.35rem;padding:clamp(1.15rem,2.6vw,1.8rem)}.tool-query-form{display:grid;gap:1.3rem}.tool-query-copy{display:flex;align-items:flex-start;gap:.85rem}.tool-query-copy h2{color:var(--text);font-size:1.08rem;font-weight:860}.tool-query-copy p{margin-top:.3rem;color:var(--muted);font-size:.82rem;line-height:1.58}.tool-query-copy code{border-radius:.35rem;background:var(--surface-soft);padding:.12rem .34rem;color:var(--brand-strong);font-family:var(--font-mono);font-size:.78rem}.tool-query-step,.tool-result-step{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:.65rem;color:white;background:linear-gradient(135deg,var(--brand),#7c3aed);font-size:.72rem;font-weight:900;box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 25%,transparent)}.tool-input-row{display:grid;gap:.8rem;align-items:end}.tool-input-row-stacked{align-items:stretch}.tool-input-wrap label{display:block;margin-bottom:.48rem;color:var(--muted-strong);font-size:.74rem;font-weight:800;letter-spacing:.02em}.tool-input,.tool-textarea{width:100%;border:1px solid var(--line-strong);border-radius:1rem;background:var(--surface-soft);color:var(--text);outline:none;transition:.18s ease}.tool-input{height:3.6rem;padding:0 1rem;font-family:var(--font-mono);font-size:.95rem}.tool-textarea{min-height:15rem;resize:vertical;padding:1rem;font-family:var(--font-mono);font-size:.82rem;line-height:1.65}.tool-input:focus,.tool-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 13%,transparent);background:var(--surface)}.tool-run-button{display:inline-flex;min-height:3.6rem;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:1rem;padding:0 1.3rem;color:white;background:linear-gradient(135deg,var(--brand),#7c3aed);font-size:.86rem;font-weight:850;box-shadow:0 12px 30px color-mix(in srgb,var(--brand) 27%,transparent);transition:.18s ease}.tool-run-button:hover{transform:translateY(-1px);filter:brightness(1.04)}.tool-run-button:disabled{cursor:wait;opacity:.75;transform:none}.tool-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:999px;animation:tool-spin .7s linear infinite}@keyframes tool-spin{to{transform:rotate(360deg)}}@media(min-width:720px){.tool-input-row:not(.tool-input-row-stacked){grid-template-columns:minmax(0,1fr) auto}.tool-input-row:not(.tool-input-row-stacked) .tool-run-button{min-width:10rem}}
.tool-result-stage{margin-top:1.35rem;border-radius:1.35rem;padding:clamp(1rem,2.5vw,1.65rem);scroll-margin-top:6rem}.tool-result-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.tool-result-heading>div{display:flex;align-items:center;gap:.75rem}.tool-result-kicker{color:var(--brand-strong);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.tool-result-heading h2{margin-top:.15rem;color:var(--text);font-size:1.13rem;font-weight:900}.tool-result-live{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;background:var(--surface-soft);padding:.45rem .65rem;color:var(--muted);font-size:.7rem;font-weight:800}.tool-result-live span{width:.48rem;height:.48rem;border-radius:999px;background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.12)}.tool-result-live span.is-working{background:#f59e0b;animation:tool-pulse 1s ease-in-out infinite}.tool-result-live span.is-error{background:#ef4444}@keyframes tool-pulse{50%{opacity:.35}}.tool-empty-state{display:grid;place-items:center;text-align:center;padding:3rem 1rem}.tool-empty-state.is-hidden{display:none}.tool-empty-icon{display:grid;width:4.2rem;height:4.2rem;place-items:center;border-radius:1.25rem;color:var(--brand-strong);background:var(--brand-soft)}.tool-empty-state h3{margin-top:1rem;color:var(--text);font-size:1.05rem;font-weight:860}.tool-empty-state p{max-width:34rem;margin-top:.5rem;color:var(--muted);font-size:.82rem;line-height:1.6}.tool-visual-result{display:none;padding-top:1rem}.tool-visual-result.is-visible{display:block}.visual-result-card{display:grid;gap:1rem;min-width:0}
.tool-explainer-grid{display:grid;gap:1rem;margin-top:1.35rem}.tool-explainer-card{position:relative;overflow:hidden;border-radius:1.15rem;padding:1.25rem}.tool-explainer-number{display:inline-grid;min-width:2.2rem;height:2.2rem;place-items:center;border-radius:.65rem;color:var(--brand-strong);background:var(--brand-soft);font-size:.7rem;font-weight:900}.tool-explainer-card h2{margin-top:.9rem;color:var(--text);font-size:.98rem;font-weight:850}.tool-explainer-card p{margin-top:.5rem;color:var(--muted);font-size:.8rem;line-height:1.62}@media(min-width:700px){.tool-explainer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tool-sidebar-column{display:grid;align-content:start;gap:1rem}.tool-sidebar-card{border-radius:1.15rem;padding:1.15rem}.tool-sidebar-eyebrow{color:var(--brand-strong);font-size:.64rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.tool-sidebar-card h2{margin-top:.42rem;color:var(--text);font-size:1rem;font-weight:880}.tool-related-list{display:grid;gap:.25rem;margin-top:.8rem}.tool-related-list a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;border-radius:.72rem;padding:.72rem;color:var(--muted-strong);font-size:.78rem;font-weight:730;transition:.18s ease}.tool-related-list a:hover{color:var(--brand-strong);background:var(--brand-soft)}.tool-sidebar-tip{display:flex;align-items:flex-start;gap:.75rem}.tool-sidebar-tip-icon{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:999px;color:var(--brand-strong);background:var(--brand-soft);font-weight:900}.tool-sidebar-tip h2{margin-top:0}.tool-sidebar-tip p{margin-top:.32rem;color:var(--muted);font-size:.75rem;line-height:1.55}@media(min-width:1024px){.tool-workspace-grid{grid-template-columns:minmax(0,1fr) 20rem;gap:1.7rem}.tool-sidebar-column{position:sticky;top:6rem;align-self:start}}
.result-identity,.result-status-hero{position:relative;display:grid;gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;padding:1.05rem;overflow:hidden}.result-identity{grid-template-columns:auto minmax(0,1fr) auto}.result-identity-brand{background:linear-gradient(135deg,var(--brand-soft),color-mix(in srgb,var(--surface) 94%,transparent))}.result-identity-icon{display:grid;width:3.35rem;height:3.35rem;place-items:center;border-radius:1rem;color:var(--brand-strong);background:var(--surface);font-size:1.5rem;font-weight:900;box-shadow:var(--shadow-soft)}.result-flag-icon{font-size:1.8rem}.result-identity-copy{min-width:0}.result-badges{display:flex;flex-wrap:wrap;gap:.36rem}.result-identity-copy h3,.result-status-hero h3{margin-top:.55rem;color:var(--text);font-size:clamp(1.22rem,3vw,1.75rem);line-height:1.15;letter-spacing:-.025em;font-weight:900}.result-primary-mono{overflow-wrap:anywhere;font-family:var(--font-mono)}.result-break-word{overflow-wrap:anywhere}.result-identity-copy p,.result-status-hero p{margin-top:.35rem;color:var(--muted);font-size:.8rem;line-height:1.55}.result-icon-button{display:grid;width:2.55rem;height:2.55rem;place-items:center;border:1px solid var(--line);border-radius:.8rem;color:var(--muted-strong);background:var(--surface);font-size:1.1rem;transition:.18s ease}.result-icon-button:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}.result-badge{display:inline-flex;align-items:center;min-height:1.55rem;border-radius:999px;padding:.28rem .5rem;font-size:.61rem;font-weight:900;letter-spacing:.025em}.result-badge-brand{color:var(--brand-strong);background:var(--brand-soft)}.result-badge-success{color:#047857;background:rgba(16,185,129,.12)}.result-badge-warning{color:#b45309;background:rgba(245,158,11,.14)}.result-badge-danger{color:#b91c1c;background:rgba(239,68,68,.12)}.result-badge-neutral{color:var(--muted-strong);background:var(--surface-soft)}[data-theme=dark] .result-badge-success{color:#6ee7b7}[data-theme=dark] .result-badge-warning{color:#fcd34d}[data-theme=dark] .result-badge-danger{color:#fca5a5}
.result-action-row{display:flex;flex-wrap:wrap;gap:.52rem}.result-action{display:inline-flex;align-items:center;justify-content:center;min-height:2.5rem;border:1px solid var(--line);border-radius:.75rem;padding:.55rem .82rem;font-size:.7rem;font-weight:820;transition:.18s ease}.result-action-secondary{color:var(--muted-strong);background:var(--surface)}.result-action-secondary:hover{color:var(--brand-strong);border-color:color-mix(in srgb,var(--brand) 32%,var(--line));background:var(--brand-soft)}.result-action-primary{color:white;border-color:transparent;background:linear-gradient(135deg,var(--brand),#7c3aed);box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 24%,transparent)}
.result-section{min-width:0;border:1px solid var(--line);border-radius:1.05rem;background:var(--surface);padding:1rem}.result-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.result-section-heading span{color:var(--brand-strong);font-size:.61rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.result-section-heading h3{margin-top:.22rem;color:var(--text);font-size:.92rem;font-weight:870}.result-section-heading>p{color:var(--muted);font-size:.7rem}.result-section-copy{margin-top:.8rem;color:var(--muted);font-size:.78rem;line-height:1.62}.result-two-column{display:grid;gap:1rem}.result-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-metric-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.result-metric{min-width:0;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.result-metric dt{color:var(--muted);font-size:.59rem;font-weight:820;letter-spacing:.06em;text-transform:uppercase}.result-metric dd{margin-top:.3rem;overflow:hidden;text-overflow:ellipsis;color:var(--text);font-size:.76rem;font-weight:780;white-space:nowrap}.result-metric dd code{color:inherit;font-family:var(--font-mono);font-size:.72rem}.result-metric-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:700px){.result-two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.result-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-metric-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.result-progress-list{display:grid;gap:.9rem}.result-progress-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted-strong);font-size:.71rem}.result-progress-head strong{color:var(--text)}.result-progress-track{height:.48rem;margin-top:.42rem;overflow:hidden;border-radius:999px;background:var(--surface-soft)}.result-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#8b5cf6)}.result-progress p{margin-top:.36rem;color:var(--muted);font-size:.65rem;line-height:1.45}.result-note{display:flex;align-items:flex-start;gap:.7rem;border:1px solid var(--line);border-radius:1rem;padding:.9rem}.result-note-icon{display:grid;width:1.85rem;height:1.85rem;flex:0 0 auto;place-items:center;border-radius:999px;font-size:.72rem;font-weight:900}.result-note strong{display:block;color:var(--text);font-size:.77rem}.result-note p{margin-top:.25rem;color:var(--muted);font-size:.72rem;line-height:1.55}.result-note-info{background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface))}.result-note-info .result-note-icon{color:var(--brand-strong);background:var(--brand-soft)}.result-note-success{background:rgba(16,185,129,.07)}.result-note-success .result-note-icon{color:#047857;background:rgba(16,185,129,.14)}.result-note-warning{background:rgba(245,158,11,.07)}.result-note-warning .result-note-icon{color:#b45309;background:rgba(245,158,11,.14)}.result-note-danger{background:rgba(239,68,68,.07)}.result-note-danger .result-note-icon{color:#b91c1c;background:rgba(239,68,68,.12)}
.result-status-hero{grid-template-columns:auto minmax(0,1fr)}.result-status-symbol{display:grid;width:3.5rem;height:3.5rem;place-items:center;border-radius:1rem;font-size:1.4rem;font-weight:950}.result-status-success{background:linear-gradient(135deg,rgba(16,185,129,.09),var(--surface))}.result-status-success .result-status-symbol{color:#047857;background:rgba(16,185,129,.14)}.result-status-warning{background:linear-gradient(135deg,rgba(245,158,11,.09),var(--surface))}.result-status-warning .result-status-symbol{color:#b45309;background:rgba(245,158,11,.14)}.result-status-danger{background:linear-gradient(135deg,rgba(239,68,68,.08),var(--surface))}.result-status-danger .result-status-symbol{color:#b91c1c;background:rgba(239,68,68,.12)}.result-status-neutral{background:var(--surface-soft)}.result-status-neutral .result-status-symbol{color:var(--muted-strong);background:var(--surface)}
.result-indicator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-indicator{display:flex;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:.9rem;padding:.78rem}.result-indicator-symbol{display:grid;width:1.9rem;height:1.9rem;flex:0 0 auto;place-items:center;border-radius:999px;font-size:.68rem;font-weight:950}.result-indicator strong,.result-indicator span{display:block}.result-indicator strong{color:var(--text);font-size:.73rem}.result-indicator div span{margin-top:.12rem;color:var(--muted);font-size:.64rem}.result-indicator-success .result-indicator-symbol{color:#047857;background:rgba(16,185,129,.13)}.result-indicator-danger .result-indicator-symbol{color:#b91c1c;background:rgba(239,68,68,.12)}.result-indicator-neutral .result-indicator-symbol{color:var(--muted-strong);background:var(--surface-soft)}@media(min-width:700px){.result-indicator-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.result-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.result-score-grid>div{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.result-score-grid span,.result-score-grid small{display:block;color:var(--muted);font-size:.61rem}.result-score-grid strong{display:block;margin-top:.35rem;color:var(--text);font-size:1.3rem;font-weight:920}.result-score-grid .result-score-text{overflow:hidden;text-overflow:ellipsis;font-size:.82rem;white-space:nowrap}.result-score-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:700px){.result-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-score-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
.reputation-list{display:grid;gap:.5rem}.reputation-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:.8rem;padding:.72rem}.reputation-dot{width:.58rem;height:.58rem;border-radius:999px}.reputation-dot-success{background:#10b981}.reputation-dot-warning{background:#f59e0b}.reputation-dot-danger{background:#ef4444}.reputation-row strong,.reputation-row span,.reputation-row small{display:block}.reputation-row strong{color:var(--text);font-size:.72rem}.reputation-row div>span{margin-top:.15rem;color:var(--muted);font-size:.64rem}.reputation-row div>small{margin-top:.25rem;color:var(--muted);font-size:.59rem;line-height:1.45}.reputation-score{text-align:right;color:var(--text);font-size:.85rem;font-weight:900}.reputation-score small{font-size:.55rem!important;font-weight:650!important}.result-empty-list{border:1px dashed var(--line-strong);border-radius:.85rem;background:var(--surface-soft);padding:1rem;text-align:center}.result-empty-list strong{color:var(--text);font-size:.78rem}.result-empty-list p{margin-top:.35rem;color:var(--muted);font-size:.68rem;line-height:1.5}
.result-timeline{display:grid;gap:.35rem}.timeline-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.6rem;align-items:flex-start}.timeline-row>span{width:.58rem;height:.58rem;margin-top:.28rem;border-radius:999px;background:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}.timeline-row div{border-bottom:1px solid var(--line);padding-bottom:.55rem}.timeline-row:last-child div{border-bottom:0}.timeline-row strong{color:var(--text);font-size:.71rem;text-transform:capitalize}.timeline-row p{margin-top:.12rem;color:var(--muted);font-size:.64rem}.copy-chip-list{display:flex;flex-wrap:wrap;gap:.42rem}.copy-chip{display:inline-flex;max-width:100%;align-items:center;gap:.4rem;border:1px solid var(--line);border-radius:.65rem;background:var(--surface-soft);padding:.48rem .62rem;color:var(--text);font-family:var(--font-mono);font-size:.65rem;overflow-wrap:anywhere}.copy-chip span{color:var(--brand)}.muted-copy{color:var(--muted);font-size:.7rem}.entity-grid{display:grid;gap:.55rem}.entity-card{min-width:0;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.entity-card strong,.entity-card span,.entity-card code{display:block}.entity-card strong{color:var(--text);font-size:.73rem}.entity-card span{margin-top:.18rem;color:var(--muted);font-size:.63rem}.entity-card code{margin-top:.4rem;color:var(--brand-strong);font-family:var(--font-mono);font-size:.61rem}@media(min-width:700px){.entity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.address-result-grid{display:grid;gap:.65rem}.address-result-card{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.address-result-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem}.address-flag{font-size:1.35rem}.address-result-top div span,.address-result-top div strong{display:block}.address-result-top div span{color:var(--brand-strong);font-size:.57rem;font-weight:900}.address-result-top div strong{margin-top:.18rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem}.address-result-top button{color:var(--brand);font-size:.9rem}.address-result-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;margin-top:.7rem}.address-result-card .result-metric{padding:.55rem}.address-result-card>a{display:inline-block;margin-top:.7rem;color:var(--brand-strong);font-size:.65rem;font-weight:820}@media(min-width:700px){.address-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mail-timeline{position:relative;display:grid;gap:.75rem}.mail-timeline:before{content:"";position:absolute;left:.85rem;top:1rem;bottom:1rem;width:1px;background:var(--line)}.mail-hop{position:relative;display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:.65rem}.mail-hop-marker{z-index:1;display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:999px;color:white;background:var(--brand);font-size:.6rem;font-weight:900}.mail-hop-card{border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.72rem}.mail-hop-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem}.mail-hop-head strong{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem}.mail-hop-head button{color:var(--brand)}.mail-hop-card p{margin-top:.35rem;color:var(--text);font-size:.68rem;font-weight:750}.mail-hop-card small{display:block;margin-top:.18rem;color:var(--muted);font-size:.59rem}
.dns-record-groups{display:grid;gap:.75rem}.dns-record-group{border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--surface)}.dns-record-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line);background:var(--surface-soft);padding:.85rem}.dns-record-heading>div{display:flex;align-items:flex-start;gap:.65rem}.dns-type-badge{display:grid;min-width:2.4rem;height:2.1rem;place-items:center;border-radius:.6rem;color:var(--brand-strong);background:var(--brand-soft);font-family:var(--font-mono);font-size:.65rem;font-weight:900}.dns-record-heading h3{color:var(--text);font-size:.78rem;font-weight:850}.dns-record-heading p{margin-top:.18rem;color:var(--muted);font-size:.61rem;line-height:1.4}.dns-record-heading>strong{color:var(--muted);font-size:.68rem}.dns-record-list{display:grid}.dns-record-row{display:grid;gap:.55rem;border-bottom:1px solid var(--line);padding:.8rem}.dns-record-row:last-child{border-bottom:0}.dns-record-main{min-width:0}.dns-record-main span,.dns-record-main code{display:block}.dns-record-main span{color:var(--muted);font-size:.59rem}.dns-record-main code{margin-top:.25rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.7rem;line-height:1.5}.dns-record-meta{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.dns-record-meta span{color:var(--muted);font-size:.58rem}.dns-record-meta button{border-radius:.5rem;background:var(--brand-soft);padding:.38rem .55rem;color:var(--brand-strong);font-size:.59rem;font-weight:850}@media(min-width:700px){.dns-record-row{grid-template-columns:minmax(0,1fr) auto;align-items:center}.dns-record-meta{min-width:7rem;justify-content:flex-end}}
.technical-disclosure{border:1px solid var(--line);border-radius:1rem;background:var(--surface);overflow:hidden}.technical-disclosure summary{display:flex;cursor:pointer;list-style:none;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem}.technical-disclosure summary::-webkit-details-marker{display:none}.technical-disclosure summary strong,.technical-disclosure summary small{display:block}.technical-disclosure summary strong{color:var(--text);font-size:.73rem}.technical-disclosure summary small{margin-top:.15rem;color:var(--muted);font-size:.6rem}.technical-chevron{color:var(--brand);font-size:1.1rem;transition:.2s ease}.technical-disclosure[open] .technical-chevron{transform:rotate(180deg)}.technical-body{border-top:1px solid var(--line)}.technical-toolbar{display:flex;align-items:center;justify-content:space-between;background:var(--surface-soft);padding:.55rem .75rem;color:var(--muted);font-size:.62rem}.technical-toolbar button{color:var(--brand-strong);font-weight:850}.technical-body pre{max-height:25rem;overflow:auto;background:#0b1020;color:#dbeafe;padding:1rem;font-family:var(--font-mono);font-size:.67rem;line-height:1.58;white-space:pre-wrap;overflow-wrap:anywhere}
.browser-dashboard{display:grid;gap:1rem}.browser-identity-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:center;border:1px solid var(--line);border-radius:1.1rem;background:linear-gradient(135deg,var(--brand-soft),var(--surface));padding:1rem}.browser-identity-icon{display:grid;width:3.4rem;height:3.4rem;place-items:center;border-radius:1rem;color:var(--brand-strong);background:var(--surface);font-size:1.5rem;font-weight:900}.browser-identity-card h2{color:var(--text);font-size:1.15rem;font-weight:900}.browser-identity-card p{margin-top:.25rem;color:var(--muted);font-size:.75rem}.browser-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.browser-info-card{min-width:0;border:1px solid var(--line);border-radius:.9rem;background:var(--surface);padding:.8rem}.browser-info-card span{display:block;color:var(--muted);font-size:.59rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.browser-info-card strong{display:block;margin-top:.35rem;overflow-wrap:anywhere;color:var(--text);font-size:.76rem}.browser-raw{border:1px solid var(--line);border-radius:.9rem;background:var(--surface-soft);padding:.85rem}.browser-raw span{display:block;color:var(--muted);font-size:.6rem}.browser-raw code{display:block;margin-top:.45rem;overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.65rem;line-height:1.55}@media(min-width:700px){.browser-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.webrtc-dashboard{display:grid;gap:1rem}.webrtc-control-card{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;justify-content:space-between;border:1px solid var(--line);border-radius:1.1rem;background:var(--surface);padding:1rem}.webrtc-control-card h2{color:var(--text);font-size:1rem;font-weight:880}.webrtc-control-card p{margin-top:.3rem;color:var(--muted);font-size:.75rem;line-height:1.5}.webrtc-summary{display:flex;align-items:flex-start;gap:.7rem;border:1px solid var(--line);border-radius:1rem;padding:.9rem}.webrtc-summary>span{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:999px;font-weight:900}.webrtc-summary strong{color:var(--text);font-size:.76rem}.webrtc-summary p{margin-top:.25rem;color:var(--muted);font-size:.69rem;line-height:1.5}.webrtc-summary-success{background:rgba(16,185,129,.07)}.webrtc-summary-success>span{color:#047857;background:rgba(16,185,129,.14)}.webrtc-summary-warning{background:rgba(245,158,11,.07)}.webrtc-summary-warning>span{color:#b45309;background:rgba(245,158,11,.14)}.webrtc-results-modern{display:grid;gap:.55rem}.webrtc-result-modern{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border:1px solid var(--line);border-radius:.8rem;background:var(--surface-soft);padding:.7rem}.webrtc-result-modern code{overflow-wrap:anywhere;color:var(--text);font-family:var(--font-mono);font-size:.68rem}.webrtc-result-modern button{color:var(--brand-strong);font-size:.62rem;font-weight:850}@media(min-width:640px){.webrtc-control-card{flex-direction:row;align-items:center}}
.speed-dashboard{display:grid;gap:1rem}.speed-hero-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.25rem;background:linear-gradient(135deg,var(--brand-soft),var(--surface));padding:clamp(1.2rem,3vw,2rem);text-align:center}.speed-gauge{position:relative;display:grid;width:8rem;height:8rem;margin:auto;place-items:center;border-radius:999px;background:conic-gradient(var(--brand) 0 68%,var(--surface-soft) 68% 100%)}.speed-gauge:before{content:"";position:absolute;inset:.65rem;border-radius:inherit;background:var(--surface)}.speed-gauge span{position:relative;color:var(--brand-strong);font-size:2.1rem;font-weight:950}.speed-hero-card h2{margin-top:1.2rem;color:var(--text);font-size:1.35rem;font-weight:920}.speed-hero-card p{max-width:38rem;margin:.55rem auto 0;color:var(--muted);font-size:.8rem;line-height:1.6}.speed-tip-grid{display:grid;gap:.65rem}.speed-tip{border:1px solid var(--line);border-radius:.9rem;background:var(--surface);padding:.85rem}.speed-tip strong{color:var(--text);font-size:.76rem}.speed-tip p{margin-top:.25rem;color:var(--muted);font-size:.67rem;line-height:1.5}@media(min-width:700px){.speed-tip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.result-identity{grid-template-columns:auto minmax(0,1fr)}.result-identity .result-icon-button{grid-column:1/-1;width:100%}.result-metric-grid,.result-metric-grid-compact,.result-metric-grid-four,.result-score-grid,.result-score-grid-four{grid-template-columns:1fr}.result-indicator-grid{grid-template-columns:1fr}.tool-result-heading{align-items:flex-start}.tool-result-live{flex:0 0 auto}.result-action{flex:1 1 auto}.result-status-hero{grid-template-columns:1fr}.result-status-symbol{width:2.8rem;height:2.8rem}.technical-body pre{font-size:.61rem}.browser-card-grid{grid-template-columns:1fr}}
/* Release 8: right-to-left language refinements. */
[dir="rtl"] body{text-align:right}
[dir="rtl"] .language-menu{right:auto;left:0}
[dir="rtl"] .desktop-navigation,[dir="rtl"] .nav-actions,[dir="rtl"] .site-brand,[dir="rtl"] .footer-brand,[dir="rtl"] .language-option-name,[dir="rtl"] .ip-action-row,[dir="rtl"] .result-action-row{direction:rtl}
[dir="rtl"] .result-icon-button,[dir="rtl"] .tool-icon,[dir="rtl"] .country-flag-image{direction:ltr}
[dir="rtl"] input,[dir="rtl"] textarea,[dir="rtl"] code,[dir="rtl"] pre,[dir="rtl"] .ip-address,[dir="rtl"] [data-ip-value]{direction:ltr;text-align:left}
[dir="rtl"] .text-link svg,[dir="rtl"] .button-primary svg,[dir="rtl"] .button-secondary svg{transform:scaleX(-1)}

/* Release 9.3: mobile language stability, durable WHOIS reports and SEO content. */
.language-menu-panel{scrollbar-gutter:stable}
.language-menu-summary:focus-visible,.language-menu-link:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 24%,transparent);outline-offset:2px}
.seo-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;color:var(--muted);font-size:.78rem;font-weight:700}
.seo-breadcrumbs a{color:var(--brand-strong)}
.whois-query{overflow-wrap:anywhere}
.whois-report-shell{max-width:72rem}
.whois-summary-card{display:grid;gap:1.35rem;border:1px solid var(--line);border-radius:1.35rem;background:var(--surface);padding:clamp(1.15rem,3vw,1.8rem);box-shadow:var(--shadow-soft)}
.whois-summary-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem}.whois-summary-icon{display:grid;width:3.25rem;height:3.25rem;place-items:center;border-radius:1rem;background:var(--brand-soft);color:var(--brand-strong);font-size:1.7rem;font-weight:900}.whois-summary-main h2{margin-top:.5rem;color:var(--text);font-size:clamp(1.35rem,3vw,2rem);font-weight:920;overflow-wrap:anywhere}.whois-summary-main p{margin-top:.3rem;color:var(--muted);font-size:.82rem;overflow-wrap:anywhere}
.whois-fact-grid{display:grid;gap:.7rem}.whois-fact-grid>div{min-width:0;border:1px solid var(--line);border-radius:.85rem;background:var(--surface-soft);padding:.85rem}.whois-fact-grid dt{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.whois-fact-grid dd{margin-top:.35rem;color:var(--text);font-size:.86rem;font-weight:780;overflow-wrap:anywhere}
.whois-detail-grid,.whois-content-grid{display:grid;gap:1rem;margin-top:1rem}.whois-panel{padding:1.2rem}.whois-panel-heading span{color:var(--brand-strong);font-size:.66rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.whois-panel-heading h2{margin-top:.25rem;color:var(--text);font-size:1.1rem;font-weight:900}.whois-event-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;margin-top:.9rem}.whois-event-dot{width:.65rem;height:.65rem;margin-top:.35rem;border-radius:999px;background:var(--brand)}.whois-event-row strong{color:var(--text);font-size:.82rem}.whois-event-row p{margin-top:.2rem;color:var(--muted);font-size:.74rem}.whois-faq-card{padding:1.2rem}.whois-faq-card>h2{color:var(--text);font-size:1.15rem;font-weight:900}.whois-faq-card details{border-top:1px solid var(--line);padding:.85rem 0}.whois-faq-card details:first-of-type{margin-top:.65rem}.whois-faq-card summary{cursor:pointer;color:var(--text);font-size:.84rem;font-weight:800}.whois-faq-card p{margin-top:.55rem;color:var(--muted);font-size:.78rem;line-height:1.6}.tool-seo-copy{margin-top:1rem}
@media(min-width:700px){.whois-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whois-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.whois-content-grid{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.75fr)}}
@media(min-width:1024px){.whois-fact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){.nav-actions{gap:.32rem}.site-brand{font-size:1rem}.site-brand .brand-mark{width:2.2rem;height:2.2rem}.language-chevron{display:none}.whois-summary-main{grid-template-columns:1fr}.whois-summary-icon{width:2.8rem;height:2.8rem}}

/* V9.4 beginner guidance, permanent reports and security tables */
.tool-guide-list{display:grid;gap:.75rem;margin:.9rem 0 0;padding:0;list-style:none;counter-reset:guide}.tool-guide-list li{position:relative;padding-left:2rem;line-height:1.65;color:var(--muted);counter-increment:guide}.tool-guide-list li:before{content:counter(guide);position:absolute;left:0;top:.08rem;display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand);font-size:.72rem;font-weight:900}.tool-faq-section{margin-top:1.5rem}.tool-faq-list{display:grid;gap:.75rem;margin-top:1rem}.tool-faq-list details{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:0 1rem}.tool-faq-list summary{cursor:pointer;padding:1rem 2rem 1rem 0;font-weight:800;position:relative}.tool-faq-list summary:after{content:'+';position:absolute;right:0;top:.95rem;color:var(--brand);font-size:1.2rem}.tool-faq-list details[open] summary:after{content:'−'}.tool-faq-list details p{padding:0 0 1rem;color:var(--muted);line-height:1.7}.result-status-neutral{background:color-mix(in srgb,var(--surface) 94%,#64748b 6%);border-color:color-mix(in srgb,var(--line) 65%,#64748b 35%)}.result-status-neutral .result-status-symbol{background:#64748b;color:#fff}.admin-page table th,.admin-page table td{vertical-align:top}@media(max-width:640px){.tool-faq-list summary{font-size:.96rem}.tool-guide-list li{padding-left:1.8rem}.whois-query{overflow-wrap:anywhere}}
.result-evidence-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.result-evidence-list li{position:relative;border-radius:.8rem;background:var(--surface-soft);padding:.72rem .8rem .72rem 1.75rem;color:var(--muted-strong);font-size:.8rem;line-height:1.6}.result-evidence-list li:before{content:"✓";position:absolute;left:.7rem;top:.73rem;color:var(--success);font-weight:900}
/* V10 phases 1-3: accessible foundations, visitor tools and widget center. */
.skip-link {
    position: fixed;
    z-index: 9999;
    top: .75rem;
    left: .75rem;
    transform: translateY(-180%);
    border-radius: .7rem;
    background: var(--text);
    color: var(--surface);
    padding: .75rem 1rem;
    font-weight: 850;
    box-shadow: var(--shadow);
    transition: transform .16s ease;
}
.skip-link:focus { transform: translateY(0); }

.connection-more-link {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: 1rem;
    color: var(--brand-strong);
    font-size: .82rem;
    font-weight: 850;
    text-decoration: none;
}
.connection-more-link:hover { text-decoration: underline; text-underline-offset: .2rem; }

/* Shared content headings. */
.section-heading,
.tool-content-heading {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: .7rem 1.2rem;
}
.section-heading h2,
.tool-content-heading h2 {
    color: var(--text);
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    font-weight: 920;
    letter-spacing: -.025em;
    line-height: 1.16;
}
.tool-content-heading > p:last-child,
.tools-section-intro,
.widget-gallery-intro {
    max-width: 42rem;
    color: var(--muted);
    font-size: .86rem;
    line-height: 1.65;
}

/* Visitor tool pages. */
.tool-page-hero,
.tools-index-hero,
.widget-hero {
    border-bottom: 1px solid var(--line);
    background:
        radial-gradient(circle at 12% 15%, color-mix(in srgb, var(--brand) 12%, transparent), transparent 31rem),
        linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, var(--brand-soft) 8%), var(--page));
}
.tool-page-hero-inner,
.tools-index-hero-inner,
.widget-hero-grid {
    display: grid;
    gap: 1.5rem;
    padding-block: clamp(2.1rem, 5vw, 4.2rem);
}
.tool-page-heading { max-width: 52rem; }
.tool-page-eyebrow,
.widget-hero-eyebrow { margin-top: 1.1rem; }
.tool-page-heading h1,
.tools-index-hero h1,
.widget-hero h1 {
    margin-top: .8rem;
    color: var(--text);
    font-size: clamp(2.05rem, 5vw, 4.2rem);
    line-height: 1.02;
    letter-spacing: -.055em;
    font-weight: 950;
    text-wrap: balance;
}
.tool-page-heading > p,
.tools-index-hero-inner > div:first-child > p,
.widget-hero-grid > div:first-child > p {
    max-width: 48rem;
    margin-top: 1rem;
    color: var(--muted-strong);
    font-size: clamp(.98rem, 1.6vw, 1.15rem);
    line-height: 1.72;
}
.tool-privacy-note {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    border: 1px solid var(--line);
    border-radius: 1.1rem;
    background: color-mix(in srgb, var(--surface) 92%, transparent);
    padding: 1rem;
    box-shadow: var(--shadow-soft);
}
.tool-privacy-icon {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .8rem;
    background: var(--success-soft);
    color: var(--success);
}
.tool-privacy-note strong { display: block; color: var(--text); font-size: .86rem; }
.tool-privacy-note span:not(.tool-privacy-icon) { display: block; margin-top: .25rem; color: var(--muted); font-size: .76rem; line-height: 1.55; }
.tool-workspace-section { padding-block: clamp(1.4rem, 3vw, 3rem) clamp(3rem, 7vw, 6rem); }
.tool-workspace-grid { display: grid; gap: 1.2rem; align-items: start; }
.tool-main-column { min-width: 0; display: grid; gap: 1.15rem; }
.tool-query-card,
.tool-result-stage,
.tool-explainer-card,
.tool-sidebar-card,
.tool-check-card,
.tool-next-card,
.tool-article-card {
    border: 1px solid var(--line);
    background: var(--surface);
    box-shadow: var(--shadow-soft);
}
.tool-query-card { border-radius: 1.3rem; padding: clamp(1rem, 2.5vw, 1.5rem); }
.tool-query-form { display: grid; gap: 1rem; }
.tool-query-copy,
.tool-result-heading > div,
.tool-section-heading {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
}
.tool-query-step,
.tool-result-step,
.widget-step {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .72rem;
    background: var(--brand-soft);
    color: var(--brand-strong);
    font-size: .76rem;
    font-weight: 950;
}
.tool-query-copy h2,
.tool-result-heading h2 { color: var(--text); font-size: 1.05rem; font-weight: 900; }
.tool-query-copy p { margin-top: .2rem; color: var(--muted); font-size: .78rem; line-height: 1.5; }
.tool-input-row { display: grid; gap: .75rem; }
.tool-input-wrap { min-width: 0; }
.tool-input,
.tool-textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--line-strong);
    border-radius: .85rem;
    background: var(--surface-soft);
    color: var(--text);
    padding: .82rem .9rem;
    font: inherit;
    line-height: 1.45;
}
.tool-textarea { min-height: 9rem; resize: vertical; }
.tool-input:focus,
.tool-textarea:focus { border-color: var(--brand); background: var(--surface); outline: 3px solid color-mix(in srgb, var(--brand) 15%, transparent); }
.tool-run-button {
    display: inline-flex;
    min-height: 3rem;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    border: 0;
    border-radius: .85rem;
    background: linear-gradient(135deg, var(--brand), var(--accent));
    color: #fff;
    padding: .8rem 1.15rem;
    font-weight: 900;
    box-shadow: 0 10px 24px color-mix(in srgb, var(--brand) 24%, transparent);
}
.tool-loading { display: none; }
.tool-query-form.is-loading .tool-idle { display: none; }
.tool-query-form.is-loading .tool-loading { display: inline-flex; align-items: center; gap: .45rem; }
.tool-spinner { width: .9rem; height: .9rem; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 999px; animation: wmip-spin .7s linear infinite; }
@keyframes wmip-spin { to { transform: rotate(360deg); } }
.tool-error:empty { display: none; }
.tool-result-stage { border-radius: 1.3rem; padding: clamp(1rem, 2.5vw, 1.5rem); }
.tool-result-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.tool-result-kicker { color: var(--muted); font-size: .66rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.tool-result-live { display: inline-flex; align-items: center; gap: .42rem; border-radius: 999px; background: var(--success-soft); color: var(--success); padding: .4rem .65rem; font-size: .68rem; font-weight: 850; }
.tool-result-live > span { width: .45rem; height: .45rem; border-radius: 999px; background: currentColor; }
.tool-empty-state { padding: clamp(2rem, 6vw, 4rem) 1rem; text-align: center; }
.tool-empty-icon { display: grid; width: 3.5rem; height: 3.5rem; margin-inline: auto; place-items: center; border-radius: 1.1rem; background: var(--surface-soft); color: var(--brand-strong); }
.tool-empty-state h3 { margin-top: .9rem; color: var(--text); font-size: 1.15rem; font-weight: 900; }
.tool-empty-state p { max-width: 37rem; margin: .45rem auto 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }
.tool-visual-result:not(:empty) { margin-top: 1rem; }
.tool-understand-section,
.tool-next-section,
.tool-article-section { padding-block: .5rem; }
.tool-check-grid,
.tool-next-grid,
.tool-article-grid { display: grid; gap: .8rem; margin-top: 1rem; }
.tool-check-card { display: flex; align-items: flex-start; gap: .75rem; border-radius: .95rem; padding: .9rem; }
.tool-check-card > span { color: var(--brand-strong); font-family: var(--font-mono); font-size: .72rem; font-weight: 900; }
.tool-check-card p { color: var(--muted-strong); font-size: .8rem; line-height: 1.55; }
.tool-explainer-grid { display: grid; gap: .9rem; }
.tool-explainer-card { border-radius: 1.15rem; padding: 1.15rem; }
.tool-explainer-number { color: var(--brand-strong); font-size: .68rem; font-weight: 950; letter-spacing: .12em; }
.tool-explainer-card h2 { margin-top: .4rem; color: var(--text); font-size: 1.05rem; font-weight: 900; }
.tool-explainer-card > p { margin-top: .7rem; color: var(--muted); font-size: .82rem; line-height: 1.7; }
.tool-next-card,
.tool-article-card { display: block; border-radius: 1rem; padding: 1rem; text-decoration: none; transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease; }
.tool-next-card:hover,
.tool-article-card:hover { transform: translateY(-2px); border-color: color-mix(in srgb, var(--brand) 40%, var(--line)); box-shadow: var(--shadow); }
.tool-next-icon { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .7rem; background: var(--brand-soft); color: var(--brand-strong); }
.tool-next-card strong,
.tool-article-card strong { display: block; margin-top: .7rem; color: var(--text); font-size: .9rem; font-weight: 900; }
.tool-next-card p,
.tool-article-card p { margin-top: .35rem; color: var(--muted); font-size: .76rem; line-height: 1.55; }
.tool-article-card > span { color: var(--brand-strong); font-size: .65rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tool-article-card em { display: inline-flex; align-items: center; gap: .3rem; margin-top: .8rem; color: var(--brand-strong); font-size: .72rem; font-style: normal; font-weight: 850; }
.tool-sidebar-column { min-width: 0; display: grid; gap: 1rem; }
.tool-sidebar-card { border-radius: 1.15rem; padding: 1rem; }
.tool-sidebar-eyebrow { color: var(--brand-strong); font-size: .65rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.tool-sidebar-card h2 { margin-top: .35rem; color: var(--text); font-size: 1rem; font-weight: 900; }
.tool-related-list { display: grid; gap: .35rem; margin-top: .8rem; }
.tool-related-list a { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .55rem; border-radius: .7rem; color: var(--muted-strong); padding: .65rem; font-size: .76rem; font-weight: 760; text-decoration: none; }
.tool-related-list a:hover { background: var(--surface-soft); color: var(--brand-strong); }
.tool-sidebar-tip { display: flex; align-items: flex-start; gap: .7rem; }
.tool-sidebar-tip-icon { display: grid; width: 2rem; height: 2rem; flex: 0 0 auto; place-items: center; border-radius: 999px; background: var(--warning-soft); color: var(--warning); font-weight: 950; }
.tool-sidebar-tip p { margin-top: .35rem; color: var(--muted); font-size: .76rem; line-height: 1.55; }

/* Widget promotion card shared by tools and index. */
.widget-promo-card {
    display: grid;
    gap: 1.1rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--brand) 24%, var(--line));
    border-radius: 1.3rem;
    background: linear-gradient(135deg, var(--surface), color-mix(in srgb, var(--brand-soft) 78%, var(--surface)));
    padding: clamp(1rem, 2.5vw, 1.5rem);
    box-shadow: var(--shadow-soft);
}
.widget-promo-visual {
    display: grid;
    align-content: center;
    min-height: 9rem;
    border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--line));
    border-radius: 1rem;
    background: var(--surface);
    padding: 1rem;
    text-align: center;
    box-shadow: 0 12px 28px rgba(39,47,82,.08);
}
.widget-promo-visual span,
.widget-promo-visual small { color: var(--muted); font-size: .7rem; }
.widget-promo-visual strong { margin-block: .45rem; color: var(--brand-strong); font-family: var(--font-mono); font-size: clamp(1rem, 4vw, 1.55rem); overflow-wrap: anywhere; }
.widget-promo-copy h2 { margin-top: .35rem; color: var(--text); font-size: clamp(1.1rem, 2vw, 1.45rem); font-weight: 920; line-height: 1.2; }
.widget-promo-copy > p:not(.tool-sidebar-eyebrow) { margin-top: .55rem; color: var(--muted); font-size: .82rem; line-height: 1.65; }
.widget-promo-copy ul { display: grid; gap: .35rem; margin: .7rem 0 0; padding: 0; list-style: none; }
.widget-promo-copy li { position: relative; padding-left: 1.25rem; color: var(--muted-strong); font-size: .75rem; }
.widget-promo-copy li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: 950; }
.widget-promo-button { margin-top: .9rem; width: 100%; justify-content: center; }
.widget-promo-live { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; margin: .25rem auto 0; border-radius: 999px; background: var(--success-soft); color: var(--success); padding: .3rem .55rem; font-size: .62rem; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; }
.widget-promo-live i { width: .45rem; height: .45rem; border-radius: 999px; background: currentColor; box-shadow: 0 0 0 .2rem color-mix(in srgb, currentColor 15%, transparent); }
.widget-promo-card-compact { padding: .85rem; gap: .8rem; }
.widget-promo-card-compact .widget-promo-visual { min-height: 7.7rem; padding: .8rem; }
.widget-promo-card-compact .widget-promo-visual strong { font-size: clamp(.86rem, 2.2vw, 1.15rem); }
.widget-promo-card-compact .widget-promo-copy h2 { font-size: 1rem; }


/* Tools landing page. */
.tools-index-search-card { border: 1px solid var(--line); border-radius: 1.2rem; background: var(--surface); padding: 1.1rem; box-shadow: var(--shadow-soft); }
.tools-index-search-card > strong { color: var(--text); font-size: .95rem; }
.tools-index-search-card > p { margin-top: .3rem; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.tools-index-search-card .search-bar { margin-top: .8rem; }
.tools-index-section { padding-block: clamp(2rem, 5vw, 4.5rem); }
.tools-index-section + .tools-index-section { border-top: 1px solid var(--line); }
.tools-index-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; margin-top: 1.25rem; }
.tools-help-section .prose-panel { max-width: 62rem; margin-inline: auto; }

/* Widget center. */
.widget-hero-example {
    align-self: center;
    border: 1px solid color-mix(in srgb, var(--brand) 23%, var(--line));
    border-radius: 1.25rem;
    background: var(--surface);
    padding: 1.15rem;
    box-shadow: var(--shadow-soft);
}
.widget-hero-example-badge { display: inline-flex; border-radius: 999px; background: var(--brand-soft); color: var(--brand-strong); padding: .35rem .6rem; font-size: .65rem; font-weight: 900; text-transform: uppercase; letter-spacing: .07em; }
.widget-hero-example h2 { margin-top: .75rem; color: var(--text); font-size: 1.15rem; font-weight: 920; }
.widget-hero-example p { margin-top: .45rem; color: var(--muted); font-size: .8rem; line-height: 1.65; }
.widget-benefit-row { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: 1.1rem; }
.widget-benefit-row span { display: inline-flex; align-items: center; gap: .35rem; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--muted-strong); padding: .4rem .65rem; font-size: .68rem; font-weight: 800; }
.widget-builder-section,
.widget-gallery-section,
.widget-how-section,
.widget-explanation-grid,
.widget-faq-section { margin-block: clamp(1.3rem, 4vw, 3.5rem); }
.widget-builder { display: grid; gap: 1rem; align-items: start; }
.widget-controls-card,
.widget-preview-card,
.widget-code-card {
    min-width: 0;
    border: 1px solid var(--line);
    border-radius: 1.25rem;
    background: var(--surface);
    padding: clamp(1rem, 2.5vw, 1.4rem);
    box-shadow: var(--shadow-soft);
}
.widget-controls-card { display: grid; gap: 1rem; }
.widget-preview-column { min-width: 0; display: grid; gap: 1rem; }
.widget-section-heading { display: flex; align-items: flex-start; gap: .75rem; }
.widget-section-heading > div { min-width: 0; }
.widget-section-heading p { color: var(--muted); font-size: .65rem; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.widget-section-heading h2 { margin-top: .2rem; color: var(--text); font-size: 1.05rem; font-weight: 920; }
.widget-control-group { min-width: 0; margin: 0; padding: 0; border: 0; }
.widget-control-group legend,
.widget-control-group > label:first-child { margin-bottom: .5rem; color: var(--muted-strong); font-size: .78rem; font-weight: 850; }
.widget-control-help { margin-top: .4rem; color: var(--muted); font-size: .69rem; line-height: 1.5; }
.widget-segmented-control { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .35rem; border-radius: .85rem; background: var(--surface-soft); padding: .3rem; }
.widget-segmented-control label { margin: 0; }
.widget-segmented-control input { position: absolute; opacity: 0; pointer-events: none; }
.widget-segmented-control span { display: block; border-radius: .62rem; color: var(--muted); padding: .62rem .45rem; text-align: center; font-size: .73rem; font-weight: 850; cursor: pointer; }
.widget-segmented-control input:checked + span { background: var(--surface); color: var(--brand-strong); box-shadow: 0 4px 14px rgba(39,47,82,.08); }
.widget-segmented-control input:focus-visible + span { outline: 3px solid color-mix(in srgb,var(--brand) 40%,transparent); }
.widget-toggle-list { display: grid; gap: .55rem; }
.widget-toggle { display: grid; grid-template-columns: auto minmax(0,1fr); gap: .65rem; align-items: start; margin: 0; border: 1px solid var(--line); border-radius: .8rem; padding: .7rem; cursor: pointer; }
.widget-toggle input { width: 1.05rem; height: 1.05rem; margin-top: .1rem; accent-color: var(--brand); }
.widget-toggle strong,
.widget-toggle small { display: block; }
.widget-toggle strong { color: var(--text); font-size: .76rem; }
.widget-toggle small { margin-top: .18rem; color: var(--muted); font-size: .66rem; line-height: 1.4; }
.widget-toggle.is-disabled { opacity: .48; cursor: not-allowed; }
.widget-copy-main { width: 100%; justify-content: center; }
.widget-copy-status { min-height: 1.2em; color: var(--success); font-size: .7rem; text-align: center; }
.widget-preview-heading { flex-wrap: wrap; }
.widget-preview-dimensions { margin-left: auto; border-radius: 999px; background: var(--surface-soft); color: var(--muted); padding: .35rem .55rem; font-family: var(--font-mono); font-size: .64rem; font-weight: 800; }
.widget-preview-toolbar { display: flex; flex-wrap: wrap; gap: .35rem; margin-top: .9rem; }
.widget-preview-toolbar button { border: 1px solid var(--line); border-radius: 999px; background: var(--surface-soft); color: var(--muted); padding: .45rem .7rem; font-size: .68rem; font-weight: 850; }
.widget-preview-toolbar button.is-active { border-color: var(--brand); background: var(--brand-soft); color: var(--brand-strong); }
.widget-preview-canvas {
    display: grid;
    min-height: 22rem;
    margin-top: .75rem;
    place-items: center;
    overflow: auto;
    border: 1px dashed var(--line-strong);
    border-radius: 1rem;
    background:
        linear-gradient(45deg, color-mix(in srgb,var(--line) 35%,transparent) 25%, transparent 25%) 0 0/18px 18px,
        linear-gradient(-45deg, color-mix(in srgb,var(--line) 35%,transparent) 25%, transparent 25%) 0 9px/18px 18px,
        var(--surface-soft);
    padding: 1rem;
    scrollbar-gutter: stable;
}
.widget-preview-canvas[data-viewport="tablet"] .widget-preview-frame-wrap { max-width: 48rem; }
.widget-preview-canvas[data-viewport="mobile"] .widget-preview-frame-wrap { max-width: 24rem; }
.widget-preview-frame-wrap { display: grid; width: 100%; place-items: center; }
.widget-preview-frame-wrap iframe { display: block; max-width: 100%; border: 0; border-radius: 1rem; background: transparent; }
.widget-preview-note,
.widget-code-help { margin-top: .7rem; color: var(--muted); font-size: .7rem; line-height: 1.55; }
.widget-code-toolbar { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-top: .9rem; }
.widget-code-toolbar span { color: var(--muted-strong); font-size: .74rem; font-weight: 850; }
.widget-code-toolbar button { border-radius: .65rem; background: var(--brand-soft); color: var(--brand-strong); padding: .45rem .65rem; font-size: .68rem; font-weight: 850; }
.widget-code { max-width: 100%; margin-top: .7rem; overflow: auto; border-radius: .8rem; background: #0c1224; color: #d9e2ff; padding: .85rem; font-family: var(--font-mono); font-size: .66rem; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.widget-preset-grid,
.widget-guide-grid,
.widget-explanation-grid,
.widget-faq-grid { display: grid; gap: .85rem; margin-top: 1rem; }
.widget-preset-card { display: grid; grid-template-columns: minmax(7rem,.75fr) minmax(0,1fr); align-items: center; gap: .8rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--surface); padding: .75rem; text-align: left; box-shadow: var(--shadow-soft); }
.widget-preset-card:hover { border-color: color-mix(in srgb,var(--brand) 40%,var(--line)); transform: translateY(-1px); }
.widget-preset-visual { display: grid; min-height: 5.5rem; align-content: center; border-radius: .75rem; background: #fff; color: #111827; padding: .65rem; text-align: center; box-shadow: inset 0 0 0 1px rgba(15,23,42,.1); }
.widget-preset-visual-dark { background: #10172a; color: #f8fafc; }
.widget-preset-visual small,
.widget-preset-visual em { font-size: .57rem; opacity: .68; font-style: normal; }
.widget-preset-visual strong { margin-block: .25rem; font-family: var(--font-mono); font-size: .8rem; overflow-wrap: anywhere; }
.widget-preset-card > span:last-child strong,
.widget-preset-card > span:last-child small { display: block; }
.widget-preset-card > span:last-child strong { color: var(--text); font-size: .82rem; }
.widget-preset-card > span:last-child small { margin-top: .25rem; color: var(--muted); font-size: .66rem; }
.widget-guide-card { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 1rem; background: var(--surface); padding: 1rem; box-shadow: var(--shadow-soft); }
.widget-guide-card > span { color: var(--brand-strong); font-family: var(--font-mono); font-size: .7rem; font-weight: 950; }
.widget-guide-card h3 { margin-top: .5rem; color: var(--text); font-size: .95rem; font-weight: 900; }
.widget-guide-card p { margin-top: .35rem; color: var(--muted); font-size: .75rem; line-height: 1.6; }
.widget-platform-guides { display: grid; gap: .65rem; margin-top: 1rem; }
.widget-platform-guides details,
.widget-faq-grid details { border: 1px solid var(--line); border-radius: .9rem; background: var(--surface); padding-inline: .9rem; }
.widget-platform-guides summary,
.widget-faq-grid summary { cursor: pointer; color: var(--text); padding-block: .85rem; font-size: .8rem; font-weight: 850; }
.widget-platform-guides details > div,
.widget-faq-grid details > p { padding-bottom: .9rem; color: var(--muted); font-size: .75rem; line-height: 1.65; }
.widget-platform-guides details > div p + p { margin-top: .5rem; }
.widget-explanation-grid { margin-inline: auto; }
.widget-explanation-grid .prose-panel { min-width: 0; }
.widget-faq-section { padding: clamp(1rem, 2.5vw, 1.5rem); }

/* Language and navigation resilience. */
.language-menu-panel { max-height: min(70vh, 34rem); overflow-y: auto; overscroll-behavior: contain; }
.mobile-menu-panel { max-height: calc(100dvh - 5rem); overflow-y: auto; overscroll-behavior: contain; }

@media (min-width: 640px) {
    .tool-input-row:not(.tool-input-row-stacked) { grid-template-columns: minmax(0,1fr) auto; align-items: end; }
    .tool-run-button { min-width: 9.5rem; }
    .tool-check-grid,
    .tool-next-grid,
    .tool-article-grid,
    .widget-guide-grid,
    .widget-faq-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .widget-promo-card:not(.widget-promo-card-compact) { grid-template-columns: minmax(12rem,.7fr) minmax(0,1.3fr); align-items: center; }
    .tools-index-grid-small { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .widget-preset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 760px) {
    .tool-explainer-grid,
    .widget-explanation-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .widget-hero-grid { grid-template-columns: minmax(0,1.4fr) minmax(18rem,.6fr); align-items: center; }
}
@media (min-width: 900px) {
    .tool-page-hero-inner { grid-template-columns: minmax(0,1.55fr) minmax(18rem,.6fr); align-items: end; }
    .tools-index-hero-inner { grid-template-columns: minmax(0,1.4fr) minmax(20rem,.65fr); align-items: center; }
    .widget-builder { grid-template-columns: minmax(17rem,.62fr) minmax(0,1.38fr); }
    .widget-controls-card { position: sticky; top: 5.6rem; }
    .widget-faq-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (min-width: 1040px) {
    .tool-workspace-grid { grid-template-columns: minmax(0,1fr) minmax(17rem,20rem); gap: 1.35rem; }
    .tool-sidebar-column { position: sticky; top: 5.6rem; }
    .tool-check-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .tools-index-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .tools-index-grid-small { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .widget-preset-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (min-width: 1320px) {
    .tool-workspace-grid { grid-template-columns: minmax(0,1fr) 21rem; gap: 1.7rem; }
}
@media (max-width: 767px) {
    .tool-page-hero-inner,
    .tools-index-hero-inner,
    .widget-hero-grid { padding-block: 2rem 2.4rem; }
    .tool-page-heading h1,
    .tools-index-hero h1,
    .widget-hero h1 { font-size: clamp(2rem, 11vw, 3rem); }
    .section-heading,
    .tool-content-heading { align-items: flex-start; flex-direction: column; }
    .widget-preview-canvas { min-height: 18rem; padding: .75rem; }
    .widget-controls-card,
    .widget-preview-card,
    .widget-code-card { border-radius: 1rem; }
}
@media (max-width: 639px) {
    .tools-index-grid { grid-template-columns: 1fr; }
    .widget-preset-card { grid-template-columns: 7.3rem minmax(0,1fr); }
    .tool-result-heading { align-items: flex-start; flex-direction: column; }
    .tool-result-live { align-self: flex-start; }
    .widget-preview-dimensions { margin-left: 0; }
    .widget-preview-toolbar { width: 100%; }
    .widget-preview-toolbar button { flex: 1 1 0; }
    .widget-preview-canvas[data-viewport] .widget-preview-frame-wrap { max-width: 100%; }
}
@media (max-width: 420px) {
    .container-shell { width: min(100% - 1rem, 76rem); }
    .tool-query-card,
    .tool-result-stage,
    .widget-controls-card,
    .widget-preview-card,
    .widget-code-card,
    .widget-faq-section { padding: .85rem; }
    .widget-preset-card { grid-template-columns: 1fr; }
    .widget-preset-visual { min-height: 5rem; }
    .widget-benefit-row span { width: 100%; justify-content: center; }
    .widget-code-toolbar { align-items: stretch; flex-direction: column; }
    .widget-code-toolbar button { width: 100%; }
}
@media (max-width: 340px) {
    .container-shell { width: min(100% - .75rem, 76rem); }
    .tool-page-heading h1,
    .tools-index-hero h1,
    .widget-hero h1 { font-size: 1.85rem; }
    .widget-segmented-control { grid-template-columns: 1fr; }
    .widget-preview-toolbar { display: grid; grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}
[dir="rtl"] .tool-guide-list li,
[dir="rtl"] .widget-promo-copy li { padding-left: 0; padding-right: 1.8rem; }
[dir="rtl"] .tool-guide-list li::before,
[dir="rtl"] .widget-promo-copy li::before { left: auto; right: 0; }
[dir="rtl"] .tool-related-list a svg:last-child { transform: scaleX(-1); }
[dir="rtl"] .widget-preset-card { text-align: right; }

/* V10 responsive QA corrections. */
.language-menu:not([open]) > .language-menu-panel,
.mobile-navigation:not([open]) > .mobile-menu { display: none !important; }
.widget-preview-canvas { scrollbar-gutter: stable both-edges; }
.widget-code-toolbar button { min-height: 2.25rem; }
@media (max-width: 340px) {
    .site-nav { gap: .35rem; }
    .site-brand { gap: .42rem; font-size: .92rem; }
    .site-brand .brand-mark { width: 2rem; height: 2rem; }
    .nav-actions { gap: .22rem; }
    .nav-actions .icon-button,
    .language-menu-summary { width: 2.35rem; min-width: 2.35rem; height: 2.35rem; min-height: 2.35rem; padding: .4rem !important; }
}

/* Article V10 related-guide footer and readable research elements. */
.article-detail-hero { position:relative; overflow:hidden; border-bottom:1px solid var(--line); background:radial-gradient(circle at 82% 18%,var(--brand-soft),transparent 34%),linear-gradient(180deg,var(--surface),var(--surface-soft)); padding:clamp(3.25rem,7vw,6.5rem) 0 clamp(2.75rem,6vw,5rem); }
.article-detail-hero::after { position:absolute; inset:auto -8rem -12rem auto; width:25rem; height:25rem; border:1px solid color-mix(in srgb,var(--brand) 13%,transparent); border-radius:999px; content:""; pointer-events:none; }
.article-detail-back { display:inline-flex; align-items:center; color:var(--muted); font-size:.82rem; font-weight:800; text-decoration:none; }
.article-detail-back:hover { color:var(--brand-strong); }
.article-detail-title { max-width:58rem; margin-top:1rem; color:var(--text); font-size:clamp(2.25rem,6vw,4.8rem); font-weight:950; letter-spacing:-.045em; line-height:1.02; text-wrap:balance; }
.article-detail-description { max-width:48rem; margin-top:1.25rem; color:var(--muted-strong); font-size:clamp(1rem,2vw,1.2rem); line-height:1.75; text-wrap:pretty; }
.article-detail-byline { margin-top:1.25rem; color:var(--muted); font-size:.82rem; font-weight:700; }
.article-detail-section { padding-block:clamp(2rem,5vw,4rem); }
.article-detail-layout { display:grid; gap:1.5rem; align-items:start; }
.article-toc-card,.article-side-card { border:1px solid var(--line); border-radius:1.1rem; background:var(--surface); padding:1.15rem; box-shadow:var(--shadow-soft); }
.article-toc-card { position:sticky; top:6.5rem; max-height:calc(100dvh - 8rem); overflow:auto; }
.article-toc-card a { display:block; border-radius:.55rem; padding:.32rem .45rem; color:var(--muted-strong); line-height:1.45; text-decoration:none; }
.article-toc-card a:hover { color:var(--brand-strong); background:var(--brand-soft); }
.article-detail-side-column { position:sticky; top:6.5rem; }
.article-side-card .side-link { display:block; }
.article-tool-links { display:grid; gap:.55rem; }
.article-tool-link { display:grid; grid-template-columns:2rem minmax(0,1fr) 1rem; gap:.65rem; align-items:center; min-width:0; border:1px solid transparent; border-radius:.8rem; padding:.55rem .6rem; color:var(--muted-strong); font-size:.84rem; font-weight:800; line-height:1.3; text-decoration:none; transition:border-color .18s ease,background-color .18s ease,color .18s ease,transform .18s ease; }
.article-tool-link:hover { border-color:color-mix(in srgb,var(--brand) 28%,var(--line)); background:var(--brand-soft); color:var(--brand-strong); transform:translateY(-1px); }
.article-tool-icon { display:grid; width:2rem; height:2rem; place-items:center; border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line)); border-radius:.65rem; background:var(--surface-soft); color:var(--brand); }
.article-tool-arrow { opacity:.55; transition:transform .18s ease,opacity .18s ease; }
.article-tool-link:hover .article-tool-arrow { opacity:1; transform:translateX(.15rem); }
[dir="rtl"] .article-tool-link:hover .article-tool-arrow { transform:rotate(180deg) translateX(.15rem); }
[dir="rtl"] .article-tool-arrow { transform:rotate(180deg); }
.article-mobile-toc { margin-bottom:1.25rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); box-shadow:var(--shadow-soft); }
.article-mobile-toc summary { cursor:pointer; padding:1rem 1.1rem; color:var(--text); font-weight:850; }
.article-mobile-toc ol { display:grid; gap:.4rem; border-top:1px solid var(--line); padding:1rem 1.1rem; font-size:.88rem; }
.article-mobile-toc li.is-child { padding-inline-start:1rem; }
.article-mobile-toc a { color:var(--muted-strong); text-decoration:none; }
.article-detail-content { min-width:0; padding:clamp(1.25rem,3vw,2.5rem); font-size:clamp(1rem,1.2vw,1.08rem); line-height:1.85; }
.article-detail-content > :first-child { margin-top:0; }
.article-detail-content h2,.article-detail-content h3 { scroll-margin-top:7rem; text-wrap:balance; }
.article-detail-content h2 { padding-top:.25rem; font-size:clamp(1.5rem,3vw,2rem); line-height:1.22; }
.article-detail-content h3 { font-size:clamp(1.18rem,2.2vw,1.4rem); line-height:1.3; }
.article-detail-content p,.article-detail-content li { text-wrap:pretty; }
.article-detail-content ul,.article-detail-content ol { display:grid; gap:.45rem; }
.article-detail-content blockquote { margin:1.6rem 0; border-inline-start:.3rem solid var(--brand); border-radius:.2rem .8rem .8rem .2rem; background:var(--brand-soft); padding:1rem 1.2rem; color:var(--text); font-weight:650; }
.article-detail-content pre { margin:1.5rem 0; border-radius:.9rem; background:#0b1020; padding:1.1rem; color:#d9e2ff; line-height:1.65; }
.article-detail-content pre code { background:transparent; padding:0; color:inherit; }
.article-detail-content table { display:block; width:100%; margin:1.5rem 0; overflow-x:auto; border-collapse:collapse; font-size:.9rem; }
.article-detail-content th,.article-detail-content td { border:1px solid var(--line); padding:.7rem .8rem; text-align:start; }
.article-detail-content th { background:var(--surface-soft); color:var(--text); }
.article-detail-content img { border:1px solid var(--line); box-shadow:var(--shadow-soft); }
.article-detail-pagination { display:grid; gap:.8rem; margin-top:1.5rem; }
.article-detail-pagination .tool-card { min-height:100%; }
@media(max-width:1023px){.article-detail-toc-column{display:none}.article-detail-side-column{position:static}.article-detail-layout{grid-template-columns:minmax(0,1fr)}.article-detail-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.article-detail-side-column .article-side-card{margin-top:0}.article-mobile-toc{display:block}}
@media(min-width:1024px){.article-mobile-toc{display:none}.article-detail-layout.has-toc{grid-template-columns:14rem minmax(0,1fr) 16rem}.article-detail-layout.without-toc{grid-template-columns:minmax(0,1fr) 17rem}.article-detail-pagination{grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:auto;max-width:58rem}}
@media(max-width:639px){.article-detail-side-column{grid-template-columns:1fr}.article-detail-title{font-size:2.35rem}.article-detail-content{border-radius:1rem}.article-detail-hero::after{display:none}}
.article-toc { display:grid; gap:.45rem; margin:0 0 2rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface-soft); padding:1rem 1.15rem; }
.article-toc strong { color:var(--text); }
.article-toc a { color:var(--brand-strong); text-decoration:none; font-size:.9rem; }
.article-source-note { margin-top:2rem; border-left:.25rem solid var(--brand); background:var(--brand-soft); padding:1rem; font-size:.9rem; }
.article-related-end { margin-top:3rem; border-top:1px solid var(--line); padding-top:2rem; }
.article-related-end > h2 { margin-top:.5rem; }
.article-related-end-grid { display:grid; gap:.8rem; margin-top:1rem; }
.article-related-end-grid a { display:grid; gap:.35rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); padding:1rem; text-decoration:none; box-shadow:var(--shadow-soft); }
.article-related-end-grid strong { color:var(--text); }
.article-related-end-grid span { color:var(--muted); font-size:.84rem; line-height:1.55; }
.article-related-end-grid em { color:var(--brand-strong); font-size:.78rem; font-style:normal; font-weight:850; }
@media(min-width:640px){.article-related-end-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}

/* V10.9 private IP history and unified account monitoring. */
.ip-history-hero { border-bottom:1px solid var(--line); background:radial-gradient(circle at 85% 15%,var(--brand-soft),transparent 35%),linear-gradient(180deg,var(--surface),var(--surface-soft)); padding:clamp(3.2rem,7vw,6rem) 0; }
.ip-history-hero-grid { display:grid; gap:2rem; align-items:center; }
.ip-history-hero h1 { max-width:50rem; margin-top:1rem; font-size:clamp(2.4rem,6vw,5rem); font-weight:950; letter-spacing:-.05em; line-height:1; text-wrap:balance; }
.ip-history-lead { max-width:44rem; margin-top:1.25rem; color:var(--muted-strong); font-size:clamp(1rem,2vw,1.18rem); line-height:1.75; }
.ip-history-privacy-card { display:flex; gap:1rem; align-items:flex-start; border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line)); border-radius:1.25rem; background:color-mix(in srgb,var(--surface) 92%,var(--brand-soft)); padding:1.25rem; box-shadow:var(--shadow-soft); }
.ip-history-privacy-icon { display:grid; width:3rem; height:3rem; flex:0 0 auto; place-items:center; border-radius:1rem; background:var(--brand); color:#fff; }
.ip-history-privacy-card strong { display:block; font-size:1.05rem; }
.ip-history-privacy-card p { margin-top:.45rem; color:var(--muted); font-size:.88rem; line-height:1.6; }
.ip-history-privacy-card div>span { display:inline-flex; margin-top:.75rem; border-radius:999px; background:var(--brand-soft); padding:.35rem .65rem; color:var(--brand-strong); font-size:.72rem; font-weight:900; }
.ip-history-toolbar { display:flex; flex-direction:column; gap:1rem; align-items:flex-start; }
.ip-history-toolbar h2,.account-section-heading h2 { margin-top:.35rem; font-size:clamp(1.4rem,3vw,2rem); font-weight:950; }
.ip-history-toolbar p,.account-section-heading p { margin-top:.35rem; color:var(--muted); }
.ip-history-summary-grid { display:grid; gap:.8rem; }
.ip-history-summary-card { min-width:0; border:1px solid var(--line); border-radius:1rem; background:var(--surface); padding:1rem; box-shadow:var(--shadow-soft); }
.ip-history-summary-card span { display:block; color:var(--muted); font-size:.72rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.ip-history-summary-card strong { display:block; margin-top:.45rem; font-size:1rem; }
.ip-history-selectors { display:grid; gap:1rem; }
.ip-history-comparison { display:grid; overflow:hidden; border:1px solid var(--line); border-radius:1rem; }
.ip-history-compare-row { display:grid; grid-template-columns:minmax(7rem,.7fr) minmax(0,1fr) 1.2rem minmax(0,1fr) auto; gap:.7rem; align-items:center; padding:.85rem 1rem; border-bottom:1px solid var(--line); font-size:.85rem; }
.ip-history-compare-row:last-child { border-bottom:0; }
.ip-history-compare-row>span { min-width:0; overflow-wrap:anywhere; color:var(--muted-strong); }
.ip-history-compare-row em { border-radius:999px; background:var(--surface-soft); padding:.25rem .5rem; color:var(--muted); font-size:.68rem; font-style:normal; font-weight:850; }
.ip-history-compare-row.is-changed { background:color-mix(in srgb,var(--brand-soft) 55%,var(--surface)); }
.ip-history-compare-row.is-changed em { background:var(--brand); color:#fff; }
[dir="rtl"] .ip-history-compare-arrow { transform:rotate(180deg); }
.ip-history-list { display:grid; gap:.6rem; }
.ip-history-row { display:grid; gap:.7rem; align-items:center; border:1px solid var(--line); border-radius:.9rem; padding:.85rem; }
.ip-history-row-main,.ip-history-row-network { min-width:0; }
.ip-history-row-main strong,.ip-history-row-network strong { display:block; margin-top:.3rem; overflow-wrap:anywhere; }
.ip-history-row-main small,.ip-history-row-network span { display:block; margin-top:.2rem; color:var(--muted); font-size:.75rem; }
.ip-history-change-tags { display:flex; flex-wrap:wrap; gap:.3rem; }
.ip-history-change-tags span { border-radius:999px; background:var(--surface-soft); padding:.25rem .5rem; color:var(--muted-strong); font-size:.68rem; font-weight:800; }
.ip-history-account-cta { display:flex; flex-direction:column; gap:1.5rem; align-items:flex-start; border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line)); border-radius:1.3rem; background:linear-gradient(135deg,var(--brand-soft),var(--surface)); padding:clamp(1.25rem,4vw,2rem); }
.ip-history-account-cta h2 { margin-top:.4rem; font-size:clamp(1.4rem,3vw,2rem); font-weight:950; }
.ip-history-account-cta p:not(.eyebrow) { max-width:48rem; margin-top:.6rem; color:var(--muted-strong); line-height:1.65; }
.account-dashboard-hero { border-bottom:1px solid var(--line); background:linear-gradient(180deg,var(--surface),var(--surface-soft)); padding:clamp(2.5rem,5vw,4.2rem) 0; }
.account-dashboard-hero h1 { margin-top:.5rem; font-size:clamp(2rem,5vw,3.8rem); font-weight:950; letter-spacing:-.04em; }
.account-dashboard-hero p:not(.eyebrow) { max-width:46rem; margin-top:.7rem; color:var(--muted); line-height:1.65; }
.account-verification,.account-token-card { display:flex; flex-direction:column; gap:1rem; border:1px solid #f0b94d; border-radius:1rem; background:#fff8df; padding:1rem; color:#543b00; }
.account-token-card { margin-top:1rem; border-color:#5dd3a7; background:#eafff6; color:#063d2c; }
[data-theme="dark"] .account-verification { background:#302606; color:#fff0b3; }
[data-theme="dark"] .account-token-card { background:#073829; color:#d9fff0; }
.account-section-heading { display:flex; flex-direction:column; gap:1rem; align-items:flex-start; }
.account-add-monitor { display:flex; width:100%; flex-direction:column; gap:.6rem; }
.account-monitor-card { overflow:hidden; border:1px solid var(--line); border-radius:1.3rem; background:var(--surface); box-shadow:var(--shadow-soft); }
.account-monitor-top { display:flex; flex-direction:column; gap:1rem; align-items:flex-start; padding:1.2rem; background:linear-gradient(180deg,var(--surface),var(--surface-soft)); }
.account-monitor-top h3 { margin-top:.55rem; font-size:1.35rem; font-weight:950; }
.account-monitor-top p { margin-top:.25rem; color:var(--muted); font-size:.8rem; }
.account-latest-grid { display:grid; gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.account-latest-grid>div { min-width:0; padding:1rem 1.2rem; border-bottom:1px solid var(--line); }
.account-latest-grid>div:last-child { border-bottom:0; }
.account-latest-grid span { display:block; color:var(--muted); font-size:.68rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.account-latest-grid strong { display:block; margin-top:.35rem; overflow-wrap:anywhere; font-size:.9rem; }
.account-monitor-settings { border-bottom:1px solid var(--line); padding:1rem 1.2rem; }
.account-monitor-settings summary { cursor:pointer; font-weight:900; }
.account-setting-grid,.account-check-grid { display:grid; gap:.8rem; }
.account-check-grid label { display:flex; gap:.55rem; align-items:flex-start; border:1px solid var(--line); border-radius:.75rem; background:var(--surface-soft); padding:.7rem .8rem; font-size:.82rem; line-height:1.4; }
.account-check-grid input { margin-top:.15rem; accent-color:var(--brand); }
.account-monitor-columns { display:grid; gap:1rem; padding:1.2rem; }
.account-monitor-columns h4 { font-weight:950; }
.account-observation-row,.account-device-row { display:flex; gap:.7rem; align-items:center; justify-content:space-between; border:1px solid var(--line); border-radius:.75rem; padding:.7rem .8rem; }
.account-observation-row { display:block; }
.account-observation-row strong { display:block; overflow-wrap:anywhere; font-size:.82rem; }
.account-observation-row span,.account-device-row span { display:block; margin-top:.2rem; color:var(--muted); font-size:.72rem; }
.account-device-form { display:grid; gap:.55rem; }
.account-push-note { display:flex; gap:.5rem; align-items:flex-start; margin:0 1.2rem; border-radius:.8rem; background:var(--brand-soft); padding:.8rem; color:var(--muted-strong); font-size:.78rem; line-height:1.5; }
.account-alert-list { display:grid; gap:.6rem; }
.account-alert-list article { display:flex; flex-direction:column; gap:.6rem; border-bottom:1px solid var(--line); padding:.75rem 0; }
.account-alert-list article:last-child { border:0; }
.account-alert-list p { margin-top:.25rem; color:var(--muted); font-size:.75rem; }
.account-api-section { overflow:hidden; border:1px solid var(--line); border-radius:1.2rem; background:var(--surface); box-shadow:var(--shadow-soft); }
.account-api-section>summary { display:flex; cursor:pointer; align-items:center; justify-content:space-between; gap:1rem; padding:1.2rem; list-style:none; }
.account-api-section>summary::-webkit-details-marker { display:none; }
.account-api-section>summary h2 { margin-top:.3rem; font-size:1.35rem; font-weight:950; }
.account-api-section>summary p:not(.eyebrow) { margin-top:.35rem; color:var(--muted); font-size:.85rem; }
.account-api-body { border-top:1px solid var(--line); padding:1.2rem; }
.account-api-stats { display:grid; gap:.7rem; margin-top:1rem; }
.account-api-stats>div { border:1px solid var(--line); border-radius:.8rem; padding:.8rem; }
.account-api-stats span { display:block; color:var(--muted); font-size:.72rem; }
.account-api-stats strong { display:block; margin-top:.3rem; }
.account-api-key { display:flex; gap:1rem; align-items:center; justify-content:space-between; padding:.8rem 0; }
.account-api-key strong,.account-api-key code { display:block; }
.account-api-key code { margin-top:.3rem; color:var(--muted); font-size:.72rem; }
@media(min-width:640px){.ip-history-toolbar,.ip-history-account-cta,.account-monitor-top,.account-verification,.account-token-card,.account-section-heading{flex-direction:row;align-items:center;justify-content:space-between}.ip-history-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-history-selectors,.account-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ip-history-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.account-add-monitor{width:auto;flex-direction:row}.account-latest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-latest-grid>div{border-right:1px solid var(--line)}.account-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-device-form{grid-template-columns:minmax(0,1fr) auto auto}.account-alert-list article{flex-direction:row;align-items:center}.account-api-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.ip-history-hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(18rem,.65fr)}.ip-history-summary-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.account-latest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.account-latest-grid>div{border-bottom:0}.account-monitor-columns{grid-template-columns:repeat(2,minmax(0,1fr));padding:1.4rem}.account-check-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:639px){.ip-history-compare-row{grid-template-columns:1fr 1fr}.ip-history-compare-row strong,.ip-history-compare-row em{grid-column:1/-1}.ip-history-compare-arrow{display:none}.account-monitor-top form,.account-monitor-top button,.account-add-monitor button{width:100%}.account-device-row{align-items:flex-start}.account-api-key{align-items:flex-start}}

/* V10.2 Staff CP responsive operations release. */
.admin-mobile-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;position:sticky;top:0;z-index:40;background:#0b1328;color:#fff;padding:.75rem max(.75rem,env(safe-area-inset-right)) .75rem max(.75rem,env(safe-area-inset-left));border-bottom:1px solid #26324b}.admin-mobile-menu{position:relative}.admin-mobile-menu>summary{display:flex;align-items:center;gap:.45rem;min-height:2.75rem;border:1px solid #33415f;border-radius:.75rem;padding:.55rem .75rem;cursor:pointer;font-weight:800;list-style:none}.admin-mobile-menu>summary::-webkit-details-marker{display:none}.admin-mobile-menu-panel{position:absolute;right:0;top:calc(100% + .55rem);width:min(20rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 5rem);overflow:auto;overscroll-behavior:contain;border:1px solid #33415f;border-radius:1rem;background:#0b1328;padding:.75rem;box-shadow:0 24px 60px rgba(2,6,23,.35)}.admin-mobile-nav{display:grid;gap:.2rem}.admin-sidebar{display:none}.admin-main{min-width:0}.admin-page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.admin-page-header h1{margin-top:.45rem;font-size:clamp(1.8rem,5vw,2.65rem);font-weight:950;line-height:1.05}.admin-page-header p{margin-top:.55rem;max-width:52rem;line-height:1.65}.admin-page-header>.button-secondary{align-self:flex-start}.admin-filter-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;padding-bottom:.25rem;scrollbar-width:thin}.admin-filter-tabs a{display:inline-flex;align-items:center;gap:.4rem;flex:0 0 auto;min-height:2.5rem;border:1px solid #dfe5f0;border-radius:999px;background:#fff;padding:.45rem .8rem;color:#56617b;font-size:.82rem;font-weight:850;text-decoration:none}.admin-filter-tabs a span{display:inline-grid;min-width:1.4rem;place-items:center;border-radius:999px;background:#eef0ff;padding:.1rem .35rem;color:#4f46e5;font-size:.7rem}.admin-filter-tabs a.is-active{border-color:#4f46e5;background:#4f46e5;color:#fff}.admin-filter-tabs a.is-active span{background:rgba(255,255,255,.2);color:#fff}.admin-filter-grid{display:grid;gap:1rem}.admin-filter-grid label{display:grid;gap:.45rem;color:#58637d;font-size:.7rem;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.admin-filter-actions{display:flex;align-items:end;flex-wrap:wrap;gap:.55rem}.admin-filter-actions>*{min-height:2.75rem}.admin-bulk-bar{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin:1rem 0;border:1px solid #dfe5f0;border-radius:1rem;background:#fff;padding:.8rem;box-shadow:0 8px 28px rgba(30,45,90,.05)}.admin-bulk-bar label{display:flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:800}.admin-bulk-bar .input{width:auto;min-width:10rem}.admin-comment-list{display:grid;gap:.85rem}.admin-comment-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;align-items:start}.admin-comment-body{min-width:0}.admin-comment-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.admin-comment-text{margin-top:1rem;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.admin-comment-actions{grid-column:1/-1;display:grid;gap:.55rem}.admin-comment-actions form:first-child{display:grid;gap:.55rem}.admin-comment-actions button{width:100%;justify-content:center}.admin-note{margin-top:.9rem;border:1px solid #dfe5f0;border-radius:.75rem;background:#f7f9fc;padding:.75rem;color:#56617b;font-size:.78rem;line-height:1.55}.admin-empty-state{grid-column:1/-1;text-align:center;padding:2rem}.admin-empty-state p{margin-top:.4rem;color:#69738d}.admin-pagination{margin-top:1.25rem;overflow-x:auto}.admin-record-section{margin-top:1rem;padding:0;overflow:hidden}.admin-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid #e5eaf3}.admin-section-heading h2,.admin-section-card>h2{font-size:1.2rem;font-weight:950}.admin-record-grid{display:grid;gap:.75rem;padding:.85rem}.admin-record-card{display:grid;gap:.85rem;border:1px solid #dfe5f0;border-radius:1rem;background:#fff;padding:1rem}.admin-record-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem}.admin-record-card-head strong{overflow-wrap:anywhere}.admin-record-card dl{display:grid;gap:.55rem}.admin-record-card dl div{display:grid;gap:.15rem}.admin-record-card dt{color:#7a849b;font-size:.66rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.admin-record-card dd{color:#39445f;font-size:.86rem;overflow-wrap:anywhere}.admin-record-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.admin-record-actions>*{min-width:0}.admin-record-actions a,.admin-record-actions button{width:100%;min-height:2.55rem;justify-content:center}.admin-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-maintenance-card{margin-top:1rem}.admin-action-grid{display:grid;gap:.55rem;margin-top:1rem}.admin-action-grid button{width:100%;min-height:2.8rem;justify-content:center}.admin-two-column-grid{display:grid;gap:1rem;margin-top:1rem}.admin-info-list{display:grid;gap:.65rem;margin-top:1rem}.admin-info-list>div{display:grid;gap:.2rem;border:1px solid #e5eaf3;border-radius:.85rem;background:#fafbfe;padding:.8rem}.admin-info-list strong{font-size:.85rem}.admin-info-list span{color:#56617b;font-size:.78rem;line-height:1.5}.admin-info-list small{color:#8790a4;font-size:.68rem;overflow-wrap:anywhere}.admin-source-grid{display:grid;gap:.75rem;margin-top:1rem}.admin-source-grid article{border:1px solid #e5eaf3;border-radius:.9rem;background:#fafbfe;padding:.9rem}.admin-source-grid h3{font-size:.9rem;font-weight:900}.admin-source-grid p{margin-top:.4rem;color:#69738d;font-size:.78rem;line-height:1.55}.admin-source-grid dl{display:grid;gap:.45rem;margin-top:.75rem}.admin-source-grid dl div{display:grid;gap:.15rem}.admin-source-grid dt{color:#8790a4;font-size:.65rem;font-weight:850;text-transform:uppercase}.admin-source-grid dd{color:#39445f;font-size:.74rem}.status-pending{background:#fff8e6!important;color:#a15c00!important}.status-approved{background:#ecfdf3!important;color:#087a42!important}.status-spam,.status-rejected{background:#fff1f2!important;color:#b42318!important}
@media(min-width:640px){.admin-page-header{flex-direction:row;align-items:flex-end;justify-content:space-between}.admin-page-header>.button-secondary{align-self:auto}.admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-filter-search{grid-column:span 2}.admin-comment-card{grid-template-columns:auto minmax(0,1fr) 15rem}.admin-comment-actions{grid-column:auto}.admin-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:900px){.admin-filter-grid{grid-template-columns:9rem 10rem minmax(15rem,1fr) 9rem 9rem 9rem auto}.admin-filter-grid-wide{grid-template-columns:8rem 9rem minmax(14rem,1fr) 7rem 8rem 9rem 9rem 9rem auto}.admin-filter-search{grid-column:auto}.admin-record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-action-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.admin-mobile-header{display:none}.admin-sidebar{display:flex;flex-direction:column}.admin-shell{display:grid;grid-template-columns:16.5rem minmax(0,1fr)}.admin-nav{display:grid!important;margin-top:2rem}.admin-main{padding:2.5rem}}
@media(max-width:420px){.admin-main{padding:.8rem}.admin-section-card{padding:.9rem}.admin-filter-actions,.admin-filter-actions>*{width:100%}.admin-bulk-bar{align-items:stretch}.admin-bulk-bar>*{width:100%}.admin-bulk-bar label{width:auto}.admin-bulk-bar .input{width:100%}.admin-record-actions{grid-template-columns:1fr}.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-page-header h1{font-size:1.75rem}}
/* Prevent wide Staff CP filter forms from forcing horizontal scrolling beside the desktop sidebar. */
@media (min-width:900px) and (max-width:1199px){.admin-filter-grid,.admin-filter-grid-wide{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-filter-search{grid-column:span 2}.admin-filter-actions{grid-column:1/-1}}
@media (min-width:1200px) and (max-width:1599px){.admin-filter-grid,.admin-filter-grid-wide{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-filter-search{grid-column:span 2}.admin-filter-actions{grid-column:span 2}}
@media (min-width:1600px) and (max-width:1799px){.admin-filter-grid,.admin-filter-grid-wide{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-filter-search{grid-column:span 2}.admin-filter-actions{grid-column:span 2}}
@media (min-width:1800px){.admin-filter-grid{grid-template-columns:9rem 10rem minmax(15rem,1fr) 9rem 9rem 9rem auto}.admin-filter-grid-wide{grid-template-columns:8rem 9rem minmax(14rem,1fr) 7rem 8rem 9rem 9rem 9rem auto}.admin-filter-search{grid-column:auto}.admin-filter-actions{grid-column:auto}}

/* V10.8.4 tool change history */
.wmip-change-history{margin-top:1.5rem}.wmip-change-list{display:grid;gap:.75rem}.wmip-change-row{display:grid;grid-template-columns:minmax(140px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.wmip-change-row>div{display:flex;align-items:center;gap:.65rem;min-width:0}.wmip-change-old,.wmip-change-new{overflow-wrap:anywhere;word-break:break-word;padding:.35rem .55rem;border-radius:8px}.wmip-change-old{background:#fff1f1;color:#8c1f1f;text-decoration:line-through}.wmip-change-new{background:#eaf8f2;color:#086b56;font-weight:750}.wmip-recent-lookups{display:flex;flex-wrap:wrap;gap:.55rem}.wmip-recent-lookups a{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700;overflow-wrap:anywhere}.wmip-data-freshness{display:flex;flex-wrap:wrap;gap:.5rem 1rem;color:var(--muted);font-size:.9rem}.wmip-data-freshness strong{color:var(--text)}@media(max-width:720px){.wmip-change-row{grid-template-columns:1fr}.wmip-change-row>div{flex-wrap:wrap}}
.wmip-cache-freshness{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.wmip-cache-freshness>div{display:grid;gap:.2rem}.wmip-cache-freshness span,.wmip-cache-freshness small{color:var(--muted);font-size:.86rem}.wmip-cache-freshness strong{color:var(--text)}@media(max-width:640px){.wmip-cache-freshness{align-items:flex-start;flex-direction:column}}


/* V10.8.7 operations, analytics, editorial and growth foundation */
.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:1rem}.admin-stat-grid .admin-stat-value{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.05;overflow-wrap:anywhere}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{padding:.85rem .75rem;text-align:left;border-bottom:1px solid var(--border,#d9e2ec);vertical-align:top}.admin-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.admin-input{border:1px solid var(--border,#d7e1e8);border-radius:.75rem;background:#fff;padding:.75rem .9rem;color:var(--text,#15202d)}.article-card time{white-space:nowrap}.prose-content pre{max-width:100%;overflow:auto}.operations-status-good{color:#087f67}.operations-status-bad{color:#b42318}@media(max-width:700px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-table{min-width:620px}}

/* V10.8.7.2: keep the public header aligned at every supported viewport. */
.site-nav { max-width: 96rem; }
.site-brand,
.nav-actions { flex: 0 0 auto; }
.site-brand { white-space: nowrap; }
.desktop-navigation { min-width: 0; flex: 1 1 auto; justify-content: center; }
.desktop-navigation .nav-link {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    line-height: 1.15;
}
@media (min-width: 1024px) and (max-width: 1439px) {
    .desktop-navigation { display: none; }
    .mobile-navigation { display: block; }
}
@media (min-width: 1440px) {
    .site-nav { padding-inline: 1.5rem; }
    .desktop-navigation { display: flex; gap: .1rem; }
    .desktop-navigation .nav-link { padding: .6rem .48rem; font-size: .78rem; }
    .mobile-navigation { display: none; }
}
@media (min-width: 1600px) {
    .desktop-navigation { gap: .15rem; }
    .desktop-navigation .nav-link { padding-inline: .65rem; font-size: .82rem; }
}

/* V10.8.7.3: accessible Atom-feed subscription panel. */
.investigation-feed-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    max-width: 48rem;
    margin: 2rem auto 0;
    border: 1px solid color-mix(in srgb, var(--brand) 20%, var(--line));
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--surface) 94%, var(--brand-soft));
    padding: 1.15rem;
    text-align: start;
    box-shadow: var(--shadow-soft);
}
.investigation-feed-icon {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: .85rem;
    background: var(--brand-soft);
    color: var(--brand-strong);
}
.investigation-feed-copy { min-width: 0; }
.investigation-feed-copy h2 { color: var(--text); font-size: 1rem; font-weight: 900; }
.investigation-feed-copy p { margin-top: .35rem; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.investigation-feed-copy code {
    display: block;
    margin-top: .7rem;
    overflow: hidden;
    color: var(--muted-strong);
    font-size: .72rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.investigation-feed-actions {
    display: grid;
    grid-column: 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    min-width: 0;
}
.investigation-feed-actions > * {
    width: 100%;
    min-height: 2.65rem;
    justify-content: center;
    white-space: normal;
    text-align: center;
}
@media (min-width: 720px) {
    .investigation-feed-card { padding: 1.35rem; }
}
@media (max-width: 599px) {
    .investigation-feed-card { grid-template-columns: 1fr; }
    .investigation-feed-icon,
    .investigation-feed-copy,
    .investigation-feed-actions { grid-column: 1; }
    .investigation-feed-actions { grid-template-columns: 1fr; }
}


/* V10.9.9 apps, extension promotion and guarded editorial automation */
.wmip-apps-page,.wmip-extension-page{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:40px 0 76px}.wmip-apps-hero,.wmip-extension-hero{border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,var(--surface),var(--brand-soft));padding:clamp(26px,5vw,52px);box-shadow:var(--shadow-soft)}.wmip-apps-eyebrow{margin:0 0 .6rem;color:var(--brand-strong);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.wmip-apps-hero h1,.wmip-extension-hero h1{font-size:clamp(2.1rem,6vw,4rem);line-height:1.02}.wmip-apps-hero>p:last-child,.wmip-extension-hero>div>p{max-width:760px;margin-top:1rem;color:var(--muted);font-size:1.05rem}.wmip-apps-icon,.wmip-extension-logo{display:grid;width:4rem;height:4rem;place-items:center;border-radius:1.25rem;background:var(--brand);color:#fff;font-size:2rem}.wmip-apps-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem;margin-top:1rem}.wmip-app-card{display:grid;gap:1.1rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:1.35rem}.wmip-app-card-icon{font-size:2rem}.wmip-app-card h2{font-size:1.35rem}.wmip-app-card p,.wmip-app-card li{color:var(--muted)}.wmip-app-card ul{display:grid;gap:.5rem;padding-left:1.2rem}.wmip-app-status{display:inline-flex;margin-bottom:.5rem;border-radius:999px;background:var(--brand-soft);padding:.35rem .65rem;color:var(--brand-strong);font-size:.76rem;font-weight:900}.wmip-app-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.wmip-apps-principles,.wmip-extension-features,.wmip-extension-faq{margin-top:1rem;border:1px solid var(--line);border-radius:22px;background:var(--surface);padding:clamp(1.25rem,4vw,2rem)}.wmip-apps-principles>div,.wmip-extension-features>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:1rem}.wmip-apps-principles article,.wmip-extension-features article{border-radius:16px;background:var(--surface-soft);padding:1rem}.wmip-apps-principles p,.wmip-extension-features p{margin-top:.35rem;color:var(--muted)}.wmip-extension-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.4rem;align-items:start}.wmip-extension-hero small{display:block;margin-top:1rem;color:var(--muted);overflow-wrap:anywhere}.wmip-extension-features article{display:flex;gap:.75rem}.wmip-extension-features article>span{color:var(--ok);font-weight:950}.wmip-extension-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.wmip-extension-grid>article{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:1.4rem}.wmip-extension-grid p,.wmip-extension-grid li{color:var(--muted)}.wmip-extension-grid ol{display:grid;gap:.65rem;margin-top:.8rem;padding-left:1.25rem}.wmip-extension-faq details{border-top:1px solid var(--line);padding:1rem 0}.wmip-extension-faq details:first-of-type{margin-top:.7rem}.wmip-extension-faq summary{cursor:pointer;font-weight:850}.wmip-extension-faq p{margin-top:.55rem;color:var(--muted)}.wmip-extension-promo{position:fixed;z-index:70;right:1rem;bottom:1rem;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.85rem;width:min(440px,calc(100% - 2rem));border:1px solid color-mix(in srgb,var(--brand) 25%,var(--line));border-radius:20px;background:var(--surface);padding:1.15rem;box-shadow:0 24px 70px rgba(20,32,51,.22)}.wmip-extension-promo[hidden]{display:none}.wmip-extension-promo-icon{font-size:1.7rem}.wmip-extension-promo p{margin-top:.3rem;color:var(--muted);font-size:.9rem}.wmip-extension-promo>div>div{display:flex;align-items:center;gap:.8rem;margin-top:.8rem}.wmip-extension-promo>div>div>a:last-child{font-weight:800}.wmip-extension-promo-close{position:absolute;right:.45rem;top:.35rem;width:2rem;height:2rem;border:0;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer}.wmip-extension-footer-link{display:inline-flex!important;align-items:center;gap:.45rem;margin:.75rem;padding:.55rem .75rem;border:1px solid currentColor;border-radius:999px;text-decoration:none;font-weight:800}.admin-form-grid{display:grid;gap:1rem}.admin-form-grid label{display:grid;gap:.35rem}.admin-form-grid label>span{font-weight:850}.admin-form-grid label>small{color:var(--muted);font-size:.78rem}.admin-checkbox{grid-template-columns:auto 1fr!important;align-items:center}.admin-checkbox input{width:1.1rem;height:1.1rem}@media(max-width:820px){.wmip-apps-grid,.wmip-extension-grid{grid-template-columns:1fr}.wmip-apps-principles>div,.wmip-extension-features>div{grid-template-columns:1fr 1fr}.wmip-extension-hero{grid-template-columns:1fr}}@media(max-width:560px){.wmip-apps-principles>div,.wmip-extension-features>div{grid-template-columns:1fr}.wmip-extension-promo{right:.65rem;bottom:.65rem;width:calc(100% - 1.3rem)}}@media(prefers-reduced-motion:no-preference){.wmip-extension-promo{animation:wmipPromoIn .28s ease-out}@keyframes wmipPromoIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}


/* V10.9.9.4 frontend repair: cache-busted Apps styles and compact Chrome promotion. */
.desktop-navigation .nav-link{min-width:0}.wmip-extension-promo-v10994[hidden]{display:none!important}

/* WMIP V10.9.9.8 production reliability workspace */
.reliability-badge{display:inline-flex;align-items:center;gap:.35rem;border:1px solid #cbd5e1;border-radius:999px;background:#f8fafc;padding:.35rem .7rem;font-size:.75rem;font-weight:800;line-height:1.2;color:#334155;white-space:nowrap}.reliability-badge-good{border-color:#86efac;background:#f0fdf4;color:#166534}.reliability-badge-warn{border-color:#fde68a;background:#fffbeb;color:#92400e}.reliability-badge-bad{border-color:#fecaca;background:#fef2f2;color:#991b1b}.reliability-stat{display:grid;gap:.3rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;padding:1rem;min-width:0}.reliability-stat>span{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.reliability-stat>strong{font-size:1.05rem;line-height:1.25;color:#0f172a;overflow-wrap:anywhere}.reliability-stat>small{color:#64748b}.reliability-progress{height:.55rem;overflow:hidden;border-radius:999px;background:#e2e8f0}.reliability-progress>span{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#0f766e,#22c55e)}.investigation-workspace{max-width:100%}.investigation-save-bar{position:sticky;bottom:.75rem;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;border:1px solid rgba(148,163,184,.55);border-radius:1rem;background:rgba(255,255,255,.96);box-shadow:0 16px 35px rgba(15,23,42,.13);padding:1rem;backdrop-filter:blur(14px)}.batch-observatory{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ff 0,#fff 15rem)}.batch-local-pending{background:#fffbeb}.batch-local-pending td:first-child{box-shadow:inset 4px 0 0 #f59e0b}.admin-health-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.admin-health-card{border:1px solid #e2e8f0;border-radius:1rem;background:#fff;padding:1rem}.admin-health-card[data-state="good"]{border-color:#bbf7d0;background:#f0fdf4}.admin-health-card[data-state="warn"]{border-color:#fde68a;background:#fffbeb}.admin-health-card[data-state="bad"]{border-color:#fecaca;background:#fef2f2}.admin-health-card strong,.admin-health-card span{display:block}.admin-health-card span{margin-top:.3rem;color:#64748b;font-size:.875rem}.admin-sticky-actions{position:sticky;bottom:1rem;z-index:20}.break-anywhere{overflow-wrap:anywhere;word-break:break-word}@media(max-width:767px){.investigation-save-bar{position:static}.investigation-save-bar>div{width:100%}.investigation-save-bar .button-primary,.investigation-save-bar .button-secondary{flex:1 1 auto}.batch-observatory .admin-table{min-width:62rem}}