@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai:wght@400;500;600&display=swap');
:root{--paper:#f7f3eb;--wine:#52283b;--rule:#d7c9c2}
body{background:var(--paper);color:#29252a}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8a415c;outline-offset:3px}
header{background:#fffdf8;color:var(--wine);border-bottom:1px solid var(--rule)}
header a:first-child{font-size:14px;letter-spacing:.13em}
header a:last-child{font-size:11px;letter-spacing:0}
main{padding-top:60px}
h1{font-family:'Noto Serif Thai',Georgia,serif;line-height:1.24;letter-spacing:-.07em;color:#3d2933}
h1 em{font-family:'Noto Serif Thai',Georgia,serif;font-style:normal;color:#884c64}
.eyebrow{color:#85536a}
.intro{color:#6c5e63}
.toolbar button,.tabs button{min-height:44px}
.toolbar button.active,.tabs button.active{background:var(--wine);border-color:var(--wine)}
.grid{gap:12px}
.card{background:#fffdf8;border-color:#ddd0c9;box-shadow:none;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-2px);border-color:#8b556a}
.card strong{font-weight:600;color:#392d32}
.tag{background:#e8eee6;color:#3e6a4d}
.tag.missing{background:#efe9e4;color:#716568}
.metric{background:#fffdf8;border-top:3px solid var(--wine)}
.metric b{color:var(--wine)}
.notice,.footnote{border-top:1px solid var(--rule);padding-top:19px}
@media(max-width:550px){main{padding-top:43px}.card{min-height:0}header .wrap{display:flex;align-items:center}header a:last-child{margin:0}}
@media(prefers-reduced-motion:reduce){.card{transition:none}}