/* Templates Hub v3 - magazine layer */
:root{--hf2:'Playfair Display',Georgia,serif;--c-law:#4338ca;--c-health:#059669;--c-lifestyle:#db2777;--c-business:#d97706;--c-sports:#dc2626;--c-tpl:#0d3b6e;--c-x:#0d3b6e}
.c-law{--cc:var(--c-law)}.c-health{--cc:var(--c-health)}.c-lifestyle{--cc:var(--c-lifestyle)}.c-business{--cc:var(--c-business)}.c-sports{--cc:var(--c-sports)}.c-tpl,.c-x{--cc:var(--c-x)}
[data-theme=dark] .c-x,[data-theme=dark] .c-tpl{--cc:#8ec1ff}
.pill[class*=" c-"]{background:var(--cc);color:#fff!important}
/* top bar + header */
.topbar .wrap{align-items:center}.tdate{opacity:.9}.tsoc{display:flex;gap:6px}.tsoc a,.fsoc a{width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;font:700 11px var(--hf);color:#fff!important}.tsoc a:hover,.fsoc a:hover{background:var(--gold);color:#07294d!important;text-decoration:none}
.fsoc a{width:36px;height:36px;font-size:13px}
.brand{padding:8px 0}
@media(min-width:981px){.hdr{flex-wrap:wrap;gap:0 18px}.hdr-r{margin-left:auto}.nav{flex:0 0 100%;order:3;border-top:1px solid var(--bd)}.nav>ul{gap:0}.nav>ul>li>a{padding:12px 9px;font-size:13px}.nav>ul>li>a:hover{box-shadow:inset 0 -3px var(--gold)}.brand img{max-height:46px}}
/* ticker */
.ticker2{background:var(--navy);color:#fff;font-size:14px}.ticker2 .wrap{display:flex;gap:14px;align-items:center;padding:0 18px;height:42px;overflow:hidden}
.ticker2 b{flex:none;background:#e11d48;color:#fff;border-radius:4px;padding:3px 10px;font:700 11px var(--hf);text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:7px}.ticker2 .dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:thp 1.4s infinite}
.tk{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.tk-in{display:flex;gap:42px;width:max-content;animation:thtick 70s linear infinite}.tk:hover .tk-in{animation-play-state:paused}
.tk-in a{color:#e8f0fb;white-space:nowrap;position:relative}.tk-in a:before{content:"\25C6";color:var(--gold);font-size:9px;margin-right:12px;vertical-align:1px}
@keyframes thtick{to{transform:translateX(-50%)}}@keyframes thp{50%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.tk-in{animation:none}.tk{overflow-x:auto}.ticker2 .dot{animation:none}}
/* intro strip */
.strip-intro{padding:22px 0 4px}.strip-intro h1{font:800 clamp(22px,3vw,32px)/1.2 var(--hf2);margin:0 0 6px}.strip-intro h1 em{font-style:normal;color:var(--navy2)}[data-theme=dark] .strip-intro h1 em{color:var(--gold)}
/* hero5 */
.hero5{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px;margin:14px 0 6px}
.hero5 .mc-lg:first-child{grid-row:span 2}
.mc-lg{position:relative;border-radius:var(--r);overflow:hidden;display:block;color:#fff!important;background:var(--navy);min-height:200px;text-decoration:none!important}
.mc-lg .mi,.mc-lg .mi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mc-lg .mi img{transition:transform .6s}.mc-lg:hover .mi img{transform:scale(1.05)}
.mc-lg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,16,32,0) 28%,rgba(6,16,32,.9))}
.mc-lg .mt{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;z-index:2;display:block}
.mc-lg .h{display:block;font:700 17px/1.28 var(--hf2);margin:8px 0 5px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}.hero5 .mc-lg:first-child .h{font-size:clamp(22px,2.8vw,34px)}
.mc-lg .meta{color:#d3e2f6;font-size:12.5px}
/* section bars */
.bar-h{display:flex;justify-content:space-between;align-items:center;margin:30px 0 16px;border-bottom:2px solid var(--bd)}
.bar-h h2{font:800 15px/1 var(--hf);text-transform:uppercase;letter-spacing:1px;margin:0;padding:10px 16px;background:var(--cc,var(--navy2));color:#fff;border-radius:6px 6px 0 0;position:relative;top:2px}
.bar-h a{font:600 13px var(--hf)}
.main-col>.bar-h:first-child{margin-top:18px}
/* cards */
.mc-md,.mc-row,.mc-sm{background:var(--card);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh)}
.mc-md{display:flex;flex-direction:column;transition:transform .2s}.mc-md:hover{transform:translateY(-3px)}
.mc-md .mi{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bg)}.mc-md .mi img,.mc-row .mi img{width:100%;height:100%;object-fit:cover}
.mc .mt{padding:14px 16px 16px}.mc h3{font:700 17px/1.3 var(--hf2);margin:8px 0 6px}.mc h3 a{color:var(--tx)}.mc h3 a:hover{color:var(--cc,var(--navy2));text-decoration:none}
.mc .ex{margin:0 0 8px;color:var(--mut);font-size:14.5px;line-height:1.55}.mc .meta{display:block}
.pill{text-decoration:none!important}
.mc-row{display:grid;grid-template-columns:230px 1fr;gap:0;margin-bottom:16px;align-items:stretch}.mc-row .mi{display:block;overflow:hidden;min-height:150px}.mc-row .mt{padding:14px 18px}
.mc-sm{padding:0;margin-top:12px;box-shadow:none;border-left:3px solid var(--cc,var(--gold));border-radius:0 8px 8px 0;background:var(--bg)}.mc-sm .mt{padding:8px 12px}.mc-sm h3{font-size:15px;margin:4px 0}
.latest{margin-bottom:6px}
.cs-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}
.cs-grid .mc-lg{min-height:340px}.cs-grid .mc-lg .h{font-size:22px}
.cs-list .mc-row{grid-template-columns:120px 1fr;margin-bottom:12px;box-shadow:none;background:transparent;border-bottom:1px solid var(--bd);border-radius:0;padding-bottom:12px}.cs-list .mc-row .mi{min-height:84px;border-radius:10px}.cs-list .mc-row .mt{padding:0 0 0 14px}.cs-list .mc-row .ex,.cs-list .mc-row .pill{display:none}.cs-list .mc-row h3{font-size:15.5px;margin:0 0 4px}
.cs-list .mc-row:last-child{border:0}
.feat-first{margin-bottom:20px}.feat-first .mc-lg{min-height:380px}.feat-first .h{font-size:clamp(22px,3vw,30px)!important}
/* sidebar */
.pop{list-style:none;margin:0;padding:0;counter-reset:p}.pop li{display:grid;grid-template-columns:78px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--bd);align-items:center;counter-increment:p}.pop li:last-child{border:0}
.pop .t{width:78px;height:62px;border-radius:8px;overflow:hidden;background:var(--bg);position:relative;display:block}.pop .t img{width:100%;height:100%;object-fit:cover}.pop .t:before{content:counter(p);position:absolute;left:4px;top:4px;z-index:2;background:var(--gold);color:#07294d;font:800 11px var(--hf);width:20px;height:20px;border-radius:50%;display:grid;place-items:center}
.pop li>div>a{font:700 14px/1.35 var(--hf2);color:var(--tx);display:block}.pop .meta{font-size:12px}
.picks .mc-md{box-shadow:none;border:1px solid var(--bd)}
.side{align-self:start}.side .news .btn{width:100%}
/* photo strip */
.photostrip{margin:10px 0 30px}.ps-row{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.ps-row a{position:relative;display:block;aspect-ratio:1;overflow:hidden;color:#fff}.ps-row img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ps-row a:hover img{transform:scale(1.08)}
.ps-row span{position:absolute;inset:auto 0 0 0;padding:26px 10px 10px;background:linear-gradient(transparent,rgba(0,0,0,.75));font:600 12.5px/1.3 var(--hf);opacity:0;transition:opacity .25s}.ps-row a:hover span,.ps-row a:focus span{opacity:1}
/* banner + archive */
.banner{background:linear-gradient(135deg,var(--navy),var(--navy2));border-bottom:5px solid var(--cc,var(--gold))}.banner h1{font-family:var(--hf2)}
/* article */
.art-head{background:linear-gradient(180deg,var(--card),var(--bg));padding:26px 0 18px;border-top:5px solid var(--cc,var(--gold))}.narrow{max-width:900px}
.art-head h1{font:800 clamp(28px,4.4vw,46px)/1.15 var(--hf2);margin:14px 0 12px}.art-head .dek{font-size:19px;color:var(--mut);margin:0 0 16px;line-height:1.55}
.art-head .rank-math-breadcrumb{color:var(--mut);font-size:13px;margin-bottom:10px}.art-head .rank-math-breadcrumb a{color:var(--navy2)}[data-theme=dark] .art-head .rank-math-breadcrumb a{color:#8ec1ff}
.art-head .byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--mut);font-size:14px}.art-head .byline img{border-radius:50%}
.art-fig{margin:10px auto 6px;max-width:1100px;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);background:var(--card)}.art-fig img{width:100%;max-height:560px;object-fit:cover;aspect-ratio:16/8}.art-fig figcaption{font-size:12px;color:var(--mut);padding:8px 14px}
.art .entry{font-size:18px;line-height:1.8}.art .entry>p:first-of-type{font-size:19.5px;color:var(--tx);font-weight:500}
.entry .note{background:var(--bg);border-left:4px solid var(--cc,var(--gold));padding:12px 16px;border-radius:0 10px 10px 0;font-size:15.5px;color:var(--mut)}
.entry h2{font-family:var(--hf2);font-size:28px;padding-top:.2em}.entry table{display:block;overflow-x:auto;font-size:15.5px}.entry th{background:var(--bg);text-align:left}
.entry a{text-decoration:underline;text-underline-offset:3px}
.wp-block-rank-math-faq-block{margin:10px 0}.rank-math-faq-item,.rank-math-list-item{background:var(--bg);border:1px solid var(--bd);border-radius:12px;padding:6px 18px;margin:10px 0}.rank-math-question{font:700 17px var(--hf)!important;margin:12px 0 4px!important}.rank-math-answer{margin-bottom:12px}
.author{border-top:4px solid var(--cc,var(--gold))}.author a{font-weight:600;font-size:14px}
/* footer */
.fnews{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center;padding:0 18px 30px;margin-bottom:30px;border-bottom:1px solid rgba(255,255,255,.12)}.fnews h3{color:#fff;font:700 24px var(--hf2);margin:0 0 4px}.fnews p{margin:0}
.fn-form{display:flex;gap:8px}.fn-form input{flex:1;min-width:0;padding:13px 18px;border-radius:30px;border:0;font:inherit}.fnews .ok{color:var(--gold);font-weight:700}
.fgrid5{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.3fr 1fr;gap:28px;padding-bottom:30px}
.site-footer a:hover{color:var(--gold)}
/* responsive */
@media(max-width:980px){.hero5{grid-template-columns:1fr 1fr;grid-template-rows:auto}.hero5 .mc-lg:first-child{grid-column:span 2;grid-row:auto;min-height:340px}.hero5 .mc-lg{min-height:200px}.cs-grid{grid-template-columns:1fr}.ps-row{grid-template-columns:repeat(3,1fr)}.fgrid5{grid-template-columns:1fr 1fr}.fnews{grid-template-columns:1fr}.topbar .tdate{font-size:12px}}
@media(max-width:640px){.hero5{grid-template-columns:1fr}.hero5 .mc-lg:first-child{grid-column:auto;min-height:300px}.mc-row{grid-template-columns:110px 1fr}.mc-row .mi{min-height:110px}.mc-row .ex{display:none}.mc-row .mt{padding:10px 12px}.mc h3{font-size:16px}.fgrid5{grid-template-columns:1fr}.fn-form{flex-direction:column}.ps-row{grid-template-columns:repeat(2,1fr)}.ps-row span{opacity:1}.art-head .dek{font-size:17px}.art .entry{font-size:17px}.topbar .wrap{padding:5px 14px}.tk-in{gap:30px}.cs-grid .mc-lg{min-height:260px}}
.rank-math-list{margin:10px 0}.rank-math-block{margin:8px 0}