/* Scoped component. Shapes and text carry meaning; colour is supplementary. */
.pd-think{--tt-ink:#172a36;--tt-muted:#425966;--tt-line:#b8c9cc;--tt-accent:#07545b;--tt-paper:#fff;box-sizing:border-box;color:var(--tt-ink);background:#f2f7f6;border:1px solid var(--tt-line);border-radius:18px;padding:clamp(18px,3vw,40px);margin:36px auto;max-width:1180px;font:17px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.pd-think *, .pd-think *::before,.pd-think *::after{box-sizing:border-box}
.pd-think [hidden]{display:none!important}
.pd-think h2,.pd-think h3,.pd-think h4,.pd-think p{margin:0 0 12px}
.pd-think h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.16;letter-spacing:-.035em}
.pd-think h3{font-size:1.4rem;line-height:1.25}
.pd-think h4{font-size:1.05rem}
.pd-think .tt-kicker{font-size:.77rem;letter-spacing:.12em;text-transform:uppercase;font-weight:750;color:var(--tt-accent)}
.pd-think .tt-intro{max-width:75ch;color:var(--tt-muted)}
.pd-think .tt-boundary{padding:14px 18px;border-left:4px solid #806019;background:#fff8e7;margin:20px 0;color:#483808;font-size:.94rem}
.pd-think .tt-toolbar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0}
.pd-think .tt-progress{font-size:.87rem;color:var(--tt-muted);margin:0}
.pd-think .tt-card{background:var(--tt-paper);border:1px solid var(--tt-line);border-radius:12px;margin-top:22px;padding:clamp(16px,2.5vw,28px);scroll-margin-top:80px}
.pd-think .tt-card-head{display:flex;align-items:flex-start;gap:14px}
.pd-think .tt-symbol{border:2px solid var(--tt-accent);border-radius:8px;flex:0 0 42px;min-height:42px;display:grid;place-items:center;font-size:1.1rem;font-weight:800;color:var(--tt-accent)}
.pd-think .tt-id{font-size:.74rem;letter-spacing:.07em;color:var(--tt-muted);font-weight:700}
.pd-think .tt-scenario{margin:18px 0;padding:18px;background:#f5f7f8;border:1px solid #d8e1e4;border-radius:8px}
.pd-think .tt-rail{display:flex;align-items:stretch;gap:10px;list-style:none;padding:0;margin:20px 0;font-size:.91rem}
.pd-think .tt-rail li{flex:1;border:1px solid #778f98;border-radius:8px;padding:12px;text-align:center;margin:0;display:grid;place-items:center}
.pd-think .tt-rail li:nth-child(2){border-style:dashed;border-width:2px;background:#f3f8f7}
.pd-think fieldset{margin:24px 0 16px;padding:0;border:0;min-width:0}
.pd-think legend{font-weight:750;margin-bottom:12px;padding:0;max-width:100%}
.pd-think .tt-choice{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--tt-line);border-radius:9px;padding:13px 15px;margin-bottom:10px;cursor:pointer;min-height:48px}
.pd-think .tt-choice:hover{background:#f4f8f7;border-color:var(--tt-accent)}
.pd-think .tt-choice:has(input:checked){border:2px solid var(--tt-accent);padding:12px 14px;background:#edf5f3}
.pd-think input[type=radio]{width:20px;height:20px;flex:0 0 20px;margin:4px 0 0;accent-color:var(--tt-accent)}
.pd-think button{font:inherit;font-weight:700;cursor:pointer;min-height:46px;border-radius:8px;border:2px solid var(--tt-accent);padding:9px 16px;color:white;background:var(--tt-accent)}
.pd-think button.tt-secondary{background:white;color:var(--tt-accent)}
.pd-think :is(button,a,summary,input):focus-visible{outline:3px solid #855716;outline-offset:4px}
.pd-think .tt-feedback:not(:empty){margin:14px 0 6px;padding:14px;border-left:4px solid var(--tt-accent);background:#edf5f3}
.pd-think details{margin:18px 0;border-top:1px solid var(--tt-line);padding-top:14px}
.pd-think summary{font-weight:750;cursor:pointer;min-height:44px;padding:6px 0;color:var(--tt-accent)}
.pd-think .tt-answer{padding:12px 0;border-bottom:1px solid #e2e9eb}
.pd-think .tt-answer:last-child{border:0}
.pd-think .tt-lenses{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.pd-think .tt-lenses>div{border:1px solid var(--tt-line);border-radius:8px;padding:15px}
.pd-think .tt-lenses>div:first-child{border-style:dashed}
.pd-think .tt-sources{font-size:.86rem;color:var(--tt-muted);margin:12px 0 0}
.pd-think a{color:var(--tt-accent);text-decoration:underline;text-underline-offset:3px}
.pd-think .tt-source-link{display:inline-block;margin:4px 16px 4px 0}
@media(max-width:600px){.pd-think{margin:20px auto;font-size:16px}.pd-think .tt-lenses{grid-template-columns:1fr}.pd-think .tt-rail{flex-direction:column}.pd-think .tt-rail li{min-height:44px}.pd-think .tt-card-head{gap:10px}.pd-think h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.pd-think *{scroll-behavior:auto!important;transition:none!important}}
@media print{.pd-think{border:0;padding:0;background:white}.pd-think button,.pd-think .tt-progress{display:none!important}.pd-think .tt-card{break-inside:avoid}.pd-think details>*{display:block!important}.pd-think .tt-choice{break-inside:avoid}}
