.advanced-recon-page { --advanced-accent: #22d3ee; }
header nav { min-width: 0; max-width: min(68vw, 58rem); overflow-x: auto; scrollbar-width: thin; }
#mobile-nav { flex-wrap: wrap; max-height: 45vh; overflow-y: auto; }
.advanced-recon-hero {
    background:
        radial-gradient(circle at 8% 0%, rgba(34, 211, 238, .16), transparent 34%),
        radial-gradient(circle at 75% 100%, rgba(139, 92, 246, .10), transparent 36%),
        #111827;
}
.advanced-recon-hero .recon-kicker { color: #67e8f9; }
.advanced-recon-hero .recon-scope-box {
    border-color: rgba(34, 211, 238, .28);
    background: rgba(8, 47, 73, .18);
}
.advanced-recon-hero .recon-scope-box > span { color: #67e8f9; }
#advancedReconScopes { display: flex; flex-wrap: wrap; gap: .35rem; }
.advanced-recon-page .recon-scope { border-color: #0e7490; color: #a5f3fc; background: rgba(14, 116, 144, .2); }

.advanced-pipeline { display: flex; flex-wrap: wrap; align-items: center; gap: .35rem; margin-top: .85rem; }
.advanced-pipeline span { padding: .25rem .45rem; border: 1px solid #155e75; border-radius: .35rem; color: #a5f3fc; background: rgba(8, 47, 73, .48); font: 650 .62rem/1.2 monospace; }
.advanced-pipeline i { color: #475569; font-size: .7rem; font-style: normal; }

.advanced-form-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: .8rem; }
textarea.advanced-brand-tokens { min-height: 7.5rem; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.advanced-options { grid-template-columns: repeat(5, 1fr); }
.advanced-options .recon-check strong { display: block; color: #e2e8f0; font-size: .73rem; }
.advanced-options .recon-check small { display: block; margin-top: .16rem; color: #64748b; font-size: .62rem; }
.advanced-options .recon-check:has(input:checked) { border-color: rgba(34, 211, 238, .35); background: rgba(8, 47, 73, .22); }
.advanced-options .recon-check input { accent-color: #06b6d4; }
.advanced-safety-note { margin-top: .75rem; padding: .62rem .72rem; border-left: 3px solid #06b6d4; color: #a5f3fc; background: rgba(8, 47, 73, .18); font-size: .69rem; line-height: 1.5; }
.advanced-recon-page .recon-launch { background: linear-gradient(135deg, #0891b2, #6d28d9); }
#advancedReconProgressBar { width: 0; height: 100%; background: linear-gradient(90deg, #06b6d4, #8b5cf6); transition: width .35s ease; }

.advanced-metrics { grid-template-columns: repeat(6, minmax(7rem, 1fr)); }
.advanced-metrics strong { color: #67e8f9; }
.advanced-result-sections { display: grid; gap: .8rem; }
.advanced-result-sections .recon-domain-section { margin-top: 0; }
.advanced-result-sections .recon-domain-head h4 { color: #a5f3fc; }
.advanced-result-sections .recon-table-wrap { max-height: 24rem; }

@media (max-width: 1050px) {
    .advanced-options { grid-template-columns: repeat(2, 1fr); }
    .advanced-metrics { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 700px) {
    .advanced-form-grid, .advanced-options { grid-template-columns: 1fr; }
    .advanced-metrics { grid-template-columns: repeat(2, 1fr); }
    .advanced-pipeline i { display: none; }
    .advanced-recon-page .card { padding: 1rem; }
    .advanced-recon-page .recon-section-head { align-items: flex-start; flex-wrap: wrap; }
    .advanced-recon-page textarea.input-field { font-size: 16px; }
    .advanced-recon-hero .recon-scope-box { max-height: 13rem; overflow-y: auto; overscroll-behavior: contain; }
    #mobile-nav .tab-btn { min-height: 2.5rem; padding: .55rem .7rem; font-size: .78rem; }
}