/* BetEdge main stylesheet */
:root{
	--be-accent:#10b981;
	--be-accent-ink:#065f46;
	--be-gold:#f5b301;
	--bg:#f6f7f9;
	--surface:#ffffff;
	--ink:#0b1220;
	--ink-2:#374151;
	--muted:#6b7280;
	--line:#e5e7eb;
	--navy:#0b1220;
	--navy-2:#111a2e;
	--radius:14px;
	--shadow:0 1px 2px rgba(11,18,32,.05),0 8px 24px rgba(11,18,32,.06);
	--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
	--sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--w:1200px;
}
[data-theme="dark"]{
	--bg:#080d18;
	--surface:#0f1729;
	--ink:#eef2f8;
	--ink-2:#c3cbd9;
	--muted:#8b97ab;
	--line:#1f2a42;
	--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);
	--be-accent-ink:#6ee7b7;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--be-accent)}
h1,h2,h3,h4{font-family:var(--serif);line-height:1.2;margin:0 0 .5em;letter-spacing:-.01em}
p{margin:0 0 1em}
ul,ol{padding-left:1.2em}
.wrap{width:100%;max-width:var(--w);margin:0 auto;padding:0 20px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;background:#fff;color:#000;padding:10px 14px;z-index:9999;border-radius:8px}
:focus-visible{outline:2px solid var(--be-accent);outline-offset:2px}
.muted{color:var(--muted)}

/* Top bar */
.topbar{background:var(--navy);color:#cbd5e1;font-size:12.5px}
.topbar-in{display:flex;align-items:center;gap:12px;padding-top:7px;padding-bottom:7px}
.topbar-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar-date{opacity:.8;white-space:nowrap}
.age-pill{display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;font-weight:800;font-size:11px;border-radius:999px;padding:2px 8px;line-height:1.4;flex:none}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line)}
.header-in{display:flex;align-items:center;gap:28px;min-height:68px}
.brand-link{display:block;line-height:0}
.brand-logo{height:46px;width:auto}
.brand-logo-dark{display:none}
[data-theme="dark"] .brand-logo-light{display:none}
[data-theme="dark"] .brand-logo-dark{display:block}
.custom-logo{max-height:48px;width:auto}
.primary-nav{flex:1}
.primary-nav .menu{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.primary-nav a{display:block;padding:8px 14px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--ink-2)}
.primary-nav a:hover,.primary-nav .current-menu-item>a,.primary-nav .current-cat>a{background:color-mix(in srgb,var(--be-accent) 14%,transparent);color:var(--be-accent-ink)}
.primary-nav li{position:relative}
.primary-nav .sub-menu{position:absolute;left:0;top:100%;min-width:190px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;list-style:none;margin:0;display:none}
.primary-nav li:hover>.sub-menu,.primary-nav li:focus-within>.sub-menu{display:block}
.header-actions{display:flex;gap:6px;margin-left:auto}
.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.icon-btn:hover{border-color:var(--be-accent);color:var(--be-accent)}
.menu-toggle{display:none}
.i-sun{display:none}
[data-theme="dark"] .i-sun{display:block}
[data-theme="dark"] .i-moon{display:none}
.search-drawer{border-top:1px solid var(--line);background:var(--surface);padding:14px 0}

/* Search form */
.search-form{display:flex;gap:8px}
.search-field,.ai-controls input[type=search]{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}
.search-field:focus,.ai-controls input:focus{border-color:var(--be-accent);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--be-accent) 25%,transparent)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--be-accent);color:#04231a;border:0;font:700 14.5px var(--sans);padding:12px 22px;border-radius:999px;cursor:pointer;transition:transform .15s,filter .15s}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px);color:#04231a}
.btn-ghost{background:transparent;border:1px solid currentColor;color:inherit}
.btn-ghost:hover{background:rgba(255,255,255,.1);color:inherit}

/* Ticker */
.ticker{background:var(--navy-2);color:#e2e8f0;font-size:13.5px;border-bottom:1px solid #1f2a42}
.ticker-in{display:flex;align-items:center;gap:14px;height:40px}
.ticker-label{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:11.5px;color:var(--be-accent);flex:none}
.live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 0 rgba(239,68,68,.7);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}
.ticker-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-move{display:inline-flex;gap:42px;white-space:nowrap;animation:tick 70s linear infinite;padding-left:20px}
.ticker-track:hover .ticker-move{animation-play-state:paused}
.ticker-move a{position:relative}
.ticker-move a::before{content:"";display:inline-block;width:5px;height:5px;background:var(--be-gold);border-radius:50%;margin-right:10px;vertical-align:middle}
.ticker-move a:hover{color:var(--be-gold)}
@keyframes tick{to{transform:translateX(-50%)}}

/* Layout */
.site-main{padding:28px 0 60px}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;align-items:start}
.no-sidebar .layout{grid-template-columns:1fr}
.sidebar{position:sticky;top:90px;display:flex;flex-direction:column;gap:22px}

/* Chips */
.chip{display:inline-block;font:700 11.5px var(--sans);letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:999px;color:var(--chip,#065f46);background:color-mix(in srgb,var(--chip,#10b981) 14%,transparent);border:1px solid color-mix(in srgb,var(--chip,#10b981) 30%,transparent)}
.chip:hover{background:var(--chip,#10b981);color:#fff}
.c-green{--chip:#10b981}.c-red{--chip:#ef4444}.c-purple{--chip:#8b5cf6}.c-blue{--chip:#3b82f6}.c-orange{--chip:#f97316}.c-gold{--chip:#d99a00}
.cat-strip{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 8px}
.cat-strip .chip{font-size:12.5px;padding:8px 16px}

/* Hero */
.hero{display:grid;grid-template-columns:1.6fr 1fr;grid-template-rows:1fr 1fr;gap:18px;min-height:480px}
.hero-item{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--navy);color:#fff;isolation:isolate}
.hero-main{grid-row:1/3}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-media img,.hero-media .ph{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.hero-item:hover .hero-media img{transform:scale(1.04)}
.hero-item::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,13,24,0) 25%,rgba(8,13,24,.9))}
.hero-copy{position:absolute;left:0;right:0;bottom:0;padding:26px}
.hero-copy h2{color:#fff;margin:12px 0 8px;font-size:clamp(20px,2.2vw,32px)}
.hero-side .hero-copy h2{font-size:clamp(17px,1.6vw,22px)}
.hero-copy p{color:#d1d9e6;max-width:60ch}
.hero-copy .meta{color:#aab5c7}
.hero-copy a:hover{color:#fff;text-decoration:underline}

.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:140px;font:800 64px var(--serif);color:rgba(255,255,255,.9);background:linear-gradient(135deg,var(--chip,#10b981),#0b1220)}

/* Section titles */
.section-title{font-size:24px;margin:34px 0 18px;position:relative;padding-left:14px}
.section-title::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:3px;background:linear-gradient(var(--be-accent),var(--be-gold))}
.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.more{font-weight:700;font-size:13.5px;color:var(--be-accent-ink)}

/* Cards */
.grid{display:grid;gap:22px}
.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--line)}
.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.card:hover .card-media img{transform:scale(1.05)}
.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.card-body .chip{align-self:flex-start}
.card-title{font-size:19px;margin:0}
.card-excerpt{color:var(--ink-2);font-size:14.5px;margin:0;flex:1}
.meta{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}
.meta .dot{opacity:.6}

/* Panels / sidebar */
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.panel-title,.widget-title{font:800 13px var(--sans);text-transform:uppercase;letter-spacing:.08em;margin:0 0 14px;color:var(--ink)}
.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.widget ul{list-style:none;padding:0;margin:0}
.widget li{padding:7px 0;border-bottom:1px dashed var(--line)}
.widget li:last-child{border:0}
.trend-list{list-style:none;margin:0;padding:0;counter-reset:t}
.trend-list li{display:flex;gap:14px;padding:12px 0;border-bottom:1px dashed var(--line)}
.trend-list li:last-child{border:0;padding-bottom:0}
.trend-n{font:800 26px var(--serif);color:var(--be-accent);line-height:1;min-width:28px}
.trend-list a{font-weight:600;line-height:1.35;display:block}
.plain{list-style:none;padding:0;margin:0}
.plain li{padding:8px 0;border-bottom:1px dashed var(--line);font-weight:600}
.plain li:last-child{border:0}
.rg-box{border-left:4px solid #ef4444;font-size:14.5px}
.rg-box p{margin:0;color:var(--ink-2)}

/* Tools band */
.tools-band{margin:42px 0 8px;padding:30px;border-radius:var(--radius);background:linear-gradient(120deg,#0b1220,#0f3d33 70%,#14594a);color:#fff;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tools-band h2{color:#fff;margin:0 0 6px;font-size:26px}
.tools-band p{margin:0;color:#c9d6e2;max-width:52ch}
.tools-band-actions{display:flex;gap:10px;flex-wrap:wrap}

/* Archive head */
.archive-head{padding:30px 0 6px;max-width:760px}
.eyebrow{display:inline-block;font:800 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--be-accent-ink);margin-bottom:8px}
.archive-head h1{font-size:clamp(30px,4vw,46px);margin:0 0 10px}
.archive-desc{color:var(--ink-2);font-size:17px}
.empty{padding:40px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--line);border-radius:var(--radius)}

/* Single */
.single{min-width:0}
.single-head h1{font-size:clamp(30px,4.2vw,48px);margin:16px 0 18px}
.byline{display:flex;align-items:center;gap:12px;margin-bottom:22px}
.byline .avatar{border-radius:50%}
.byline strong{display:block;font-size:15px;line-height:1.2}
.single-media{margin:0 0 22px}
.single-media img{width:100%;border-radius:var(--radius)}
.rg-inline{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin-bottom:26px}
.entry{font-size:18px;line-height:1.8;color:var(--ink-2);max-width:var(--content,760px)}
.entry-wide{max-width:none}
.entry>*{max-width:100%}
.entry h2{font-size:30px;margin:1.6em 0 .5em;color:var(--ink)}
.entry h3{font-size:23px;margin:1.4em 0 .4em;color:var(--ink)}
.entry a{color:var(--be-accent-ink);text-decoration:underline;text-underline-offset:3px}
.entry blockquote{margin:1.6em 0;padding:6px 22px;border-left:4px solid var(--be-accent);font:italic 21px/1.6 var(--serif);color:var(--ink)}
.entry img{border-radius:12px}
.entry table{width:100%;border-collapse:collapse;font-size:15.5px;margin:1.5em 0}
.entry th,.entry td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.entry th{background:var(--surface);color:var(--ink)}
.entry pre{background:var(--navy);color:#e5e7eb;padding:16px;border-radius:12px;overflow:auto;font-size:14px}
.entry .alignwide{max-width:none}
.single-foot{margin:36px 0;display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--line);padding-top:20px}
.tags,.share{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:14px}
.tags span,.share span{font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em;color:var(--muted);margin-right:4px}
.tags a,.share a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:600}
.tags a:hover,.share a:hover{border-color:var(--be-accent)}
.author-box{display:flex;gap:16px;background:var(--surface);border:1px solid var(--line);padding:20px;border-radius:var(--radius)}
.author-box img{border-radius:50%;flex:none}
.author-box p{margin:4px 0 0;color:var(--ink-2);font-size:15px}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--be-accent),var(--be-gold));z-index:100}

/* Comments */
.comments{margin-top:40px}
.comment-list{list-style:none;padding:0}
.comment-list .comment-body{background:var(--surface);border:1px solid var(--line);padding:16px;border-radius:12px;margin-bottom:14px}
.comment-list .children{list-style:none;padding-left:22px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit}
.comment-form .submit{background:var(--be-accent);color:#04231a;border:0;font-weight:700;padding:12px 22px;border-radius:999px;cursor:pointer}

/* Pagination */
.pagination{margin:34px 0}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{padding:9px 15px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-weight:700}
.pagination .current,.pagination .page-numbers:hover{background:var(--be-accent);border-color:var(--be-accent);color:#04231a}

/* 404 */
.notfound{text-align:center;padding:60px 0;max-width:620px}
.n404{font:900 120px/1 var(--serif);background:linear-gradient(120deg,var(--be-accent),var(--be-gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.notfound .search-form{margin:22px 0}

/* Calculators */
.calc-wrap{margin-top:22px}
.calc-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.calc-nav a{padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700;background:var(--surface)}
.calc-nav a:hover{border-color:var(--be-accent);color:var(--be-accent-ink)}
.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.calc{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;scroll-margin-top:100px;display:flex;flex-direction:column;gap:14px}
.calc:target{border-color:var(--be-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--be-accent) 25%,transparent)}
.calc-head{display:flex;gap:14px;align-items:flex-start}
.calc-head h3{margin:0 0 4px;font-size:21px}
.calc-head p{margin:0;font-size:14px;color:var(--muted)}
.calc-icon{flex:none;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--be-accent),#0f766e);color:#fff;font:800 20px var(--serif)}
.calc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}
.field{display:flex;flex-direction:column;gap:5px;font-size:12.5px;font-weight:700;color:var(--ink-2)}
.field input,.field select{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:500 15px var(--sans);width:100%}
.field input:focus,.field select:focus{outline:none;border-color:var(--be-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--be-accent) 22%,transparent)}
.calc-run{grid-column:1/-1}
.calc-out{border-radius:12px;background:var(--bg);border:1px dashed var(--line);padding:14px 16px;font-size:14.5px;min-height:56px}
.calc-out dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 14px}
.calc-out dt{color:var(--muted)}
.calc-out dd{margin:0;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.calc-out .good{color:#059669}.calc-out .bad{color:#dc2626}
.calc-out .verdict{grid-column:1/-1;margin-top:6px;padding:8px 10px;border-radius:8px;font-weight:700;background:color-mix(in srgb,var(--be-accent) 14%,transparent)}
.calc-out .verdict.bad{background:color-mix(in srgb,#ef4444 14%,transparent)}
.calc-note{font-size:13px;color:var(--muted);margin-top:22px}

/* AI tools */
.ai-wrap{margin-top:22px}
.ai-controls{display:flex;flex-direction:column;gap:14px;margin-bottom:22px}
.ai-filters{display:flex;gap:8px;flex-wrap:wrap}
.chip-btn{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);padding:8px 16px;border-radius:999px;font:700 13px var(--sans);cursor:pointer}
.chip-btn:hover{border-color:var(--be-accent)}
.chip-btn.is-active{background:var(--be-accent);border-color:var(--be-accent);color:#04231a}
.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.ai-card{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ai-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--be-accent);color:inherit}
.ai-card[hidden]{display:none}
.ai-top{display:flex;justify-content:space-between;align-items:center}
.ai-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font:800 20px var(--serif);color:#fff;background:linear-gradient(135deg,#6366f1,#10b981)}
.ai-badges{display:flex;gap:6px}
.badge{font:700 11px var(--sans);padding:3px 9px;border-radius:999px;background:var(--bg);border:1px solid var(--line);color:var(--ink-2)}
.badge-new{background:color-mix(in srgb,var(--be-gold) 20%,transparent);border-color:var(--be-gold);color:#8a6400}
[data-theme="dark"] .badge-new{color:var(--be-gold)}
.ai-card strong{font-size:17px}
.ai-desc{font-size:14px;color:var(--ink-2);flex:1}
.ai-cat{font-size:12px;color:var(--muted);font-weight:700}

/* Footer */
.site-footer{background:var(--navy);color:#b7c2d4;margin-top:20px}
.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;padding-top:50px;padding-bottom:30px}
.footer-brand p{font-size:14.5px;margin-top:14px;max-width:34ch}
.site-footer .widget-title{color:#fff}
.site-footer .widget{background:transparent;border:0;padding:0}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{padding:5px 0;font-size:14.5px}
.site-footer a:hover{color:var(--be-accent)}
.footer-rg{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;border-top:1px solid #1f2a42;padding-top:22px;padding-bottom:22px;font-size:13px}
.footer-rg p{margin:0;flex:1 1 420px}
.footer-bottom{border-top:1px solid #1f2a42;font-size:13px}
.footer-bottom-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.footer-menu{display:flex;gap:18px;list-style:none;margin:0;padding:0}

/* WhatsApp float (right side) + back to top */
.wa-float{position:fixed;bottom:22px;z-index:90;display:flex;align-items:center;gap:0;background:#25d366;color:#fff;border-radius:999px;height:58px;min-width:58px;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45);transition:gap .25s,padding .25s}
.wa-right{right:20px}.wa-left{left:20px}
.wa-float svg{flex:none}
.wa-label{max-width:0;overflow:hidden;white-space:nowrap;font:700 14px var(--sans);transition:max-width .3s}
.wa-float:hover{color:#fff;padding:0 18px 0 14px;gap:8px}
.wa-float:hover .wa-label{max-width:140px}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25d366;animation:waring 2.4s infinite;pointer-events:none}
@keyframes waring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.5);opacity:0}}
.to-top{position:fixed;right:28px;bottom:92px;z-index:80;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);font-size:18px}
.to-top[hidden]{display:none}

/* Responsive */
@media (max-width:1020px){
	.layout{grid-template-columns:1fr}
	.sidebar{position:static}
	.footer-top{grid-template-columns:1fr 1fr}
	.hero{grid-template-columns:1fr;grid-template-rows:auto;min-height:0}
	.hero-main{grid-row:auto;min-height:380px}
	.hero-side{min-height:220px}
	.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
	.menu-toggle{display:inline-flex}
	.primary-nav{position:absolute;left:0;right:0;top:100%;background:var(--surface);border-bottom:1px solid var(--line);padding:10px 20px 16px;display:none}
	.primary-nav.is-open{display:block}
	.primary-nav .menu{flex-direction:column}
	.primary-nav .sub-menu{position:static;display:block;border:0;box-shadow:none;padding-left:14px}
	.calc-grid{grid-template-columns:1fr}
	.topbar-date{display:none}
}
@media (max-width:620px){
	.grid-2,.grid-3{grid-template-columns:1fr}
	.footer-top{grid-template-columns:1fr}
	.calc-form{grid-template-columns:1fr}
	.entry{font-size:17px}
	.wa-float{bottom:16px;height:54px;min-width:54px}
	.to-top{right:22px;bottom:82px}
	.tools-band{padding:22px}
}
@media (prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important}
	html{scroll-behavior:auto}
}
@media print{.topbar,.site-header,.ticker,.sidebar,.wa-float,.to-top,.site-footer{display:none}}

/* Table of contents */
.entry h2[id],.entry h3[id]{scroll-margin-top:96px}
.toc{margin:1.6em 0 2em;max-width:100%}
.toc-box{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--be-accent);border-radius:var(--radius);padding:0;font-family:var(--sans);overflow:hidden}
.toc-title{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 20px;font:800 14px var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}
.toc-title::-webkit-details-marker{display:none}
.toc-title::after{content:"";margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s;margin-top:-4px}
.toc-box[open] .toc-title::after{transform:rotate(-135deg);margin-top:4px}
.toc-ico{color:var(--be-accent)}
.toc-count{background:color-mix(in srgb,var(--be-accent) 16%,transparent);color:var(--be-accent-ink);border-radius:999px;font-size:11px;padding:2px 9px;letter-spacing:0}
.toc-list,.toc-sub{list-style:none;margin:0;padding:0}
.toc-list{padding:0 20px 16px;font-size:16px;line-height:1.5}
.toc-list li{margin:0}
.toc-list a{display:flex;gap:10px;padding:7px 10px;border-radius:8px;color:var(--ink-2);text-decoration:none;font-weight:600}
.entry .toc-list a{text-decoration:none;color:var(--ink-2)}
.toc-list a:hover,.toc-list a.is-active{background:color-mix(in srgb,var(--be-accent) 12%,transparent);color:var(--be-accent-ink)}
.toc-n{flex:none;min-width:2.2em;color:var(--be-accent);font-weight:800;font-variant-numeric:tabular-nums}
.toc-sub{padding-left:26px}
.toc-sub a{font-weight:500;font-size:15px}

/* Guest posts */
.card-tags{display:flex;gap:6px;flex-wrap:wrap;align-items:center;align-self:flex-start}
.flag-badge{font:800 10.5px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid}
.flag-sponsored{color:#8a6400;background:color-mix(in srgb,var(--be-gold) 22%,transparent);border-color:var(--be-gold)}
[data-theme="dark"] .flag-sponsored{color:var(--be-gold)}
.flag-guest{color:#1d4ed8;background:color-mix(in srgb,#3b82f6 14%,transparent);border-color:#3b82f6}
[data-theme="dark"] .flag-guest{color:#93c5fd}
.single-head .card-tags{margin-bottom:6px}
.disclosure{border-radius:12px;padding:12px 16px;margin-bottom:14px;font-size:14px;line-height:1.55;border:1px solid var(--be-gold);background:color-mix(in srgb,var(--be-gold) 12%,var(--surface));color:var(--ink-2)}
.disclosure strong{text-transform:uppercase;letter-spacing:.06em;font-size:12px;margin-right:6px;color:var(--ink)}
.disclosure-guest{border-color:#3b82f6;background:color-mix(in srgb,#3b82f6 9%,var(--surface))}
.avatar-ph{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--be-accent),#0f766e);color:#fff;font:800 18px var(--serif);flex:none}
.avatar-lg{width:64px;height:64px;font-size:26px}
.btn-ghost-dark{background:transparent;border:1px solid var(--line);color:var(--ink)}
.btn-ghost-dark:hover{border-color:var(--be-accent);color:var(--be-accent-ink)}

/* Write for Us page */
.gp-hero{padding:34px 0 10px;max-width:800px}
.gp-hero h1{font-size:clamp(32px,4.5vw,54px);margin:0 0 12px}
.gp-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.gp-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gp-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.gp-card h3{font-size:18px;margin:10px 0 6px}
.gp-card p{margin:0;font-size:14.5px;color:var(--ink-2)}
.gp-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--be-accent) 16%,transparent);color:var(--be-accent-ink);font-size:20px}
.pk-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.pk{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column}
.pk-featured{border:2px solid var(--be-accent);box-shadow:var(--shadow)}
.pk-flag{position:absolute;top:-12px;left:22px;background:var(--be-accent);color:#04231a;font:800 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px}
.pk h3{font-size:21px;margin:0}
.pk-tag{color:var(--muted);font-size:14px;margin:4px 0 14px}
.pk-price{font:800 28px var(--serif);margin:0 0 14px;color:var(--ink)}
.pk ul{list-style:none;padding:0;margin:0 0 20px;flex:1}
.pk li{padding:7px 0 7px 26px;position:relative;font-size:14.5px;color:var(--ink-2);border-bottom:1px dashed var(--line)}
.pk li:last-child{border:0}
.pk li::before{content:"";position:absolute;left:2px;top:13px;width:11px;height:6px;border-left:2px solid var(--be-accent);border-bottom:2px solid var(--be-accent);transform:rotate(-45deg)}
.gp-rules{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.gp-rule{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px}
.gp-rule h2{font-size:22px}
.gp-rule ul{margin:0;padding-left:1.1em}
.gp-rule li{margin:8px 0;color:var(--ink-2);font-size:15px}
.gp-do{border-top:4px solid var(--be-accent)}
.gp-dont{border-top:4px solid #ef4444}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.steps li{counter-increment:s;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:6px}
.steps li::before{content:counter(s);width:34px;height:34px;border-radius:50%;background:var(--be-accent);color:#04231a;font:800 16px var(--sans);display:flex;align-items:center;justify-content:center}
.steps span{font-size:14.5px;color:var(--ink-2)}
.gp-form-wrap{max-width:860px;margin-top:10px}
.guest-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:16px;margin-top:14px}
.gf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.guest-form textarea{padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:500 15px var(--sans);width:100%;resize:vertical}
.guest-form textarea:focus{outline:none;border-color:var(--be-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--be-accent) 22%,transparent)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink-2)}
.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--be-accent);flex:none}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.notice-box{border-radius:12px;padding:14px 18px;font-weight:600;margin-top:14px}
.notice-ok{background:color-mix(in srgb,#10b981 16%,var(--surface));border:1px solid #10b981;color:var(--ink)}
.notice-err{background:color-mix(in srgb,#ef4444 12%,var(--surface));border:1px solid #ef4444;color:var(--ink)}
@media (max-width:1020px){.gp-cards,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.pk-grid{grid-template-columns:1fr}}
@media (max-width:620px){.gp-cards,.steps,.gp-rules,.gf-grid{grid-template-columns:1fr}.guest-form{padding:18px}}