:root{--head:#102a67;--navy:#102a67;--gold:#f4c64e;--bar:#f1f5fb;--line:#c9d4e5;--muted:#56647c}
body{font-family:"DejaVu Sans",Verdana,sans-serif;background:#fff;color:var(--navy);max-width:794px;margin:0 auto}
.hdr{background:var(--head);color:#fff;display:flex;gap:18px;align-items:center;padding:22px 48px;border-bottom:5px solid var(--gold)}
.hdr img{width:84px;height:84px}#flag svg{display:block;border:1px solid #fff}#flag:empty{display:none}
.t1{font-size:24px;font-weight:700}.t2{font-size:12px;margin:6px 0 10px}.t3{font-size:19px;font-weight:700}
footer{margin:24px 48px 30px;border-top:1px solid var(--line);padding-top:8px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between}
.bar{background:var(--bar);border-radius:6px;padding:7px 14px;font-weight:700;font-size:14px;margin:12px 0 4px}
body{max-width:980px}main{padding:12px 32px}a{color:var(--navy)}
.nav{display:flex;gap:18px;padding:10px 32px;border-bottom:1px solid var(--line);font-size:13px;font-weight:700;flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.nav a{text-decoration:none}
.pvb{background:#fff7dd;border:1px solid #f4c64e;padding:6px;font-size:12px;text-align:center;margin:10px 32px 0}
label{display:block;margin-top:10px;font-weight:700;font-size:12px}input,select,textarea{display:block;width:100%;box-sizing:border-box;margin-top:6px;padding:8px;border:1px solid var(--line);font:13px Helvetica,Arial,sans-serif;color:#000;background:#fff}
textarea{min-height:80px}.ck{display:flex;gap:8px;align-items:flex-start;font-weight:400;color:var(--muted)}.ck input{width:14px;margin:2px 0 0;accent-color:var(--navy)}
button,.btn{display:inline-block;margin-top:12px;padding:10px 16px;background:var(--navy);color:#fff;border:0;font:700 13px "DejaVu Sans",sans-serif;cursor:pointer;text-decoration:none}.sec{background:#fff;color:var(--navy);border:1px solid var(--navy)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.full{grid-column:1/-1}.help,small{color:var(--muted);font-size:12px;line-height:1.5}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px;margin-top:12px}.card{border:1px solid var(--line);padding:14px;display:grid;grid-template-columns:72px 1fr;gap:12px}
.card img,.pimg{width:72px;height:72px;object-fit:cover;border:1px solid var(--line)}.nm{font-weight:700;font-size:15px}.tag{display:inline-block;font-size:11px;border:1px solid var(--line);padding:1px 6px;margin:3px 3px 0 0;color:var(--muted)}
.ok{color:#087a57;font-weight:700}.smp{background:#fff7dd;border:1px solid #f4c64e;color:#102a67;font-size:11px;padding:1px 6px;font-weight:700}
.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px}.post{border:1px solid var(--line);padding:12px;margin-top:10px}.reply{border-left:3px solid var(--gold);padding:6px 10px;margin-top:8px;background:#fafbfd}
.meta{color:var(--muted);font-size:12px}
@media(max-width:600px){.hdr{padding:14px 16px;gap:10px}.hdr img{width:52px;height:52px}.t1{font-size:18px}.t2{display:none}.t3{font-size:15px}main,.nav{padding-left:16px;padding-right:16px}.pvb{margin:8px 16px 0}footer{margin:20px 16px}.grid,.filters{grid-template-columns:1fr}}
.modal{position:fixed;inset:0;background:rgba(16,42,103,.35);display:flex;align-items:center;justify-content:center;z-index:9}.modal[hidden]{display:none}.mbox{background:#fff;padding:16px;width:min(420px,92vw);border:1px solid var(--line)}
.chk{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 12px;margin-top:6px}.chk label{margin:0}
[hidden]{display:none!important}
/* tap targets: 44px minimum (r2) */
.nav{gap:4px;padding:2px 24px}.nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;flex:0 0 auto}
input,select{min-height:44px}button,.btn{min-height:44px}
footer{align-items:center;flex-wrap:wrap;gap:4px 12px}footer a,.meta a,.help a,a.tap{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
summary{display:flex;align-items:center;min-height:44px}
.ck{display:flex;align-items:center;min-height:44px;gap:10px;padding:4px 0;box-sizing:border-box;cursor:pointer}.ck input{width:22px;height:22px;min-height:0;flex:0 0 22px;margin:0;padding:0}
.chk{gap:0 12px}
@media(max-width:600px){.nav{padding-left:8px;padding-right:8px}}
*{box-sizing:border-box}body{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b48100;outline-offset:3px}.btn{display:inline-flex;align-items:center}main a{display:inline-flex;align-items:center;min-height:44px}.cards .card{display:grid;min-width:0}.card>div{min-width:0}.card img{max-width:100%}.hdr{min-width:0}.hdr>div{min-width:0}input,select,textarea{font-family:inherit}textarea{max-width:100%}.tabs{display:flex;overflow-x:auto;white-space:nowrap;gap:4px;padding-bottom:8px}.tabs button{flex-shrink:0}.modal{padding:12px}.mbox{max-height:90vh;overflow:auto;max-width:100%}button:disabled{opacity:.6;cursor:wait}.notice{padding:12px;background:#f1f5fb;border:1px solid #c9d4e5;border-radius:6px}.hdr .t2{display:block}@media(max-width:600px){.hdr .t2{font-size:10px}.cards{grid-template-columns:1fr}.profile-card{grid-template-columns:80px 1fr!important}.profile-card img{width:80px!important;height:80px!important}footer{font-size:12px}.hdr .t1{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}