/* 계열별 모양 — 웹진 디자인 규칙 v1. 주소로 계열(html[data-wz])이 정해진다(src/render/wz_head.js). 초안: 프로모션 Sonnet(2026-11-03) → 클로이 검수·보정. */

/* ═══ issue ═══ */
/* 웹진 덧씌움 CSS — 제8호 계열 (issue). 규칙 v1을 따른다 */

/* ── 바탕·글꼴 ── */
html[data-wz="issue"] body{--anchor:var(--sans);--display:var(--sans);background:var(--wz-bg);color:var(--wz-tx);font-family:Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:16px;line-height:1.7;overflow-x:hidden}
html[data-wz="issue"] body *,html[data-wz="issue"] body *::before,html[data-wz="issue"] body *::after{border:0!important}
html[data-wz="issue"] body img,html[data-wz="issue"] body svg,html[data-wz="issue"] body audio,html[data-wz="issue"] body video{max-width:100%}
html[data-wz="issue"] body .wrap{max-width:1120px;padding:0 var(--s4)}
html[data-wz="issue"] body .grid>*,html[data-wz="issue"] body .ia-parts>*,html[data-wz="issue"] body .sm-cols>*,html[data-wz="issue"] body .qh-cols>*{min-width:0}

/* ── 머리글 ── */
html[data-wz="issue"] body header{padding:var(--s6) 0 var(--s4)}
html[data-wz="issue"] body .eyebrow{gap:var(--s1) var(--s2);margin-bottom:var(--s3)}
html[data-wz="issue"] body .eyebrow::before{display:none}
html[data-wz="issue"] body .eyebrow span{font-size:13px;letter-spacing:.14em;font-weight:700;color:var(--wz-mute)}
html[data-wz="issue"] body .extlinks{margin-left:auto;font-size:13px;letter-spacing:0;color:var(--wz-mute)}
html[data-wz="issue"] body .extlinks a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-tx);text-decoration:none;transition:color var(--ease)}
html[data-wz="issue"] body .extlinks a:hover{color:var(--wz-accent);text-decoration:none}
html[data-wz="issue"] body .authwho{font-size:13px;color:var(--wz-mute)}

/* 대표 제목 h1 — 형광 띠만 쓴다, 금색 판은 걷는다 */
html[data-wz="issue"] body .titlerow{align-items:flex-end;gap:var(--s2) var(--s4)}
html[data-wz="issue"] body .titlewrap{display:block;position:relative;max-width:100%}
html[data-wz="issue"] body .goldfield{display:none}
html[data-wz="issue"] body h1{position:static;display:inline;padding:0 .06em;margin:0;font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.3;letter-spacing:-.035em;color:var(--wz-tx)!important;background:linear-gradient(transparent 58%,var(--wz-accent) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}

/* 영역 이동 — 알약 */
html[data-wz="issue"] body .sitenav{display:flex;flex-wrap:wrap;gap:var(--s1);column-count:auto;max-width:460px;font-size:13px}
html[data-wz="issue"] body .sitenav a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);color:var(--wz-tx);text-decoration:none;white-space:nowrap;transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .sitenav a:hover{background:var(--wz-s2);color:var(--wz-tx)}

/* 회차·발행 정보 — 카드 */
html[data-wz="issue"] body .hero-strip{gap:var(--s1);margin-top:var(--s5)}
html[data-wz="issue"] body .hero-strip>div{flex:1 1 140px;min-width:0;padding:var(--s3);background:var(--wz-s1);border-radius:var(--r);font-size:13px;letter-spacing:.08em;color:var(--wz-mute)}
html[data-wz="issue"] body .hero-strip>div b{display:block;margin-top:var(--s1);font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--wz-tx)}
html[data-wz="issue"] body .isseldd summary{min-height:44px;font-size:20px!important;color:var(--wz-tx)!important}
html[data-wz="issue"] body .isseldd summary span{font-size:13px!important;color:var(--wz-mute)!important}
html[data-wz="issue"] body .isseldd>div{background:var(--wz-s2)!important;border-radius:var(--r)!important;padding:var(--s1)!important;min-width:176px!important;letter-spacing:0;text-transform:none;color:var(--wz-tx)}
html[data-wz="issue"] body .isseldd>div a{min-height:44px;align-items:center!important;padding:0 var(--s2)!important;border-radius:12px!important;color:var(--wz-tx)!important;font-size:13px!important;transition:background var(--ease)}
html[data-wz="issue"] body .isseldd>div a span{color:var(--wz-mute)!important;font-size:13px!important}
html[data-wz="issue"] body .isseldd>div a:not([style*="245,184,23"]){background:transparent!important}
html[data-wz="issue"] body .isseldd>div a:not([style*="245,184,23"]):hover{background:var(--wz-s1)!important}
html[data-wz="issue"] body .isseldd>div a[style*="245,184,23"]{background:var(--wz-accent)!important;color:var(--wz-on-accent)!important}
html[data-wz="issue"] body .isseldd>div a[style*="245,184,23"] span{color:inherit!important}

/* 이전·다음 호 */
html[data-wz="issue"] body .topnav{margin:var(--s3) 0 0!important;gap:var(--s1)!important}
html[data-wz="issue"] body .topnav>*{display:inline-flex!important;align-items:center;min-height:44px;padding:0 var(--s3)!important;border-radius:999px!important;background:var(--wz-s1)!important;color:var(--wz-tx)!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;transition:background var(--ease)}
html[data-wz="issue"] body .topnav>a:hover{background:var(--wz-s2)!important}
html[data-wz="issue"] body .topnav>span{color:var(--wz-mute)!important}

/* ── 버튼 ── */
html[data-wz="issue"] body .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);min-height:44px;padding:0 var(--s3);border-radius:999px;background:var(--wz-s1);color:var(--wz-tx);font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:none;text-decoration:none;transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .btn:hover{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="issue"] body .btn.primary{background:var(--wz-s2);font-weight:900}
html[data-wz="issue"] body .btn.primary:hover{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="issue"] body .btn .ar{color:var(--wz-accent)}
html[data-wz="issue"] body .btn:hover .ar{color:inherit}

/* ── 로그인 창 ── */
html[data-wz="issue"] body .authbox{background:var(--wz-s1)!important;color:var(--wz-tx);border-radius:var(--r);padding:var(--s4)}
html[data-wz="issue"] body .authbox h2{font-size:24px;font-weight:800;letter-spacing:-.03em;margin:0 0 var(--s1)}
html[data-wz="issue"] body .authsub,html[data-wz="issue"] body .authfoot{font-size:13px;line-height:1.6;color:var(--wz-mute)}
html[data-wz="issue"] body .authbox label{display:block;margin:var(--s2) 0 var(--s1);font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .authbox input{width:100%;min-height:44px;padding:0 var(--s2);border-radius:12px;background:var(--wz-s2);color:var(--wz-tx);font:inherit}
html[data-wz="issue"] body .authbox input:focus-visible{outline:2px solid var(--wz-accent);outline-offset:2px}
html[data-wz="issue"] body .authclose{width:44px;height:44px;border-radius:999px;background:var(--wz-s2);color:var(--wz-tx);cursor:pointer}
html[data-wz="issue"] body .authbox .btn.primary{width:100%;margin-top:var(--s3);background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="issue"] body .authbox .btn.primary:hover{background:var(--wz-accent);color:var(--wz-on-accent)}

/* ── 목차 ── */
html[data-wz="issue"] body .contents{margin:var(--s5) 0 0}
html[data-wz="issue"] body .contents .wrap{padding:0 var(--s4)}
html[data-wz="issue"] body .contents .k{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin-bottom:var(--s2)}
html[data-wz="issue"] body .toc{gap:var(--s1)}
html[data-wz="issue"] body .toc a{align-items:center;min-height:44px;padding:var(--s2) var(--s3);background:var(--wz-s1);border-radius:var(--r);transition:background var(--ease)}
html[data-wz="issue"] body .toc a:hover{background:var(--wz-s2)}
html[data-wz="issue"] body .toc .n{font-size:16px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
html[data-wz="issue"] body .toc a:hover .n{color:var(--wz-tx)}
html[data-wz="issue"] body .toc .c{font-size:13px;color:var(--wz-accent)}

/* ── 섹션 · 섹션 머리 ── */
html[data-wz="issue"] body section.disc,html[data-wz="issue"] body section.issue-audio{padding:var(--s6) 0 var(--s2)}
html[data-wz="issue"] body .qhome>section{padding-top:var(--s5)!important;padding-bottom:var(--s3)!important}
html[data-wz="issue"] body .shead{flex-wrap:wrap;gap:var(--s1) var(--s2);margin-bottom:var(--s4)!important}
html[data-wz="issue"] body .shead h2{font-size:clamp(24px,4vw,28px);font-weight:800;letter-spacing:-.03em;line-height:1.3;overflow-wrap:anywhere}
html[data-wz="issue"] body .snum{font-size:13px;color:var(--wz-accent)}
html[data-wz="issue"] body .shead .lbl{font-size:13px;letter-spacing:.08em;color:var(--wz-mute)}

/* ── 이달의 질문(히어로) ── */
html[data-wz="issue"] body .qhome-hero{padding:var(--s6) 0 var(--s4)!important}
html[data-wz="issue"] body .qhome-hero>div:first-child{font-size:13px!important;letter-spacing:.14em!important;color:var(--wz-mute)!important}
html[data-wz="issue"] body .qhome-hero h2{font-size:clamp(32px,6vw,56px)!important;line-height:1.15!important;letter-spacing:-.035em!important;margin:var(--s2) 0 var(--s3)!important;overflow-wrap:anywhere}
html[data-wz="issue"] body .qhome-hero h2 span{background:none!important;color:inherit!important;padding:0!important}
html[data-wz="issue"] body .qhome-hero>p{font-size:18px!important;font-weight:400!important;line-height:1.6!important;color:var(--wz-mute)!important;margin:0 0 var(--s3)!important}
html[data-wz="issue"] body .qhome-hero>div:last-child{gap:var(--s2) var(--s3)!important}
html[data-wz="issue"] body .qhome-hero>div:last-child>span>span{font-size:13px!important;color:var(--wz-mute)!important}

/* ── 입장 지도(트리) ── */
html[data-wz="issue"] body .sm-root{max-width:620px;padding:var(--s3);border-radius:var(--r);background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="issue"] body .sm-root b{font-size:clamp(24px,5vw,28px);font-weight:900;line-height:1.3;overflow-wrap:anywhere}
html[data-wz="issue"] body .sm-root span{font-size:16px;opacity:1}
html[data-wz="issue"] body .sm-stem{width:auto;height:var(--s3);background:none}
html[data-wz="issue"] body .sm-cols{gap:var(--s3) var(--s2)}
html[data-wz="issue"] body .sm-cols::before,html[data-wz="issue"] body .sm-st::before{display:none}
html[data-wz="issue"] body .sm-st{padding-top:0}
html[data-wz="issue"] body .sm-st h3{font-size:20px;font-weight:800;letter-spacing:-.02em;padding:var(--s2);margin:0 0 var(--s1);border-radius:var(--r);background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="issue"] body .sm-st h3 em,html[data-wz="issue"] body .sm-ep,html[data-wz="issue"] body .am-ep{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .sm-card{min-height:44px;padding:var(--s2) var(--s3) var(--s2) calc(var(--s3) + 16px);margin-bottom:var(--s1);border-radius:var(--r);background:var(--wz-s1);color:var(--wz-tx);transition:background var(--ease),transform var(--ease)}
html[data-wz="issue"] body a.sm-card:hover{background:var(--wz-s2);transform:translateY(-2px)}
html[data-wz="issue"] body .sm-card::before{left:var(--s3);top:25px}
html[data-wz="issue"] body .sm-card b{font-size:16px;font-weight:700;overflow-wrap:anywhere}
html[data-wz="issue"] body .sm-pw{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .sm-empty{padding:var(--s2);border-radius:var(--r);background:var(--wz-s1);color:var(--wz-mute);font-size:13px}
html[data-wz="issue"] body .sm-rest{margin-top:var(--s4);padding-top:0}
html[data-wz="issue"] body .sm-rest h4{font-size:20px;font-weight:800;margin:0 0 var(--s2)}
html[data-wz="issue"] body .sm-chips{gap:var(--s1)}
html[data-wz="issue"] body .sm-chip{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2) 0 var(--s4);border-radius:999px;background:var(--wz-s1);color:var(--wz-tx);font-size:14px;font-weight:700;transition:background var(--ease)}
html[data-wz="issue"] body .sm-chip:hover{background:var(--wz-s2)}
html[data-wz="issue"] body .sm-chip::before{left:var(--s2);top:50%;margin-top:-4px}
html[data-wz="issue"] body .sm-note{font-size:13px;color:var(--wz-mute);margin:var(--s2) 0 0}

/* ── 전체 지도(원형 버튼 지도) ── */
html[data-wz="issue"] body .am-bar{gap:var(--s1);margin:var(--s2) 0}
html[data-wz="issue"] body .am-sub{gap:var(--s1);margin:0 0 var(--s2)}
html[data-wz="issue"] body .am-bar button,html[data-wz="issue"] body .am-sub button{display:inline-flex;align-items:center;box-sizing:border-box;min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);color:var(--wz-mute);font-size:14px;font-weight:700;transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .am-bar button:hover,html[data-wz="issue"] body .am-sub button:hover{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="issue"] body .am-bar button[aria-pressed=true],html[data-wz="issue"] body .am-sub button[aria-pressed=true]{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="issue"] body .am-sub button i{font-size:13px}
html[data-wz="issue"] body #am-svg{max-width:100%}
html[data-wz="issue"] body .am-b circle{fill:var(--wz-s1);transition:fill var(--ease)}
html[data-wz="issue"] body .am-b:hover circle{fill:var(--wz-s2)}
html[data-wz="issue"] body .am-b.on circle{fill:var(--wz-accent)}
html[data-wz="issue"] body .am-panel{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r);background:var(--wz-s1)}
html[data-wz="issue"] body .am-panel h3{font-size:20px;font-weight:800;margin:0 0 var(--s2);overflow-wrap:anywhere}
html[data-wz="issue"] body .am-panel h3 span{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .am-list a,html[data-wz="issue"] body .am-list a:nth-child(odd){align-items:center;min-height:44px;padding:var(--s1) var(--s2);border-radius:12px;background:transparent;color:var(--wz-tx);transition:background var(--ease)}
html[data-wz="issue"] body .am-list a:hover{background:var(--wz-s2)}
html[data-wz="issue"] body .am-list a i,html[data-wz="issue"] body .am-list a sup{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .am-list a b{font-size:16px;font-weight:700;overflow-wrap:anywhere}
html[data-wz="issue"] body .am-hint{font-size:13px;color:var(--wz-mute);margin:var(--s1) 0 0}

/* ── 주제 목록(qh) ── */
html[data-wz="issue"] body .qh-row{margin-bottom:var(--s1);border-radius:var(--r);background:var(--wz-s1);transition:background var(--ease)}
html[data-wz="issue"] body .qh-row:hover,html[data-wz="issue"] body .qh-row:focus-within{background:var(--wz-s2)}
html[data-wz="issue"] body .qh-row>a{align-items:center;min-height:44px;padding:var(--s2) var(--s3);color:var(--wz-tx)}
html[data-wz="issue"] body .qh-row .t{font-size:16px;font-weight:800;overflow-wrap:anywhere}
html[data-wz="issue"] body .qh-row .m{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .qh-row .m svg{color:var(--wz-accent)}
html[data-wz="issue"] body .qh-sm{margin:0!important;padding:0 var(--s3) var(--s2) calc(var(--s3) + 19px);font-size:13px;line-height:1.6;color:var(--wz-mute);opacity:1}
html[data-wz="issue"] body .qh-fold{margin:var(--s2) 0;border-radius:var(--r);background:var(--wz-s1)}
html[data-wz="issue"] body .qh-fold>summary{align-items:center;min-height:44px;padding:var(--s2) var(--s3)}
html[data-wz="issue"] body .qh-fold .t{font-size:20px;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}
html[data-wz="issue"] body .qh-fold .ar{color:var(--wz-accent);transition:transform var(--ease)}
html[data-wz="issue"] body .qh-fold>.qh-list{padding:0 var(--s2) var(--s2)}
html[data-wz="issue"] body .qh-fold .qh-row{background:var(--wz-bg)}
html[data-wz="issue"] body .qh-fold .qh-row:hover,html[data-wz="issue"] body .qh-fold .qh-row:focus-within{background:var(--wz-s2)}
html[data-wz="issue"] body .qh-cols{column-gap:var(--s4)}
html[data-wz="issue"] body .qh-map.is3d{border-radius:var(--r);overflow:hidden}
html[data-wz="issue"] body .qh-map .ctrl{font-size:13px;color:var(--wz-mute)}

/* ── 기사 카드 ── */
html[data-wz="issue"] body .grid{gap:var(--s4)}
html[data-wz="issue"] body .item{padding:var(--s3);border-radius:var(--r);background:var(--wz-s1);min-width:0}
html[data-wz="issue"] body .item .top{gap:var(--s1);margin-bottom:var(--s2)}
html[data-wz="issue"] body .item .src{font-size:13px;letter-spacing:.06em}
html[data-wz="issue"] body .item .rg{font-size:13px;letter-spacing:.04em;color:var(--wz-mute)}
html[data-wz="issue"] body .item .bar{width:4px;height:4px;border-radius:50%;background:var(--wz-mute)}
html[data-wz="issue"] body .item .open,html[data-wz="issue"] body .item .open.free,html[data-wz="issue"] body .item .open.paid{padding:0 var(--s1);border-radius:999px;background:var(--wz-s2);color:var(--wz-mute);font-size:13px}
html[data-wz="issue"] body .item .open.free{color:var(--wz-tx)}
html[data-wz="issue"] body .item h3{font-size:20px;font-weight:800;line-height:1.4;letter-spacing:-.02em;margin-bottom:var(--s1);overflow-wrap:anywhere}
html[data-wz="issue"] body .item .orig{display:block;overflow:visible;-webkit-line-clamp:none;font-size:13px;line-height:1.6;color:var(--wz-mute);margin-bottom:var(--s2);overflow-wrap:anywhere}
html[data-wz="issue"] body .sum{gap:var(--s1)}
html[data-wz="issue"] body .sum span{padding-left:var(--s2);font-size:16px;line-height:1.7;overflow-wrap:anywhere}
html[data-wz="issue"] body .sum span::before{color:var(--wz-accent)}
html[data-wz="issue"] body .btns{gap:var(--s1);margin-top:var(--s3)}

/* 딥다이브 */
html[data-wz="issue"] body .dive{margin-top:var(--s2);padding:var(--s3);border-radius:var(--r);background:var(--wz-s2)}
html[data-wz="issue"] body .dive .dk{font-size:13px;letter-spacing:.14em;color:var(--wz-accent);margin-bottom:var(--s2)}
html[data-wz="issue"] body .dive p{font-size:16px;line-height:1.8}
html[data-wz="issue"] body .dvmd{font-size:16px;line-height:1.85;overflow-wrap:anywhere}
html[data-wz="issue"] body .dvmd h4{font-size:20px;font-weight:800;margin:var(--s4) 0 var(--s1)}
html[data-wz="issue"] body .dvmd .tagline{font-size:13px;color:var(--wz-mute);opacity:1}
html[data-wz="issue"] body .dvmd pre{max-width:100%;overflow-x:auto}
html[data-wz="issue"] body .dvmd a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:currentColor;font-weight:700}
html[data-wz="issue"] body .dvmd a:hover{color:var(--wz-accent)}
html[data-wz="issue"] body .dive .srcbox{margin-top:var(--s3);padding-top:0}
html[data-wz="issue"] body .dive .srcbox a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:var(--wz-tx);text-decoration:none;overflow-wrap:anywhere}
html[data-wz="issue"] body .dive .srcbox a:hover{color:var(--wz-accent)}
html[data-wz="issue"] body .dive .srcbox .ar{color:var(--wz-accent)}

/* ── 회차 오디오 ── */
html[data-wz="issue"] body .issue-audio .ia-note{font-size:13px;line-height:1.6;color:var(--wz-mute);margin:0 0 var(--s3)}
html[data-wz="issue"] body .ia-parts{gap:var(--s3)}
html[data-wz="issue"] body .ia-part{padding:var(--s3);border-radius:var(--r);background:var(--wz-s1)}
html[data-wz="issue"] body .ia-head{gap:var(--s1);margin-bottom:var(--s2);font-size:13px;letter-spacing:.04em;color:var(--wz-mute)}
html[data-wz="issue"] body .ia-head b{font-size:20px;font-weight:800;color:var(--wz-tx)}
html[data-wz="issue"] body .ia-audio{margin-bottom:var(--s2)}
html[data-wz="issue"] body .ia-toc li{gap:var(--s1);margin-bottom:4px}
html[data-wz="issue"] body .ia-seek{padding:var(--s1);border-radius:12px;color:var(--wz-tx);font-size:13px;transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .ia-seek:hover{background:var(--wz-s2)}
html[data-wz="issue"] body .ia-seek:hover .ia-title{text-decoration:none}
html[data-wz="issue"] body .ia-seek.on{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="issue"] body .ia-seek.on .ia-n,html[data-wz="issue"] body .ia-seek.on .ia-t{color:inherit}
html[data-wz="issue"] body .ia-t{font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .ia-n{font-size:13px;color:var(--wz-accent)}
html[data-wz="issue"] body .ia-go{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s1);font-size:13px;color:var(--wz-mute)}
html[data-wz="issue"] body .ia-go:hover{color:var(--wz-tx)}

/* ── 지난 회차 목록 ── */
html[data-wz="issue"] body .hublist a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-tx)}
html[data-wz="issue"] body .hublist a:hover{color:var(--wz-accent)}

/* ── 바닥글 ── */
html[data-wz="issue"] body .siteft{margin-top:var(--s6);padding:var(--s4) 0 var(--s5);align-items:center;gap:var(--s1) var(--s3)}
html[data-wz="issue"] body .ft-brand{font-size:13px;letter-spacing:.14em;color:var(--wz-mute)}
html[data-wz="issue"] body .ft-links{gap:0 var(--s2);font-size:13px}
html[data-wz="issue"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="issue"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="issue"] body .ft-note{font-size:13px;line-height:1.7;color:var(--wz-mute)}
html[data-wz="issue"] body .themebtn{min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);color:var(--wz-mute);font-size:13px;transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .themebtn:hover{background:var(--wz-s2);color:var(--wz-tx)}

/* ── 홈 화면 추가 배너 · 토스트 ── */
html[data-wz="issue"] body .pwatip{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="issue"] body .pwatip .pwatip-msg{font-size:13px;color:var(--wz-tx)}
html[data-wz="issue"] body .pwatip .pwatip-x{border-radius:999px;background:var(--wz-s1);color:var(--wz-mute);transition:background var(--ease),color var(--ease)}
html[data-wz="issue"] body .pwatip .pwatip-x:hover{background:var(--wz-bg);color:var(--wz-tx)}
html[data-wz="issue"] body #toast{border-radius:999px;font-size:13px;letter-spacing:.02em;text-transform:none;transition:opacity var(--ease),transform var(--ease)}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="issue"] body .wrap{padding:0 var(--s3)}
  html[data-wz="issue"] body .contents .wrap{padding:0 var(--s3)}
  html[data-wz="issue"] body header{padding:var(--s5) 0 var(--s3)}
  html[data-wz="issue"] body .qhome-hero{padding:var(--s5) 0 var(--s3)!important}
  html[data-wz="issue"] body .qhome-hero>p{font-size:16px!important}
  html[data-wz="issue"] body .hero-strip>div{flex:1 1 calc(50% - 8px)}
  html[data-wz="issue"] body .extlinks{margin-left:0}
  html[data-wz="issue"] body .sitenav{max-width:100%}
  html[data-wz="issue"] body section.disc,html[data-wz="issue"] body section.issue-audio{padding-top:var(--s5)}
  html[data-wz="issue"] body .authbox{padding:var(--s3)}
}

/* ═══ map ═══ */
/* map 계열(구원 등) 덧씌움 — 규칙 v1. 글·주소·구조는 그대로, 보이는 방식만 바꾼다 */
html[data-wz="map"] body{font-size:var(--t-body);line-height:1.7}
html[data-wz="map"] body .wrap{max-width:720px;padding:var(--s4) var(--s3) var(--s7);overflow-wrap:anywhere}
html[data-wz="map"] body .wrap.wide{max-width:940px}
html[data-wz="map"] body .wrap img,
html[data-wz="map"] body .wrap svg,
html[data-wz="map"] body .wrap table{max-width:100%}

/* 되돌아가기 링크 */
html[data-wz="map"] body .back{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-aux);font-weight:700;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="map"] body .back:hover{color:var(--wz-tx)}

/* 위제목(분류 이름) — 인라인 style 을 이긴다 */
html[data-wz="map"] body .wrap > p.grp[style]{font-size:var(--t-aux)!important;font-weight:700!important;letter-spacing:.14em!important;color:var(--wz-mute)!important;margin:var(--s4) 0 var(--s2)!important}

/* 대표 큰 제목 — 형광 띠는 여기에만 */
html[data-wz="map"] body h1{display:inline;font-size:clamp(32px,6vw,56px);line-height:1.2;font-weight:900;letter-spacing:-.035em;color:var(--wz-tx);margin:0;padding:0 .06em;background:linear-gradient(transparent 58%,var(--wz-accent) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 짧은 노랑 막대는 강조 하나 원칙에 따라 면 없이 여백으로만 */
html[data-wz="map"] body .rule{height:0;width:auto;background:transparent;margin:var(--s3) 0 0}

/* 본문 */
html[data-wz="map"] body .wrap > div[style]{margin-top:var(--s4)!important}
html[data-wz="map"] body p{font-size:var(--t-body);line-height:1.8;color:var(--wz-tx);margin:0 0 var(--s2)}
html[data-wz="map"] body strong{font-weight:800}
html[data-wz="map"] body em{color:var(--wz-mute)}

/* 절 제목 — 밑줄선 없이 크기와 여백으로 */
html[data-wz="map"] body h2{font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.02em;color:var(--wz-tx);margin:var(--s6) 0 var(--s3);padding:0;border:0!important}
html[data-wz="map"] body .kicker{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin:var(--s5) 0 var(--s2)}

/* 참고 도서 목록 — 작은 면 */
html[data-wz="map"] body ul{list-style:none;margin:0 0 var(--s3);padding:0}
html[data-wz="map"] body li{display:block;width:fit-content;max-width:100%;margin:0 0 var(--s1);padding:var(--s1) var(--s2);background:var(--wz-s1);border-radius:12px;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}

/* 본문 속 링크 — 밑줄 대신 옅은 면 */
html[data-wz="map"] body a.lnk{font-weight:700;color:var(--wz-tx);text-decoration:none;border:0!important;background:var(--wz-s1);border-radius:6px;padding:0 .3em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background var(--ease)}
html[data-wz="map"] body a.lnk:hover,
html[data-wz="map"] body a.lnk:focus-visible{background:var(--wz-s2);color:var(--wz-tx)}

/* 이어지는 개념 — 알약 */
html[data-wz="map"] body .nextpills{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s3) 0 0}
html[data-wz="map"] body .nextpill{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);font-size:14px;font-weight:700;color:var(--wz-tx);text-decoration:none;background:var(--wz-s1);border:0!important;border-radius:999px;transition:background var(--ease),color var(--ease)}
html[data-wz="map"] body .nextpill:hover,
html[data-wz="map"] body .nextpill:focus-visible{background:var(--wz-s2);color:var(--wz-tx)}

/* 맺음 문장 */
html[data-wz="map"] body .wrap > p[style]:not(.grp){margin-top:var(--s5)!important;font-size:var(--t-aux)!important;color:var(--wz-mute)!important}

/* 묶음 머리(목록 쪽 페이지) */
html[data-wz="map"] body .grp{margin-top:var(--s6)}
html[data-wz="map"] body .ghead{display:flex;align-items:center;gap:var(--s1);margin:0 0 var(--s3);padding:0;border:0!important}
html[data-wz="map"] body .gno{width:24px;height:24px;font-size:13px;font-weight:800;background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="map"] body .gname{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--wz-tx)}
html[data-wz="map"] body .gcount{font-size:var(--t-aux);font-weight:700;color:var(--wz-mute)}

/* 카드 */
html[data-wz="map"] body .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}
html[data-wz="map"] body .grid.start{margin-bottom:var(--s2)}
html[data-wz="map"] body .card{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s3);background:var(--wz-s1);color:var(--wz-tx);border:0!important;border-radius:var(--r);text-decoration:none;transition:background var(--ease),transform var(--ease)}
html[data-wz="map"] body .card:hover,
html[data-wz="map"] body .card:focus-visible{background:var(--wz-s2);transform:translateY(-2px)}
html[data-wz="map"] body .card.hub{background:var(--wz-s2)}
html[data-wz="map"] body .cn{font-size:20px;font-weight:800;line-height:1.3;letter-spacing:-.02em}
/* 두 줄 말줄임은 글을 가리므로 풀어 전부 보인다 */
html[data-wz="map"] body .cd{display:block;overflow:visible;-webkit-line-clamp:unset;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="map"] body .hubnote{display:flex;align-items:center;gap:var(--s1);font-size:var(--t-aux);color:var(--wz-mute);margin:var(--s1) 0 var(--s3)}
html[data-wz="map"] body .hubmark{flex:none;width:16px;height:16px;border-radius:4px;background:var(--wz-s2)}

/* 바닥글 — 선 대신 면 */
html[data-wz="map"] body .siteft{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);margin-top:var(--s6);padding:var(--s3);background:var(--wz-s1);border:0!important;border-radius:var(--r)}
html[data-wz="map"] body .ft-brand{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute)}
html[data-wz="map"] body .ft-links{display:flex;flex-wrap:wrap;gap:0 var(--s2);font-size:var(--t-aux)}
html[data-wz="map"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="map"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="map"] body .ft-note{flex:1 0 100%;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute);margin:0}

/* 테마 버튼 */
html[data-wz="map"] body .themebtn{min-height:44px;padding:0 var(--s2);font-family:inherit;font-size:var(--t-aux);font-weight:700;color:var(--wz-tx);background:var(--wz-s2);border:0!important;border-radius:999px;margin-left:auto;transition:background var(--ease),color var(--ease)}
html[data-wz="map"] body .themebtn:hover{background:var(--wz-bg);color:var(--wz-tx)}

/* 좁은 화면 */
@media (max-width:640px){
  html[data-wz="map"] body .wrap{padding:var(--s2) var(--s2) var(--s6)}
  html[data-wz="map"] body h1{font-size:clamp(32px,6vw,56px)}
  html[data-wz="map"] body .grid{grid-template-columns:1fr}
  html[data-wz="map"] body .grp{margin-top:var(--s5)}
  html[data-wz="map"] body h2{margin-top:var(--s5)}
  html[data-wz="map"] body .siteft{padding:var(--s2)}
  html[data-wz="map"] body .themebtn{margin-left:0}
}

/* ═══ paul ═══ */
/* 바울 연대기(paul) 덧씌움 — 규칙 v1. 글·구조는 그대로 두고 보이는 방식만 바꾼다 */

/* ── 토큰: 옛 이름을 규칙 변수로 잇는다(지도·표식 색 --paul/--data/--gap/--ok/--warn/--bad/--edit 은 그대로) ── */
html[data-wz="paul"] body{
  --bg:var(--wz-bg); --panel:var(--wz-s1); --panel-2:var(--wz-s2);
  --text:var(--wz-tx); --muted:var(--wz-mute); --line:transparent;
  background:var(--wz-bg); color:var(--wz-tx);
  font-family:Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;
  font-size:var(--t-body); line-height:1.7;
}
html[data-wz="paul"] body *{max-width:100%}
html[data-wz="paul"] body svg,
html[data-wz="paul"] body svg *{max-width:none}
html[data-wz="paul"] body p,
html[data-wz="paul"] body h1,
html[data-wz="paul"] body h2,
html[data-wz="paul"] body h3,
html[data-wz="paul"] body h4,
html[data-wz="paul"] body li,
html[data-wz="paul"] body td,
html[data-wz="paul"] body th,
html[data-wz="paul"] body blockquote{overflow-wrap:anywhere}

/* ── 바탕 틀 ── */
html[data-wz="paul"] body .wrap{max-width:760px;padding:var(--s5) var(--s3) var(--s7)}

/* ── 링크: 밑줄선 구분 대신 글자 장식으로만 알린다 ── */
html[data-wz="paul"] body a{
  color:var(--wz-tx);border:0!important;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;
  text-decoration-color:var(--wz-mute);
  transition:color var(--ease);
}
html[data-wz="paul"] body a:hover{color:var(--wz-tx);text-decoration-color:var(--wz-tx)}

/* ── 상단 내비 ── */
html[data-wz="paul"] body .topnav{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s3);margin-bottom:var(--s5);font-size:var(--t-aux)}
html[data-wz="paul"] body .topnav a{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--wz-mute);text-decoration:none;letter-spacing:.02em;
}
html[data-wz="paul"] body .topnav a:hover{color:var(--wz-tx)}
html[data-wz="paul"] body .topnav .home{color:var(--wz-tx);font-weight:800}

/* ── 머리글: 위제목 + 큰 제목(형광 띠) + 한 줄 설명 ── */
html[data-wz="paul"] body .wrap>header{padding:var(--s5) 0 var(--s4)}
html[data-wz="paul"] body .eyebrow{display:block;font-size:var(--t-aux);letter-spacing:.14em;font-weight:700;color:var(--wz-mute);margin:0 0 var(--s2)}
html[data-wz="paul"] body h1{
  display:inline;margin:0;
  font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.3;letter-spacing:-.035em;
  color:var(--wz-tx);
  background:linear-gradient(transparent 58%,var(--wz-accent) 58%);
  padding:0 .06em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;
}
html[data-wz="paul"] body .dek{font-size:18px;line-height:1.6;color:var(--wz-mute);max-width:36em;margin:var(--s3) 0 0}
html[data-wz="paul"] body .byline{font-size:var(--t-aux);line-height:1.7;color:var(--wz-mute);margin-top:var(--s3)}
html[data-wz="paul"] body .byline a{color:var(--wz-tx)}

/* ── 범례 ── */
html[data-wz="paul"] body .legend{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin:var(--s5) 0 var(--s2);font-size:var(--t-aux);color:var(--wz-mute)}
html[data-wz="paul"] body .legend i{margin-right:var(--s1)}

/* ── 연대기 도표(그래프 면) ── */
html[data-wz="paul"] body .tl-box{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s2) 0 var(--s2);overflow:hidden}
html[data-wz="paul"] body .tl-box svg{display:block;width:100%;height:auto}
html[data-wz="paul"] body .tick{stroke:var(--wz-mute);stroke-opacity:.5;stroke-width:1}
html[data-wz="paul"] body .tt{fill:var(--wz-tx)}
html[data-wz="paul"] body .ts2{fill:var(--wz-mute)}
html[data-wz="paul"] body .hint{font-size:var(--t-aux);color:var(--wz-mute);margin:var(--s2) 0 0}

/* ── 제목(중간) ── */
html[data-wz="paul"] body h2{
  font-size:28px;font-weight:900;line-height:1.3;letter-spacing:-.03em;color:var(--wz-tx);
  margin:var(--s6) 0 var(--s3);padding:0;border:0!important;scroll-margin-top:var(--s3);
}
html[data-wz="paul"] body .wrap>p[style]{font-size:var(--t-body)!important;line-height:1.7;margin-bottom:var(--s3)!important;color:var(--wz-mute)!important}
html[data-wz="paul"] body .wrap>p[style] b[style]{color:var(--wz-tx)!important;font-weight:700}
html[data-wz="paul"] body .wrap>p[style] a{color:var(--wz-tx)}

/* ── 지도 컨트롤 · 버튼(칩) ── */
html[data-wz="paul"] body .map-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1);margin:var(--s3) 0 var(--s2)}
html[data-wz="paul"] body .btn{
  min-height:44px;padding:var(--s1) var(--s2);
  background:var(--wz-s1);color:var(--wz-mute);
  border:0!important;border-radius:999px;
  font-family:inherit;font-size:14px;font-weight:700;line-height:1.3;
  transition:background var(--ease),color var(--ease);
}
html[data-wz="paul"] body .btn:hover{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="paul"] body .btn.on{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="paul"] body .btn:disabled{opacity:.35}
html[data-wz="paul"] body .btn:disabled:hover{background:var(--wz-s1);color:var(--wz-mute)}
html[data-wz="paul"] body .phase-pos{font-size:var(--t-aux);color:var(--wz-mute);margin-left:auto}

/* ── 이동 경로 지도 ── */
html[data-wz="paul"] body #pmap{display:block;width:100%;height:auto;background:var(--wz-s1);border-radius:var(--r);padding:var(--s2);overflow:hidden}
html[data-wz="paul"] body .map-info{
  background:var(--wz-s1);border:0!important;border-radius:var(--r);
  padding:var(--s3);margin-top:var(--s2);min-height:160px;
}
html[data-wz="paul"] body .map-info .yr{font-size:var(--t-aux);color:var(--wz-mute)}
html[data-wz="paul"] body .map-info h3{font-size:24px;font-weight:900;line-height:1.3;letter-spacing:-.03em;margin:var(--s1) 0}
html[data-wz="paul"] body .map-info p{font-size:var(--t-body);line-height:1.7;color:var(--wz-mute)}
html[data-wz="paul"] body #mi-link:not([style*="none"]){display:inline-flex;align-items:center;min-height:44px}

/* ── 학자 렌즈 카드 ── */
html[data-wz="paul"] body .schol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--s2);margin:var(--s3) 0}
html[data-wz="paul"] body .schol .s{background:var(--wz-s1);border:0!important;border-radius:var(--r);padding:var(--s3)}
html[data-wz="paul"] body .schol h3{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.02em;margin:0 0 var(--s1)}
html[data-wz="paul"] body .schol p{font-size:var(--t-body);line-height:1.7;color:var(--wz-mute)}
html[data-wz="paul"] body .schol b{color:var(--wz-tx);font-weight:700}

/* ── 사건 카드 ── */
html[data-wz="paul"] body .ev{
  background:var(--wz-s1);border:0!important;border-radius:var(--r);
  padding:var(--s3);margin-bottom:var(--s3);
  transition:background var(--ease);
}
html[data-wz="paul"] body .ev.flash{outline:0!important;background:var(--wz-s2)}
html[data-wz="paul"] body .ev header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s2);margin-bottom:var(--s2);padding:0}
html[data-wz="paul"] body .yr{font-size:var(--t-aux);font-weight:700;letter-spacing:.06em;color:var(--wz-mute)}
html[data-wz="paul"] body .ev h3{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.02em;flex:1 1 auto}
html[data-wz="paul"] body .grade{
  font-size:var(--t-aux);font-weight:700;line-height:1.4;letter-spacing:.04em;
  padding:4px var(--s2);border:0!important;border-radius:999px;background:var(--wz-s2);
}

/* ── 세 겹(층) ── */
html[data-wz="paul"] body .layer{background:var(--wz-s2);border:0!important;border-radius:12px;padding:var(--s2);margin-top:var(--s1)}
html[data-wz="paul"] body .layer h4{font-size:var(--t-aux);font-weight:700;letter-spacing:.12em;margin:0 0 var(--s1)}
html[data-wz="paul"] body .l-bible h4,
html[data-wz="paul"] body .l-data h4,
html[data-wz="paul"] body .l-imag h4{color:var(--wz-mute)}
/* 편집부 검토층: 점선 대신 한 단 더 꺼진 면, 라벨 색은 기존 청록 표식 유지 */
html[data-wz="paul"] body .l-edit{background:var(--wz-bg);border:0!important}
html[data-wz="paul"] body .l-edit h4{color:var(--edit)}
html[data-wz="paul"] body .layer p{font-size:var(--t-body);line-height:1.7;color:var(--wz-tx)}
html[data-wz="paul"] body .layer p b{color:var(--wz-tx);font-weight:700}
html[data-wz="paul"] body .ref{font-size:var(--t-aux);color:var(--wz-mute);margin-top:var(--s1)}

/* ── 박스류 ── */
html[data-wz="paul"] body .note{
  background:var(--wz-s1);border:0!important;border-radius:var(--r);
  padding:var(--s3);margin:var(--s4) 0;
}
html[data-wz="paul"] body .note h3{font-size:20px;font-weight:900;line-height:1.3;letter-spacing:-.02em;margin:0 0 var(--s1)}
html[data-wz="paul"] body .note p{font-size:var(--t-body);line-height:1.7}
html[data-wz="paul"] body blockquote{
  background:var(--wz-s1);border:0!important;border-radius:var(--r);
  padding:var(--s3);margin:var(--s3) 0;
  font-size:var(--t-body);font-weight:600;line-height:1.7;color:var(--wz-tx);
}
html[data-wz="paul"] body blockquote cite{display:block;font-size:var(--t-aux);font-weight:400;color:var(--wz-mute);margin-top:var(--s1)}

/* ── 표: 줄선 대신 행마다 면 ── */
html[data-wz="paul"] body .tscroll{margin:var(--s2) 0;overflow-x:auto}
html[data-wz="paul"] body table{border-collapse:separate;border-spacing:0 var(--s1);font-size:var(--t-body);margin:0}
html[data-wz="paul"] body th,
html[data-wz="paul"] body td{border:0!important;padding:var(--s2);line-height:1.6}
html[data-wz="paul"] body th{background:transparent;color:var(--wz-mute);font-size:var(--t-aux);font-weight:700;letter-spacing:.06em;padding-top:var(--s1);padding-bottom:var(--s1)}
html[data-wz="paul"] body td{background:var(--wz-s1);color:var(--wz-tx)}
html[data-wz="paul"] body td:first-child{border-radius:12px 0 0 12px}
html[data-wz="paul"] body td:last-child{border-radius:0 12px 12px 0}

/* ── 바닥글: 선 대신 면 ── */
html[data-wz="paul"] body footer{
  background:var(--wz-s1);border:0!important;border-radius:var(--r);
  margin-top:var(--s6);padding:var(--s3);
  font-size:var(--t-aux);color:var(--wz-mute);
}
html[data-wz="paul"] body footer li{margin:0}
html[data-wz="paul"] body footer a{display:inline-block;max-width:100%;padding:11px 0;overflow-wrap:anywhere}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="paul"] body .wrap{padding:var(--s4) var(--s2) var(--s6)}
  html[data-wz="paul"] body .wrap>header{padding:var(--s4) 0 var(--s3)}
  html[data-wz="paul"] body .dek{font-size:var(--t-body)}
  html[data-wz="paul"] body h2{font-size:24px;margin-top:var(--s5)}
  /* 도표는 글자가 읽히도록 칸 안에서만 가로로 민다 */
  html[data-wz="paul"] body .tl-box{padding:var(--s2);overflow-x:auto;-webkit-overflow-scrolling:touch}
  html[data-wz="paul"] body .tl-box svg{min-width:600px}
  html[data-wz="paul"] body .phase-pos{margin-left:0;flex-basis:100%}
  /* 친서 비교표: 서신 하나 = 카드 하나 */
  html[data-wz="paul"] body table.lt{border-spacing:0}
  html[data-wz="paul"] body table.lt tr{
    border:0!important;border-radius:var(--r);background:var(--wz-s1);
    padding:0;margin:0 0 var(--s2);overflow:hidden;
  }
  html[data-wz="paul"] body table.lt td{background:transparent;border-radius:0;padding:var(--s1) var(--s3)}
  html[data-wz="paul"] body table.lt td:first-child{padding-top:var(--s3);font-size:20px;font-weight:800;white-space:normal}
  html[data-wz="paul"] body table.lt td:last-child{padding-bottom:var(--s3)}
  html[data-wz="paul"] body table.lt td:nth-child(2)::before,
  html[data-wz="paul"] body table.lt td:nth-child(3)::before,
  html[data-wz="paul"] body table.lt td:nth-child(4)::before{color:var(--wz-mute);font-weight:700}
}

/* ═══ atlas ═══ */
/* 지형도(atlas) 계열 덧씌움 — 규칙 v1 · 보이는 방식만 바꾼다 */

/* ── 바탕 · 본문 틀 ── */
html[data-wz="atlas"] body .wrap{max-width:760px;margin:0 auto;padding:var(--s5) var(--s3) var(--s7);overflow-wrap:anywhere}
html[data-wz="atlas"] body .wrap.wide{max-width:960px}
html[data-wz="atlas"] body p{font-size:var(--t-body);line-height:1.7;margin:0 0 var(--s2)}
html[data-wz="atlas"] body strong,
html[data-wz="atlas"] body b{font-weight:800}
html[data-wz="atlas"] body ul,
html[data-wz="atlas"] body ol{margin:0 0 var(--s2);padding-left:var(--s3)}
html[data-wz="atlas"] body li{margin:0 0 var(--s1);font-size:var(--t-body)}
html[data-wz="atlas"] body svg,
html[data-wz="atlas"] body img{max-width:100%}
html[data-wz="atlas"] body a{color:inherit}
html[data-wz="atlas"] body code{background:var(--wz-s2);color:var(--wz-tx);font-size:inherit;padding:0 var(--s1);border-radius:var(--s1)}
html[data-wz="atlas"] body blockquote{margin:0 0 var(--s2);padding:var(--s3);background:var(--wz-s1);border-radius:var(--r);color:var(--wz-mute)}
html[data-wz="atlas"] body hr{height:0;margin:var(--s5) 0;background:none}

/* ── 테두리·구분선 모두 끈다 (기존 border 는 여기서 끈다) ── */
html[data-wz="atlas"] body .themebtn,
html[data-wz="atlas"] body .siteft,
html[data-wz="atlas"] body .terms,
html[data-wz="atlas"] body .terms div,
html[data-wz="atlas"] body .why,
html[data-wz="atlas"] body .def,
html[data-wz="atlas"] body .def:first-of-type,
html[data-wz="atlas"] body .defhead h3 a,
html[data-wz="atlas"] body .more a,
html[data-wz="atlas"] body .toc,
html[data-wz="atlas"] body .toc a,
html[data-wz="atlas"] body .totop a,
html[data-wz="atlas"] body .close,
html[data-wz="atlas"] body .card,
html[data-wz="atlas"] body .ghead,
html[data-wz="atlas"] body .plot,
html[data-wz="atlas"] body .nextlist a,
html[data-wz="atlas"] body .nextlist span,
html[data-wz="atlas"] body ul.check label,
html[data-wz="atlas"] body .chkout,
html[data-wz="atlas"] body .rw,
html[data-wz="atlas"] body .rwtabs button,
html[data-wz="atlas"] body .rwlist,
html[data-wz="atlas"] body .rwlist li,
html[data-wz="atlas"] body .tools button,
html[data-wz="atlas"] body .dl,
html[data-wz="atlas"] body .dl a,
html[data-wz="atlas"] body .facts,
html[data-wz="atlas"] body blockquote,
html[data-wz="atlas"] body hr{border:0!important;outline:0}

/* ── 맨 위: 돌아가기 · 대표 제목 · 리드 ── */
html[data-wz="atlas"] body .back{display:flex;align-items:center;width:fit-content;min-height:44px;margin:0 0 var(--s4);font-size:var(--t-aux);font-weight:700;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="atlas"] body .back:hover{color:var(--wz-tx)}
/* 대표 큰 제목(h1) — 형광 띠를 글자 뒤에 */
html[data-wz="atlas"] body h1{display:inline;font-size:clamp(32px,6vw,56px);line-height:1.3;letter-spacing:-.035em;font-weight:900;margin:0;padding:0 .06em;color:var(--wz-tx);background:linear-gradient(transparent 58%,var(--wz-accent) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone;overflow-wrap:anywhere}
html[data-wz="atlas"] body .lead{font-size:20px;line-height:1.6;font-weight:500;color:var(--wz-mute);max-width:36em;margin:0 0 var(--s1)}
html[data-wz="atlas"] body h1 + .lead{margin-top:var(--s3)}
/* 노란 짧은 막대는 형광 띠와 겹치므로 면을 거둔다(빈 장식 칸) */
html[data-wz="atlas"] body .rule{display:none}
html[data-wz="atlas"] body .kicker{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin:0 0 var(--s2)}

/* ── 제목 3단 ── */
html[data-wz="atlas"] body h2{font-size:24px;line-height:1.3;letter-spacing:-.03em;font-weight:800;margin:var(--s5) 0 var(--s2);overflow-wrap:anywhere}
html[data-wz="atlas"] body h3{font-size:var(--t-body);line-height:1.4;letter-spacing:-.01em;font-weight:800;margin:var(--s3) 0 var(--s1);overflow-wrap:anywhere}
html[data-wz="atlas"] body .sect h2,
html[data-wz="atlas"] body .close h2{font-size:28px;margin:0 0 var(--s1)}
html[data-wz="atlas"] body .sect p.intro{font-size:var(--t-body);color:var(--wz-mute);margin:0 0 var(--s3)}

/* ── 목차 ── */
html[data-wz="atlas"] body .toc{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s5) 0 0}
html[data-wz="atlas"] body .toc p{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .toc ol{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(215px,100%),1fr));gap:var(--s1);margin:0;padding:0;list-style:none}
html[data-wz="atlas"] body .toc li{margin:0}
html[data-wz="atlas"] body .toc a{display:flex;align-items:center;gap:var(--s1);min-height:44px;padding:var(--s1) var(--s2);border-radius:12px;font-size:var(--t-body);font-weight:600;text-decoration:none;background:transparent;transition:background var(--ease)}
html[data-wz="atlas"] body .toc a:hover{background:var(--wz-s2)}
html[data-wz="atlas"] body .toc a i{font-size:var(--t-aux);font-weight:800;color:var(--wz-mute);min-width:24px}

/* ── 섹션 · 맨 위로 ── */
html[data-wz="atlas"] body .sect{margin:var(--s6) 0 0;padding:0}
html[data-wz="atlas"] body .sect h2 a{color:inherit;text-decoration:none}
html[data-wz="atlas"] body .totop{margin:var(--s3) 0 0;text-align:right}
html[data-wz="atlas"] body .totop a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);color:var(--wz-mute);font-size:var(--t-aux);font-weight:700;text-decoration:none;transition:background var(--ease),color var(--ease)}
html[data-wz="atlas"] body .totop a:hover{background:var(--wz-s2);color:var(--wz-tx)}

/* ── 정의 카드(.def) ── */
html[data-wz="atlas"] body .def{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .defhead{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s2);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .defhead h3{margin:0;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em}
html[data-wz="atlas"] body .defhead h3 a{display:inline-flex;align-items:center;min-height:44px;padding:0;text-decoration:none;transition:color var(--ease)}
html[data-wz="atlas"] body .defhead h3 a:hover{color:var(--wz-mute)}
html[data-wz="atlas"] body .defhead h3 a::after{color:var(--wz-mute)}
html[data-wz="atlas"] body .defhead span{font-size:var(--t-aux);font-weight:600;color:var(--wz-mute);letter-spacing:.02em}
html[data-wz="atlas"] body .deflead{font-size:var(--t-body);line-height:1.7;color:var(--wz-mute);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .defcols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}
html[data-wz="atlas"] body .defcols > *{min-width:0}
html[data-wz="atlas"] body .defcols b,
html[data-wz="atlas"] body .defcols.bad b,
html[data-wz="atlas"] body .defcols .bad b{display:block;font-size:var(--t-aux);font-weight:800;letter-spacing:.12em;color:var(--wz-mute);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .defcols ul{margin:0;padding-left:var(--s2)}
html[data-wz="atlas"] body .defcols li{font-size:var(--t-body);line-height:1.6;margin:0 0 var(--s1);color:var(--wz-tx)}
html[data-wz="atlas"] body .defcols .bad li{color:var(--wz-mute)}

/* ── 더 보기 · 칩 링크 ── */
html[data-wz="atlas"] body .more{margin:var(--s2) 0 0;font-size:var(--t-aux);font-weight:700;letter-spacing:.06em;color:var(--wz-mute)}
html[data-wz="atlas"] body .more a{display:inline-flex;align-items:center;min-height:44px;margin:0 0 0 var(--s1);padding:0 var(--s2);border-radius:999px;background:var(--wz-s2);color:var(--wz-tx);font-size:var(--t-aux);font-weight:700;letter-spacing:0;text-decoration:none;transition:background var(--ease)}
html[data-wz="atlas"] body .more a:hover{background:var(--wz-s1)}

/* ── 마무리 박스 · 이유 박스 ── */
html[data-wz="atlas"] body .close{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s6) 0 0}
html[data-wz="atlas"] body .close p{font-size:var(--t-body);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .close .big{font-size:20px;font-weight:800;line-height:1.6;letter-spacing:-.02em}
html[data-wz="atlas"] body .why{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s3) 0}
html[data-wz="atlas"] body .whyhead{font-size:var(--t-aux);font-weight:800;letter-spacing:.06em;color:var(--wz-mute);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .why p{font-size:var(--t-body);color:var(--wz-mute);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .why p:last-child{margin:0}

/* ── 사실 칸 · 용어 줄 ── */
html[data-wz="atlas"] body .facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:var(--s1);background:none;margin:var(--s4) 0 var(--s1)}
html[data-wz="atlas"] body .facts div{background:var(--wz-s1);border-radius:var(--r);padding:var(--s2) var(--s3)}
html[data-wz="atlas"] body .facts dt{font-size:var(--t-aux);font-weight:700;letter-spacing:.1em;color:var(--wz-mute);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .facts dd{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
html[data-wz="atlas"] body .terms{margin:var(--s3) 0 var(--s1);background:none}
html[data-wz="atlas"] body .terms div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s2);padding:var(--s2) var(--s3);margin:0 0 var(--s1);background:var(--wz-s1);border-radius:var(--r)}
html[data-wz="atlas"] body .terms dt{margin:0;font-size:var(--t-body);font-weight:800}
html[data-wz="atlas"] body .terms dd{margin:0;font-size:var(--t-body);color:var(--wz-mute);line-height:1.7}

/* ── 카드 격자 ── */
html[data-wz="atlas"] body .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(214px,100%),1fr));gap:var(--s2);margin:0 0 var(--s5)}
html[data-wz="atlas"] body .card{display:block;background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);text-decoration:none;transition:background var(--ease),transform var(--ease)}
html[data-wz="atlas"] body .card:hover{background:var(--wz-s2);transform:translateY(-2px)}
html[data-wz="atlas"] body .card b{display:block;font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--s1)}
html[data-wz="atlas"] body .card span{display:block;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="atlas"] body .card em{display:block;font-style:normal;font-size:var(--t-aux);font-weight:700;letter-spacing:.1em;color:var(--wz-mute);margin:0 0 var(--s1)}

/* ── 묶음 머리 ── */
html[data-wz="atlas"] body .grp{margin:0 0 var(--s1);padding:var(--s5) 0 0}
html[data-wz="atlas"] body .subhead{font-size:var(--t-aux);font-weight:800;letter-spacing:.1em;color:var(--wz-mute);margin:var(--s3) 0 var(--s1)}
html[data-wz="atlas"] body .ghead{font-size:20px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:0 0 var(--s2);padding:0}
html[data-wz="atlas"] body .ghead span{font-size:var(--t-aux);font-weight:500;color:var(--wz-mute);margin-left:var(--s1);letter-spacing:0}

/* ── 그림(지도·그래프) 틀 — 그림 안의 색은 그대로 ── */
html[data-wz="atlas"] body .plotwrap{position:relative}
html[data-wz="atlas"] body .plot{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s3) 0 var(--s1);overflow:hidden}
html[data-wz="atlas"] body .plot svg{display:block;width:100%;height:auto;max-width:100%}
html[data-wz="atlas"] body .cap{font-size:var(--t-aux);line-height:1.7;color:var(--wz-mute);margin:0 0 var(--s4)}
/* 규칙 기본이 다크이므로, 라이트가 아닐 때 그림 흰 바닥의 눈부심을 낮춘다 */
html[data-wz="atlas"]:not([data-theme="light"]) body .plot{filter:brightness(.78) contrast(1.06)}
html[data-wz="atlas"][data-theme="light"] body .plot{filter:none}

/* ── 다음 항목 칩 ── */
html[data-wz="atlas"] body .nextlist{display:flex;flex-wrap:wrap;gap:var(--s1);margin:0 0 var(--s1)}
html[data-wz="atlas"] body .nextlist a,
html[data-wz="atlas"] body .nextlist span{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);font-size:var(--t-body);font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="atlas"] body .nextlist a:hover{background:var(--wz-s2)}
html[data-wz="atlas"] body .nextlist span{color:var(--wz-mute);font-weight:500}

/* ── 점검 목록 ── */
html[data-wz="atlas"] body ul.check{list-style:none;padding:0;margin:0 0 var(--s2)}
html[data-wz="atlas"] body ul.check li{margin:0 0 var(--s1)}
html[data-wz="atlas"] body ul.check label{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s1) var(--s2);border-radius:12px;font-size:var(--t-body);line-height:1.6;cursor:pointer;background:transparent;transition:background var(--ease)}
html[data-wz="atlas"] body ul.check label:hover{background:var(--wz-s1)}
html[data-wz="atlas"] body ul.check input{width:24px;height:24px;margin:0;flex:0 0 auto;accent-color:var(--wz-accent)}
html[data-wz="atlas"] body ul.check input:checked + span{color:var(--wz-mute)}
html[data-wz="atlas"] body .chkhint{font-size:var(--t-aux);color:var(--wz-mute);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .chkout{font-size:var(--t-body);font-weight:700;background:var(--wz-s1);border-radius:var(--r);padding:var(--s2) var(--s3);margin:var(--s2) 0 0}

/* ── 읽기 방식 비교(.rw) ── */
html[data-wz="atlas"] body .rw{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3)}
html[data-wz="atlas"] body .rwtabs{display:flex;flex-wrap:wrap;gap:var(--s1);margin:0 0 var(--s3)}
html[data-wz="atlas"] body .rwtabs button{font:inherit;font-size:var(--t-aux);font-weight:700;min-height:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s2);color:var(--wz-mute);cursor:pointer;transition:background var(--ease),color var(--ease)}
html[data-wz="atlas"] body .rwtabs button:hover{color:var(--wz-tx)}
html[data-wz="atlas"] body .rwtabs button[aria-pressed="true"]{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="atlas"] body .rwbar{display:flex;height:48px;overflow:hidden;border-radius:12px;margin:0 0 var(--s1)}
html[data-wz="atlas"] body .rwbar i{font-size:var(--t-body)}
html[data-wz="atlas"] body .rwpct{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin:0 0 var(--s3);font-size:var(--t-aux);color:var(--wz-mute)}
html[data-wz="atlas"] body .rwlist{list-style:none;margin:0;padding:0}
html[data-wz="atlas"] body .rwlist li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--s2);align-items:baseline;padding:var(--s2);margin:0 0 var(--s1);background:var(--wz-s2);border-radius:12px}
html[data-wz="atlas"] body .rwlist b{font-size:var(--t-body);font-weight:700}
html[data-wz="atlas"] body .rwlist span{display:block;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute);margin:var(--s1) 0 0}
html[data-wz="atlas"] body .rwlist u{font-size:var(--t-body);font-weight:700;color:var(--wz-mute);text-decoration:none;white-space:nowrap}
html[data-wz="atlas"] body .rwfoot{font-size:var(--t-aux);line-height:1.7;color:var(--wz-mute);margin:var(--s2) 0 0}

/* ── 도구 · 내려받기 ── */
html[data-wz="atlas"] body .tools{display:flex;justify-content:flex-end;gap:var(--s1);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .tools button{font:inherit;font-size:var(--t-aux);font-weight:700;min-height:44px;min-width:44px;padding:0 var(--s2);border-radius:999px;background:var(--wz-s1);color:var(--wz-mute);letter-spacing:.04em;cursor:pointer;transition:background var(--ease),color var(--ease)}
html[data-wz="atlas"] body .tools button:hover{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="atlas"] body .tools button:active{background:var(--wz-s2)}
html[data-wz="atlas"] body .dl{background:var(--wz-s1);border-radius:var(--r);padding:var(--s3);margin:var(--s5) 0 0}
html[data-wz="atlas"] body .dl p{font-size:var(--t-aux);font-weight:800;letter-spacing:.1em;color:var(--wz-mute);margin:0 0 var(--s2)}
html[data-wz="atlas"] body .dl a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);margin:0 var(--s1) var(--s1) 0;border-radius:999px;background:var(--wz-s2);font-size:var(--t-body);font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="atlas"] body .dl a:hover{background:var(--wz-bg)}

/* ── 영역 이동 ── */
html[data-wz="atlas"] body .sitenav{font-size:var(--t-aux);gap:var(--s1) var(--s2)}
html[data-wz="atlas"] body .sitenav a{display:inline-flex;align-items:center;min-height:44px;padding:0;color:var(--wz-tx);text-decoration:none;transition:color var(--ease)}
html[data-wz="atlas"] body .sitenav a:hover{color:var(--wz-mute)}

/* ── 바닥글 ── */
html[data-wz="atlas"] body .siteft{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s6);padding:var(--s3);background:var(--wz-s1);border-radius:var(--r)}
html[data-wz="atlas"] body .ft-brand{font-size:var(--t-aux);font-weight:800;letter-spacing:.16em;color:var(--wz-mute)}
html[data-wz="atlas"] body .ft-links{display:flex;flex-wrap:wrap;gap:0 var(--s2);font-size:var(--t-aux)}
html[data-wz="atlas"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="atlas"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="atlas"] body .ft-note{flex:1 0 100%;margin:0;font-size:var(--t-aux);line-height:1.7;color:var(--wz-mute)}
html[data-wz="atlas"] body .themebtn{font-family:inherit;font-size:var(--t-aux);font-weight:700;letter-spacing:.04em;min-height:44px;min-width:44px;margin-left:auto;padding:0 var(--s2);border-radius:999px;background:var(--wz-s2);color:var(--wz-mute);cursor:pointer;transition:background var(--ease),color var(--ease)}
html[data-wz="atlas"] body .themebtn:hover{background:var(--wz-bg);color:var(--wz-tx)}

/* ── 키보드 초점은 면으로 ── */
html[data-wz="atlas"] body .nextlist a:focus-visible,
html[data-wz="atlas"] body .dl a:focus-visible,
html[data-wz="atlas"] body .more a:focus-visible,
html[data-wz="atlas"] body .totop a:focus-visible,
html[data-wz="atlas"] body .toc a:focus-visible{background:var(--wz-s2)}

/* ── 인쇄 — 숨김 규칙이 덧씌움에 먹히지 않게 ── */
@media print{
  html[data-wz="atlas"] body .back{display:none}
  html[data-wz="atlas"] body .siteft{display:block}
  html[data-wz="atlas"] body .plot{filter:none}
}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="atlas"] body .wrap{padding:var(--s4) var(--s2) var(--s6)}
  html[data-wz="atlas"] body .back{margin-bottom:var(--s3)}
  html[data-wz="atlas"] body .lead{font-size:var(--t-body)}
  html[data-wz="atlas"] body .sect{margin-top:var(--s5)}
  html[data-wz="atlas"] body .sect h2,
  html[data-wz="atlas"] body .close h2{font-size:24px}
  html[data-wz="atlas"] body .toc{padding:var(--s2)}
  html[data-wz="atlas"] body .def,
  html[data-wz="atlas"] body .why,
  html[data-wz="atlas"] body .close,
  html[data-wz="atlas"] body .rw,
  html[data-wz="atlas"] body .dl,
  html[data-wz="atlas"] body .siteft{padding:var(--s2)}
  html[data-wz="atlas"] body .plot{padding:var(--s1)}
  html[data-wz="atlas"] body .defcols{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
  html[data-wz="atlas"] body .terms div{grid-template-columns:minmax(0,1fr);gap:var(--s1);padding:var(--s2)}
  html[data-wz="atlas"] body .rwlist li{grid-template-columns:24px minmax(0,1fr);padding:var(--s2)}
  html[data-wz="atlas"] body .rwlist li u{grid-column:2}
  html[data-wz="atlas"] body .rwbar i{font-size:var(--t-aux);padding-left:var(--s1)}
  html[data-wz="atlas"] body .siteft .themebtn{margin-left:0}
  html[data-wz="atlas"] body .ft-links{flex:1 0 100%}
}

/* ═══ wed ═══ */
/* 수요모임(wed) 계열 덧씌움 — 웹진 디자인 규칙 v1 */

/* ── 바탕·폭 ── */
html[data-wz="wed"] body{overflow-wrap:anywhere}
html[data-wz="wed"] body .wrap{max-width:760px;margin:0 auto;padding:0 var(--s3) var(--s6)}
html[data-wz="wed"] body img{max-width:100%}

/* ── 머리글: 위제목(뒤로) + 큰 제목 + 한 줄 설명 ── */
html[data-wz="wed"] body header{padding:var(--s6) 0 var(--s4)}
html[data-wz="wed"] body .back{display:flex;width:fit-content;align-items:center;min-height:44px;margin:0 0 var(--s3);font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="wed"] body .back:hover{color:var(--wz-tx)}
/* 대표 큰 제목에만 형광 띠 — 글자 뒤 */
html[data-wz="wed"] body h1{display:inline;font-size:clamp(32px,6vw,56px);line-height:1.2;letter-spacing:-.035em;font-weight:900;color:var(--wz-tx);padding:0 .06em;background:linear-gradient(transparent 58%,var(--wz-accent) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
html[data-wz="wed"] body h1.one{margin:0}
html[data-wz="wed"] body h1 + .lead{margin-top:var(--s3)}
html[data-wz="wed"] body .lead{font-size:18px;line-height:1.6;color:var(--wz-mute);max-width:36em;margin:0 0 var(--s1)}
/* 노랑 막대는 면 하나 규칙에 어긋나므로 빈 여백으로 */
html[data-wz="wed"] body .rule{height:0;width:auto;background:none;margin:0}

/* ── 모임 한 회: 구분은 여백으로만 ── */
html[data-wz="wed"] body .ses{padding:var(--s5) 0 0;margin:0;border:0!important;background:none}
html[data-wz="wed"] body .ses:last-of-type{border:0!important}
html[data-wz="wed"] body .date{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin:0 0 var(--s1)}
html[data-wz="wed"] body .date.one{margin:var(--s5) 0 var(--s1)}
html[data-wz="wed"] body .pub{font-weight:400;letter-spacing:.02em;opacity:1;margin-left:var(--s1)}
html[data-wz="wed"] body .ses h2{font-size:24px;line-height:1.35;letter-spacing:-.02em;font-weight:800;margin:0 0 var(--s2)}
html[data-wz="wed"] body .sum{font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute);margin:0 0 var(--s2)}

/* ── 영상: 그림 먼저 ── */
html[data-wz="wed"] body .vids{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s3) 0 0}
html[data-wz="wed"] body .vid{flex:1 1 320px;max-width:480px;aspect-ratio:16/9;border:0!important;border-radius:var(--r);overflow:hidden;min-height:44px;background:var(--wz-s2)}
html[data-wz="wed"] body .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity var(--ease)}
html[data-wz="wed"] body .vid:hover img,html[data-wz="wed"] body .vid:focus-visible img{opacity:1}
/* 재생 단추: 평소엔 면 색, 눌러볼 때만 노랑 하나 */
html[data-wz="wed"] body .play{width:48px;height:48px;background:var(--wz-tx);color:var(--wz-bg);transition:background var(--ease),color var(--ease)}
html[data-wz="wed"] body .vid:hover .play,html[data-wz="wed"] body .vid:focus-visible .play{background:var(--wz-accent);color:var(--wz-on-accent)}
html[data-wz="wed"] body .part{top:var(--s1);left:var(--s1);padding:2px var(--s1);border-radius:999px;font-size:var(--t-aux);font-weight:700}
html[data-wz="wed"] body .cap{left:var(--s1);right:auto;bottom:var(--s1);width:auto;padding:4px var(--s2);border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:var(--t-aux);font-weight:700;line-height:1.3}

/* ── 정리글 발췌 + 읽기 알약 ── */
html[data-wz="wed"] body .note{margin:var(--s2) 0 0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s1)}
html[data-wz="wed"] body .ex{font-size:var(--t-body);line-height:1.7;color:var(--wz-mute);margin:0}
html[data-wz="wed"] body .more{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s2);border:0!important;border-radius:999px;background:var(--wz-s1);color:var(--wz-tx);font-size:14px;font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="wed"] body .more:hover,html[data-wz="wed"] body .more:focus-visible{background:var(--wz-s2)}

/* ── 자료 파일: 눌리는 카드 ── */
html[data-wz="wed"] body .files{margin:var(--s3) 0 0}
html[data-wz="wed"] body .file{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s2);min-height:44px;padding:var(--s2) var(--s3);margin:0 0 var(--s1);border:0!important;border-radius:var(--r);background:var(--wz-s1);color:var(--wz-tx);text-decoration:none;transition:background var(--ease),transform var(--ease)}
html[data-wz="wed"] body .file:hover,html[data-wz="wed"] body .file:focus-visible{background:var(--wz-s2);color:var(--wz-tx);transform:translateY(-2px)}
html[data-wz="wed"] body .ftag{border:0!important;border-radius:999px;background:var(--wz-s2);color:var(--wz-mute);padding:2px var(--s2);font-size:var(--t-aux);font-weight:700;letter-spacing:.04em;transition:background var(--ease)}
html[data-wz="wed"] body .file:hover .ftag,html[data-wz="wed"] body .file:focus-visible .ftag{background:var(--wz-bg)}
html[data-wz="wed"] body .fname{flex:1 1 14em;min-width:0;font-size:var(--t-body);font-weight:600;line-height:1.5;word-break:normal;overflow-wrap:anywhere}
html[data-wz="wed"] body .fdl{font-size:var(--t-aux);font-weight:700;color:var(--wz-mute);white-space:nowrap}
html[data-wz="wed"] body .file:hover .fdl,html[data-wz="wed"] body .file:focus-visible .fdl{color:var(--wz-tx)}
html[data-wz="wed"] body .gate{margin:var(--s1) 0 0;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}

/* ── 정리글 본문 ── */
html[data-wz="wed"] body .body{max-width:34em;margin:var(--s5) 0 0;font-size:var(--t-body);line-height:1.95}
html[data-wz="wed"] body .body h2{font-size:24px;line-height:1.35;letter-spacing:-.02em;font-weight:800;margin:var(--s5) 0 var(--s2);padding:0;border:0!important}
html[data-wz="wed"] body .body h3{font-size:20px;line-height:1.4;letter-spacing:-.02em;margin:var(--s4) 0 var(--s1)}
html[data-wz="wed"] body .body p{margin:0 0 var(--s2)}
html[data-wz="wed"] body .body ul{margin:0 0 var(--s2);padding-left:var(--s3)}
html[data-wz="wed"] body .body li{margin:0 0 var(--s1)}
/* 인용: 왼쪽 선 대신 면 */
html[data-wz="wed"] body .body blockquote{margin:0 0 var(--s3);padding:var(--s2) var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);color:var(--wz-tx)}
html[data-wz="wed"] body .body blockquote p:last-child{margin-bottom:0}
/* 가로줄 대신 빈 여백 */
html[data-wz="wed"] body .body hr{border:0!important;height:0;margin:var(--s5) 0;background:none}
html[data-wz="wed"] body .body a{color:var(--wz-tx);text-decoration:underline;text-underline-offset:3px}
html[data-wz="wed"] body .body strong{font-weight:700}
html[data-wz="wed"] body .backfoot{margin:var(--s5) 0 0;font-size:var(--t-aux)}
html[data-wz="wed"] body .backfoot a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);font-weight:700;text-decoration:none;transition:color var(--ease)}
html[data-wz="wed"] body .backfoot a:hover{color:var(--wz-tx)}
html[data-wz="wed"] body .empty{padding:var(--s6) 0;color:var(--wz-mute)}

/* ── 영역 이동 ── */
html[data-wz="wed"] body .sitenav a{display:flex;align-items:center;min-height:44px;padding:0;color:var(--wz-tx);transition:color var(--ease)}
html[data-wz="wed"] body .sitenav a:hover{color:var(--wz-mute)}

/* ── 바닥글: 윗줄 대신 면 ── */
html[data-wz="wed"] body .siteft{margin-top:var(--s6);padding:var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s3)}
html[data-wz="wed"] body .ft-brand{font-size:var(--t-aux);font-weight:700;letter-spacing:.14em;color:var(--wz-mute)}
html[data-wz="wed"] body .ft-links{display:flex;flex-wrap:wrap;gap:0 var(--s3);font-size:var(--t-aux)}
html[data-wz="wed"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="wed"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="wed"] body .ft-note{flex:1 0 100%;margin:0;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}

/* ── 테마 단추: 알약 ── */
html[data-wz="wed"] body .themebtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s2);margin-left:var(--s1);border:0!important;border-radius:999px;background:var(--wz-s2);color:var(--wz-mute);font-size:var(--t-aux);font-weight:700;letter-spacing:.02em;transition:background var(--ease),color var(--ease)}
html[data-wz="wed"] body .themebtn:hover{background:var(--wz-bg);color:var(--wz-tx);border:0!important}
html[data-wz="wed"] body .siteft .themebtn{margin-left:auto}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="wed"] body header{padding:var(--s5) 0 var(--s3)}
  html[data-wz="wed"] body .lead{font-size:var(--t-body)}
  html[data-wz="wed"] body .ses{padding-top:var(--s5)}
  html[data-wz="wed"] body .ses h2{font-size:20px}
  html[data-wz="wed"] body .body h2{font-size:20px}
  html[data-wz="wed"] body .body h3{font-size:18px}
  html[data-wz="wed"] body .vid{flex:1 1 100%;max-width:100%}
  html[data-wz="wed"] body .file{padding:var(--s2)}
  html[data-wz="wed"] body .siteft{padding:var(--s2)}
  html[data-wz="wed"] body .siteft .themebtn{margin-left:0}
}

/* ═══ school ═══ */
/* 웹진 덧씌움 — school 계열 (규칙 v1) */

/* ── 바탕·본문 틀 ── */
html[data-wz="school"] body{margin:0;background:var(--wz-bg);color:var(--wz-tx)}
html[data-wz="school"] body .wrap{max-width:56rem;width:100%;margin:0 auto;padding:0 var(--s3) var(--s6);background:var(--wz-bg);color:var(--wz-tx);font-family:Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:var(--t-body);line-height:1.7;overflow-wrap:anywhere}
html[data-wz="school"] body .wrap *{max-width:100%}

/* ── 머리말: 위제목(뒤로) + 큰 제목 + 한 줄 설명 ── */
html[data-wz="school"] body .mast{padding:var(--s6) 0 var(--s5);margin:0;border:0!important;background:transparent}
html[data-wz="school"] body .back{display:flex;width:fit-content;align-items:center;min-height:44px;margin:0 0 var(--s1);font-size:var(--t-aux);font-weight:700;letter-spacing:.06em;color:var(--wz-mute);text-decoration:none;border:0!important;transition:color var(--ease)}
html[data-wz="school"] body .back:hover{color:var(--wz-tx)}
/* 대표 큰 제목 — 형광 띠는 여기에만 */
html[data-wz="school"] body h1{display:inline;margin:0;padding:0 .06em;font-size:clamp(32px,6vw,56px);line-height:1.3;letter-spacing:-.035em;font-weight:900;color:var(--wz-tx);background:linear-gradient(transparent 58%,var(--wz-accent) 58%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
html[data-wz="school"] body .mast .sub{display:block;max-width:36em;margin:var(--s3) 0 0;font-size:18px;line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body .lead,
html[data-wz="school"] body .intro{max-width:36em;margin:0 0 var(--s4);font-size:18px;line-height:1.6;color:var(--wz-mute)}

/* ── 트랙 카드: 면으로만 나눈다 ── */
html[data-wz="school"] body .grid{display:grid;grid-template-columns:1fr;gap:var(--s2);margin:0 0 var(--s2)}
@media (min-width:48rem){
  html[data-wz="school"] body .grid{grid-template-columns:1fr 1fr;gap:var(--s2)}
}
html[data-wz="school"] body .tr{position:relative;display:block;margin:0 0 var(--s2);padding:var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);cursor:pointer;transition:background var(--ease),transform var(--ease)}
html[data-wz="school"] body .grid .tr{margin:0}
html[data-wz="school"] body .tr:hover,
html[data-wz="school"] body .tr:has(a:focus-visible){background:var(--wz-s2);transform:translateY(-2px)}
html[data-wz="school"] body .tr h2{margin:0 0 var(--s1);font-size:24px;line-height:1.3;letter-spacing:-.02em;font-weight:800}
html[data-wz="school"] body .tr h2 a,
html[data-wz="school"] body .mem h2 a{display:inline;color:var(--wz-tx);text-decoration:none;border:0!important;background:none}
/* 카드 전체를 누를 수 있게 — 링크 주소는 그대로, 누르는 면만 넓힌다 */
html[data-wz="school"] body .tr h2 a::after{content:"";position:absolute;inset:0;border-radius:var(--r)}
html[data-wz="school"] body .tr h2 a:focus-visible{text-decoration:underline;text-underline-offset:4px}
html[data-wz="school"] body .tr .grp{margin:0 0 var(--s1);font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body .tr .cnt,
html[data-wz="school"] body .cnt{margin:0;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
/* 입구(T0)는 전체 폭 한 단 — 가장 크게 */
html[data-wz="school"] body .t0{padding:var(--s4);margin:0 0 var(--s2);border:0!important}
html[data-wz="school"] body .t0 h2{font-size:28px}
html[data-wz="school"] body .mem{margin-top:var(--s2)}

/* ── 핵심 버튼(노랑 하나) ── */
html[data-wz="school"] body .cta{margin:var(--s3) 0 0}
html[data-wz="school"] body .cta a,
html[data-wz="school"] body .watch{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--s3);border:0!important;border-radius:999px;background:var(--wz-accent);color:var(--wz-on-accent);font-size:var(--t-body);font-weight:800;text-decoration:none;transition:transform var(--ease)}
html[data-wz="school"] body .cta a:hover,
html[data-wz="school"] body .watch:hover{transform:translateY(-2px)}
html[data-wz="school"] body .watch{margin:0 0 var(--s4)}

/* ── 맺음 줄 ── */
html[data-wz="school"] body .tail{margin:var(--s5) 0 0;padding:0;border:0!important;font-size:var(--t-body);line-height:1.7;color:var(--wz-mute)}
html[data-wz="school"] body .handoff{margin:var(--s5) 0 0;padding:0;border:0!important;font-size:var(--t-body)}
html[data-wz="school"] body .handoff a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);border:0!important;border-radius:999px;background:var(--wz-s1);font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="school"] body .handoff a:hover{background:var(--wz-s2)}

/* ── 강의 목록 ── */
html[data-wz="school"] body .sec{margin:var(--s5) 0 0}
html[data-wz="school"] body .sec h3{margin:0 0 var(--s1);font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:800}
html[data-wz="school"] body .sec .rule{margin:0 0 var(--s3);font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body ol.core,
html[data-wz="school"] body ul.rest{list-style:none;margin:0;padding:0}
html[data-wz="school"] body ol.core li,
html[data-wz="school"] body ul.rest li{margin:0 0 var(--s1);padding:var(--s2) var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);transition:background var(--ease)}
html[data-wz="school"] body ol.core li:has(.ti:hover),
html[data-wz="school"] body ul.rest li:has(.ti:hover),
html[data-wz="school"] body ol.core li:has(.ti:focus-visible),
html[data-wz="school"] body ul.rest li:has(.ti:focus-visible){background:var(--wz-s2)}
html[data-wz="school"] body .n{min-width:2rem;color:var(--wz-mute)}
html[data-wz="school"] body .ti{font-weight:700;text-decoration:none;border:0!important;color:var(--wz-tx)}
html[data-wz="school"] body .ti:focus-visible{text-decoration:underline;text-underline-offset:4px}
html[data-wz="school"] body .meta{display:block;margin-top:var(--s1);font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body .meta .why{color:var(--wz-mute)}
html[data-wz="school"] body .note1{display:block;margin-top:var(--s1);font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body .dur{margin-left:var(--s1);font-size:var(--t-aux);font-weight:400;color:var(--wz-mute)}

/* ── 멤버십 목록 · 가입 ── */
html[data-wz="school"] body .memlist{list-style:none;margin:0;padding:0}
html[data-wz="school"] body .memlist li,
html[data-wz="school"] body .memlist li:last-child{margin:0 0 var(--s1);padding:var(--s2) var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);font-size:var(--t-body)}
html[data-wz="school"] body .memlist a{font-weight:700;text-decoration:none;border:0!important}
html[data-wz="school"] body .memlist .y{margin-left:var(--s1);font-size:var(--t-aux);color:var(--wz-mute)}
html[data-wz="school"] body .join{margin:0 0 var(--s5)}
html[data-wz="school"] body .join a{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--s3);border:0!important;border-radius:999px;background:var(--wz-s1);color:var(--wz-tx);font-size:var(--t-body);font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="school"] body .join a:hover{background:var(--wz-s2)!important;color:var(--wz-tx)!important}

/* ── 개별 강의: 썸네일 · 사실 · 요약 ── */
html[data-wz="school"] body .thumb{margin:0 0 var(--s3);border:0!important;border-radius:var(--r);overflow:hidden;background:var(--wz-s1)}
html[data-wz="school"] body .thumb img{display:block;width:100%;height:auto;background:var(--wz-s1)}
html[data-wz="school"] body .facts{margin:0 0 var(--s4);padding:0;list-style:none;font-size:var(--t-body);color:var(--wz-mute)}
html[data-wz="school"] body .facts li{padding:var(--s1) 0;border:0!important}
html[data-wz="school"] body .facts b{display:inline-block;min-width:5rem;font-weight:700;color:var(--wz-tx)}
html[data-wz="school"] body .pending{margin:var(--s4) 0;padding:var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}
html[data-wz="school"] body .pending b{color:var(--wz-tx)}
html[data-wz="school"] body .sum{margin:var(--s4) 0 var(--s5);padding:var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1)}
html[data-wz="school"] body .sum .one{margin:0 0 var(--s2);font-size:20px;line-height:1.6;letter-spacing:-.02em}
html[data-wz="school"] body .sum ul{margin:0;padding:0;list-style:none}
html[data-wz="school"] body .sum li{position:relative;margin:0 0 var(--s1);padding:0 0 0 var(--s2);font-size:var(--t-body);line-height:1.7;color:var(--wz-mute)}
html[data-wz="school"] body .sum li:last-child{margin-bottom:0}
html[data-wz="school"] body .sum li::before{content:"";position:absolute;left:0;top:.8em;width:6px;height:6px;border-radius:50%;background:var(--wz-mute)}
html[data-wz="school"] body .sum .lbl{display:block;margin:var(--s3) 0 var(--s1);font-size:var(--t-aux);font-weight:700;letter-spacing:.06em;color:var(--wz-mute)}
html[data-wz="school"] body .sum .pts li{padding:var(--s2);margin:0 0 var(--s1);border:0!important;border-radius:12px;background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="school"] body .sum .pts li::before{content:none}
html[data-wz="school"] body .sum .who{margin:var(--s3) 0 0;font-size:var(--t-body);color:var(--wz-mute)}
html[data-wz="school"] body .sum .who .lbl{display:inline;margin:0 var(--s1) 0 0}

/* ── 이전·다음 ── */
html[data-wz="school"] body .pager{display:flex;gap:var(--s2);justify-content:space-between;margin:var(--s5) 0 0;padding:0;border:0!important;font-size:var(--t-body)}
html[data-wz="school"] body .pager a{display:block;min-height:44px;max-width:calc(50% - var(--s1));padding:var(--s2) var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1);text-decoration:none;transition:background var(--ease),transform var(--ease)}
html[data-wz="school"] body .pager a:hover{background:var(--wz-s2);transform:translateY(-2px)}
html[data-wz="school"] body .pager .lbl{display:block;font-size:var(--t-aux);color:var(--wz-mute)}
html[data-wz="school"] body .pager .none{max-width:calc(50% - var(--s1))}

/* ── 영역 사이 이동 ── */
html[data-wz="school"] body .sitenav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--t-aux);color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="school"] body .sitenav a:hover{color:var(--wz-tx)}

/* ── 바닥글: 선 대신 면 ── */
html[data-wz="school"] body .siteft{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s1) var(--s3);margin-top:var(--s6);padding:var(--s3);border:0!important;border-radius:var(--r);background:var(--wz-s1)}
html[data-wz="school"] body .ft-brand{flex:none;font-size:var(--t-aux);font-weight:800;letter-spacing:.14em;color:var(--wz-mute)}
html[data-wz="school"] body .ft-links{display:flex;flex-wrap:wrap;gap:0 var(--s2);font-size:var(--t-aux)}
html[data-wz="school"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="school"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="school"] body .ft-note{flex:1 0 100%;margin:var(--s1) 0 0;font-size:var(--t-aux);line-height:1.6;color:var(--wz-mute)}

/* ── 테마 단추: 알약 ── */
html[data-wz="school"] body .themebtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;margin-left:auto;padding:0 var(--s2);border:0!important;border-radius:999px;background:var(--wz-s2);color:var(--wz-tx);font-family:inherit;font-size:var(--t-aux);font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background var(--ease),color var(--ease)}
html[data-wz="school"] body .themebtn:hover{background:var(--wz-bg);color:var(--wz-tx);border:0!important}
@media (hover:none){html[data-wz="school"] body .themebtn{padding:0 var(--s2)}}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="school"] body .wrap{padding:0 var(--s2) var(--s5)}
  html[data-wz="school"] body .mast{padding:var(--s5) 0 var(--s4)}
  html[data-wz="school"] body .mast h1,
  html[data-wz="school"] body h1{font-size:clamp(32px,9vw,40px)}
  html[data-wz="school"] body .mast .sub,
  html[data-wz="school"] body .lead,
  html[data-wz="school"] body .intro{font-size:var(--t-body)}
  html[data-wz="school"] body .t0{padding:var(--s3)}
  html[data-wz="school"] body .pager{flex-direction:column}
  html[data-wz="school"] body .pager a,
  html[data-wz="school"] body .pager .none{max-width:100%}
  html[data-wz="school"] body .facts b{min-width:4rem}
  html[data-wz="school"] body .siteft{margin-top:var(--s5)}
  html[data-wz="school"] body .themebtn{margin-left:0}
}

/* ── 인쇄는 기존 규칙에 맡긴다 ── */
@media print{
  html[data-wz="school"] body .tr{background:transparent;transform:none}
  html[data-wz="school"] body h1{background:none}
}

/* ═══ med ═══ */
/* 믿는생각 · 묵상 마가복음 — 웹진 규칙 v1 덧씌움 (html[data-wz="med"]) */

/* ── 바탕·글 ── */
html[data-wz="med"] body{font-family:Pretendard,-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:16px;line-height:1.7;background:var(--wz-bg);color:var(--wz-tx);overflow-wrap:anywhere}
html[data-wz="med"] body :is(h1,h3,.vv,.oracle,.chip,.prayer,textarea,.tp,.ask){font-family:inherit}
html[data-wz="med"] body p{margin:0 0 var(--s2)}
html[data-wz="med"] body p:last-child{margin-bottom:0}
html[data-wz="med"] body main{max-width:40rem;padding:0 var(--s3) var(--s6)}

/* ── 위쪽 띠(진행 레일) ── */
html[data-wz="med"] body .rail{background:color-mix(in srgb,var(--wz-bg) 92%,transparent);border:0!important}
html[data-wz="med"] body .rail-in{padding:var(--s1) var(--s3);gap:var(--s2);min-height:56px}
html[data-wz="med"] body .brand,
html[data-wz="med"] body .count{font-size:13px;letter-spacing:.06em;color:var(--wz-mute)}
html[data-wz="med"] body .up{min-height:44px;font-size:13px;letter-spacing:.06em;color:var(--wz-mute);transition:color var(--ease)}
html[data-wz="med"] body .up:hover{color:var(--wz-tx)}
html[data-wz="med"] body .up .ar{color:var(--wz-tx);font-size:16px}
html[data-wz="med"] body .tk{background:var(--wz-s2)}
html[data-wz="med"] body .tk.now{background:var(--wz-accent)}

/* ── 머리글 ── */
html[data-wz="med"] body .head{padding:var(--s6) 0 var(--s4)}
html[data-wz="med"] body .eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--wz-mute);gap:var(--s1) var(--s1);margin-bottom:var(--s2);align-items:center}
html[data-wz="med"] body .eyebrow .day{border:0!important;padding:var(--s1) var(--s2);border-radius:999px;background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="med"] body .eyebrow .sep{color:var(--wz-mute)}
/* 대표 큰 제목만 형광 띠 */
html[data-wz="med"] body .head h1{display:inline;margin:0;font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.35;letter-spacing:-.035em;color:var(--wz-tx);background:linear-gradient(transparent 58%,var(--wz-accent) 58%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* ── 구역·라벨 ── */
html[data-wz="med"] body section{padding:var(--s5) 0;border:0!important}
html[data-wz="med"] body section:first-of-type{padding-top:var(--s4)}
html[data-wz="med"] body .lbl{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin-bottom:var(--s3)}
html[data-wz="med"] body .lbl::after{flex:none;width:0;height:0;background:transparent}

/* ── 본문(성경) ── */
html[data-wz="med"] body .scripture{background:var(--wz-s1);margin:0!important;padding:var(--s3);border-radius:var(--r);max-width:100%}
html[data-wz="med"] body .scripture .vv{font-size:16px;line-height:1.9;margin:0 0 var(--s2);padding-left:2.2em;text-indent:-2.2em}
html[data-wz="med"] body .scripture .vv:last-of-type{margin-bottom:0}
html[data-wz="med"] body .n{font-size:13px;font-weight:700;color:var(--wz-mute);vertical-align:baseline;margin-right:.6em}
html[data-wz="med"] body .oracle{background:var(--wz-s2);border:0!important;border-radius:var(--r);margin:var(--s3) 0;padding:var(--s3);font-size:16px;line-height:1.9;color:var(--wz-tx)}
html[data-wz="med"] body .oracle .n{vertical-align:baseline}
html[data-wz="med"] body .brackets{color:var(--wz-mute)}
html[data-wz="med"] body .mark-tip{border:0!important;margin-top:var(--s3);padding:var(--s2);background:var(--wz-s2);border-radius:var(--r);font-size:13px;line-height:1.6;color:var(--wz-mute)}
/* 독자가 표시한 문장 = 선택됨 */
html[data-wz="med"] body mark{background:var(--wz-accent);color:var(--wz-on-accent);padding:0 .2em;border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
/* 표시하기 = 핵심 버튼 */
html[data-wz="med"] body #pen{background:var(--wz-accent);color:var(--wz-on-accent);border:0!important;border-radius:999px;min-height:44px;padding:0 var(--s3);font-size:13px;font-weight:700}

/* ── 읽고 나서 ── */
html[data-wz="med"] body .read p{font-size:16px;line-height:1.85;color:var(--wz-tx)}
html[data-wz="med"] body .read p:last-child{font-weight:700;color:var(--wz-tx)}

/* ── 나에게 묻기 ── */
html[data-wz="med"] body .q{margin-bottom:var(--s5)}
html[data-wz="med"] body .q:last-child{margin-bottom:0}
html[data-wz="med"] body .q .idx{font-size:13px;font-weight:700;letter-spacing:.14em;color:var(--wz-mute);margin-bottom:var(--s1)}
html[data-wz="med"] body .q .ask{font-size:clamp(20px,3.6vw,24px);font-weight:700;line-height:1.5;letter-spacing:-.02em;margin:0 0 var(--s2)}
html[data-wz="med"] body .lines{background:var(--wz-s1);border:0!important;border-radius:var(--r);height:auto;min-height:96px}

/* ── 적어보기 ── */
html[data-wz="med"] body .chips{gap:var(--s1);margin-bottom:var(--s2)}
html[data-wz="med"] body .chip{align-items:center;background:var(--wz-s1);border:0!important;border-radius:999px;padding:var(--s1) var(--s1) var(--s1) var(--s3);font-size:16px;line-height:1.6;color:var(--wz-tx)}
html[data-wz="med"] body .chip button{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0!important;color:var(--wz-mute);font-size:20px;transition:color var(--ease)}
html[data-wz="med"] body .chip button:hover{color:var(--wz-tx)}
html[data-wz="med"] body .empty{font-size:13px;color:var(--wz-mute);margin-bottom:var(--s2)}
html[data-wz="med"] body textarea{display:block;max-width:100%;min-height:160px;background:var(--wz-s1);color:var(--wz-tx);border:0!important;border-radius:var(--r);padding:var(--s3);font-size:16px;line-height:1.8;transition:background var(--ease)}
html[data-wz="med"] body textarea:focus{background:var(--wz-s2)}
html[data-wz="med"] body textarea::placeholder{color:var(--wz-mute)}

/* ── 기도 ── */
html[data-wz="med"] body .prayer{background:var(--wz-s1);border:0!important;border-radius:var(--r);padding:var(--s4) var(--s3);font-size:16px;line-height:2;color:var(--wz-tx)}

/* ── 번역 포인트(펼침) ── */
html[data-wz="med"] body details{background:var(--wz-s1);border:0!important;border-radius:var(--r);padding:0;margin:var(--s5) 0 0}
html[data-wz="med"] body summary{min-height:56px;padding:var(--s2) var(--s3);gap:var(--s1);font-size:16px;font-weight:700;letter-spacing:0;color:var(--wz-tx)}
html[data-wz="med"] body summary::after{flex:none;width:0;height:0;background:transparent}
html[data-wz="med"] body summary .arw{color:var(--wz-mute);font-size:13px;transition:transform var(--ease)}
html[data-wz="med"] body .tp{padding:0 var(--s3) var(--s3)}
html[data-wz="med"] body .tp .item{background:var(--wz-s2);border-radius:var(--r);padding:var(--s3);margin-bottom:var(--s2)}
html[data-wz="med"] body .tp .item:last-child{margin-bottom:0}
html[data-wz="med"] body .tp h3{font-size:20px;line-height:1.3;font-weight:700;letter-spacing:-.02em;margin:0 0 var(--s1)}
html[data-wz="med"] body .tp p{font-size:16px;line-height:1.8;color:var(--wz-mute)}

/* ── 다음으로 ── */
html[data-wz="med"] body .next{margin-top:var(--s6);padding-top:0;border:0!important;flex-wrap:wrap;align-items:center;gap:var(--s2)}
html[data-wz="med"] body .next a{display:inline-flex;align-items:center;min-height:44px;padding:var(--s1) var(--s3);background:var(--wz-s1);color:var(--wz-tx);border:0!important;border-radius:999px;font-size:16px;font-weight:700;text-decoration:none;transition:background var(--ease)}
html[data-wz="med"] body .next a:hover{background:var(--wz-s2);color:var(--wz-tx)}
html[data-wz="med"] body .next .meta{font-size:13px;letter-spacing:0;color:var(--wz-mute)}

/* ── 바닥글 ── */
html[data-wz="med"] body .siteft{margin-top:var(--s6);padding:var(--s3);border:0!important;background:var(--wz-s1);border-radius:var(--r);gap:var(--s1) var(--s2)}
html[data-wz="med"] body .ft-brand{font-size:13px;letter-spacing:.14em;color:var(--wz-mute)}
html[data-wz="med"] body .ft-links{gap:0 var(--s2);font-size:13px}
html[data-wz="med"] body .ft-links a{display:inline-flex;align-items:center;min-height:44px;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="med"] body .ft-links a:hover{color:var(--wz-tx);text-decoration:none}
html[data-wz="med"] body .ft-note{font-size:13px;color:var(--wz-mute)}
html[data-wz="med"] body .themebtn{min-height:44px;padding:0 var(--s2);margin-left:auto;background:var(--wz-s2);color:var(--wz-tx);border:0!important;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:0;transition:background var(--ease),color var(--ease)}
html[data-wz="med"] body .themebtn:hover{background:var(--wz-bg);color:var(--wz-tx)}

/* ── 좁은 화면 ── */
@media (max-width:640px){
  html[data-wz="med"] body main{padding:0 var(--s2) var(--s5)}
  html[data-wz="med"] body .rail-in{padding:var(--s1) var(--s2)}
  html[data-wz="med"] body .head{padding:var(--s5) 0 var(--s3)}
  html[data-wz="med"] body .scripture{padding:var(--s3) var(--s2)}
  html[data-wz="med"] body .oracle{padding:var(--s2)}
  html[data-wz="med"] body .prayer{padding:var(--s3) var(--s2)}
  html[data-wz="med"] body .siteft .themebtn{margin-left:0}
  html[data-wz="med"] body .next{flex-direction:column;align-items:flex-start}
}

/* ── 머리글 통일: ← 신학 브리핑 + 영문 위제목 (바울·묵상) ── */
html[data-wz="paul"] body .back,html[data-wz="med"] body .back{display:flex;align-items:center;width:fit-content;min-height:44px;margin:0 0 var(--s3);font-size:var(--t-aux);font-weight:700;color:var(--wz-mute);text-decoration:none;transition:color var(--ease)}
html[data-wz="paul"] body .back:hover,html[data-wz="med"] body .back:hover{color:var(--wz-tx)}
html[data-wz="paul"] body .wz-kicker,html[data-wz="med"] body .wz-kicker,html[data-wz="atlas"] body .wz-kicker,html[data-wz="wed"] body .wz-kicker,html[data-wz="school"] body .wz-kicker{font-size:var(--t-aux);letter-spacing:.14em;font-weight:700;color:var(--wz-mute);margin:0 0 var(--s2);text-transform:none}
html[data-wz="paul"] body .wz-links{margin:var(--s3) 0 0;font-size:var(--t-aux)}
html[data-wz="paul"] body .wz-links a{color:var(--wz-mute);font-weight:700;text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
html[data-wz="paul"] body .wz-links a:hover{color:var(--wz-tx)}

/* 수요모임: 영상이 하나뿐인 회차의 이름표(발제 등)는 날짜 줄 옆 알약으로 */
html[data-wz="wed"] body .tag{display:inline-flex;align-items:center;margin-left:var(--s1);padding:2px var(--s2);border-radius:999px;background:var(--wz-s2);color:var(--wz-tx);font-size:var(--t-aux);font-weight:700;letter-spacing:0;line-height:1.4;vertical-align:middle}