/* ab-blog.css v1 (11 Oct 2026) - 4AB group-blog design. Own code, modelled on the look of the old
   Elfsight Blog widget (simple / grid / list). Colours inherit from the page; accent per group via --abb-a. */
.abb{--abb-a:#2563eb;--abb-r:16px;--abb-ratio:16/9;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;color:inherit;max-width:1200px;margin:0 auto;padding:0 16px 40px;box-sizing:border-box;min-height:70vh}
.abb *,.abb *::before,.abb *::after{box-sizing:border-box}
.abb a{color:inherit;text-decoration:none}
.abb-bar{display:flex;align-items:center;gap:20px;padding:18px 0 14px;border-bottom:1px solid color-mix(in srgb,currentColor 14%,transparent);margin-bottom:8px}
.abb-brand{font-weight:800;font-size:18px;letter-spacing:-.01em;white-space:nowrap;display:flex;gap:8px;align-items:center}
.abb-brand i{font-style:normal;width:30px;height:30px;border-radius:9px;background:var(--abb-a);color:#fff;display:grid;place-items:center;font-size:15px}
.abb-nav{display:flex;gap:4px 18px;overflow-x:auto;scrollbar-width:none;margin-left:auto;font-size:14.5px;opacity:.82}
.abb-nav::-webkit-scrollbar{display:none}
.abb-nav button{all:unset;cursor:pointer;white-space:nowrap;padding:6px 2px;border-bottom:2px solid transparent}
.abb-nav button:hover,.abb-nav button[aria-pressed=true]{opacity:1;border-color:var(--abb-a);color:var(--abb-a)}
.abb-head{text-align:center;padding:34px 0 18px;max-width:760px;margin:0 auto}
.abb-head h2{margin:0 0 10px;font-size:clamp(28px,5vw,42px);line-height:1.15;font-weight:800;letter-spacing:-.02em}
.abb-head p{margin:0;font-size:17px;opacity:.78}
.abb-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0 6px}
.abb-search{flex:1 1 240px;max-width:420px;position:relative}
.abb-search input{width:100%;font:inherit;font-size:15px;padding:11px 14px 11px 40px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:transparent;color:inherit}
.abb-search input:focus{outline:2px solid var(--abb-a);outline-offset:1px}
.abb-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:17px;height:17px;opacity:.55}
.abb-views{display:flex;gap:4px;margin-left:auto}
.abb-views button{all:unset;cursor:pointer;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.abb-views button[aria-pressed=true]{background:var(--abb-a);border-color:var(--abb-a);color:#fff}
.abb-views svg{width:18px;height:18px}
.abb-chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;padding:8px 0 14px;scrollbar-width:none}
.abb-chips::-webkit-scrollbar{display:none}
.abb-chip{all:unset;cursor:pointer;white-space:nowrap;font-size:13.5px;padding:7px 14px;border-radius:999px;border:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.abb-chip b{font-weight:600;opacity:.6;margin-left:5px}
.abb-chip[aria-pressed=true]{background:var(--abb-a);border-color:var(--abb-a);color:#fff}
.abb-chip[aria-pressed=true] b{opacity:.85}
.abb-chip:focus-visible,.abb-nav button:focus-visible,.abb-views button:focus-visible,.abb-more:focus-visible{outline:2px solid var(--abb-a);outline-offset:2px}
.abb-count{font-size:13.5px;opacity:.65;margin:2px 0 10px}
.abb-grid{display:grid;gap:34px 26px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px}
.abb-card{display:flex;flex-direction:column;min-width:0}
.abb-cover{display:block;aspect-ratio:var(--abb-ratio);border-radius:var(--abb-r);overflow:hidden;background:color-mix(in srgb,var(--abb-a) 16%,transparent);position:relative}
.abb-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.abb-card:hover .abb-cover img{transform:scale(1.035)}
.abb-ph{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:16px;color:#fff;background:linear-gradient(135deg,color-mix(in srgb,var(--abb-a) 78%,#000),var(--abb-a) 60%,color-mix(in srgb,var(--abb-a) 60%,#fff))}
.abb-ph i{font-style:normal;font-size:34px;line-height:1;opacity:.92}
.abb-ph span{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;opacity:.88}
.abb-cat{display:block;margin:14px 0 6px;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;opacity:.7;font-weight:500}
.abb-t{margin:0 0 8px;font-size:20px;line-height:1.28;font-weight:750;letter-spacing:-.01em}
.abb-t a:hover{color:var(--abb-a)}
.abb-i{margin:0 0 10px;font-size:15.5px;opacity:.82;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.abb-by{margin-top:auto;font-size:14px;opacity:.68}
.abb-by span+span::before{content:"\00b7";margin:0 7px}
.abb-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin:26px 0 38px}
.abb-hero .abb-body{order:1}
.abb-hero .abb-cover{order:2}
.abb-hero .abb-t{font-size:clamp(26px,3.4vw,38px);line-height:1.18;font-weight:800}
.abb-hero .abb-i{-webkit-line-clamp:4;font-size:16.5px}
.abb-hero .abb-cat{margin-top:0}
.abb-list .abb-grid{grid-template-columns:1fr;gap:26px}
.abb-list .abb-card{flex-direction:row;gap:22px;align-items:flex-start}
.abb-list .abb-cover{flex:0 0 min(34%,300px)}
.abb-list .abb-body{flex:1;min-width:0}
.abb-list .abb-cat{margin-top:0}
.abb-more{all:unset;cursor:pointer;display:block;margin:38px auto 0;padding:13px 30px;border-radius:999px;background:var(--abb-a);color:#fff;font-weight:650;font-size:15px;text-align:center}
.abb-more:hover{filter:brightness(1.08)}
.abb-empty{text-align:center;padding:50px 0;opacity:.7}
/* hide the generator's old listing once the widget is up (it stays in the DOM for crawlers) */
html.abb-js[data-abb=calc][data-abb-page=index] main>h1,html.abb-js[data-abb=calc][data-abb-page=index] main>ul,
html.abb-js[data-abb=home-tutor][data-abb-page=index] main>header.ph,html.abb-js[data-abb=home-tutor][data-abb-page=index] main>section.sec,
html.abb-js[data-abb=abc][data-abb-page=index] main>header.ph,html.abb-js[data-abb=abc][data-abb-page=index] main>section.sec,html.abb-js[data-abb=abc][data-abb-page=index] main>p.blog-all-link,
html.abb-js[data-abb=hindu-gods][data-abb-page=index] .portal-main>*:not(#abb-root){display:none!important}
/* popup post view (data-view=popup) */
.abb-pop{position:fixed;inset:0;z-index:2147483000;background:rgba(10,12,20,.62);display:flex;justify-content:center;align-items:flex-start;overflow:auto;padding:4vh 12px}
.abb-pop-in{background:#fff;color:#14161c;border-radius:20px;max-width:960px;width:100%;padding:34px clamp(18px,5vw,60px) 44px;position:relative;line-height:1.7}
.abb-pop-in img{max-width:100%;height:auto;border-radius:12px}
.abb-pop-x{all:unset;cursor:pointer;position:sticky;float:right;top:0;width:38px;height:38px;border-radius:50%;background:#eceef3;display:grid;place-items:center;font-size:20px}
@media(max-width:899px){.abb-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.abb-hero{grid-template-columns:1fr;gap:16px}.abb-hero .abb-cover{order:0}.abb-hero .abb-body{order:1}}
@media(max-width:599px){.abb-grid{grid-template-columns:1fr}.abb-bar{flex-wrap:wrap;gap:8px}.abb-nav{margin-left:0;width:100%}.abb-list .abb-card{flex-direction:column}.abb-list .abb-cover{flex:none;width:100%}.abb-views{margin-left:0}.abb-search{max-width:none}}
@media(prefers-reduced-motion:reduce){.abb-cover img{transition:none}}
/* ---------- post page extras: progress bar, share, related ---------- */
.abb-prog{position:fixed;left:0;top:0;height:3px;width:0;background:var(--abb-a,#2563eb);z-index:2147482000}
.abb-share{--abb-a:#2563eb;max-width:860px;margin:34px auto 10px;padding:16px;border-top:1px solid rgba(128,128,128,.28);display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:600 14px system-ui,sans-serif}
.abb-share span{opacity:.7;margin-right:4px}
.abb-share a,.abb-share button{all:unset;cursor:pointer;font:600 13.5px system-ui,sans-serif;padding:8px 14px;border-radius:999px;border:1px solid rgba(128,128,128,.4);color:inherit}
.abb-share a:hover,.abb-share button:hover{background:var(--abb-a);border-color:var(--abb-a);color:#fff}
.abb-share a:focus-visible,.abb-share button:focus-visible{outline:2px solid var(--abb-a);outline-offset:2px}
.abb-rel{--abb-a:#2563eb;--abb-r:14px;--abb-ratio:16/9;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif;max-width:1200px;margin:10px auto 0;padding:10px 16px 30px;color:inherit}
.abb-rel h2{font-size:24px;margin:8px 0 18px;font-weight:800;letter-spacing:-.01em}
.abb-rel a{color:inherit;text-decoration:none}
.abb-rel .abb-grid{gap:26px 22px}
.abb-rel .abb-t{font-size:17px}
/* page themes style h2/h3 and p globally; keep the widget's own type scale */
.abb h2,.abb h3,.abb-rel h2,.abb-rel h3{font-family:inherit;text-transform:none;letter-spacing:-.01em;color:inherit;margin-top:0;padding:0;border:0;background:none}
.abb h2::before,.abb h2::after,.abb h3::before,.abb h3::after{content:none}
.abb p,.abb-rel p{max-width:none}
.abb-t{font-weight:750}
.abb-hero .abb-t{font-weight:800}
.abb-head h2{font-weight:800}
.abb button,.abb input{font-family:inherit}
.abb .abb-t,.abb .abb-head h2,.abb-rel h2,.abb-rel .abb-t{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans Devanagari",sans-serif!important;font-weight:760!important;text-transform:none!important;letter-spacing:-.012em!important;color:inherit!important;line-height:1.25}
.abb .abb-hero .abb-t{font-size:clamp(26px,3.4vw,38px)!important;font-weight:800!important;line-height:1.16}
.abb .abb-head h2{font-size:clamp(28px,5vw,42px)!important;font-weight:800!important}
.abb .abb-t{font-size:20px}
.abb-rel .abb-t{font-size:17px!important}
/* /blog/<site>/ : widget replaces the PHP grid + pager for the four widget-backed blogs */
html.abb-js[data-abb-hub] .bwrap>.bgrid,html.abb-js[data-abb-hub] .bwrap>.bpager{display:none!important}
html.abb-js[data-abb-hub] .bwrap>.bhead{margin-bottom:0}
#abb-root{min-width:0;width:100%}.abb{overflow-x:clip}
html[data-abb=hindu-gods] .portal-main{min-width:0}
.abb .abb-t a,.abb-rel .abb-t a{color:inherit!important;text-decoration:none!important}
.abb .abb-t a:hover,.abb-rel .abb-t a:hover{color:var(--abb-a)!important}
.abb-pop-full{display:inline-block;margin-top:24px;font-weight:600;color:var(--abb-a,#2563eb)}
.abb-pop-in:focus{outline:none}
.abb-pop-x:focus-visible,.abb-pop-full:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
@media(max-width:600px){.abb-pop{padding:0}.abb-pop-in{border-radius:0;min-height:100%}}
@media(min-width:900px){.abb[data-cols="2"] .abb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abb[data-cols="4"] .abb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:600px) and (max-width:899px){.abb[data-cols="3"] .abb-grid,.abb[data-cols="4"] .abb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ======== POST VIEW (Elfsight-style) - only active on html[data-abb-page=post] body (added by ab-blog-apply.py) ======== */
html[data-abb=abc]{--pa:#1d4ed8}html[data-abb=calc]{--pa:#2563eb}html[data-abb=home-tutor]{--pa:#d97706}html[data-abb=hindu-gods]{--pa:#b02e0c}
html[data-abb-page=post] body{--pw:720px;--pc:960px;--pline:rgba(128,128,128,.28);--pfont:system-ui,-apple-system,"Segoe UI",Roboto,Inter,"Noto Sans Devanagari",sans-serif}
/* cover tile: reserves 16:9 immediately (no layout shift); image from --abb-cover, else gradient */
html[data-abb-page=post] body header.ph::before,html[data-abb=hindu-gods][data-abb-page=post] body .hero::before{
  content:"";display:block;box-sizing:border-box;width:100%;max-width:var(--pc);aspect-ratio:16/9;border-radius:20px;margin:0 auto 28px;
  background-color:var(--pa);background-size:cover;background-position:center;
  background-image:var(--abb-cover,linear-gradient(135deg,color-mix(in srgb,var(--pa) 78%,#000),var(--pa) 60%,color-mix(in srgb,var(--pa) 55%,#fff)))}
html[data-abb=abc][data-abb-page=post] body header.ph::before{display:none}
/* ---- shared header (abc, home-tutor) ---- */
html[data-abb-page=post] body article>header.ph,html[data-abb-page=post] body main>header.ph{display:flex;flex-direction:column;background:none;border:0;box-shadow:none;border-radius:0;padding:8px 0 0;margin:0 auto;max-width:var(--pc);width:100%;color:inherit}
html[data-abb-page=post] body header.ph::before{order:-5}
html[data-abb-page=post] body header.ph>.eyebrow{order:-2;display:block;max-width:var(--pw);width:100%;margin:0 auto 10px;font:700 13px/1.2 var(--pfont);letter-spacing:.1em;text-transform:uppercase;color:var(--pa)}
html[data-abb-page=post] body header.ph>.eyebrow a{color:var(--pa);text-decoration:none}
html[data-abb-page=post] body header.ph>.eyebrow i{font-style:normal;margin-right:6px}
html[data-abb-page=post] body header.ph>h1,html[data-abb-page=post] body article>h1{font:800 clamp(30px,5.2vw,46px)/1.14 var(--pfont);letter-spacing:-.02em;text-transform:none;max-width:var(--pw);width:100%;margin:0 auto 14px;color:inherit;padding:0;border:0}
html[data-abb-page=post] body header.ph>.lede{font:400 19px/1.55 var(--pfont);max-width:var(--pw);width:100%;margin:0 auto 14px;opacity:.78}
html[data-abb-page=post] body .postmeta,html[data-abb-page=post] body article>.meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 0;font:500 14px/1.4 var(--pfont);color:inherit;max-width:var(--pw);width:100%;margin:0 auto 26px;padding-bottom:22px;border-bottom:1px solid var(--pline)}
html[data-abb-page=post] body .postmeta>*{opacity:.72}
html[data-abb-page=post] body .postmeta>span+span::before{content:"\00b7";margin:0 8px}
html[data-abb-page=post] body .postmeta>span:first-child{opacity:1;font-weight:600;display:inline-flex;align-items:center}
html[data-abb-page=post] body .postmeta>span:first-child::before,html[data-abb-page=post] body article>.meta::before{content:"AB";display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;margin-right:10px;background:var(--pa);color:#fff;font:700 13px/1 var(--pfont);letter-spacing:.02em;flex:none}
html[data-abb-page=post] body article>.meta{display:block}
html[data-abb-page=post] body article>.meta::before{display:inline-grid;vertical-align:middle}
/* ---- reading column ---- */
html[data-abb-page=post] body .post,html[data-abb-page=post] body .article{background:none;border:0;box-shadow:none;border-radius:0;padding:0;margin:0 auto;max-width:var(--pw);width:100%;font:400 18px/1.78 var(--pfont);color:inherit}
html[data-abb-page=post] body .post>*,html[data-abb-page=post] body .article>*,html[data-abb-page=post] body article>*:not(header):not(figure.hero){max-width:var(--pw);margin-left:auto;margin-right:auto}
html[data-abb-page=post] body .post p,html[data-abb-page=post] body .article p,html[data-abb-page=post] body article>p{font-size:18px;line-height:1.78;margin:0 0 1.25em}
html[data-abb-page=post] body .post h2,html[data-abb-page=post] body .article h2,html[data-abb-page=post] body article>h2{font:780 clamp(24px,3.6vw,30px)/1.25 var(--pfont);letter-spacing:-.015em;text-transform:none;margin:2.1em auto .6em;padding:0;border:0;background:none;color:inherit}
html[data-abb-page=post] body .post h3,html[data-abb-page=post] body .article h3,html[data-abb-page=post] body article>h3{font:720 clamp(20px,3vw,23px)/1.3 var(--pfont);letter-spacing:-.01em;text-transform:none;margin:1.7em auto .5em;color:inherit}
html[data-abb-page=post] body .post h2::before,html[data-abb-page=post] body .post h2::after,html[data-abb-page=post] body .article h2::before,html[data-abb-page=post] body .article h2::after{content:none}
html[data-abb-page=post] body .post :is(ul,ol),html[data-abb-page=post] body .article :is(ul,ol),html[data-abb-page=post] body article>:is(ul,ol){padding-left:1.4em;margin-bottom:1.25em}
html[data-abb-page=post] body .post li,html[data-abb-page=post] body .article li,html[data-abb-page=post] body article li{margin:.4em 0;line-height:1.7}
html[data-abb-page=post] body :is(.post,.article,article) li::marker{color:var(--pa)}
html[data-abb-page=post] body :is(.post,.article,article) a:not(.calcbtn):not(.btn):not(.cta-primary){color:var(--pa);text-underline-offset:3px}
html[data-abb-page=post] body :is(.post,.article,article) blockquote{margin:1.6em auto;padding:.2em 0 .2em 1.3em;border-left:4px solid var(--pa);font-size:1.12em;font-style:italic;opacity:.92}
html[data-abb-page=post] body :is(.post,.article,article) img{max-width:100%;height:auto;border-radius:14px}
html[data-abb-page=post] body :is(.post,.article,article) figure{margin:1.8em auto}
html[data-abb-page=post] body :is(.post,.article,article) figcaption{font-size:14px;opacity:.7;text-align:center;margin-top:8px}
html[data-abb-page=post] body :is(.post,.article,article) hr{border:0;border-top:1px solid var(--pline);margin:2.4em auto}
/* cover image already in the page (abc post-hero, calc figure.hero): same big rounded 16:9 cover */
html[data-abb-page=post] body img.post-hero{order:-4;width:100%;max-width:var(--pc);aspect-ratio:16/9;height:auto;max-height:none;object-fit:cover;border-radius:20px;margin:0 auto 28px;display:block}
html[data-abb-page=post] body article>figure.hero{order:-4;max-width:var(--pc)!important;width:100%;margin:8px auto 28px!important}
html[data-abb-page=post] body article>figure.hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:20px;display:block}
html[data-abb=calc][data-abb-page=post] body article{display:flex;flex-direction:column;padding:0 16px;min-width:0;box-sizing:border-box}
html[data-abb=calc][data-abb-page=post] body article>*{min-width:0;box-sizing:border-box}
html[data-abb=calc][data-abb-page=post] body article{overflow-x:clip}
html[data-abb=calc][data-abb-page=post] body article>h1{order:-2}html[data-abb=calc] html[data-abb-page=post] body article>.meta{order:-1}
/* ---- tables: styled, and they scroll sideways on phones ---- */
html[data-abb-page=post] body :is(.post,.article,article) :is(.tablewrap,.dht-tablewrap,.table-wrap){overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:1.6em auto;border:1px solid var(--pline);border-radius:12px}
html[data-abb-page=post] body :is(.post,.article,article) table{border-collapse:collapse;font:400 15.5px/1.5 var(--pfont);width:100%;margin:0}
html[data-abb-page=post] body :is(.post,.article,article)>table{display:block;overflow-x:auto;max-width:100%;margin:1.6em auto;border:1px solid var(--pline);border-radius:12px}
html[data-abb-page=post] body :is(.post,.article,article) :is(th,td){padding:10px 14px;border:0;border-bottom:1px solid var(--pline);text-align:left;vertical-align:top}
html[data-abb-page=post] body :is(.post,.article,article) th{font-weight:700;background:color-mix(in srgb,var(--pa) 8%,transparent);color:inherit}
html[data-abb-page=post] body :is(.post,.article,article) tr:last-child :is(th,td){border-bottom:0}
html[data-abb-page=post] body :is(.post,.article,article) :is(.tablewrap,.dht-tablewrap) table{min-width:480px}
/* callouts */
html[data-abb-page=post] body :is(.post,.article,article) :is(.side-cta,.dht-answer,.dht-note,.formula,.example,.mistake,.cta,.callout){border-radius:14px;border:1px solid var(--pline);border-left:4px solid var(--pa);background:color-mix(in srgb,var(--pa) 6%,transparent);padding:16px 20px;margin:1.6em auto;box-shadow:none;color:inherit}
html[data-abb-page=post] body :is(.post,.article,article) :is(.side-cta,.dht-answer,.dht-note,.example,.mistake) p:last-child{margin-bottom:0}
html[data-abb-page=post] body :is(.post,.article,article) .formula{overflow-x:auto}
/* share + keep-reading (from ab-blog.js) lined up with the column */
html[data-abb-page=post] body .abb-share{max-width:var(--pw);margin:40px auto 10px;padding:18px 0 0}
html[data-abb-page=post] body .abb-rel{max-width:1100px;margin-top:30px}
html[data-abb-page=post] body .abb-prog{background:var(--pa)}
html[data-abb-page=post] body article>.related{border-top:1px solid var(--pline);margin-top:2.4em;padding-top:1.2em}
html[data-abb-page=post] body article>.related h2{margin-top:0}
/* ---- gods ---- */
html[data-abb=hindu-gods][data-abb-page=post] body .hero::before{position:static!important;inset:auto!important;opacity:1!important;filter:none!important;transform:none!important;z-index:auto!important;height:auto!important}
html[data-abb=hindu-gods][data-abb-page=post] body .hero{display:block!important;background:none!important;color:inherit;padding:28px 16px 0;text-align:left}
html[data-abb=hindu-gods][data-abb-page=post] body .hero .container,html[data-abb=hindu-gods][data-abb-page=post] body .hero-grid{max-width:var(--pw);margin:0 auto;display:block}
html[data-abb=hindu-gods][data-abb-page=post] body .hero h1{font:800 clamp(28px,5vw,42px)/1.2 var(--pfont);color:inherit;letter-spacing:-.01em;margin:0 0 10px}
html[data-abb=hindu-gods][data-abb-page=post] body .hero h2{font:500 18px/1.4 var(--pfont);opacity:.75;color:inherit;margin:0 0 12px}
html[data-abb=hindu-gods][data-abb-page=post] body .hero p{font:400 18px/1.7 var(--pfont);color:inherit;opacity:.85}
html[data-abb=hindu-gods][data-abb-page=post] body .hero-fact{background:color-mix(in srgb,var(--pa) 10%,transparent);color:inherit;border:0;border-radius:999px;padding:5px 12px;font-size:13px}
html[data-abb=hindu-gods][data-abb-page=post] body .portal-wrap{display:flex;flex-direction:column;max-width:var(--pw);margin:0 auto;padding:0 16px}
html[data-abb=hindu-gods][data-abb-page=post] body .portal-main{order:1;width:100%;max-width:none;font:400 18px/1.78 var(--pfont)}
html[data-abb=hindu-gods][data-abb-page=post] body .portal-sidebar{order:2;position:static;width:100%;max-width:none;margin-top:30px}
html[data-abb=hindu-gods][data-abb-page=post] body .portal-main p{font-size:18px;line-height:1.78}
html[data-abb=hindu-gods][data-abb-page=post] body details.category-dropdown{border:0;border-bottom:1px solid var(--pline);background:none;box-shadow:none;border-radius:0;margin:0;padding:0}
html[data-abb=hindu-gods][data-abb-page=post] body .category-summary{padding:22px 0 8px;background:none}
html[data-abb=hindu-gods][data-abb-page=post] body .category-summary .section-icon{display:none}
html[data-abb=hindu-gods][data-abb-page=post] body .category-info h3{font:780 clamp(22px,3.4vw,28px)/1.25 var(--pfont);color:inherit;margin:0}
html[data-abb=hindu-gods][data-abb-page=post] body .category-info small{font-size:14px;opacity:.65}
html[data-abb=hindu-gods][data-abb-page=post] body .story-meta{margin:6px 0 18px}
html[data-abb=hindu-gods][data-abb-page=post] body .portal-main .topic-body{padding:0!important}
@media(max-width:600px){
 html[data-abb-page=post] body .post,html[data-abb-page=post] body .article,html[data-abb-page=post] body .post p,html[data-abb-page=post] body .article p,html[data-abb-page=post] body article>p{font-size:17px}
 html[data-abb-page=post] body article>header.ph,html[data-abb-page=post] body main>header.ph{padding-left:0;padding-right:0}
 html[data-abb-page=post] body img.post-hero,html[data-abb-page=post] body header.ph::before{border-radius:14px}
}
html[data-abb=calc][data-abb-page=post] body article{background:none;border:0;border-radius:0;box-shadow:none;text-align:left}
html[data-abb=calc][data-abb-page=post] body article :is(h1,h2,h3){text-align:left}
html[data-abb=calc][data-abb-page=post] body article>:not(figure.hero){margin-left:auto;margin-right:auto}