/*
Theme Name: BTM News
Theme URI: https://www.businesstomark.com/
Author: Business To Mark
Description: Clean white business-news theme. Homepage opens with your top category (Business) and then Latest Posts from the last 10 days that load automatically as you scroll; sponsored categories stay off the homepage. Sticky Trending This Week sidebar, article layout with table of contents and related articles, and automatic author assignment for every new post.
Version: 1.3.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: btm-news
Tags: news, blog, magazine, two-columns, right-sidebar, custom-logo, custom-menu, featured-images, threaded-comments
*/

:root{
  --bg:#ffffff; --soft:#f4f6f9; --fg:#14181f; --muted:#5f6878; --line:#e6e9ef;
  --accent:#1d4ed8; --accent-soft:#eaf0fd; --up:#0f8a4c;
  --f-display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --f-body:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --header-h:72px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.55}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover .t,a.t:hover{color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--f-display);line-height:1.18;margin:0;text-wrap:balance;letter-spacing:-.2px}
.t{transition:color .15s}
.wrap{max-width:1220px;margin:0 auto;padding-inline:16px}
.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;z-index:100;background:var(--bg);padding:10px 14px;border:2px solid var(--accent);clip:auto;width:auto;height:auto}
.cat{font-family:var(--f-display);font-weight:700;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}
.meta{color:var(--muted);font-size:13px}
.meta a:hover{color:var(--accent)}

/* Thumbnails */
.thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:8px;overflow:hidden;background:var(--soft);max-width:100%}
.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
a:hover .thumb img{transform:scale(1.03)}
.ph{position:absolute;inset:0;background:linear-gradient(135deg,hsl(var(--h) 85% 90%),hsl(calc(var(--h) + 40) 80% 82%))}
.ph::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,rgba(255,255,255,.75),transparent 45%)}
@media (prefers-reduced-motion:reduce){.thumb img{transition:none}a:hover .thumb img{transform:none}}

/* Top bar */
.topbar{background:var(--soft);border-bottom:1px solid var(--line);font-size:13px}
.topbar-in{display:flex;align-items:center;gap:16px;padding-block:6px;overflow:hidden}
.topbar .date{font-weight:700;white-space:nowrap}
.latest-ticker{flex:1;overflow:hidden;white-space:nowrap;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.latest-ticker-in{display:inline-flex;gap:36px;animation:btm-tick 60s linear infinite}
.latest-ticker:hover .latest-ticker-in{animation-play-state:paused}
.latest-ticker a{color:var(--muted)}
.latest-ticker a:hover{color:var(--accent)}
.latest-ticker b{color:var(--accent);margin-right:6px}
@keyframes btm-tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.latest-ticker-in{animation:none}}

/* Header */
.site-header{background:var(--bg);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:0}}
.hdr{display:flex;align-items:center;gap:18px;min-height:var(--header-h);padding-block:10px}
.logo{display:flex;flex-direction:column;align-items:flex-start;gap:3px;flex-shrink:0}
.logo .custom-logo{max-height:48px;width:auto}
.wordmark{display:inline-flex;align-items:stretch;gap:7px;font-family:var(--f-display);font-weight:900;font-stretch:80%;font-size:27px;line-height:1;text-transform:uppercase;letter-spacing:-.4px;white-space:nowrap}
.wm-box{background:var(--accent);color:#fff;padding:4px 7px 3px}
.wm-rest{color:var(--fg);padding-block:4px 3px}
.logo .tagline{display:block;font-size:11.5px;font-weight:600;color:var(--muted);letter-spacing:.3px}
.site-footer .wordmark{font-size:24px}
.main-nav{flex:1;display:flex;justify-content:center}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav>ul{display:flex;flex-wrap:wrap;gap:2px}
.main-nav li{position:relative}
.main-nav>ul>li>a{display:block;padding:8px 9px;font-weight:700;font-size:14px;white-space:nowrap;border-bottom:2px solid transparent}
.main-nav>ul>li>a:hover,.main-nav>ul>li:focus-within>a,.main-nav .current-menu-item>a,.main-nav .current-cat>a{color:var(--accent);border-bottom-color:var(--accent)}
.main-nav .sub-menu,.main-nav .children{display:none;position:absolute;top:100%;left:0;background:var(--bg);min-width:210px;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 26px rgba(20,30,50,.10);padding:6px;z-index:60}
.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu,.main-nav li:hover>.children,.main-nav li:focus-within>.children{display:block}
.main-nav .sub-menu a,.main-nav .children a{display:block;padding:7px 10px;border-radius:5px;font-size:14.5px}
.main-nav .sub-menu a:hover,.main-nav .children a:hover{background:var(--soft);color:var(--accent)}
.hdr-actions{display:flex;gap:8px;align-items:center}
.icon-btn{background:transparent;border:1px solid var(--line);border-radius:8px;width:38px;height:38px;cursor:pointer;font-size:17px;color:var(--fg);display:grid;place-items:center;padding:0}
.icon-btn:hover{border-color:var(--accent);color:var(--accent)}
.menu-toggle{display:none}
.search-panel{border-top:1px solid var(--line);padding-block:12px}
.search-form{display:flex;gap:8px}
.search-form .search-field{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit}
.btn,.search-form .search-submit{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 16px;font-weight:700;font-family:var(--f-body);font-size:15px;cursor:pointer}

/* Trending categories row */
.trend-bar{border-bottom:1px solid var(--line)}
.trend-in{display:flex;align-items:center;gap:16px;padding-block:10px;font-size:14.5px}
.trend-label{font-family:var(--f-display);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding-right:16px;border-right:1px solid var(--line);flex-shrink:0}
.trend-label::before{content:"";display:inline-block;width:8px;height:8px;background:var(--up);border-radius:50%;margin-right:8px;vertical-align:1px;animation:btm-pulse 1.6s ease-in-out infinite}
@keyframes btm-pulse{50%{opacity:.35}}
.upd-list{flex:1;min-width:0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}
.upd-list::-webkit-scrollbar{display:none}
.upd-list a{flex:1 1 0;min-width:0;display:flex;align-items:baseline;gap:8px;padding-inline:14px;border-left:1px solid var(--line)}
.upd-list a:first-child{border-left:0;padding-left:0}
.upd-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--fg)}
.upd-list a:hover .upd-t{color:var(--accent)}
.upd-when{flex-shrink:0;font-size:12.5px;font-weight:700;color:var(--up)}
@media (max-width:1040px){.upd-list a{flex:0 0 62vw}}
@media (prefers-reduced-motion:reduce){.trend-label::before{animation:none}}

/* Section heads */
.sec{padding-block:24px}
.sec-hd{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;border-bottom:2px solid var(--fg);padding-bottom:8px}
.sec-hd h2{font-size:21px;text-transform:uppercase;letter-spacing:.6px}
.sec-hd h2 a:hover{color:var(--accent)}
.sec-hd .subs{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;font-weight:600;color:var(--muted);flex:1;justify-content:flex-end}
.sec-hd .subs a:hover,.more:hover{color:var(--accent)}
.more{font-weight:700;font-size:13px;color:var(--muted);white-space:nowrap}
.sec-hd .note{font-size:13px;color:var(--muted);font-weight:600}

/* Hero */
.top-grid{display:grid;grid-template-columns:2fr 1fr;gap:28px;padding-block:26px}
.lead h2{font-size:clamp(26px,3.3vw,38px);margin:12px 0 8px}
.lead p{color:var(--muted);margin:0 0 8px;max-width:62ch;font-size:17px}
.headlines{display:flex;flex-direction:column;min-width:0}
.headlines .hd{font-family:var(--f-display);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:1px;padding-bottom:10px;border-bottom:2px solid var(--fg);margin-bottom:4px}
.headlines a{padding-block:12px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 96px;gap:12px;align-items:start}
.headlines a:last-child{border-bottom:0}
.headlines h3{font-size:16.5px;margin-top:3px}

/* Trending 7 days */
.trending{background:var(--soft);padding-block:6px 26px;margin-bottom:8px}
.trend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:tr}
.trend-grid a{display:grid;grid-template-columns:34px 1fr;gap:10px;counter-increment:tr;align-items:start;background:var(--bg);border-radius:10px;padding:14px}
.trend-grid a::before{content:counter(tr);font-family:var(--f-display);font-weight:900;font-size:30px;line-height:1;color:var(--accent)}
.trend-grid h3{font-size:16px;margin-top:3px}

/* Main + sticky sidebar */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:40px;padding-bottom:48px;align-items:start}
.layout>*{min-width:0}
.sidebar{position:sticky;top:var(--side-top,90px);display:flex;flex-direction:column;gap:22px;padding-top:24px}
.sec-body{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
.sec-body .big h3{font-size:22px;margin:10px 0 6px}
.sec-body .big p{color:var(--muted);margin:0}
.list{display:flex;flex-direction:column;gap:16px;min-width:0}
.list a{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}
.list h4{font-size:15.5px;margin-top:2px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.grid3 .card{display:flex;flex-direction:column;gap:6px}
.grid3 h4{font-size:16.5px}
.grid3 p{margin:0;color:var(--muted);font-size:14.5px}
.picks{background:var(--accent-soft);border-radius:12px;padding:6px 18px 20px;margin-block:12px}
.picks .sec-hd{border-bottom-color:var(--accent)}
.rows a{display:grid;grid-template-columns:200px 1fr;gap:18px;padding-block:16px;border-bottom:1px solid var(--line);align-items:start}
.rows h3{font-size:20px;margin:4px 0 6px}
.rows p{margin:0 0 6px;color:var(--muted);font-size:15px}
.view-all{display:block;text-align:center;border:1px solid var(--line);border-radius:8px;padding:12px;font-weight:700;margin-top:18px}
.view-all:hover{border-color:var(--accent);color:var(--accent)}

/* Sidebar widgets */
.widget,.box{border:1px solid var(--line);border-radius:10px;padding:18px}
.widget-title,.box h3,.widget h2,.widget .wp-block-heading,.widget .wp-block-search__label{display:block;font-family:var(--f-display);font-size:15px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--fg)}
.widget ul{list-style:none;margin:0;padding:0}
.widget .wp-block-group__inner-container>*:last-child{margin-bottom:0}
.wp-block-search__inside-wrapper{display:flex;gap:6px}
.wp-block-search__input{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font:inherit}
.wp-block-search__button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 14px;font-weight:700;cursor:pointer;font:inherit}
.widget li{padding:7px 0;border-bottom:1px solid var(--line)}
.widget li:last-child{border-bottom:0}
.widget a:hover{color:var(--accent)}
.ol{counter-reset:n;display:flex;flex-direction:column;gap:14px}
.ol a{display:grid;grid-template-columns:28px 1fr;gap:8px;counter-increment:n}
.ol a::before{content:counter(n);font-family:var(--f-display);font-weight:900;font-size:24px;line-height:1;color:var(--accent)}
.ol h4{font-size:15px}
.mini{display:flex;flex-direction:column;gap:12px}
.mini a{display:grid;grid-template-columns:84px 1fr;gap:10px;align-items:start}
.mini h4{font-size:14.5px}
.cats-all a{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-weight:600;font-size:15px}
.cats-all a:last-child{border-bottom:0}
.cats-all a span{color:var(--muted);font-size:13px}
.cats-all a:hover{color:var(--accent)}

/* Single post */
.read-progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:60;pointer-events:none}
.admin-bar .read-progress{top:32px}
.read-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:0 50%}
.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13.5px;color:var(--muted);padding-top:24px}
.crumb a:hover{color:var(--accent)}
.post-head{padding-block:16px 6px}
.cat-pill{display:inline-block;background:var(--accent-soft);color:var(--accent);font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:6px 11px;border-radius:999px}
.cat-pill:hover{background:var(--accent);color:#fff}
.post-head h1{font-size:clamp(28px,4.2vw,44px);margin:14px 0 12px;font-weight:800;letter-spacing:-.6px;line-height:1.12}
.post-head .deck{font-size:19.5px;color:var(--muted);margin:0 0 18px;max-width:64ch;line-height:1.5}
.byline{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-block:14px 12px;border-top:1px solid var(--line)}
.byline img.avatar{border-radius:50%;width:46px;height:46px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent-soft)}
.byline .who{flex:1;min-width:170px;display:flex;flex-direction:column;gap:2px}
.byline .who b{font-size:15.5px}
.byline .who b a{color:var(--accent)}
.byline .who b a:hover{text-decoration:underline}
.share{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line)}
.share a,.share button{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:7px 14px;font-family:var(--f-body);font-size:13.5px;font-weight:700;cursor:pointer;color:var(--fg);transition:background .15s,color .15s,border-color .15s}
.share a:hover,.share button:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.featured{margin:22px 0 26px}
.featured .thumb{border-radius:14px}
.featured figcaption{font-size:13.5px;color:var(--muted);margin-top:8px}
.entry{font-size:18.5px;line-height:1.78;max-width:72ch;overflow-wrap:break-word;color:#1f2530}
.entry>p:first-of-type{font-size:20px;line-height:1.7;color:var(--fg)}
.entry p{margin:0 0 22px}
.entry h2{font-size:28px;margin:44px 0 16px;scroll-margin-top:100px;letter-spacing:-.4px}
.entry h2::before{content:"";display:block;width:44px;height:4px;border-radius:2px;background:var(--accent);margin-bottom:14px}
.entry h3{font-size:22px;margin:32px 0 12px;scroll-margin-top:100px}
.entry h4{font-size:19px;margin:26px 0 10px}
.entry a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.entry a:hover{text-decoration-thickness:2px}
.entry ul,.entry ol{padding-left:26px;margin:0 0 22px}
.entry li{margin-bottom:8px;padding-left:4px}
.entry ul li::marker{color:var(--accent)}
.entry ol li::marker{color:var(--accent);font-family:var(--f-display);font-weight:800}
.entry strong{color:var(--fg)}
.entry img{border-radius:10px}
.entry figure{margin:28px 0}
.entry figcaption,.entry .wp-caption-text{font-size:13.5px;color:var(--muted);margin-top:8px}
.entry blockquote{margin:30px 0;padding:20px 24px;background:var(--soft);border-left:4px solid var(--accent);border-radius:0 12px 12px 0;font-family:var(--f-display);font-size:21px;font-weight:700;line-height:1.45}
.entry blockquote p:last-child{margin-bottom:0}
.entry blockquote cite{display:block;font-family:var(--f-body);font-size:14px;color:var(--muted);font-style:normal;margin-top:8px}
.entry table{width:100%;border-collapse:separate;border-spacing:0;font-size:15.5px;display:block;overflow-x:auto;border:1px solid var(--line);border-radius:10px;margin:0 0 24px}
.entry th{text-align:left;font-size:13px;text-transform:uppercase;letter-spacing:.6px;color:var(--fg);background:var(--soft);padding:11px 12px;border-bottom:1px solid var(--line)}
.entry td{padding:11px 12px;border-bottom:1px solid var(--line)}
.entry tr:last-child td{border-bottom:0}
.entry tr:nth-child(even) td{background:#fafbfd}
.toc{border:1px solid var(--line);background:var(--soft);border-radius:12px;padding:16px 20px;margin:6px 0 30px;font-family:var(--f-body)}
.toc summary{cursor:pointer;font-family:var(--f-display);font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;list-style:none;display:flex;justify-content:space-between;align-items:center}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"−";font-size:20px;color:var(--accent)}
.toc:not([open]) summary::after{content:"+"}
.entry .toc ol{margin:12px 0 0;padding-left:22px;columns:2;column-gap:28px;font-size:15.5px;line-height:1.45}
.entry .toc li{margin-bottom:8px;break-inside:avoid}
.entry .toc a{color:var(--fg);text-decoration:none}
.entry .toc a:hover{color:var(--accent);text-decoration:underline}
.entry .also-read{display:grid;grid-template-columns:130px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin:6px 0 28px;color:var(--fg);text-decoration:none;background:var(--bg);transition:border-color .15s,box-shadow .15s}
.entry .also-read:hover{border-color:var(--accent);box-shadow:0 8px 22px rgba(20,30,50,.08)}
.entry .also-read small{display:block;font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.entry .also-read strong{font-family:var(--f-display);font-size:18px;line-height:1.3;display:block}
.entry .also-read:hover strong{color:var(--accent)}
.page-links{margin:20px 0;font-weight:700}
.tags{display:flex;gap:8px;flex-wrap:wrap;padding-block:20px;border-top:1px solid var(--line);margin-top:10px}
.tags b{font-size:14px;margin-right:4px;align-self:center}
.tags a{background:var(--soft);border-radius:999px;padding:6px 13px;font-size:14px;font-weight:600;color:var(--muted)}
.tags a:hover{background:var(--accent);color:#fff}
.author-box{display:grid;grid-template-columns:84px 1fr;gap:18px;padding:22px;background:var(--soft);border-radius:14px;margin-block:8px 26px}
.author-box img{border-radius:50%;width:84px;height:84px}
.author-box small{display:block;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.author-box h4{font-size:20px;margin-bottom:6px}
.author-box h4 a:hover{color:var(--accent)}
.author-box p{margin:0 0 8px;color:var(--muted);font-size:15px}
.author-box .links a{font-size:14px;font-weight:700;color:var(--accent)}
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:10px}
.prevnext a{border:1px solid var(--line);border-radius:12px;padding:16px 18px;display:block;transition:border-color .15s}
.prevnext a:hover{border-color:var(--accent)}
.prevnext small{display:block;font-weight:700;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);margin-bottom:4px}
.prevnext .next{text-align:right}
.prevnext h4{font-size:16px}
.related{padding-block:26px 6px}
.rel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.rcard{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg);transition:transform .2s,box-shadow .2s,border-color .2s}
.rcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(20,30,50,.10);border-color:transparent}
.rcard .thumb{border-radius:0}
.rc-body{display:flex;flex-direction:column;gap:7px;padding:14px 16px 16px;flex:1}
.rcard h3{font-size:17px;line-height:1.28}
.rc-ex{color:var(--muted);font-size:14.5px;line-height:1.5}
.rcard .meta{margin-top:auto;padding-top:6px;font-size:12.5px}
@media (prefers-reduced-motion:reduce){.rcard,.rcard:hover{transition:none;transform:none}}
.more-from .more-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.more-list a{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start}
.more-list h4{font-size:15.5px;margin-top:2px}

/* Endless lists */
.load-status{display:flex;justify-content:center;padding-top:6px;min-height:20px}
.load-status .view-all{width:100%;background:var(--bg);cursor:pointer;font:inherit;font-weight:700;color:var(--fg)}
.load-status.is-loading .view-all{color:var(--muted);cursor:progress}
.feed-end{color:var(--muted);font-size:14px;margin:18px 0 0}
.pagination.js-endless{display:none}

/* Category page: tinted hero band, split feature, numbered picks, 2-column card feed */
.cat-hero{background:linear-gradient(120deg,var(--accent-soft) 0%,#f3f7ff 55%,#eefaf4 100%);border-bottom:1px solid var(--line)}
.cat-hero .crumb{padding-top:18px}
.cat-hero-in{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;padding-block:18px 14px}
.cat-hero-text{flex:1 1 420px;min-width:0}
.cat-eyebrow{display:inline-block;font-family:var(--f-display);font-weight:800;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}
.cat-hero h1{font-size:clamp(38px,6vw,64px);font-weight:900;font-stretch:85%;letter-spacing:-1px;line-height:1;margin:6px 0 12px;text-transform:uppercase}
.cat-desc{color:var(--muted);font-size:17px;max-width:62ch;margin:0}
.cat-stats{display:flex;gap:10px;margin:0;flex-wrap:wrap}
.cat-stats div{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 16px;min-width:110px}
.cat-stats dt{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}
.cat-stats dd{margin:2px 0 0;font-family:var(--f-display);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}
.cat-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:18px}
.cat-chips::-webkit-scrollbar{display:none}
.cat-chips a{white-space:nowrap;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:7px 15px;font-weight:700;font-size:14px}
.cat-chips a:hover{border-color:var(--accent);color:var(--accent)}
.cat-chips a.on{background:var(--fg);border-color:var(--fg);color:#fff}
.cat-feature{display:grid;grid-template-columns:1.15fr 1fr;margin-top:26px;border-radius:16px;overflow:hidden;background:#f6f8fc;border:1px solid var(--line)}
.cat-feature .thumb{border-radius:0;aspect-ratio:auto;height:100%;min-height:300px}
.cf-body{display:flex;flex-direction:column;gap:12px;padding:26px 28px}
.cf-tag{align-self:flex-start;background:#fff1d6;color:#8a5300;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:5px 10px;border-radius:6px}
.cf-body h2{font-size:clamp(23px,2.5vw,30px);line-height:1.15}
.cf-body p{margin:0;color:var(--muted);font-size:16px}
.cf-by{display:flex;align-items:center;gap:10px;margin-top:auto}
.cf-by b{display:block;font-size:14.5px}
.av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:13px;flex-shrink:0}
.av.sm{width:24px;height:24px;font-size:10px;display:inline-grid;margin-right:7px;vertical-align:middle}
.cf-go{font-weight:800;color:var(--accent);font-size:14.5px}
.cat-picks{padding-block:30px 6px}
.pick-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pick{position:relative;display:flex;flex-direction:column;gap:8px}
.pick-n{position:absolute;top:10px;left:10px;z-index:2;background:var(--bg);color:var(--accent);font-family:var(--f-display);font-weight:900;font-size:15px;padding:4px 9px;border-radius:8px;box-shadow:0 2px 8px rgba(20,30,50,.12)}
.pick h3{font-size:16.5px;line-height:1.28}
.cat-feed-sec{padding-block:26px 0}
.cat-feed{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 22px}
.fcard{display:flex;flex-direction:column;gap:12px}
.fcard .thumb{border-radius:12px}
.fc-body{display:flex;flex-direction:column;gap:6px}
.fcard h3{font-size:19px;line-height:1.25}
.fcard p{margin:0;color:var(--muted);font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-meta{color:var(--muted);font-size:13px;margin-top:2px}
@media (max-width:760px){
  .cat-feature{grid-template-columns:1fr}
  .cat-feature .thumb{min-height:0;aspect-ratio:16/9}
  .cf-body{padding:18px}
  .pick-row{grid-template-columns:1fr 1fr}
  .pick-row .pick:nth-child(3){display:none}
  .cat-feed{grid-template-columns:1fr}
  .cat-stats{width:100%}
  .cat-stats div{flex:1;min-width:0;padding:8px 12px}
  .cat-stats dd{font-size:18px}
}
.cat-chips-gap{height:8px}
.cat-desc p{margin:0}
.cat-feed .feed-end,.load-status .feed-end{text-align:center}

/* Archives */
.archive-head{padding-block:28px 6px}
.archive-head h1{font-size:clamp(28px,3.6vw,40px)}
.archive-head .desc{color:var(--muted);max-width:70ch;margin-top:8px}
.archive-head .subs{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.archive-head .subs a{border:1px solid var(--line);border-radius:6px;padding:5px 11px;font-size:14px;font-weight:600}
.archive-head .subs a:hover{border-color:var(--accent);color:var(--accent)}
.pagination{margin-top:26px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap}
.pagination .page-numbers{border:1px solid var(--line);border-radius:8px;padding:8px 13px;font-weight:700}
.pagination .page-numbers.current{background:var(--accent);border-color:var(--accent);color:#fff}
.pagination a.page-numbers:hover{border-color:var(--accent);color:var(--accent)}
.empty{padding:40px 0;color:var(--muted)}

/* Comments */
.comments-area{margin-top:10px}
.comment-list{list-style:none;padding:0}
.comment-list .children{list-style:none;padding-left:24px}
.comment-body{border-bottom:1px solid var(--line);padding-block:14px}
.comment-meta{font-size:14px;display:flex;gap:10px;align-items:center}
.comment-meta img{border-radius:50%}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px;font:inherit}
.comment-form .submit{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:11px 18px;font-weight:700;cursor:pointer;font:inherit}

/* Footer */
.site-footer{background:var(--soft);border-top:1px solid var(--line);padding-block:36px 26px;font-size:15px}
.f-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}
.site-footer h5{font-family:var(--f-display);font-size:14px;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;color:var(--muted)}
.site-footer ul a:hover{color:var(--accent)}
.site-footer .about{color:var(--muted);max-width:36ch;font-size:14.5px;margin-top:12px}
.copy{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;color:var(--muted);font-size:13.5px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.copy ul{flex-direction:row;flex-wrap:wrap;gap:14px}
.to-top{position:fixed;right:16px;bottom:16px;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s;background:var(--bg)}
.to-top.show{opacity:1;pointer-events:auto}

/* WP core classes */
.alignleft{float:left;margin:0 20px 12px 0}.alignright{float:right;margin:0 0 12px 20px}.aligncenter{margin-inline:auto}
.wp-caption{max-width:100%}.sticky,.bypostauthor,.gallery-caption{}

@media (max-width:1040px){
  .layout{grid-template-columns:minmax(0,1fr)}
  .sidebar{position:static}
  .menu-toggle{display:grid}
  .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--line);padding:8px 16px 16px;justify-content:flex-start}
  .main-nav.open{display:block}
  .main-nav>ul{flex-direction:column}
  .main-nav .sub-menu,.main-nav .children{position:static;display:block;box-shadow:none;border:0;padding:0 0 0 14px}
  .hdr{position:relative;justify-content:space-between}
  .trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .f-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:680px){
  .top-grid,.sec-body,.prevnext{grid-template-columns:1fr}
  .grid3{grid-template-columns:1fr 1fr}
  .list a{grid-template-columns:96px 1fr}
  .rows a{grid-template-columns:110px 1fr;gap:12px}
  .rows h3{font-size:17px}.rows p{display:none}
  .sec-hd .subs,.logo .tagline,.topbar .date{display:none}
  .entry{font-size:17.5px}
  .entry>p:first-of-type{font-size:18.5px}
  .entry h2{font-size:24px}
  .entry .also-read{grid-template-columns:96px 1fr}
  .entry .toc ol{columns:1}
  .rel-grid{grid-template-columns:1fr 1fr}
  .more-from .more-list{grid-template-columns:1fr}
  .wordmark{font-size:23px}
}
@media (max-width:460px){
  .grid3,.trend-grid,.rel-grid{grid-template-columns:1fr}
  .wordmark{font-size:20px;gap:5px}
  .author-box{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
}