/* ==========================================================
   GoPic Legal Typography
   FINAL OWNER
   ========================================================== */


/* ----------------------------------------------------------
   PAGE TITLE
   Terms / Privacy / Refund / Open Source = #title
   Location = .page-content h1
   Referral Terms = injected article h1
   ---------------------------------------------------------- */

body.gopic-unified-page #title,
body.gopic-unified-page .page-content h1:first-of-type,
body.gopic-unified-page .page-card article h1:first-of-type{
  margin:0 0 8px!important;
  color:#edf3ef!important;
  font-size:clamp(28px,4vw,40px)!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:-0.035em!important;
}


/* ----------------------------------------------------------
   ARTICLE / POLICY HEADINGS
   제1조, 제2조 ... all use the same specification.
   Existing majority legal-page baseline:
   18px / #A78BFA
   ---------------------------------------------------------- */

body.gopic-unified-page #content h2,
body.gopic-unified-page .page-content h2,
body.gopic-unified-page #policyBody h2,
body.gopic-unified-page .short-term-guidance h2,
body.gopic-unified-page .policy-card h2,
body.gopic-unified-page .contact-box h2,
body.gopic-unified-page .page-card article h2{
  margin:28px 0 12px!important;
  color:#A78BFA!important;
  font-size:18px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:-0.015em!important;
}


/* First heading inside a card must not get unnecessary top space */
body.gopic-unified-page .short-term-guidance > h2:first-child,
body.gopic-unified-page .policy-card > h2:first-child,
body.gopic-unified-page .contact-box > h2:first-child{
  margin-top:0!important;
}


/* RTL keeps typography but follows document direction */
[dir="rtl"] body.gopic-unified-page #title,
[dir="rtl"] body.gopic-unified-page .page-content h1,
[dir="rtl"] body.gopic-unified-page .page-card article h1,
[dir="rtl"] body.gopic-unified-page #content h2,
[dir="rtl"] body.gopic-unified-page .page-content h2,
[dir="rtl"] body.gopic-unified-page #policyBody h2,
[dir="rtl"] body.gopic-unified-page .page-card article h2{
  text-align:right;
}


/* Mobile: same visual hierarchy across all six legal pages */
@media(max-width:800px){

  body.gopic-unified-page #title,
  body.gopic-unified-page .page-content h1:first-of-type,
  body.gopic-unified-page .page-card article h1:first-of-type{
    font-size:30px!important;
    line-height:1.22!important;
  }

  body.gopic-unified-page #content h2,
  body.gopic-unified-page .page-content h2,
  body.gopic-unified-page #policyBody h2,
  body.gopic-unified-page .short-term-guidance h2,
  body.gopic-unified-page .policy-card h2,
  body.gopic-unified-page .contact-box h2,
  body.gopic-unified-page .page-card article h2{
    font-size:18px!important;
    line-height:1.4!important;
  }

}