/*
Theme Name: EpicViral Journal
Author: EpicViral
Description: A lightweight editorial news theme with featured stories, topic navigation and readable article layouts.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: epicviral
License: GNU General Public License v2 or later
*/
:root{--paper:#faf9f6;--ink:#20231f;--muted:#666b62;--line:#dedfd7;--red:#c8322b;--serif:Georgia,'Times New Roman',serif;--sans:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--red);outline-offset:4px}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.screen-reader-text,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:100;background:var(--ink);color:white;padding:12px 20px}.utility{display:flex;justify-content:space-between;align-items:center;padding-block:13px;font-size:11px;font-weight:600;letter-spacing:.035em;border-bottom:1px solid var(--line)}.utility>span{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);flex-shrink:0}.masthead{display:flex;align-items:center;gap:30px;padding-block:30px}.brand{font-size:clamp(30px,4vw,51px);font-weight:900;letter-spacing:-.075em;line-height:1;white-space:nowrap}.brand>span{font-weight:450}.brand>b{color:var(--red)}.brand-note{border-left:1px solid var(--line);padding-left:23px;font-size:12px;color:var(--muted);line-height:1.5}.edition-link{margin-left:auto;font-size:12px;font-weight:650}.edition-link>span{margin-left:20px;color:var(--red);font-size:20px}.navigation-wrap{border-top:1px solid var(--line);border-bottom:2px solid var(--ink)}.navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px}.nav-links{display:flex;gap:27px;align-items:center;list-style:none;margin:0;padding:0;font-size:12px;font-weight:700}.nav-links a{display:block;padding:17px 0;position:relative}.nav-links a[aria-current=page],.current-menu-item>a{color:var(--red)}.nav-links a[aria-current=page]:after,.current-menu-item>a:after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--red)}.header-search{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line);padding-left:20px}.header-search input{width:130px;border:0;background:transparent;font-size:12px;color:var(--ink);padding:8px 0;min-width:0}.header-search button{border:0;background:transparent;padding:7px 0 7px 5px;display:flex;color:var(--ink)}.menu-toggle{display:none}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;padding-block:34px 27px}.eyebrow{font:700 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--red);display:inline-block}.section-heading h1{font:normal clamp(27px,3vw,39px)/1.15 var(--serif);letter-spacing:-.035em;margin:9px 0 0}.heading-aside{font-size:11px;color:var(--muted);padding-bottom:4px}.archive-description{max-width:680px;color:var(--muted);margin-top:13px}.lead-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:34px;padding-bottom:35px}.story-media{display:block;overflow:hidden;aspect-ratio:1.49;background:#e5e7df}.story-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.story-media:hover img{transform:scale(1.025)}.lead-media{aspect-ratio:1.75}.media-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 25% 15%,#e9edda 0,transparent 65%),linear-gradient(135deg,#d1d9c7,#a0ada1);color:#35443c;position:relative}.placeholder-word{font:900 clamp(40px,7vw,88px)/1 var(--sans);letter-spacing:-.1em;opacity:.7}.placeholder-word>span{color:var(--red)}.placeholder-caption{font-size:8px;letter-spacing:.22em;margin-top:20px}.lead-copy{padding-top:19px}.lead-copy h2{font:700 clamp(29px,3.2vw,46px)/1.07 var(--serif);letter-spacing:-.04em;margin:9px 0 13px}.lead-copy p{font-size:14px;line-height:1.75;max-width:640px;color:var(--muted);margin-bottom:17px}.story-meta{display:flex;gap:15px;color:var(--muted);font-size:10px;line-height:1.5}.story-meta>span:before{content:'·';margin-right:15px}.side-stories{border-left:1px solid var(--line);padding-left:30px}.side-heading{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:750;letter-spacing:.12em;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.side-story{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.side-story .story-media{aspect-ratio:1}.side-story .placeholder-word{font-size:35px}.side-story .placeholder-caption{display:none}.side-story h2{font:700 21px/1.17 var(--serif);letter-spacing:-.025em;margin:7px 0 13px}.side-story .story-meta{flex-wrap:wrap;gap:4px 10px}.side-story .story-meta>span:before{margin-right:10px}.editorial-note{background:#eeefe8;padding:25px 26px;border-top:3px solid var(--ink)}.editorial-note p{font:normal 30px/1.16 var(--serif);letter-spacing:-.03em;margin:13px 0 19px}.editorial-note a{font-size:11px;font-weight:650}.editorial-note a>span{margin-left:15px;color:var(--red)}.section-rule{border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:15px;padding-block:19px 23px}.section-rule h2{font:700 25px/1.2 var(--serif);letter-spacing:-.03em;margin:0}.section-rule>span{font-size:9px;color:var(--muted);letter-spacing:.13em}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}.card-copy{padding-top:15px}.card-copy h2{font:700 27px/1.13 var(--serif);letter-spacing:-.025em;margin:8px 0 10px}.card-copy p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:16px}.latest-section{margin-bottom:44px}.topic-section{margin-block:34px 55px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:1px solid var(--line);border-top:1px solid var(--line)}.topic{display:flex;align-items:center;gap:15px;padding:24px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .2s}.topic:hover{background:#eeefe8}.topic h3{font:normal 24px/1.2 var(--serif);margin:0}.topic-number{font-size:9px;color:var(--muted)}.topic>span:last-child{margin-left:auto;color:var(--red);font-size:22px}.welcome-panel{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid var(--line);min-height:420px}.welcome-copy{padding:60px 50px;background:#f1f1e9;display:flex;flex-direction:column;align-items:start;justify-content:center}.welcome-copy h2{font:normal clamp(36px,4.3vw,58px)/1.07 var(--serif);letter-spacing:-.045em;margin:16px 0 22px}.welcome-copy p{font-size:14px;color:var(--muted);max-width:380px;line-height:1.8;margin-bottom:25px}.button{display:inline-block;background:var(--ink);color:white;padding:12px 20px;font-size:12px;font-weight:650;border:1px solid var(--ink)}.button:hover{background:var(--red);color:white;border-color:var(--red)}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:5px}.welcome-art{position:relative;overflow:hidden;background:#dfe6d7;display:flex;align-items:center;justify-content:center;min-height:340px}.art-letters{font-size:clamp(90px,15vw,200px);font-weight:900;letter-spacing:-.1em;z-index:1;line-height:1}.art-letters>span{color:var(--red)}.art-orbit{position:absolute;border:1px solid #acb7a7;width:420px;height:420px;border-radius:50%}.orbit-one{transform:translate(-90px,70px)}.orbit-two{transform:translate(100px,-70px)}.orbit-three{width:280px;height:280px;transform:translate(80px,130px)}.art-caption{position:absolute;bottom:25px;left:28px;font-size:10px;letter-spacing:.22em}.site-footer{background:#eeefe8;border-top:1px solid var(--line);margin-top:25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:40px 30px}.footer-top .brand{font-size:34px}.footer-top p{font-size:12px;color:var(--muted);margin:13px 0 0}.footer-feed{font-size:12px;font-weight:600}.footer-bottom{border-top:1px solid #d1d4c9;display:flex;justify-content:space-between;gap:20px;padding-block:18px;font-size:10px;color:var(--muted)}.footer-bottom>div{display:flex;gap:25px}.article{padding-top:45px}.article-header{max-width:850px;margin-inline:auto}.article-header h1{font:700 clamp(35px,4.4vw,63px)/1.07 var(--serif);letter-spacing:-.045em;margin:17px 0 22px;overflow-wrap:anywhere}.article-deck{font:normal 21px/1.6 var(--serif);color:var(--muted)}.article-byline{display:flex;gap:12px;align-items:center;margin-block:24px 32px}.author-avatar{display:flex}.author-avatar img{border-radius:50%;width:42px;height:42px}.author-name{display:block;font-size:12px;font-weight:650;margin-bottom:3px}.article-image{margin:0 0 35px}.article-image>img{display:block;width:100%;max-height:660px;object-fit:cover}.article-image figcaption{font-size:11px;color:var(--muted);margin-top:9px}.article-layout{display:grid;grid-template-columns:160px minmax(0,740px);gap:50px;justify-content:center}.article-aside{display:flex;flex-direction:column;align-items:start;gap:12px;border-top:1px solid var(--line);padding-top:18px;font-size:11px;color:var(--muted)}.article-aside a{font-weight:650;color:var(--ink);margin-top:10px}.article-content{font:normal 20px/1.85 var(--serif);overflow-wrap:anywhere;min-width:0}.article-content p{margin-bottom:1.5em}.article-content h2{font-size:32px;letter-spacing:-.025em;margin-top:1.6em}.article-content h3{font-size:26px;margin-top:1.4em}.article-content a{text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--red)}.article-content blockquote{margin:30px 0;padding:8px 0 8px 28px;border-left:3px solid var(--red);font-size:26px;line-height:1.5}.article-content blockquote p:last-child{margin-bottom:0}.article-content figcaption{font:12px/1.5 var(--sans);color:var(--muted)}.article-content pre{max-width:100%;overflow:auto;background:#eeefe8;padding:20px;font-size:14px}.article-content table{border-collapse:collapse;width:100%;font-size:16px}.article-content td,.article-content th{border:1px solid var(--line);padding:10px}.article-content iframe{max-width:100%}.article-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.article-tags a{font:11px/1.5 var(--sans);background:#eeefe8;padding:5px 10px;text-decoration:none}.article-end{font:900 23px/1 var(--sans);letter-spacing:-.08em;text-align:center;margin:35px 0 45px}.article-end>span{color:var(--red)}.related-stories{margin-block:35px 50px}.page-article{padding-block:45px;max-width:800px;margin-inline:auto}.not-found{padding:75px 0 100px}.not-found h1{font:normal clamp(40px,5vw,65px)/1.05 var(--serif);letter-spacing:-.035em;margin-top:18px}.not-found p{color:var(--muted)}.pagination{margin:30px 0 45px;font-size:13px}.nav-links .page-numbers,.pagination .page-numbers{display:inline-block;padding:8px 13px;border:1px solid var(--line)}.pagination .current{background:var(--ink);color:white}.comments-area{border-top:1px solid var(--line);padding-top:25px;font:14px/1.7 var(--sans)}.comments-area h2,.comments-area h3{font:700 25px/1.2 var(--serif)}.comments-area label{display:block;font-size:12px}.comments-area input:not([type=checkbox]),.comments-area textarea{width:100%;max-width:100%;padding:10px;border:1px solid var(--line);background:white}.comments-area input[type=submit]{width:auto;background:var(--ink);color:white;padding:11px 20px}.comment-list{padding-left:20px}.comment-body{margin-bottom:25px}.comment-author .avatar{border-radius:50%;margin-right:8px}.comment-metadata{font-size:11px;color:var(--muted)}.alignwide{width:100%}.aligncenter{margin-inline:auto}.wp-block-image{margin-inline:0}.wp-block-button__link{font-family:var(--sans)}
@media(min-width:1440px){.container{width:min(1320px,calc(100% - 100px))}.lead-copy h2{font-size:50px}}
@media(max-width:1050px){.container{width:calc(100% - 48px)}.nav-links{gap:18px}.header-search input{width:105px}.lead-grid{gap:24px;grid-template-columns:1.6fr 1fr}.side-stories{padding-left:22px}.side-story{grid-template-columns:80px 1fr;gap:13px}.side-story h2{font-size:19px}.welcome-copy{padding:40px 30px}.article-layout{grid-template-columns:130px minmax(0,1fr);gap:35px}.story-grid{gap:25px 20px}.card-copy h2{font-size:24px}}
@media(max-width:800px){.brand-note{display:none}.heading-aside{display:none}.navigation{flex-wrap:wrap;gap:0;position:relative}.menu-toggle{display:flex;align-items:center;gap:15px;background:transparent;border:0;padding:15px 0;font-size:12px;font-weight:700}.navigation nav{display:none;width:100%;order:3;border-top:1px solid var(--line)}.navigation nav.is-open{display:block}.navigation .nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;padding:8px 0}.nav-links a{padding:10px 0}.nav-links a[aria-current=page]:after,.current-menu-item>a:after{display:none}.header-search{border:0;padding-left:0}.header-search input{width:145px}.lead-grid{grid-template-columns:1fr}.side-stories{border-left:0;border-top:1px solid var(--line);padding:20px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-heading{grid-column:1/-1;margin:0;padding-bottom:14px}.side-story{margin:0;padding-bottom:20px}.editorial-note{grid-column:1/-1}.editorial-note p{font-size:27px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-panel{grid-template-columns:1.2fr 1fr;min-height:340px}.welcome-copy h2{font-size:38px}.welcome-art{min-height:340px}.article-layout{grid-template-columns:1fr;gap:20px}.article-aside{flex-direction:row;align-items:center;gap:18px}.article-aside a{margin:0 0 0 auto}.article-content{max-width:740px}.article-header{max-width:740px}.article-header h1{font-size:45px}}
@media(max-width:540px){.container{width:calc(100% - 36px)}.utility{font-size:9px;padding-block:10px}.utility>span{gap:6px}.utility time{font-size:9px}.masthead{padding-block:24px;gap:15px}.brand{font-size:35px}.edition-link{font-size:0}.edition-link>span{font-size:23px;margin:0}.section-heading{padding-block:25px 22px}.section-heading h1{font-size:29px;max-width:300px}.lead-copy h2{font-size:34px}.lead-copy p{font-size:13px}.lead-grid{padding-bottom:25px}.side-stories{grid-template-columns:1fr}.side-story{grid-template-columns:105px 1fr}.side-story h2{font-size:22px}.editorial-note{padding:22px}.story-grid{grid-template-columns:1fr;gap:29px}.story-card .story-media{aspect-ratio:1.65}.card-copy h2{font-size:28px}.card-copy p{font-size:14px}.section-rule h2{font-size:24px}.section-rule>span{display:none}.topic{padding:20px 13px;gap:9px}.topic h3{font-size:20px}.topic>span:last-child{font-size:18px}.topic-number{font-size:8px}.welcome-panel{grid-template-columns:1fr}.welcome-copy{padding:34px 25px}.welcome-copy h2{font-size:41px}.welcome-art{min-height:230px}.art-letters{font-size:145px}.art-orbit{width:330px;height:330px}.orbit-three{width:200px;height:200px}.topic-section{margin-bottom:35px}.footer-top{align-items:start;padding-block:30px;gap:20px}.footer-top .brand{font-size:28px}.footer-top p{max-width:210px;font-size:11px}.footer-feed{font-size:11px;white-space:nowrap}.footer-bottom{font-size:9px}.footer-bottom>div{gap:15px}.article{padding-top:30px}.article-header h1{font-size:38px}.article-deck{font-size:19px}.article-image{margin-inline:-18px}.article-image figcaption{padding-inline:18px}.article-content{font-size:19px;line-height:1.8}.article-content h2{font-size:29px}.article-content blockquote{font-size:24px;padding-left:20px}.article-aside{gap:12px;font-size:10px}.article-aside .eyebrow{display:none}.page-article{padding-top:30px}.header-search input{width:125px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}