/* ---------- 1. Presentation self-check in the shared design system ---------- */
.ptc-page>.container{margin-block:1.5rem;color:var(--ink-soft)}
.ptc-strip{border-block:1px solid var(--line);background:var(--surface-2);padding:1rem 0}
.ptc-strip__inner{display:flex;flex-wrap:wrap;gap:.65rem 2rem;font-size:.88rem}
.ptc-strip__inner>span{color:var(--brand-red);font-weight:650}
.ptc-workspace{padding:2rem 0}
.ptc-workspace__inner{display:grid;grid-template-columns:230px minmax(0,1fr);gap:3rem;align-items:start}
.ptc-status{position:sticky;top:105px;border:1px solid var(--line);padding:1.2rem;background:var(--surface);font-size:.9rem}
.ptc-status__top{display:flex;justify-content:space-between;gap:1rem}
.ptc-status__top strong{font-size:1.35rem;color:var(--brand-blue)}
.ptc-progress{height:5px;background:var(--line);margin:1rem 0}
.ptc-progress>span{display:block;height:100%;width:0;background:var(--brand-blue)}
.ptc-status [data-ptc-final-status]{margin-bottom:1rem;line-height:1.6}
.ptc-reset{width:100%;font-size:.85rem}
.ptc-steps{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;min-width:0}
.ptc-step{display:grid;grid-template-columns:40px minmax(0,1fr);gap:1.2rem;border:1px solid var(--line);border-left:3px solid var(--line);padding:1.4rem;background:var(--surface);scroll-margin-top:105px}
.ptc-step.is-pass{border-left-color:var(--brand-blue)}
.ptc-step.is-fail{border-left-color:var(--brand-red)}
.ptc-step__num{font-size:1.65rem;color:var(--ink-mute);line-height:1.3;font-family:var(--font-mono)}
.ptc-step h2{font-size:1.4rem;letter-spacing:-.02em;margin-bottom:.8rem}
.ptc-step p{font-size:.95rem;line-height:1.75;margin-bottom:1rem}
.ptc-question{font-weight:650;margin:1rem 0 .7rem;line-height:1.6}
.ptc-decision{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}
.ptc-choice{min-height:44px;min-width:75px;padding:.6rem 1rem}
.ptc-choice.is-active{background:var(--brand-blue);border-color:var(--brand-blue);color:var(--on-accent)}
.is-fail .ptc-choice.is-active{background:var(--brand-red);border-color:var(--brand-red)}
.ptc-examples{padding:1rem;background:var(--surface-2);border:1px solid var(--line);overflow-wrap:anywhere}
.ptc-examples p:last-child{margin-bottom:0}
.ptc-examples b{font-weight:650}
.ptc-step .ptc-requirement{padding:1rem 0 0;margin:0;color:var(--ink-soft)}
.is-fail .ptc-requirement{color:var(--brand-red)}
.ptc-finish{border-top:1px solid var(--line);padding:2rem 0}
.ptc-finish__inner{max-width:850px;margin:auto}
.ptc-finish h2{font-size:1.7rem}
.ptc-finish .eyebrow{display:block;margin-bottom:1rem}
@media(max-width:800px){.ptc-workspace__inner{grid-template-columns:1fr;gap:1.5rem}.ptc-status{position:static}.ptc-status__top{align-items:center}.ptc-step{padding:1rem;gap:.75rem;grid-template-columns:28px minmax(0,1fr)}.ptc-step__num{font-size:1.2rem}.ptc-step h2{font-size:1.2rem}.ptc-finish__inner{width:calc(100% - 40px)}}
@media print{.ptc-status,.ptc-decision{display:none}.ptc-workspace__inner{display:block}.ptc-step{break-inside:avoid;margin-bottom:1rem}.ptc-strip{background:none}}