/* ==============================================
   MedTalks — Legal Pages  |  privacy.css
   Fully standalone, no app chrome
   ============================================== */

:root {
    --P:   #1D4E63;
    --PD:  #163d50;
    --PL:  #e6f0f4;
    --PLL: #f0f7fa;
    --S:   #D93535;
    --TD:  #111827;
    --TM:  #374151;
    --TT:  #6b7280;
    --BR:  #e5e7eb;
    --BG:  #f8f9fa;
    --WH:  #ffffff;
    --R:   12px;
    --RS:  8px;
    --TR:  all .22s ease;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--BG);color:var(--TM);line-height:1.6;overflow-x:hidden}

/* ── HEADER ── */
.lp-header{
    background:var(--WH);
    border-bottom:1px solid var(--BR);
    position:sticky;top:0;z-index:200;
    box-shadow:0 1px 6px rgba(0,0,0,.07);
}
.lp-header-inner{
    max-width:1200px;margin:0 auto;padding:0 40px;
    height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;
}

/* Logo */
.lp-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.lp-logo img{height:36px;width:auto}
.lp-logo-name{font-size:1.15rem;font-weight:800;color:var(--P);letter-spacing:-.02em}

/* Middle nav */
.lp-nav{display:flex;align-items:center;gap:2px}
.lp-nav a{
    padding:7px 14px;border-radius:var(--RS);
    font-size:.83rem;font-weight:500;color:var(--TT);
    text-decoration:none;transition:var(--TR);white-space:nowrap;
}
.lp-nav a:hover{background:var(--PL);color:var(--P)}
.lp-nav a.here{background:var(--PL);color:var(--P);font-weight:700}

/* Auth buttons */
.lp-auth{display:flex;align-items:center;gap:10px;flex-shrink:0}
.lp-btn-ghost{
    padding:8px 18px;border-radius:var(--RS);
    font-size:.83rem;font-weight:600;color:var(--P);
    text-decoration:none;border:1.5px solid var(--P);
    transition:var(--TR);
}
.lp-btn-ghost:hover{background:var(--PL)}
.lp-btn-solid{
    padding:8px 18px;border-radius:var(--RS);
    font-size:.83rem;font-weight:600;color:#fff;
    text-decoration:none;background:var(--P);
    transition:var(--TR);
}
.lp-btn-solid:hover{background:var(--PD)}

/* ── HERO ── */
.lp-hero{
    background:linear-gradient(140deg,var(--P) 0%,#0d2d3d 100%);
    padding:80px 40px 72px;text-align:center;
    position:relative;overflow:hidden;
}
.lp-hero::before,.lp-hero::after{
    content:'';position:absolute;border-radius:50%;
    background:rgba(255,255,255,.05);
}
.lp-hero::before{width:500px;height:500px;top:-220px;right:-120px}
.lp-hero::after{width:320px;height:320px;bottom:-160px;left:-80px}
.lp-hero-in{position:relative;z-index:1;max-width:700px;margin:0 auto}
.lp-hero-tag{
    display:inline-block;padding:4px 14px;border-radius:20px;
    background:rgba(255,255,255,.13);color:rgba(255,255,255,.88);
    font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;
    margin-bottom:20px;
}
.lp-hero h1{font-size:2.7rem;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:14px}
.lp-hero-sub{font-size:1rem;color:rgba(255,255,255,.72);margin-bottom:28px}
.lp-hero-meta{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.lp-hero-meta span{font-size:.8rem;color:rgba(255,255,255,.6);display:flex;align-items:center;gap:6px}
.lp-hero-meta strong{color:rgba(255,255,255,.92);font-weight:600}

/* ── LAYOUT ── */
.lp-wrap{max-width:1200px;margin:0 auto;padding:52px 40px 100px;display:grid;grid-template-columns:256px 1fr;gap:40px;align-items:start}

/* ── TOC ── */
.lp-toc{
    position:sticky;top:84px;
    background:var(--WH);border:1px solid var(--BR);
    border-radius:var(--R);overflow:hidden;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
}
.lp-toc-hd{
    padding:14px 18px;background:var(--PLL);
    border-bottom:1px solid var(--BR);
    font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--P);
}
.lp-toc-list{padding:10px 8px}
.lp-toc-list a{
    display:flex;align-items:flex-start;gap:8px;
    padding:7px 10px;border-radius:6px;
    font-size:.79rem;color:var(--TT);text-decoration:none;
    transition:var(--TR);line-height:1.4;
}
.lp-toc-list a:hover{background:var(--PL);color:var(--P)}
.lp-toc-num{font-size:.67rem;font-weight:700;color:var(--P);opacity:.55;min-width:18px;margin-top:1px}

.lp-toc-sep{height:1px;background:var(--BR);margin:6px 8px}

.lp-toc-other{padding:10px 8px}
.lp-toc-other-lbl{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--TT);padding:0 10px;margin-bottom:6px;display:block}
.lp-toc-other a{
    display:flex;align-items:center;gap:8px;
    padding:7px 10px;border-radius:6px;
    font-size:.8rem;font-weight:500;color:var(--TT);
    text-decoration:none;transition:var(--TR);
}
.lp-toc-other a:hover{background:var(--PL);color:var(--P)}
.lp-toc-other a.here{background:var(--PL);color:var(--P);font-weight:700}
.lp-toc-other svg{flex-shrink:0;opacity:.7}

/* ── DOCUMENT ── */
.lp-doc{
    background:var(--WH);border:1px solid var(--BR);
    border-radius:var(--R);padding:52px 56px;
    box-shadow:0 1px 4px rgba(0,0,0,.06);
}

/* Intro block */
.lp-doc-intro{font-size:.92rem;color:var(--TM);line-height:1.8;margin-bottom:24px}

/* Infobox */
.lp-infobox{
    background:var(--PLL);border-left:4px solid var(--P);
    border-radius:0 var(--RS) var(--RS) 0;padding:16px 20px;margin:20px 0;
}
.lp-infobox p{margin:0;font-size:.875rem;color:var(--TD)}

/* Warnbox */
.lp-warnbox{
    background:#fff7ed;border-left:4px solid #f59e0b;
    border-radius:0 var(--RS) var(--RS) 0;padding:16px 20px;margin:20px 0;
}
.lp-warnbox p{margin:0;font-size:.875rem;color:#92400e}

/* Section */
.lp-sec{scroll-margin-top:90px;margin-bottom:8px}
.lp-doc h2{
    font-size:1.15rem;font-weight:700;color:var(--TD);
    margin:44px 0 12px;padding-bottom:10px;
    border-bottom:2px solid var(--PL);line-height:1.3;
}
.lp-doc h2:first-of-type{margin-top:0}
.lp-doc h3{font-size:.95rem;font-weight:600;color:var(--TD);margin:20px 0 8px}
.lp-doc p{font-size:.9rem;color:var(--TM);line-height:1.82;margin-bottom:14px}
.lp-doc ul,.lp-doc ol{padding-left:22px;margin-bottom:14px}
.lp-doc li{font-size:.9rem;color:var(--TM);line-height:1.78;margin-bottom:5px}
.lp-doc a{color:var(--P);font-weight:500;text-decoration:none}
.lp-doc a:hover{text-decoration:underline}
.lp-doc .lp-cs-btn,.lp-doc .lp-cs-btn:hover{color:#fff;text-decoration:none}
.lp-doc strong{color:var(--TD);font-weight:600}

/* ── FAQ ── */
.lp-faq{
    margin-top:48px;padding-top:40px;
    border-top:2px solid var(--PL);
}
.lp-faq-title{font-size:1.3rem;font-weight:800;color:var(--TD);margin-bottom:6px;letter-spacing:-.02em}
.lp-faq-sub{font-size:.875rem;color:var(--TT);margin-bottom:28px}
.lp-faq-list{display:flex;flex-direction:column;gap:10px}
.lp-faq-item{
    border:1px solid var(--BR);border-radius:var(--RS);
    overflow:hidden;transition:var(--TR);
}
.lp-faq-item:hover{border-color:#b9d4df}
.lp-faq-q{
    width:100%;background:none;border:none;
    padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;
    font-size:.9rem;font-weight:600;color:var(--TD);
    cursor:pointer;text-align:left;transition:var(--TR);
}
.lp-faq-q:hover{background:var(--PLL)}
.lp-faq-q[aria-expanded="true"]{background:var(--PLL);color:var(--P)}
.lp-faq-icon{width:20px;height:20px;flex-shrink:0;transition:transform .2s ease;color:var(--P)}
.lp-faq-q[aria-expanded="true"] .lp-faq-icon{transform:rotate(45deg)}
.lp-faq-a{
    display:none;padding:0 20px 16px;
    font-size:.875rem;color:var(--TM);line-height:1.78;
}
.lp-faq-a.open{display:block}

/* ── COMING SOON ── */
.lp-cs{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 32px;gap:18px}
.lp-cs-ring{
    width:96px;height:96px;border-radius:50%;
    background:var(--PL);display:flex;align-items:center;justify-content:center;color:var(--P);
}
.lp-cs-title{font-size:1.7rem;font-weight:800;color:var(--TD);letter-spacing:-.02em}
.lp-cs-sub{font-size:.9rem;color:var(--TT);max-width:440px;line-height:1.8}
.lp-cs-btn{
    margin-top:8px;display:inline-flex;align-items:center;gap:8px;
    padding:12px 30px;background:var(--P);color:#fff;
    border-radius:var(--RS);font-size:.875rem;font-weight:600;
    text-decoration:none;transition:var(--TR);
}
.lp-cs-btn:hover{background:var(--PD);color:#fff;text-decoration:none}

/* ── FOOTER ── */
.lp-footer{background:#111827;padding:48px 40px}
.lp-footer-in{
    max-width:1200px;margin:0 auto;
    display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;
}
.lp-footer-brand{display:flex;align-items:center;gap:10px}
.lp-footer-brand img{height:30px}
.lp-footer-brand-name{font-size:1rem;font-weight:800;color:#fff}
.lp-footer-copy{font-size:.75rem;color:#6b7280;margin-top:4px}
.lp-footer-links{display:flex;gap:22px;justify-content:center;flex-wrap:wrap}
.lp-footer-links a{font-size:.8rem;color:#9ca3af;text-decoration:none;transition:var(--TR)}
.lp-footer-links a:hover{color:#fff}
.lp-footer-right{display:flex;justify-content:flex-end}
.lp-footer-email{
    display:inline-flex;align-items:center;gap:8px;
    padding:9px 20px;border:1px solid #374151;border-radius:var(--RS);
    color:#9ca3af;font-size:.8rem;text-decoration:none;transition:var(--TR);
}
.lp-footer-email:hover{border-color:#6b7280;color:#fff}

/* ── RESPONSIVE ── */
@media(max-width:1024px){
    .lp-wrap{grid-template-columns:220px 1fr;padding:40px 24px 80px;gap:28px}
}
@media(max-width:800px){
    .lp-wrap{grid-template-columns:1fr;padding:28px 20px 64px;gap:20px}
    .lp-toc{position:static}
    .lp-toc-list{display:flex;flex-wrap:wrap;gap:2px}
    .lp-toc-list a{flex:none}
    .lp-toc-other{border-top:1px solid var(--BR)}
    .lp-footer-in{grid-template-columns:1fr;gap:16px}
    .lp-footer-right{justify-content:flex-start}
    .lp-footer-links{justify-content:flex-start}
    .lp-doc{padding:32px 24px}
}
@media(max-width:600px){
    .lp-header-inner{padding:0 20px}
    .lp-nav{display:none}
    .lp-hero{padding:52px 20px}
    .lp-hero h1{font-size:2rem}
    .lp-doc{padding:24px 18px}
    .lp-footer{padding:36px 20px}
}