.htp{max-width:var(--content-max);padding:var(--space-8) var(--space-6) var(--space-16);margin:0 auto}.htp-eyebrow{margin:0 0 var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--accent)}.htp-hero__title{margin:0 0 var(--space-4);font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text)}.htp-hero__lead{max-width:34rem;font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text-dim);margin:0}.htp-section{margin-top:var(--space-12)}.htp-section__title{margin:0 0 var(--space-2);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--text)}.htp-section__intro{margin:0 0 var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-dim)}.htp-deadline{align-items:center;gap:var(--space-3);margin:var(--space-4) 0 0;padding:var(--space-4) var(--space-5);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-hover);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text);display:flex}.htp-deadline svg{color:var(--accent);flex:none}.htp-callout{margin-top:var(--space-12);padding:var(--space-5);border:1px solid var(--color-amber);border-radius:var(--radius-lg);background:var(--color-amber-subtle)}.htp-callout__title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:var(--leading-snug);color:var(--text);display:flex}.htp-callout__title svg{color:var(--color-amber);flex:none}.htp-callout p{margin:0 0 var(--space-3);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text)}.htp-callout p:last-child{margin-bottom:0}.htp-details{gap:var(--space-3);display:grid}.htp-detail{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.htp-detail[open]{background:var(--surface-hover)}.htp-detail__summary{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;list-style:none;display:flex}.htp-detail__summary::-webkit-details-marker{display:none}.htp-detail__summary:hover{background:var(--surface-hover)}.htp-detail__summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.htp-detail__title{font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--leading-snug);color:var(--text);flex:1;margin:0}.htp-detail__chevron{color:var(--text-dim);transition:transform var(--transition-slow);flex:none}.htp-detail[open] .htp-detail__chevron{transform:rotate(180deg)}.htp-detail__body{padding:0 var(--space-5) var(--space-5);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-dim)}.htp-detail__body p{margin:0 0 var(--space-4)}.htp-detail__body p:last-child{margin-bottom:0}.htp-detail__body strong{color:var(--text);font-weight:var(--weight-semibold)}.htp-list{margin:0 0 var(--space-4);padding-left:var(--space-5)}.htp-list li{margin-bottom:var(--space-2)}.htp-list li:last-child{margin-bottom:0}.htp-formats{margin:0 0 var(--space-4);border:0;padding:0}.htp-formats__legend{margin-bottom:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text);padding:0}.htp-formats__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.htp-formats__option{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-dim);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;align-items:center;display:inline-flex}.htp-formats__option:hover{border-color:var(--accent);color:var(--text)}.htp-formats__option--selected{border-color:var(--accent);background:var(--accent-subtle);color:var(--color-green-fg)}.htp-formats__radio{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.htp-formats__option:has(.htp-formats__radio:focus-visible){outline:2px solid var(--accent);outline-offset:var(--space-1)}.htp-formats__explainer{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--text-dim)}.htp-glossary{margin:0}.htp-glossary__term{margin:var(--space-4) 0 var(--space-1);font-weight:var(--weight-semibold);color:var(--text)}.htp-glossary__term:first-child{margin-top:0}.htp-glossary__def{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-dim);margin:0}.htp-outro{align-items:center;gap:var(--space-4);margin-top:var(--space-12);padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.htp-outro__text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-dim);flex:16rem;margin:0}.htp-link{color:var(--accent);text-underline-offset:.15em;text-decoration:underline}.htp-link:hover{color:var(--accent-hover)}@media (width>=768px){.htp{padding:var(--space-12) var(--space-6) var(--space-20)}}@media (prefers-reduced-motion:reduce){.htp-detail__chevron{transition:none}}
