.public-info-nav { display: flex; flex-wrap: wrap; gap: 2px 18px; margin: 20px 0; }
.public-info-nav a { display: inline-flex; align-items: center; min-height: 44px; color: #d7ff3f; font-size: .9rem; font-weight: 700; }
.public-info-nav a:focus-visible { outline: 2px solid #d7ff3f; outline-offset: 3px; }
.public-entrance-nav { margin: 0; padding: 8px 18px 14px; border-top: 1px solid #343a31; }
.public-entrance-summary { color: #f3f1e5; padding-bottom: 14px; border-bottom: 1px solid #343a31; }
.public-no-script { max-width: 760px; margin: 28px auto; padding: 20px; background: #111310; color: #f3f1e5; }
.public-no-script h1 { font-size: 2rem; }
.public-no-script p { line-height: 1.6; }
.public-illustration { display: block; width: min(100%, 580px); height: auto; margin: 20px auto 30px; }
.public-steps { padding-left: 1.4rem; }
.public-steps li { margin-bottom: 12px; }
.public-example { padding: 18px; margin: 20px 0; border-left: 3px solid #d7ff3f; background: #141711; }
.public-information-nav { padding-bottom: 12px; border-bottom: 1px solid #343a31; }
.public-rule-figure { margin: 24px 0; }
.public-rule-figure img { display: block; width: 100%; max-width: 680px; height: auto; border: 1px solid #343a31; border-radius: 12px; }
.public-rule-figure figcaption { margin-top: 12px; color: #aeb1a7; font-size: .9rem; line-height: 1.6; }
.public-guide-link { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 0; font-weight: 750; }
@media (max-width: 480px) {
  .public-info-nav { column-gap: 14px; }
  #age-dialog { max-height: calc(100dvh - 24px); overflow-y: auto; }
}