:root{--navy:#071c2c;--navy2:#0d3048;--mint:#32d49a;--gold:#f6c760;--ink:#102331;--muted:#5d6f7a;--paper:#f5f8f7;--line:#d9e3e0;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,"Noto Sans Thai",Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.78}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:30}.site-header{background:var(--navy);position:sticky;top:0;z-index:20;box-shadow:0 1px 0 rgba(255,255,255,.1)}.nav{max-width:1180px;margin:auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{font-size:1.45rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:.04em;white-space:nowrap}.brand span{color:var(--mint)}.nav-links{display:flex;gap:1.15rem;align-items:center}.nav-links a,.footer-links a{color:#d8eee7;text-decoration:none;font-size:.93rem}.nav-links a:hover,.footer-links a:hover{color:var(--mint)}.menu-button{display:none;border:1px solid #466274;background:transparent;color:#fff;border-radius:10px;padding:.45rem .75rem;font:inherit}main{max-width:1180px;margin:auto;padding:0 1.5rem 4rem}.hero{margin:2rem 0;min-height:380px;border-radius:28px;padding:3.5rem;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:3rem;align-items:center;box-shadow:0 24px 60px rgba(7,28,44,.18)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#0b8460;font-weight:800;font-size:.78rem}.hero .eyebrow{color:var(--mint)}.hero h1{font-size:clamp(2rem,5vw,3.75rem);line-height:1.18;margin:.45rem 0 1.25rem;max-width:860px}.lead{font-size:1.13rem;color:#d7e7e2;max-width:800px}.meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.5rem}.meta span{border:1px solid #436174;border-radius:999px;padding:.35rem .7rem;font-size:.78rem}.notice{background:#fff;color:var(--ink);border-radius:20px;padding:1.5rem;border-top:5px solid var(--gold)}.notice strong{font-size:1.05rem}.notice p{color:var(--muted);margin-bottom:0}.article-grid{display:grid;grid-template-columns:minmax(0,800px) 300px;gap:2rem;align-items:start}.content-section{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.8rem;margin-bottom:1rem;scroll-margin-top:6rem}.content-section h2{margin:.05rem 0 1rem;font-size:clamp(1.35rem,3vw,1.75rem);line-height:1.35}.content-section p{margin:.75rem 0;color:#243c4a}.content-section li{margin:.7rem 0}.link-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.link-list a{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--line);border-radius:14px;padding:1rem;text-decoration:none;color:var(--ink)}.link-list a:hover{border-color:var(--mint);background:#f1fbf7}.link-list span{color:var(--muted);font-size:.9rem}.side-card{position:sticky;top:5rem;background:#e6f7f1;border:1px solid #a8ddcb;padding:1.25rem;border-radius:18px;display:flex;flex-direction:column;gap:.35rem}.side-card>strong{font-size:1.1rem;margin-bottom:.4rem}.side-card a{color:#164d3e;text-decoration:none;padding:.5rem .65rem;border-radius:9px;font-size:.9rem}.side-card a:hover{background:#fff}.side-help{border-top:1px solid #a8ddcb;margin-top:.45rem;padding-top:.8rem!important;font-weight:700}.author-box{background:#fff;border:1px solid var(--line);border-left:5px solid var(--mint);border-radius:16px;padding:1.5rem;margin-top:1rem}.author-box .eyebrow{margin:0}.author-box strong{font-size:1.15rem}.author-box p{color:var(--muted);margin:.35rem 0}.author-box a{color:#087554}footer{background:var(--navy);color:#d8e8e3;padding:3rem max(1.5rem,calc((100vw - 1180px)/2));display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.copyright{grid-column:1/-1;color:#8da8a0;border-top:1px solid #284657;padding-top:1rem;font-size:.85rem}@media(max-width:850px){.hero{padding:2rem;grid-template-columns:1fr;gap:1.5rem}.article-grid{grid-template-columns:1fr}.side-card{position:static;order:-1}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:64px;background:var(--navy);padding:1rem 1.5rem;flex-direction:column;align-items:flex-start;border-top:1px solid #284657}.nav-links.open{display:flex}.footer-links{justify-content:flex-start}.link-list{grid-template-columns:1fr}}@media(max-width:560px){.hero{padding:1.4rem;margin:1rem 0;border-radius:20px;min-height:auto}main{padding:0 1rem 3rem}footer{grid-template-columns:1fr}.hero h1{font-size:2rem}}html,body{max-width:100%;overflow-x:hidden}.hero-copy,.notice,.article-grid>*,.content-section{min-width:0}.hero h1,.lead,.content-section h2,.content-section p,.side-card a{overflow-wrap:anywhere;word-break:break-word}@media(max-width:560px){.nav{padding:.9rem 1rem}.hero h1{font-size:clamp(1.7rem,8vw,2rem)}}