:root{--navy:#082D58;--yellow:#FFC83D;--ink:#10233d;--muted:#68778a;--line:#e3e9ef;--paper:#f6f8fb;--white:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif}.legal-shell{max-width:900px;margin:auto;padding:28px 18px 72px}.legal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.legal-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy);font-weight:900}.legal-brand img{width:42px;height:42px;object-fit:contain}.legal-back{color:var(--navy);text-decoration:none;font-size:13px;font-weight:800}.legal-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 18px 45px rgba(8,45,88,.06)}.legal-kicker{font-size:11px;font-weight:900;letter-spacing:.12em;color:#8793a2}.legal-card h1{font-size:32px;line-height:1.2;margin:8px 0 6px;color:var(--navy)}.legal-meta{font-size:12px;color:#8a96a5;margin-bottom:24px}.legal-card h2{font-size:18px;color:var(--navy);margin:28px 0 9px}.legal-card p,.legal-card li{font-size:14px;line-height:1.8;color:#4e6075}.legal-card ul{padding-left:20px}.legal-card a{color:#175fa7;font-weight:700}.legal-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.legal-links a{display:inline-flex;padding:8px 11px;border-radius:999px;background:#f0f4f8;text-decoration:none;font-size:12px;color:var(--navy)}.danger-box{margin-top:20px;padding:16px;border:1px solid #efcccc;background:#fff5f5;border-radius:16px}.danger-box strong{color:#a52d37}.delete-input{width:100%;height:46px;border:1px solid var(--line);border-radius:12px;padding:0 13px;font:inherit;margin-top:10px}.delete-button{width:100%;min-height:48px;border:0;border-radius:12px;background:#a52d37;color:#fff;font-weight:900;margin-top:10px;cursor:pointer}.delete-button:disabled{opacity:.45;cursor:not-allowed}.delete-status{font-size:13px;margin-top:10px;color:#5c6b7c}.support-button{display:inline-flex;margin-top:10px;padding:10px 14px;border-radius:12px;background:#06C755;color:#fff!important;text-decoration:none}.legal-note{font-size:12px;color:#8793a2;margin-top:18px}@media(max-width:600px){.legal-shell{padding:16px 10px 48px}.legal-card{padding:20px;border-radius:18px}.legal-card h1{font-size:27px}.legal-top{align-items:flex-start}.legal-brand img{width:36px;height:36px}}