.diag-page{--bg1:#fff;--bg2:#eef0f5;--bg3:#e3e6ee;--surface:#fff;--d-ink:#1b2333;--d-body:#5b6576;--d-muted:#a6adbd;--d-line:#e8eaf1;--d-line-2:#dce0ea;--d-soft:#f1f3f8;--shadow-card:0 26px 60px -18px #26325c3d, 0 3px 10px #26325c0f;font-family:var(--sans);color:var(--d-ink);-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse 82% 74% at 50% 32%, var(--bg1) 0%, var(--bg2) 56%, var(--bg3) 100%);min-height:100vh}.diag-page button{cursor:pointer;font-family:inherit}.diag-page .hd{justify-content:space-between;align-items:center;height:64px;padding:0 clamp(20px,4vw,40px);display:flex}.diag-page .logo{letter-spacing:.02em;color:var(--d-ink);align-items:center;gap:10px;font-size:16px;font-weight:800;display:flex}.diag-page .logo .bd{background:var(--brand);color:#fff;border-radius:2px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:800;display:flex}.diag-page .logo small{opacity:.5;font-weight:600}.diag-page .back{color:var(--d-body);font-size:13px;font-weight:600}.diag-page .back:hover{color:var(--navy)}.diag-page .stage{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:24px clamp(16px,4vw,40px) 60px;display:flex}.diag-page .card{background:var(--surface);width:100%;max-width:540px;box-shadow:var(--shadow-card);border-radius:24px;overflow:hidden}.diag-page .card-top{border-bottom:1px solid var(--d-line);justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.diag-page .card-top .tt{font-size:15px;font-weight:700;line-height:1.2}.diag-page .card-top .ts{color:var(--d-muted);margin-top:3px;font-size:11.5px}.diag-page .prog{color:var(--navy);background:#1e3a8a12;border-radius:999px;flex:none;padding:5px 11px;font-size:11.5px;font-weight:700}.diag-page .body{flex-direction:column;padding:22px;display:flex}.diag-page .q{font-size:16px;font-weight:700;line-height:1.45}.diag-page .q.mt{margin-top:26px}.diag-page .hint{color:var(--d-muted);margin-top:6px;font-size:12.5px;line-height:1.55}.diag-page .qblock.mt{margin-top:26px}.diag-page .chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.diag-page .chips button{color:var(--navy);background:#1e3a8a0f;border:1px solid #1e3a8a38;border-radius:999px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:background .18s,color .18s,border-color .18s}.diag-page .chips button:hover{background:#1e3a8a21}.diag-page .chips button.on{background:var(--navy);border-color:var(--navy);color:#fff}.diag-page .opts{flex-direction:column;gap:8px;margin-top:12px;display:flex}.diag-page .opts button{text-align:left;color:var(--d-ink);background:var(--d-soft);border:1px solid #0000;border-radius:14px;padding:14px 16px;font-size:14.5px;font-weight:600;transition:background .18s,border-color .18s,color .18s}.diag-page .opts button:hover{background:#e9ecf4}.diag-page .opts button.on{border-color:var(--navy);color:var(--navy);background:#1e3a8a14}.diag-page .primary{color:#fff;background:var(--navy);text-align:center;border:none;border-radius:14px;margin-top:24px;padding:15px;font-size:15px;font-weight:700;transition:background .18s,opacity .18s}.diag-page .primary:hover{background:var(--navy-deep)}.diag-page .primary:disabled{opacity:.32;cursor:default}.diag-page .primary.as-link{text-decoration:none;display:block}.diag-page .ghost{color:var(--d-body);background:0 0;border:none;padding:10px 0;font-size:13.5px;font-weight:600}.diag-page .ghost:hover{color:var(--navy)}.diag-page .ghost.wide{text-align:center;margin-top:10px}.diag-page .navrow{justify-content:space-between;align-items:center;margin-top:22px;display:flex}.diag-page .count{color:var(--d-muted);font-size:12px;font-weight:600}.diag-page .foot{color:var(--d-muted);text-align:center;margin-top:14px;font-size:11.5px;line-height:1.55}.diag-page .verdict{align-items:center;gap:9px;font-size:17px;font-weight:800;line-height:1.35;display:inline-flex}.diag-page .verdict .dot{border-radius:50%;flex:none;width:10px;height:10px}.diag-page .verdict.green .dot{background:#16a34a}.diag-page .verdict.amber .dot{background:#d97706}.diag-page .verdict.red .dot{background:#dc2626}.diag-page .because{color:var(--d-body);margin-top:12px;font-size:14.5px;line-height:1.72}.diag-page .next{flex-direction:column;gap:9px;margin-top:12px;display:flex}.diag-page .next li{color:var(--d-ink);padding-left:20px;font-size:14px;line-height:1.6;position:relative}.diag-page .next li:before{content:"";background:var(--navy);opacity:.55;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;left:4px}.diag-page .alt{color:var(--d-body);border-left:3px solid var(--navy);background:#1e3a8a0a;border-radius:0 12px 12px 0;margin-top:18px;padding:13px 15px;font-size:13.5px;line-height:1.7}.diag-page .disc{color:var(--d-muted);margin-top:20px;font-size:12px;line-height:1.65}.diag-page .disc b{color:var(--d-body);font-weight:700}@media (max-width:560px){.diag-page .stage{align-items:stretch;min-height:0;padding:0}.diag-page .card{max-width:none;box-shadow:none;border-radius:0;min-height:calc(100dvh - 64px)}.diag-page .card-top{padding:15px 16px}.diag-page .card-top .ts{display:none}.diag-page .body{padding:20px 16px calc(28px + env(safe-area-inset-bottom))}.diag-page .q{font-size:17px}.diag-page .chips button{padding:12px 16px;font-size:14px}.diag-page .opts button{padding:15px 16px;font-size:15px}.diag-page .primary{padding:16px;font-size:15.5px}}
