/* Layout and hierarchy for public, account and organization interfaces.
   Diagnostic results retain their measured presentation. Severity colors are separate. */
:root { --ui-bg: #101315; --ui-surface: #171b1e; --ui-raised: #1d2327; --ui-line: #30383d; --ui-text: #e9ecee; --ui-muted: #a7b0b7; --ui-accent: #a4d8bd; --ui-button: #8ac9a8; --ui-button-text: #10271c; }
.cs-public:not(.cs-result-hold),.cs-console,.cs-account,.cs-document { background: var(--ui-bg); color: var(--ui-text); }
.cs-public .navbar { background: var(--ui-bg); border-bottom: 1px solid var(--ui-line); box-shadow: none; backdrop-filter: none; }
.cs-public .navbar .logo,.cs-public .navbar .mark,.cs-public .navbar .cursor { text-shadow: none!important; box-shadow: none!important; animation: none!important; }
.cs-public .navbar .mark { color: var(--ui-accent); }
.cs-public .navbar .nav-links>a { color: var(--ui-muted); font-size: var(--text-base,.9rem); font-weight: 500; }
.cs-public .navbar .nav-links>a[aria-current],.cs-public .navbar .nav-links>a:hover { color: var(--ui-text); text-decoration: underline; text-underline-offset: 8px; }
.cs-public .navbar .nav-cta a:last-child { background: var(--ui-button); color: var(--ui-button-text); box-shadow: none; border-color: var(--ui-button); border-radius: 6px; }
.cs-public .footer { background: var(--ui-bg); border-top: 1px solid var(--ui-line); }
.cs-public .footer::before { display: none; }.cs-public .footer a,.cs-public .footer p { color: var(--ui-muted); }
.cs-public:not(.cs-result-hold) #main-content { color: var(--ui-text); }
.cs-public:not(.cs-result-hold) :is(.v1-page,.rn-page,.asm-page,.ais-wrap) { background: transparent; }
.cs-public:not(.cs-result-hold) :is(.v1-page,.hero,.page-head,.ais-hero)::before,.cs-public:not(.cs-result-hold) :is(.v1-page,.hero,.page-head,.ais-hero)::after { display: none!important; }
.cs-public:not(.cs-result-hold) :is(.pulse,.section-label::before) { display: none!important; }
.cs-public:not(.cs-result-hold) :is(.fade-in,.reveal) { opacity: 1!important; transform: none!important; animation: none!important; }
.cs-public:not(.cs-result-hold) #main-content h1 { color: var(--ui-text); font-size: var(--text-3xl,clamp(1.9rem,4vw,2.6rem))!important; font-weight: 650!important; line-height: 1.3!important; letter-spacing: -.035em; text-shadow: none!important; text-wrap: balance; }
.cs-public:not(.cs-result-hold) #main-content h1 :is(span,b) { color: inherit!important; background: none!important; -webkit-text-fill-color: currentColor; }
.cs-public:not(.cs-result-hold) #main-content h2 { font-weight: 650!important; letter-spacing: -.025em; line-height: 1.4; text-shadow: none; }
.cs-public:not(.cs-result-hold) :is(.rn-section h2,.asm-section h2,.ais-section h2,.v1 section h2) { font-size: var(--text-2xl,1.7rem)!important; }
.cs-public:not(.cs-result-hold) :is(.rn-eyebrow,.asm-eyebrow,.ais-eyebrow,.ais-label,.section-label,.kicker) { background: none!important; border: 0!important; border-radius: 0; padding: 0!important; color: var(--ui-muted)!important; font-size: var(--text-sm,.8rem); font-weight: 500; letter-spacing: .01em; text-transform: none; box-shadow: none!important; }
.cs-public:not(.cs-result-hold) :is(.rn-lead,.asm-intro,.page-sub,.section-sub,.ais-hero .lead) { font-size: var(--text-md,1rem)!important; color: var(--ui-muted)!important; line-height: 1.85!important; max-width: 700px; }
.cs-public:not(.cs-result-hold) :is(.rn-hero,.asm-hero,.ais-hero,.v1 header.page-head) { padding-top: var(--space-7,48px)!important; padding-bottom: var(--space-7,48px)!important; }
.cs-public:not(.cs-result-hold) :is(.v1 header.page-head,.ais-hero) { text-align: left!important; }
.cs-public:not(.cs-result-hold) :is(.v1 header.page-head,.ais-hero) :is(.page-title,.page-sub,.kicker) { margin-left: 0!important; margin-right: 0!important; }
.cs-public:not(.cs-result-hold) :is(.rn-section,.asm-section,.ais-section) { padding-top: var(--space-7,48px); padding-bottom: var(--space-7,48px); border-color: var(--ui-line); }
.cs-public:not(.cs-result-hold) :is(.rn-service-grid article,.rn-cost-row>div,.rn-help-grid>article,.asm-comparison article) { border-top: 1px solid var(--ui-line)!important; }
.cs-public:not(.cs-result-hold) :is(.rn-index,.rn-service-grid .rn-eyebrow) { color: var(--ui-muted); font-size: var(--text-sm,.8rem); letter-spacing: 0; }
.cs-public:not(.cs-result-hold) :is(.card,.rn-price-card,.rn-account-links,.rn-choice-result,.rn-inspection,.asm-showcase,.ais-card,.ais-final,.report-sample-showcase) { box-shadow: none!important; background: var(--ui-surface)!important; background-image: none!important; border-color: var(--ui-line)!important; border-radius: 8px!important; transform: none!important; }
.cs-public:not(.cs-result-hold) :is(.rn-inspection-top svg,.rn-inspection-icon,.asm-domain-root svg) { color: var(--ui-accent); }
.cs-public:not(.cs-result-hold) :is(.rn-url-field,.upload-zone,.asm-preview-switch,.asm-preview-disclaimer) { background: var(--ui-bg); border-color: var(--ui-line); }
.cs-public:not(.cs-result-hold) :is(.rn-inspection-bottom,.asm-preview-bar,.asm-domain-root,.asm-action-ticket,.asm-diff) { border-color: var(--ui-line); }
.cs-public:not(.cs-result-hold) :is(a.rn-text-link,a.asm-link,.rn-inspection-bottom a,.rn-jump a,.rn-account-links a,.asm-asset-new strong,.asm-asset-new .asm-asset-label) { color: var(--ui-accent); }
.cs-public:not(.cs-result-hold) :is(a.rn-button,button.rn-button,a.asm-button,.lv-btn.primary,.btn-primary,.ais-btn.primary,#lookupBtn,#scanBtn) { background: var(--ui-button)!important; color: var(--ui-button-text)!important; border-color: var(--ui-button)!important; border-radius: 6px!important; box-shadow: none!important; font-size: var(--text-base,.9rem); font-weight: 650!important; transform: none!important; text-shadow: none!important; }
.cs-public:not(.cs-result-hold) :is(a.rn-secondary,.ais-btn.ghost,.lv-btn:not(.primary)) { color: var(--ui-text)!important; background: transparent!important; border: 1px solid var(--ui-line)!important; box-shadow: none!important; }
.cs-public:not(.cs-result-hold) :is(.rn-price-tabs button,.rn-choice button,.asm-preview-switch button)[aria-pressed=true] { background: var(--ui-raised); color: var(--ui-accent); border-color: var(--ui-accent); }
.cs-public:not(.cs-result-hold) :is(input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea) { background-color: var(--ui-bg)!important; color: var(--ui-text)!important; border-color: var(--ui-line)!important; border-radius: 6px; font-size: var(--text-md,1rem); }
.cs-public:not(.cs-result-hold) :is(input,select,textarea):focus { border-color: var(--ui-accent)!important; box-shadow: none!important; }
.cs-public:not(.cs-result-hold) :is(.rn-page,.asm-page,.v1,.ais-wrap) :focus-visible { outline-color: var(--ui-accent); }
.cs-public:not(.cs-result-hold) :is(.stats-grid,.rn-proof) { background: transparent; border-color: var(--ui-line); }
.cs-public:not(.cs-result-hold) .rn-home-hero { grid-template-columns: minmax(0,1.35fr) minmax(0,1fr); }
.cs-public:not(.cs-result-hold) .rn-inspection { padding: var(--space-5,24px); }
.cs-public:not(.cs-result-hold) .rn-inspection h2 { font-size: var(--text-lg,1.15rem); margin-top: var(--space-4,16px); }
.cs-public:not(.cs-result-hold) .rn-page .rn-hero h1 { margin-bottom: var(--space-5,24px); }
.cs-public:not(.cs-result-hold) .rn-proof { font-size: var(--text-sm,.8rem); }.cs-public:not(.cs-result-hold) .rn-proof strong { font-weight: 550; }
.cs-public:not(.cs-result-hold) .rn-price-card h3 { font-size: var(--text-lg,1.15rem); }.cs-public:not(.cs-result-hold) .rn-price-amount { font-size: var(--text-2xl,1.7rem); font-weight: 650; }
.cs-public:not(.cs-result-hold) .rn-price-card { border-radius: 6px!important; }.cs-public:not(.cs-result-hold) .rn-price-card .rn-eyebrow { display: none; }
.cs-public:not(.cs-result-hold) .upload-icon { background: var(--ui-raised); box-shadow: none; }.cs-public:not(.cs-result-hold) .upload-icon svg { stroke: var(--ui-accent); }
.cs-public:not(.cs-result-hold) .v1 .grid-3>.card { border: 0!important; border-top: 1px solid var(--ui-line)!important; border-radius: 0!important; background: transparent!important; padding-inline: 0; }
.cs-public:not(.cs-result-hold) .v1 .section-label::before { content: none; }
.cs-public:not(.cs-result-hold) .v1 .text-accent { color: var(--ui-accent)!important; }
.cs-public:not(.cs-result-hold) .v1 header.page-head .lv-btn+.page-sub { margin-top: var(--space-4,16px)!important; font-size: var(--text-sm,.8rem)!important; }
.purchase-recovery-form { display: flex; gap: var(--space-3,12px); align-items: stretch; }.purchase-recovery-form input { min-width: 0; min-height: 48px; }.purchase-recovery-form button { min-height: 48px; }
.help-page { max-width: 820px; margin: auto; padding: var(--space-7,48px) var(--space-5,24px); }.help-page h1 { margin-bottom: var(--space-3,12px); }.help-page>p { color: var(--ui-muted); line-height: 1.8; }
.help-search { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3,12px); margin: var(--space-6,32px) 0 var(--space-3,12px); }.help-search label { flex: 1 0 100%; font-size: var(--text-sm,.8rem); }.help-search input { flex: 1; min-width: 0; padding: var(--space-3,12px); min-height: 48px; border: 1px solid var(--ui-line); }.help-search button { min-height: 48px; padding: var(--space-3,12px); border: 1px solid var(--ui-line); border-radius: 6px; background: transparent; color: var(--ui-text); cursor: pointer; }
.help-count { font-size: var(--text-sm,.8rem); color: var(--ui-muted); }.help-items details { padding: var(--space-4,16px) 0; border-bottom: 1px solid var(--ui-line); }.help-items summary { min-height: 44px; align-content: center; cursor: pointer; font-weight: 600; }.help-items p { margin: var(--space-3,12px) 0; line-height: 1.85; color: var(--ui-muted); }.help-items a,.help-links a { color: var(--ui-accent); text-underline-offset: 4px; }.help-links { display: flex; flex-wrap: wrap; gap: var(--space-5,24px); padding: var(--space-5,24px) 0; }.help-links a { min-height: 44px; align-content: center; }
.cs-console .sidebar,.cs-console .topbar { background: var(--ui-bg); border-color: var(--ui-line); }.cs-console .brand .dot { display: none; }.cs-console .brand small { color: var(--ui-muted); letter-spacing: .04em; }
.cs-console .nav a { padding: var(--space-3,12px) var(--space-4,16px); border-radius: 5px; color: var(--ui-muted); font-weight: 500; }.cs-console .nav a.active { background: var(--ui-raised); border-color: var(--ui-line); color: var(--ui-text); box-shadow: inset 2px 0 var(--ui-accent); }
.cs-console :is(.card,.kpi,.tw) { background: var(--ui-surface); border-color: var(--ui-line); border-radius: 6px; box-shadow: none; }.cs-console .kpi { border-top: 0; }.cs-console .kpi .n { font-size: var(--text-2xl,1.7rem); font-weight: 650; }
.cs-console .btn { border-radius: 5px; box-shadow: none; min-height: 40px; }.cs-console .btn.primary { background: var(--ui-button); color: var(--ui-button-text); border-color: var(--ui-button); }.cs-console .btn.ghost { color: var(--ui-muted); }
.cs-console :is(input,select,textarea) { border-color: var(--ui-line); background: var(--ui-bg); color: var(--ui-text); }.cs-console h1 { font-size: var(--text-2xl,1.7rem); font-weight: 650; }.cs-console .eyebrow { font-size: var(--text-sm,.8rem); color: var(--ui-muted); text-transform: none; letter-spacing: 0; }.cs-console .sub { color: var(--ui-muted); }
.cs-console th { background: var(--ui-raised); color: var(--ui-muted); font-weight: 550; letter-spacing: 0; }.cs-console td { border-color: var(--ui-line); }.cs-console .empty .big { display: none; }.cs-console .empty { padding: var(--space-6,32px); }.cs-console .empty .t { font-size: var(--text-md,1rem); font-weight: 600; }.cs-console .link { color: var(--ui-accent); }
.cs-account .account-box { background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: 8px; box-shadow: none; }.cs-account h1 { font-size: var(--text-2xl,1.7rem); font-weight: 650; }.cs-account :is(input,select) { background: var(--ui-bg); color: var(--ui-text); border-color: var(--ui-line); }.cs-account button[type=submit] { background: var(--ui-button); color: var(--ui-button-text); box-shadow: none; border-radius: 6px; }.cs-account .account-nav a { color: var(--ui-accent); }
.cs-account { padding: 24px 16px; box-sizing: border-box; }.cs-account .account-box a { color: var(--ui-accent); }.cs-account .account-box>p { margin-block: 12px; color: var(--ui-muted); }.cs-account .account-box>p a { display: inline-flex; align-items: center; min-height: 32px; }.cs-account .account-brand { font-weight: 650; }
.cs-document h1 { font-weight: 650; text-shadow: none; }.cs-document :is(.card,.container,.box) { box-shadow: none; border-color: var(--ui-line); }.cs-document a { color: var(--ui-accent); }
@media(max-width:900px) { .cs-public:not(.cs-result-hold) .rn-home-hero { grid-template-columns: 1fr; } }
@media(max-width:600px) { .cs-public:not(.cs-result-hold) .refund-table { table-layout: fixed; }.cs-public:not(.cs-result-hold) .refund-table :is(th,td) { white-space: normal; overflow-wrap: anywhere; padding: 12px 8px; } }
@media(max-width:600px) { .cs-public:not(.cs-result-hold) :is(.rn-hero,.asm-hero,.ais-hero,.v1 header.page-head) { padding-block: var(--space-6,32px)!important; }.cs-public:not(.cs-result-hold) :is(.rn-section,.asm-section,.ais-section) { padding-block: var(--space-6,32px); }.purchase-recovery-form { flex-direction: column; }.cs-console :is(input,select,textarea) { font-size: var(--text-md,1rem); }.cs-console .content { padding-inline: var(--space-4,16px); } }
@media(prefers-reduced-motion:reduce) { .cs-public:not(.cs-result-hold) *, .cs-console *, .cs-account * { scroll-behavior: auto!important; animation: none!important; transition: none!important; } }