/* Legal page template — shared by Privacy Policy, Terms of Service, Condition Guidelines */

.lg-page{max-width:820px;margin:0 auto;padding:0 20px 80px;background:var(--bg);}

/* Hero */
.lg-hero{padding:40px 0 8px;}
.lg-eyebrow{display:block;color:var(--green-dark);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;}
.lg-hero h1{font-size:clamp(1.9rem,4.5vw,2.7rem);margin:0 0 10px;}
.lg-updated{color:var(--ink-soft);font-size:.9rem;margin:0 0 24px;}
.lg-lead{color:var(--ink-soft);font-size:1.02rem;line-height:1.6;max-width:640px;margin:0 0 8px;}

/* Intro card (promise / summary box) */
.lg-promise{background:var(--blue-light);border-radius:16px;padding:20px 22px;margin-bottom:8px;}
.lg-promise p{margin:0 0 12px;color:#2c5a78;font-size:.98rem;line-height:1.6;}
.lg-promise p:last-child{margin-bottom:0;}
.lg-promise ul{margin:0;padding:0;list-style:none;}
.lg-promise li{color:#2c5a78;font-size:.95rem;line-height:1.6;margin:6px 0;display:flex;gap:10px;align-items:flex-start;}

/* Section */
.lg-section{padding:32px 0 0;}
.lg-section h2{font-size:1.35rem;margin:0 0 14px;color:var(--blue-dark);}
.lg-section h3{font-size:1.02rem;margin:18px 0 8px;color:var(--ink);}
.lg-section h3:first-child{margin-top:0;}

.lg-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:22px 24px;box-shadow:0 2px 10px rgba(0,0,0,.03);}
.lg-card p{color:var(--ink-soft);font-size:.96rem;line-height:1.65;margin:0 0 14px;}
.lg-card p:last-child{margin-bottom:0;}
.lg-card ul{margin:0 0 14px;padding-left:20px;color:var(--ink-soft);font-size:.96rem;line-height:1.7;}
.lg-card ul:last-child{margin-bottom:0;}
.lg-card li{margin:2px 0;}
.lg-card a{color:var(--green-dark);font-weight:600;text-decoration:none;}
.lg-card a:hover{text-decoration:underline;}

/* Checkmark-style list (promise bullets, etc.) */
.lg-check-list{list-style:none;margin:0 0 14px;padding:0;}
.lg-check-list li{display:flex;gap:10px;align-items:flex-start;margin:8px 0;color:var(--ink-soft);font-size:.96rem;line-height:1.6;}

/* Contact block */
.lg-contact{margin-top:6px;}
.lg-contact strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:6px;}

/* Trust card grid (hero sub-cards, e.g. Terms of Service) */
.lg-trust-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:20px;}
@media(min-width:600px){.lg-trust-grid{grid-template-columns:repeat(2,1fr);}}
.lg-trust-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:18px 20px;box-shadow:0 2px 10px rgba(0,0,0,.03);}
.lg-trust-card .lg-trust-icon{font-size:1.4rem;margin-bottom:8px;display:block;}
.lg-trust-card h3{margin:0 0 6px;font-size:1rem;color:var(--ink);font-family:'Poppins',sans-serif;font-weight:700;}
.lg-trust-card p{margin:0;color:var(--ink-soft);font-size:.88rem;line-height:1.5;}

/* Icons (replace emoji across all legal pages) */
.lg-icon{color:var(--green-dark);flex-shrink:0;vertical-align:middle;}
.lg-icon-hero{color:var(--green-dark);}
.lg-heading-icon{display:inline-flex;align-items:center;margin-right:8px;vertical-align:-4px;}
.lg-hero h1 .lg-heading-icon{margin-right:10px;vertical-align:-6px;}
.lg-inline-heading{display:flex;align-items:center;gap:0;margin-bottom:0 !important;}
.lg-bullet-icon{display:inline-flex;align-items:center;color:var(--green-dark);flex-shrink:0;margin-top:2px;}
.lg-check-list li,
.lg-promise li{display:flex;gap:10px;align-items:flex-start;}
.lg-trust-card .lg-trust-icon{display:flex;color:var(--green-dark);margin-bottom:8px;}
.lg-trust-card .lg-trust-icon svg{width:22px;height:22px;}

/* Back to top */
.lg-top-btn{
  position:fixed;bottom:24px;right:24px;z-index:40;
  background:var(--ink);color:#fff;border:none;border-radius:100px;
  width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.18);cursor:pointer;opacity:0;pointer-events:none;
  transition:opacity .2s ease,transform .2s ease;
}
.lg-top-btn.show{opacity:1;pointer-events:auto;}
.lg-top-btn:hover{background:var(--green-dark);}

@media(max-width:520px){
  .lg-card{padding:18px 18px;}
  .lg-section h2{font-size:1.2rem;}
  .lg-top-btn{bottom:16px;right:16px;width:40px;height:40px;}
}