:root{
 --sn-ink:#17223b; --sn-muted:#5f6b7a; --sn-navy:#183153; --sn-coral:#ef6a5b;
 --sn-coral-dark:#d95648; --sn-cream:#fff9f2; --sn-sky:#edf6ff; --sn-line:#e7e8ec;
 --sn-white:#fff; --sn-card:#ffffff; --sn-green:#2f7d65; --sn-shadow:0 16px 44px rgba(23,34,59,.09);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0!important;background:#fffdfa!important;color:var(--sn-ink)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;line-height:1.68}
a{color:var(--sn-navy);text-underline-offset:3px}
img{max-width:100%}
.container{max-width:1160px!important;margin:0 auto!important;padding-left:20px!important;padding-right:20px!important}
.topbar{background:var(--sn-navy)!important;color:#fff!important;font-size:12px!important;letter-spacing:.11em!important;padding:9px 18px!important;text-align:center!important;font-weight:800!important}
header,.site-header{background:rgba(255,253,250,.96)!important;border-bottom:1px solid var(--sn-line)!important;position:sticky!important;top:0!important;z-index:40!important;backdrop-filter:blur(12px)}
.head{min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:22px!important}
.logo,.site-title,.brand{font-size:25px!important;font-weight:900!important;letter-spacing:-.03em!important;color:var(--sn-navy)!important;text-decoration:none!important}
.logo span{color:var(--sn-coral)!important}
nav{display:flex!important;gap:18px!important;align-items:center!important;flex-wrap:wrap!important}
nav a{font-size:14px!important;font-weight:750!important;text-decoration:none!important;color:#465267!important}
nav a:hover{color:var(--sn-coral)!important}
.article-wrap{display:grid!important;grid-template-columns:minmax(0,790px) minmax(220px,300px)!important;gap:42px!important;align-items:start!important;padding-top:42px!important;padding-bottom:72px!important}
.article{background:#fff!important;border:1px solid var(--sn-line)!important;border-radius:26px!important;padding:clamp(24px,4vw,46px)!important;box-shadow:var(--sn-shadow)!important;overflow:hidden}
.article h1{font-size:clamp(36px,5.2vw,58px)!important;line-height:1.05!important;letter-spacing:-.045em!important;margin:10px 0 14px!important;color:var(--sn-navy)!important}
.article h2{font-size:clamp(25px,3vw,34px)!important;line-height:1.18!important;letter-spacing:-.025em!important;color:var(--sn-navy)!important;margin-top:38px!important}
.article h3{color:var(--sn-navy)!important}
.article p{font-size:17px!important;color:#3f4a5e!important;line-height:1.78!important}
.lead{font-size:20px!important;color:#334056!important;border-left:4px solid var(--sn-coral)!important;padding-left:18px!important;margin:22px 0 28px!important}
.meta{color:#7a8493!important;font-size:14px!important;margin-bottom:20px!important}
.tag{display:inline-flex!important;align-items:center!important;gap:6px!important;background:var(--sn-sky)!important;color:var(--sn-navy)!important;border-radius:999px!important;padding:7px 11px!important;font-size:12px!important;letter-spacing:.04em!important;font-weight:850!important;text-transform:uppercase!important}
.cover,.article-bottom-photo img{width:100%!important;border-radius:22px!important;aspect-ratio:16/9!important;object-fit:cover!important;box-shadow:0 12px 30px rgba(23,34,59,.08)!important}
.notice{background:#fff7e8!important;border:1px solid #f0ddbd!important;border-left:5px solid #d79728!important;border-radius:16px!important;padding:17px 18px!important;color:#5c4930!important;margin:24px 0!important}
.share-panel{background:#f8fafc!important;border:1px solid var(--sn-line)!important;border-radius:18px!important;padding:18px!important;margin:20px 0 26px!important}
.share-panel h3{margin:0 0 12px!important;font-size:16px!important}
.share{display:flex!important;flex-wrap:wrap!important;gap:9px!important}
.share a,.copy-btn{border:1px solid #dfe3e8!important;background:#fff!important;border-radius:999px!important;padding:9px 12px!important;text-decoration:none!important;color:#3c4759!important;font-size:13px!important;font-weight:750!important;cursor:pointer!important}
.share a:hover,.copy-btn:hover{border-color:var(--sn-coral)!important;color:var(--sn-coral)!important}
.article-affiliate,.wt-aff-box{margin:34px 0!important;padding:25px!important;border-radius:22px!important;background:linear-gradient(135deg,#fff2ed,#fffaf5)!important;border:1px solid #ffd9cf!important;text-align:left!important;box-shadow:none!important}
.article-affiliate:before,.wt-aff-box:before{content:'Sponsored resource';display:inline-block;margin-bottom:7px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#a94c40}
.article-affiliate h3,.wt-aff-box h3{font-size:25px!important;margin:0 0 8px!important;color:var(--sn-navy)!important}
.article-affiliate p,.wt-aff-box p{margin:0 0 16px!important;color:#5f5460!important}
.cta-button,.wt-aff-btn,.sticky-cta a,.btn{display:inline-flex!important;justify-content:center!important;align-items:center!important;background:var(--sn-coral)!important;border:1px solid var(--sn-coral)!important;color:#fff!important;border-radius:999px!important;padding:14px 22px!important;text-decoration:none!important;font-weight:900!important;box-shadow:0 10px 24px rgba(239,106,91,.22)!important}
.cta-button:hover,.wt-aff-btn:hover,.sticky-cta a:hover{background:var(--sn-coral-dark)!important;border-color:var(--sn-coral-dark)!important;transform:translateY(-1px)}
.sidebar{position:sticky!important;top:98px!important;display:grid!important;gap:16px!important}
.sidebar .box{background:var(--sn-cream)!important;border:1px solid #f0e4d7!important;border-radius:20px!important;padding:20px!important;box-shadow:none!important}
.sidebar .box h3{margin-top:0!important;color:var(--sn-navy)!important}
.sidebar .box p{color:#667084!important}
.related-wrap{margin-top:38px!important;border-top:1px solid var(--sn-line)!important;padding-top:30px!important}
.related-head{display:flex!important;justify-content:space-between!important;align-items:end!important;gap:12px!important}
.related-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-top:18px!important}
.related-card{background:#fff!important;border:1px solid var(--sn-line)!important;border-radius:18px!important;padding:18px!important;box-shadow:none!important}
.related-card h3{font-size:18px!important;line-height:1.32!important;margin:10px 0!important}
.readmore{color:var(--sn-coral)!important;font-weight:850!important;text-decoration:none!important}
.wt-all-cats{margin:34px 0!important;padding:24px!important;border-radius:22px!important;background:#f8fbff!important;border:1px solid #dce8f4!important}
.wt-all-cats h3{color:var(--sn-navy)!important}
.wt-cat-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.wt-cat-link{display:block!important;background:#fff!important;border:1px solid #e0e7ef!important;border-radius:12px!important;padding:11px 12px!important;text-decoration:none!important;color:#344158!important;font-weight:750!important}
.wt-cat-link:hover{border-color:var(--sn-coral)!important;color:var(--sn-coral)!important}
.sticky-cta{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important;padding:10px 16px!important;background:rgba(255,255,255,.94)!important;border-top:1px solid var(--sn-line)!important;display:flex!important;justify-content:center!important;backdrop-filter:blur(10px)}
footer{background:#101d32!important;color:#dbe3ee!important;padding:44px 0 74px!important;margin-top:28px!important}
footer .logo{color:#fff!important} footer p{color:#bec9d9!important} footer a{color:#dbe3ee!important;text-decoration:none!important}
.foot{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:32px!important}.foot>div{display:flex!important;flex-direction:column!important;gap:9px!important}

/* category/list pages */
main.container:not(.article-wrap){padding-top:38px!important;padding-bottom:60px!important}
.category-hero,.hero{border-radius:28px!important;background:linear-gradient(135deg,#edf6ff,#fff2ed)!important;border:1px solid #e4e7ed!important;padding:clamp(28px,5vw,54px)!important;margin:24px 0 30px!important}
.card,.category-card,.topic-card,.post-card{border-radius:20px!important;border:1px solid var(--sn-line)!important;box-shadow:0 10px 26px rgba(23,34,59,.05)!important;background:#fff!important}

@media(max-width:900px){
 .article-wrap{grid-template-columns:1fr!important;gap:22px!important}.sidebar{position:static!important}.wt-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 nav{display:none!important}.head{min-height:64px!important}.foot{grid-template-columns:1fr 1fr!important}
}
@media(max-width:620px){
 .container{padding-left:14px!important;padding-right:14px!important}.article-wrap{padding-top:18px!important}.article{border-radius:18px!important;padding:21px!important}.article h1{font-size:38px!important}
 .article p{font-size:16px!important}.lead{font-size:18px!important}.related-list{grid-template-columns:1fr!important}.wt-cat-grid{grid-template-columns:1fr 1fr!important}.foot{grid-template-columns:1fr!important}.share a,.copy-btn{font-size:12px!important;padding:8px 10px!important}
}