/*
Theme Name: 333sin Child
Template: generatepress
Description: GeneratePress child theme for 333sin.com.
Version: 3.0.0
Text Domain: 333sincom-child
*/
:root{--bg:#f6ead2;--ink:#3a2416;--mute:#6e5644;--line:#e0c9a3;--card:#fff7e8;--acc:#d9572b;--acc2:#1d7f73;--onacc:#fff7e8;--r:999px;--hf:"Righteous",sans-serif;--bf:"Nunito Sans",sans-serif;--mf:"Space Mono",monospace;--adbg:#3a2416;--adfg:#f6ead2;--footbg:#3a2416}
*,*: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:var(--bg)}
.head-in{border-bottom:3px solid var(--ink)}
.nav a{font-weight:700}
.hero{padding:80px 0 60px;text-align:center;background:repeating-linear-gradient(180deg,transparent 0 60px,rgba(217,87,43,.07) 60px 120px)}
.sun{width:200px;height:100px;margin:0 auto 26px;border-radius:200px 200px 0 0;background:repeating-linear-gradient(180deg,#d9572b 0 14px,#e3a72f 14px 28px,#f6ead2 28px 34px)}
.hero h1{font-size:clamp(2.8rem,6.4vw,5.4rem);letter-spacing:.01em;color:var(--ink)}
.hero .lede{margin:0 auto 26px}
.rack{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:34px 24px;margin-top:40px}
.tag{position:relative;background:var(--card);border:3px solid var(--ink);border-radius:22px 22px 120px 120px;padding:58px 24px 46px;text-align:center;box-shadow:6px 6px 0 var(--ink)}
.tag:before{content:"";position:absolute;top:16px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:var(--bg);border:3px solid var(--ink)}
.tag .no{display:inline-block;font:700 1.6rem var(--hf);color:#fff;background:var(--tc);border-radius:999px;padding:4px 18px;margin-bottom:12px}
.tag-ph{margin:0 0 14px}.tag-ph img{border:3px solid var(--ink);border-radius:14px}.tag-ph figcaption{text-align:center}
.cards3{display:flex;justify-content:center;gap:18px;margin-top:40px}.cards3 figure{width:250px;background:#fff;padding:10px 10px 4px;box-shadow:0 10px 24px rgba(58,36,22,.18);border:1px solid var(--line)}
.cards3 figure:nth-child(1){transform:rotate(-4deg)}.cards3 figure:nth-child(3){transform:rotate(4deg)}.cards3 img{aspect-ratio:4/3!important}
@media(max-width:800px){.cards3{flex-direction:column;align-items:center}}
.tag h3{font-size:1.3rem}.tag .where{font:12px var(--mf);text-transform:uppercase;color:var(--mute)}
.tag .facts{text-align:left}.tag .sc{font:700 15px var(--mf);margin:12px 0}
.desk{background:var(--ink);color:var(--bg)}.desk h2,.desk .kick{color:var(--bg)}.desk .lede{color:#e0c9a3}
.desk .tbl th{border-color:var(--bg);color:#e3a72f}.desk .tbl td{border-color:#5a4030}

.deck{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:28px}
.deck div{background:#1d7f73;color:#f6ead2;border-radius:18px;padding:20px 22px;position:relative;overflow:hidden}
.deck div:after{content:"";position:absolute;right:-30px;bottom:-30px;width:110px;height:110px;border-radius:50%;border:14px solid rgba(246,234,210,.18)}
.deck strong{display:block;font:1.1rem var(--hf);margin-bottom:6px}.deck span{font-size:15px}
.deck .nil{background:#e0c9a3;color:var(--ink)}
.receipt{max-width:560px;margin:30px auto 0;background:#fff;padding:28px 30px;font:14px/1.7 var(--mf);box-shadow:0 14px 30px rgba(58,36,22,.15);-webkit-mask:radial-gradient(circle 8px at 50% 0,transparent 98%,#000) 0 0/20px 51% repeat-x,radial-gradient(circle 8px at 50% 100%,transparent 98%,#000) 0 100%/20px 51% repeat-x}
.receipt h3{text-align:center;font:1.3rem var(--hf)}.receipt .ln{display:flex;gap:8px;border-bottom:1px dashed var(--line);padding:8px 0}
.receipt .ln b{white-space:nowrap}.receipt .ln span{color:var(--mute)}
.stubs{display:grid;gap:14px;margin-top:26px}
.stub{display:grid;grid-template-columns:110px 1fr;background:var(--card);border:3px solid var(--ink);border-radius:16px;overflow:hidden}
.stub .q{background:var(--acc);color:#fff;display:grid;place-items:center;font:1.4rem var(--hf);border-right:3px dashed var(--ink)}
.stub div{padding:16px 20px}.stub h3{font-size:1.1rem;margin:0 0 4px}.stub p{margin:0;color:var(--mute)}
.close-33{background:repeating-linear-gradient(180deg,#d9572b 0 26px,#e3a72f 26px 52px);padding:90px 0;text-align:center}
.close-33 .disc{display:inline-block;background:var(--bg);border:4px solid var(--ink);border-radius:50%;width:min(520px,92vw);aspect-ratio:1;padding:70px 50px;display:inline-grid;place-items:center;align-content:center}
.close-33 h2{font-size:2.2rem}
/* ===== clean theme layer ===== */
:root{--hf:"DM Serif Display",serif;--bf:"DM Sans",sans-serif;--mf:"DM Sans",sans-serif;--bg:#fbf7f1;--card:#ffffff;--ink:#2b1d14;--mute:#6b5a4c;--line:#eee3d4;--acc:#c8512a;--acc2:#1d7f73;--onacc:#fff;--r:16px}
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:#fbf7f1!important}.sun{display:none}
.cards3 figure{transform:none!important;box-shadow:0 14px 30px rgba(43,29,20,.12)!important;border-radius:16px;padding:8px 8px 2px}
.tag{border-radius:16px!important;padding:22px!important;text-align:left}.tag:before{display:none}.tag .no{font:600 13px var(--bf);border-radius:999px;padding:5px 12px}
.tag h3{font-family:var(--hf);font-weight:400;font-size:1.35rem}
.desk{background:#2b1d14}.desk .tbl td{border-color:#4a3527}
.deck div{background:#f1f7f6!important;color:var(--ink)!important}.deck div:after{display:none}.deck .nil{background:#faf4ea!important}
.receipt{-webkit-mask:none!important;font-family:var(--bf)!important}
.stub{border-width:1px!important}.stub .q{border-right:1px solid var(--line)!important;font:600 1rem var(--bf)}
.close-33{background:#c8512a!important}.close-33 .disc{border-radius:24px!important;aspect-ratio:auto!important;border:0!important;padding:50px!important;width:min(720px,92vw)!important;box-shadow:0 20px 50px rgba(0,0,0,.15)}
h1,h2{font-weight:400!important;letter-spacing:-.01em}
/* header layout */
.hd-stack{padding:18px 0 0}.hd-stack .hd-top{display:flex;justify-content:center;padding-bottom:14px}
.hd-stack .nav{justify-content:center;gap:34px;border-top:1px solid var(--line);padding:12px 0}
.hd-stack .nav .btn{margin-left:auto}.hd-stack .nav a:first-child{margin-left:auto}
/* 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-333sin .lg-word{font-family:"DM Serif Display",serif;font-weight:400;font-size:26px;letter-spacing:0}.lg-333sin i{font-style:italic;color:#c8512a}
.hd-stack .head-in{display:grid!important;grid-template-columns:1fr auto 1fr;min-height:84px;flex-direction:row!important}
.hd-stack .hd-date{font:500 13px var(--bf);color:var(--mute)}.hd-stack .logo{justify-self:center}.hd-stack .btn{justify-self:end}
@media(max-width:860px){.hd-stack .head-in{grid-template-columns:1fr}.hd-stack .logo{justify-self:start;order:-1}.hd-stack .btn{justify-self:start}}.site-foot{background:#2b1d14!important}@media(max-width:860px){.hd-stack .hd-date{display:none}.hd-stack .head-in{grid-template-columns:auto auto!important;justify-content:space-between;align-items:center}.hd-stack .btn{font-size:13px;padding:8px 12px}}
/* polish */
.hd-stack{background:#fbf7f1!important;border-bottom:4px double #c9a98a!important}.hd-stack .hd-date{font-style:italic;font-family:"DM Serif Display",serif;font-size:16px}
/* layout */
main.xg-front{display:flex;flex-direction:column}main.xg-front>.hero{order:1}main.xg-front>#desk{order:2}main.xg-front>#ten{order:3}main.xg-front>#deck{order:4}main.xg-front>#qa{order:5}main.xg-front>#check{order:6}main.xg-front>.close-33{order:7}main.xg-front>.sec:last-child{order:8}
/* 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-pol{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:28px}.rd-pol a{width:300px;background:#fff;padding:10px 10px 18px;box-shadow:0 12px 28px rgba(43,29,20,.12);text-decoration:none;color:var(--ink);border-radius:6px;text-align:center}.rd-pol img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:4px}.rd-pol strong{display:block;font:400 1.2rem var(--hf);margin:12px 0 4px}.rd-pol em{font-size:13px;color:var(--acc)}@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-33{order:99}main.xg-front>.sec:last-child{order:100}

/* ===== 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}}