.public-footer { flex-wrap: wrap; align-items: center; gap: 14px 22px; }
.public-info-links { display: flex; flex-wrap: wrap; gap: 8px 18px; min-width: 0; font-size: 12px; }
.public-info-links a { text-underline-offset: 4px; }
.public-info-links a:hover { color: var(--gold); text-decoration: underline; }
.information-page { --muted: #c4beaf; }
.information-page .site-header { max-width: 1200px; padding-inline: 32px; }
.information-page .info-shell { width: min(1080px, calc(100% - 48px)); margin: 30px auto 0; padding: clamp(24px, 5vw, 56px); background: #11100ee8; border: 1px solid #ffffff24; border-top: 2px solid #ffce3280; border-radius: 8px; }
.info-breadcrumb { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; color: var(--muted); font-size: 12px; }
.info-breadcrumb a:hover { color: var(--gold); }
.info-shell h1 { font-size: clamp(32px, 4.5vw, 52px); line-height: 1.3; word-break: keep-all; }
.info-shell .info-intro { color: var(--muted); margin-top: 18px; max-width: 800px; }
.info-date { margin-top: 18px; font: 12px var(--mono); color: #cdbd8d; }
.info-toc { display: flex; position: static; width: auto; flex-wrap: wrap; gap: 8px 18px; margin: 28px 0; padding: 18px 0; border: 0; border-block: 1px solid var(--line); border-radius: 0; background: none; box-shadow: none; font-size: 12px; }
.info-toc a { color: var(--gold); }
.info-shell section { scroll-margin-top: 120px; margin-top: 38px; padding-top: 12px; }
.info-shell h2 { font-size: clamp(22px, 2.6vw, 28px); line-height: 1.45; margin-bottom: 17px; word-break: keep-all; }
.info-shell h3 { font-size: 18px; line-height: 1.6; margin: 24px 0 10px; }
.info-shell p, .info-shell li { font-size: 15px; line-height: 1.95; overflow-wrap: anywhere; }
.info-shell p + p, .info-shell p + ul, .info-shell p + ol { margin-top: 14px; }
.info-shell ul, .info-shell ol { padding-left: 23px; }
.info-shell li + li { margin-top: 8px; }
.info-shell p > a, .info-shell li > a { color: #f2d36d; text-decoration: underline; text-underline-offset: 4px; }
.info-shell code { font: 12px var(--mono); background: #ffce320b; padding: 2px 5px; border: 1px solid #ffce3224; border-radius: 3px; overflow-wrap: anywhere; }
.info-table-scroll { max-width: 100%; overflow-x: auto; scrollbar-color: #8e7951 #171410; scrollbar-width: thin; margin: 20px 0; }
.info-shell table { width: 100%; border-collapse: collapse; min-width: 600px; font-size: 13px; line-height: 1.8; }
.info-shell th, .info-shell td { text-align: left; vertical-align: top; padding: 13px 14px; border-bottom: 1px solid var(--line); }
.info-shell th { color: var(--gold); background: #ffce3209; }
.info-shell td { color: #d6d0c5; }
.info-example { border-left: 2px solid #ffce3299; margin: 20px 0; padding: 14px 20px; background: #ffce3208; }
.info-example p { margin: 0; }
.info-example p + p { margin-top: 10px; }
.info-source-list { font-size: 13px; }
.info-shell .info-next { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 42px; padding-top: 22px; border-top: 1px solid var(--line); font-size: 13px; color: var(--gold); }
.information-page footer { max-width: 1144px; padding-inline: 32px; font-size: 12px; }
@media (max-width: 760px) {
  .information-page .site-header { padding-inline: 18px; }
  .information-page .info-shell { width: calc(100% - 24px); margin-top: 18px; padding: 24px 18px; }
  .info-shell p, .info-shell li { font-size: 14px; }
  .info-shell section { scroll-margin-top: 145px; margin-top: 30px; }
  .info-table-scroll { margin-inline: -4px; }
  .information-page footer { padding-inline: 18px; }
}
