:root{--navy:#082b4b;--green:#278e60;--orange:#f28b35;--ink:#22313b;--muted:#65737c;--line:#dce4e4;--mist:#f3f7f7;--white:#fff}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;background:#edf3f4;color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;font-size:16px;line-height:1.72}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}.nav-shell{width:min(980px,calc(100% - 36px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:42px;height:42px;border-radius:13px;object-fit:cover}.brand b{display:block;color:var(--navy);font:600 1.02rem "Prompt",sans-serif}.brand small{display:block;color:var(--green);font-size:.66rem;font-weight:700;letter-spacing:.09em}.back-link{border-radius:10px;background:var(--navy);padding:9px 14px;color:#fff;font-weight:700;text-decoration:none}.legal-hero{padding:58px 0 32px;background:linear-gradient(135deg,#082b4b,#0d466f);color:#fff}.legal-shell{width:min(900px,calc(100% - 36px));margin:auto}.eyebrow{margin:0 0 7px;color:#7ce0aa;font-size:.78rem;font-weight:800;letter-spacing:.06em}.legal-hero h1{margin:0;font:600 clamp(2rem,5vw,3.7rem)/1.18 "Prompt",sans-serif}.legal-hero p:last-child{margin:12px 0 0;color:rgba(255,255,255,.73)}.legal-content{margin:28px auto 60px;padding:34px 38px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(8,43,75,.08)}.notice{margin:0 0 26px;padding:15px 17px;border-left:4px solid var(--orange);border-radius:8px;background:#fff7ef;color:#594536}.legal-content h2{margin:32px 0 9px;color:var(--navy);font:600 1.22rem "Prompt",sans-serif}.legal-content h2:first-of-type{margin-top:0}.legal-content p,.legal-content li{color:#3f505a}.legal-content ul{padding-left:22px}.legal-content li+li{margin-top:6px}.legal-content a{color:#087bbd}.legal-footer{padding:24px;text-align:center;color:var(--muted);font-size:.86rem}.legal-footer a{margin:0 7px;color:var(--navy);font-weight:700}@media(max-width:620px){.brand>span:last-child{display:none}.legal-hero{padding-top:42px}.legal-content{padding:24px 20px}.back-link{font-size:.82rem}}