.hct-practical { margin: 40px 0; padding: clamp(20px, 4vw, 36px); border: 1px solid var(--hct-border, #dfe5ee); border-radius: 18px; background: var(--hct-surface, #fff); color: var(--hct-text, #172033); font: 15px/1.85 system-ui, sans-serif; overflow-wrap: anywhere; scroll-margin-top: 90px; }
.hct-practical .hct-help-kicker { color: var(--hct-accent, #2563eb); font-size: 11px; font-weight: 750; letter-spacing: .08em; }
.hct-practical h2 { margin: 8px 0 14px; font-size: clamp(21px, 3vw, 28px); line-height: 1.45; letter-spacing: -.035em; }
.hct-practical h3 { font-size: 18px; margin: 28px 0 12px; line-height: 1.5; }
.hct-practical header > p:last-child { color: var(--hct-muted, #65748a); }
.hct-help-table { max-width: 100%; overflow-x: auto; margin: 22px 0; }
.hct-practical table { width: 100%; border-collapse: collapse; font-size: 14px; text-align: left; }
.hct-practical caption { text-align: left; font-weight: 700; margin-bottom: 10px; }
.hct-practical th, .hct-practical td { padding: 12px 14px; border: 1px solid var(--hct-border, #dfe5ee); vertical-align: top; }
.hct-practical thead { background: var(--hct-accent-soft, #eaf1ff); }
.hct-practical tbody th { width: 22%; min-width: 90px; font-weight: 650; }
.hct-practical td:nth-child(2) { width: 26%; min-width: 100px; }
.hct-practical ol, .hct-practical ul { padding-left: 23px; margin: 10px 0; }
.hct-practical li { padding-left: 4px; margin: 10px 0; }
.hct-practical details { padding: 14px 0; border-bottom: 1px solid var(--hct-border, #dfe5ee); }
.hct-practical summary { cursor: pointer; font-weight: 650; }
.hct-practical details p { margin: 10px 0 0; color: var(--hct-muted, #65748a); }
.hct-help-next { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 24px 0; }
.hct-help-next a { color: var(--hct-accent, #2563eb); text-underline-offset: 4px; }
.hct-practical .hct-help-byline { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--hct-border, #dfe5ee); color: var(--hct-muted, #65748a); font-size: 12px; }
.guide-tool-help { margin-top: 40px; }
.hct-help-jump { margin: 18px 0; font-size: 14px; }
.hct-help-jump a { color: var(--hct-accent, #2563eb); text-underline-offset: 4px; }
.guide-tool-help > h2 { font-size: 24px; }
.guide-tool-help .guide-hub-grid { margin-top: 20px; }
@media (max-width: 580px) { .hct-practical th, .hct-practical td { padding: 10px 8px; } .hct-practical table { font-size: 12px; } .hct-practical tbody th { min-width: 55px; } .hct-practical td:nth-child(2) { min-width: 70px; } }