.quizbox{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow);padding:28px;margin-top:8px}
@media(max-width:560px){.quizbox{padding:20px 16px}}
.track-pick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:760px){.track-pick{grid-template-columns:1fr}}
.track-btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);padding:18px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;font-family:inherit}
.track-btn:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
.track-btn b{display:flex;align-items:center;gap:8px;font-size:var(--fs-lg);color:var(--ink);margin-bottom:5px}
.track-btn span{font-size:var(--fs-sm);color:var(--muted)}
.track-btn .tb-go{margin-top:auto;padding-top:12px;font-style:normal;font-size:var(--fs-sm);font-weight:700;color:var(--accent)}
.writtenbox{background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.answer-area{width:100%;min-height:130px;resize:vertical;border:1.5px solid var(--field-line);border-radius:var(--r-sm);padding:13px 14px;font-size:var(--fs-base);font-family:inherit;line-height:1.5}
.answer-area:focus{border-color:var(--accent)}
.skip-hint{margin:8px 0 0;line-height:1.45}
.model-card{margin-top:16px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r);padding:18px}
.model-card b{display:block;margin-bottom:6px}
.key-list{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:var(--fs-sm)}

.kp-hint{margin:14px 0 2px;font-size:var(--fs-xs);font-weight:600;color:var(--accent-d)}
.key-list.pickable{padding-left:0;margin-top:8px}
.key-list.pickable li{list-style:none;cursor:pointer;position:relative;padding:8px 11px 8px 36px;margin:6px 0;
  border:1.5px solid var(--field-line);border-radius:8px;background:var(--surface);color:var(--ink-2);font-size:var(--fs-sm);
  transition:border-color .12s,background .12s}
.key-list.pickable li:before{content:"";position:absolute;left:11px;top:50%;transform:translateY(-50%);
  width:15px;height:15px;border:1.5px solid var(--field-line);border-radius:4px;background:var(--surface);
  font-size:var(--fs-3xs);line-height:15px;text-align:center;color:var(--on-accent)}
.key-list.pickable li.kdone{border-color:var(--good-line);background:var(--good-bg)}
.key-list.pickable li.kdone:before{content:"✓";background:var(--good);border-color:var(--good)}
.hintline{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px}
.hintline span{font-size:var(--fs-2xs);font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-pill);padding:3px 10px}

.exam-window{max-width:540px;margin:18px auto 0;text-align:center}
.exam-window .ew-title{display:block;font-size:var(--fs-md);margin-bottom:10px}
.exam-window .ew-opts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.exam-window .ew-opts button:disabled{opacity:.55;cursor:default}
.exam-window .ew-opts button.ew-picked{opacity:1;background:var(--accent-soft);border-color:var(--accent)}
.exam-window .ew-note{margin:8px 0 0;font-size:var(--fs-xs);color:var(--muted)}
.sampler-offer{max-width:540px;margin:16px auto 0;background:var(--surface);border:1.5px solid var(--accent-line);border-radius:var(--r);padding:18px 20px;text-align:left;box-shadow:var(--shadow)}
.sampler-offer b{display:block;font-size:var(--fs-base)}
.sampler-offer p{margin:6px 0 0;font-size:var(--fs-md);color:var(--ink-2)}
.sampler-offer .so-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.sampler-offer .so-actions .buyBtn{display:none}
.sampler-offer .so-actions .buyBtn.so-on{display:inline-flex}
.sampler-offer .so-fine{font-size:var(--fs-xs);color:var(--muted);margin-top:10px}

.guess-row{margin-top:10px;font-size:var(--fs-sm)}
.guess-row button{border:0;background:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;cursor:pointer}
.guess-row button[aria-pressed="true"]{color:var(--gold);text-decoration:none;font-weight:600}
.qwhy{margin-top:14px;background:var(--panel-2);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 16px;font-size:var(--fs-md);color:var(--ink-2)}
.qwhy .verdict{display:block;color:var(--ink);margin-bottom:6px}
.report-box,.conf-box,.plan-box,.reminder{max-width:540px;margin:18px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;text-align:left}
.report-box .rb-title{display:block;font-size:var(--fs-sm);margin-bottom:8px}
.rep-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}
.rep-table th{text-align:left;font-size:var(--fs-3xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:6px 4px;border-bottom:1px solid var(--line)}
.rep-table td{padding:8px 4px;border-bottom:1px solid var(--line-soft);vertical-align:middle}
.rep-table .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.rep-table td.num{font-weight:700}
.rep-table tr:last-child td{border-bottom:0}
.rb-note,.pb-note{margin:10px 0 0;font-size:var(--fs-xs);color:var(--muted)}
.conf-box > b,.plan-box > b,.reminder > b{display:block;font-size:var(--fs-md)}
.conf-box .cb-lead{margin:6px 0 0;font-size:var(--fs-sm);color:var(--ink-2)}
.conf-box ul{margin:8px 0 0;padding-left:18px;font-size:var(--fs-sm)}
.conf-box li{margin:6px 0}
.conf-box .cb-cal{margin:10px 0 0;font-size:var(--fs-sm);color:var(--ink-2)}
.plan-box p{margin:6px 0 0;font-size:var(--fs-md);color:var(--ink-2)}
.reminder p{margin:6px 0 0}
.keep-box{max-width:540px;margin:18px auto 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;text-align:left}
.keep-box .keep-title{display:block;font-size:var(--fs-lg)}
.keep-box .reminder{max-width:none;margin:14px 0 0;padding:14px 0 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
.keep-box .reminder .btn{margin-top:10px}
.keep-box .reminder .form-row .btn{margin-top:0}
.print-head{display:none}
.review-wrap{margin-top:22px}
.review-wrap summary{cursor:pointer;font-weight:700;color:var(--accent);text-align:center;padding:8px;list-style-position:inside}
.resume-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;padding:12px 16px;border:1.5px solid var(--accent-line);background:var(--accent-soft);border-radius:var(--r);font-size:var(--fs-md)}
.resume-box .rs-actions{display:flex;gap:8px;flex-wrap:wrap}
@media print{
  body *{visibility:hidden}
  #results,#results *{visibility:visible}
  #results{position:absolute;left:0;top:0;width:100%}
  #samplerOffer,#keepBox,.res-actions,#examWindow,.pb-actions{display:none!important}
  .print-head{display:block;margin:0 0 10px;font-size:var(--fs-xs);color:var(--muted)}
  .report-box,.conf-box,.plan-box,.rev{box-shadow:none;break-inside:avoid}
}

#opts .opt[disabled]:not(.correct):not(.wrong):hover{border-color:var(--field-line);background:var(--surface)}

.review-list{margin-top:22px;display:flex;flex-direction:column;gap:12px}
.rev{border:1px solid var(--line);border-radius:var(--r-sm);padding:15px 16px;background:var(--surface)}
.rev .rq{font-weight:600;font-size:var(--fs-md);margin:0 0 6px}
.rev .ra{font-size:var(--fs-sm);margin:2px 0}
.rev .tag{display:inline-block;font-size:var(--fs-3xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:3px 9px;border-radius:6px;margin-bottom:8px}
.tag.ok{background:var(--good-bg);color:var(--good)}
.tag.no{background:var(--bad-bg);color:var(--bad)}
.tag.guess{background:var(--gold-bg);color:var(--gold)}
.rev .why{color:var(--muted);font-size:var(--fs-sm);margin-top:6px}


.check-page{padding:26px 0 40px}
.check-page h1{font-size:var(--fs-page-title);margin:8px 0 10px}
.check-page .lead{font-size:var(--fs-lg);color:var(--ink-2);max-width:68ch;margin:0 0 18px;line-height:1.55}
.check-page .breadcrumb{margin-bottom:12px}
.check-foot{text-align:center;margin-top:18px}
.check-how{padding:36px 0 44px;background:var(--bg-soft);border-top:1px solid var(--line)}
.check-how h2{font-size:var(--fs-4xl);margin:0 0 14px}
.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:14px}
@media(max-width:760px){.how-grid{grid-template-columns:1fr}}
.how-grid div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}
.how-grid p{margin:6px 0 0;font-size:var(--fs-md);color:var(--ink-2);line-height:1.5}
.trial-box{margin:12px 0 4px;padding:12px 14px;border:1px solid var(--accent-line);background:var(--surface);border-radius:var(--r-sm)}
.trial-box b{display:block;font-size:var(--fs-md)}
.trial-box p{margin:4px 0 0}
#wTrialBtn{margin-top:10px;min-height:40px}
.ew-date{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:10px;font-size:var(--fs-sm);color:var(--ink-2)}
.ew-date input{font:inherit;font-size:var(--fs-base);padding:7px 10px;border:1.5px solid var(--field-line);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);min-height:40px}
.plan-list{margin:8px 0 0;padding-left:20px;font-size:var(--fs-md);color:var(--ink-2)}
.plan-list li{margin:5px 0}
.pb-actions{margin:12px 0 0}
.res-actions{text-align:center;margin-top:24px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}