.guide-page { max-width: 1000px; margin: 0 auto; padding-bottom: 24px; }
.guide-lead { margin-bottom: 24px; }
.guide-page h2 { font-size: clamp(1.7rem, 3vw, 2.4rem); line-height: 1.15; margin: 10px 0 16px; }
.guide-page p, .guide-page li { line-height: 1.65; }
.guide-lead p { max-width: 760px; font-size: 1.08rem; color: #555; }
.guide-start { border-left: 5px solid #f5d600; background: #fff; padding: 22px; margin-bottom: 24px; border-radius: 8px; }
.guide-start strong { font-size: 1.15rem; }
.guide-start a, .guide-topic-body p a, .guide-topic-body li a { text-decoration: underline; text-underline-offset: 3px; }
.guide-topic { background: #fff; border: 1px solid #d9d9d9; border-radius: 10px; margin: 12px 0; overflow: hidden; }
.guide-topic summary { cursor: pointer; padding: 20px 24px; min-height: 64px; }
.guide-topic summary strong { font-size: 1.08rem; }
.guide-topic summary span { display: block; color: #595959; padding-top: 7px; line-height: 1.5; }
.guide-topic summary:focus-visible { outline: 3px solid #987d00; outline-offset: -4px; }
.guide-topic[open] summary { background: #faf9ef; border-bottom: 1px solid #e5e5e5; }
.guide-topic-body { padding: 6px 24px 24px; }
.guide-topic-body ol { padding-left: 24px; }
.guide-topic-body li { padding: 4px 0; }
.guide-page .button { min-height: 44px; display: inline-flex; align-items: center; margin-top: 8px; white-space: normal; }
.guide-feedback { background: #fff7b5; border: 2px solid #e8ca00; border-radius: 14px; padding: 32px; margin-top: 36px; }
.guide-feedback h2 { max-width: 700px; }
.guide-feedback .button { background: #171717; color: #fff; border-color: #171717; padding: 14px 24px; }
.guide-contact { overflow-wrap: anywhere; font-size: .95rem; }
@media (max-width: 600px) { .guide-topic summary { padding: 18px 16px; } .guide-topic-body { padding: 4px 16px 20px; } .guide-feedback { padding: 22px 18px; } .guide-start { padding: 18px; } }
.guide-menu-footer { flex-shrink: 0; border-top: 1px solid #ddd; padding: 10px 14px; }