/* ===== legal.css — หน้า /privacy/ /terms/ /help/ ===== */

.pagehero{padding:64px 0 56px;border-bottom:1px solid var(--line);}
.pagehero h1{font-size:clamp(28px,3.8vw,44px);line-height:1.28;max-width:780px;}
.pagehero p.lead{font-size:17.5px;color:var(--ink-soft);max-width:720px;margin-top:18px;}
.pagehero .breadcrumb{font-family:var(--utility);font-size:13px;color:var(--ink-soft);margin-bottom:22px;}
.pagehero .breadcrumb a{color:var(--lacquer);}
.pagehero .updated{font-family:var(--utility);font-size:12.5px;color:var(--ink-soft);margin-top:18px;}

section{padding:72px 0;}
.section-head{max-width:720px;margin-bottom:30px;}
.section-head h2{font-size:clamp(24px,3vw,32px);line-height:1.32;}
.section-head p{color:var(--ink-soft);font-size:16px;margin-top:14px;}

/* เนื้อหาแบบความเรียง (privacy / terms) */
.legal-prose{max-width:820px;}
.legal-prose h2{font-size:clamp(20px,2.4vw,25px);line-height:1.35;margin:40px 0 12px;}
.legal-prose h2:first-child{margin-top:0;}
.legal-prose h3{font-size:17.5px;line-height:1.4;margin:24px 0 8px;color:var(--lacquer);}
.legal-prose p{font-size:15.5px;color:var(--ink-soft);line-height:1.75;margin-bottom:12px;}
.legal-prose ul{display:flex;flex-direction:column;gap:9px;margin:6px 0 16px;}
.legal-prose li{font-size:15px;color:var(--ink-soft);line-height:1.7;padding-left:20px;position:relative;}
.legal-prose li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--gold);}
.legal-prose a{color:var(--lacquer);text-decoration:underline;text-underline-offset:2px;}
.legal-prose strong{color:var(--ink);font-weight:600;}
.legal-note{background:var(--paper-deep);border:1px solid var(--line);border-radius:12px;padding:18px 22px;margin:24px 0;}
.legal-note p{margin:0;font-size:14.5px;}

/* การติดต่อท้ายหน้า */
.legal-contact{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:32px 34px;margin-top:36px;}
.legal-contact h2{color:#fff;margin-top:0;}
.legal-contact p{color:rgba(251,247,239,.82);}
.legal-contact a{color:var(--gold-soft);}

/* FAQ (help) */
.faq{display:flex;flex-direction:column;gap:14px;max-width:840px;}
details.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
details.faq-item summary{
  list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;gap:16px;
  font-family:var(--utility);font-weight:600;font-size:15.5px;color:var(--ink);
}
details.faq-item summary::-webkit-details-marker{display:none;}
details.faq-item summary .q{flex-grow:1;}
details.faq-item summary .chev{width:18px;height:18px;color:var(--ink-soft);flex-shrink:0;transition:transform .25s;}
details.faq-item[open] summary .chev{transform:rotate(180deg);}
details.faq-item .faq-body{padding:0 24px 24px;}
details.faq-item .faq-body p{color:var(--ink-soft);font-size:15px;line-height:1.75;margin-bottom:10px;}
details.faq-item .faq-body p:last-child{margin-bottom:0;}
details.faq-item .faq-body a{color:var(--lacquer);text-decoration:underline;text-underline-offset:2px;}

.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px;}
.start-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px;display:flex;flex-direction:column;gap:10px;}
.start-card .step-n{font-family:var(--serif);font-size:24px;color:var(--gold);font-weight:700;}
.start-card h3{font-size:17px;}
.start-card p{font-size:14.5px;color:var(--ink-soft);}

/* FOOTER (แบบเรียบ เหมือนหน้าย่อยอื่น) */
footer.site{background:#16233A;color:var(--paper);padding:60px 0 30px;}
.foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding-bottom:30px;border-bottom:1px solid rgba(251,247,239,.14);}
.foot-brand{display:flex;align-items:center;gap:10px;}
.foot-brand svg{width:32px;height:32px;}
.foot-brand .name{font-family:var(--serif);font-size:18px;font-weight:700;color:#fff;}
.foot-links{display:flex;gap:24px;font-family:var(--utility);font-size:14px;flex-wrap:wrap;}
.foot-links a{color:rgba(251,247,239,.85);}
.foot-links a:hover{color:var(--gold-soft);}
.foot-legal{padding-top:22px;font-size:12.5px;color:rgba(251,247,239,.5);}

@media (max-width:980px){
  .start-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){section{padding:52px 0;}}