@font-face{font-family:VT323;src:url('./assets/VT323-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:light;--sage:#ccd5ae;--beige:#e9edc9;--cream:#fefae0;--papaya:#faedcd;--bronze:#d4a373;--ink:#4b392b;--green:#384c2c}
*{box-sizing:border-box}
html{scroll-padding-top:110px}
body{margin:0;background:var(--beige);color:var(--ink);font:17px/1.75 system-ui,-apple-system,'Segoe UI',sans-serif;overflow-wrap:anywhere}
a{color:var(--green);text-underline-offset:4px;text-decoration-thickness:1.5px}
a:hover{text-decoration-thickness:3px}
a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--green);outline-offset:5px;background:var(--papaya)}
.skip{position:absolute;left:16px;top:8px;z-index:5;padding:10px;background:var(--cream);transform:translateY(-160%)}
.skip:focus{transform:none}
header{max-width:780px;margin:auto;padding:36px 24px 24px;text-align:center}
.logo{display:block;width:min(310px,100%);height:auto;margin:0 auto 12px;image-rendering:pixelated}
.publisher{margin:0;font-size:16px}
.language-nav{position:sticky;top:0;z-index:2;background:var(--beige);border-bottom:2px solid var(--sage)}
.language-nav div{max-width:780px;margin:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 16px}
.language-nav a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:6px 16px;border:1px solid var(--green);border-radius:4px;text-decoration:none;font-weight:600;background:var(--cream)}
.language-nav a:hover{background:var(--sage)}
main{max-width:780px;margin:24px auto 0;padding:0 24px}
article{background:var(--cream);padding:32px 40px 40px;margin-bottom:32px;border:1px solid var(--bronze);border-radius:6px;box-shadow:0 5px 0 var(--sage)}
h1,h2,h3{font-family:VT323,monospace;font-weight:400;line-height:1.15;overflow-wrap:normal}
h1{font-size:42px;margin:8px 0 16px}
h2{font-size:32px;margin:36px 0 12px}
h3{font-size:27px;margin:24px 0 10px}
p{margin:0 0 16px}
article>section{scroll-margin-top:110px}
.locale{display:block;color:var(--green);font-weight:650;font-size:16px}
.date{font-size:16px}
.summary{padding:18px 20px;border-left:4px solid var(--green);background:var(--beige);margin:24px 0}
.summary p:last-child{margin:0}
.contents{margin:24px 0;padding-bottom:16px;border-bottom:1px solid var(--sage)}
.contents h2{font-family:inherit;font-size:17px;font-weight:650;margin:0 0 8px}
.contents ol{margin:0;padding-left:26px}
.contents a{display:inline-block;min-height:44px;padding:6px 0}
ul{padding-left:24px;margin:0 0 16px}
li{padding-left:4px;margin-bottom:8px}
.contact{display:inline-block;padding:8px 0;min-height:44px}
.back{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin-top:24px}
.language-switch{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:12px;padding:8px 16px;border:1px solid var(--green);border-radius:4px;background:var(--beige);font-weight:650;text-decoration:none}
.language-switch:hover{background:var(--sage)}
footer{max-width:780px;margin:auto;padding:16px 24px 40px;text-align:center;font-size:16px}
footer img{display:block;width:96px;height:auto;margin:0 auto 12px;image-rendering:pixelated}
@media(max-width:480px){header{padding:24px 16px 18px}.logo{width:250px}main{padding:0 12px;margin-top:16px}article{padding:24px 18px 28px}h1{font-size:36px}h2{font-size:30px}.language-nav a{padding-inline:12px}.summary{padding:16px}}
@media print{*,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{background:var(--beige);color:var(--ink)}header{padding-top:22px}.language-nav{position:static;background:var(--beige);break-inside:avoid}.skip,footer,.back,.language-switch{display:none}main{max-width:720px;margin:16px auto 0;padding:0 20px}article{background:var(--cream);border:1px solid var(--bronze);border-radius:6px;box-shadow:none;padding:26px 34px 34px;break-before:page}article:first-child{break-before:auto}h1,h2,h3{break-after:avoid}a{color:var(--green)}}