/*
Theme Name: US Journal Times
Author: US Journal Times
Description: A contemporary editorial WordPress theme for the US Journal Times publication, featuring a photographic front page, dedicated magazine, celebrity, technology and business coverage, accessible article navigation and author profiles.
Text Domain: us-journal-times
Tags: blog, news, entertainment, two-columns, custom-logo, featured-images, custom-colors, accessibility-ready, translation-ready
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--paper:#f7f8f6;--surface:#ffffff;--ink:#172630;--muted:#626f76;--line:#dce2e1;--accent:#d33a31;--accent-deep:#aa2923;--night:#102530;--night-2:#203943;--fog:#eaf0ef;--max:1290px;--display:Georgia,'Times New Roman',serif;--sans:Helvetica,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:35px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
html,body{max-width:100%;overflow-x:clip}
img,svg{max-width:100%;height:auto}img{display:block}a{text-decoration:none;color:inherit}a:hover{color:var(--accent)}
button,input,textarea{font:inherit}button{cursor:pointer}
h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3,h4{margin-top:0}
.site-shell{width:min(var(--max),calc(100% - 88px));margin-inline:auto}
.screen-reader-text{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);position:absolute!important;overflow:hidden;height:1px!important;width:1px!important;white-space:nowrap;margin:-1px!important;padding:0!important;border:0!important}
.screen-reader-text:focus{clip:auto;clip-path:none;width:auto!important;height:auto!important;left:12px;top:12px;z-index:9999;background:#fff;color:#161616;padding:14px!important;position:fixed!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
/* A typographic brand rather than an oversized decorative header. */
.site-header{background:var(--surface);position:relative;z-index:30}
/* No decorative stripe above the masthead: an intentional clean top edge. */
.masthead{height:144px;display:flex;align-items:center;justify-content:center}
.brand-link{display:inline-flex;justify-content:center;align-items:center;text-align:center;max-width:100%}
.masthead .custom-logo{display:block;width:auto;height:auto;max-height:112px;max-width:min(620px,83vw);object-fit:contain}
.masthead .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.masthead-wordmark{display:flex;align-items:center;gap:17px;color:var(--ink)}
.brand-initial{width:79px;height:79px;background:var(--accent);color:#fff;display:grid;place-items:center;font:800 30px/1 var(--sans);letter-spacing:-.06em}
.brand-lines{text-align:left;display:flex;flex-direction:column}
.brand-journal{font:850 clamp(34px,4.1vw,57px)/.92 var(--sans);letter-spacing:-.072em}
.brand-times{font:500 18px/1.15 var(--sans);letter-spacing:.51em;padding-top:9px;padding-left:3px}
.nav-rail{position:relative;border-block:1px solid var(--line);background:#fff}
.nav-shell{position:relative;display:flex;align-items:center;justify-content:center;min-height:63px}
.primary-nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px clamp(17px,2.1vw,34px);max-width:calc(100% - 104px)}
.primary-nav a{display:flex;align-items:center;min-height:62px;border-bottom:2px solid transparent;padding:3px 0 0;font-size:11px;font-weight:800;letter-spacing:.125em;line-height:1.2;text-transform:uppercase;transition:color .16s,border-color .16s}
.primary-nav a:hover,.primary-nav a:focus-visible,.primary-nav a[aria-current=page]{border-bottom-color:var(--accent);color:var(--accent)}
.search-toggle{width:44px;height:44px;border:1px solid transparent;background:transparent;position:absolute;right:0;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--ink)}
.search-toggle:hover{background:var(--fog);color:var(--accent)}
.menu-toggle{border:0;background:transparent;color:var(--ink);display:none;align-items:center;gap:10px;font-size:13px;font-weight:800}
.menu-toggle-lines{width:21px;display:flex;flex-direction:column;gap:4px}.menu-toggle-lines span{display:block;height:2px;background:currentColor;width:21px}
.header-search{padding:17px 0 22px;border-top:1px solid var(--line);background:var(--fog)}.header-search[hidden]{display:none}
.search-form{display:flex;gap:8px;max-width:640px;margin:auto}.search-form label{display:block;flex:1;min-width:0}.search-form input[type=search]{width:100%;min-width:0;border:1px solid #b4c0bf;background:#fff;padding:13px 15px}.search-form input[type=submit]{border:0;background:var(--accent);color:#fff;padding:13px 21px;font-weight:750}
/* Consistent editorial rhythm and visual restraint. */
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.section-overline{display:block;font:800 10px/1.4 var(--sans);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:9px}
.section-heading h1,.section-heading h2{margin:0;font:700 clamp(32px,3.2vw,45px)/1.1 var(--sans);letter-spacing:-.053em}
.heading-period{color:var(--accent)}
.view-all{font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:15px;min-height:34px;border-bottom:1px solid currentColor;white-space:nowrap;margin-bottom:2px}.view-all:hover{color:var(--accent)}
.eyebrow{font:800 10px/1.35 var(--sans);letter-spacing:.135em;text-transform:uppercase;color:var(--accent)}.eyebrow:hover{text-decoration:underline;text-underline-offset:3px}
.card-meta{font:500 11px/1.45 var(--sans);color:var(--muted);display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.placeholder-image{display:grid;place-items:center;min-height:100%;background:#e1e8e7;color:#647279}.placeholder-image>span{font:800 18px var(--sans);letter-spacing:.2em;opacity:.6}.placeholder-swatch{display:none}
.post-image{width:100%;height:100%;object-fit:cover;transition:transform .38s ease}
a:hover>.post-image{transform:scale(1.025)}
/* Hero: prominent lead-story heading and four latest stories, no decorative page slogan. */
.hero-section{padding-top:38px;padding-bottom:90px}
.hero-issue-mark{font:700 10px var(--sans);letter-spacing:.14em;color:#94a0a5}
.hero-layout{display:block}
.hero-lead{background:var(--surface);display:grid;grid-template-columns:minmax(0,1.46fr) minmax(335px,.84fr);min-height:480px;box-shadow:0 16px 36px rgba(11,32,39,.045)}
.hero-image{min-width:0;display:block;aspect-ratio:1.47;min-height:480px;overflow:hidden;background:var(--fog)}.hero-image img,.hero-image .placeholder-image{height:100%;width:100%;object-fit:cover}
.hero-lead-body{min-width:0;display:flex;flex-direction:column;align-items:start;padding:45px clamp(25px,3.6vw,57px) 34px}
.hero-lead-body .eyebrow{display:inline-block;margin-bottom:25px}
.hero-lead h1{font:700 clamp(32px,3.2vw,46px)/1.11 var(--display);letter-spacing:-.048em;margin:0 0 21px}
.hero-lead h1 a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:5px}
.hero-lead p{margin:0 0 25px;max-width:370px;color:var(--muted);font-size:15px;line-height:1.75}
.hero-lead-foot{margin-top:auto;display:flex;align-items:center;gap:22px;justify-content:space-between;width:100%;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.lead-cta{font-size:12px;letter-spacing:.02em;font-weight:800;border-bottom:1px solid var(--accent);color:var(--accent);padding-bottom:3px;display:inline-flex;gap:9px;align-items:center}.lead-cta:hover{color:var(--accent-deep)}
.hero-secondary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-bottom:1px solid var(--line);padding-top:34px}
.hero-mini{display:grid;grid-template-columns:103px minmax(0,1fr);gap:15px;min-width:0;padding:0 19px 30px 0;margin-right:19px;border-right:1px solid var(--line);align-items:start}
.hero-mini:last-child{margin-right:0;padding-right:0;border-right:0}
.hero-mini-image{display:block;width:103px;height:95px;overflow:hidden;background:var(--fog)}.hero-mini-image .placeholder-image{height:100%}
.hero-mini h3{font:700 16px/1.33 var(--sans);letter-spacing:-.024em;margin:7px 0 8px}
.hero-mini .card-meta{font-size:10px}.hero-mini .eyebrow{font-size:9px}
.empty-notice{padding:42px;border:1px dashed var(--line);color:var(--muted)}
/* 4 clearly distinct sections, none relies on ornamental UI chrome. */
.home-section{padding:83px 0 92px;border-top:1px solid var(--line)}
.section-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.post-card{min-width:0;display:flex;flex-direction:column;background:transparent}
.post-card__visual{display:block;aspect-ratio:1.33;overflow:hidden;background:#d5e0e0}
.post-card__visual img,.post-card__visual .placeholder-image{height:100%;width:100%;object-fit:cover}
.post-card__body{display:flex;flex-direction:column;flex:1;padding-top:17px}
.post-card h3{font:700 19px/1.34 var(--sans);letter-spacing:-.035em;margin:9px 0 12px}
.post-card .card-meta{margin-top:auto;font-size:11px;padding-top:6px}
/* Magazine: lead cover and three carefully edited list articles. */
.home-section--magazine{background:var(--night);color:#f8fbf9;border-color:var(--night);padding-block:91px 102px}
.home-section--magazine .section-heading{border-color:#ffffff32}.home-section--magazine .section-overline{color:#fd8176}.home-section--magazine .view-all{color:#f6fafa}.home-section--magazine .view-all:hover{color:#fd8176}
.home-section--magazine .section-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:43px;row-gap:0;align-items:stretch}
.home-section--magazine .post-card:first-child{grid-column:span 7;grid-row:span 3;padding-right:0;display:flex;flex-direction:column}
.home-section--magazine .post-card:first-child .post-card__visual{aspect-ratio:1.72}
.home-section--magazine .post-card:first-child h3{font:700 clamp(25px,2.5vw,36px)/1.17 var(--display);letter-spacing:-.043em;margin:12px 0 12px;max-width:650px}
.home-section--magazine .post-card:not(:first-child){grid-column:span 5;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:21px;border-top:1px solid #ffffff29;padding-block:20px;min-height:156px}
.home-section--magazine .post-card:not(:first-child):last-child{border-bottom:1px solid #ffffff29}
.home-section--magazine .post-card:not(:first-child) .post-card__visual{aspect-ratio:1.27;width:145px}
.home-section--magazine .post-card:not(:first-child) .post-card__body{padding:0}
.home-section--magazine .post-card:not(:first-child) h3{font:700 clamp(15px,1.3vw,19px)/1.33 var(--sans);letter-spacing:-.025em;margin:7px 0 10px}
.home-section--magazine .post-card .eyebrow{color:#ff8c82}.home-section--magazine .post-card .card-meta{color:#afc0c6}
/* Celebrity: gallery-like portraits, no box shadows. */
.home-section--celebrity{background:#fff}
.home-section--celebrity .section-grid{gap:27px}.home-section--celebrity .post-card{border-bottom:1px solid var(--line);padding-bottom:21px}
.home-section--celebrity .post-card__visual{aspect-ratio:1.04}
.home-section--celebrity .post-card h3{font:700 20px/1.35 var(--display);letter-spacing:-.026em}
/* Technology: compact landscape features, a functional information system. */
.home-section--technology{background:var(--fog)}
.home-section--technology .section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.home-section--technology .post-card{display:grid;grid-template-columns:185px minmax(0,1fr);gap:23px;align-items:center;padding:17px;background:#fff;border:1px solid #d8e1e1}
.home-section--technology .post-card__visual{width:185px;aspect-ratio:1.1}
.home-section--technology .post-card__body{padding:4px 0}
.home-section--technology .post-card h3{font-size:21px;line-height:1.32;margin:10px 0 12px}
/* Business: decisive images and precise minimal typography. */
.home-section--business{background:var(--paper)}
.home-section--business .post-card{border-top:3px solid var(--ink);padding-top:16px}
.home-section--business .post-card__visual{aspect-ratio:1.54}
.home-section--business .post-card h3{font-size:19px}
/* Archive and discovery */
/* Archive cards are distinct from the image-led homepage layouts. */
.archive-main{padding:64px 0 108px;min-height:60vh}
.archive-main .section-heading{margin-bottom:31px;align-items:start}
.archive-main .section-heading h1{font-size:clamp(31px,3.1vw,43px);letter-spacing:-.047em}
.archive-description{max-width:760px;color:var(--muted);margin:13px 0 0;font-size:15px;line-height:1.75}
.archive-main .section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}
.archive-main .post-card{display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid #dbe3e3;border-radius:9px;overflow:hidden;box-shadow:0 3px 15px rgba(18,38,46,.035);transition:border-color .2s,box-shadow .2s,transform .2s}
.archive-main .post-card:hover{border-color:#bfcfcd;box-shadow:0 9px 26px rgba(18,38,46,.09);transform:translateY(-2px)}
.archive-main .post-card:focus-within{border-color:var(--accent)}
.archive-main .post-card__visual{display:block;aspect-ratio:1.55;overflow:hidden;background:var(--fog)}
.archive-main .post-card__body{flex:1;display:flex;flex-direction:column;padding:20px 22px 22px}
.archive-main .post-card h2{font:700 clamp(19px,1.5vw,22px)/1.35 var(--sans);letter-spacing:-.033em;margin:10px 0 10px}
.archive-main .post-card h2 a:hover{color:var(--accent)}
.archive-main .post-card__excerpt{font-size:14px;line-height:1.67;color:var(--muted);margin:0 0 19px;overflow-wrap:anywhere}
.archive-main .post-card .card-meta{font-size:11px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}
.archive-main .pagination{margin-top:44px}
@media(max-width:1000px){.archive-main .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.archive-main{padding:38px 0 75px}.archive-main .section-grid{grid-template-columns:1fr;gap:18px}.archive-main .post-card__visual{aspect-ratio:1.73}.archive-main .post-card__body{padding:17px 18px 20px}.archive-main .post-card h2{font-size:20px}.archive-main .post-card__excerpt{font-size:14.5px;margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){.archive-main .post-card:hover{transform:none}}
.pagination{margin:52px auto 0;display:flex;justify-content:center}.nav-links{display:flex;gap:10px;flex-wrap:wrap}.page-numbers{display:inline-flex;padding:7px 13px;border:1px solid var(--line)}.page-numbers.current{background:var(--ink);color:#fff}
/* Article: compact H1 and humane reading width. */
.article-main{padding-top:32px;padding-bottom:95px}
.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;flex-wrap:wrap;margin-bottom:31px}.breadcrumb .eyebrow{font-size:11px}
.article-top{max-width:1030px;margin-inline:auto}.article-label{margin-bottom:15px;text-align:center}
.article-top h1{font:700 clamp(35px,3.8vw,53px)/1.12 var(--display);letter-spacing:-.049em;margin:0 auto 20px;max-width:930px;text-align:center;text-wrap:balance}
.article-deck{font:400 clamp(17px,1.7vw,20px)/1.63 var(--sans);color:#647076;max-width:840px;margin:0 auto 25px;text-align:center;text-wrap:pretty}
.article-author-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:17px 0 19px;margin-top:15px;border-top:1px solid var(--line)}
.author-line{display:flex;align-items:center;gap:11px;color:var(--ink)}
.author-avatar{background:var(--night);color:#fff;border-radius:100%;font-weight:800;display:grid;place-items:center;height:40px;width:40px}
.author-line strong{font-size:12px;display:block;line-height:1.4}.author-line small{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.preferred-button{border:1px solid #cbd4d4;background:#fff;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 14px;font-size:11px;font-weight:750}
.preferred-button:hover{background:var(--fog);border-color:#aabbbc}
.article-featured{max-width:1030px;aspect-ratio:2.05;margin:20px auto 48px;overflow:hidden;background:var(--fog)}.article-featured .post-image,.article-featured .placeholder-image{width:100%;height:100%;object-fit:cover}
.article-layout{max-width:1030px;margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);gap:70px;align-items:start}
.toc-sidebar{min-width:0;position:relative;align-self:stretch}.toc-box{position:sticky;top:22px;max-height:calc(100vh - 44px);overflow-y:auto;overscroll-behavior:contain;padding:4px 14px 14px 0;border-top:3px solid var(--accent)}
.toc-title{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;background:none;color:var(--ink);border:0;padding:10px 0;font-size:13px;font-weight:850;letter-spacing:.01em;text-align:left}
.toc-title svg{display:none}.toc-items{display:flex;flex-direction:column;gap:2px;margin-top:8px}.toc-items a{display:block;padding:9px 8px 9px 0;color:#657279;font-size:12.5px;line-height:1.45;overflow-wrap:anywhere}.toc-items a:hover,.toc-items a.is-active{color:var(--accent)}.toc-items a.toc-h3{padding-left:14px;font-size:12px}
.article-copy{font:400 18px/1.86 var(--sans);color:#29383c;min-width:0;overflow-wrap:break-word}.article-copy>:first-child{margin-top:0}.article-copy p{margin:0 0 1.28em}
.article-copy h2{font:700 clamp(25px,2.25vw,30px)/1.29 var(--display);letter-spacing:-.028em;margin:1.9em 0 .75em;scroll-margin-top:30px}.article-copy h3{font:700 clamp(20px,1.8vw,23px)/1.33 var(--sans);letter-spacing:-.025em;margin:1.7em 0 .7em;scroll-margin-top:30px}
.article-copy a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.article-copy img{height:auto;max-width:100%}
.article-copy ul,.article-copy ol{padding-left:25px;margin-bottom:1.35em}.article-copy li{margin-bottom:7px}
.article-copy blockquote{border-left:3px solid var(--accent);background:var(--fog);padding:23px 28px;margin:2em 0;font:italic 20px/1.65 var(--display)}
.article-copy .wp-block-table,.article-copy pre{max-width:100%;overflow-x:auto}.article-copy table{width:100%;min-width:520px;border-collapse:collapse}.article-copy td,.article-copy th{border:1px solid var(--line);padding:10px;text-align:left}.article-copy pre{background:var(--night);color:#fff;padding:16px;font-size:13px}
/* Author signature: quiet editorial styling, without counts or archive links. */
.post-direction{max-width:1030px;display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:34px auto 0;font-size:13px;font-weight:700}.post-direction div:last-child{text-align:right}
.basic-page{padding:62px 0 100px;min-height:60vh}.basic-page .article-copy{max-width:850px;margin:auto}
/* Bottom of the edition */
.site-footer{padding:77px 0 0;background:var(--night);color:#f8fafa}
.footer-columns{display:grid;grid-template-columns:1.65fr .8fr 1fr;gap:clamp(38px,6vw,96px);padding-bottom:77px}
.footer-title{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font:800 clamp(21px,2vw,29px)/1.1 var(--sans);letter-spacing:-.05em;color:#fff;margin:0 0 25px}
.footer-us{display:inline-grid;place-items:center;background:var(--accent);color:#fff;padding:4px 6px;font-size:18px;letter-spacing:-.06em;margin-right:5px}.footer-title>span:last-child{color:#dce6e9}
.footer-brand p{color:#beccd0;font-size:14px;line-height:1.85;max-width:420px;margin:0 0 24px}
.footer-col h2{font:850 10px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.16em;color:#ff928c;margin:8px 0 19px}
.footer-links{display:flex;flex-direction:column}.footer-links a{padding:9px 0;border-bottom:1px solid #ffffff19;font-size:13px;line-height:1.45;color:#d8e2e3}.footer-links a:hover{color:#fff;border-bottom-color:#ffffff50}
.footer-socials{display:flex;flex-wrap:wrap;gap:9px}.social-link{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;border:1px solid #56717b;color:#e1eded;font-size:13px;font-weight:800;transition:background .18s,border-color .18s}.social-link:hover{border-color:var(--accent);background:var(--accent);color:#fff}
.footer-bottom{border-top:1px solid #ffffff27;padding:23px 0 27px;text-align:center}.footer-bottom p{font-size:12px;color:#a8bdc4;margin:0}
@media(max-width:1190px){.site-shell{width:calc(100% - 62px)}.hero-lead{grid-template-columns:1.2fr .9fr;min-height:430px}.hero-image{min-height:430px}.hero-lead-body{padding:35px 31px 29px}.hero-lead h1{font-size:clamp(32px,3.25vw,41px)}.hero-mini{grid-template-columns:86px minmax(0,1fr);gap:11px;padding-right:12px;margin-right:12px}.hero-mini-image{width:86px;height:87px}.hero-mini h3{font-size:14px}.home-section--magazine .section-grid{column-gap:27px}.home-section--magazine .post-card:not(:first-child){grid-template-columns:120px minmax(0,1fr);gap:15px}.home-section--magazine .post-card:not(:first-child) .post-card__visual{width:120px}.home-section--technology .post-card{grid-template-columns:155px 1fr;gap:17px}.home-section--technology .post-card__visual{width:155px}}
@media(max-width:920px){.site-shell{width:calc(100% - 44px)}.masthead{height:119px}.brand-initial{width:61px;height:61px;font-size:25px}.brand-journal{font-size:clamp(28px,5.6vw,46px)}.brand-times{font-size:14px;letter-spacing:.5em}.nav-shell{justify-content:space-between;min-height:57px}.menu-toggle{display:inline-flex}.primary-nav{display:none;flex-direction:column;align-items:stretch;gap:0;max-width:none;width:100%;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--line);padding:7px 19px 13px;z-index:35;box-shadow:0 12px 25px #001a2320;max-height:70vh;overflow-y:auto}.primary-nav.is-open{display:flex}.primary-nav a{min-height:44px;padding:14px 5px;border-bottom:1px solid var(--line)}.search-toggle{position:static;transform:none}.hero-lead{grid-template-columns:1.15fr .85fr}.hero-secondary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:25px}.hero-mini:nth-child(2){border-right:0}.hero-mini{grid-template-columns:103px minmax(0,1fr);padding-bottom:20px}.hero-mini-image{width:103px;height:95px}.hero-mini h3{font-size:16px}.home-section--magazine .post-card:not(:first-child){grid-template-columns:105px 1fr;min-height:120px}.home-section--magazine .post-card:not(:first-child) .post-card__visual{width:105px}.home-section--technology .post-card{grid-template-columns:130px 1fr}.home-section--technology .post-card__visual{width:130px}.home-section--technology .post-card h3{font-size:18px}.article-layout{grid-template-columns:1fr;gap:25px}.toc-sidebar{align-self:auto}.toc-box{position:static;max-height:none;overflow:visible;padding:11px 17px;border:1px solid var(--line);border-left:3px solid var(--accent);background:#fff}.toc-title{min-height:42px;font-size:14px}.toc-title svg{display:block;transition:transform .2s}.toc-title[aria-expanded=true] svg{transform:rotate(180deg)}.toc-items{display:none;margin-top:5px}.toc-items.is-open{display:flex}.toc-items a{font-size:14px;padding:11px 7px}.toc-items a.toc-h3{font-size:13px}.footer-columns{grid-template-columns:1.2fr 1fr;gap:40px}.footer-col:last-child{grid-column:2}}
@media(max-width:720px){.hero-section{padding-top:35px;padding-bottom:68px}.hero-lead{display:flex;flex-direction:column;min-height:0}.hero-image{min-height:0;aspect-ratio:1.66;width:100%}.hero-image img{width:100%;height:100%}.hero-lead-body{padding:28px 30px 28px}.hero-lead-body .eyebrow{margin-bottom:13px}.hero-lead h1{font-size:clamp(29px,5.4vw,41px);margin-bottom:13px}.hero-lead p{max-width:none}.hero-lead-foot{margin-top:10px}.home-section{padding:66px 0 74px}.section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section--magazine .section-grid{grid-template-columns:1fr;gap:0}.home-section--magazine .post-card:first-child{grid-column:auto;grid-row:auto;padding-bottom:25px}.home-section--magazine .post-card:not(:first-child){grid-column:auto;grid-template-columns:138px 1fr;gap:16px}.home-section--magazine .post-card:not(:first-child) .post-card__visual{width:138px}.home-section--celebrity .section-grid,.home-section--business .section-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-section--technology .section-grid{grid-template-columns:1fr}.home-section--technology .post-card{grid-template-columns:180px 1fr}.home-section--technology .post-card__visual{width:180px}.article-author-row{align-items:start}.article-featured{aspect-ratio:1.65}.footer-columns{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:auto}}
@media(max-width:520px){body{font-size:16.5px}.site-shell{width:calc(100% - 34px)}.masthead{height:91px}.masthead .custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.masthead-wordmark{gap:10px}.brand-initial{height:47px;width:47px;font-size:19px}.brand-journal{font-size:clamp(24px,7vw,33px);letter-spacing:-.075em}.brand-times{font-size:11px;letter-spacing:.43em;padding-top:5px}.nav-shell{min-height:52px}.hero-section{padding-top:26px;padding-bottom:53px}.section-heading{padding-bottom:15px;margin-bottom:20px}.section-heading h1,.section-heading h2{font-size:32px}.section-overline{font-size:9px;margin-bottom:6px}.hero-issue-mark{display:none}.hero-image{aspect-ratio:1.37}.hero-lead-body{padding:25px 21px}.hero-lead h1{font-size:clamp(29px,8vw,39px)}.hero-lead p{font-size:15px}.hero-secondary{display:block;padding-top:14px}.hero-mini,.hero-mini:nth-child(2){grid-template-columns:94px minmax(0,1fr);margin:0;padding:16px 0;border-right:0;border-bottom:1px solid var(--line)}.hero-mini:last-child{border-bottom:0}.hero-mini-image{width:94px;height:88px}.hero-mini h3{font-size:16px}.home-section{padding:54px 0 62px}.home-section--magazine{padding:61px 0 67px}.home-section--magazine .post-card:first-child .post-card__visual{aspect-ratio:1.5}.home-section--magazine .post-card:first-child h3{font-size:27px}.home-section--magazine .post-card:not(:first-child){grid-template-columns:106px 1fr;gap:14px}.home-section--magazine .post-card:not(:first-child) .post-card__visual{width:106px}.home-section--magazine .post-card:not(:first-child) h3{font-size:16px}.home-section--celebrity .section-grid,.home-section--business .section-grid{column-gap:14px;row-gap:25px}.home-section--celebrity .post-card h3,.home-section--business .post-card h3{font-size:17px}.post-card__body{padding-top:12px}.home-section--celebrity .post-card__visual{aspect-ratio:1.05}.home-section--technology .post-card{grid-template-columns:126px 1fr;padding:11px;gap:12px}.home-section--technology .post-card__visual{width:126px;aspect-ratio:1.06}.home-section--technology .post-card h3{font-size:16px;margin:6px 0 8px}.home-section--technology .post-card .card-meta{font-size:10px}.home-section--technology .post-card .eyebrow{font-size:9px}.view-all{font-size:11px;gap:5px}.article-main{padding-top:20px}.breadcrumb{margin-bottom:21px}.article-top h1{font-size:clamp(31px,8vw,42px)}.article-deck{font-size:17px}.article-author-row{flex-direction:column;gap:14px}.article-featured{margin:22px auto 29px;aspect-ratio:1.34}.article-copy{font-size:18px;line-height:1.82}.article-copy h2{font-size:26px}.article-copy h3{font-size:21px}.site-footer{padding-top:57px}.footer-columns{grid-template-columns:1fr;gap:31px;padding-bottom:54px}.footer-brand,.footer-col:last-child{grid-column:auto}.footer-title{font-size:26px}.footer-brand p{font-size:14px}.post-direction{grid-template-columns:1fr;gap:15px}.post-direction div:last-child{text-align:left}}
@media(max-width:370px){.brand-initial{width:42px;height:42px;font-size:17px}.brand-journal{font-size:23px}.brand-times{font-size:10px;letter-spacing:.4em}.home-section--technology .post-card{grid-template-columns:103px 1fr;gap:10px}.home-section--technology .post-card__visual{width:103px}.home-section--technology .post-card h3{font-size:15px}.home-section--magazine .post-card:not(:first-child){grid-template-columns:88px 1fr}.home-section--magazine .post-card:not(:first-child) .post-card__visual{width:88px}.home-section--magazine .post-card:not(:first-child) h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Display authored article subheadings with each word clearly capitalized; no content/SEO fields are rewritten. */
.article-copy h2,.article-copy h3{text-transform:capitalize}


/* US Journal Times — mobile reading refinements.
   Editorial type is intentionally a little larger, not oversized. */
@media (max-width: 920px) {
  .article-copy { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  .toc-title { min-height: 44px; }
  .toc-items a { min-height: 44px; display: flex; align-items: center; }
  .toc-items a.toc-h3 { min-height: 44px; }
  .preferred-button { min-height: 44px; }
}
@media (min-width: 521px) and (max-width: 1100px) {
  .article-top h1 { font-size: clamp(40px, 4vw, 44px); line-height: 1.17; }
}
@media (max-width: 520px) {
  .article-main { padding-top: 24px; padding-bottom: 75px; }
  .article-top h1 {
    font-size: clamp(34px, 8.7vw, 41px);
    line-height: 1.17;
    letter-spacing: -.038em;
    margin-bottom: 18px;
    overflow-wrap: break-word;
    hyphens: auto;
  }
  .article-deck {
    font-size: 17.5px;
    line-height: 1.66;
    color: #475b63;
    margin-bottom: 23px;
  }
  .article-author-row { margin-top: 18px; padding-top: 18px; padding-bottom: 19px; }
  .author-line strong { font-size: 13px; }
  .author-line small { font-size: 12.5px; line-height: 1.55; }
  .preferred-button { font-size: 12.5px; line-height: 1.4; padding: 11px 15px; }
  .article-featured { margin: 24px auto 30px; }
  .article-layout { gap: 30px; }
  .toc-box { padding: 10px 16px; border-radius: 2px; }
  .toc-title { font-size: 15px; line-height: 1.4; }
  .toc-items { margin-top: 7px; }
  .toc-items a, .toc-items a.toc-h3 { font-size: 15px; line-height: 1.45; padding: 12px 7px; }
  .toc-items a.toc-h3 { padding-left: 23px; }
  .article-copy {
    font-size: 18px;
    line-height: 1.78;
    color: #26363d;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .article-copy p { margin-bottom: 1.32em; }
  .article-copy h2 { font-size: 26px; line-height: 1.3; margin-top: 1.73em; margin-bottom: .65em; }
  .article-copy h3 { font-size: 21px; line-height: 1.38; margin-top: 1.6em; margin-bottom: .68em; }
  .article-copy ul, .article-copy ol { padding-left: 23px; margin-block: 0 1.4em; }
  .article-copy li { padding-left: 3px; margin-bottom: .5em; }
  .article-copy blockquote { margin: 1.75em 0; padding: 19px 20px; font-size: 19px; line-height: 1.62; }
  .article-copy figure { max-width: 100%; margin-inline: 0; }
  .article-copy figcaption { font-size: 13.5px; line-height: 1.6; color: #596970; margin-top: 9px; }
  .article-copy iframe, .article-copy video { max-width: 100%; }
  .article-copy pre { font-size: 13.5px; line-height: 1.6; tab-size: 2; }
  .article-copy .wp-block-table { -webkit-overflow-scrolling: touch; }
  .breadcrumb { font-size: 12px; line-height: 1.55; }
  .primary-nav a { font-size: 12.5px; }
  .post-card .card-meta, .archive-main .card-meta { font-size: 12px; }
  .archive-main .post-card__excerpt { font-size: 15.5px; line-height: 1.65; }
}
@media (max-width: 370px) {
  .article-deck { font-size: 17px; }
  .article-copy { font-size: 17.5px; line-height: 1.78; }
  .article-copy blockquote { padding: 17px 16px; }
}




/* The author signature: typography and quiet editorial rules, not a generic boxed widget. */
.author-profile {
  position: relative;
  display: block;
  border-left: 0;
  box-shadow: none;
  grid-template-columns: none;
  gap: 0;
  max-width: 1030px;
  margin: 76px auto 0;
  padding: 29px 0 35px;
  border-top: 1px solid #cbd5d3;
  border-bottom: 1px solid #cbd5d3;
  background: transparent;
}
.author-profile::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 46px;
  height: 3px;
  background: var(--accent);
}
.author-profile__heading { margin: 0 0 27px; }
.author-profile__eyebrow {
  display: inline-block;
  margin: 0;
  font: 800 10.5px/1.3 var(--sans);
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #58676b;
}
.author-profile__main {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(28px, 4vw, 56px);
}
.author-profile__main--compact { grid-template-columns: minmax(0, 1fr); }
.author-profile__identity { display: flex; align-items: center; gap: 22px; min-width: 0; }
.author-profile__avatar {
  flex: 0 0 84px;
  width: 84px;
  height: 84px;
  overflow: hidden;
  border: 3px solid #fff;
  outline: 1px solid #d3dbd9;
  border-radius: 50%;
  background: #e5ebea;
}
.author-profile__image { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.author-profile__name-wrap { min-width: 0; }
.author-profile h2 {
  margin: 0 0 9px;
  font: 700 clamp(25px, 2.25vw, 32px)/1.12 var(--display);
  letter-spacing: -.035em;
  color: var(--ink);
  overflow-wrap: anywhere;
}
.author-profile__publication {
  margin: 0;
  font: 750 10.5px/1.5 var(--sans);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #617076;
}
.author-profile__bio-wrap {
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  border-left: 1px solid #d2dad8;
  padding-left: clamp(26px, 3vw, 42px);
}
.author-profile__bio {
  margin: 0;
  max-width: 600px;
  color: #47585e;
  font: 400 16px/1.78 var(--sans);
  overflow-wrap: break-word;
}
@media (max-width: 760px) {
  .author-profile { margin-top: 56px; padding: 26px 0 27px; }
  .author-profile__heading { margin-bottom: 23px; }
  .author-profile__main { grid-template-columns: minmax(0,1fr); gap: 23px; }
  .author-profile__identity { gap: 17px; }
  .author-profile__avatar { flex-basis: 73px; width: 73px; height: 73px; }
  .author-profile h2 { font-size: 26px; line-height: 1.18; }
  .author-profile__bio-wrap { border-left: 0; border-top: 1px solid #dce3e1; padding: 19px 0 0; }
  .author-profile__bio { font-size: 15.8px; line-height: 1.75; }
}
@media (max-width: 380px) {
  .author-profile__identity { gap: 14px; }
  .author-profile__avatar { flex-basis: 62px; width: 62px; height: 62px; }
  .author-profile h2 { font-size: 23px; }
  .author-profile__bio { font-size: 15.5px; }
}

/* US Journal Times | quiet, reading-first editorial enhancements */
:root { --reader-scale: 1; --accent-soft: #fff0ec; }
@media (hover:hover) {
  .post-card__visual, .hero-image, .related-story__image { isolation: isolate; }
  .post-card a:hover, .related-story a:hover { text-underline-offset: 4px; }
}
.article-copy { max-width: 71ch; font-size: calc(18px * var(--reader-scale, 1)); }
.article-copy > p { text-wrap: pretty; }
.article-copy :is(h2,h3) { text-wrap: pretty; }
.article-copy :is(blockquote, figure, .wp-block-image) { max-width: 100%; }
.reading-progress { position: fixed; bottom: 0; inset-inline: 0; height: 3px; pointer-events: none; z-index: 120; }
.reading-progress__fill { display:block; width:100%; height:100%; background:var(--accent); transform-origin:left center; transform:scaleX(0); will-change:transform; }
.reading-tools { font-family:var(--sans); display:flex; gap:15px; justify-content:space-between; align-items:center; padding:13px 0; margin:0 0 30px; border-block:1px solid var(--line); color:var(--muted); }
.reading-tools__label { font-size:12px; font-weight:700; letter-spacing:.01em; display:flex; align-items:center; gap:9px; white-space:nowrap; }
.reading-tools__controls { display:flex; align-items:center; gap:7px; }
.reading-size-button,.reading-reset { min-width:42px; min-height:42px; background:#fff; border:1px solid #d3dddc; color:var(--ink); display:inline-flex; justify-content:center; align-items:center; border-radius:6px; font-size:14px; font-weight:750; transition:background .15s,border-color .15s; }
.reading-size-button:hover,.reading-reset:hover { background:var(--accent-soft); border-color:var(--accent); }
.reading-size-button:disabled { opacity:.45; cursor:not-allowed; }
.reading-reset { font-size:11px; padding:0 12px; }
.reading-scale { font:700 12px var(--sans); min-width:41px; text-align:center; color:var(--muted); font-variant-numeric:tabular-nums; }
.related-stories { max-width:1030px; margin:64px auto 0; padding:34px 0 0; border-top:1px solid var(--line); }
.related-stories__heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:25px; }
.related-stories__eyebrow { color:var(--accent-deep); font:800 10px/1.2 var(--sans); letter-spacing:.14em; text-transform:uppercase; }
.related-stories__heading h2 { margin:8px 0 0; font:700 clamp(25px,2.3vw,32px)/1.2 var(--display); letter-spacing:-.025em; text-wrap:balance; }
.related-stories__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.related-story { min-width:0; display:flex; flex-direction:column; }
.related-story__image { display:block; aspect-ratio:1.55; background:var(--fog); overflow:hidden; }
.related-story__image :is(img,.placeholder-image) { width:100%;height:100%;object-fit:cover; }
.related-story__body { padding-top:15px; display:flex;flex-direction:column;flex:1; }
.related-story h3 { margin:8px 0 14px; font:700 18px/1.35 var(--sans); letter-spacing:-.018em; }
.related-story h3 a:hover { color:var(--accent-deep); }
.related-story .card-meta { margin-top:auto; font-size:11px; }
.article-copy :is(a,button) { text-underline-offset:4px; }
@media(max-width:920px) {
  .related-stories { margin-top:55px; }
  .related-stories__grid { gap:17px; }
  .related-story h3 { font-size:16px; }
}
@media(max-width:650px) {
  .reading-tools { margin:0 0 24px; gap:9px; }
  .reading-tools__label { font-size:11px; gap:6px; }
  .reading-tools__label svg { width:15px; }
  .reading-tools__controls { gap:3px; }
  .reading-size-button { min-width:37px;min-height:44px; }
  .reading-reset { min-height:44px;min-width:43px;padding:0 6px; }
  .reading-scale { font-size:11px; min-width:36px; }
  .related-stories__grid { grid-template-columns:1fr; gap:0; }
  .related-story { display:grid; grid-template-columns:112px minmax(0,1fr); gap:14px; padding:15px 0; border-bottom:1px solid var(--line); align-items:center; }
  .related-story__image { width:112px; aspect-ratio:1; }
  .related-story__body { padding:0; }
  .related-story h3 { margin:7px 0 8px; font-size:16px; }
  .related-stories__heading { margin-bottom:11px; }
  .related-stories__heading h2 { font-size:26px; }
  .article-copy { font-size:calc(18px * var(--reader-scale, 1)); }
}
@media(max-width:370px) {
  .reading-tools__label span { display:none; }
  .reading-tools__controls { gap:5px; }
  .reading-size-button { min-width:41px; }
  .article-copy { font-size:calc(17.5px * var(--reader-scale, 1)); }
  .related-story { grid-template-columns:90px minmax(0,1fr);gap:11px; }
  .related-story__image { width:90px; }
  .related-story h3 { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { .reading-progress__fill { transition:none!important; } }
/* A restrained 2027 editorial finish: white space and hierarchy over decoration. */
.hero-lead { box-shadow:0 10px 38px rgba(20,37,44,.045); border:1px solid var(--line); }
.section-heading h2, .section-heading h1 { text-wrap:balance; }
.post-card h3, .post-card h2, .hero-lead h1 { text-wrap:pretty; }
.archive-main .post-card { border-color:#d9dfdf; }
.archive-main .post-card__body { background:linear-gradient(180deg,#fff 0%,#fefefe 100%); }
.archive-main .post-card h2 { font-family:var(--display); font-weight:700; letter-spacing:-.022em; }
.article-top h1 { text-wrap:balance; }
.article-copy { accent-color:var(--accent); }
.article-copy ::selection { background:#f5d3cc; color:var(--ink); }
@media (hover:none) { .post-image { transition:none; } }
@media print {
  .site-header,.site-footer,.toc-sidebar,.reading-tools,.reading-progress,.preferred-button,.post-direction,.related-stories { display:none!important; }
  .article-main { padding:0!important; }
  .article-layout { display:block!important; }
  .article-copy { font-size:11.5pt!important;line-height:1.55!important;max-width:none!important; }
  .article-top h1 { color:#111!important; }
  .article-featured { max-height:9cm; }
}