html { color-scheme: dark; background: #101417; color: #f6f7f8; font-family: system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: auto; padding: 32px 22px 60px; }
h1 { font-size: clamp(27px, 5vw, 40px); line-height: 1.2; }
h2 { font-size: 21px; margin-top: 32px; }
p, li { color: #c2cbd3; line-height: 1.7; font-size: 16px; }
li + li { margin-top: 10px; }
ol, ul { padding-left: 24px; }
.language-nav { display: flex; gap: 18px; flex-wrap: wrap; }
a { color: #ffaca5; text-underline-offset: 4px; overflow-wrap: anywhere; }
.language-nav a { padding: 12px 0; }
.language-nav a[aria-current="page"] { color: #fff; font-weight: 700; }
.updated { font-size: 14px; }
.contents { margin: 28px 0; padding: 20px 24px; border: 1px solid #34424b; border-radius: 12px; background: #182027; }
.contents h2 { margin: 0 0 14px; font-size: 18px; }
.contents ul { list-style: none; margin: 0; padding: 0; }
.contents li { margin: 6px 0; }
.contents a { display: inline-block; padding: 3px 0; }
section { scroll-margin-top: 24px; }
.deletion-request { margin-top: 32px; padding: 22px; border: 1px solid #805b57; border-radius: 12px; background: #211b1c; }
.deletion-request h2 { margin-top: 0; }
footer { border-top: 1px solid #34424b; margin-top: 32px; padding-top: 12px; }
a:focus-visible { outline: 3px solid #ffaca5; outline-offset: 4px; }
@media (max-width: 400px) {
    main { padding: 20px 16px 40px; }
    .contents, .deletion-request { padding: 16px; }
}
@media print {
    html { color-scheme: light; background: #fff; color: #111; }
    main { max-width: none; padding: 0; }
    p, li { color: #222; }
    a { color: #111; }
    .language-nav, .contents { display: none; }
    .deletion-request { background: #fff; border-color: #777; }
    h1, h2 { break-after: avoid; }
}