/* =====================================================================
   한국어 한 조각 — 한국어 홈 · 회차 페이지 (2026-11 개편)
   글꼴과 색은 day.css 의 디자인 시스템을 그대로: 제목 리디바탕 · 섹션 제목 마루부리 굵게 · 이름 오르빗 · 대문자 Fjalla One · 본문 Pretendard · 손글씨 감자꽃
   모양: 둥근 상자 없음 — 선과 여백. Easy=파랑, K-Real=빨강, 오늘의 표현=금색
   ===================================================================== */
:root{--easy:#3F5596;--real:#A0473A;--gold:#C27A12;--line:rgba(122,90,48,.25);--lab:#5C4424;--f-sec:"Maru Buri","RIDIBatang",serif}
body.k-page{margin:0;font-family:var(--f-body);font-weight:300;color:var(--ink);-webkit-font-smoothing:antialiased;
  background:linear-gradient(180deg,#FFF7EA 0,#FBE8CC 900px,#F7ECDC 1800px,#F4EEE4 3200px,#F1ECE4 100%);background-color:#F1ECE4}
.k-page a{color:inherit;text-decoration:none}
.k-page a:hover{opacity:.72}
.k-page svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.k-page img{max-width:100%}
.k-wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.k-sec{padding-top:clamp(64px,9vw,96px)}
.hand{font-family:var(--f-hand)}
.g{background:linear-gradient(transparent 60%,rgba(244,196,72,.55) 60%);padding:0 2px}
.k-caps{font-family:var(--f-caps);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--label-korean)}
.k-caps.gold{color:var(--gold)}
.k-lab{font-family:var(--f-label);font-size:14px;letter-spacing:.06em;color:var(--lab)}
.k-note{font-size:14px;color:var(--ink-muted);margin:24px 0 0}
.k-note.top{margin:-12px 0 28px}
html[lang=en] .k-lang .en,html:not([lang=en]) .k-lang .kr{font-weight:600;color:var(--ink)}

/* 머리 — 늘 위에 고정 */
.k-top{position:sticky;top:0;z-index:30;background:rgba(255,247,234,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(42,35,29,.14)}
.k-top-in{max-width:1280px;margin:0 auto;padding:16px clamp(20px,4vw,48px);display:flex;align-items:center;gap:clamp(18px,3vw,44px)}
.k-logo{font-family:var(--f-title);font-size:19px;white-space:nowrap;display:inline-flex;gap:8px;align-items:center}
.k-logo i{font-style:normal;font-size:15px}
.k-nav{display:flex;gap:clamp(16px,2.4vw,32px);font-size:15px;font-weight:400}
.k-nav a{white-space:nowrap;padding:4px 0}
.k-nav a.on{font-weight:500;border-bottom:1.5px solid currentColor}
.k-tools{margin-left:auto;display:flex;align-items:center;gap:18px;font-size:14px}
.k-find{display:flex;gap:7px;align-items:center;white-space:nowrap}
.k-ic{display:inline-flex}.k-ic svg{width:21px;height:21px}
.k-tools{gap:22px;margin-left:0}
.k-nav{margin-left:auto}
@media (max-width:900px){.k-tools{margin-left:auto}.k-nav{margin-left:0}}
.k-lang{font:inherit;font-size:13px;background:none;border:0;padding:4px 0;cursor:pointer;color:#A89C8E;display:flex;gap:4px}
.k-lang i{font-style:normal}
.k-lang b{font-weight:400}
.k-crumb{border-top:1px solid rgba(42,35,29,.08);background:#FBF2E4}
.k-crumb-in{max-width:1280px;margin:0 auto;padding:9px clamp(20px,4vw,48px);display:flex;align-items:center;gap:10px 16px;font-size:14px;color:var(--ink-muted);flex-wrap:wrap}
.k-bc{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.k-bc a{color:#7A7068;border-bottom:1px solid transparent}
.k-bc a:hover{opacity:1;color:var(--ink);border-bottom-color:currentColor}
.k-bc i{font-style:normal;color:#B5A898}
.k-bc b{font-weight:500}
.k-crumb-nav{margin-left:auto;display:flex;gap:6px}
.k-crumb-nav a{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(42,35,29,.25);padding:5px 12px;color:var(--ink);font-weight:500;background:#FFFDF8}
.k-crumb-nav svg{width:15px;height:15px}

/* 섹션 제목 — 진한 선 위 */
.k-scene,.k-feat,#scenes,#find,#learn{scroll-margin-top:120px}
.k-sh{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1.5px solid var(--ink);padding-bottom:16px;margin-bottom:32px}
.k-sh .k-lab,.k-sh>div>span:first-child{display:block;margin-bottom:10px;font-family:var(--f-label);font-size:15px;letter-spacing:.06em;color:var(--lab)}
.k-sh h2{font-family:var(--f-sec);font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.2;letter-spacing:-.03em;margin:0}
.k-sh.small{margin-bottom:8px}
.k-sh.small h2{font-size:28px}
.k-h2{font-family:var(--f-sec);font-weight:700;font-size:26px;margin:0 0 16px}

/* 단추 */
.k-btns{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-top:22px}
.k-btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-caps);font-size:14px;letter-spacing:.1em;text-transform:uppercase;padding:12px 18px}
.k-btn.dark{background:var(--ink);color:#FFF7EA}
.k-btn.line{border:1px solid var(--ink)}
.k-btn svg{width:17px;height:17px}

/* 표지(홈) */
.k-cover{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(56px,8vw,84px) 24px 40px}
.k-time{font-family:var(--f-label);font-size:17px;line-height:1.35;letter-spacing:.06em;color:var(--label-korean)}
.k-cover h1{font-family:var(--f-title);font-weight:400;font-size:clamp(40px,6vw,72px);line-height:1.2;letter-spacing:-.02em;margin:20px 0 0}
.k-quote{margin:24px 0 0;font-size:15px;line-height:1.8;color:var(--ink-muted)}
.k-quote span{font-family:var(--f-label);font-size:13px;color:var(--label-korean)}
.k-pano{margin:0}
.k-pano div{position:relative;width:100%;aspect-ratio:21/8;min-height:240px;overflow:hidden}
.k-pano img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block}
.k-pano figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font-size:13px;color:var(--ink-muted)}

/* 장면 카드 */
.k-follow{display:flex;gap:10px}
.k-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(28px,5vw,56px);align-items:center;padding:4px 0 48px}
.k-feat-t{display:flex;flex-direction:column;gap:14px}
.k-feat-t h3{font-family:var(--f-sec);font-weight:700;font-size:clamp(30px,3.4vw,40px);line-height:1.3;margin:0;letter-spacing:-.03em}
.k-feat-t p{margin:0;font-size:16px;line-height:1.85;color:#4A4038}
.k-exs b{font-weight:500}
.k-feat-c{display:flex;flex-direction:column;gap:16px}
.k-past{padding:0 0 14px}
.k-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 40px}
.k-scene{display:flex;flex-direction:column;gap:14px;padding-top:18px;border-top:1px solid var(--ink)}
.k-scene[hidden]{display:none}
.k-scene-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.k-scene-h b{font-family:var(--f-sec);font-weight:600;font-size:21px;margin-left:6px}
.k-tile{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--line)}
.k-scene .k-tile:nth-child(2),.k-feat-c .k-tile:first-child{border-top:0;padding-top:4px}
.k-tile.big{grid-template-columns:128px minmax(0,1fr);gap:24px}
.k-tile:hover .k-ttl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.k-tile:hover .k-cov img{transform:scale(1.03)}
.k-cov{position:relative;aspect-ratio:9/16;overflow:hidden;background:#E9DCC8}
.k-cov img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.k-cov i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:rgba(42,35,29,.62);color:#FFF7EA;display:grid;place-items:center;font-size:11px;font-style:normal}
.k-tbody{display:flex;flex-direction:column;gap:10px;min-width:0;padding-top:2px}
.k-trow{display:flex;align-items:center;gap:10px}
.k-pill{font-family:var(--f-caps);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:var(--c);color:#FFFFFF;border-radius:999px;padding:3px 10px 2px;line-height:1.4}
.k-day{font-family:var(--f-label);font-size:12px;color:var(--ink-muted)}
.k-ext{margin-left:auto;display:flex;gap:12px;color:var(--ink-muted);position:relative;z-index:2}
.k-ext svg{width:18px;height:18px}
.k-ser{font-family:var(--f-caps);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--c,var(--label-korean))}
.k-ttl{font-family:var(--f-title);font-size:21px;line-height:1.45;word-break:keep-all}
.k-ttl::after{content:"";position:absolute;inset:0;z-index:1}
.k-tile.big .k-ttl{font-size:25px}
.hl{background:linear-gradient(transparent 58%,rgba(244,196,72,.6) 58%);padding:0 2px}
.k-ex{font-size:14px;color:var(--ink-muted)}
.k-ex b{font-weight:600;color:var(--ink);margin-left:6px}
.k-ex b+b::before{content:"·";margin:0 6px 0 -2px;color:var(--ink-muted);font-weight:300}
.k-more{display:flex;justify-content:center;padding-top:34px}
.k-morebtn{font:inherit;font-size:15px;font-weight:500;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;cursor:pointer;color:var(--ink)}

/* 이웃 */
.k-mem{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.k-mem-i{padding:4px 30px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.k-mem-i:first-child{padding-left:0;border-left:0}
.k-mem-i b{font-family:var(--f-sec);font-weight:600;font-size:22px}
.k-mem-i p{margin:0;font-size:14px;line-height:1.75;color:#4A4038}

/* 표현 찾기 */
.k-find-box{position:relative;max-width:860px}
.k-find-in{display:flex;align-items:center;gap:16px;background:#FFFDF8;border:1.5px solid var(--ink);padding:16px 22px}
.k-find-in svg{width:24px;height:24px}
.k-find-in input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:21px;color:var(--ink);font-weight:400}
.k-find-res{background:#FFFDF8;border:1.5px solid var(--ink);border-top:0;box-shadow:0 24px 40px -24px rgba(42,35,29,.35);max-height:440px;overflow:auto}
.k-find-res h4{font-family:var(--f-caps);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);margin:0;padding:14px 22px 6px}
.k-find-res h4+a{border-top:0}
.k-find-res a{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:18px;align-items:baseline;padding:11px 22px}
.k-find-res a:hover{background:rgba(194,122,18,.08);opacity:1}
.k-find-res a b{font-family:var(--f-title);font-weight:400;font-size:21px}
.k-find-res a span{font-size:15px;color:#4A4038}
.k-find-res a small{font-family:var(--f-label);font-size:12px;color:var(--c)}
.k-find-res a.ep{grid-template-columns:36px minmax(0,1fr) auto;align-items:center}
.k-find-res a.ep img{width:36px;aspect-ratio:9/16;object-fit:cover;display:block}
.k-find-res p{margin:0;padding:16px 22px;color:var(--ink-muted);font-size:15px}
.k-pop{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:baseline;margin-top:24px;font-size:15px}
.k-pop button{font:inherit;background:none;border:0;border-bottom:1px solid var(--line);padding:0 0 2px;cursor:pointer;color:var(--ink)}

/* 만드는 방식 · 응원 */
.k-about{margin:0;text-align:center;font-family:var(--f-label);font-size:13px;letter-spacing:.04em;color:var(--ink-muted);border-top:1px solid var(--line);padding-top:24px}
.k-support{text-align:center;margin:56px 0 0;font-size:26px;color:var(--label-korean)}
.k-support a{border-bottom:1px solid currentColor;display:inline-flex;align-items:baseline;gap:6px}
.k-support svg{width:24px;height:24px;align-self:center}

/* ───── 회차 페이지 ───── */
.k-hero-ep{padding-top:52px}
.k-switch{display:flex;width:max-content;max-width:100%;border:1px solid var(--ink);margin-bottom:26px;flex-wrap:wrap}
.k-switch>*{font-family:var(--f-caps);font-size:13px;letter-spacing:.12em;text-transform:uppercase;padding:10px 18px;color:var(--c)}
.k-switch .on{background:var(--c);color:#FFFFFF}
.k-switch a{color:#9A9088;transition:color .2s,background .2s}
.k-switch a:hover{opacity:1;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}
.k-nav a:not(.on){color:#7A7068}.k-nav a:not(.on):hover{opacity:1;color:var(--ink)}
.k-hero-ep h1{font-family:var(--f-title);font-weight:400;font-size:clamp(36px,5.4vw,64px);line-height:1.25;letter-spacing:-.02em;margin:14px 0 0;word-break:keep-all}
.k-en{margin:12px 0 0;font-size:21px;color:var(--ink-muted)}
.k-sum{margin:20px 0 0;font-size:16px;line-height:1.85;color:#4A4038;max-width:720px}
.k-watch{padding-top:44px;display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start}
.k-vid{position:relative;aspect-ratio:9/16;overflow:hidden;background:#E9DCC8}
.k-vid img{width:100%;height:100%;object-fit:cover;display:block}
.k-vid button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;border:0;background:rgba(42,35,29,.75);color:#FFF7EA;font-size:22px;cursor:pointer}
.k-vid .k-caps{position:absolute;left:14px;bottom:12px;color:#FFFFFF;font-size:12px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
.k-vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.k-vid.ig{aspect-ratio:auto;height:auto;background:#FFFFFF}
.k-vid.ig>img,.k-vid.ig>button,.k-vid.ig>.k-caps{display:none}
.k-vid.ig iframe{position:static;display:block;height:min(760px,90vh)}
.k-dlg ul,.k-dlg ol{list-style:none;margin:10px 0 0;padding:0}
.k-dlg li{padding:12px 0;border-bottom:1px dashed var(--line);font-size:15px;color:var(--ink-muted);line-height:1.6}
.k-dlg li b{display:block;font-family:var(--f-title);font-weight:400;font-size:21px;color:var(--ink);margin-bottom:2px}
.k-dlg p{font-size:16px;line-height:1.85}
.k-ans{margin-top:16px}
.k-ans summary{cursor:pointer;font-weight:500;border-bottom:1px solid currentColor;display:inline-block}
.k-membox{margin-top:48px;border:1.5px solid var(--ink);background:rgba(255,253,248,.6);padding:26px 32px}
.k-membox>div{display:flex;flex-direction:column;gap:12px}
.k-membox svg{width:18px;height:18px}
.k-membox h3{font-family:var(--f-sec);font-weight:700;font-size:24px;margin:0}
.k-membox ul{margin:0;padding:0 0 0 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 32px;font-size:14px;line-height:1.7;color:#4A4038}
.k-blk{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;padding:36px 0;border-top:1px solid var(--line)}
.k-blk:first-of-type{border-top:0;padding-top:8px}
.k-blk-h{display:flex;flex-direction:column;gap:8px}
.k-num{font-family:var(--f-label);font-size:14px;color:var(--lab)}
.k-blk-h h3{font-family:var(--f-sec);font-weight:700;font-size:26px;line-height:1.35;margin:0;letter-spacing:-.02em;word-break:keep-all}
.k-sub{font-size:14px;color:var(--ink-muted)}
.k-blk-b{font-size:17px;line-height:1.9;color:#3A322B}
.k-blk-b p{margin:0 0 10px}
.k-blk-b ul,.k-blk-b ol{margin:10px 0 0;padding-left:20px}
.k-blk-b li{padding:5px 0}
.k-blk-b i{color:var(--ink-muted)}
.k-book{margin:18px 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;font-size:15px;color:#3A322B;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:860px}
.k-book b{font-weight:500}
.k-book a{margin-left:auto;font-size:14px;font-weight:500;border-bottom:1px solid currentColor;white-space:nowrap}
.k-tag{font-family:var(--f-label);font-size:12px;letter-spacing:.06em;color:var(--lab);border:1px solid var(--lab);border-radius:999px;padding:4px 12px}
.k-tdl{margin:0;display:grid;gap:0}
.k-tdl>div{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;padding:14px 0;border-bottom:1px dashed var(--line)}
.k-tdl dt{font-family:var(--f-label);font-size:14px;color:var(--lab);padding-top:3px}
.k-tdl dd{margin:0;font-size:16px;line-height:1.8;color:#3A322B}
.k-tdl b{font-weight:500}
.k-teach{margin-top:18px;border:1px solid var(--ink);padding:16px 22px;background:rgba(255,253,248,.6)}
.k-teach summary{cursor:pointer;font-weight:500;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}
.k-teach summary::-webkit-details-marker{display:none}
.k-teach summary::after{content:"＋";font-weight:400}
.k-teach[open] summary::after{content:"－"}
.k-teach-b{padding-top:18px;font-size:16px;line-height:1.85}
.k-teach-b img{display:block;margin:10px 0 20px}
.k-cardrow{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:center}
.k-cards{display:flex;flex-direction:column;gap:22px}
.k-card{margin:0;background:transparent;filter:drop-shadow(0 16px 24px rgba(42,35,29,.18))}
.k-card img{display:block;width:100%}
.k-cardtxt{font-size:15px;line-height:1.8;color:#4A4038}
.k-cardtxt aside{display:block}
.k-nexts{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:28px}
.k-next{display:flex;flex-direction:column;gap:8px;border-top:2px solid var(--c);padding-top:18px}
.k-next b{font-family:var(--f-title);font-weight:400;font-size:21px;line-height:1.4}
.k-next small{font-size:14px;color:var(--ink-muted)}
.k-next.big{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px}
.k-next.big img{width:96px;aspect-ratio:9/16;object-fit:cover;display:block}
.k-next.big span{display:flex;flex-direction:column;gap:8px}
.k-pnav{margin-top:72px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:0;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.k-pn{display:flex;flex-direction:column;gap:6px;padding:24px 0;min-width:0}
.k-pn small{font-family:var(--f-label);font-size:13px;color:var(--lab)}
.k-pn b{font-family:var(--f-title);font-weight:400;font-size:20px;line-height:1.4}
.k-pn.next{text-align:right;align-items:flex-end}
.k-pn.list{flex-direction:row;align-items:center;justify-content:center;gap:10px;padding:24px 32px;border-left:1px solid var(--line);border-right:1px solid var(--line);font-weight:500;white-space:nowrap}
.k-pn.empty{visibility:hidden}
.k-igrow{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:22px;padding:24px 0;margin-top:64px;border-top:1.5px solid var(--ink);border-bottom:1px solid var(--line)}
.k-igrow svg{width:32px;height:32px}
.k-igrow b{display:block;font-family:var(--f-title);font-weight:400;font-size:22px}
.k-igrow small{font-size:14px;color:var(--ink-muted)}
.k-page .ad-slot{max-width:1180px;margin:48px auto 0;padding:8px clamp(20px,4vw,48px) 0;border-top:1px solid var(--line)}
.k-page .ad-slot small{font-family:var(--f-caps);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}

/* 발 */
.k-foot{background:var(--ink);color:#EFE6D8;margin-top:80px}
.k-foot-in{max-width:1180px;margin:0 auto;padding:64px clamp(20px,4vw,48px) 36px;display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:40px}
.k-foot-in>div{display:flex;flex-direction:column;gap:10px;font-size:15px}
.k-foot-in a{display:inline-flex;gap:9px;align-items:center}
.k-foot-in h4{margin:0 0 4px;font-family:var(--f-caps);font-weight:400;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#BFAF97}
.k-foot .k-logo{font-size:22px;color:#FFF7EA}
.k-foot .hand{margin:0;font-size:20px;color:#D9C9B0}
.k-foot svg{width:17px;height:17px}
.k-foot-bottom{max-width:1180px;margin:0 auto;padding:20px clamp(20px,4vw,48px) 36px;border-top:1px solid rgba(239,230,216,.2);display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;font-size:13px;color:#BFAF97}

/* 좁은 화면 */
@media (max-width:900px){
  .k-top-in{flex-wrap:wrap;row-gap:10px}
  .k-nav{order:3;width:100%;overflow-x:auto;gap:22px}
  .k-feat,.k-watch,.k-cardrow{grid-template-columns:1fr}
  .k-watch .k-vid{max-width:340px}
  .k-past{padding:0 0 14px}
.k-grid{grid-template-columns:1fr}
  .k-mem,.k-nexts{grid-template-columns:1fr;gap:24px}
  .k-mem-i{padding:0;border-left:0}
  .k-membox ul{grid-template-columns:1fr}
  .k-blk{grid-template-columns:1fr;gap:14px}
  .k-tdl>div{grid-template-columns:1fr;gap:4px}
  .k-book a{margin-left:0}
  .k-find-res a{grid-template-columns:1fr;gap:4px}
  .k-pnav{grid-template-columns:1fr 1fr}
  .k-pn.list{grid-column:1/-1;grid-row:1;border:0;border-bottom:1px solid var(--line)}
  .k-foot-in{grid-template-columns:1fr 1fr}
  .k-sh{flex-wrap:wrap}
}

/* 빈칸 · 정답 확인 */
.k-blank{display:inline-block;min-width:3.2em;height:1.35em;margin:0 3px;vertical-align:-.3em;border-bottom:2px solid var(--lab,#3F5596);background:color-mix(in srgb,var(--lab,#3F5596) 7%,transparent);transition:background .25s}
.k-blank.on{min-width:0;padding:0 6px;height:auto;vertical-align:baseline;font-weight:700;color:var(--ink);background:linear-gradient(transparent 55%,rgba(244,196,72,.65) 55%);border-bottom-color:transparent}
.k-reveal{margin:18px 0 4px}
.k-reveal summary{list-style:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:0 0 4px;border-bottom:1.5px solid currentColor;font-weight:600;font-size:15px;color:var(--ink);transition:color .2s}
.k-reveal summary::-webkit-details-marker{display:none}
.k-reveal summary::before{content:"";width:16px;height:16px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.k-reveal summary:hover{color:var(--gold)}
.k-reveal .c,.k-reveal[open] .o{display:none}
.k-reveal[open] .c{display:inline}
.k-reveal[open] summary{color:var(--ink-muted)}
.k-chips{list-style:none;counter-reset:a;display:flex;flex-wrap:wrap;gap:8px 22px;margin:14px 0 0;padding:0}
.k-chips li{counter-increment:a;padding:2px 4px;background:linear-gradient(transparent 55%,rgba(244,196,72,.6) 55%);font-weight:700;font-size:15px;color:var(--ink);border:0}
.k-chips li::before{content:counter(a);display:inline-grid;place-items:center;width:18px;height:18px;margin-right:7px;border-radius:50%;background:var(--ink);color:var(--paper,#F5EEE4);font-size:11px;font-weight:600;vertical-align:1px}
.k-reveal.fill .k-chips{display:none}
.k-reveal:not([open]) .k-chips{display:none}
.k-pen{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.k-wrap .callout{display:flex;gap:12px;align-items:flex-start;margin:0 0 16px;line-height:1.7}
.k-wrap .callout .co-svg{flex:0 0 20px;width:20px;height:20px;margin-top:4px;background:var(--ink);opacity:.75;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.k-wrap .callout .co-i{font-size:1.1rem}
.k-wrap .callout div{flex:1}
.k-blk-b li b,.k-blk-b p b{font-weight:700;color:var(--ink)}

/* =====================================================================
   보통의 하루 · 퇴근길 플리 (scripts/sections.py) — 한국어 한 조각과 같은 틀, 시간대 색만 다르게
   보통의 하루 = 14:26 한낮의 하늘색 / 퇴근길 플리 = 19:43 노을. 둥근 상자 없음 — 선·여백·밑줄
   ===================================================================== */
body.s-ord{--acc:var(--label-story);background:linear-gradient(180deg,#F6F3EC 0,#E3ECF0 700px,#E9EEF0 1800px,#F2EFEA 3200px,#F2EFEA 100%);background-color:#F2EFEA}
body.s-pls{--acc:var(--label-music);background:linear-gradient(180deg,#FBEBDD 0,#F6D9C6 700px,#F4E3D8 1800px,#F4EEE8 3200px,#F4EEE8 100%);background-color:#F4EEE8}
.s-page .k-time,.s-page .k-quote span,.s-page .k-caps{color:var(--acc)}
.s-page .k-top{background:rgba(250,247,242,.96)}
.s-page .k-crumb{background:rgba(255,253,248,.7)}
.s-page .k-lab{color:color-mix(in srgb,var(--acc) 70%,#2A231D)}
.s-page .k-support{color:var(--acc)}
.s-en{font-size:14px;color:var(--ink-muted);line-height:1.5}
.s-go{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin-top:8px;padding-bottom:4px;font-weight:600;font-size:16px;color:var(--acc);border-bottom:1.5px solid currentColor}
.s-go b{font-weight:600;transition:transform .25s}
.s-go:hover{opacity:1}.s-go:hover b{transform:translateX(5px)}
.s-go.small{font-size:14px;margin-top:4px}
.s-sum{margin:0;font-size:16px;line-height:1.85;color:#4A4038;max-width:560px}
.s-moods{margin:14px 0 0;font-size:14px;color:var(--ink-muted);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline}
.s-moods a{color:var(--acc);font-weight:500;border-bottom:1px solid currentColor}

/* 가장 최근 · 이번 주 */
.s-feat{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
.s-pfeat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:center}
.s-feat-c,.s-pfeat-c{position:relative;display:block;overflow:hidden;background:#E3DCD2;box-shadow:0 26px 40px -28px rgba(42,35,29,.6)}
.s-feat-c{aspect-ratio:9/16}.s-pfeat-c{aspect-ratio:16/9}
.s-feat-c img,.s-pfeat-c img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.s-feat-c:hover,.s-pfeat-c:hover{opacity:1}.s-feat-c:hover img,.s-pfeat-c:hover img{transform:scale(1.04)}
.s-feat-c i,.s-pfeat-c i,.s-cov i,.s-plc i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;color:#fff;font-size:30px;background:rgba(20,14,8,.1);text-shadow:0 2px 10px rgba(0,0,0,.4);transition:background .3s}
.s-feat-c:hover i,.s-pfeat-c:hover i{background:rgba(20,14,8,.25)}
.s-feat-t{display:flex;flex-direction:column;gap:12px}
.s-feat-t h3{font-family:var(--f-title);font-weight:400;font-size:clamp(30px,3.6vw,44px);line-height:1.3;margin:0;letter-spacing:-.02em;word-break:keep-all}
.s-feat-t .k-en{margin:0;font-size:18px}

/* 시리즈 줄 */
.s-wg{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(24px,4vw,48px);padding:28px 0;border-top:1px solid var(--line)}
.s-wg:first-of-type{border-top:0;padding-top:4px}
.s-sers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.s-ser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;border-top:1px solid var(--line)}
.s-sers .s-ser:nth-child(-n+2){border-top:0;padding-top:4px}
.s-ser-t{display:flex;flex-direction:column;gap:8px}
.s-ser-t h3{font-family:var(--f-sec);font-weight:700;font-size:24px;margin:0;letter-spacing:-.02em}
.s-ser-t p{margin:0;font-size:14px;color:var(--ink-muted)}
.s-strip{display:flex;gap:8px}
.s-strip a{display:block;width:54px;aspect-ratio:9/16;overflow:hidden;background:#E3DCD2}
.s-strip a:nth-child(n+5){display:none}
.s-strip img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.s-strip a:hover{opacity:1}.s-strip a:hover img{transform:scale(1.05)}

/* 탭 (밑줄) */
.s-tabs,.s-vtabs{display:flex;flex-wrap:wrap;gap:6px 26px;align-items:baseline;margin:0 0 28px}
.s-tabs button,.s-vtabs button{font:inherit;background:none;border:0;padding:4px 0;cursor:pointer;color:#8A8078;border-bottom:1.5px solid transparent}
.s-tabs button{font-size:17px}
.s-tabs button.on,.s-vtabs button.on{color:var(--ink);font-weight:500;border-bottom-color:var(--acc)}
.s-tabs button:hover,.s-vtabs button:hover{color:var(--ink)}
.s-moodtabs{gap:8px 30px;margin-bottom:0;padding-bottom:18px}
.s-moodtabs button{display:inline-flex;align-items:center;gap:9px;font-family:var(--f-title);font-size:19px;padding:6px 0 8px;border-bottom-width:2px}
.s-moodtabs svg{width:20px;height:20px;stroke-width:1.5;opacity:.75}
.s-moodtabs button.on svg{opacity:1;color:var(--acc)}
.s-vtabs{gap:10px 22px;margin:0 0 34px;padding-top:16px;border-top:1px solid var(--line);font-size:14px}
.s-vtabs button{display:inline-flex;align-items:center;gap:8px;padding:2px 0;border-bottom:0}
.s-vtabs img{width:28px;height:28px;border-radius:50%;object-fit:cover;display:block;filter:grayscale(.85);opacity:.75;box-shadow:0 0 0 1.5px transparent;transition:filter .25s,opacity .25s,box-shadow .25s}
.s-vtabs button:hover img{filter:none;opacity:1}
.s-vtabs button.on{color:var(--ink);font-weight:500}
.s-vtabs button.on img{filter:none;opacity:1;box-shadow:0 0 0 2px #F4EEE8,0 0 0 3.5px var(--acc)}
.s-stack{display:inline-flex}
.s-stack img+img{margin-left:-11px}
.s-stack img{box-shadow:0 0 0 2px #F4EEE8}
.s-vtabs button.on .s-stack img{box-shadow:0 0 0 2px #F4EEE8}
.s-find{padding:10px 16px;border-width:1px;min-width:min(320px,100%)}
.s-find input{font-size:16px}.s-find svg{width:18px;height:18px}
.s-page .k-sh{flex-wrap:wrap}

/* 이야기 칸 · 플리 칸 */
.s-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 28px}
.s-plgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px}
.s-tile,.s-pl{position:relative;display:flex;flex-direction:column;gap:10px}
.s-tile[hidden],.s-pl[hidden]{display:none}
.s-cov,.s-plc{position:relative;overflow:hidden;background:#E3DCD2}
.s-cov{aspect-ratio:9/16}.s-plc{aspect-ratio:16/9}
.s-cov img,.s-plc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.s-cov i,.s-plc i{font-size:22px;opacity:0}
.s-tile:hover .s-cov img,.s-pl:hover .s-plc img{transform:scale(1.04)}
.s-tile:hover i,.s-pl:hover i{opacity:1;background:rgba(20,14,8,.22)}
.s-tile .k-ttl,.s-pl .k-ttl{font-size:19px;line-height:1.45}
.s-tile:hover .k-ttl,.s-pl:hover .k-ttl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.s-tb{display:flex;flex-direction:column;gap:6px}
.s-tile .k-lab,.s-pl .k-lab{font-size:12px}

/* 목소리 카드 */
.s-vcards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 24px}
.s-vc{font:inherit;color:inherit;text-align:left;background:none;border:0;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:6px}
.s-vimg{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;filter:drop-shadow(0 12px 16px rgba(42,35,29,.2));transition:transform .35s}
.s-vimg img,.s-vimg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.s-vimg video{opacity:0;transition:opacity .35s}
.s-vc.play .s-vimg video{opacity:1}
.s-vc:hover .s-vimg,.s-vc.on .s-vimg{transform:translateY(-6px)}
.s-vc b{font-family:var(--f-title);font-weight:400;font-size:16px;margin-top:6px}
.s-vc small{font-size:12px;line-height:1.5;color:var(--ink-muted)}
.s-vc.on b{border-bottom:1.5px solid var(--acc);align-self:flex-start}

/* Wandering Beats */
.s-wlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px 28px}
.s-wr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:14px;align-items:start}
.s-wr img{width:120px;aspect-ratio:16/9;object-fit:cover;display:block}
.s-wr span{display:flex;flex-direction:column;gap:4px}
.s-wr b{font-family:var(--f-title);font-weight:400;font-size:16px;line-height:1.4}
.s-wr small{font-size:13px;color:var(--ink-muted)}
.s-wr .k-lab{font-size:11px}

/* 회차 */
.k-vid.wide{aspect-ratio:16/9}
.s-watchw{padding-top:40px}
.s-plinfo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);padding-top:48px;align-items:start}
.s-tracks{list-style:none;margin:10px 0 0;padding:0;counter-reset:t}
.s-tracks li{counter-increment:t;border-bottom:1px dashed var(--line)}
.s-tracks button{font:inherit;width:100%;display:grid;grid-template-columns:28px 64px minmax(0,1fr);gap:10px;align-items:baseline;text-align:left;background:none;border:0;padding:13px 0;cursor:pointer;color:var(--ink)}
.s-tracks button::before{content:counter(t,decimal-leading-zero);font-family:var(--f-label);font-size:12px;color:var(--ink-muted)}
.s-tracks time{font-family:var(--f-label);font-size:13px;color:var(--acc)}
.s-tracks span{font-family:var(--f-title);font-size:18px;line-height:1.4}
.s-tracks button:hover span,.s-tracks button.on span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.s-tracks button.on time::after{content:" ♪"}
.s-about .s-body,.s-story .s-body{font-size:16px;line-height:1.9;color:#3A322B}
.s-body p{margin:0 0 12px}
.s-body h2,.s-body h3{font-family:var(--f-sec);font-weight:700;font-size:18px;margin:26px 0 8px}
.s-body ul{padding-left:18px}
.s-body img{display:block;max-width:100%;margin:14px 0}
.s-body .spark{color:var(--acc)}
.s-voice{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;margin-top:28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.s-voice img{width:92px;aspect-ratio:2/3;object-fit:cover;display:block;filter:drop-shadow(0 10px 14px rgba(42,35,29,.2))}
.s-voice span{display:flex;flex-direction:column;gap:4px}
.s-voice b{font-family:var(--f-title);font-weight:400;font-size:22px}
.s-voice small{font-size:14px;color:var(--ink-muted)}
.s-voice em{font-style:normal;font-size:14px;font-weight:500;color:var(--acc);margin-top:6px}
.s-tz{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.s-tz img{width:64px;aspect-ratio:9/16;object-fit:cover;display:block}
.s-tz span{display:flex;flex-direction:column;gap:4px}
.s-tz b{font-family:var(--f-title);font-weight:400;font-size:18px}
.s-tz em{font-style:normal;font-size:13px;color:var(--acc)}
.s-nexts{grid-template-columns:repeat(3,minmax(0,1fr))}
.s-nexts .k-next{justify-content:flex-start}
.s-nexts .k-next img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;margin-bottom:6px}
.k-next.s-n img{width:96px}
.k-next.s-n i{display:block;width:96px;aspect-ratio:9/16;background:#E3DCD2}
.k-watch.novid{grid-template-columns:1fr}
.s-serlist{list-style:none;margin:0;padding:0;counter-reset:s}
.s-serlist li{counter-increment:s;border-bottom:1px dashed var(--line)}
.s-serlist a{display:grid;grid-template-columns:40px 110px minmax(0,1fr) auto;gap:14px;align-items:baseline;padding:14px 0}
.s-serlist a::before{content:counter(s,decimal-leading-zero);font-family:var(--f-label);font-size:13px;color:var(--ink-muted)}
.s-serlist b{font-family:var(--f-title);font-weight:400;font-size:19px;justify-self:start}
.s-serlist small{font-size:13px;color:var(--ink-muted)}
.s-serlist li.on b{background:linear-gradient(transparent 60%,rgba(244,196,72,.55) 60%)}
.s-serlist li.on a::after{content:"지금 보는 이야기";grid-column:4;font-size:12px;color:var(--acc)}
html[lang=en] .s-serlist li.on a::after{content:"Now watching"}

@media (max-width:1100px){.s-vcards{grid-template-columns:repeat(4,minmax(0,1fr))}.s-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:900px){
  .s-feat,.s-pfeat,.s-ser,.s-wg,.s-plinfo{grid-template-columns:1fr}
  .s-feat-c{max-width:300px}
  .s-plgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}
  .s-vcards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .s-sers{grid-template-columns:1fr}.s-sers .s-ser:nth-child(2){border-top:1px solid var(--line);padding-top:22px}
  .s-nexts{grid-template-columns:1fr}
  .s-serlist a{grid-template-columns:32px minmax(0,1fr)}.s-serlist a .k-lab{grid-column:2}.s-serlist a b,.s-serlist a small{grid-column:2}
  .s-serlist li.on a::after{grid-column:2}
}
@media (max-width:560px){.s-plgrid{grid-template-columns:1fr}}
.s-lang{margin:0 0 14px;font-style:italic}
.k-page .hi,.hi{width:1.05em;height:1.05em;vertical-align:-.16em;margin-right:.45em;opacity:.8;flex:none}

/* ───── 기록 (23:48 · 밤의 보라를 종이 위에) ───── */
body.s-log{--acc:#5B4E86;background:linear-gradient(180deg,#F1EEF4 0,#EDE9F2 700px,#F3F0F4 1800px,#F5F2F2 100%);background-color:#F5F2F2}
.s-log .k-caps svg,.s-lcat svg{width:15px;height:15px;vertical-align:-2px;margin-right:6px;stroke-width:1.6}
.s-lfeat{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:center}
.s-lfeat.nocov{grid-template-columns:minmax(0,760px)}
.s-lfeat-c{display:block;aspect-ratio:16/10;overflow:hidden;background:#E4DFEA}
.s-lfeat-c img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.s-lfeat-c:hover{opacity:1}.s-lfeat-c:hover img{transform:scale(1.03)}
.s-lgrid{border-top:1px solid var(--line)}
.s-lrow{display:grid;grid-template-columns:96px 110px minmax(0,1fr) 80px;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);position:relative}
.s-lrow[hidden]{display:none}
.s-lrow .k-ttl{font-size:21px}
.s-lrow .k-ttl::after{content:"";position:absolute;inset:0}
.s-lrow:hover .k-ttl{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.s-lt{display:flex;flex-direction:column;gap:6px;min-width:0}
.s-lt small{font-size:14px;color:var(--ink-muted);line-height:1.6}
.s-lcat{font-size:13px;color:var(--acc);white-space:nowrap}
.s-lmin{text-align:right}
.s-arthead .k-caps{display:inline-flex;align-items:center}
.s-arthead h1{max-width:900px}
.s-artcover{padding-top:36px}
.s-artcover img{width:100%;max-height:560px;object-fit:cover;display:block}
.s-art{padding-top:44px}
.s-art .s-body{max-width:700px;margin:0 auto;font-size:17px;line-height:2;color:#2F2924}
.s-art .s-body p{margin:0 0 20px}
.s-art .s-body h2,.s-art .s-body h3{font-family:var(--f-sec);font-weight:700;font-size:24px;line-height:1.4;margin:48px 0 14px;letter-spacing:-.02em}
.s-art .s-body h2.sec{font-size:28px}
.s-art .s-body img{margin:28px 0}
.s-art .s-body figure{margin:0}
.s-art .s-body figcaption{font-size:13px;color:var(--ink-muted);margin-top:-18px}
.s-art .s-body blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--acc);font-family:var(--f-title);font-size:20px;line-height:1.7;color:#3A322B}
.s-art .s-body .callout{display:flex;gap:12px;margin:28px 0;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-size:16px}
.s-art .s-body .callout .co-i{font-size:0;width:0}
.s-art .s-body hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.s-art .s-body a{border-bottom:1px solid currentColor;color:var(--acc)}
.s-art .s-body ul,.s-art .s-body ol{padding-left:22px;margin:0 0 20px}
.s-art .s-body li{margin:6px 0}
.s-art .s-body table{border-collapse:collapse;width:100%;font-size:15px}
.s-art .s-body td,.s-art .s-body th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}
.s-art .s-body code{font-size:.9em;background:rgba(91,78,134,.08);padding:1px 5px}
.s-rel b{font-family:var(--f-title);font-weight:400;font-size:20px;line-height:1.45}
@media (max-width:900px){.s-lfeat{grid-template-columns:1fr}.s-lrow{grid-template-columns:minmax(0,1fr) auto;gap:6px 14px}.s-lrow .k-lab:first-child{grid-column:1}.s-lcat{grid-column:2;text-align:right}.s-lt{grid-column:1/-1}.s-lmin{display:none}}

/* ───── 이사벨라 — 매거진 ───── */
body.mz{--acc:#B4502E;background:#F3EDE3}
.mz-cover{position:relative;min-height:min(92vh,900px);overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#F7D9B8 0,#EFD2B0 30%,#E9C9A6 55%,#E4BE97 100%);display:flex;flex-direction:column;justify-content:space-between;padding:28px clamp(20px,4vw,56px) 32px}
.mz-meta,.mz-lines{position:relative;z-index:3;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-family:var(--f-caps);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#3A2418}
.mz-meta{border-bottom:1.5px solid #3A2418;padding-bottom:12px}
.mz-lines{border-top:1.5px solid #3A2418;padding-top:12px;letter-spacing:.12em}
.mz-name{position:absolute;left:0;right:0;top:9%;margin:0;z-index:1;text-align:center;font-family:var(--f-caps);font-weight:400;line-height:.8;letter-spacing:-.01em;color:#2A160C;
  font-size:clamp(130px,25vw,380px);display:flex;flex-direction:column;align-items:center;pointer-events:none}
.mz-name span:last-child{color:#B4502E}
.mz-cut{position:absolute;z-index:2;left:64%;bottom:0;transform:translateX(-50%);height:72%;max-height:700px;width:auto;object-fit:contain;filter:drop-shadow(0 30px 40px rgba(60,30,10,.35))}
.mz-hand{position:absolute;z-index:3;left:clamp(16px,6vw,120px);bottom:16%;margin:0;font-size:clamp(26px,3vw,40px);color:#B4502E;transform:rotate(-6deg);max-width:240px;line-height:1.15}
.mz-intro{padding-top:clamp(64px,9vw,110px);display:grid;grid-template-columns:minmax(0,1fr);gap:28px;max-width:980px}
.mz-hello{margin:0;font-size:30px;color:var(--acc)}
.mz-pull{margin:0;font-family:var(--f-title);font-size:clamp(30px,4.2vw,54px);line-height:1.35;letter-spacing:-.02em;color:var(--ink);word-break:keep-all}
.mz-pull::before{content:"“";display:block;font-size:1.6em;line-height:.6;color:var(--acc)}
.mz-drop{margin:8px 0 0;font-size:18px;line-height:2;color:#3A322B;max-width:720px;columns:1}
.mz-drop::first-letter{font-family:var(--f-title);float:left;font-size:64px;line-height:.9;margin:6px 10px 0 0;color:var(--acc)}
.mz-sec{padding-top:clamp(80px,10vw,128px)}
.mz-h{display:flex;flex-direction:column;gap:10px;margin-bottom:40px;border-top:6px solid var(--ink);padding-top:18px}
.mz-h h2{margin:0;font-family:var(--f-caps);font-weight:400;font-size:clamp(38px,5.6vw,76px);line-height:.95;letter-spacing:-.01em;text-transform:uppercase}
html:not([lang=en]) .mz-h h2{font-family:var(--f-sec);font-weight:700;letter-spacing:-.04em;text-transform:none}
.mz-h .k-caps{color:var(--acc)}
.mz-qa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 64px}
.mz-q{display:flex;flex-direction:column;gap:12px}
.mz-q:nth-child(odd){padding-top:0}.mz-q:nth-child(even){padding-top:60px}
.mz-qn{font-family:var(--f-caps);font-size:15px;letter-spacing:.2em;color:var(--acc)}
.mz-q h3{margin:0;font-family:var(--f-title);font-weight:400;font-size:30px;line-height:1.3;letter-spacing:-.02em}
.mz-q p{margin:0;font-size:17px;line-height:1.95;color:#3A322B}
.mz-mks{border-top:1px solid var(--ink)}
.mz-mk{display:grid;grid-template-columns:110px minmax(0,1fr) minmax(0,1.2fr) 40px;gap:24px;align-items:baseline;padding:26px 0;border-bottom:1px solid var(--ink)}
.mz-no{font-family:var(--f-caps);font-size:56px;line-height:.9;color:var(--acc)}
.mz-mk b{font-family:var(--f-title);font-weight:400;font-size:34px;letter-spacing:-.02em}
.mz-mk small{font-size:15px;color:var(--ink-muted)}
.mz-mk i{font-style:normal;font-size:26px;transition:transform .3s}
.mz-mk:hover{opacity:1;background:rgba(180,80,46,.06)}.mz-mk:hover i{transform:translateX(8px)}
.mz-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px}
.mz-card{display:flex;flex-direction:column;gap:6px;position:relative}
.mz-card:nth-child(3n+2){margin-top:48px}
.mz-cimg{position:relative;display:block;aspect-ratio:3/4;filter:drop-shadow(0 22px 28px rgba(60,30,10,.25))}
.mz-cimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .45s,transform .45s}
.mz-cimg .bk{opacity:0}
.mz-card:hover{opacity:1}.mz-card:hover .mz-cimg img{transform:rotate(-1.5deg)}
.mz-card:hover .mz-cimg .bk{opacity:1}.mz-card:hover .mz-cimg img:not(.bk){opacity:0}
.mz-cn{font-family:var(--f-caps);font-size:13px;letter-spacing:.2em;color:var(--acc);margin-top:14px}
.mz-card b{font-family:var(--f-title);font-weight:400;font-size:24px}
.mz-card small{font-size:14px;color:var(--ink-muted)}
.mz-sign{padding-top:110px;text-align:center}
.mz-sign .hand{font-size:clamp(28px,3.4vw,40px);color:var(--acc);margin:0}
.mz-signl{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 36px;margin-top:22px}
.mz-signl .s-go{color:var(--ink)}
.mz-signl svg{width:18px;height:18px}
@media (max-width:900px){
  .mz-cover{min-height:640px}.mz-cut{height:72%}.mz-hand{top:auto;bottom:22%;right:16px;font-size:24px}
  .mz-qa{grid-template-columns:1fr}.mz-q:nth-child(even){padding-top:0}
  .mz-mk{grid-template-columns:64px minmax(0,1fr) 24px}.mz-mk small{grid-column:2}.mz-no{font-size:40px}.mz-mk b{font-size:26px}
  .mz-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mz-card:nth-child(3n+2){margin-top:0}.mz-card:nth-child(2n){margin-top:40px}
}

/* ───── 말 걸기 ───── */
body.s-hi{--acc:#3F5596;--f-hand-ko:var(--f-hand);--f-hand-en:var(--f-hand);--f-sans:var(--f-body);--muted:#6B6157;--bg:#FFFDF8;background:linear-gradient(180deg,#F4F1EC 0,#E9EEF5 900px,#F2EFEA 100%)}
.s-hi .pic{display:inline-block;width:1.25em;height:1.25em;vertical-align:-.25em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;flex:none}
.s-hicover h1{font-size:clamp(36px,5vw,60px)}
.s-hiw{max-width:820px!important;margin:0 auto}
.s-hiw.sayhi .form-card{border:1.5px solid var(--ink)!important;background:#FFFDF8!important}
.s-hiw.sayhi .send-btn{border-radius:0!important;letter-spacing:.04em}
.s-hiw.sayhi .send-btn i{font-style:normal;margin-left:8px}
.s-hiw .hi-ways{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 34px;margin:0 0 30px;font-size:15px;font-weight:500}
.s-hiw .hi-ways a{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid currentColor;padding-bottom:4px}
.s-hiw .form-card{position:relative;box-shadow:0 30px 50px -30px rgba(42,35,29,.45)}
.s-hiw .form-card .sketch{position:absolute;inset:-6px;width:calc(100% + 12px);height:calc(100% + 12px);pointer-events:none}
.s-hiw .form-card .sketch path{fill:none;stroke-width:2}

/* 기록 목록 — 최근 글은 블로그처럼 앞부분, 그 아래 지난 글 */
.s-blog{max-width:760px;margin:0 auto;padding-bottom:56px;display:flex;flex-direction:column;gap:14px}
.s-blog .k-caps{display:inline-flex;align-items:center}
.s-blog h2{margin:4px 0 0;font-family:var(--f-title);font-weight:400;font-size:clamp(32px,4.4vw,52px);line-height:1.25;letter-spacing:-.02em;word-break:keep-all}
.s-blog .k-sum{margin:0}
.s-blogcov{width:100%;max-height:420px;object-fit:cover;display:block;margin-top:10px}
.s-blogb{position:relative;max-height:520px;overflow:hidden;font-size:17px;line-height:2;color:#2F2924}
.s-blogb::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,#F1EEF4)}
.s-blogb p{margin:0 0 18px}.s-blogb img{max-width:100%;display:block;margin:18px 0}
.s-blogb .callout{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:18px 0}
.s-lhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;border-top:1.5px solid var(--ink);padding-top:22px;margin-bottom:18px}

.s-lhead{border-top:0;padding-top:0}
.s-lrow.big{padding:30px 0 34px}
.s-lrow.big .k-ttl{font-size:clamp(26px,3vw,34px);line-height:1.35}
.s-lrow.big .k-ttl::after{display:none}
.s-lpre{margin-top:10px;font-size:16px;line-height:1.95;color:#3A322B;max-width:760px}
.s-lpre p{margin:0 0 12px}
.s-lpre .callout{display:block;margin:0 0 12px;padding:0;border:0}
.s-lrow.big .s-go{margin-top:6px}

/* 기록 — 맨 위 최근 글: 큰 날짜가 표지 대신 */
.s-lrow.big{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start;padding:44px 0 48px;border-top:6px solid var(--ink);border-bottom:1.5px solid var(--ink);margin-bottom:6px}
.s-ldate{display:flex;flex-direction:column;gap:18px;color:var(--acc);padding-top:4px}
.s-ldate:hover{opacity:1}
.s-ldate b{display:block;font-family:var(--f-caps);font-weight:400;font-size:clamp(110px,13vw,176px);line-height:.8;letter-spacing:-.03em}
.s-ldate span{font-family:var(--f-caps);font-size:15px;letter-spacing:.32em;color:var(--ink)}
.s-lbig{display:flex;flex-direction:column;gap:16px;min-width:0}
.s-lbig .k-caps{display:inline-flex;align-items:center;gap:2px;color:var(--acc)}
.s-lbig .k-ttl{font-size:clamp(30px,3.6vw,46px);line-height:1.3;letter-spacing:-.02em}
.s-lbig .s-lpre{margin:0;font-size:17px;max-width:720px}
.s-lbig .s-lpre p:first-child::first-letter{font-family:var(--f-title);float:left;font-size:58px;line-height:.9;margin:6px 10px 0 0;color:var(--acc)}
.s-lq{margin:4px 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--acc);font-family:var(--f-title);font-size:21px;line-height:1.65;color:var(--ink);max-width:720px}
.s-lq p,.s-lq .callout{margin:0;padding:0;border:0;display:block}
.s-lq .co-i,.s-lq .co-svg{display:none}
@media (max-width:900px){.s-lrow.big{grid-template-columns:1fr;gap:18px}.s-ldate{flex-direction:row;align-items:baseline;gap:14px}.s-ldate b{font-size:72px}}

/* 이어 듣기 · 이어서 보기 — 표지 위 ▶ (누르면 그 페이지에서 바로 재생) */
.s-nimg{position:relative;display:block;overflow:hidden;margin-bottom:6px}
.s-nimg img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;margin:0!important;transition:transform .5s}
.s-nimg.v{width:96px}.s-nimg.v img{aspect-ratio:9/16}
.s-nimg i{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;color:#fff;font-size:30px;text-shadow:0 2px 12px rgba(0,0,0,.45);background:rgba(20,14,8,.08);transition:background .3s,font-size .3s}
.s-nimg.v i{font-size:20px}
.k-next:hover .s-nimg i{background:rgba(20,14,8,.25);font-size:36px}
.k-next:hover .s-nimg img{transform:scale(1.04)}

/* 말 걸기 첫머리 책 구절 */
.s-hiq q{display:block;quotes:none;color:var(--ink-muted)}
.s-hiq>span{display:block;margin-top:6px}

/* 이사벨라 표지 — 팝아트 방 한 장 + 손글씨 메모 */
.mz-pop{min-height:0;background:none;padding:0}
.mz-pop .mz-meta,.mz-pop .mz-lines{position:absolute;z-index:4;left:clamp(16px,3.6vw,56px);right:clamp(16px,3.6vw,56px);margin:0;color:#fff;border-color:#fff;
  -webkit-text-stroke:3px #1E140E;paint-order:stroke fill;font-weight:700}
.mz-pop .mz-meta{top:clamp(10px,1.6vw,26px)}
.mz-pop .mz-lines{bottom:clamp(10px,1.6vw,26px)}
.mz-pop .mz-meta{box-shadow:0 1.5px 0 #1E140E}.mz-pop .mz-lines{box-shadow:0 -1.5px 0 #1E140E}
.mz-pop .mz-frame::before,.mz-pop .mz-frame::after{content:"";position:absolute;left:0;right:0;z-index:3;height:18%;pointer-events:none}
.mz-pop .mz-frame::before{top:0;background:linear-gradient(rgba(20,12,8,.42),rgba(20,12,8,0))}
.mz-pop .mz-frame::after{bottom:0;background:linear-gradient(rgba(20,12,8,0),rgba(20,12,8,.45))}
.mz-pop .mz-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mz-frame{position:relative;width:100%;aspect-ratio:1584/672;overflow:hidden;background:#E9C9A6}
.mz-stage{position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);aspect-ratio:1584/672;height:100%}
.mz-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mz-note{position:absolute;margin:0;z-index:2;font-size:clamp(17px,1.9vw,30px);line-height:1.1;color:#fff;white-space:nowrap;
  -webkit-text-stroke:5px #1E140E;paint-order:stroke fill;transform:rotate(-5deg);display:flex;align-items:flex-end;gap:2px}
.mz-note .mz-arw{width:clamp(34px,3.6vw,58px);height:auto;flex:none;overflow:visible}
.mz-arw path{fill:none;stroke:#fff;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}.mz-arw path.u{stroke:#1E140E;stroke-width:6.5}
.mz-note.n1{left:15%;top:44%;align-items:center}
.mz-note.n1 .mz-arw{transform:translateY(55%)}
.mz-note.n2{left:54.5%;top:41%;transform:rotate(4deg);align-items:center}
.mz-note.n2 .mz-arw{transform:translateY(45%)}
.mz-note.n3{left:63%;top:73%;transform:rotate(-3deg)}
@media (max-width:760px){.mz-frame{aspect-ratio:4/3}.mz-pop .mz-meta,.mz-pop .mz-lines{font-size:10px;letter-spacing:.12em;-webkit-text-stroke:2px #1E140E;gap:4px 10px}.mz-pop .mz-meta span:nth-child(2),.mz-pop .mz-lines span:nth-child(2){display:none}.mz-note{font-size:12.5px;-webkit-text-stroke:3.5px #1E140E}.mz-note .mz-arw{width:26px}.mz-note.n1{left:23%;top:34%}.mz-note.n2{left:55%;top:40%}.mz-note.n3{left:51%;top:73%}}

/* 소개 자리의 책 한 줄 — 잡지 인용 */
.mz-book{position:relative;margin:clamp(36px,5vw,64px) 0 0;padding:clamp(28px,4vw,48px) 0 clamp(22px,3vw,34px);border-top:6px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);gap:8px clamp(20px,4vw,56px)}
.mz-bk-tag{grid-row:1/3;font-family:var(--f-caps);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--acc);position:relative;padding-top:4px}
.mz-bk-tag::after{content:"“";display:block;font-family:var(--f-title);font-size:clamp(120px,14vw,200px);line-height:.75;color:var(--acc);margin-top:14px}
.mz-book blockquote{margin:0;font-family:var(--f-title);font-size:clamp(23px,2.75vw,40px);line-height:1.35;letter-spacing:-.025em;color:var(--ink);word-break:keep-all}
.mz-book blockquote span{display:block;text-wrap:balance}
@media (min-width:900px){.mz-book blockquote span{white-space:nowrap}}
.mz-book blockquote span+span{padding-left:clamp(0px,4vw,64px)}
.mz-book figcaption{grid-column:2;justify-self:end;word-break:keep-all;text-wrap:balance;margin-top:14px;font-family:var(--f-label);font-size:14px;letter-spacing:.04em;color:var(--ink-muted)}
.mz-book figcaption::before{content:"— "}
@media (max-width:760px){.mz-book{grid-template-columns:1fr}.mz-bk-tag{grid-row:auto}.mz-bk-tag::after{font-size:96px;margin-top:6px;height:44px}.mz-book figcaption{grid-column:1}}