/* =========================================================
   Content pages: FAQs, About, Privacy, DMCA
   ========================================================= */
.pg{--pg-primary:#2d86eb;--pg-primary-dark:#2479d8;--pg-primary-soft:#eaf3fd;--pg-navy:#0d233e;--pg-text:#3f4a58;--pg-muted:#6c727c;--pg-line:#e6e9f0;--pg-bg:#f7f8fc;--pg-ok:#13764a;
  color:var(--pg-text);line-height:1.7}
.pg *{box-sizing:border-box}
.pg h1,.pg h2,.pg h3{color:var(--pg-navy);font-weight:700;letter-spacing:-.015em;margin:0}
.pg a{color:var(--pg-primary-dark)}
.pg a:hover{color:var(--pg-navy)}
.pg-i{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pg :focus-visible{outline:3px solid #8cc0f5;outline-offset:2px}
.pg [hidden]{display:none!important}

/* Page header */
.pg-hero{padding:56px 0 44px;background:linear-gradient(180deg,#fff 0%,var(--pg-bg) 100%);border-bottom:1px solid var(--pg-line)}
.pg-crumb{display:flex;flex-wrap:wrap;gap:8px;font-size:14px;color:var(--pg-muted);margin-bottom:16px}
.pg-crumb a{color:var(--pg-muted);text-decoration:none}.pg-crumb a:hover{color:var(--pg-primary)}
.pg-kicker{display:inline-block;margin-bottom:10px;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-primary)}
.pg-hero h1{font-size:clamp(30px,4vw,44px);line-height:1.15;margin-bottom:14px}
.pg-lead{max-width:720px;margin:0;font-size:18px;color:var(--pg-muted)}
.pg-updated{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:4px 12px;border:1px solid var(--pg-line);border-radius:999px;background:#fff;font-size:14px;color:var(--pg-muted)}
.pg-updated .pg-i{width:15px;height:15px;color:var(--pg-primary)}

/* Body */
.pg-body{padding:56px 0 80px;background:#fff}
.pg-narrow{max-width:820px;margin:0 auto}
.pg-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.pg-toc{position:sticky;top:96px;padding:18px;border:1px solid var(--pg-line);border-radius:14px;background:var(--pg-bg)}
.pg-toc strong{display:block;margin-bottom:10px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-muted)}
.pg-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;counter-reset:toc}
.pg-toc a{display:flex;gap:8px;padding:6px 8px;border-radius:8px;font-size:14px;color:var(--pg-text);text-decoration:none;counter-increment:toc}
.pg-toc a::before{content:counter(toc) ".";color:var(--pg-muted);min-width:16px}
.pg-toc a:hover,.pg-toc a.is-active{background:#fff;color:var(--pg-primary-dark)}

/* Prose */
.pg-prose{font-size:16px}
.pg-prose > p{margin:0 0 1.1em}
.pg-prose h2{font-size:24px;line-height:1.3;margin:2em 0 .7em;scroll-margin-top:96px}
.pg-prose h2:first-child{margin-top:0}
.pg-prose h3{font-size:19px;margin:1.6em 0 .6em}
.pg-prose ul,.pg-prose ol{margin:0 0 1.2em;padding-left:1.3em}
.pg-prose li{margin-bottom:.45em}
.pg-section{padding:24px 0;border-top:1px solid var(--pg-line);scroll-margin-top:96px}
.pg-section:first-child{border-top:0;padding-top:0}
.pg-section h2{display:flex;align-items:baseline;gap:12px;margin:0 0 10px;font-size:21px}
.pg-section h2 span{display:inline-grid;place-items:center;flex:none;width:30px;height:30px;border-radius:8px;background:var(--pg-primary-soft);color:var(--pg-primary-dark);font-size:14px}
.pg-section p{margin:0 0 .8em}
.pg-section p:last-child{margin:0}

/* Notes + cards */
.pg-note{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:12px;background:var(--pg-primary-soft);border:1px solid #cfe2fb;font-size:15px;color:var(--pg-navy)}
.pg-note .pg-i{color:var(--pg-primary);margin-top:3px}
.pg-card{padding:24px;border:1px solid var(--pg-line);border-radius:16px;background:#fff}
.pg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:8px;border:1px solid var(--pg-primary);background:var(--pg-primary);color:#fff!important;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .15s,border-color .15s}
.pg-btn:hover{background:var(--pg-primary-dark);border-color:var(--pg-primary-dark)}
.pg-btn-light{background:#fff;color:var(--pg-navy)!important;border-color:#d3d8e2}
.pg-btn-light:hover{background:#f3f5f9;border-color:#c3c9d5}
.pg-check{list-style:none!important;padding:0!important;display:grid;gap:10px}
.pg-check li{display:flex;gap:12px;margin:0!important;padding:14px 16px;border:1px solid var(--pg-line);border-radius:12px;background:#fff}
.pg-check li .pg-i{color:var(--pg-ok);margin-top:4px}
.pg-check li b{color:var(--pg-navy);font-weight:500}

/* Contact band */
.pg-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:48px;padding:28px 32px;border-radius:16px;background:var(--pg-navy)}
.pg-cta h2{color:#fff;font-size:22px;margin-bottom:4px}
.pg-cta p{margin:0;color:#b9c4d3}
.pg-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.pg-cta .pg-btn-light{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.3)}
.pg-cta .pg-btn-light:hover{background:rgba(255,255,255,.08)}

/* FAQ */
.pg-search{display:flex;align-items:center;gap:10px;height:52px;padding:0 16px;margin-bottom:24px;background:#fff;border:1px solid #d3d8e2;border-radius:12px;color:var(--pg-muted)}
.pg-search:focus-within{border-color:var(--pg-primary);box-shadow:0 0 0 4px rgba(45,134,235,.14)}
.pg-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-size:16px;color:var(--pg-navy)}
.pg .pg-search input:focus-visible{outline:none}
.pg-faq{display:grid;gap:10px}
.pg-faq details{border:1px solid var(--pg-line);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.pg-faq details[open]{border-color:#bcd7f7;box-shadow:0 6px 20px rgba(13,35,62,.05)}
.pg-faq summary{display:flex;align-items:center;gap:14px;padding:18px 20px;cursor:pointer;list-style:none;font-size:16px;font-weight:500;color:var(--pg-navy)}
.pg-faq summary::-webkit-details-marker{display:none}
.pg-faq summary .pg-plus{position:relative;flex:none;width:28px;height:28px;margin-left:auto;border-radius:50%;background:var(--pg-bg)}
.pg-faq summary .pg-plus::before,.pg-faq summary .pg-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;border-radius:2px;background:var(--pg-navy);transform:translate(-50%,-50%);transition:transform .2s}
.pg-faq summary .pg-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.pg-faq details[open] .pg-plus{background:var(--pg-primary-soft)}
.pg-faq details[open] .pg-plus::after{transform:translate(-50%,-50%) rotate(0)}
.pg-faq .pg-a{padding:0 20px 20px;font-size:15px;color:var(--pg-text)}
.pg-faq .pg-a p{margin:0}
.pg-empty{padding:24px;text-align:center;color:var(--pg-muted);border:1px dashed #d3d8e2;border-radius:12px}

/* About */
.pg-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 8px}
.pg-stat{padding:20px;border:1px solid var(--pg-line);border-radius:14px;background:var(--pg-bg)}
.pg-stat .pg-i{width:24px;height:24px;color:var(--pg-primary)}
.pg-stat b{display:block;margin-top:10px;font-size:16px;color:var(--pg-navy);font-weight:500}
.pg-stat span{font-size:14px;color:var(--pg-muted)}
.pg-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
.pg-feature{display:flex;gap:14px;padding:18px;border:1px solid var(--pg-line);border-radius:14px}
.pg-feature-ico{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:10px;background:var(--pg-primary-soft);color:var(--pg-primary)}
.pg-feature b{display:block;color:var(--pg-navy);font-weight:500;margin-bottom:2px}
.pg-feature span{font-size:14px;color:var(--pg-muted)}
.pg-authors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.pg-author{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--pg-line);border-radius:16px;background:#fff}
.pg-author-top{display:flex;align-items:center;gap:14px}
.pg-avatar{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:var(--pg-navy);color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em}
.pg-author h3{font-size:17px;display:flex;align-items:center;gap:8px}
.pg-author h3 img{display:inline-block;width:20px;height:14px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.pg-author small{display:block;font-size:13px;color:var(--pg-muted)}
.pg-tags{display:flex;flex-wrap:wrap;gap:6px}
.pg-tags span{padding:3px 10px;border-radius:999px;background:var(--pg-primary-soft);color:var(--pg-primary-dark);font-size:12px;font-weight:500;line-height:1.5}
.pg-author p{margin:0;font-size:14px;color:var(--pg-text)}
.pg-disclaimer{margin-top:32px;padding:16px 18px;border-radius:12px;background:var(--pg-bg);font-size:14px;color:var(--pg-muted)}

@media (max-width:1099px){
  .pg-authors{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:991px){
  .pg-layout{grid-template-columns:1fr;gap:24px}
  .pg-toc{position:static}
}
@media (max-width:767px){
  .pg-hero{padding:36px 0 32px}
  .pg-lead{font-size:16px}
  .pg-body{padding:36px 0 56px}
  .pg-stats,.pg-features,.pg-authors{grid-template-columns:1fr}
  .pg-cta{padding:24px 20px}
  .pg-cta-actions{width:100%}
  .pg-cta .pg-btn{flex:1}
  .pg-faq summary{padding:16px;font-size:15px}
  .pg-faq .pg-a{padding:0 16px 16px}
}
@media (prefers-reduced-motion:reduce){.pg *{transition:none!important}}

/* About: header with "At a glance" card */
.pg-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:center}
.pg-hero-grid .pg-lead{max-width:none}
.pg-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pg-glance{padding:24px;border-radius:16px;background:#fff;border:1px solid #d6e6fb;box-shadow:0 1px 2px rgba(13,35,62,.04),0 12px 32px rgba(45,134,235,.10)}
.pg-glance-label{display:block;margin-bottom:14px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-muted)}
.pg-glance ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.pg-glance li{display:flex;align-items:center;gap:14px;padding:10px 0}
.pg-glance li + li{border-top:1px solid var(--pg-line)}
.pg-glance-ico{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:10px;background:var(--pg-primary-soft);color:var(--pg-primary)}
.pg-glance b{display:block;font-size:20px;line-height:1.2;font-weight:700;color:var(--pg-navy)}
.pg-glance li span:not(.pg-glance-ico){font-size:13px;color:var(--pg-muted);line-height:1.4}
@media (max-width:991px){
  .pg-hero-grid{grid-template-columns:1fr;gap:28px}
  .pg-glance{max-width:520px}
}
@media (max-width:767px){
  .pg-hero-actions .pg-btn{flex:1 1 100%;justify-content:center}
}