/* A short, visual explanation first. Evidence and calculation on request. */
.quick-explorer{background:#eeebf5;padding-top:64px;padding-bottom:40px}
.quick-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.quick-heading h2{font-size:clamp(35px,3.7vw,58px);max-width:19ch;margin-top:14px}
.quick-field{flex-shrink:0;min-width:185px}
.quick-field label{display:block;font-size:14px;margin-bottom:8px;color:#5e526d}
.quick-field select{font:16px Instrument,Arial,sans-serif;background:#fffdf8;color:var(--ink);border:1px solid #9686ac;border-radius:8px;min-height:48px;width:100%;padding:10px 34px 10px 14px}
.quick-field select:focus-visible,.optional-tools summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.quick-story{padding:30px;background:#faf8fd;border:1px solid #dad3e6;border-radius:20px}
.quick-intro{display:flex;justify-content:space-between;gap:35px;align-items:start}
.quick-intro h3{font-size:27px;line-height:1.2;max-width:26ch}
.quick-intro>p{font-size:16px;color:var(--muted);max-width:32ch}
.quick-options{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.quick-options button{font-size:15px;min-height:44px;border:1px solid #a699b8;color:#4e4260;background:transparent;border-radius:24px;padding:10px 16px}
.quick-options button.selected{background:var(--accent);color:white;border-color:var(--accent)}
.quick-options button:hover:not(.selected){background:#eee6f6}
.example-board{display:grid;grid-template-columns:.82fr 40px 1.18fr;align-items:stretch;gap:18px}
.example-before,.example-after{padding:25px;border-radius:12px;min-width:0}
.example-before{background:#f3eadc;border:1px solid #d6c7b2;position:relative}
.example-after{background:#fffefa;border:1px solid #cfc7d9;box-shadow:0 8px 25px -19px #3f285d50}
.example-label{display:flex;align-items:center;gap:9px;font-size:14px;color:#68523a;margin-bottom:19px}
.example-after .example-label{color:#5d4591}
.example-label svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;flex-shrink:0}
.example-board p{font-size:19px;line-height:1.6}
.example-before p{color:#584c3d}
.paper-lines{display:block;height:18px;width:52%;border-top:1px solid #dbcebb;border-bottom:1px solid #dbcebb;margin-top:24px}
.example-arrow{align-self:center;text-align:center;font-size:32px;color:#756286}
.review-stamp{font-size:14px;color:#495b37;display:flex;gap:8px;align-items:center;border-top:1px solid #e2e3d8;margin-top:22px;padding-top:16px}
.review-stamp>span{display:grid;place-items:center;background:#e5edd7;border-radius:50%;width:24px;height:24px;flex-shrink:0}
.quick-takeaway{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:23px}
.quick-takeaway>p{font-size:18px;color:#4d3a72}
.sample-label{font-size:13px;color:#62576e;flex-shrink:0}
.quick-decision{display:flex;align-items:center;justify-content:space-between;gap:50px;padding:32px 0}
.quick-decision h3{font-size:29px;line-height:1.15;margin-bottom:12px}
.quick-decision p{font-size:16px;color:var(--muted);max-width:63ch}
.quick-cta{flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:9px}
.quick-cta>span{font-size:14px;color:var(--muted)}
.optional-tools{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #c9bdd8}
.optional-tools details{min-width:0}
.optional-tools summary{font-size:15px;min-height:56px;padding:17px 0;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px}
.optional-tools summary::-webkit-details-marker{display:none}
.optional-tools summary>span{font-size:23px;line-height:1;color:var(--accent)}
.optional-tools details[open] summary>span{transform:rotate(45deg)}
.optional-tools .calculator{margin:0 0 24px;padding:25px;border-radius:12px}
.optional-tools .calculator h3{margin-top:0;font-size:28px}
.optional-tools .minute-inputs{grid-template-columns:1fr}
.optional-tools .minute-inputs label{min-height:0}
.evidence-content{background:#faf8fd;border-radius:12px;padding:25px;margin-bottom:24px}
.evidence-content .source-date{font-size:14px;color:var(--muted);margin-bottom:18px}
.evidence-content .adoption-card{border:0;padding:0}
.evidence-content .time-evidence{margin-top:20px}
.evidence-context{font-size:14px;color:var(--muted);margin-top:16px}
@media(max-width:1100px){.quick-heading h2{font-size:43px}.quick-decision{gap:30px}.quick-story{padding:24px}.example-board{gap:12px;grid-template-columns:.9fr 26px 1.1fr}.example-before,.example-after{padding:21px}.example-board p{font-size:17px}.quick-intro{gap:24px}}
@media(max-width:800px){.quick-explorer{padding-top:40px;padding-bottom:24px}.quick-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:24px}.quick-heading h2{font-size:39px;max-width:20ch}.quick-field{width:100%;min-width:0;display:flex;gap:16px;align-items:center}.quick-field label{margin:0;flex-shrink:0}.quick-field select{flex:1;min-width:0}.quick-story{padding:23px}.quick-intro{display:block}.quick-intro h3{font-size:25px}.quick-intro>p{margin-top:12px;max-width:none}.quick-options{margin:20px 0;gap:7px}.quick-options button{font-size:14px;padding-inline:13px}.example-board{grid-template-columns:1fr;gap:12px}.example-before,.example-after{padding:20px}.example-label{margin-bottom:12px}.example-board p{font-size:17px}.paper-lines{display:none}.example-arrow{display:none}.review-stamp{margin-top:18px;padding-top:14px}.quick-takeaway{align-items:start;flex-direction:column;gap:9px;margin-top:19px}.quick-takeaway>p{font-size:17px}.quick-decision{flex-direction:column;align-items:start;gap:22px;padding:27px 0}.quick-decision h3{font-size:28px}.quick-cta{align-items:start}.optional-tools{grid-template-columns:1fr;gap:0}.optional-tools details+details{border-top:1px solid #c9bdd8}}
@media(max-width:420px){.quick-story{padding:19px 16px;border-radius:15px}.quick-heading h2{font-size:36px}.quick-options button{font-size:13px;padding:9px 12px}.example-before,.example-after{padding:17px}.example-board p{font-size:16px}.example-label{font-size:13px}.review-stamp{font-size:13px}.quick-intro h3{font-size:23px}.quick-decision h3{font-size:26px}.quick-cta .button{font-size:15px;gap:22px}.evidence-content,.optional-tools .calculator{padding:19px}}
@media(prefers-reduced-motion:reduce){.quick-options button{transition:none}.example-board{animation:none}}