:root{--black:#000;--white:#fff;--grey-100:#cbcbcb;--grey-200:#b6b6b6;--grey-400:#8a8a8a;--grey-500:#6f6f6f;--grey-600:#5a5a5a;--grey-700:#444;--grey-900:#171717;--canvas:#e9e9e9;--card-1:#e1e1e1;--card-2:#f1f1f1;--rail:44rem;--pad:1.25rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--grey-900);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.6}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:500;line-height:1.2}p{margin:0}button{font:inherit;color:inherit}a{color:inherit}.wrap{max-width:var(--rail);padding:var(--pad);margin:0 auto}.top{padding:1rem var(--pad);max-width:var(--rail);justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;display:flex}.top__mark{font-size:.875rem;font-weight:500;text-decoration:none}.top__link{color:var(--grey-500);font-size:.8125rem;text-decoration:none}.top__link:hover{color:var(--grey-900)}.progress{z-index:5;background:var(--canvas);padding:.75rem var(--pad) .5rem;max-width:var(--rail);margin:0 auto;position:sticky;top:0}.progress__meta{color:var(--grey-500);justify-content:space-between;margin-bottom:.5rem;font-size:.75rem;display:flex}.progress__track{background:var(--grey-100);border-radius:100px;height:3px;overflow:hidden}.progress__fill{background:var(--grey-900);border-radius:100px;height:100%;transition:width .22s ease-out}.q__prompt{margin-bottom:.5rem;font-size:1.5rem}.q__why{color:var(--grey-500);margin-bottom:1.25rem;font-size:.875rem}.q__options{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.opt{text-align:left;background:var(--card-2);cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;padding:.875rem 1rem;transition:background .12s,border-color .12s;display:block}.opt:hover{background:#fff}.opt:focus-visible{outline:2px solid var(--grey-900);outline-offset:2px}.opt[aria-pressed=true],.opt[data-selected=true]{background:var(--grey-900);color:var(--white)}.opt__label{font-weight:500;display:block}.opt__hint{color:var(--grey-500);margin-top:.125rem;font-size:.8125rem;display:block}.opt[data-selected=true] .opt__hint{color:var(--grey-200)}.opt[data-unknown=true]{border-color:var(--grey-100);color:var(--grey-500);background:0 0}.opt[data-unknown=true][data-selected=true]{background:var(--grey-700);border-color:var(--grey-700);color:var(--white)}.q__nav{align-items:center;gap:.75rem;margin-top:1.5rem;display:flex}.btn{background:var(--grey-900);color:var(--white);cursor:pointer;border:0;border-radius:100px;padding:.75rem 1.5rem;font-weight:500}.btn:disabled{background:var(--grey-100);color:var(--grey-500);cursor:not-allowed}.btn--ghost{color:var(--grey-600);background:0 0;padding:.75rem .5rem}.btn--ghost:hover{color:var(--grey-900)}.btn--small{padding:.5rem 1rem;font-size:.875rem}.btn--secondary{background:var(--grey-100);color:var(--grey-900)}.peek{border-left:2px solid var(--grey-900);background:var(--card-2);color:var(--grey-700);border-radius:0 8px 8px 0;margin-top:1.25rem;padding:.875rem 1rem;font-size:.875rem}.verdict{background:var(--grey-900);color:var(--white);border-radius:16px;margin-bottom:1.25rem;padding:1.5rem}.verdict__kind{text-transform:uppercase;letter-spacing:.06em;color:var(--grey-200);margin-bottom:.5rem;font-size:.75rem}.verdict__headline{margin-bottom:.75rem;font-size:1.5rem}.verdict__detail{color:var(--grey-100);font-size:.9375rem}.verdict__route{background:var(--white);color:var(--grey-900);border-radius:100px;margin-top:1rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-block}.summary{background:var(--card-1);border-radius:12px;flex-wrap:wrap;gap:1.25rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.stat__value{font-size:1.375rem;font-weight:500}.stat__label{color:var(--grey-500);font-size:.75rem}.card{background:var(--card-2);border-radius:14px;margin-bottom:.75rem;padding:1.25rem}.card__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.card__rank{color:var(--grey-400);font-size:.75rem}.card__title{margin:.125rem 0 .5rem;font-size:1.125rem}.card__value{color:var(--grey-700);margin-bottom:.875rem;font-size:.875rem}.bars{flex-direction:column;gap:.5rem;display:flex}.bar{color:var(--grey-600);grid-template-columns:7.5rem 1fr 2.5rem;align-items:center;gap:.625rem;font-size:.75rem;display:grid}.bar__track{background:var(--grey-100);border-radius:100px;height:6px;overflow:hidden}.bar__fill{background:var(--grey-900);border-radius:100px;height:100%}.bar__num{text-align:right;font-variant-numeric:tabular-nums}details.why{border-top:1px solid var(--grey-100);margin-top:.875rem;padding-top:.75rem}details.why summary{cursor:pointer;color:var(--grey-600);font-size:.8125rem}.factors{color:var(--grey-600);flex-direction:column;gap:.3125rem;margin:.625rem 0 0;padding:0;font-size:.8125rem;list-style:none;display:flex}.factors li{justify-content:space-between;gap:1rem;display:flex}.factors b{font-variant-numeric:tabular-nums;color:var(--grey-900);font-weight:500}.note{color:var(--grey-500);margin-top:1.25rem;font-size:.8125rem}.panel{background:var(--card-1);border-radius:14px;margin-top:1.25rem;padding:1.25rem}.panel h3{margin-bottom:.5rem;font-size:1.0625rem}.row{flex-wrap:wrap;gap:.5rem;margin-top:.875rem;display:flex}.field{border:1px solid var(--grey-100);background:var(--white);min-width:0;font:inherit;border-radius:100px;flex:12rem;padding:.6875rem 1rem;font-size:.9375rem}.field:focus{border-color:var(--grey-700);outline:none}.meth table{border-collapse:collapse;width:100%;margin:.625rem 0 1.25rem;font-size:.8125rem}.meth th,.meth td{text-align:left;border-bottom:1px solid var(--grey-100);padding:.375rem .5rem}.meth th{color:var(--grey-500);font-weight:500}.meth td:last-child,.meth th:last-child{text-align:right;font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}@media (width>=40rem){:root{--pad:2rem}.q__prompt{font-size:1.75rem}.verdict__headline{font-size:1.875rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.card__prose{border-left:2px solid var(--grey-100);color:var(--grey-600);margin:0 0 .875rem;padding-left:.75rem;font-size:.875rem;font-style:italic}
