/*
Theme Name: Biernex Child
Template: generatepress
Description: GeneratePress child theme for biernex.com.
Version: 3.0.0
Text Domain: biernexcom-child
*/
:root{--bg:#eef3f7;--ink:#0e2233;--mute:#4d6274;--line:#c9d6e1;--card:#ffffff;--acc:#0b6bcb;--acc2:#0b6bcb;--onacc:#fff;--r:10px;--hf:"Sora",sans-serif;--bf:"Inter",sans-serif;--mf:"Roboto Mono",monospace;--adbg:#0e2233;--adfg:#cfe0ee}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.65 var(--bf);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--link,var(--ink))}
h1,h2,h3{font-family:var(--hf);line-height:1.1;margin:0 0 .45em}
h2{font-size:clamp(1.9rem,3.6vw,3rem)}
h3{font-size:1.3rem}
p{margin:0 0 1em}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}.narrow{max-width:780px}
.adbar{font:500 12px/1.4 var(--mf);text-align:center;padding:8px 16px;background:var(--adbg,var(--ink));color:var(--adfg,var(--bg))}
.adbar a{color:inherit}.adtag{border:1px solid currentColor;padding:1px 6px;margin-right:8px;letter-spacing:.14em;text-transform:uppercase}
.site-head{position:relative;z-index:5}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.logo img{height:44px;width:auto}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav a{text-decoration:none;font-weight:600;font-size:15px}
.btn{display:inline-block;background:var(--acc);color:var(--onacc);text-decoration:none;font-weight:700;padding:14px 26px;border-radius:var(--r);border:2px solid var(--acc);transition:transform .15s}
.btn:hover{transform:translateY(-2px)}
.btn-nav{padding:9px 16px;font-size:14px}
.btn-sm{padding:8px 15px;font-size:14px}
.kick{font:600 12px/1.4 var(--mf);letter-spacing:.16em;text-transform:uppercase;color:var(--acc2);margin:0 0 12px}
.lede{font-size:1.1rem;color:var(--mute);max-width:700px}
.sec{padding:88px 0}
.note{font:12px/1.55 var(--mf);color:var(--mute);margin-top:14px}
.facts{list-style:none;margin:12px 0;padding:0}
.facts li{position:relative;padding-left:18px;margin:0 0 6px;font-size:15px}
.facts li:before{content:"";position:absolute;left:0;top:.62em;width:8px;height:2px;background:var(--acc2)}
.checks{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;counter-reset:k}
.checks li{counter-increment:k;border-top:3px solid var(--acc);padding-top:14px}
.checks li:before{content:counter(k,decimal-leading-zero);display:block;font:600 13px var(--mf);color:var(--acc2)}
.checks strong{display:block;font-family:var(--hf);font-size:1.15rem;margin:4px 0}
.checks span{color:var(--mute);font-size:15px}
.qa{margin-top:22px;max-width:860px}
.qa details{border-bottom:1px solid var(--line);padding:16px 0}
.qa summary{cursor:pointer;font:700 1.12rem var(--hf);list-style:none}
.qa summary:after{content:"+";float:right;color:var(--acc2)}
.qa details[open] summary:after{content:"–"}
.qa p{margin:10px 0 0;color:var(--mute)}
.sec-close{text-align:center}.sec-close .lede{margin:0 auto 24px}
.fine{text-align:left;font-size:13px;color:var(--mute);margin-top:56px;border-top:1px solid var(--line);padding-top:22px}
.fine p{margin:0 0 .6em}
.legal h1{font-size:clamp(2.2rem,4vw,3.2rem)}.legal h2{font-size:1.4rem;margin-top:1.6em}.legal .small{font:12px var(--mf);color:var(--mute)}
.site-foot{background:var(--footbg,var(--ink));color:var(--footfg,var(--bg));padding:48px 0 26px;font-size:14px}
.site-foot a{color:inherit}.foot-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}
.site-foot nav{display:flex;flex-direction:column;gap:8px}
.foot-logo{height:40px;width:auto;margin-bottom:12px;filter:var(--footlogo,none)}
.copy{margin-top:26px;opacity:.7;font:12px var(--mf)}
.tbl{width:100%;border-collapse:collapse;font-size:15px;margin-top:26px}
.tbl th{text-align:left;font:600 12px var(--mf);text-transform:uppercase;letter-spacing:.08em;padding:10px;border-bottom:2px solid var(--ink)}
.tbl td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl-wrap{overflow-x:auto}
figure{margin:0}.ph img,.ph-hero img{width:100%;aspect-ratio:1200/760;object-fit:cover}
figcaption{font:11px/1.4 var(--mf);color:var(--mute);padding:6px 0 0}figcaption a{color:inherit}
.thumb{width:56px;height:56px;object-fit:cover;border-radius:var(--r);vertical-align:middle;margin-right:12px;flex:none}
.td-h{display:flex;align-items:center}
@media(max-width:860px){.head-in{flex-direction:column;align-items:flex-start;padding:14px 0;min-height:0}.nav{gap:10px 16px;width:100%}.nav a{font-size:14px}.sec{padding:60px 0}.foot-grid{grid-template-columns:1fr}.wrap{padding:0 20px}}

.site-head{background:#fff;box-shadow:0 1px 0 var(--line)}
.hero{padding:76px 0;background:radial-gradient(circle at 80% 20%,#d7e8f7,transparent 50%),var(--bg)}
.hero-in{display:grid;grid-template-columns:1fr 420px;gap:50px;align-items:center}
.hero h1{font-size:clamp(2.6rem,5.4vw,4.4rem)}
.big-dial{background:radial-gradient(circle,rgba(255,255,255,.86) 0 58%,rgba(255,255,255,.35) 59%),var(--ph) center/cover;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;box-shadow:0 30px 60px rgba(14,34,51,.12),inset 0 0 0 14px #eef3f7;position:relative}
.big-dial b{font:700 4.6rem/1 var(--hf)}.big-dial span{position:absolute;bottom:28%;font:12px var(--mf);color:var(--mute);letter-spacing:.12em;text-transform:uppercase}
.gauges{display:grid;grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:22px;margin-top:34px}
.g{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px;display:grid;grid-template-columns:120px 1fr;gap:4px 18px}
.g-ph{grid-column:1/-1;margin:-24px -24px 14px}.g-ph img{border-radius:var(--r) var(--r) 0 0}.g-ph figcaption{padding:6px 24px 0}
.g .body{grid-row:2/span 2!important}
.gauge{width:120px}.g .read{grid-column:1;text-align:center;font:700 1.5rem var(--hf);margin-top:-8px}.g .read small{font:12px var(--mf);color:var(--mute);display:block}
.g .body{grid-column:2;grid-row:1/span 2}.g h3{font-size:1.15rem;margin:0}.g .where{font:12px var(--mf);color:var(--acc);text-transform:uppercase}
.g .facts li{font-size:14px}
.vol{margin-top:30px}.vol div{display:grid;grid-template-columns:260px 1fr 90px;gap:16px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.vol i{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,#0b6bcb,#5fb3f2)}
.vol span{font:13px var(--mf);text-align:right}
.sec-vol{background:#fff}
@media(max-width:900px){.hero-in{grid-template-columns:1fr}.big-dial{max-width:320px}.vol div{grid-template-columns:1fr}}

.scatter{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px;margin-top:26px}
.scatter svg{width:100%;height:auto}.scatter text{font:11px "Roboto Mono",monospace;fill:#4d6274}
.prov-bars{margin-top:30px;display:grid;gap:12px}
.prov-bars div{display:grid;grid-template-columns:200px 1fr 60px;align-items:center;gap:14px}
.prov-bars i{height:24px;border-radius:12px;background:#0b6bcb;display:block}.prov-bars b{font:600 14px var(--mf)}
.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:26px}
.tiles div{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;display:grid;grid-template-columns:56px 1fr;gap:14px}
.tiles .ic{width:56px;height:56px;border-radius:50%;border:6px solid #d7e8f7;border-top-color:#0b6bcb;transform:rotate(var(--rot))}
.tiles strong{display:block;font-family:var(--hf)}.tiles span{color:var(--mute);font-size:15px}
.qa2{display:grid;grid-template-columns:320px 1fr;gap:40px}.qa2 .stick{position:sticky;top:20px;align-self:start}
.qa2 dl{margin:0}.qa2 dt{font:700 1.1rem var(--hf);padding-top:18px;border-top:1px solid var(--line)}.qa2 dd{margin:8px 0 18px;color:var(--mute)}
.close-bx{padding:80px 0}.close-bx .card{background:#0e2233;color:#cfe0ee;border-radius:24px;padding:50px;display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}
.close-bx h2{color:#fff}.close-bx svg{width:180px}
@media(max-width:800px){.tiles,.qa2,.close-bx .card{grid-template-columns:1fr}.prov-bars div{grid-template-columns:1fr}}
/* ===== clean theme layer ===== */
:root{--hf:"Inter",sans-serif;--bf:"Inter",sans-serif;--mf:"Inter",sans-serif;--bg:#f5f8fc;--card:#ffffff;--ink:#0f1e2e;--mute:#566779;--line:#e2e8f0;--acc:#2563eb;--acc2:#2563eb;--onacc:#fff;--r:12px}
body{background:var(--bg);font-size:16.5px;line-height:1.7}
h1,h2,h3{font-weight:700;letter-spacing:-.02em;text-transform:none;text-shadow:none}
h2{font-size:clamp(1.8rem,3vw,2.5rem)}h3{font-size:1.15rem}
.hero h1{font-size:clamp(2.4rem,4.6vw,3.7rem)!important;line-height:1.1!important;letter-spacing:-.025em}
.hero h1 span,.hero h1 em{background:none!important;color:var(--acc)!important;-webkit-text-stroke:0;padding:0;text-shadow:none!important}
.kick{display:inline-block;font:600 12px/1 var(--bf);letter-spacing:.08em;text-transform:uppercase;color:var(--acc2);background:color-mix(in srgb,var(--acc2) 12%,transparent);padding:7px 12px;border-radius:999px;margin-bottom:16px}
.lede{font-size:1.05rem}
.note,.xh-note{font:13px/1.6 var(--bf)!important;color:var(--mute)}
.sec{padding:92px 0}
.sec>.wrap>.kick,.sec>.wrap>h2,.sec>.wrap>.lede,#qa .kick,#qa h2{display:block;text-align:center;margin-left:auto;margin-right:auto}.sec>.wrap>.kick{width:max-content}
.adbar{font:500 12px/1.4 var(--bf);background:var(--ink);color:#e9e9e9}
.adtag{border-radius:4px}
.site-head{background:#fff!important;border-bottom:1px solid var(--line)!important;border-image:none!important;box-shadow:0 1px 0 rgba(0,0,0,.02)}
.head-in{border:0!important}
.nav a{font:500 15px var(--bf)!important;text-transform:none!important;letter-spacing:0!important;color:var(--ink)}
.nav a:hover{color:var(--acc)}
.nav a.btn,.nav a.btn:hover{color:var(--onacc)!important;font-weight:600!important}
.btn{border-radius:var(--r);box-shadow:0 6px 16px color-mix(in srgb,var(--acc) 28%,transparent)!important;font:600 15px var(--bf);text-transform:none;letter-spacing:0;border:0}
.btn:hover{transform:translateY(-1px);filter:brightness(.95)}
.btn-sm{box-shadow:none!important}
/* cards: soft */
.pt,.tag,.gauges .g,.row,.card,.frame,.spread,.stub,.deck div,.tiles div,.pets3 div,.fnotes article,.zq div,.board div,.tear,.note2,.clap,.receipt,.scatter{border-radius:var(--r)!important;box-shadow:0 10px 30px rgba(16,24,40,.07)!important;border:1px solid var(--line)!important;transform:none!important}
.tag,.card,.spread,.frame,.gauges .g,.pets3 div,.zq div,.fnotes article,.board div,.stub,.deck div,.tiles div{background:var(--card)!important;overflow:hidden}
.facts li:before{background:var(--acc)!important;height:6px!important;width:6px!important;border-radius:50%;top:.7em!important}
figcaption{font:11px/1.4 var(--bf)!important}
.ph img{border:0!important;border-radius:calc(var(--r) - 4px)!important;filter:none!important;mix-blend-mode:normal!important}
.thumb{border-radius:10px}
.checks li,.stepper div,.cols4 div{border-color:var(--line)!important}
.qa details{border-color:var(--line)}
.fine{font:13px/1.6 var(--bf)}
.site-foot{background:#0f172a;color:#cbd5e1}
.copy{font:12px var(--bf)}
.tbl th,.mx th,.qtbl th{font-family:var(--bf)!important}
.hero{background:linear-gradient(180deg,#eaf1fb,#f5f8fc)!important}
.big-dial{box-shadow:0 30px 60px rgba(15,30,46,.15)!important}
.g-ph{margin:-24px -24px 14px!important}.g-ph img{border-radius:0!important}
.close-bx .card{background:#0f1e2e!important;border:0!important}
/* header layout */
.hd-three .head-in{display:grid;grid-template-columns:1fr auto 1fr;min-height:76px}
.hd-three .nav{justify-content:center;gap:30px}.hd-three .btn{justify-self:end}
@media(max-width:860px){.hd-three .head-in{grid-template-columns:1fr}.hd-three .btn{justify-self:start}}
/* logo */
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);line-height:1}
.logo svg{flex:none}.lg-word{font-family:var(--hf);font-size:22px;font-weight:700;letter-spacing:-.02em;white-space:nowrap}
.logo img{display:none}
/* footer */
.site-foot{padding:64px 0 28px}
.foot-grid{display:grid!important;grid-template-columns:1.5fr 1fr 1fr 1.4fr!important;gap:36px}
.foot-grid h4{font:600 13px var(--bf);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:6px 0 14px}
.foot-grid nav{display:flex;flex-direction:column;gap:9px}.foot-grid a{color:inherit;text-decoration:none}.foot-grid a:hover{color:#fff;text-decoration:underline}
.foot-grid address{font-style:normal;line-height:1.65;margin-bottom:12px}
.foot-brand p{max-width:300px;margin-top:14px;font-size:14px}
.foot-logo{color:#fff!important}.foot-logo svg path[stroke="currentColor"]{stroke:#fff}
.foot-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:20px;font-size:13px;opacity:.75}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:560px){.foot-grid{grid-template-columns:1fr!important}}
/* contrast fixes */
.close-sj .fine{color:#a9c1b4;border-color:#2c4a3e}.close-sj .fine p{color:#a9c1b4}
.sec-know h2{color:#fff!important}.sec-know .kick{color:#e9e2ff!important;background:rgba(255,255,255,.12)!important}
.lg-biernex .lg-word{font-weight:800;letter-spacing:-.035em}.hd-three .head-in{display:flex!important;justify-content:space-between}.site-foot{background:#0f1e2e!important}
/* polish */
.sr-table{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-align:left;box-shadow:0 10px 30px rgba(15,30,46,.06)}
.sr-head,.sr-row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:28px;align-items:center;padding:14px 24px}
.sr-head{background:#f1f5fb;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.sr-row{border-top:1px solid var(--line)}.sr-row:hover{background:#f8fbff}
.sr-h{display:flex;align-items:center;gap:14px}.sr-h .thumb{width:48px;height:48px;margin:0;border-radius:10px}
.sr-h strong{display:block;font-size:15px;color:var(--ink)}.sr-h small{font-size:12px;color:var(--mute)}
.sr-s,.sr-r{display:flex;align-items:center;gap:12px}.sr-s b,.sr-r b{min-width:62px;font:700 1.05rem var(--hf);color:var(--ink)}.sr-s b small{font-size:12px;color:var(--mute);font-weight:500}
.sr-s i,.sr-r i{flex:1;height:8px;border-radius:4px;background:#e6edf6;display:block}.sr-s em,.sr-r em{display:block;height:100%;border-radius:4px}
.sr-s em{background:#2563eb}.sr-r em{background:#93b4e8}
main.xg-front>#volume,main.xg-front>#volume{display:none}
@media(max-width:800px){.sr-head{display:none}.sr-row{grid-template-columns:1fr;gap:10px}}.hd-three{background:#0f1e2e!important;border:0!important}.hd-three .logo{color:#fff}.hd-three .logo svg path[stroke="currentColor"]{stroke:#fff}
.hd-three .nav a{color:#c7d4e3!important;position:relative;padding:28px 0}.hd-three .nav a:hover{color:#fff!important}
.hd-three .nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#2563eb;transform:scaleX(0);transition:transform .2s}.hd-three .nav a:hover:after{transform:scaleX(1)}
/* layout */
main.xg-front{display:flex;flex-direction:column}main.xg-front>.hero{order:1}main.xg-front>#scatter{order:2}main.xg-front>#ten{order:3}main.xg-front>#volume{order:4}main.xg-front>#check{order:5}main.xg-front>#prov{order:6}main.xg-front>#qa{order:7}main.xg-front>.close-bx{order:8}.hero-in{grid-template-columns:1fr!important;text-align:center;gap:34px!important}
.hero-in>div:first-child{max-width:820px;margin:0 auto}.hero-in .lede,.hero-in .note{margin-left:auto;margin-right:auto}
.big-dial{border-radius:22px!important;aspect-ratio:21/8!important;background:var(--ph) center 35%/cover!important;box-shadow:0 30px 60px rgba(15,30,46,.18)!important;place-items:end start!important;padding:26px;max-width:none!important}
.big-dial b{font-size:2.6rem!important;background:#fff;border-radius:16px;padding:14px 22px 30px;line-height:1}.big-dial span{position:absolute;left:48px;bottom:40px!important;color:#566779}
.gauges{grid-template-columns:repeat(2,1fr)!important}
.gauges .g{grid-template-columns:180px 1fr!important;padding:0!important;gap:0!important;align-items:start}
.g-ph{grid-column:1!important;grid-row:1/span 3;margin:0!important;height:100%;position:relative}.g-ph img{height:100%!important;aspect-ratio:auto!important;min-height:260px}
.g-ph figcaption{position:absolute;left:0;right:0;bottom:0;background:rgba(15,30,46,.72);color:#e2e8f0!important;padding:6px 10px!important}.g-ph figcaption a{color:#fff}
.gauges .gauge{grid-column:2;width:90px!important;margin:18px 0 0 20px}.gauges .read{grid-column:2;text-align:left!important;margin:0 20px!important;font-size:1.2rem!important}
.gauges .body{grid-column:2;grid-row:auto!important;padding:8px 20px 20px}
@media(max-width:900px){.gauges{grid-template-columns:1fr!important}}@media(max-width:620px){.gauges .g{grid-template-columns:1fr!important}.g-ph{grid-row:auto!important}.g-ph img{min-height:200px;aspect-ratio:16/9!important}.gauges .gauge,.gauges .read,.gauges .body{grid-column:1!important}}
/* reads */
.rd-foot{margin-top:22px}.ls-hero~#reads .rd-foot,.rd-ed+.rd-foot{text-align:center}.rd-more{font-weight:700;color:var(--acc2)}.sec-reads{text-align:inherit}
.rd-split{display:grid;grid-template-columns:1.4fr 1fr;grid-auto-rows:minmax(0,auto);gap:18px;margin-top:26px;text-align:left}.rd-split a{position:relative;border-radius:14px;overflow:hidden;text-decoration:none;color:#fff;min-height:200px;display:block}.rd-split .lg{grid-row:span 2;min-height:420px}.rd-split img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.rd-split span{position:absolute;left:0;right:0;bottom:0;padding:22px;background:linear-gradient(transparent,rgba(15,30,46,.88))}.rd-split em{font-style:normal;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#bcd3f5}.rd-split strong{display:block;font:700 1.25rem var(--hf);color:#fff}.rd-split small{color:#dbe5f2}.rd-split:has(a:only-child){grid-template-columns:1fr}@media(max-width:800px){.rd-row,.rd-num li,.rd-split{grid-template-columns:1fr!important}.rd-poster{flex-direction:column}.rd-split .lg{min-height:280px}}main.xg-front>#reads{order:98}main.xg-front>.close-bx{order:99}

/* ===== WordPress inner pages ===== */
body:not(.home) .site.grid-container{max-width:1000px;margin:0 auto;padding:56px 24px 80px}
body.blog .site.grid-container,body.archive .site.grid-container{max-width:1200px}
.site-content{display:block}.content-area{width:100%!important}
.separate-containers .inside-article,.one-container .inside-article,.inside-article{background:var(--card)!important;color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:44px!important;box-shadow:0 10px 30px rgba(16,24,40,.06)}
.entry-summary,.entry-content{color:var(--ink)}.entry-meta,.cat-links,.cat-links a{color:var(--mute)!important}.entry-title{font-size:clamp(1.9rem,3.6vw,2.6rem);line-height:1.15}.entry-title a{color:var(--ink);text-decoration:none}
.entry-meta{font-size:13px;color:var(--mute);margin-top:8px}.entry-meta a{color:inherit}
.entry-content h2{font-size:1.6rem;margin-top:1.8em}.entry-content h3{font-size:1.15rem;margin-top:1.4em}
.entry-content a{color:var(--acc2)}.entry-content ul,.entry-content ol{padding-left:1.2em}
.page-header{margin-bottom:26px}.page-header h1{font-size:2.2rem}
body.blog .site-main,body.archive .site-main{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
body.blog .site-main>*:not(article),body.archive .site-main>*:not(article){grid-column:1/-1}
body.blog .inside-article,body.archive .inside-article{padding:28px!important;height:100%}
body.blog .entry-title,body.archive .entry-title{font-size:1.25rem}
.post-image img{border-radius:calc(var(--r) - 2px)}
.paging-navigation,.nav-links{margin-top:20px}
.comments-area,.post-navigation,.comments-link,.entry-meta .byline{display:none}
.xg-unofficial{font-size:13px;color:var(--mute);border-left:3px solid var(--acc);padding:8px 12px;background:color-mix(in srgb,var(--acc) 6%,transparent);margin-bottom:1.5em}
.xg-hero{margin:0 0 26px}.xg-hero img{width:100%;aspect-ratio:1200/620;object-fit:cover;border-radius:calc(var(--r) - 2px)}.xg-hero figcaption{font-size:12px;color:var(--mute);padding-top:6px}
.xg-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:1.5em 0}
.xg-tile{border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center}
.xg-tile strong{display:block;font-family:var(--hf);font-size:1.2rem;color:var(--ink)}.xg-tile span{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.06em}
.xg-cta{margin:1.4em 0}.xg-cta a{display:inline-block;background:var(--acc);color:var(--onacc)!important;padding:12px 24px;border-radius:var(--r);font-weight:700;text-decoration:none}
.xg-compare{list-style:none;margin:1em 0;padding:0;counter-reset:c}
.xg-compare>li{counter-increment:c;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;margin-bottom:14px}
.xg-compare>li h3{margin:0 0 4px}.xg-compare>li h3:before{content:counter(c,decimal-leading-zero) "  ";color:var(--acc)}
.xg-score{font-size:14px;color:var(--mute);margin:0 0 6px}.xg-compare .xg-cta{margin:.6em 0 0}.xg-compare .xg-cta a{padding:8px 16px;font-size:14px}
.xg-steps{counter-reset:s;list-style:none;padding:0!important;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.xg-steps li{counter-increment:s;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px}
.xg-steps li:before{content:counter(s);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--acc);color:var(--onacc);font-weight:700;margin-right:8px}
.xg-disclosure{font-size:14px;border:1px dashed var(--line);padding:14px 16px;border-radius:var(--r);margin-top:2em}
.xg-footer-lines{font-size:13px;color:var(--mute);margin-top:1em}.xg-footer-lines p{margin:0 0 .4em}
.xg-nearby{border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;margin:1.6em 0}.xg-nearby h2{font-size:1.2rem!important;margin:0 0 .4em!important}
.xg-related{border-top:2px solid var(--acc);padding-top:12px;margin-top:2em}
@media(max-width:700px){.inside-article{padding:24px!important}.xg-tiles,.xg-steps{grid-template-columns:1fr 1fr}body.blog .site-main,body.archive .site-main{grid-template-columns:1fr}}