/* Calculatr.in blog glass layer (loads after glass.css) */
.b-hero{background:var(--glass)!important;-webkit-backdrop-filter:saturate(170%) blur(20px);backdrop-filter:saturate(170%) blur(20px);border:1px solid var(--glass-line)!important;border-radius:24px!important;box-shadow:var(--shadow)!important;color:var(--ink)!important;padding:34px 26px!important;margin:8px 0 18px!important;text-align:center}
.b-hero h1{color:var(--ink)!important;margin:10px 0 8px}
.b-hero p{color:var(--muted)!important;font-size:15px;max-width:640px;margin:0 auto}
.b-badge{background:var(--brand-lt)!important;color:var(--brand-dk)!important;border:1px solid rgba(47,107,255,.22)!important;display:inline-block;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:700}
.b-search{background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;border-radius:999px!important;box-shadow:0 8px 26px rgba(31,53,120,.10)!important}
.b-search input{background:transparent!important;color:var(--ink)!important}
.cat-pill{background:var(--glass-strong)!important;border:1px solid var(--glass-line)!important;color:var(--ink)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.cat-pill .cp-count{background:rgba(47,107,255,.10)!important;color:var(--brand-dk)!important}
.cat-pill.active{background:linear-gradient(135deg,#4f7cff,#8a63ff)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 20px rgba(79,124,255,.35)}
.cat-pill.active .cp-count{background:rgba(255,255,255,.28)!important;color:#fff!important}
.feat-card,.post-item,.rp-card,.author-box,.blog-toc,.tbl-wrap,.faq-item,.share-bar{background:var(--glass)!important;-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border:1px solid var(--glass-line)!important;border-radius:20px!important;box-shadow:var(--shadow)!important}
.post-item:hover,.rp-card:hover,.feat-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(31,53,120,.16)!important}
.feat-btn{background:linear-gradient(135deg,#4f7cff,#8a63ff)!important;color:#fff!important;border-radius:999px!important}
.feat-badge{background:var(--brand-lt)!important;color:var(--brand-dk)!important}
.feat-title a,.pi-title,.pi-title a{color:var(--ink)!important}
.feat-desc,.pi-desc,.feat-meta,.pi-meta{color:var(--muted)!important}
.pi-stripe{opacity:.9}
/* article */
.blog-wrap{max-width:760px}
.blog-content{background:var(--glass);-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);border:1px solid var(--glass-line);border-radius:24px;box-shadow:var(--shadow);padding:26px 24px 8px;margin-top:14px;color:var(--text)}
@media(max-width:560px){.blog-content{padding:18px 16px 4px;border-radius:20px}}
.blog-content h1{color:var(--ink)!important;letter-spacing:-.6px}
.blog-content h2{color:var(--ink)!important}
.blog-content a{color:var(--brand-dk)}
.blog-meta-bar{background:var(--glass)!important;border:1px solid var(--glass-line)!important;border-radius:16px!important;color:var(--muted)!important}
.calc-cta{background:linear-gradient(135deg,rgba(79,124,255,.92),rgba(138,99,255,.92))!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(79,124,255,.32)!important}
.info-box,.tip-box,.warn-box{border-radius:16px!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.blog-content table{border-radius:14px;overflow:hidden}
.blog-content th{background:rgba(47,107,255,.10)!important;color:var(--ink)!important}
#read-progress{background:linear-gradient(90deg,#4f7cff,#8a63ff)!important}
.share-btn{border-radius:999px!important}
footer{background:var(--glass)!important;color:var(--muted)!important;border-top:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
footer a{color:var(--brand-dk)!important}

/* ── mobile table and share-bar fix ── */
.share-bar{flex-wrap:wrap;overflow:visible}
.tbl-wrap{position:relative;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.tbl-wrap.more{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent)}
.swipe-hint{display:none;font-size:12px;font-weight:600;color:var(--muted);margin:14px 0 -10px}
.swipe-hint.on{display:block}

.tbl-outer{position:relative;max-width:100%}
.tbl-outer .tbl-wrap{margin:20px 0}
.swipe-btn{display:none;position:absolute;right:8px;top:50%;margin-top:-22px;width:44px;height:44px;border-radius:50%;border:1px solid var(--glass-line);background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1d4ed8;font-size:30px;line-height:38px;padding:0 0 2px 2px;text-align:center;cursor:pointer;box-shadow:0 3px 10px rgba(30,40,90,.22);z-index:2;animation:swipenudge 1.6s ease-in-out 4}
.swipe-btn.on{display:block}
@keyframes swipenudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.swipe-btn{animation:none}}
@media (min-width:900px){.swipe-btn{display:none!important}}
.swipe-btn:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}

/* phone: keep the three share buttons on one line */
@media (max-width:560px){
.share-bar{flex-wrap:nowrap;gap:6px;padding:10px;overflow:visible;justify-content:flex-start}
.share-bar span{font-size:10px;margin-right:0;letter-spacing:.3px}
.share-bar .share-btn{padding:0 9px;min-height:40px;font-size:12px;gap:3px;justify-content:center;flex:0 1 auto;min-width:0}
}
@media (max-width:380px){
.share-bar span{display:none}
.share-bar .share-btn{flex:1 1 0;padding:0 6px;font-size:11.5px}
}

/* dark theme for post pages */
html[data-theme="dark"] .blog-content,html[data-theme="dark"] .blog-content p,html[data-theme="dark"] .blog-content ul li,html[data-theme="dark"] .blog-content ol li{color:var(--text)}
html[data-theme="dark"] .blog-content h1,html[data-theme="dark"] .blog-content h2,html[data-theme="dark"] .blog-content h3,html[data-theme="dark"] .blog-content strong{color:var(--ink)!important}
html[data-theme="dark"] .blog-content h2{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .blog-content ul li,html[data-theme="dark"] .blog-content ol li{border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .blog-content td{color:var(--text);border-bottom-color:rgba(255,255,255,.08);background:transparent}
html[data-theme="dark"] .blog-content tr:nth-child(even) td{background:rgba(255,255,255,.05)}
html[data-theme="dark"] .blog-content tr:hover td{background:rgba(111,151,255,.14)}
html[data-theme="dark"] .blog-content th{background:rgba(111,151,255,.20)!important;color:#eef2ff!important}
html[data-theme="dark"] .blog-meta-bar{color:var(--muted)}
html[data-theme="dark"] .blog-meta-bar *{color:inherit}
html[data-theme="dark"] .bm-sep{color:rgba(255,255,255,.25)}
html[data-theme="dark"] .bm-read{background:rgba(111,151,255,.20);color:#c9d8ff}
html[data-theme="dark"] .bm-cat{color:#fff}
html[data-theme="dark"] .blog-toc a,html[data-theme="dark"] .toc-title,html[data-theme="dark"] .blog-toc li{color:#c9d8ff}
html[data-theme="dark"] .info-box{background:rgba(59,130,246,.16);border-color:rgba(96,165,250,.45);color:#bfdbfe}
html[data-theme="dark"] .tip-box{background:rgba(34,197,94,.14);border-color:rgba(74,222,128,.40);color:#bbf7d0}
html[data-theme="dark"] .warn-box{background:rgba(245,158,11,.14);border-color:rgba(251,191,36,.45);color:#fde68a}
html[data-theme="dark"] .faq-q{background:transparent;color:var(--ink)}
html[data-theme="dark"] .faq-q:hover,html[data-theme="dark"] .faq-item.open .faq-q{background:rgba(255,255,255,.06)}
html[data-theme="dark"] .faq-a{background:rgba(255,255,255,.04);color:var(--text);border-top-color:rgba(255,255,255,.10)}
html[data-theme="dark"] .author-box,html[data-theme="dark"] .rp-card{color:var(--text)}
html[data-theme="dark"] .rp-card:hover{background:rgba(111,151,255,.16);color:#fff}
html[data-theme="dark"] .swipe-hint{color:var(--muted)}
html[data-theme="dark"] .swipe-btn{background:rgba(30,38,70,.9);color:#c9d8ff;border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] #srch-box{background:#1b2244;color:var(--text)}
html[data-theme="dark"] #srch-input,html[data-theme="dark"] .s-item{color:var(--text)}
html[data-theme="dark"] #srch-head{border-bottom-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .s-item{border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .s-item:hover{background:rgba(111,151,255,.16);color:#fff}
html[data-theme="dark"] .blog-content [style*="color:#334155"],html[data-theme="dark"] .blog-content [style*="color:#1e293b"],html[data-theme="dark"] .blog-content [style*="color:#0f1f3d"]{color:var(--text)!important}
html[data-theme="dark"] .blog-content .calc-cta a{color:#1d4ed8!important;background:#fff}
/* blog result tables: themed scrollbar instead of the default grey bar */
.tbl-wrap{scrollbar-width:thin;scrollbar-color:rgba(100,116,160,.55) transparent}
.tbl-wrap::-webkit-scrollbar{height:6px;background:transparent}
.tbl-wrap::-webkit-scrollbar-track{background:transparent}
.tbl-wrap::-webkit-scrollbar-thumb{background:rgba(100,116,160,.55);border-radius:6px}