/* Isolated local prototype: no shared production stylesheet is modified. */
.monitor-menu [hidden] { display: none !important; }
.preview-banner { min-height: 34px; padding: 7px 5%; display:flex; align-items:center; justify-content:space-between; gap:12px; background:#13233a; color:#c4d6ed; font:600 11px/1.5 Inter,sans-serif; letter-spacing:.05em; }
.preview-banner i { display:inline-block; width:6px; height:6px; margin-right:7px; background:#60a5fa; border-radius:50%; }
.preview-banner a { color:#c4d6ed; font-weight:400; letter-spacing:0; text-decoration:none; }
.monitor-menu header { padding-top:16px; padding-bottom:16px; }
.monitor-menu main { width:100%; max-width:1240px; margin:0 auto; padding:0 32px; }
.monitor-menu .hero { max-width:none; margin:0; padding:28px 0; text-align:left; display:grid; grid-template-columns:1fr auto; column-gap:28px; align-items:center; }
.monitor-menu .hero h1 { font-size:clamp(27px,2.8vw,39px); letter-spacing:-.03em; margin:0 0 10px; grid-column:1; }
.monitor-menu .hero p { font-size:14px; max-width:670px; margin:0; line-height:1.6; grid-column:1; }
.monitor-menu .hero .btn-primary { grid-column:2; grid-row:1 / 3; font-size:14px; padding:13px 20px; white-space:nowrap; }
.monitor-menu .hz-indicator { grid-column:1 / -1; padding:0; margin:15px 0 0; border:0; background:none; font-size:11px; display:block; color:#8e9bb0; }
.monitor-menu .hz-indicator .highlight-text { font-size:12px; }
.preview-catalog { border:1px solid #253047; border-radius:20px; background:rgba(12,17,28,.88); overflow:hidden; margin-bottom:30px; }
.preview-catalog-heading { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:18px 26px; border-bottom:1px solid #232a3b; }
.preview-eyebrow { color:#80a8e8; font-size:10px; font-weight:600; letter-spacing:.13em; }
.preview-catalog-heading h2 { font-size:24px; margin:6px 0 0; letter-spacing:-.025em; }
.preview-total { color:#94a0b4; font-size:11px; white-space:nowrap; }
.preview-layout { display:grid; grid-template-columns:225px minmax(0,1fr); }
.preview-sidebar { padding:20px 16px; border-right:1px solid #232a3b; background:rgba(15,20,31,.65); }
.preview-rail-label { margin:0 12px 12px; color:#78869c; font-size:10px; font-weight:600; letter-spacing:.12em; }
.preview-category-nav { display:grid; gap:5px; }
.preview-category-nav button { display:flex; justify-content:space-between; align-items:center; gap:8px; width:100%; padding:11px 12px; color:#a9b5c8; background:transparent; border:1px solid transparent; border-radius:9px; text-align:left; font:500 12px/1.35 Inter,sans-serif; cursor:pointer; }
.preview-category-nav button[aria-pressed="true"] { background:#172b49; color:#e2eeff; border-color:#2e4c74; }
.preview-category-nav button:hover { background:#182131; color:#fff; }
.preview-count { font-size:10px; min-width:22px; padding:2px 5px; border-radius:5px; background:rgba(255,255,255,.04); color:#98b3da; text-align:center; }
.preview-help { display:grid; gap:6px; padding:15px 12px 0; margin-top:12px; border-top:1px solid #232a3b; font-size:11px; color:#8e9ab0; text-decoration:none; }
.preview-help strong { font-weight:500; color:#8bbcff; }
.preview-mobile-category { display:none; }
.preview-results { min-width:0; padding:24px; }
.preview-search { display:flex; align-items:center; gap:10px; border:1px solid #303c51; border-radius:10px; padding:0 13px; background:#0a101b; min-height:46px; }
.preview-search:focus-within { outline:2px solid #548ce1; outline-offset:2px; }
.preview-search svg { flex:0 0 19px; width:19px; height:19px; color:#8596b3; }
.preview-search input { min-width:0; width:100%; padding:13px 0; background:transparent; border:0; outline:0; color:#edf3fc; font:13px/1.4 Inter,sans-serif; }
.preview-search input::placeholder { color:#7e8da6; opacity:1; }
.preview-search input::-webkit-search-cancel-button { display:none; }
.preview-search button,.preview-empty button { border:0; background:transparent; cursor:pointer; color:#a7cbff; font:12px Inter,sans-serif; padding:9px 0; }
.preview-result-heading { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:21px 0 12px; }
.preview-result-heading h3 { font-size:14px; font-weight:500; }
.preview-result-heading span { color:#8492a9; font-size:11px; white-space:nowrap; }
.preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.preview-grid .preview-card { display:flex; align-items:flex-start; gap:13px; margin:0; padding:20px 16px; border:1px solid #283347; border-radius:12px; background:#111a29; color:#e7edf8; text-decoration:none; box-shadow:none; cursor:pointer; min-width:0; min-height:109px; position:relative; text-align:left; }
.preview-grid .preview-card:hover { border-color:#5074a8; background:#172337; transform:translateY(-2px); }
.preview-icon { flex:0 0 33px; width:33px; height:33px; display:grid; place-items:center; color:#8fb8f4; padding:6px; border:1px solid #2d4567; border-radius:9px; background:#1b2c46; }
.preview-icon svg { width:21px; height:21px; }
.preview-card-copy { min-width:0; flex:1; }
.preview-grid .preview-card h3 { font-size:15px; line-height:1.3; margin:0 0 7px; font-weight:500; color:#edf3fc; }
.preview-grid .preview-card p { font-size:11px; line-height:1.6; margin:0; color:#9daec7; }
.preview-card-arrow { color:#7187a6; font-size:15px; margin-top:-3px; }
.preview-warning { display:block; color:#f5be79; font-size:10px; margin-top:6px; }
.preview-footnote { margin-top:18px; font-size:10px; line-height:1.8; color:#78869e; }
.preview-footnote kbd { padding:1px 4px; background:#1c293d; border-radius:4px; color:#b7c7df; font:10px Inter,sans-serif; }
.preview-empty { padding:35px 15px; text-align:center; border:1px dashed #344157; border-radius:12px; }
.preview-empty h3 { font-size:17px; margin-bottom:10px; }
.preview-empty p { font-size:12px; color:#97a7bf; }
.preview-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.monitor-menu a:focus-visible,.monitor-menu button:focus-visible,.preview-card:focus-visible,.preview-mobile-category select:focus-visible { outline:2px solid #76adff; outline-offset:3px; }
.monitor-menu .trust-strip { margin:25px 0; padding-left:0; padding-right:0; }
.monitor-menu .trust-strip .section-title { font-size:24px; margin-top:0; }
@media (max-width:980px) {
 .monitor-menu header .main-menu { justify-content:center; overflow:visible; padding-top:12px; }
 .monitor-menu header .main-menu a { font-size:12px; }
 .preview-layout { grid-template-columns:195px minmax(0,1fr); }
 .preview-results { padding:20px; }
 .preview-grid .preview-card { gap:10px; padding:16px 12px; }
 .preview-icon { flex-basis:28px; width:28px; height:28px; padding:4px; }
}
@media (max-width:720px) {
 .preview-banner { padding:6px 16px; font-size:9px; }
 .preview-banner-note { display:none; }
 .preview-banner a { font-size:10px; }
 .monitor-menu header { padding:12px 16px; gap:10px; }
 .monitor-menu .logo { font-size:20px; }
 .monitor-menu .lang-btn { font-size:11px; padding:7px 10px; }
 .monitor-menu main { padding:0 16px; }
 .monitor-menu .hero { display:flex; flex-wrap:wrap; gap:0; padding:23px 0; }
 .monitor-menu .hero h1 { width:100%; font-size:29px; margin-bottom:10px; }
 .monitor-menu .hero p { font-size:12px; }
 .monitor-menu .hero .btn-primary { font-size:12px; padding:11px 15px; margin-top:17px; order:1; }
 .monitor-menu .hero .hz-indicator { font-size:9px; margin:17px 0 0 12px; order:2; max-width:145px; }
 .monitor-menu .hz-indicator .highlight-text { font-size:10px; }
 .preview-catalog { border-radius:15px; }
 .preview-catalog-heading { padding:17px; align-items:flex-start; }
 .preview-catalog-heading h2 { font-size:19px; }
 .preview-total { display:none; }
 .preview-layout { display:block; }
 .preview-sidebar { padding:14px 17px 0; border:0; background:none; }
 .preview-category-nav,.preview-rail-label,.preview-help { display:none; }
 .preview-mobile-category { display:flex; align-items:center; gap:12px; }
 .preview-mobile-category label { color:#91a1b8; font-size:12px; }
 .preview-mobile-category select { flex:1; min-width:0; background:#182338; color:#e8effc; border:1px solid #34435d; border-radius:8px; font:12px Inter,sans-serif; padding:10px; }
 .preview-results { padding:14px 17px 17px; }
 .preview-search { min-height:42px; }
 .preview-search input { font-size:11px; padding:12px 0; }
 .preview-search button { font-size:10px; }
 .preview-result-heading { margin-top:17px; }
 .preview-result-heading h3 { font-size:12px; }
 .preview-result-heading span { font-size:10px; }
 .preview-grid { grid-template-columns:1fr; gap:8px; }
 .preview-grid .preview-card { min-height:90px; padding:14px; }
 .preview-grid .preview-card h3 { font-size:14px; margin-bottom:5px; }
 .preview-grid .preview-card p { font-size:11px; }
 .preview-footnote { margin-top:13px; font-size:9px; }
}
.preview-start-help { display:grid; gap:4px; flex-shrink:0; border-left:2px solid #5b8bd0; padding:4px 0 4px 14px; color:#98aac4; font-size:10px; text-decoration:none; }
.preview-start-help strong { color:#b6d4ff; font-size:12px; font-weight:500; }
.preview-discover-jump { display:inline-block; margin-top:10px; color:#a6c9ff; font-size:11px; text-decoration:none; }
.preview-discover-jump:hover,.preview-start-help:hover strong { color:#fff; text-decoration:underline; }
#test-catalog,#discover-tests { scroll-margin-top:115px; }
.preview-discover { margin:0 0 32px; padding:0; }
.preview-discover-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:18px; }
.preview-discover-heading h2 { font-size:25px; margin-top:6px; letter-spacing:-.025em; }
.preview-discover-heading p { color:#8f9fb8; font-size:12px; line-height:1.6; margin-top:9px; max-width:670px; }
.preview-discover-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.preview-discover-group { display:flex; flex-direction:column; min-width:0; padding:18px 16px 14px; border:1px solid #29364b; border-radius:13px; background:rgba(17,26,41,.9); }
.preview-discover-category { display:flex; align-items:center; gap:8px; }
.preview-discover-category>span:first-child { color:#6c8dbe; font-size:11px; }
.preview-discover-category h3 { color:#e9f1ff; font-size:15px; font-weight:500; flex:1; }
.preview-discover-group>p { margin:10px 0 13px; font-size:10px; color:#94a5bd; line-height:1.6; min-height:32px; }
.preview-discover-group ul { list-style:none; padding:0; margin:0 0 14px; }
.preview-discover-group li { border-top:1px solid #243047; }
.preview-discover-group li:first-child { border-top:0; }
.preview-discover-group li button,.preview-discover-group li a { width:100%; display:block; position:relative; padding:10px 18px 10px 0; border:0; background:none; color:#cbdaf1; font:12px/1.45 Inter,sans-serif; text-align:left; cursor:pointer; text-decoration:none; }
.preview-discover-group li button:hover,.preview-discover-group li a:hover { color:#fff; text-decoration:underline; }
.preview-discover-group li span { position:absolute; right:0; top:10px; color:#6e8db5; }
.preview-discover-group li small { display:block; color:#e4b47d; font-size:9px; margin-top:3px; }
.preview-discover-guide { margin-top:auto; padding-top:12px; border-top:1px solid #33425a; color:#85b7fa; text-decoration:none; font-size:10px; line-height:1.6; }
.preview-discover-guide:hover { color:#c7deff; text-decoration:underline; }
@media (max-width:980px) {
 .preview-discover-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .preview-discover-heading .preview-total { display:none; }
}
@media (max-width:720px) {
 .preview-catalog-heading { flex-wrap:wrap; gap:12px; }
 .preview-start-help { width:100%; display:flex; align-items:center; gap:10px; font-size:9px; padding:3px 0 3px 9px; }
 .preview-start-help strong { font-size:10px; }
 .preview-discover-heading h2 { font-size:22px; }
 .preview-discover-heading p { font-size:11px; }
 .preview-discover-grid { gap:8px; }
 .preview-discover-group { padding:14px 12px; }
 .preview-discover-category { gap:5px; flex-wrap:wrap; }
 .preview-discover-category h3 { font-size:13px; }
 .preview-discover-group li button,.preview-discover-group li a { font-size:11px; padding-top:11px; padding-bottom:11px; }
 .preview-discover-jump { font-size:10px; line-height:1.7; }
}
@media (max-width:380px) { .preview-discover-grid { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { .preview-grid .preview-card { transition:none; } }

/* Locale-aware layout and long translations. */
.monitor-menu .hero,.preview-category-nav button,.preview-grid .preview-card,.preview-discover-group li button,.preview-discover-group li a{text-align:start}
.preview-sidebar{border-right:0;border-inline-end:1px solid #232a3b}
.preview-start-help{border-left:0;border-inline-start:2px solid #5b8bd0;padding-inline-start:14px}
.preview-discover-group li span{right:auto;inset-inline-end:0}
.preview-discover-group li button,.preview-discover-group li a{padding-inline-end:18px;padding-inline-start:0}
.monitor-menu .main-menu{margin-inline:1rem;flex-wrap:wrap;overflow:visible!important}
.preview-grid .preview-card h3,.preview-discover-category h3{overflow-wrap:anywhere}
@media(max-width:720px){.monitor-menu .hero .hz-indicator{margin-inline-start:12px}.preview-result-heading{flex-wrap:wrap}.preview-sidebar{border:0}.preview-start-help{padding-inline-start:9px}.monitor-menu .main-menu a{white-space:normal}.monitor-menu .main-menu{gap:12px}}