/*
Theme Name: MatchDay Inked
Theme URI: https://matchdaystories.com/
Description: 잉크드 내러티브 — 신문 지면형 스포츠 만화 뉴스 테마. 홈 / 카테고리 / 기사 상세 3종 템플릿.
Author: MatchDay Stories
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: matchday-inked
*/

/* ===========================================================
   이 파일은 목업(TEMPLATE_category_v4 / TEMPLATE_detail)에서
   자동 추출한 것입니다. 목업을 고치면 다시 추출해 덮어씁니다.
   =========================================================== */

/* =========================================================
   MATCHDAY STORIES — 통합 카테고리 템플릿 v4
   그리드 6편을 '하나의 모자이크'로 배치한다.
   · 모든 사진 4:3 고정, 칸의 폭과 높이는 전부 다름
   · a는 두 행에 걸쳐 세로로 길고, b·e는 가로형 카드
   · 칸이 넓을수록 제목이 크고 발췌가 붙는다 (지면 위계)
   ========================================================= */
:root{
  --paper-bg:#fcf9f2; --ink:#1c1c18; --ink-soft:#5a5d5e;
  --accent:#9b4432; --rule:#1a1a1a; --hair:rgba(26,26,24,.2);
  --wrap:1280px; --gap:26px;
}
*{box-sizing:border-box}
body{
  margin:0;color:var(--ink);font-family:"Noto Serif KR",Georgia,serif;line-height:1.68;
  background-color:var(--paper-bg);
  background-image:
    radial-gradient(circle at 15% 25%,rgba(155,68,50,.04) 0%,transparent 45%),
    radial-gradient(circle at 85% 60%,rgba(0,0,0,.03) 0%,transparent 50%),
    radial-gradient(circle at 40% 80%,rgba(133,131,131,.05) 0%,transparent 45%),
    linear-gradient(165deg,rgba(252,249,242,0) 0%,rgba(229,226,219,.3) 100%),
    url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), url("assets/paper-texture.png");
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,no-repeat;
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,400px 400px,cover;
  background-attachment:fixed;background-position:center;
  background-blend-mode:multiply,multiply,multiply,normal,overlay,normal;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.label{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.thumb{display:block;overflow:hidden;border:2px solid var(--rule);aspect-ratio:3/2}
.thumb img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.07)}

header.mast{padding:26px 0 0}
.mast-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.mast-top .label{color:var(--ink-soft);white-space:nowrap}
.wordmark{font-family:"Playfair Display",serif;font-weight:900;
  font-size:clamp(1.8rem,5.4vw,3.4rem);letter-spacing:-.02em;line-height:1;text-align:center;flex:1}
nav.cats{border-top:3px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:14px}
nav.cats ul{display:flex;gap:30px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:9px 0}
nav.cats a{font-family:"Noto Sans KR",sans-serif;font-size:13px;font-weight:700;color:var(--ink-soft)}
nav.cats .on{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:2px}
.dateline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  padding:7px 0;border-bottom:1px solid var(--rule);color:var(--ink-soft)}

.cat-head{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;padding:32px 0 10px}
.cat-name{font-family:"Noto Sans KR",sans-serif;font-weight:900;line-height:.9;
  font-size:clamp(2.6rem,8vw,5rem);letter-spacing:-.03em;margin:0}
.cat-note{color:var(--ink-soft);padding-bottom:8px;margin:0}
.cat-note b{color:var(--accent)}
.rule-thick{border:0;border-top:3px solid var(--rule);margin:0 0 28px}

/* 리드 : 지면 최대 사진 */
.lead{display:grid;grid-template-columns:8fr 4fr;gap:30px;align-items:start;
  padding-bottom:26px;border-bottom:3px solid var(--rule);margin-bottom:26px}
.lead .thumb{border-width:3px}
.lead h2{font-family:"Noto Sans KR",sans-serif;font-weight:900;letter-spacing:-.025em;
  font-size:clamp(1.7rem,3.1vw,2.5rem);line-height:1.16;margin:.1rem 0 .6rem}
.lead .dek{margin:0 0 .9rem;font-size:1.02rem;color:#33363a}
.badge{display:inline-block;background:var(--accent);color:#fff;padding:3px 9px}

/* ===== 세로 단(段) 배치 : 폭이 다른 3개 단에 기사를 쌓는다 =====
   행 개념이 없으므로 칸끼리 높이를 맞출 필요가 없고, 죽은 여백도 생기지 않는다.
   단의 폭이 다르므로 사진 크기와 제목 크기가 자연히 달라진다.
   아래쪽이 들쭉날쭉하게 끝나는 것이 신문 지면의 정상적인 모습이다. */
.grid{display:grid;grid-template-columns:5fr 4fr 3fr;column-gap:var(--gap);align-items:start;
  padding-bottom:26px;border-bottom:3px solid var(--rule);margin-bottom:26px}
.col{display:flex;flex-direction:column;min-width:0}
.col + .col{padding-left:var(--gap);border-left:1px solid var(--hair)}
.story + .story{margin-top:22px;padding-top:20px;border-top:1px solid var(--hair)}
.story .thumb{margin-bottom:10px}
.kicker{margin:0 0 3px;font-family:"Space Mono",monospace;font-size:10.5px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}
.story h3{font-family:"Noto Sans KR",sans-serif;font-weight:800;line-height:1.28;margin:0 0 6px}
.story h3 a:hover{color:var(--accent)}
.story .dek{margin:0 0 7px;font-size:.9rem;color:#3c3f43}
.story .meta{margin:0;font-family:"Space Mono",monospace;font-size:10.5px;color:var(--ink-soft)}
/* 단 폭에 따른 제목 위계 */
.story.lg h3{font-size:1.34rem}
.story.md h3{font-size:1.12rem}
.story.sm h3{font-size:.99rem}
/* 사진 없는 단신 — 신문에서 칼럼을 메우는 짧은 기사 */
.story.text{border-left:3px solid var(--rule);padding-left:14px}
.story.text h3{font-size:1.06rem}

.past h4{font-family:"Noto Sans KR",sans-serif;font-weight:900;font-size:.94rem;margin:0 0 6px}
.past ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.past li{border-bottom:1px solid var(--hair)}
.past a{display:flex;align-items:baseline;gap:14px;padding:12px 2px}
.past a:hover{background:rgba(181,36,36,.05)}
.row-date{font-family:"Space Mono",monospace;font-size:11px;color:var(--ink-soft);min-width:82px}
.row-tag{font-family:"Space Mono",monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);min-width:64px}
.row-title{font-weight:600}

.pager{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:32px 0 10px}
.pager a,.pager span{font-family:"Space Mono",monospace;font-size:12px;border:1px solid var(--rule);padding:8px 13px}
.pager .now{background:var(--rule);color:var(--paper-bg)}
.pager .dots{border:0;padding:8px 2px;color:var(--ink-soft)}
.pager a:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.archive-link{text-align:center;padding-bottom:44px}
.archive-link a{border-bottom:2px solid var(--accent);font-weight:700;font-size:.92rem}

footer.foot{border-top:3px solid var(--rule);margin-top:10px;padding:30px 0 46px;
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
footer.foot h5{font-family:"Playfair Display",serif;font-size:1.3rem;margin:0 0 8px}
footer.foot p{margin:0;color:var(--ink-soft);font-size:.87rem}
footer.foot ul{list-style:none;margin:0;padding:0;font-size:.87rem;line-height:2}
.copy{grid-column:1/-1;border-top:1px solid var(--hair);padding-top:14px;color:var(--ink-soft);font-size:.78rem}

/* 태블릿 : 모자이크를 6칼럼 2단으로 접는다 */
@media (max-width:1000px){
  /* 태블릿 : 3단 → 2단. 세 번째 단은 아래로 내려 전폭 */
  .lead{grid-template-columns:1fr}
  .grid{grid-template-columns:1fr 1fr}
  .col:nth-child(3){grid-column:1/-1;padding-left:0;border-left:0;
    margin-top:22px;padding-top:20px;border-top:3px solid var(--rule)}
}
@media (max-width:640px){
  /* 모바일 : 한 단으로 세운다 */
  .grid{grid-template-columns:1fr;row-gap:24px}
  .col + .col{padding-left:0;border-left:0;margin-top:22px;padding-top:20px;
    border-top:3px solid var(--rule)}
  .story h3{font-size:1.12rem !important}
  footer.foot{grid-template-columns:1fr}
  .row-tag{display:none}
  .past a{flex-wrap:wrap;gap:6px}
}


/* ===== 기사 상세 ===== */

/* =========================================================
   상세 페이지 전용 — 카테고리 템플릿의 지면/머리글/꼬리를 그대로 상속
   대표 이미지 슬롯은 3:2 하나.
   기존 글의 4:5 4컷은 이 칸에서 잘려 들어간다(의도된 과도기 처리).
   ========================================================= */
.art-head{padding:30px 0 6px;max-width:900px}
.art-kicker{font-family:"Space Mono",monospace;font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.art-title{font-family:"Noto Sans KR",sans-serif;font-weight:900;letter-spacing:-.03em;
  font-size:clamp(1.9rem,4.4vw,3.3rem);line-height:1.14;margin:0 0 12px}
.art-sub{font-family:"Noto Serif KR",serif;font-size:clamp(1rem,1.6vw,1.22rem);
  color:#3c3f43;line-height:1.6;margin:0 0 18px}
.byline{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:12px 0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  font-family:"Space Mono",monospace;font-size:11px;color:var(--ink-soft);
  letter-spacing:.1em;text-transform:uppercase;max-width:900px}
.byline .who{color:var(--ink);font-weight:700}

/* 대표 이미지 + 캡션 */
figure.hero{margin:26px 0 8px}
figure.hero .thumb{border-width:3px}
figure.hero figcaption{margin-top:9px;font-size:.84rem;color:var(--ink-soft);
  border-left:3px solid var(--accent);padding-left:11px;line-height:1.55;max-width:840px}

/* 본문 + 곁단 */
.art-body{display:grid;grid-template-columns:8fr 4fr;gap:44px;align-items:start;
  padding-top:26px;border-top:3px solid var(--rule);margin-top:20px}
.prose{max-width:760px}
.prose p{margin:0 0 1.15rem;font-size:1.06rem;line-height:1.85;text-align:justify;
  word-break:keep-all;text-justify:inter-word}
/* 첫 문단 드롭캡 — 신문 본문의 시작 신호 */
.prose p.first::first-letter{float:left;font-family:"Noto Sans KR",sans-serif;font-weight:900;
  font-size:3.5em;line-height:.82;margin:.06em .12em 0 0;color:var(--ink)}
.pullquote{margin:1.6rem 0;padding:18px 0;border-top:3px solid var(--rule);
  border-bottom:1px solid var(--rule)}
.pullquote p{font-family:"Noto Sans KR",sans-serif;font-weight:800;font-size:1.3rem;
  line-height:1.45;margin:0 0 8px;text-align:left}
.pullquote cite{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--accent);font-style:normal}
.sources{margin-top:26px;padding-top:14px;border-top:1px solid var(--hair)}
.sources h5{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--ink-soft);margin:0 0 8px}
.sources ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.sources a{font-size:.9rem;border-bottom:1px solid var(--accent)}

/* 곁단 */
.aside{position:sticky;top:20px}
.aside h4{font-family:"Noto Sans KR",sans-serif;font-weight:900;font-size:.92rem;
  margin:0 0 8px;padding-bottom:7px;border-bottom:3px solid var(--rule)}
.aside ul{list-style:none;margin:0 0 26px;padding:0}
.aside li{border-bottom:1px solid var(--hair)}
.aside a{display:block;padding:11px 2px}
.aside a:hover{background:rgba(181,36,36,.05)}
.aside .row-title{display:block;font-weight:600;font-size:.94rem;line-height:1.4;margin-bottom:3px}
.aside .row-date{font-family:"Space Mono",monospace;font-size:10px;color:var(--ink-soft)}
.subscribe{background:var(--rule);color:var(--paper-bg);padding:18px}
.subscribe p{margin:0 0 10px;font-size:.88rem;line-height:1.55}
.subscribe .btn{display:block;text-align:center;background:var(--accent);color:#fff;
  padding:10px;font-family:"Noto Sans KR",sans-serif;font-weight:700;font-size:.86rem}

/* 이전 / 다음 */
.prevnext{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:34px;
  padding-top:20px;border-top:3px solid var(--rule)}
.prevnext a{display:block;padding:6px 0}
.prevnext .lbl{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);display:block;margin-bottom:5px}
.prevnext .t{font-family:"Noto Sans KR",sans-serif;font-weight:700;font-size:1rem;line-height:1.35}
.prevnext .next{text-align:right;border-left:1px solid var(--hair);padding-left:26px}

/* 관련 기사 */
.related-wrap{margin-top:38px;padding-top:20px;border-top:3px solid var(--rule)}
.related-wrap h4{font-family:"Noto Sans KR",sans-serif;font-weight:900;font-size:1rem;margin:0 0 16px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}

@media (max-width:1000px){
  .art-body{grid-template-columns:1fr;gap:30px}
  .aside{position:static}
}
@media (max-width:640px){
  .related{grid-template-columns:1fr}
  .prevnext{grid-template-columns:1fr}
  .prevnext .next{text-align:left;border-left:0;padding-left:0;
    border-top:1px solid var(--hair);padding-top:14px}
  .prose p{text-align:left}
}


/* ===== 워드프레스 기본 클래스 보정 ===== */
.screen-reader-text{position:absolute!important;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.alignleft{float:left;margin:.4rem 1.4rem .8rem 0}
.alignright{float:right;margin:.4rem 0 .8rem 1.4rem}
.aligncenter{display:block;margin:1rem auto}
.wp-caption-text{font-size:.84rem;color:var(--ink-soft);margin-top:6px}
.prose img{max-width:100%;height:auto}
.prose ul,.prose ol{margin:0 0 1.15rem;padding-left:1.3rem}
.prose li{margin-bottom:.4rem;line-height:1.8}
.prose a{border-bottom:1px solid var(--accent)}
.prose strong{font-weight:700}
.prose hr{border:0;border-top:1px solid var(--hair);margin:1.6rem 0}
.no-thumb{display:flex;align-items:center;justify-content:center;
  font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.2em;color:var(--ink-soft);
  background:repeating-linear-gradient(45deg,transparent,transparent 5px,rgba(26,26,24,.05) 5px,rgba(26,26,24,.05) 10px)}

/* ===========================================================
   홈(1면) — 목업 v2.0 이식 (front-page.php)
   호버 · 괘선 애니메이션 · 패널 기울기까지 목업 그대로.
   목업과 다른 점은 사진 비율뿐 (16:9·4:3 → 3:2 통일)
   =========================================================== */
@keyframes ink-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.ink-stroke{height:4px;background:#000;position:relative;overflow:hidden}
.ink-stroke::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);
  animation:ink-shimmer 3s infinite}
.ink-stroke.wide{margin:0 0 44px}
.manga-panel-offset{transform:rotate(-.5deg)}
.manga-panel-offset-alt{transform:rotate(.5deg)}
.button-hover-effect{transition:transform .2s,box-shadow .2s}
.button-hover-effect:hover{transform:translate(4px,4px);box-shadow:-4px -4px 0 var(--accent)}

/* 오늘의 날짜줄 */
.today-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  margin:26px 0 24px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.2);
  font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.today-meta .d{color:var(--accent);font-weight:700}

/* 리드 + 곁단 */
.lead-grid{display:grid;grid-template-columns:8fr 4fr;gap:32px;align-items:stretch;margin-bottom:48px}
.hero-card{position:relative;display:block;overflow:hidden;border:4px solid #000;
  background:#e5e2db;transition:transform .3s}
.hero-card:hover{transform:scale(1.01)}
.hero-card .halftone{position:absolute;inset:0;z-index:10;pointer-events:none;
  background-image:radial-gradient(#000 10%,transparent 11%);background-size:4px 4px;opacity:.05}
.hero-card{aspect-ratio:3/2}
.hero-card .hero-img{display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(1);transition:filter .5s}
.hero-card:hover .hero-img{filter:grayscale(0)}
.hero-card .hero-panel{position:absolute;left:0;right:0;bottom:0;z-index:20;display:block;
  background:var(--paper-bg);border-top:4px solid #000;padding:24px}
.hero-card .badge{display:inline-block;background:var(--accent);color:#fff;padding:4px 12px;
  font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  margin-bottom:12px}
.hero-card .h2{display:block;font-family:"Noto Sans KR",sans-serif;font-weight:800;
  font-size:clamp(1.6rem,3.4vw,3rem);line-height:1.06;letter-spacing:-.02em;margin-bottom:14px}
.hero-card .dek{display:block;font-family:"Noto Serif KR",serif;font-size:1.02rem;line-height:1.6;
  color:var(--ink-soft);max-width:44rem}

.side-col{display:flex;flex-direction:column;gap:18px}
.side-h{font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);font-weight:700;margin:0}
.pop-list{display:flex;flex-direction:column;gap:22px}
.pop{display:flex;gap:16px;align-items:flex-start}
.pop .num{font-family:"Playfair Display",serif;font-weight:900;font-size:3rem;line-height:.85;
  color:#e5e2db;transition:color .2s;flex:none}
.pop:hover .num{color:var(--accent)}
.pop .h4{display:block;font-family:"Noto Sans KR",sans-serif;font-weight:700;font-size:1.16rem;
  line-height:1.28;margin-bottom:7px;text-decoration:underline 2px transparent;
  text-underline-offset:3px;transition:text-decoration-color .2s}
.pop:hover .h4{text-decoration-color:var(--accent)}
.pop .p{font-family:"Noto Serif KR",serif;font-size:.88rem;line-height:1.55;color:var(--ink-soft);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.side-col .hair{border-top:1px solid rgba(0,0,0,.1)}

.subbox{margin-top:auto;background:#000;color:#fff;padding:24px}
.subbox .label{margin:0 0 14px;font-family:"Space Mono",monospace;font-size:11px;
  text-transform:uppercase;color:rgba(255,255,255,.75)}
.subbox .quote{margin:0 0 18px;font-family:"Playfair Display",serif;font-style:italic;
  font-size:1.16rem;line-height:1.45}
.subbox .btn{display:block;text-align:center;background:var(--accent);color:#fff;padding:13px;
  border:2px solid #000;font-family:"Space Mono",monospace;font-size:12.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase}

/* 카테고리 3단 */
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-bottom:44px}
.col{display:flex;flex-direction:column;gap:22px}
.col-head{display:flex;align-items:center;gap:9px}
.col-head .material-symbols-outlined{color:var(--accent);font-size:22px}
.col-head h3{margin:0;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:700}
.feat{display:flex;flex-direction:column;gap:14px}
.framed{display:block;border:2px solid #000;overflow:hidden}
.framed{aspect-ratio:3/2}
.framed img{display:block;width:100%;height:100%;object-fit:cover;
  filter:grayscale(1);transition:filter .3s}
.framed:hover img{filter:grayscale(0)}
.framed .no-thumb{display:flex;width:100%;aspect-ratio:3/2}
.feat h4{margin:0;font-family:"Noto Sans KR",sans-serif;font-weight:800;font-size:1.42rem;line-height:1.25}
.feat h4 a:hover{color:var(--accent)}
.feat p{margin:0;font-family:"Noto Serif KR",serif;font-size:.9rem;line-height:1.6;color:var(--ink-soft)}
.feat .rt{font-family:"Space Mono",monospace;font-size:11px;color:var(--accent);font-weight:700}
.col .sub{border-top:2px solid rgba(0,0,0,.1);padding-top:16px}
.col .sub h5{margin:0 0 5px;font-family:"Noto Sans KR",sans-serif;font-weight:700;
  font-size:1.06rem;line-height:1.3}
.col .sub h5 a:hover{color:var(--accent)}
.col .sub p{margin:0;font-family:"Noto Serif KR",serif;font-size:.86rem;line-height:1.55;color:var(--ink-soft)}
.sec-more{display:inline-block;margin-top:auto;font-family:"Space Mono",monospace;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--accent)}

/* 뉴스레터 · 아카이브 */
.home-strip{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:44px}
.strip-news{background:#000;color:#fff;padding:26px}
.strip-arch{border:2px solid #000;padding:26px}
.strip-news .label{color:rgba(255,255,255,.7)}
.strip-arch .label{color:var(--ink-soft)}
.home-strip .label{margin:0 0 8px;font-family:"Space Mono",monospace;font-size:11px;
  letter-spacing:.08em;text-transform:uppercase}
.home-strip h4{margin:0 0 18px;font-family:"Noto Sans KR",sans-serif;font-weight:800;
  font-size:1.2rem;line-height:1.35}
.strip-news .btn{display:inline-block;background:var(--accent);color:#fff;padding:12px 26px;
  border:2px solid #000;font-family:"Space Mono",monospace;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase}

/* 제호 로고 */
.wordmark .logo{display:block;height:clamp(46px,7vw,92px);width:auto;margin:0 auto}

@media (max-width:1000px){
  .lead-grid{grid-template-columns:1fr;gap:26px}
  .cols3{grid-template-columns:1fr 1fr;gap:34px}
  .cols3 .col:nth-child(3){grid-column:1/-1}
  .hero-card .hero-panel{position:static;border-top:4px solid #000}
}
@media (max-width:640px){
  .cols3{grid-template-columns:1fr}
  .cols3 .col:nth-child(3){grid-column:auto}
  .home-strip{grid-template-columns:1fr}
  .manga-panel-offset,.manga-panel-offset-alt{transform:none}
}

/* ===========================================================
   제호부 — 목업 v2.0 치수에 맞춤 (header.php)
   =========================================================== */
.mast{padding:22px 0 0}
.mast-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mast-top .issue{white-space:nowrap;color:var(--ink-soft)}
.wordmark{flex:1;text-align:center}
.wordmark a{display:inline-block;font-family:"Playfair Display",serif;font-weight:900;
  font-size:clamp(1.9rem,6vw,4.5rem);line-height:1;letter-spacing:-.02em;color:var(--ink);
  text-transform:uppercase;white-space:nowrap}
.mast-icons{display:flex;gap:14px;color:var(--ink);flex:none}
.mast-icons .material-symbols-outlined{font-size:26px}

nav.cats{display:flex;align-items:center;justify-content:center;gap:20px;position:relative;
  margin-top:16px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
nav.cats ul{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;list-style:none;margin:0;padding:11px 0}
nav.cats a{font-family:"Noto Sans KR",sans-serif;font-size:14px;font-weight:700;color:var(--ink)}
nav.cats a:hover{color:var(--accent)}
nav.cats .on{color:var(--accent);border-bottom:2px solid var(--accent);padding-bottom:3px}
nav.cats .lang{position:absolute;right:0;top:50%;transform:translateY(-50%)}
nav.cats .lang ul{gap:12px;padding:0}
nav.cats .lang a{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-soft)}

/* 내비 아래 굵은 괘선 — 목업의 heavy divider */
.mast::after{content:"";display:block;height:4px;background:#000;margin-top:0}

/* 날짜줄은 굵은 괘선 아래 */
.mast .today-meta{margin:18px 0 24px}

@media (max-width:900px){
  nav.cats{flex-direction:column;gap:4px}
  nav.cats .lang{position:static;transform:none;padding-bottom:8px}
  nav.cats ul{gap:20px}
  .mast-icons{display:none}
}

/* WP 가 넣는 width/height 속성이 비율 지정을 무력화하는 것을 막는다 */
.framed img,.hero-card .hero-img,.thumb img{height:100%!important}
.framed,.hero-card,.thumb{aspect-ratio:3/2}