:root{color-scheme:light;--blue:#126a86;--pink:#a32f69;--line:#d9e7ed}*{box-sizing:border-box}body{margin:0;background:linear-gradient(120deg,#fff5fa,#eaf9ff);color:#203e51;font:17px/1.65 system-ui,'Noto Sans Thai',sans-serif}main{max-width:1050px;margin:auto;padding:25px 20px 70px}header{display:flex;align-items:center;gap:16px;margin:20px 0}header img{width:68px;height:68px;object-fit:contain}h1{font-size:clamp(26px,5vw,38px);line-height:1.3;margin:0;color:var(--pink)}h2{font-size:23px;line-height:1.5;margin:0 0 12px}h3{font-size:19px;margin:0}p{margin:8px 0}a{color:var(--blue);text-decoration:none}a:hover{font-weight:800}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;border-radius:12px;border:1px solid var(--blue);background:var(--blue);color:white;font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;cursor:pointer;min-height:46px}.secondary{background:white;color:var(--blue)}.danger{background:#a12749;border-color:#a12749}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 8px 25px #345a7010}.notice{padding:15px 20px;background:#e5f5fb;border-left:4px solid #23a6c0;border-radius:10px;margin:16px 0}.success{background:#e6f5ea;border-color:#238643}.error{background:#fff0f0;border-color:#b83b4c}.muted{color:#536d7c;font-size:14px}.badge{display:inline-block;border-radius:20px;padding:3px 11px;font-size:13px;background:#fde8f3;color:#942961;margin-right:8px}.topic{padding:20px 0;border-bottom:1px solid var(--line)}.topic:last-child{border:0}.topic h2{font-size:20px;margin:5px 0;overflow-wrap:anywhere}.body{white-space:pre-wrap;overflow-wrap:anywhere}label{display:block;font-weight:700;margin-top:15px}input,textarea,select{font:inherit;width:100%;padding:10px 12px;border:1px solid #9db8c6;border-radius:10px;background:#fff;color:#203e51}textarea{min-height:170px;resize:vertical}input:focus,textarea:focus,select:focus{outline:3px solid #b5e9f6;outline-offset:1px}fieldset{border:0;padding:0;margin:0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.agree{display:flex;align-items:flex-start;gap:9px;font-size:15px;font-weight:400}.agree input{width:20px;height:20px;margin-top:4px;flex-shrink:0}.reply{border-left:4px solid #e29abb}.pagination{margin-top:20px;display:flex;justify-content:space-between;gap:12px}.admin-post{border-top:4px solid #e5a4c6}.admin-post form{display:flex;gap:8px;flex-wrap:wrap}.admin-post button{font-size:14px;padding:8px 14px}.back{font-weight:700}.status{font-weight:700;color:var(--pink)}footer{margin-top:30px;font-size:13px;color:#526d7c}@media(max-width:600px){main{padding:15px 12px 40px}.card{padding:18px 15px}.two{grid-template-columns:1fr;gap:0}header{gap:10px}header img{width:52px;height:52px}.actions .button{flex:1}.topic h2{font-size:19px}}@media(prefers-reduced-motion:no-preference){button,.button{transition:background .15s}button:hover,.button:hover{background:#164f69;color:white}}
.webboard-banner{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border:1px solid #e6cfdd;border-radius:20px;box-shadow:0 14px 34px #345a7020;margin:16px 0 24px}
@media(max-width:600px){.webboard-banner{border-radius:14px;margin:12px 0 18px}}

main{width:100%;min-width:0}.webboard-banner{min-width:0}