/* Adwaty 2.0 — page template v2 blocks (article, related tools, footer link grid, hub pages).
   Uses the site tokens from style.css; the fallbacks (dark) apply on the few legacy pages that don't load style.css. */
.v2-scope,.v2-article,.v2-related,.v2-foot,.v2-crumb,.v2-hub{
  --v2-bg:var(--bg,#0F0F17);
  --v2-surface:var(--surface,#191A26);
  --v2-surface-2:var(--surface-2,#1F2030);
  --v2-text:var(--text,#F1F1F8);
  --v2-dim:var(--text-dim,#A6A8BE);
  --v2-faint:var(--text-faint,#75778D);
  --v2-border:var(--border,rgba(255,255,255,0.08));
  --v2-border-strong:var(--border-strong,rgba(255,255,255,0.14));
  --v2-primary:var(--primary,#8B85F5);
  --v2-primary-tint:var(--primary-tint,rgba(139,133,245,0.14));
  --v2-accent:var(--accent,#FFA478);
  --v2-accent-tint:var(--accent-tint,rgba(255,164,120,0.14));
  --v2-display:var(--font-display,inherit);
  --v2-body:var(--font-body,inherit);
}
.v2-wrap{max-width:1180px;margin-inline:auto;padding-inline:24px;box-sizing:border-box;}
.v2-article *,.v2-related *,.v2-foot *,.v2-hub *{box-sizing:border-box;}

/* ---------- article ---------- */
.v2-article{padding-block:28px 8px;color:var(--v2-text);font-family:var(--v2-body);}
.v2-article .v2-prose{max-width:820px;background:var(--v2-surface);border:1px solid var(--v2-border);border-radius:18px;padding:28px 30px;line-height:1.95;}
.v2-article h2{font-family:var(--v2-display);font-size:23px;line-height:1.5;margin:34px 0 12px;color:var(--v2-text);font-weight:700;}
.v2-article h2:first-child{margin-top:0;}
.v2-article h3{font-family:var(--v2-body);font-size:16.5px;margin:0 0 6px;color:var(--v2-text);font-weight:700;}
.v2-article p{margin:0 0 12px;color:var(--v2-dim);font-size:15.5px;}
.v2-article ul,.v2-article ol{margin:0 0 14px;padding-inline-start:22px;color:var(--v2-dim);font-size:15.5px;}
.v2-article li{margin-bottom:8px;}
.v2-article li::marker{color:var(--v2-primary);font-weight:700;}
.v2-article strong{color:var(--v2-text);}
.v2-why{list-style:none;padding:0 !important;display:grid;gap:10px;}
.v2-why li{position:relative;padding:12px 16px;padding-inline-start:40px;background:var(--v2-surface-2);border:1px solid var(--v2-border);border-radius:12px;margin:0;}
.v2-why li::before{content:"";position:absolute;inset-inline-start:16px;top:21px;width:10px;height:10px;border-radius:3px;background:linear-gradient(135deg,var(--v2-primary),var(--v2-accent));}
.v2-steps{counter-reset:v2s;list-style:none;padding:0 !important;display:grid;gap:12px;}
.v2-steps li{counter-increment:v2s;position:relative;padding:14px 16px;padding-inline-start:58px;border:1px solid var(--v2-border);border-radius:14px;background:var(--v2-surface-2);margin:0;}
.v2-steps li::before{content:counter(v2s);position:absolute;inset-inline-start:14px;top:14px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,var(--v2-primary),var(--v2-accent));}
.v2-steps li p{margin:0;font-size:15px;}
.v2-examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-bottom:14px;}
.v2-example{background:var(--v2-primary-tint);border:1px solid var(--v2-border);border-radius:14px;padding:16px;}
.v2-example p{margin:0;font-size:14.5px;}
.v2-table-wrap{overflow-x:auto;margin:6px 0 16px;border:1px solid var(--v2-border);border-radius:14px;}
.v2-table-wrap table{width:100%;border-collapse:collapse;font-size:14.5px;min-width:420px;}
.v2-table-wrap caption{caption-side:top;text-align:start;padding:12px 14px;font-weight:700;color:var(--v2-text);background:var(--v2-surface-2);}
.v2-table-wrap th,.v2-table-wrap td{padding:10px 14px;text-align:start;border-top:1px solid var(--v2-border);vertical-align:top;}
.v2-table-wrap th{color:var(--v2-text);background:var(--v2-surface-2);font-weight:700;}
.v2-table-wrap td{color:var(--v2-dim);}
.v2-tips li{margin-bottom:9px;}
.v2-privacy{display:flex;gap:12px;align-items:flex-start;background:var(--v2-accent-tint);border:1px solid var(--v2-border);border-radius:14px;padding:14px 16px;margin:18px 0 6px;}
.v2-privacy p{margin:0;color:var(--v2-text);font-size:14.5px;}
.v2-privacy svg{flex:0 0 22px;width:22px;height:22px;stroke:var(--v2-accent);margin-top:3px;}
.v2-faq{display:grid;gap:10px;}
.v2-faq details{background:var(--v2-surface-2);border:1px solid var(--v2-border);border-radius:12px;padding:0;}
.v2-faq summary{cursor:pointer;list-style:none;padding:14px 18px;padding-inline-end:44px;font-weight:700;color:var(--v2-text);font-size:15px;position:relative;}
.v2-faq summary::-webkit-details-marker{display:none;}
.v2-faq summary::after{content:"+";position:absolute;inset-inline-end:18px;top:11px;font-size:20px;color:var(--v2-primary);font-weight:700;}
.v2-faq details[open] summary::after{content:"−";}
.v2-faq summary:focus-visible{outline:2px solid var(--v2-primary);outline-offset:2px;border-radius:12px;}
.v2-faq .v2-ans{padding:0 18px 14px;}
.v2-faq .v2-ans p{margin:0;font-size:14.5px;}
.v2-updated{margin:22px 0 0 !important;font-size:13px !important;color:var(--v2-faint) !important;}

/* legacy light pages: dark band behind the v2 blocks */
.v2-band{background:var(--v2-bg);margin:0;}
.v2-article.v2-band{padding-top:36px;margin-top:28px;}

/* ---------- related tools ---------- */
.v2-related{padding-block:28px 36px;font-family:var(--v2-body);}
.v2-related h2{font-family:var(--v2-display);font-size:23px;margin:0 0 16px;color:var(--v2-text);font-weight:700;}
.v2-rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;list-style:none;margin:0;padding:0;}
.v2-rel-grid a{display:block;height:100%;background:var(--v2-surface);border:1px solid var(--v2-border);border-radius:14px;padding:14px 16px;text-decoration:none;transition:border-color .2s,transform .2s;}
.v2-rel-grid a:hover{border-color:var(--v2-primary);transform:translateY(-2px);}
.v2-rel-grid strong{display:block;color:var(--v2-text);font-size:15px;margin-bottom:4px;line-height:1.5;}
.v2-rel-grid span{display:block;color:var(--v2-dim);font-size:13px;line-height:1.7;}
.v2-rel-grid em{display:inline-block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--v2-primary);background:var(--v2-primary-tint);border-radius:999px;padding:2px 10px;margin-top:8px;}

/* ---------- footer link grid ---------- */
.v2-foot{border-block-start:1px solid var(--v2-border);background:var(--v2-surface-2);padding-block:36px 28px;font-family:var(--v2-body);}
.v2-foot h2{font-family:var(--v2-display);font-size:19px;margin:0 0 20px;color:var(--v2-text);font-weight:700;}
.v2-foot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:22px 18px;}
.v2-foot-col h3{font-size:14.5px;margin:0 0 8px;font-weight:700;font-family:var(--v2-body);}
.v2-foot-col h3 a{color:var(--v2-text);text-decoration:none;}
.v2-foot-col h3 a:hover{color:var(--v2-primary);}
.v2-foot-col ul{list-style:none;margin:0;padding:0;}
.v2-foot-col li{margin:0 0 5px;line-height:1.6;}
.v2-foot-col li a{color:var(--v2-dim);font-size:13.5px;text-decoration:none;}
.v2-foot-col li a:hover{color:var(--v2-primary);text-decoration:underline;}
.v2-foot-col li.v2-more a{color:var(--v2-primary);font-weight:700;}

/* ---------- breadcrumb on legacy pages ---------- */
.v2-crumb{max-width:720px;margin:10px auto 0;padding:0 20px;font-size:13px;color:var(--v2-faint);display:flex;flex-wrap:wrap;gap:6px;}
.v2-crumb a{color:var(--v2-primary);font-weight:600;text-decoration:none;}

/* ---------- hub pages ---------- */
.v2-hub{padding-block:24px 10px;color:var(--v2-text);}
.v2-hub-head h1{font-size:32px;line-height:1.4;margin:6px 0 14px;}
.v2-hub-intro{max-width:820px;background:var(--v2-surface);border:1px solid var(--v2-border);border-radius:18px;padding:24px 28px;margin-bottom:30px;}
.v2-hub-intro p{color:var(--v2-dim);font-size:15.5px;line-height:1.95;margin:0 0 12px;}
.v2-hub-intro p:last-child{margin-bottom:0;}
.v2-hub-count{display:inline-block;font-size:13px;font-weight:700;color:var(--v2-primary);background:var(--v2-primary-tint);border-radius:999px;padding:4px 14px;margin-bottom:6px;}
.v2-hub-other{margin-block:34px 10px;}
.v2-hub-other h2{font-size:21px;margin-bottom:14px;}
.v2-hub-other ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px;}
.v2-hub-other a{display:inline-block;padding:7px 14px;border-radius:999px;background:var(--v2-surface-2);border:1px solid var(--v2-border);color:var(--v2-text);font-size:13.5px;font-weight:600;}
.v2-hub-other a:hover{border-color:var(--v2-primary);}

.v2-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;font-size:14px;}
.v2-share span{color:var(--v2-faint);}
.v2-share a{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid var(--v2-line,rgba(127,127,127,.3));text-decoration:none !important;font-weight:600;line-height:1.4;}
.v2-share a.v2-share-whatsapp{background:#1f8f4e;color:#fff !important;border-color:#1f8f4e;}
.v2-share a.v2-share-telegram{background:#2481cc;color:#fff !important;border-color:#2481cc;}
.v2-share a.v2-share-x{background:#111;color:#fff !important;border-color:#333;}
.v2-share a:hover{filter:brightness(1.1);}

@media (max-width:640px){
  .v2-wrap{padding-inline:16px;}
  .v2-article .v2-prose{padding:20px 18px;border-radius:14px;}
  .v2-article h2,.v2-related h2{font-size:20px;}
  .v2-hub-head h1{font-size:25px;}
  .v2-hub-intro{padding:18px;}
  .v2-foot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}