.qtp-intro{padding:26px;border:1px solid #304d74;border-radius:18px;background:linear-gradient(120deg,#172d4d,#0d1b2e);margin:18px 0 22px}.qtp-eyebrow{font-size:10px;letter-spacing:.14em;color:#94b9ed}.qtp-intro h1{font-size:34px;letter-spacing:-.04em;margin:12px 0}.qtp-intro p{font-size:14px;line-height:1.8;color:#afc3df;max-width:670px}.qtp-date{display:grid;gap:9px;font-size:12px;color:#a9bfdd;max-width:270px;margin:20px 0}.qtp-date select{font:inherit;font-size:16px;background:#0a1729;color:#e2edff;border:1px solid #45618a;border-radius:10px;padding:12px;min-height:46px}.qtp-method{font-size:12px;line-height:1.8;color:#93acce}.qtp-day{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:#cfe1fa;margin:18px 0;font-size:13px}.qtp-day>span{color:#8eaccf}.qtp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:25px}.qtp-card{min-width:0;padding:24px;border:1px solid #36547b;border-radius:18px;background:radial-gradient(ellipse at top right,#25517c55,transparent 65%),#101e32}.qtp-card:first-child{border-color:#6597da}.qtp-card-head{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #2e4564;padding-bottom:18px;margin-bottom:18px}.qtp-rank{font-size:34px;font-weight:750;color:#d5e8ff;letter-spacing:-.04em}.qtp-rank small{display:block;font-size:8px;font-weight:600;letter-spacing:.1em;color:#8dafdd;margin-top:4px}.qtp-edge{text-align:right}.qtp-edge strong{display:block;font-size:29px;letter-spacing:-.03em;color:#c2ddff}.qtp-edge span{font-size:10px;color:#95b1d6}.qtp-meta{font-size:11px;line-height:1.6;color:#95b0d4}.qtp-card h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:13px 0 18px;color:#e4eeff;overflow-wrap:anywhere}.qtp-selection{display:flex;align-items:center;justify-content:space-between;gap:12px}.qtp-selection strong{font-size:17px;color:#d4e5ff}.qtp-selection>span{border:1px solid #477968;background:#183b35;border-radius:20px;color:#ace4c9;padding:5px 9px;font-size:9px;white-space:nowrap}.qtp-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.qtp-metrics>div{border:1px solid #304663;border-radius:10px;padding:13px;background:#09172888;min-width:0}.qtp-metrics>div:first-child{border-color:#527fb6;background:#214a7955}.qtp-metrics span{display:block;font-size:11px;color:#94aed0}.qtp-metrics b{display:block;font-size:25px;color:#e3efff;margin-top:7px;font-variant-numeric:tabular-nums}.qtp-why{font-size:11px;line-height:1.7;color:#8da8cb}.qtp-card>.qx-button{width:100%;font-size:13px;min-height:46px}.qtp-card button:focus-visible,.qtp-date select:focus-visible{outline:2px solid #a8ccff;outline-offset:3px}@media(max-width:750px){.qtp-list{grid-template-columns:minmax(0,1fr)}.qtp-intro,.qtp-card{padding:20px}.qtp-intro h1{font-size:31px}.qtp-intro p{font-size:13px}.qtp-card h2{font-size:22px}}

.qtp-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 22px}.qtp-mode-tabs button{min-height:44px;padding:11px 16px;border:1px solid #3b577e;background:#0c1a2d;border-radius:10px;color:#a5bfdf;font:650 13px system-ui;cursor:pointer}.qtp-mode-tabs button[aria-pressed="true"]{background:#26518a;border-color:#7aa7e1;color:#f0f6ff}.qtp-mode-tabs button:focus-visible{outline:2px solid #c4ddff;outline-offset:3px}@media(max-width:420px){.qtp-mode-tabs{display:grid;grid-template-columns:1fr 1fr}.qtp-mode-tabs button{padding:10px;font-size:12px}}
