.guide-page { max-width: 960px; padding-block: 32px 72px; }
.guide-page__header { padding-block: 24px; border-bottom: 1px solid var(--line); margin-bottom: 30px; }
.guide-page__game { color: var(--accent); font-size: 13px; }
.guide-page h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.4; letter-spacing: -.035em; margin: 12px 0 20px; overflow-wrap: anywhere; }
.guide-page__meta, .guide-page__source { color: #aeb9c5; font-size: 13px; line-height: 1.9; }
.guide-page__source a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.guide-page__body { font-size: 16px; line-height: 1.95; color: #dce3eb; overflow-wrap: anywhere; }
.guide-page__body img { display: block; max-width: 100%; height: auto; margin-block: 18px; }
.guide-page__body a:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.guide-page__body strong { color: #fff; }
.guide-page__body h2, .guide-page__body h3, .guide-page__body h4 { scroll-margin-top: 100px; color: #fff; line-height: 1.5; margin: 32px 0 16px; }
.guide-page__body h3 { font-size: 24px; }
.guide-page__body h4 { font-size: 20px; }
.guide-page__body hr { border: 0; border-top: 1px solid var(--line); margin-block: 30px; }
.guide-page__body .guide-achievement { border: 1px solid var(--line); padding: 12px; margin-block: 4px; font-size: 14px; line-height: 1.6; }
.guide-achievement > div { display: flex; align-items: center; gap: 12px; }
.guide-page__body .guide-achievement img { width: 40px; height: 40px; flex-shrink: 0; margin: 0; }
.guide-achievement > div > div > div:first-child { color: #fff; font-weight: 700; }
.guide-page__toc { border: 1px solid var(--line); padding: 16px 20px; margin-bottom: 28px; }
.guide-page__toc summary { cursor: pointer; font-weight: 700; }
.guide-page__toc ul, .guide-page__related ul { list-style: disc; padding-left: 22px; }
.guide-page__toc li, .guide-page__related li { margin-block: 8px; }
.guide-page__toc-level-4 { margin-left: 16px; }
.guide-page__toc a, .guide-page__related a { color: var(--accent); text-decoration: underline; text-underline-offset: 3px; }
.guide-page__related { margin-top: 40px; padding-top: 24px; border-top: 1px solid var(--line); font-size: 14px; }
.guide-page__related h2 { font-size: 18px; }
@media (max-width: 600px) {
  .guide-page { padding-block: 20px 44px; }
  .guide-page__body { font-size: 15px; }
}

.guide-index { list-style: none; padding: 0; }
.guide-index > li { padding: 24px 0; border-bottom: 1px solid var(--line); }
.guide-index h2 { font-size: 21px; line-height: 1.6; margin: 8px 0; }
.guide-index a:hover { color: var(--accent); }
@media (max-width: 600px) { .header-inner { flex-wrap: wrap; gap: 8px; padding-block: 12px; } .header-inner nav { flex-wrap: wrap; gap: 16px; } }