/*
 * common.css — TyagiHub Discover Posts
 * Ye CSS sabhi 24 post files (English + Hindi) me ek jaisi hai.
 * Path: /assets/css/common.css
 * Har post ke front matter me add karo:
 *   extra_css:
 *     - /assets/css/discover.css
 *     - /assets/css/common.css
 */

*{margin:0;padding:0;box-sizing:border-box}
.post-hero .hero-meta{font-size:.82rem;color:var(--clr-text-3);display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}
.toc-box ol{padding-left:1.4rem;color:var(--clr-text-2)}
.post-section p{color:var(--clr-text-2);margin-bottom:1rem;font-size:.97rem}
.styled-table{width:100%;min-width:600px;border-collapse:collapse;font-size:.88rem}
.styled-table thead{background:var(--clr-surface-2)}
.styled-table tbody tr:hover{background:var(--clr-surface-2)}
.styled-table tbody td{padding:.8rem 1rem;color:var(--clr-text-2);white-space:normal;word-break:break-word;vertical-align:top}
.styled-table tbody td:first-child{color:var(--clr-text);font-weight:600}
.stat-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:10px;padding:1.2rem;text-align:center}
.stat-card .stat-val{font-size:1.8rem;font-weight:900;color:var(--clr-accent);display:block}
.stat-card .stat-label{font-size:.78rem;color:var(--clr-text-3);margin-top:.3rem}
0%{opacity:0;transform:translateY(12px)}
100%{opacity:1;transform:translateY(0)}
.post-tags .ptag{background:var(--clr-surface-2);border:1px solid var(--clr-border);border-radius:999px;padding:.3rem .85rem;font-size:.78rem;color:var(--clr-text-2)}

.stat-strip{grid-template-columns:repeat(2,1fr)}
/*
 * unique.css — TyagiHub Discover Posts
 * Har post file ka alag CSS jo sirf usi file me use hota hai.
 * common.css me jo hai wo yahan nahi hai.
 * 
 * NOTE: English aur Hindi file ka unique CSS same hota hai
 * kyunki dono me same components use hue hain.
 * Isiliye har section me dono filenames likhe hain.
 */

/* ============================================================ */
/* POST 01 — ENGLISH: 2026-06-15-how-sim-swap-attacks-work.html */
/*         HINDI  : 2026-06-15-how-sim-swap-attacks-work-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-accent-glow:rgba(245,166,35,0.18);--clr-learn:#3ecfcf;--clr-editor:#a78bfa;--clr-tools:#f5a623;--clr-stock:#34d399;--clr-apps:#60a5fa;--clr-shield:#f87171;--clr-blog:#fb923c;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#ffffff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#ffffff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a;--clr-accent-glow:rgba(224,152,32,0.15)}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
/* HERO */
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem;position:relative}
.post-hero .hero-meta span{display:flex;align-items:center;gap:.3rem}
/* TOC */
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box ol li{margin-bottom:.4rem}
.toc-box ol li a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box ol li a:hover{color:var(--clr-accent)}
/* SECTIONS */
.post-section{margin-bottom:3rem}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-accent);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul,.post-section ol{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section ul li,.post-section ol li{margin-bottom:.45rem;font-size:.95rem}
/* HIGHLIGHT BOX */
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
/* TABLE */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
/* STEP CARDS */
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.step-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.step-card .step-num{font-size:2.5rem;font-weight:900;color:var(--clr-accent);opacity:.15;position:absolute;top:.3rem;right:.7rem;line-height:1}
.step-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.step-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
/* PROTECTION CHECKLIST */
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
/* SVG DIAGRAM */
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.svg-diagram svg{max-width:100%;height:auto}
/* STAT STRIP */
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
0%,100%{opacity:.4}
50%{opacity:1}
0%{transform:translateX(-6px);opacity:0}
100%{transform:translateX(0);opacity:1}
.post-section{animation:fadeUp .5s ease both}
/* TAGS */
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.step-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 02 — ENGLISH: 2026-06-16-how-phishing-websites-steal-your-data.html */
/*         HINDI  : 2026-06-16-how-phishing-websites-steal-your-data-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-accent-glow:rgba(245,166,35,0.18);--clr-learn:#3ecfcf;--clr-editor:#a78bfa;--clr-tools:#f5a623;--clr-stock:#34d399;--clr-apps:#60a5fa;--clr-shield:#f87171;--clr-blog:#fb923c;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#ffffff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#ffffff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a;--clr-accent-glow:rgba(224,152,32,0.15)}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem;position:relative}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box ol li{margin-bottom:.4rem}
.toc-box ol li a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box ol li a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-accent);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul,.post-section ol{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section ul li,.post-section ol li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.step-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.step-card .step-num{font-size:2.5rem;font-weight:900;color:var(--clr-accent);opacity:.15;position:absolute;top:.3rem;right:.7rem;line-height:1}
.step-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.step-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.post-section{animation:fadeUp .5s ease both}
.url-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.url-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:10px;padding:1.2rem}
.url-box .url-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}
.url-box.real .url-label{color:#34d399}
.url-box.fake .url-label{color:#f87171}
.url-box .url-text{font-family:monospace;font-size:.88rem;padding:.5rem;background:var(--clr-bg-3);border-radius:6px;word-break:break-all}
.url-box.real .url-text{color:#34d399;border:1px solid #34d39940}
.url-box.fake .url-text{color:#f87171;border:1px solid #f8717140}
.url-box .url-note{font-size:.78rem;color:var(--clr-text-3);margin-top:.5rem}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.step-grid{grid-template-columns:1fr}
.url-compare{grid-template-columns:1fr}


/* ============================================================ */
/* POST 03 — ENGLISH: 2026-06-17-android-spyware-detection-guide.html */
/*         HINDI  : 2026-06-17-android-spyware-detection-guide-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-accent-glow:rgba(245,166,35,0.18);--clr-stock:#34d399;--clr-apps:#60a5fa;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem;position:relative}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box ol li{margin-bottom:.4rem}
.toc-box ol li a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box ol li a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-accent);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul,.post-section ol{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.step-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.step-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.step-card .step-num{font-size:2.5rem;font-weight:900;color:var(--clr-accent);opacity:.15;position:absolute;top:.3rem;right:.7rem}
.step-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.step-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.symptom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}
.symptom-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:10px;padding:1.1rem;border-top:3px solid var(--clr-shield)}
.symptom-card .sym-icon{font-size:1.5rem;margin-bottom:.4rem}
.symptom-card h4{font-size:.9rem;font-weight:700;color:var(--clr-heading);margin-bottom:.3rem}
.symptom-card p{font-size:.82rem;color:var(--clr-text-2)}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
0%,100%{opacity:1}
50%{opacity:.3}
.step-grid,.symptom-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 04 — ENGLISH: 2026-06-18-how-ai-is-changing-everyday-life.html */
/*         HINDI  : 2026-06-18-how-ai-is-changing-everyday-life-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-learn:#3ecfcf;--clr-apps:#60a5fa;--clr-shield:#f87171;--clr-stock:#34d399;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.2;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-learn);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-learn);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul,.post-section ol{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-learn);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-learn);margin-bottom:.5rem}
.highlight-box.warn .hb-label{color:#f87171}
.highlight-box.tip .hb-label{color:#34d399}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.ai-domain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin:1.5rem 0}
.ai-domain-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:14px;padding:1.5rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.ai-domain-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--card-accent,var(--clr-learn))}
.ai-domain-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.ai-domain-card .domain-icon{font-size:2rem;margin-bottom:.7rem}
.ai-domain-card h4{font-size:1rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.ai-domain-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.timeline{position:relative;padding-left:2rem;margin:1.5rem 0}
.timeline::before{content:'';position:absolute;left:.5rem;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--clr-learn),var(--clr-accent))}
.timeline-item{position:relative;margin-bottom:1.5rem;padding-left:.5rem}
.timeline-item::before{content:'';position:absolute;left:-1.65rem;top:.4rem;width:12px;height:12px;border-radius:50%;background:var(--clr-learn);box-shadow:0 0 8px var(--clr-learn)}
.timeline-item .t-year{font-size:.75rem;font-weight:700;color:var(--clr-learn);text-transform:uppercase;letter-spacing:.06em}
.timeline-item h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin:.2rem 0}
.timeline-item p{font-size:.88rem;color:var(--clr-text-2)}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.ai-domain-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 05 — ENGLISH: 2026-06-19-future-of-smart-devices.html */
/*         HINDI  : 2026-06-19-future-of-smart-devices-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-learn:#3ecfcf;--clr-apps:#60a5fa;--clr-stock:#34d399;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-apps);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-apps);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-apps);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-apps);margin-bottom:.5rem}
.highlight-box.warn .hb-label{color:#f87171}
.highlight-box.tip .hb-label{color:#34d399}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}
.device-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;transition:transform .2s,box-shadow .2s;border-top:3px solid var(--card-color,var(--clr-apps))}
.device-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
.device-card .d-icon{font-size:1.8rem;margin-bottom:.6rem}
.device-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.4rem}
.device-card p{font-size:.83rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
0%{transform:rotate(0deg) translateX(60px) rotate(0deg)}
100%{transform:rotate(360deg) translateX(60px) rotate(-360deg)}
.device-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 06 — ENGLISH: 2026-06-20-what-is-edge-computing.html */
/*         HINDI  : 2026-06-20-what-is-edge-computing-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-learn:#3ecfcf;--clr-apps:#60a5fa;--clr-stock:#34d399;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-learn);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem;transition:color .2s}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-learn);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-learn);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-learn);margin-bottom:.5rem}
.highlight-box.warn .hb-label{color:#f87171}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}
.concept-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;transition:transform .2s;border-top:3px solid var(--cc,var(--clr-learn))}
.concept-card:hover{transform:translateY(-3px)}
.concept-card .cc-icon{font-size:1.8rem;margin-bottom:.6rem}
.concept-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.4rem}
.concept-card p{font-size:.83rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.concept-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 07 — ENGLISH: 2026-06-21-best-productivity-apps-guide.html */
/*         HINDI  : 2026-06-21-best-productivity-apps-guide-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-apps:#60a5fa;--clr-stock:#34d399;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-apps);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-apps);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-apps);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-apps);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.warn .hb-label{color:#f87171}
/* RESPONSIVE TABLE FIX */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border);transition:background .2s}
.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.app-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;transition:transform .2s;border-top:3px solid var(--ac,var(--clr-apps))}
.app-card:hover{transform:translateY(-3px)}
.app-card .a-icon{font-size:1.8rem;margin-bottom:.5rem}
.app-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.3rem}
.app-card .a-price{font-size:.72rem;color:var(--clr-accent);font-weight:700;margin-bottom:.5rem}
.app-card p{font-size:.83rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.app-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 08 — ENGLISH: 2026-06-22-how-password-managers-work.html */
/*         HINDI  : 2026-06-22-how-password-managers-work-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-apps:#60a5fa;--clr-stock:#34d399;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-stock);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-stock);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-stock);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.warn{border-left-color:#f87171}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-stock);margin-bottom:.5rem}
.highlight-box.warn .hb-label{color:#f87171}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border)}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.step-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;position:relative;transition:transform .2s}
.step-card:hover{transform:translateY(-3px)}
.step-card .step-num{font-size:2.2rem;font-weight:900;color:var(--clr-stock);opacity:.15;position:absolute;top:.3rem;right:.7rem}
.step-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.step-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.step-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 09 — ENGLISH: 2026-06-23-internet-tracking-explained.html */
/*         HINDI  : 2026-06-23-internet-tracking-explained-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-apps:#60a5fa;--clr-stock:#34d399;--clr-shield:#f87171;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-shield);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border)}
.tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}
.tracker-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;border-top:3px solid var(--tc,var(--clr-shield))}
.tracker-card .t-icon{font-size:1.8rem;margin-bottom:.5rem}
.tracker-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.4rem}
.tracker-card p{font-size:.83rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.tracker-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 10 — ENGLISH: 2026-06-24-ai-voice-cloning-risks.html */
/*         HINDI  : 2026-06-24-ai-voice-cloning-risks-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-editor:#a78bfa;--clr-shield:#f87171;--clr-stock:#34d399;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-shield);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border)}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.2rem;margin:1.5rem 0}
.step-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;position:relative;transition:transform .2s}
.step-card:hover{transform:translateY(-3px)}
.step-card .step-num{font-size:2.2rem;font-weight:900;color:var(--clr-shield);opacity:.15;position:absolute;top:.3rem;right:.7rem}
.step-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.5rem}
.step-card p{font-size:.85rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
0%,100%{transform:scaleY(1)}
50%{transform:scaleY(1.8)}
.step-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 11 — ENGLISH: 2026-06-25-how-generative-ai-works.html */
/*         HINDI  : 2026-06-25-how-generative-ai-works-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-editor:#a78bfa;--clr-learn:#3ecfcf;--clr-stock:#34d399;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-editor);color:#0a0c10;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-editor);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-editor);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-editor);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border)}
.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;margin:1.5rem 0}
.concept-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.3rem;border-top:3px solid var(--cc,var(--clr-editor));transition:transform .2s}
.concept-card:hover{transform:translateY(-3px)}
.concept-card .cc-icon{font-size:1.8rem;margin-bottom:.5rem}
.concept-card h4{font-size:.95rem;font-weight:700;color:var(--clr-heading);margin-bottom:.4rem}
.concept-card p{font-size:.83rem;color:var(--clr-text-2);line-height:1.6}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.concept-grid{grid-template-columns:1fr}


/* ============================================================ */
/* POST 12 — ENGLISH: 2026-06-26-deepfake-detection-guide.html */
/*         HINDI  : 2026-06-26-deepfake-detection-guide-hi.html */
/* ============================================================ */

:root{--clr-bg:#0a0c10;--clr-bg-2:#0f1219;--clr-bg-3:#161b27;--clr-surface:#1a2030;--clr-surface-2:#212840;--clr-border:#2a3348;--clr-border-2:#3a4560;--clr-accent:#f5a623;--clr-accent-2:#ff7c3a;--clr-editor:#a78bfa;--clr-shield:#f87171;--clr-stock:#34d399;--clr-text:#e8eaf0;--clr-text-2:#a0a8bc;--clr-text-3:#606880;--clr-heading:#f0f2f8}
[data-theme="light"]{--clr-bg:#fff;--clr-bg-2:#edf0f7;--clr-bg-3:#e4e8f3;--clr-surface:#fff;--clr-surface-2:#f0f3fb;--clr-border:#d8deed;--clr-border-2:#bdc6e0;--clr-text:#1a2030;--clr-text-2:#3d4d6a;--clr-text-3:#6b7a9a;--clr-heading:#0d1421;--clr-accent:#0000FF;--clr-accent-2:#e8682a}
.post-wrap{font-family:'Segoe UI',system-ui,sans-serif;color:var(--clr-text);background:var(--clr-bg);line-height:1.75;max-width:900px;margin:0 auto;padding:2rem 1.2rem 4rem}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:3rem 2rem 2rem;margin-bottom:3rem;text-align:center}
.post-hero svg.hero-bg{position:absolute;inset:0;width:100%;height:100%;opacity:.18;pointer-events:none}
.post-hero .tag-chip{display:inline-block;background:var(--clr-shield);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.08em;padding:.25rem .75rem;border-radius:999px;text-transform:uppercase;margin-bottom:1rem}
.post-hero h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:800;color:var(--clr-heading);line-height:1.2;margin-bottom:1rem}
.toc-box{background:var(--clr-surface);border:1px solid var(--clr-border);border-left:4px solid var(--clr-accent);border-radius:10px;padding:1.5rem;margin-bottom:2.5rem}
.toc-box h3{font-size:.95rem;font-weight:700;color:var(--clr-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}
.toc-box li{margin-bottom:.4rem}
.toc-box a{color:var(--clr-text-2);text-decoration:none;font-size:.9rem}
.toc-box a:hover{color:var(--clr-accent)}
.post-section{margin-bottom:3rem;animation:fadeUp .5s ease both}
.post-section h2{font-size:1.45rem;font-weight:800;color:var(--clr-heading);border-left:4px solid var(--clr-shield);padding-left:.9rem;margin-bottom:1.2rem;scroll-margin-top:80px}
.post-section h3{font-size:1.1rem;font-weight:700;color:var(--clr-accent-2);margin:1.5rem 0 .6rem}
.post-section ul{padding-left:1.5rem;color:var(--clr-text-2);margin-bottom:1rem}
.post-section li{margin-bottom:.45rem;font-size:.95rem}
.highlight-box{background:var(--clr-surface-2);border:1px solid var(--clr-border-2);border-left:4px solid var(--clr-shield);border-radius:8px;padding:1.2rem 1.4rem;margin:1.5rem 0}
.highlight-box.tip{border-left-color:#34d399}
.highlight-box.info{border-left-color:#60a5fa}
.highlight-box .hb-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--clr-shield);margin-bottom:.5rem}
.highlight-box.tip .hb-label{color:#34d399}
.highlight-box.info .hb-label{color:#60a5fa}
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;border-radius:10px;border:1px solid var(--clr-border)}
.styled-table thead th{padding:.85rem 1rem;text-align:left;color:var(--clr-accent);font-weight:700;font-size:.8rem;text-transform:uppercase;white-space:normal;word-break:break-word}
.styled-table tbody tr{border-top:1px solid var(--clr-border)}
.symptom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0}
.symptom-card{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:10px;padding:1.1rem;border-top:3px solid var(--clr-shield)}
.symptom-card .sym-icon{font-size:1.5rem;margin-bottom:.4rem}
.symptom-card h4{font-size:.9rem;font-weight:700;color:var(--clr-heading);margin-bottom:.3rem}
.symptom-card p{font-size:.82rem;color:var(--clr-text-2)}
.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin:1.5rem 0}
.svg-diagram{background:var(--clr-surface);border:1px solid var(--clr-border);border-radius:12px;padding:1.5rem;margin:1.5rem 0;overflow-x:auto;text-align:center}
.checklist{list-style:none;padding:0;margin:1rem 0}
.checklist li{display:flex;align-items:flex-start;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--clr-border);font-size:.93rem;color:var(--clr-text-2)}
.checklist li:last-child{border-bottom:none}
.checklist li::before{content:"✓";color:#34d399;font-weight:900;font-size:1rem;flex-shrink:0;margin-top:.1rem}
.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}
.symptom-grid{grid-template-columns:1fr}
.post-hero{position:relative;border-radius:16px;overflow:hidden;background:var(--clr-surface);border:1px solid var(--clr-border);padding:0;}