/*
Theme Name: BR News
Theme URI: https://businessrecorder.news/
Author: Business Recorder
Description: Universal white business-news theme for any news site (built for businessrecorder.news and brecorder.org). The homepage uses the category-page layout: tinted header with live stats and category chips, a split Top story, three numbered Editors' selection picks, then a two-column card feed with numbered pages that also keeps loading as you scroll. Includes a simple Submit Story page (front-end article form with automatic checks, image upload, word counter and spam protection), a one-click demo importer, sticky Trending sidebar, endless article pages, table of contents and automatic author assignment. Sponsored categories stay off the homepage.
Version: 2.0.0
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{position:relative;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}
.home-cat+.home-cat{padding-top:8px}
.badge-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.act-badge{display:inline-block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;padding:2px 7px;border-radius:4px;line-height:1.5}
.act-badge.is-new{background:var(--accent-soft);color:var(--accent)}
.act-badge.is-upd{background:#e7f6ee;color:var(--up)}
.rows a.spot{display:flex;flex-direction:column;gap:14px;margin-block:18px;padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.rows a.spot .thumb{border-radius:10px;flex-shrink:0;width:100%}
.rows .spot h2{font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.5px}
.rows .spot p{display:block;margin:0;color:var(--muted);font-size:16px}
.spot-tag{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.spot-flag{font-family:var(--f-display);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;background:#fff1c2;color:#7a4b00;border:1px solid #f2d27a;padding:2px 8px;border-radius:4px}
.rows a.spot{background:#fffbef;border-color:#f3e3b0}
.rows a.spot .spot-by{border-color:#f0e4c0}
.spot-by{width:100%;display:flex;align-items:center;gap:10px;padding-block:10px;border-block:1px solid var(--line)}
.spot-by b{display:block;font-size:14.5px}
.spot-go{font-weight:700;color:var(--accent);font-size:14.5px}
@media (max-width:680px){.rows a.spot{padding:16px;gap:12px}}
.feed-note{font-size:13px;color:var(--muted);font-weight:600}
.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}
}

/* ==================================================================
 * v1.4.0 — Article page (news-portal style) + next-article stream.
 * Scoped to .post-unit / #btm-stream so the homepage is untouched.
 * ================================================================== */
.post-unit{grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-bottom:40px}
.post-unit article{max-width:780px}
.post-unit .crumb{font-family:var(--f-display);font-size:12.5px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding-top:26px}
.post-unit .crumb a{color:var(--accent)}
.post-unit .crumb a:first-child{color:var(--muted)}
.post-unit .post-head{padding-block:12px 0}
.post-unit .post-title{font-size:clamp(28px,3.8vw,42px);font-weight:800;letter-spacing:-.6px;line-height:1.12;margin:0 0 14px}
.post-unit .deck{font-size:20px;line-height:1.45;margin:0 0 20px}
.post-unit .byline{padding-block:14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:12px}
.post-unit .byline .by-avatar{flex-shrink:0}
.post-unit .byline .who{flex:0 1 auto;min-width:0}
.post-unit .byline .who b a{color:var(--fg)}
.post-unit .byline .who b a:hover{color:var(--accent);text-decoration:none}
.follow-btn{border:1.5px solid var(--accent);color:var(--accent);background:var(--bg);border-radius:999px;padding:5px 14px;font:700 13.5px var(--f-body);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.follow-btn:hover{background:var(--accent-soft)}
.follow-btn .f-on{display:none}
.follow-btn[aria-pressed="true"]{background:var(--accent);color:#fff}
.follow-btn[aria-pressed="true"] .f-on{display:inline}
.follow-btn[aria-pressed="true"] .f-off{display:none}
.share-icons{margin-left:auto;display:flex;gap:8px}
.share-icons a,.share-icons button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--muted);display:grid;place-items:center;padding:0;cursor:pointer;transition:border-color .15s,color .15s}
.share-icons a:hover,.share-icons button:hover,.share-icons .is-copied{border-color:var(--accent);color:var(--accent)}
.post-unit .featured{margin:22px 0 0}
.post-unit .featured .thumb{border-radius:12px}
.post-unit .entry{margin-top:26px}
.post-unit .author-box{grid-template-columns:72px 1fr;margin-block:8px 10px}
.post-unit .author-box img{width:72px;height:72px}
.post-unit .author-box .links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.post-unit .f-count{font-size:14px;color:var(--muted)}
.post-unit .sidebar{padding-top:26px}
.post-unit .sidebar .widget{min-height:0}

.up-next{display:flex;align-items:center;gap:14px;padding-block:10px 0}
.up-next::before,.up-next::after{content:"";flex:1;height:2px;background:var(--fg)}
.up-next span{font-family:var(--f-display);font-weight:800;font-size:13px;letter-spacing:1.4px;text-transform:uppercase;background:var(--accent);color:#fff;padding:7px 16px;border-radius:999px}
.post-unit.is-new{animation:btm-rise .5s ease-out}
@keyframes btm-rise{from{opacity:.4;transform:translateY(16px)}to{opacity:1;transform:none}}
.stream-status{padding-bottom:20px}
.stream-loading{display:flex;justify-content:center;align-items:center;gap:10px;padding-block:28px;color:var(--muted);font-weight:600}
.stream-loading i{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--accent);animation:btm-spin .8s linear infinite}
@keyframes btm-spin{to{transform:rotate(360deg)}}
.stream-end{text-align:center;padding-block:30px 20px;color:var(--muted)}
.stream-end b{display:block;font-family:var(--f-display);font-size:20px;color:var(--fg);margin-bottom:6px}
.stream-end a{color:var(--accent);font-weight:700}
.stream-retry{max-width:420px;margin-inline:auto}

@media (max-width:1040px){
  .post-unit{grid-template-columns:minmax(0,1fr)}
  .post-unit .sidebar{position:static}
}
@media (max-width:620px){
  .share-icons{margin-left:0;width:100%}
  .post-unit .author-box{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.post-unit.is-new,.stream-loading i{animation:none}}

/* ------------------------------------------------------------------
 * v2.0 — Homepage (category-page layout), header button, Submit Story
 * ------------------------------------------------------------------ */
.home-hero h1{text-transform:none;font-size:clamp(34px,5.2vw,56px)}
.hdr-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border-radius:8px;height:38px;padding:0 14px;font-weight:700;font-size:14px;white-space:nowrap;transition:filter .15s}
.hdr-cta:hover{filter:brightness(1.1);color:#fff}
@media (max-width:560px){.hdr-cta span{display:none}.hdr-cta{width:38px;padding:0;justify-content:center}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.btn:hover{filter:brightness(1.08)}
.btn.ghost{background:var(--bg);color:var(--fg);border:1px solid var(--line)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent);filter:none}

/* Submit Story page */
.sub-hero h1{text-transform:none;font-size:clamp(32px,5vw,52px)}
.sub-hero .cat-desc p{margin:0 0 8px}
.sub-steps-mini{list-style:none;margin:0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.sub-steps-mini li{display:flex;align-items:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-weight:700;font-size:14px}
.sub-steps-mini b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px}
.sub-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;padding-block:28px 56px;align-items:start}
.sub-layout>*{min-width:0}
.sub-side{position:sticky;top:96px}
.sub-form{display:flex;flex-direction:column;gap:22px}
.sub-step{border:1px solid var(--line);border-radius:14px;padding:22px 22px 8px;margin:0;min-width:0;background:var(--bg)}
.sub-step legend{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:800;font-size:18px;padding:0 8px;margin-left:-8px}
.sub-step legend span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:14px}
.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.sub-field{margin:0 0 18px;position:relative}
.sub-field label,.sub-label{display:block;font-weight:700;font-size:14.5px;margin-bottom:7px}
.sub-field label em,.sub-label em,.sub-cap em{color:#d33;font-style:normal}
.sub-field small,.sub-label small{font-weight:400;color:var(--muted)}
.sub-form input[type=text],.sub-form input[type=email],.sub-form input[type=url],.sub-form input[type=number],.sub-form select{width:100%;font:inherit;font-size:16px;color:var(--fg);background:#fbfcfe;border:1px solid #d5dae3;border-radius:10px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}
.sub-form input:focus,.sub-form select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}
.sub-count{position:absolute;right:0;top:0;font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.sub-count.ok{color:var(--up)}
.sub-hint{margin:-2px 0 10px;font-size:13.5px;color:var(--muted)}
.sub-drop{position:relative;display:block;border:2px dashed #cbd3e1;border-radius:12px;background:#fafcff;cursor:pointer;overflow:hidden;transition:border-color .15s,background .15s;margin:0}
.sub-drop:hover,.sub-drop.over{border-color:var(--accent);background:var(--accent-soft)}
.sub-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.sub-drop-in{display:flex;flex-direction:column;align-items:center;gap:4px;padding:28px 16px;text-align:center;color:var(--muted);pointer-events:none}
.sub-drop-in svg{color:var(--accent);margin-bottom:4px}
.sub-drop-in b{color:var(--fg);font-size:15px}
.sub-drop-in small{font-size:13px}
.sub-preview{width:100%;max-height:300px;object-fit:cover;pointer-events:none}
.sub-drop.has-img .sub-drop-in{display:none}
.sub-drop.has-img::after{content:attr(data-msg);position:absolute;left:10px;bottom:10px;right:10px;background:rgba(15,20,30,.78);color:#fff;font-size:13px;padding:6px 10px;border-radius:8px;pointer-events:none}
.sub-drop.bad{border-color:#d33}
.sub-drop.bad::after{background:#c62828}
.sub-form .wp-editor-wrap{border:1px solid #d5dae3;border-radius:10px;overflow:hidden}
.sub-form .wp-editor-tabs{padding-right:6px}
.sub-form .wp-editor-container{border:0}
.sub-form .wp-switch-editor{font-size:13px}
.sub-form textarea.wp-editor-area{font-size:16px;line-height:1.6;padding:12px;border:0}
.sub-wc{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}
.sub-wc span{font-weight:800;color:var(--fg)}
.sub-wc i{flex:1;height:6px;border-radius:3px;background:var(--soft);overflow:hidden}
.sub-wc i b{display:block;height:100%;width:0;background:#f0a020;border-radius:3px;transition:width .3s}
.sub-wc.ok span{color:var(--up)}
.sub-wc.ok i b{background:var(--up)}
.sub-cap input{max-width:140px}
.sub-check{display:flex;gap:10px;align-items:flex-start;font-size:15px;margin:0 0 18px;cursor:pointer}
.sub-check input{width:19px;height:19px;margin-top:2px;accent-color:var(--accent);flex-shrink:0}
.sub-btn{width:100%;padding:15px 20px;font-size:17px;border-radius:10px;margin-bottom:16px}
.sub-btn:disabled{opacity:.6;cursor:wait}
.sub-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.sub-errors{border:1px solid #f1b0b0;background:#fff5f5;color:#8a1f1f;border-radius:12px;padding:14px 18px;outline:none}
.sub-errors ul{margin:6px 0 0;padding-left:20px}
.sub-errors li{margin:3px 0}
.sub-rules{border:1px solid var(--line);border-radius:14px;padding:20px;background:linear-gradient(160deg,#f7faff,#f3fbf6)}
.sub-rules h2{font-size:18px;margin-bottom:12px}
.sub-rules h3{font-size:15px;margin:16px 0 8px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}
.sub-rules ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:14.5px;line-height:1.45}
.sub-rules li{position:relative;padding-left:28px}
.sub-rules li::before{position:absolute;left:0;top:0;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:900}
.sub-rules .ok li::before{content:"✓";background:#dcf5e7;color:var(--up)}
.sub-rules .no li::before{content:"✕";background:#fde2e2;color:#c62828}
.sub-note{margin:16px 0 0;font-size:14px;color:var(--muted)}
.sub-done{text-align:center;border:1px solid var(--line);border-radius:16px;padding:40px 24px;background:linear-gradient(160deg,#f2fbf6,#f5f8ff)}
.sub-done-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--up);color:#fff;font-size:32px;font-weight:900;margin-bottom:12px}
.sub-done h2{font-size:28px;margin-bottom:8px}
.sub-done p{color:var(--muted);max-width:52ch;margin:0 auto 20px}
.sub-done-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media (max-width:1040px){.sub-layout{grid-template-columns:minmax(0,1fr)}.sub-side{position:static}}
@media (max-width:640px){.sub-grid{grid-template-columns:1fr}.sub-step{padding:18px 14px 4px}.sub-steps-mini{width:100%}.sub-steps-mini li{flex:1;font-size:13px;padding:8px 10px}}

/* Contributor box on submitted stories */
.entry .contrib{display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:16px;margin:30px 0 0;background:var(--soft)}
.entry .contrib .av{width:44px;height:44px;font-size:15px}
.entry .contrib small{display:block;font-family:var(--f-display);font-weight:800;font-size:11.5px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}
.entry .contrib strong{display:block;font-family:var(--f-display);font-size:17px}
.entry .contrib p{margin:4px 0 0;font-size:15px;line-height:1.5;color:var(--muted)}
@media (max-width:560px){
  .hdr{gap:10px}
  .hdr-actions{gap:6px;margin-left:auto}
  .logo{flex-shrink:1;min-width:0;overflow:hidden}
  .home-hero .cat-stats dd,.sub-hero .cat-stats dd{font-size:16px}
}
@media (max-width:380px){.wordmark{font-size:17px}.icon-btn,.hdr-cta{width:34px;height:34px}}

/* Homepage without the header band: give the Top story some room */
.feat-rotate .cat-feature{margin-top:28px}
.feat-slot[hidden]{display:none}
.home .main-col>.cat-feed-sec:first-child,.blog .main-col>.cat-feed-sec:first-child{padding-top:28px}