.tl-thpt-hsg-page{max-width:980px;margin:auto;padding:var(--tl-space-4)}
.tl-thpt-hsg-surface{background:var(--tl-paper);border:1px solid var(--tl-glass-border);box-shadow:var(--tl-shadow);backdrop-filter:blur(var(--tl-blur));border-radius:var(--tl-radius-surface);padding:clamp(20px,5vw,52px)}
.tl-thpt-hsg-surface h1{font:700 clamp(34px,7vw,58px)/1.05 var(--tl-font-shodo);margin:0 0 var(--tl-space-3)}
.tl-thpt-hsg-eyebrow{font:700 var(--tl-text-meta)/1.2 var(--tl-font-mono);color:var(--tl-seal);letter-spacing:.12em}
.tl-thpt-hsg-intro,.tl-thpt-hsg-source{color:var(--tl-ink-soft);max-width:64ch}
.tl-thpt-hsg-journey{display:flex;justify-content:space-between;align-items:center;gap:var(--tl-space-3);border-block:1px solid var(--tl-hair);padding:var(--tl-space-3) 0;margin:var(--tl-space-4) 0}
.tl-thpt-hsg-journey strong{font:700 var(--tl-text-meta)/1.3 var(--tl-font-mono);color:var(--tl-seal)}
.tl-thpt-hsg-tabs{display:flex;gap:var(--tl-space-2);margin:var(--tl-space-4) 0;overflow:auto}
.tl-thpt-hsg-tabs button,.tl-thpt-hsg-choice,.tl-thpt-hsg-action{font:inherit;color:inherit;cursor:pointer;min-height:var(--tl-control-min);border:1px solid var(--tl-hair);background:var(--tl-glass);border-radius:var(--tl-radius-control);padding:var(--tl-space-2) var(--tl-space-3)}
.tl-thpt-hsg-tabs button[aria-pressed="true"]{background:var(--tl-seal);color:#fff}
.tl-thpt-hsg-chapter{border-top:1px solid var(--tl-hair);padding-top:var(--tl-space-5);margin-top:var(--tl-space-5)}
.tl-thpt-hsg-chapter h2{font:700 26px/1.25 var(--tl-font-ui);margin:0 0 var(--tl-space-3)}
.tl-thpt-hsg-chapter h3{font:700 19px/1.4 var(--tl-font-ui);margin:0 0 var(--tl-space-3)}
.tl-thpt-hsg-jp{font:var(--tl-text-jp)/1.95 var(--tl-font-jp);white-space:pre-line}
.tl-thpt-hsg-question{padding-top:var(--tl-space-4);margin-top:var(--tl-space-4);border-top:1px solid var(--tl-hair)}
.tl-thpt-hsg-choice{display:block;width:100%;text-align:left;border-inline:0;border-bottom:0;border-radius:0}
.tl-thpt-hsg-choice:hover{background:var(--tl-wash)}
.tl-thpt-hsg-choice.is-correct{border-left:4px solid var(--tl-success);padding-left:var(--tl-space-3)}
.tl-thpt-hsg-choice.is-wrong{border-left:4px solid var(--tl-danger);padding-left:var(--tl-space-3)}
.tl-thpt-hsg-feedback{margin-top:var(--tl-space-3);border-left:4px solid var(--tl-seal);padding-left:var(--tl-space-3)}
.tl-thpt-hsg-meta{font:var(--tl-text-meta)/1.4 var(--tl-font-mono);color:var(--tl-ink-soft)}
.tl-thpt-hsg-notice{border:1px solid var(--tl-hair);background:var(--tl-glass);padding:var(--tl-space-3);margin-top:var(--tl-space-4)}
.tl-thpt-hsg-clue{padding:var(--tl-space-3) 0;border-top:1px solid var(--tl-hair)}
.tl-thpt-hsg-rubric{display:grid;gap:var(--tl-space-3)}
.tl-thpt-hsg-rubric>div{border-top:1px solid var(--tl-hair);padding-top:var(--tl-space-3)}
.tl-thpt-hsg-surface textarea{width:100%;min-height:180px;border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);background:var(--tl-glass);color:var(--tl-ink);font:16px/1.8 var(--tl-font-jp);padding:var(--tl-space-3)}
.tl-thpt-hsg-surface details{margin-top:var(--tl-space-4);border-top:1px solid var(--tl-hair);padding-top:var(--tl-space-2)}
.tl-thpt-hsg-surface summary{min-height:var(--tl-control-min);display:flex;align-items:center;cursor:pointer;font-weight:650}
.tl-thpt-hsg-surface button:focus-visible,.tl-thpt-hsg-surface textarea:focus-visible,.tl-thpt-hsg-surface summary:focus-visible{outline:3px solid var(--tl-focus);outline-offset:3px}
.tl-thpt-hsg-hidden{display:none!important}
.tl-thpt-hsg-inline{max-width:900px;margin:var(--tl-space-5) auto;padding:0 clamp(16px,4vw,34px)}
html[data-theme="cinema"] .tl-thpt-hsg-surface{--tl-ink:#f1eee7;--tl-ink-soft:#bfc5d1;--tl-paper:rgba(14,25,45,.88);--tl-glass:rgba(255,255,255,.06);--tl-hair:rgba(255,255,255,.16);color:var(--tl-ink)}
@media(max-width:520px){.tl-thpt-hsg-page{padding:var(--tl-space-2)}.tl-thpt-hsg-surface{padding:var(--tl-space-4)}.tl-thpt-hsg-journey{align-items:flex-start;flex-direction:column}.tl-thpt-hsg-tabs{display:grid}.tl-thpt-hsg-inline{padding:0 var(--tl-space-2)}}