/* MyLiP legal pages — shared stylesheet */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#1F3864;--blue:#185FA5;--blue-light:#E6F1FB;--blue-mid:#B5D4F4;
  --green:#1D6B45;--green-light:#E2EFDA;
  --amber:#854F0B;--amber-light:#FAEEDA;
  --red:#9C2B1F;--red-light:#FDEDEC;
  --gray:#5F5E5A;--gray-light:#F5F5F5;--gray-mid:#D9D9D9;
  --text:#1a1a1a;--text-muted:#555;--text-hint:#888;
  --border:#e0e0e0;--white:#fff;
  --radius:8px;--radius-lg:12px;
}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);background:#fff;font-size:16px;line-height:1.7}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}

/* NAV */
nav{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:60px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:100}
.logo{font-size:20px;font-weight:700;color:var(--navy);letter-spacing:-.5px}
.logo a{color:inherit;text-decoration:none}
.logo span{color:var(--blue)}
.nav-links{display:flex;gap:24px;align-items:center}
.nav-links a{font-size:14px;color:var(--text-muted)}
.nav-links a:hover{color:var(--text);text-decoration:none}
.btn{display:inline-block;padding:9px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;border:none;text-decoration:none}
.btn-primary{background:var(--blue);color:#fff}
.btn-primary:hover{background:#0C447C;text-decoration:none;color:#fff}
.btn-outline{background:#fff;color:var(--text);border:1px solid var(--border)}
.btn-outline:hover{background:var(--gray-light);text-decoration:none}
.btn-sm{padding:7px 16px;font-size:13px}

/* DRAFT BANNER */
.draft-banner{background:var(--amber-light);border-bottom:2px solid #E4C48A;padding:.75rem 2rem;color:#5E3A08;font-size:13px;text-align:center}
.draft-banner strong{color:var(--amber)}

/* MAIN CONTAINER */
.legal-wrap{max-width:780px;margin:0 auto;padding:3rem 2rem 5rem}
.page-label{font-size:12px;font-weight:600;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}
.legal-wrap h1{font-size:36px;font-weight:700;color:var(--navy);margin-bottom:.5rem;letter-spacing:-.3px;line-height:1.2}
.meta-line{font-size:13px;color:var(--text-hint);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}
.meta-line strong{color:var(--text-muted);font-weight:500}

.legal-wrap h2{font-size:22px;font-weight:700;color:var(--navy);margin:2.5rem 0 .75rem;letter-spacing:-.2px}
.legal-wrap h3{font-size:17px;font-weight:600;color:var(--navy);margin:1.75rem 0 .5rem}
.legal-wrap p{margin-bottom:1rem;color:var(--text)}
.legal-wrap ul, .legal-wrap ol{margin:0 0 1rem 1.5rem}
.legal-wrap li{margin-bottom:.5rem}
.legal-wrap strong{color:var(--text)}
.legal-wrap em{font-style:italic}

/* Plain-English summary block */
.pe-summary{background:var(--blue-light);border-left:4px solid var(--blue);padding:1.25rem 1.5rem;border-radius:0 var(--radius) var(--radius) 0;margin:1.5rem 0 2rem;font-size:14.5px}
.pe-summary h3{margin-top:0;margin-bottom:.5rem;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}
.pe-summary p{margin-bottom:.5rem}
.pe-summary p:last-child{margin-bottom:0}

/* Notice boxes */
.notice{border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0;font-size:14.5px;line-height:1.65}
.notice-info{background:var(--blue-light);border-left:4px solid var(--blue);color:#0C447C}
.notice-warn{background:var(--amber-light);border-left:4px solid var(--amber);color:#5E3A08}
.notice-key{background:var(--navy);color:#fff;border-left:4px solid #85B7EB}
.notice-key strong{color:#B5D4F4}

/* What / What-not block for about-mylip */
.what-block{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:2rem 0}
.what-card{border-radius:var(--radius-lg);padding:1.75rem;border:1px solid var(--border)}
.what-yes{background:var(--green-light);border-color:#B7DFB7}
.what-no{background:var(--red-light);border-color:#F1C4BF}
.what-card h3{font-size:15px;font-weight:700;margin-bottom:1rem;margin-top:0}
.what-yes h3{color:var(--green)}
.what-no h3{color:var(--red)}
.what-item{padding:6px 0;font-size:14px;line-height:1.5}
.what-yes .what-item::before{content:"\2713  ";color:var(--green);font-weight:700}
.what-no .what-item::before{content:"\2717  ";color:var(--red);font-weight:700}

/* Tables */
.legal-wrap table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:14px}
.legal-wrap table th, .legal-wrap table td{border:1px solid var(--border);padding:10px 14px;text-align:left;vertical-align:top}
.legal-wrap table th{background:var(--gray-light);font-weight:600;color:var(--navy)}

/* FOOTER */
footer{background:var(--navy);color:#85B7EB;padding:3rem 2rem;margin-top:4rem}
.footer-inner{max-width:960px;margin:0 auto}
.footer-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}
.footer-brand .logo{color:#fff;font-size:22px}
.footer-brand .logo span{color:#85B7EB}
.footer-brand p{font-size:13px;color:#85B7EB;margin-top:.75rem;max-width:280px;line-height:1.6}
.footer-links h4{font-size:13px;font-weight:600;color:#fff;margin-bottom:1rem}
.footer-links a{display:block;font-size:13px;color:#85B7EB;margin-bottom:.5rem;text-decoration:none}
.footer-links a:hover{color:#fff;text-decoration:none}
.footer-bottom{font-size:12px;color:#5F8AB0;line-height:1.7}
.footer-bottom a{color:#B5D4F4;text-decoration:underline}

/* RESPONSIVE */
@media(max-width:768px){
  .legal-wrap{padding:2rem 1.25rem 3rem}
  .legal-wrap h1{font-size:28px}
  .legal-wrap h2{font-size:19px}
  .what-block{grid-template-columns:1fr}
  .footer-top{flex-direction:column}
  nav .nav-links{display:none}
}