/* ============================================================
   LoanAdvisorUSA — Legal Pages Stylesheet
   Privacy Policy · Terms of Service · Sitemap
   ============================================================ */

/* ── LEGAL PAGE LAYOUT ── */
.legal-wrap{max-width:820px;margin:0 auto}
.legal-hero{background:linear-gradient(135deg,#0F2340 0%,#0D4A35 100%);padding:52px 0 44px;text-align:center;color:#fff}
.legal-hero h1{font-size:2rem;font-weight:800;margin-bottom:8px}
.legal-hero .meta{font-size:.88rem;color:rgba(255,255,255,.65);display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:12px}
.legal-hero .meta span{display:flex;align-items:center;gap:5px}

/* ── TABLE OF CONTENTS ── */
.toc{background:#F4FAF7;border:1px solid #D1E8DC;border-radius:12px;padding:28px 32px;margin-bottom:48px}
.toc h2{font-size:1rem;font-weight:700;color:#0F2340;margin-bottom:14px;text-transform:uppercase;letter-spacing:.04em}
.toc ol{counter-reset:toc;list-style:none;padding:0;margin:0;columns:2;column-gap:32px}
.toc li{counter-increment:toc;margin-bottom:6px;break-inside:avoid}
.toc li::before{content:counter(toc)'.';font-weight:700;color:#10B981;margin-right:7px;font-size:.88rem}
.toc a{color:#0D4A35;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .15s}
.toc a:hover{color:#10B981;text-decoration:underline}

/* ── SECTION BLOCKS ── */
.legal-section{margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid #D1E8DC}
.legal-section:last-child{border-bottom:none}
.legal-section-num{display:inline-block;background:#0F2340;color:#10B981;border-radius:6px;padding:3px 10px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:10px}
.legal-section h2{font-size:1.3rem;font-weight:700;color:#0F2340;margin:0 0 16px;line-height:1.3}
.legal-section h3{font-size:1rem;font-weight:700;color:#1E293B;margin:20px 0 8px}
.legal-section p{color:#374151;line-height:1.8;font-size:.95rem;margin-bottom:12px}
.legal-section p:last-child{margin-bottom:0}
.legal-section ul,.legal-section ol{margin:10px 0 14px 20px;color:#374151;font-size:.95rem;line-height:1.7}
.legal-section ul li,.legal-section ol li{margin-bottom:6px}
.legal-section a{color:#0D4A35;font-weight:600;text-decoration:underline}
.legal-section a:hover{color:#10B981}

/* ── HIGHLIGHT BOXES ── */
.legal-box{border-radius:10px;padding:18px 22px;margin:16px 0}
.legal-box-info{background:#EEF2FF;border-left:4px solid #6366F1}
.legal-box-warn{background:#FEF3C7;border-left:4px solid #D97706}
.legal-box-green{background:#ECFDF5;border-left:4px solid #10B981}
.legal-box p{margin:0;font-size:.9rem;color:#374151;line-height:1.6}
.legal-box strong{color:#1E293B}

/* ── DATA TABLE ── */
.legal-table{width:100%;border-collapse:collapse;font-size:.88rem;margin:16px 0}
.legal-table th{background:#0F2340;color:#fff;padding:10px 14px;text-align:left;font-weight:600}
.legal-table td{padding:10px 14px;border-bottom:1px solid #D1E8DC;color:#374151;vertical-align:top}
.legal-table tr:nth-child(even) td{background:#F4FAF7}

/* ── CONTACT BOX ── */
.contact-box{background:#0F2340;color:#fff;border-radius:12px;padding:28px 32px;margin-top:40px;text-align:center}
.contact-box h3{color:#10B981;margin-bottom:8px;font-size:1.1rem}
.contact-box p{color:rgba(255,255,255,.75);font-size:.9rem;margin-bottom:0}
.contact-box a{color:#F59E0B;font-weight:700;text-decoration:none}
.contact-box a:hover{text-decoration:underline}

/* ── SITEMAP PAGE ── */
.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;margin-top:32px}
.sitemap-category{background:var(--white,#fff);border:1px solid #D1E8DC;border-radius:12px;overflow:hidden}
.sitemap-cat-header{background:#0F2340;padding:14px 20px;display:flex;align-items:center;gap:10px}
.sitemap-cat-icon{font-size:1.1rem}
.sitemap-cat-title{color:#fff;font-weight:700;font-size:.95rem}
.sitemap-links{padding:16px 20px}
.sitemap-links ul{list-style:none;padding:0;margin:0}
.sitemap-links li{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #F0F7F4}
.sitemap-links li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.sitemap-links a{color:#0D4A35;text-decoration:none;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:7px;transition:color .15s}
.sitemap-links a:hover{color:#10B981}
.sitemap-links a::before{content:'→';color:#10B981;font-size:.8rem;flex-shrink:0}
.sitemap-desc{font-size:.78rem;color:#94A3B8;margin-top:2px;padding-left:16px}
.sitemap-stats{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;padding:28px;background:#F4FAF7;border-radius:12px;margin-bottom:36px}
.sitemap-stat{text-align:center}
.sitemap-stat-num{font-size:1.8rem;font-weight:800;color:#0F2340;line-height:1}
.sitemap-stat-label{font-size:.78rem;color:#64748B;margin-top:4px}

/* ── PRINT STYLES ── */
@media print{
  .site-header,.site-footer,.breadcrumb{display:none}
  .legal-hero{background:#0F2340 !important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .legal-section{page-break-inside:avoid}
}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .legal-hero h1{font-size:1.5rem}
  .toc ol{columns:1}
  .legal-section h2{font-size:1.1rem}
  .legal-table{font-size:.8rem}
  .legal-table th,.legal-table td{padding:8px 10px}
  .contact-box{padding:20px}
  .sitemap-grid{grid-template-columns:1fr}
}