/* Selcce blog template v2 — shared by blog posts + index */
:root{--b:#c8612a;--b2:#e07440;--bg:#111;--s1:#151515;--s2:#1b1b1b;--ln:#2a2a2a;--tx:#d6d9de;--mut:#9ca3af;--r:6px;--r2:12px}
/* hero */
.post-hero{padding:128px 0 56px!important;background:#0c0c0c!important;overflow:hidden}
.post-hero-grid{max-width:1200px;margin:0 auto;padding:0 1.25rem;position:relative;z-index:1;display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr);align-items:center}
@media(min-width:1024px){.post-hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);gap:3.5rem;padding:0 2rem}}
.post-hero-text h1{font-size:clamp(2.4rem,5.2vw,4.1rem)!important;letter-spacing:0.01em}
.post-hero-img{margin:0;position:relative;border-radius:var(--r2);overflow:hidden;aspect-ratio:4/3;background:#1a1a1a;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.post-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.post-hero-img::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.06);border-radius:inherit;pointer-events:none}
.post-hero-img figcaption{position:absolute;left:14px;bottom:14px;background:rgba(12,12,12,.82);padding:6px 12px;border-radius:4px;font:600 .72rem 'Barlow Condensed',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#e5e7eb}
.post-hero-img figcaption b{color:var(--b)}
/* layout + toc */
.post-layout{max-width:1200px;margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}
@media(min-width:1100px){.post-layout{grid-template-columns:240px minmax(0,1fr);gap:4rem;padding:0 2rem}}
.post-toc{font-family:'Barlow',sans-serif}
.post-toc details{background:var(--s1);border:1px solid var(--ln);border-radius:var(--r);padding:1rem 1.1rem}
.post-toc summary{cursor:pointer;list-style:none;font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--b)}
.post-toc summary::-webkit-details-marker{display:none}
.post-toc ol{list-style:none;margin:.85rem 0 0;padding:0;counter-reset:t}
.post-toc li{counter-increment:t;margin:0}
.post-toc a{display:flex;gap:.6rem;padding:.42rem 0 .42rem .7rem;border-left:2px solid var(--ln);color:var(--mut);text-decoration:none;font-size:.9rem;line-height:1.35;transition:color .2s,border-color .2s}
.post-toc a::before{content:counter(t,decimal-leading-zero);font:600 .72rem 'Barlow Condensed',sans-serif;color:#555;padding-top:2px}
.post-toc a:hover,.post-toc a.on{color:#fff;border-left-color:var(--b)}
.post-toc a:focus-visible{outline:2px solid var(--b);outline-offset:2px}
.toc-cta{display:none}
@media(min-width:1100px){.post-toc>div{position:sticky;top:120px}.post-toc details{background:none;border:0;padding:0}.toc-cta{display:block;margin-top:1.5rem;padding:1.1rem;border-radius:var(--r);background:var(--s1);border:1px solid var(--ln)}
.toc-cta p{margin:0 0 .6rem;color:var(--mut);font-size:.85rem;line-height:1.5}.toc-cta a.tel{font:400 1.6rem 'Bebas Neue',sans-serif;color:#fff;text-decoration:none;display:block}.toc-cta a.wa{color:#25d366;font-size:.85rem;text-decoration:none}}
/* typography */
.post-layout .article-body{max-width:740px;margin:0}
.post-layout .article-body>p:first-of-type{font-size:1.15rem;color:#e5e7eb}
.post-layout .article-body p{color:var(--tx);line-height:1.85}
.post-layout .article-body h2{font-size:clamp(1.9rem,3.2vw,2.4rem);margin:3.5rem 0 1rem;padding-top:1.25rem;border-top:1px solid #1f1f1f;scroll-margin-top:110px;line-height:1.05}
.post-layout .article-body h2::before{content:'';display:block;width:36px;height:3px;background:var(--b);margin-bottom:1rem}
.post-layout .article-body h3{scroll-margin-top:110px}
.post-layout .article-body strong{color:#fff;font-weight:600}
/* boxes */
.article-body .key-points{background:linear-gradient(180deg,#1a1a1a,#151515)!important;border:1px solid var(--ln)!important;border-top:3px solid var(--b)!important;border-left:1px solid var(--ln)!important;border-radius:var(--r2)!important;padding:1.6rem 1.75rem!important}
.article-body .key-points h4{font-size:.8rem!important}
.article-body .price-table{border:1px solid var(--ln);border-radius:var(--r);overflow:hidden;border-collapse:separate;border-spacing:0;display:block;overflow-x:auto}
.article-body .price-table thead,.article-body .price-table tbody{display:table;width:100%;border-collapse:collapse}
.article-body .price-table tbody tr:nth-child(even) td{background:#161616}
.article-body .price-table tbody tr:hover td{background:#1d1d1d}
.article-body .warning-box,.article-body .info-box{border-radius:var(--r)!important;border:1px solid var(--ln)!important;border-left:4px solid var(--b)!important;background:#1a1410!important;padding:1.25rem 1.5rem 1.25rem 3.25rem!important;position:relative}
.article-body .info-box{background:#121a1f!important;border-left-color:#3b82f6!important}
.article-body .warning-box::before,.article-body .info-box::before{position:absolute;left:1.1rem;top:1.1rem;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 .8rem 'Barlow',sans-serif;color:#111}
.article-body .warning-box::before{content:'!';background:var(--b)}
.article-body .info-box::before{content:'i';background:#3b82f6;color:#fff}
.article-body .info-box p,.article-body .warning-box p{margin:0}
.article-body .do-box,.article-body .dont-box{border-radius:var(--r)!important}
.article-body blockquote{border-radius:0 var(--r) var(--r) 0!important;background:var(--s2)!important;padding:1.5rem 1.75rem!important}
.article-body blockquote p{font-size:1.15rem!important}
.article-body table:not(.price-table){border-radius:var(--r);overflow:hidden}
.article-body details{border-radius:var(--r)!important}
/* mid CTA */
.mid-cta{margin:3rem 0;border-radius:var(--r2);background:#171310;border:1px solid rgba(200,97,42,.35);padding:1.6rem 1.75rem;display:grid;gap:1.1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:700px){.mid-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center}}
.mid-cta .mc-k{font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--b);margin:0 0 .3rem!important}
.mid-cta .mc-h{font:400 1.7rem/1.05 'Bebas Neue',sans-serif;color:#fff;margin:0 0 .35rem!important}
.mid-cta .mc-p{margin:0!important;font-size:.95rem!important;color:var(--mut)!important;line-height:1.55!important}
.mid-cta .mc-btns{display:flex;flex-wrap:wrap;gap:.6rem}
.article-body .mid-cta a{text-decoration:none!important;white-space:nowrap}
.mid-cta .mc-call{background:var(--b);color:#fff!important;font:700 .85rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.2rem;border-radius:4px}
.mid-cta .mc-call:hover{background:var(--b2)}
.mid-cta .mc-wa{background:#128c4a;color:#fff!important;font:700 .85rem 'Barlow Condensed',sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:.8rem 1.2rem;border-radius:4px}
.mid-cta .mc-wa:hover{background:#16a457}
/* author */
.author-box{margin:3.5rem 0 0;display:flex;gap:1.1rem;align-items:flex-start;padding:1.5rem;border-radius:var(--r2);background:var(--s1);border:1px solid var(--ln)}
.author-box .av{flex:0 0 56px;height:56px;border-radius:50%;background:#0c0c0c;border:2px solid var(--b);display:grid;place-items:center;overflow:hidden}
.author-box .av img{width:46px;height:auto}
.article-body .author-box p{margin:0;font-size:.95rem;line-height:1.6;color:var(--mut)}
.article-body .author-box .an{font:700 .8rem 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:.3rem}
/* related */
.related-grid{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}
@media(min-width:640px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.related-grid>a{padding:0!important;overflow:hidden;border-radius:var(--r2)!important;display:flex!important;flex-direction:column}
.related-grid .rel-img{aspect-ratio:16/9;overflow:hidden;background:#1a1a1a}
.related-grid .rel-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s}
.related-grid>a:hover .rel-img img{transform:scale(1.05)}
.related-grid>a>p{padding:0 1.25rem}
.related-grid>a>p:first-of-type{padding-top:1.1rem}
.related-grid>a>p:last-child{padding-bottom:1.25rem}
/* index tweaks */
.featured-card,.article-card{border-radius:var(--r2)!important}
.article-card-img{aspect-ratio:16/10;height:auto!important}
.cat-badge{border-radius:4px!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}