@font-face{font-family:'Playfair Display';src:url(/fonts/PlayfairDisplay.ttf) format('truetype');font-weight:400 900;font-display:swap}
@font-face{font-family:'Inter';src:url(/fonts/Inter.ttf) format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:'Playfair Display';src:url(/fonts/PlayfairDisplay-Italic.ttf) format('truetype');font-style:italic;font-weight:400 900;font-display:swap}
:root{--vera-cream:#FFF4DE;--vera-gold:#EFC675;--emerald:#064333;--emerald-deep:#032E23;--cream:#FFF4DE;--gold:#EFC675;--gold-dark:#B8913F;--bg:#FAF6EE;--border:#E2DAC8;--text:#1C2420;--muted:#8A8578;
--display:'Playfair Display',Georgia,serif;--ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:400 16px/1.6 var(--ui);display:flex;flex-direction:column;min-height:100vh}
.wrap{max-width:760px;margin:0 auto;padding:0 20px;width:100%}
.top{background:var(--emerald);color:var(--cream);padding:16px 0;border-bottom:3px solid var(--gold)}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream)}
.mark{width:48px;height:48px;border-radius:12px;background:var(--emerald-deep);box-shadow:0 0 0 1px rgba(255,255,255,.18);flex:none;display:block}
.mark svg{width:100%;height:100%;display:block}
.word{font:800 28px/1 var(--display);letter-spacing:.01em}.word small{display:block;font:italic 400 14px/1.4 var(--display);color:var(--gold);margin-top:4px}
main.card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 1px 2px rgba(3,46,35,.06),0 8px 24px rgba(3,46,35,.08);padding:28px 28px 20px;margin:32px auto;max-width:720px;flex:0 0 auto;width:calc(100% - 32px)}
h1{font:700 32px/40px var(--display);color:var(--emerald);margin:0 0 12px}
h2{font:700 22px/30px var(--display);color:var(--emerald);margin:28px 0 6px}
p,li{overflow-wrap:anywhere}ul{padding-left:22px}li{margin:6px 0}strong{color:var(--emerald-deep)}
a{color:var(--emerald);text-decoration-color:var(--gold-dark);text-underline-offset:3px;font-weight:500}a:hover{color:var(--gold-dark)}
.foot{margin-top:auto;background:var(--emerald-deep);color:var(--cream);text-align:center;padding:18px 0;font:italic 400 16px var(--display)}
@media(max-width:480px){main.card{padding:20px 18px 14px;margin:18px auto;width:calc(100% - 20px)}h1{font-size:26px;line-height:34px}h2{font-size:20px}.word{font-size:24px}.mark{width:42px;height:42px}}
