.customer-guide-page .top-header { position: static; }
.customer-guide { color: #253141; font-size: 14px; line-height: 1.85; letter-spacing: 0; }
.customer-guide a { color: #265d9b; text-underline-offset: 3px; }
.customer-guide a:focus-visible, .customer-guide summary:focus-visible { outline: 2px solid #265d9b; outline-offset: 3px; }
.guide-topics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; padding-bottom: 8px; }
.guide-topics a { display: flex; align-items: center; gap: 10px; min-height: 64px; border-bottom: 1px solid #e1e6eb; text-decoration: none; font-weight: 700; }
.guide-topics a > span:nth-child(2) { min-width: 0; overflow-wrap: anywhere; }
.guide-topics svg { display: block; width: 20px; height: 20px; flex: none; }
.guide-topic-arrow { margin-left: auto; }
.guide-topic-arrow svg { width: 16px; height: 16px; }
.guide-section { margin-top: 32px; }
.customer-guide h2 { margin: 0 0 10px; font-size: 18px; line-height: 1.6; color: #20252d; scroll-margin-top: 16px; }
.guide-section details { border-bottom: 1px solid #e1e6eb; }
.guide-section summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; min-height: 54px; cursor: pointer; font-weight: 700; list-style: none; }
.guide-section summary::-webkit-details-marker { display: none; }
.guide-section summary > span:first-child { min-width: 0; overflow-wrap: anywhere; }
.guide-toggle { display: flex; flex: 0 0 20px; color: #667788; }
.guide-toggle svg { width: 20px; height: 20px; transform: rotate(90deg); }
.guide-section details[open] .guide-toggle svg { transform: rotate(-90deg); }
.guide-answer { padding: 0 28px 18px 0; overflow-wrap: anywhere; }
.guide-answer a { text-decoration: underline; }
.guide-answer p { margin: 0 0 12px; }
.guide-answer p:last-child { margin-bottom: 0; }
.guide-answer ol { padding-left: 24px; margin: 0 0 12px; }
.guide-answer li + li { margin-top: 8px; }
.guide-contact { border-top: 4px solid #edf0f3; margin-top: 32px; padding-top: 24px; }
.guide-contact p { margin: 0 0 12px; }
.guide-contact-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-weight: 700; }
.guide-contact-link svg { width: 20px; height: 20px; flex: none; }
@media (max-width: 380px) {
  .guide-topics { column-gap: 12px; }
  .guide-topics a { gap: 6px; }
  .guide-topics a > span:first-child { display: none; }
  .guide-answer { padding-right: 0; }
}
@media (min-width: 600px) {
  .customer-guide { padding: 24px 28px; font-size: 15px; }
}
