/*
Theme Name: NEXT SHIFT Editorial
Theme URI: https://nextshift-tech.com/
Author: NEXT SHIFT
Description: A minimalist, responsive Japanese technology magazine with dynamic featured stories, latest posts, and topic sections. Designed for NEXT SHIFT.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.8
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: nextshift-editorial
Tags: blog, news, custom-logo, featured-images, block-styles, responsive-layout
*/
:root{--ink:#111111;--sub:#686868;--line:#e6e6e6;--paper:#fff;--mist:#f6f6f6;--wide:1240px;--content:790px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{opacity:.7}button,input{font:inherit}img{max-width:100%;height:auto}figure{margin:0}.container{max-width:var(--wide);margin:auto;padding-inline:30px}.skip-link{position:absolute;left:-9999px;top:12px;background:var(--ink);color:white;padding:10px 16px;z-index:1000}.skip-link:focus{left:12px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.top-strip{border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.16em;font-weight:750;color:#777}.top-strip .container{min-height:30px;display:flex;align-items:center;justify-content:space-between}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:105px;gap:20px}.brand{display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,4.6vw,63px);font-weight:950;line-height:1;letter-spacing:-.065em;white-space:nowrap}.brand-dot{margin-left:1px}.brand-note{color:#777;font-size:11px;line-height:1.5;text-align:right;letter-spacing:.06em}.site-header .custom-logo{max-width:330px;height:auto}.nav-border{border-top:2px solid #111}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:53px}.menu-links{display:flex;gap:clamp(14px,2.6vw,38px);align-items:center;flex-wrap:wrap}.menu-links a{font-size:11px;font-weight:850;letter-spacing:.14em}.search-form{display:flex;align-items:center;border-bottom:1px solid #aaa;gap:6px}.search-form input[type=search]{border:0;outline:none;max-width:140px;width:100%;font-size:12px;background:transparent;padding:7px 2px}.search-form button{font-weight:800;border:0;background:transparent;cursor:pointer;font-size:17px}.mobile-nav{display:none}.eyebrow,.kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:850}.muted{color:var(--sub)}.home-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:44px 0 16px}.home-intro .section-title{font-size:14px;margin:0;letter-spacing:.14em;font-weight:900}.home-intro p{font-size:11px;color:var(--sub);margin:0}.lead-layout{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(260px,.9fr);gap:36px}.lead-story{display:block}.lead-image,.placeholder-cover{aspect-ratio:16/9;width:100%;background:#e9e9e9;display:block;overflow:hidden}.lead-image img,.post-thumbnail img{display:block;aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;transition:transform .35s ease}.lead-story:hover img,.post-card:hover img{transform:scale(1.025)}.placeholder-cover{position:relative;background:linear-gradient(135deg,#f0f0f0 0%,#dedede 52%,#f6f6f6 100%);display:flex;align-items:end;padding:6%;isolation:isolate;overflow:hidden}.placeholder-cover:before{content:"";position:absolute;width:57%;aspect-ratio:1;border:1px solid rgba(0,0,0,.12);border-radius:100%;right:-10%;top:-25%;box-shadow:0 0 0 60px rgba(0,0,0,.035),0 0 0 125px rgba(0,0,0,.025);z-index:-1}.placeholder-cover .placeholder-text{font:900 clamp(25px,4vw,53px)/1 Arial,sans-serif;letter-spacing:-.075em;color:#333;max-width:70%}.lead-title{font-size:clamp(26px,3.2vw,43px);letter-spacing:-.035em;line-height:1.42;margin:11px 0 8px;font-weight:900}.lead-desc{color:#666;font-size:13px;line-height:1.8;max-width:95%;margin:0}.story-meta{color:#858585;font-size:11px;letter-spacing:.025em}.lead-meta{margin-top:15px;display:flex;gap:14px;align-items:center}.lead-rail{border-top:3px solid #111}.rail-header{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.rail-item{display:grid;grid-template-columns:35px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:21px 0}.rail-number{font:900 22px/1 Arial,sans-serif;color:#ccc}.rail-item h3{font-size:15px;line-height:1.65;margin:0;font-weight:800}.rail-item p{margin:6px 0 0;font-size:10px;color:#888}.section{margin-top:78px}.section-head{border-top:3px solid #111;padding-top:15px;display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:25px}.section-head h2{margin:0;font:900 clamp(22px,2.5vw,33px)/1.2 Arial,sans-serif;letter-spacing:-.035em}.section-head a{font-size:11px;letter-spacing:.09em;font-weight:800}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.post-card{min-width:0}.post-thumbnail{aspect-ratio:16/9;background:#e8e8e8;overflow:hidden}.card-meta{margin-top:13px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:#888}.cat-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#111}.post-card h3{font-size:17px;letter-spacing:-.012em;line-height:1.55;margin:6px 0 7px;font-weight:850}.post-card p{font-size:12px;color:#777;line-height:1.8;margin:0}.empty-section{padding:48px 30px;text-align:center;background:#f7f7f7;color:#666;border:1px solid #eee}.empty-section strong{display:block;color:#161616;font-size:20px;margin-bottom:6px}.empty-section p{margin:0;font-size:13px}.split-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;margin-top:80px}.topic-list{display:flex;flex-direction:column}.topic-row{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:14px 0}.topic-row h3{margin:0;font-size:14px;line-height:1.65}.topic-row .post-thumbnail{aspect-ratio:4/3}.topic-row .story-meta{margin-top:5px}.topic-empty{background:#f5f5f5;padding:30px 20px;color:#666;font-size:12px}.footer-promo{margin-top:85px;background:#111;color:white}.footer-promo .container{padding-block:55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px}.footer-promo h2{font:900 clamp(35px,5vw,70px)/1 Arial,sans-serif;letter-spacing:-.06em;margin:0}.footer-promo p{color:#bbb;font-size:13px;line-height:1.8;margin:0}.site-footer{padding:30px 0 40px;border-top:1px solid #eee}.footer-row{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;align-items:center}.footer-row small{font-size:10px;color:#777}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.footer-links a{font-size:11px;color:#555}.footer-disclosure{font-size:10px;color:#888;margin-top:18px}.page-shell{max-width:var(--content);margin:55px auto 95px;padding:0 25px}.article-heading{margin:10px 0 24px;font-size:clamp(32px,5vw,50px);line-height:1.35;letter-spacing:-.035em;font-weight:900}.article-lead{margin:0 0 30px;color:#777;font-size:14px}.article-hero{margin:25px 0 35px}.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-body{font-size:16px;line-height:2;overflow-wrap:anywhere}.article-body p{margin:1.3em 0}.article-body h2{font-size:1.6em;margin:2.2em 0 .9em;line-height:1.45;border-bottom:2px solid #111;padding-bottom:.35em}.article-body h3{font-size:1.28em;margin:1.8em 0 .65em}.article-body a{text-decoration:underline}.article-body img{max-width:100%;height:auto}.article-body blockquote{border-left:3px solid #111;margin:26px 0;padding:5px 0 5px 23px;color:#555}.article-body table{width:100%;border-collapse:collapse;font-size:14px}.article-body td,.article-body th{padding:10px;border:1px solid #ddd}.article-body .wp-block-button__link{color:#fff;background:#111;padding:12px 25px;border-radius:2px}.article-body .wp-block-image,.article-body figure{margin:25px 0}.post-bottom{border-top:1px solid var(--line);padding:22px 0;margin-top:45px;font-size:13px;color:#666}.post-bottom a{text-decoration:underline}.ad-warning{margin:20px 0;padding:12px 18px;border:1px solid #ddd;background:#fafafa;font-size:12px}.archive-header{border-bottom:3px solid #111;padding-bottom:24px;margin:48px 0 35px}.archive-header h1{font-size:clamp(37px,5vw,62px);margin:8px 0 5px;letter-spacing:-.06em;line-height:1.1}.archive-header p{color:#666;font-size:13px;margin:10px 0}.pagination{margin:40px 0 70px;font-size:13px}.pagination .page-numbers{display:inline-block;padding:8px 13px;border:1px solid #ddd;margin-right:6px}.pagination .current{background:#111;color:#fff}.search-page-form{max-width:530px;margin:30px 0}.search-page-form input[type=search]{border:1px solid #bbb;padding:12px;width:75%}.search-page-form button{border:0;background:#111;color:white;padding:13px}.wp-block-separator{border-color:#ddd}.alignwide{max-width:var(--wide);margin-inline:auto}.alignfull{max-width:none;margin-inline:calc(50% - 50vw)}
@media(max-width:900px){.lead-layout{grid-template-columns:1fr}.lead-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.rail-header{grid-column:1/-1}.rail-item{grid-template-columns:28px 1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-topics{gap:24px}.brand-note{display:none}}
@media(max-width:650px){.container{padding-inline:18px}.top-strip{display:none}.masthead{min-height:78px}.brand{font-size:37px}.site-nav{min-height:46px}.site-nav .menu-links{display:none}.search-form input[type=search]{max-width:118px}.mobile-nav{display:block}.mobile-nav summary{font-weight:900;font-size:11px;letter-spacing:.15em;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav[open] .mobile-menu-list{position:absolute;left:0;right:0;z-index:10;background:#fff;border-bottom:1px solid #ddd;padding:16px 22px;display:flex;flex-direction:column;gap:10px}.mobile-menu-list a{font-size:13px;font-weight:750}.home-intro{margin-top:30px}.lead-title{font-size:28px}.lead-rail{grid-template-columns:1fr;gap:0}.rail-item{padding:15px 0}.section{margin-top:55px}.section-head h2{font-size:27px}.card-grid{grid-template-columns:1fr;gap:26px}.post-card h3{font-size:19px}.split-topics{grid-template-columns:1fr;gap:40px;margin-top:55px}.footer-promo{margin-top:55px}.footer-promo .container{grid-template-columns:1fr;padding-block:35px}.footer-promo h2{font-size:45px}.article-heading{font-size:34px}.article-body{font-size:15px}.page-shell{margin-top:36px}.footer-links{gap:12px}}
