:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f4f0e7; background: #10283a; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 280px; background: radial-gradient(ellipse at 50% 42%, #213e50 0%, #10283a 62%); }
.page { min-height: 100svh; max-width: 1440px; margin: auto; padding: 36px 64px 26px; display: flex; flex-direction: column; }
header, footer { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.wordmark { color: #f4f0e7; font: 600 29px Georgia, serif; letter-spacing: -.8px; text-decoration: none; }
.wordmark-dot { color: #dbb66e; }
.wordmark:focus-visible { outline: 2px solid #dbb66e; outline-offset: 7px; }
.edition { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #a8b7bf; }
.header-tools { display: flex; align-items: center; gap: 28px; }
.language-menu { position: relative; font-size: 12px; }
.language-menu summary { display: flex; align-items: center; gap: 9px; cursor: pointer; list-style: none; padding: 10px 12px; color: #ead4a7; border: 1px solid #b99a5e66; border-radius: 5px; background: #ffffff05; }
.language-menu summary:hover { background: #ffffff0d; }
.flag { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 19px; line-height: 1; flex-shrink: 0; }
.language-menu summary::-webkit-details-marker { display: none; }
.language-label { color: #a8b7bf; }
.chevron { width: 6px; height: 6px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); margin: -3px 2px 0 4px; }
.language-menu[open] .chevron { transform: rotate(225deg); margin-top: 3px; }
.language-menu nav { position: absolute; z-index: 2; top: 100%; right: 0; width: 200px; padding: 6px; background: #163246; border: 1px solid #b99a5e66; border-radius: 5px; box-shadow: 0 12px 30px #06121f66; }
.language-menu nav a { display: flex; align-items: center; gap: 10px; padding: 11px 12px; color: #f4f0e7; text-decoration: none; border-radius: 2px; }
.language-menu nav a:hover, .language-menu nav a[aria-current="page"] { background: #ffffff0d; color: #ead4a7; }
.language-menu summary:focus-visible, .language-menu nav a:focus-visible { outline: 2px solid #dbb66e; outline-offset: 3px; }
main { flex: 1; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 48px 0 60px; }
.emblem { margin-bottom: 30px; }
.emblem img { display: block; width: 132px; height: 132px; filter: drop-shadow(0 12px 20px #06121f44); }
.eyebrow { color: #dbb66e; font-size: 10px; font-weight: 600; letter-spacing: 2.6px; text-transform: uppercase; margin: 0 0 22px; display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 5px; height: 5px; border-radius: 50%; background: #dbb66e; }
h1 { font: 400 clamp(52px, 6.5vw, 88px)/1.04 Georgia, "Times New Roman", serif; letter-spacing: -3px; margin: 0; }
h1 em { color: #dbb66e; font-weight: 400; }
.description { max-width: 460px; font-size: 15px; line-height: 1.85; color: #b7c3cb; margin: 26px 0 30px; }
.status { border: 1px solid #b99a5e; color: #ead4a7; border-radius: 3px; padding: 13px 28px; font-size: 11px; text-transform: uppercase; letter-spacing: 2.3px; }
.footnote { color: #8fa2ae; font-size: 11px; margin: 20px 0 0; }
footer { border-top: 1px solid #ffffff15; padding-top: 20px; color: #8fa2ae; font-size: 10px; letter-spacing: .5px; }
@media (max-width: 600px) {
  .page { padding: 26px 24px 22px; }
  .wordmark { font-size: 26px; }
  .edition { max-width: 120px; font-size: 9px; line-height: 1.6; text-align: right; letter-spacing: 1.3px; }
  .header-tools { flex-direction: column; align-items: flex-end; gap: 3px; }
  .language-menu { font-size: 11px; }
  .language-label { display: none; }
  main { padding: 46px 0; }
  .emblem img { width: 112px; height: 112px; }
  h1 { letter-spacing: -2px; }
  .description { font-size: 14px; }
  footer { font-size: 9px; gap: 16px; }
  footer span:last-child { text-align: right; }
}