:root { color-scheme: dark; background: #071d15; color: #fff2d1; font: 17px/1.55 system-ui,sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 760px; margin: auto; padding: 20px 16px 40px; }
header,section { padding: clamp(14px,4vw,30px); border: 1px solid #aa8548; border-radius: 16px; background: linear-gradient(#0b3225e8,#09291ee8),url('assets/interface/jade-texture.png'); }
section { margin-top: 18px; scroll-margin-top: 12px; }
h1,h2,h3,dt { font-family: Georgia,serif; color: #ffe19a; line-height: 1.2; }
h1 { font-size: clamp(32px,7vw,52px); margin: 14px 0 0; }
h2 { margin-top: 0; }
nav { display: flex; flex-wrap: wrap; gap: 8px; }
a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 12px; border: 1px solid #a98549; border-radius: 999px; color: #ffe19a; text-decoration: none; }
a:focus-visible { outline: 3px solid #ffe19a; outline-offset: 3px; }
img { display: block; width: 100%; max-width: 560px; height: auto; margin: 16px auto; border-radius: 8px; }
dt { font-weight: 700; font-size: 1.18rem; }
dd { margin: 5px 0 14px; padding-bottom: 12px; border-bottom: 1px solid #ae8a4950; }