:root { --legal-ink:#111a34; --legal-green:#155dff; --legal-teal:#0c9f88; --legal-line:#c9dce2; --legal-paper:#ffffff; --legal-mist:#f3f8fb; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--legal-ink); background:var(--legal-mist); font-family:"Noto Sans Thai","DM Sans",Tahoma,sans-serif; line-height:1.7; }
a { color:inherit; }
.legal-header { display:flex; align-items:center; justify-content:space-between; min-height:74px; padding:0 clamp(22px,6vw,96px); border-bottom:1px solid var(--legal-line); background:rgba(255,255,255,.96); }
.legal-brand { display:inline-flex; align-items:center; gap:10px; color:var(--legal-ink); font:800 21px "DM Sans","Noto Sans Thai",sans-serif; text-decoration:none; }
.legal-brand-mark { display:grid; place-items:center; width:36px; height:36px; border-radius:10px; color:#ffc928; background:#155dff; font-family:Arial,sans-serif; font-size:21px; }
.legal-back { color:var(--legal-green); font-size:14px; font-weight:800; text-decoration:none; }
.legal-back:hover { text-decoration:underline; text-underline-offset:4px; }
.legal-main { width:min(100% - 44px, 1000px); margin:0 auto; padding:66px 0 88px; }
.legal-kicker { display:flex; align-items:center; gap:9px; margin:0 0 16px; color:#0c6e63; font-size:13px; font-weight:800; }.legal-kicker::before { width:10px; height:10px; border-radius:50%; background:#ffc400; content:""; }
.legal-title { max-width:760px; margin:0; color:var(--legal-ink); font-size:clamp(34px,5vw,54px); line-height:1.12; }
.legal-rule { height:4px; width:76px; margin:24px 0 32px; background:var(--legal-teal); }
.legal-document { padding:clamp(22px,4vw,46px); border:1px solid var(--legal-line); border-radius:8px; background:var(--legal-paper); box-shadow:0 18px 44px rgba(17,26,52,.07); }
.legal-document pre { margin:0; color:#263a54; font:400 14px/1.85 "Noto Sans Thai","DM Sans",Tahoma,sans-serif; white-space:pre-wrap; overflow-wrap:anywhere; }
.terms-lead { margin:0 0 34px; color:#405573; font-size:15px; line-height:1.8; }.terms-section + .terms-section { margin-top:29px; padding-top:29px; border-top:1px solid var(--legal-line); }.terms-section h2 { margin:0 0 12px; color:var(--legal-ink); font-size:20px; line-height:1.45; }.terms-section p { margin:0; color:#263a54; font-size:14px; line-height:1.85; }.terms-section p + p { margin-top:10px; }
.help-page { width:min(100% - 44px, 1000px); margin:0 auto; padding:66px 0 88px; }.help-page-title { margin:0 0 24px; color:#405573; font-size:14px; font-weight:800; }.help-intro { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:52px; padding-bottom:48px; border-bottom:1px solid var(--legal-line); }.help-intro h1 { margin:0; color:var(--legal-ink); font-size:clamp(34px,5vw,54px); line-height:1.12; }.help-intro p { max-width:610px; margin:18px 0 0; color:#405573; font-size:16px; line-height:1.8; }.help-contact { align-self:end; border-top:4px solid var(--legal-teal); padding-top:18px; }.help-contact div + div { margin-top:18px; }.help-contact small,.help-contact strong { display:block; }.help-contact small { color:#64718a; font-size:13px; }.help-contact strong { margin-top:3px; color:var(--legal-ink); font:800 15px "DM Sans","Noto Sans Thai",sans-serif; overflow-wrap:anywhere; }.help-contact a { color:var(--legal-green); }.help-copy { margin-top:12px; padding:7px 10px; border:1px solid var(--legal-green); border-radius:5px; color:var(--legal-green); background:white; font-size:12px; font-weight:800; cursor:pointer; }.help-copy:hover { color:white; background:var(--legal-green); }.help-faq { margin-top:52px; }.help-faq-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:14px; border-bottom:2px solid var(--legal-ink); }.help-faq-head h2 { margin:0; font-size:24px; }.help-faq-head span { display:grid; place-items:center; width:30px; height:30px; color:white; border-radius:50%; background:var(--legal-teal); font:800 13px "DM Sans",sans-serif; }.help-list { border-bottom:1px solid var(--legal-line); }.help-list details { border-top:1px solid var(--legal-line); }.help-list summary { display:flex; align-items:center; justify-content:space-between; gap:22px; padding:21px 0; color:var(--legal-ink); font-size:17px; font-weight:800; cursor:pointer; list-style:none; }.help-list summary::-webkit-details-marker { display:none; }.help-list summary::after { flex:none; color:var(--legal-green); content:"+"; font:400 25px/1 "DM Sans",sans-serif; }.help-list details[open] summary::after { content:"−"; }.help-list p { max-width:760px; margin:0 0 22px; color:#405573; font-size:14px; line-height:1.85; }
@media (max-width:700px) { .legal-header { min-height:66px; padding:0 22px; }.legal-brand { font-size:19px; }.legal-main,.help-page { width:min(100% - 32px, 1000px); padding:45px 0 56px; }.legal-document { padding:22px 18px; }.legal-document pre,.terms-section p { font-size:13px; line-height:1.8; }.terms-lead { font-size:14px; }.terms-section h2 { font-size:18px; }.help-intro { grid-template-columns:1fr; gap:30px; padding-bottom:38px; }.help-intro p { font-size:15px; }.help-contact { width:100%; }.help-faq { margin-top:38px; }.help-list summary { font-size:15px; }.help-list p { font-size:13px; } }