body.hh-page-guide-article .hh-editorial-main { margin-top: clamp(22px,4vw,48px); }
.hh-editorial-article { width: min(var(--hh-reading),100%); margin-inline: auto; }
.hh-guide-hero { padding: clamp(26px,5vw,52px); border: 1px solid var(--hh-line); border-radius: var(--hh-radius-xl); background: radial-gradient(circle at 100% 0%,rgba(216,239,255,.85),transparent 43%),linear-gradient(145deg,#fff,var(--hh-lilac)); box-shadow: var(--hh-shadow-md); }
.hh-guide-hero h1 { font-size: clamp(2.3rem,6vw,4.5rem); }
.hh-guide-dek { color: var(--hh-ink-soft); font-size: 1.12rem; }
.hh-review-line { color: var(--hh-muted); font-size: .9rem; }
.hh-editorial-article > section, .hh-summary-card, .hh-script-card, .hh-action-panel { margin-top: 20px; }
.hh-editorial-article > section { padding: clamp(20px,4vw,32px); border: 1px solid var(--hh-line); border-radius: 24px; background: rgba(255,255,255,.94); box-shadow: var(--hh-shadow-xs); }
.hh-summary-card { background: linear-gradient(145deg,#fff,var(--hh-mint)); }
.hh-script-card { background: linear-gradient(145deg,#fff,var(--hh-yellow)); }
.hh-guide-section-checklist ul { list-style: none; padding: 0; }
.hh-guide-section-checklist li { position: relative; padding-left: 30px; }
.hh-guide-section-checklist li::before { content: "✓"; position: absolute; left: 0; top: .05em; width: 22px; height: 22px; border-radius: 50%; background: var(--hh-mint); display: grid; place-items: center; color: #2f7550; font-weight: 900; }
.hh-source-grid, .hh-related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.hh-source-card, .hh-related-card { padding: 17px; }
.hh-action-panel { background: linear-gradient(145deg,#fff,var(--hh-blue)); }
.hh-guide-boundary { color: var(--hh-muted); font-size: .92rem; padding: 14px 0 0; }
@media (max-width: 650px) { .hh-source-grid, .hh-related-grid { grid-template-columns: 1fr; } }