/*
Theme Name: JPOP Meaning
Version: 1.0.0
Author: MaybeSoft
Description: Illustrated English music journal.
Text Domain: jpop-meaning
License: GPL-2.0-or-later
*/
:root{--paper:#f8f5eb;--ink:#2d332b;--muted:#6e7568;--line:#d9dbcb;--rust:#9d4938;--sand:#eae8d7;--serif:Georgia,"Times New Roman",serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--serif)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--rust);outline-offset:5px}.skip{position:fixed;top:-60px;left:10px;padding:10px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}.shell{width:min(1250px,calc(100% - 100px));margin-inline:auto}.preview-bar{font:9px/1.5 var(--sans);letter-spacing:1.4px;text-align:center;padding:8px 20px;background:#e8e8d8;color:#626857}.preview-bar span{margin-left:15px;letter-spacing:.3px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:32px 0 27px;gap:30px}.wordmark{display:flex;gap:8px;align-items:center;font:800 clamp(28px,4.7vw,64px)/1 var(--sans);letter-spacing:-3.3px}.wordmark>span{font-weight:400}.wordmark i{color:var(--rust);font:25px var(--serif);margin-left:12px;border:1px solid #b47660;padding:1px 6px;transform:rotate(-5deg)}.masthead-note{font:italic 14px/1.6 var(--serif);color:var(--muted);border-left:1px solid var(--line);padding-left:22px}.nav{display:flex;justify-content:space-between;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);padding:15px 0;font:11px/1.5 var(--sans)}.nav>div{display:flex;gap:32px}.search-link span{font:21px/0 var(--sans);margin-left:10px}.cover{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-block:58px}.eyebrow{font:9px/1.6 var(--sans);letter-spacing:1.7px;text-transform:uppercase;margin:0}.eyebrow span{margin-left:18px;color:var(--rust)}.cover-copy{padding:10px 0;display:flex;flex-direction:column;align-items:flex-start}.cover h1{font:clamp(42px,4.5vw,67px)/1.07 var(--serif);letter-spacing:-2.5px;margin:30px 0 23px}h1 em,h2 em{font-weight:normal;color:var(--rust)}.dek{color:var(--muted);font-size:17px;line-height:1.8;max-width:390px;margin:0 0 25px}.read-link{font:11px/1.6 var(--sans);display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-bottom:1px solid var(--rust);padding:10px 0;background:none;color:var(--ink)}.read-link:hover{color:var(--rust)}.read-link>span{font-size:18px}.cover-bottom{display:flex;justify-content:space-between;width:100%;gap:15px;font:8px var(--sans);letter-spacing:1px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:auto}.cover-copy>.read-link{margin-bottom:48px}.cover-art{position:relative;min-height:480px;display:block;background:#788364;overflow:hidden}.cover-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% center;transition:transform .6s ease}.cover-art:hover>img{transform:scale(1.025)}.cover-art:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#18231bd9)}.cover-caption{position:absolute;left:30px;right:30px;bottom:24px;z-index:1;color:#fcf8ec}.cover-caption>span{font:8px var(--sans);letter-spacing:2px}.cover-caption>strong{display:block;font:46px/1.05 var(--serif);letter-spacing:-1px;margin:12px 0 22px}.cover-caption>div{display:flex;justify-content:space-between;align-items:center;font:9px var(--sans);letter-spacing:1px}.cover-caption>div>span+span{font-size:27px}.art-tab{position:absolute;top:20px;left:20px;background:var(--paper);padding:6px 10px;font:8px var(--sans);letter-spacing:1px;z-index:2}.editor-note{display:flex;align-items:center;gap:28px;border-block:1px solid var(--line);padding-block:28px}.note-icon{font:80px/.6 var(--serif);color:var(--rust);margin-top:13px}.editor-note p{font:italic 18px/1.5 var(--serif);margin:0}.note-side{margin-left:auto;font:8px var(--sans);letter-spacing:1.1px;color:var(--muted)}.reading-room{padding-block:65px 85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading h2{font:43px/1.1 var(--serif);letter-spacing:-1.5px;margin:14px 0 0}.section-heading h2>span{color:var(--rust)}.edition-label{font:8px var(--sans);letter-spacing:1.3px;color:var(--muted)}.search-form{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.search-form label{font:11px var(--sans);color:var(--muted)}.search-box{display:flex;width:55%;border:1px solid var(--line);background:#fbf9f1}.search-box input{font:12px var(--sans);min-width:0;width:100%;border:0;background:transparent;padding:14px 16px;color:var(--ink)}.search-box button{font:10px var(--sans);white-space:nowrap;background:#e9e9d9;border:0;border-left:1px solid var(--line);padding:0 20px;color:var(--ink)}.search-summary{font:9px var(--sans);color:var(--muted);margin:18px 0 25px}.essay-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.essay-image img{width:100%;height:360px;object-fit:cover;display:block}.essay-copy{padding:10px 0}.essay-copy h3{font:40px/1.12 var(--serif);letter-spacing:-1.3px;margin:22px 0 16px}.essay-copy>a:hover h3{color:var(--rust)}.essay-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:440px;line-height:1.8}.essay-meta{display:flex;align-items:center;gap:25px;font:8px var(--sans);letter-spacing:1px;border-top:1px solid var(--line);padding-top:15px;margin:22px 0 14px;color:var(--muted)}.essay-meta>span:first-child{font-size:12px}.empty-state{border-block:1px solid var(--line);padding:45px 0;max-width:650px}.empty-state h3{font:29px var(--serif)}.empty-state p{color:var(--muted)}[hidden]{display:none!important}.about-strip{background:var(--sand);border-block:1px solid var(--line);padding:60px 0}.about-strip h2{font:44px/1.22 var(--serif);letter-spacing:-1.4px;margin:23px 0}.about-strip-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px}.about-strip-bottom p{font-size:15px;line-height:1.8;max-width:550px;color:#5d6956;margin:0}.footer{padding-top:45px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.footer-brand{font:bold 22px var(--sans);letter-spacing:-1px}.footer-brand span{margin-left:12px;color:var(--rust);font:19px var(--serif)}.footer p{font:italic 14px var(--serif);color:var(--muted)}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font:10px var(--sans)}.footer-links a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;font:8px var(--sans);letter-spacing:.6px;color:var(--muted)}.article-heading{padding-top:30px}.breadcrumb{font:10px var(--sans);color:var(--muted)}.article-title{text-align:center;padding:35px 0 43px}.article-title h1{font:clamp(45px,6.2vw,85px)/1.02 var(--serif);letter-spacing:-3px;margin:25px 0}.article-subtitle{font:18px/1.65 var(--serif);max-width:600px;margin:0 auto;color:var(--muted)}.article-meta{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font:8px var(--sans);letter-spacing:1.2px;border-top:1px solid var(--line);padding-top:22px;margin:30px auto 0;max-width:750px}.article-layout{display:grid;grid-template-columns:195px minmax(0,820px);gap:55px;justify-content:center;padding-bottom:50px}.contents{position:sticky;top:30px;align-self:start;padding-top:28px}.contents>a:not(.back-top){display:flex;gap:12px;border-bottom:1px solid var(--line);padding:15px 0;font:12px/1.6 var(--serif)}.contents>a>span{font:8px var(--sans);padding-top:4px;color:var(--rust)}.reading-note{font:italic 13px/1.7 var(--serif);color:var(--muted);margin-top:30px}.back-top{display:block;margin-top:24px;font:9px var(--sans);color:var(--muted)}.prose{min-width:0}.intro{font:22px/1.8 var(--serif);max-width:670px;margin:20px auto 37px;color:#4c5747}.intro:first-letter{float:left;font:65px/.95 var(--serif);margin:9px 8px 0 0;color:var(--rust)}.prose figure{margin:0 0 30px}.prose figure img{width:100%;height:auto;display:block}.prose-inner{max-width:650px;margin-inline:auto}.section-number{font:8px var(--sans);letter-spacing:1.8px;color:var(--rust);margin:0 0 15px}.prose h2{font:34px/1.2 var(--serif);letter-spacing:-.8px;margin:0 0 24px}.prose-inner>p:not(.section-number){font:18px/1.95 var(--serif);color:#424b3f;margin:20px 0}.essay-section{padding-bottom:44px;scroll-margin-top:30px}.essay-end{display:flex;gap:25px;align-items:center;border-block:1px solid var(--line);padding:18px 0}.essay-end>span{font-size:36px;color:var(--rust)}.essay-end>p{font-style:italic!important}.editorial-note{margin-top:30px;padding:20px;background:#eaeadd}.editorial-note strong{font:10px var(--sans);text-transform:uppercase;letter-spacing:1px}.editorial-note>p{font:12px/1.8 var(--sans)!important;color:var(--muted)!important;margin-bottom:0!important}.article-return{display:flex;justify-content:space-between;gap:25px;margin:35px auto 0;max-width:650px}.reading-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:10;pointer-events:none}.reading-progress>div{width:0;height:100%;background:var(--rust)}.about-page{padding-block:65px}.about-page>h1{font:68px/1.1 var(--serif);letter-spacing:-2.5px;margin:25px 0}.about-lead{font:20px/1.75 var(--serif);color:var(--muted)}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.about-photo img{width:100%;height:auto;display:block}.about-photo>span{font:8px var(--sans);letter-spacing:1.8px;display:block;padding-top:17px;color:var(--muted)}.about-text h2{font:26px var(--serif);margin:0 0 15px}.about-text h2:not(:first-child){margin-top:30px}.about-text p{font:16px/1.9 var(--serif);color:#56604f}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:40px;border-top:1px solid var(--line);margin-top:60px}.principles span{font:9px var(--sans);color:var(--rust)}.principles h3{font:26px var(--serif);margin:20px 0 15px}.principles p{font:14px/1.8 var(--serif);color:var(--muted)}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.cover{gap:35px}.cover h1{font-size:51px}.cover-art{min-height:440px}.cover-caption strong{font-size:40px}.cover-bottom{font-size:7px}.article-layout{grid-template-columns:150px minmax(0,1fr);gap:30px}.essay-card{gap:32px}.essay-copy h3{font-size:34px}.note-side{display:none}.intro{font-size:20px}.prose-inner{padding-inline:10px}}
@media(max-width:720px){.shell{width:calc(100% - 38px)}.masthead{padding:23px 0}.wordmark{font-size:clamp(23px,6vw,42px);letter-spacing:-1.5px;gap:5px}.wordmark i{font-size:16px;margin-left:3px}.masthead-note{font-size:10px;padding-left:12px}.nav{font-size:10px;padding-block:13px}.nav>div{gap:18px}.search-link{font-size:9px}.cover{grid-template-columns:1fr;padding-block:35px;gap:22px}.cover h1{font-size:clamp(44px,9vw,64px);margin-top:23px}.dek{font-size:16px;max-width:470px}.cover-copy>.read-link{margin-bottom:25px}.cover-bottom{padding-top:16px;margin-top:0}.cover-art{min-height:420px;max-height:none}.cover-caption{left:24px;right:24px}.cover-caption>strong{font-size:44px}.editor-note{padding-block:23px;gap:18px}.editor-note p{font-size:16px}.note-icon{font-size:65px}.reading-room{padding-block:43px 50px}.section-heading{display:block}.section-heading h2{font-size:36px}.edition-label{display:block;margin-top:18px}.search-form{display:block}.search-box{width:100%;margin-top:12px}.search-box input{font-size:11px;padding:13px 11px}.search-box button{padding:0 14px}.essay-card{grid-template-columns:1fr;gap:22px}.essay-image img{height:auto}.essay-copy h3{font-size:36px;margin-top:15px}.essay-copy>p:not(.eyebrow){font-size:16px}.essay-meta{gap:20px;font-size:7px}.about-strip{padding-block:40px}.about-strip h2{font-size:34px}.about-strip-bottom{display:block}.about-strip-bottom p{font-size:14px}.about-strip-bottom .read-link{margin-top:22px}.footer{grid-template-columns:1fr;gap:24px;padding-top:32px}.footer-links{align-items:flex-start}.footer-bottom{gap:20px;flex-wrap:wrap;font-size:8px}.article-title{padding-top:30px}.article-title h1{font-size:58px;letter-spacing:-2px}.article-subtitle{font-size:17px}.article-meta{gap:15px;font-size:7px;letter-spacing:.8px}.article-layout{grid-template-columns:1fr;gap:25px}.contents{position:static;border-block:1px solid var(--line);padding:20px 0}.contents>a:not(.back-top){padding:8px 0;border:0;font-size:13px}.contents .eyebrow{margin-bottom:9px}.reading-note,.back-top{display:none}.intro{font-size:20px;margin-top:0}.prose-inner{padding:0}.prose h2{font-size:31px}.prose-inner>p:not(.section-number){font-size:18px;line-height:1.9}.prose figure{margin-bottom:25px}.essay-section{padding-bottom:33px}.editorial-note{padding:18px}.article-return{flex-direction:column;align-items:flex-start;gap:12px}.about-page{padding-block:40px}.about-page>h1{font-size:47px;letter-spacing:-1.5px}.about-lead{font-size:18px}.about-columns{grid-template-columns:1fr;gap:35px;margin-top:35px}.principles{grid-template-columns:1fr;gap:25px;margin-top:40px}.principles h3{margin-top:13px}.principles p{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-art>img{transition:none}}

.wp-content{max-width:820px;margin:0 auto;padding:35px 0 65px}.wp-content img{max-width:100%;height:auto}.wp-content p{font-size:19px;line-height:1.9}.wp-content h2{font-size:34px}.pagination{padding:25px 0}.page-numbers{padding:10px}.cover-caption h2{font:44px/1.1 var(--serif);margin:15px 0}.essay-copy h2{font:36px/1.15 var(--serif)}