/*
Theme Name: LJD Cabinet
Theme URI: https://ljdesign.kr
Author: Design Studio LJD (이주동)
Description: A Filing Cabinet for Design Judgment — LJD Cabinet 커스텀 테마. 메인 v9 캐비넷 구조 + Work/Notes 분할형 목록·상세 + 블랙앤화이트 미니멀. CPT(work/note/studio_file/inquiry) + ACF 연동.
Version: 1.1.0
Requires PHP: 7.4
Text Domain: ljd-cabinet
*/

/* =========================================================
   TOKENS (v9 base)
   ========================================================= */
:root{
  --paper:#EFEFEA; --paper-2:#F7F2E9; --paper-3:#D9D9D4;
  --ink:#0E0E0E; --ink-70:#363636; --ink-45:#77746C;
  --gray:#A9A9A3; --gray-2:#C8C8C0; --line:#111;
  --blue:#1E6BFF; --navy:#101C31; --blue-tint:#DDE8FF; --blue-rev:#BFD4FF;
  --pink:#FF4FB3; --pink-tint:#F3D7E8; --green:#39E75F; --yellow:#F4E433;
  --t-rose:#F3D7DD; --t-sage:#DDE7CD; --t-ochre:#F5E97D;
  --sans:'Pretendard Variable',Pretendard,'Helvetica Neue',Arial,'Noto Sans KR',sans-serif;
  --mono:'JetBrains Mono',monospace;
  --type:'Courier Prime','Courier New',monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.75;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased}
::selection{background:var(--ink);color:var(--yellow)}
img{max-width:100%;height:auto;display:block}

/* =========================================================
   HEADER (v9)
   ========================================================= */
.masthead{padding:38px 0 0 0;text-align:center}
.masthead .logo{font-family:var(--type);font-weight:700;font-size:2.15rem;text-decoration:none;color:var(--ink);letter-spacing:-.03em}
.masthead .logo .d{color:var(--blue);display:inline-block;transform:translateY(-0.26em)}
nav.gnb{margin-top:18px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:var(--paper)}
nav.gnb ul{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:1180px;margin:0 auto;padding:0 24px}
nav.gnb li+li{border-left:1.5px solid var(--ink)}
nav.gnb a{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 2px;font-family:var(--mono);font-size:0.72rem;letter-spacing:0.11em;color:var(--ink);text-decoration:none;position:relative;text-transform:uppercase}
nav.gnb a b{font-family:var(--type);font-size:1.05rem;color:var(--ink)}
nav.gnb a::before{content:"";display:inline-block;width:14px;height:14px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper)}
nav.gnb li:nth-child(1) a::before{background:var(--blue)}
nav.gnb li:nth-child(2) a::before{background:var(--pink)}
nav.gnb li:nth-child(3) a::before{background:var(--green)}
nav.gnb a::after{content:"";position:absolute;left:0;right:100%;bottom:-1.5px;height:4px;background:var(--yellow);transition:right .25s}
nav.gnb a:hover::after{right:0}
nav.gnb li.here a::after{right:0;background:var(--ink)}

/* =========================================================
   FRONT — HERO (v9)
   ========================================================= */
.hero{max-width:1040px;margin:0 auto;padding:82px 32px 58px 32px;text-align:left;display:grid;grid-template-columns:1.15fr .85fr;gap:38px;align-items:end}
.hero h1{font-family:var(--sans);font-weight:700;font-size:clamp(2.0rem,4.7vw,4.7rem);line-height:1.08;letter-spacing:-0.065em;max-width:700px}
.hero h1 em{font-style:normal;background:var(--yellow)}
.hero p{margin:26px 0 0 0;max-width:540px;color:var(--ink-70);font-weight:400;font-size:1.0rem;word-break:keep-all}
.hero .stamp{margin-top:34px;font-family:var(--mono);font-size:0.64rem;letter-spacing:0.14em;color:var(--ink);border-top:1.5px solid var(--ink);padding-top:12px}
.hero .style-board{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;border:1.5px solid var(--ink);background:var(--ink);gap:1.5px;min-height:292px}
.tile{background:var(--paper-2);padding:12px;position:relative;overflow:hidden;font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;line-height:1.25;min-height:292px}
.tile:nth-child(n+4){display:none}
.tile.big{font-family:var(--sans);font-size:2.2rem;font-weight:700;letter-spacing:-.08em;display:flex;align-items:flex-end}
.tile.dark{background:var(--ink);color:var(--paper)}
.tile.blue{background:var(--blue);color:#fff}.tile.pink{background:var(--pink)}.tile.green{background:var(--green)}.tile.yellow{background:var(--yellow)}
.tile.arrow::after{content:"\2198";position:absolute;right:12px;bottom:2px;font-size:3.4rem;font-family:var(--sans);line-height:1;font-weight:700}
.tile.lines{background:var(--paper-2)}
.tile.circle::after{content:"";position:absolute;inset:auto 14px 14px auto;width:54px;height:54px;border:1.5px solid var(--ink);border-radius:50%}

/* =========================================================
   FRONT — CABINET (v9)
   ========================================================= */
.cabinet-wrap{max-width:1080px;margin:0 auto;padding:0 32px 44px 32px}
.lane-ruler{display:grid;grid-template-columns:1fr 1fr 1fr;border:1.5px solid var(--ink);border-bottom:none;background:transparent;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;color:var(--ink);text-transform:uppercase}
.lane-ruler span{padding:10px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.lane-ruler span+span{border-left:1.5px solid var(--ink)}
.lane-ruler b{font-family:var(--type);font-size:.95rem;letter-spacing:0}
.lane-ruler span:nth-child(1) b{color:var(--blue)}.lane-ruler span:nth-child(2) b{color:var(--pink)}.lane-ruler span:nth-child(3) b{color:var(--green)}
.cabinet{border:1.5px solid var(--ink);background:var(--paper);position:relative;overflow:hidden}
.cabinet::before{content:"";position:absolute;left:-10px;right:-10px;bottom:-16px;height:16px;border:1.5px solid var(--ink);border-top:none;background:var(--paper)}

.file{position:relative;z-index:1}
.file .edge{display:block;width:100%;border:none;border-bottom:1.5px solid var(--ink);background:var(--paper);cursor:pointer;text-align:left;height:50px;position:relative;font:inherit;color:inherit}
.file .tab{
  position:absolute;bottom:-1.5px;left:var(--x,var(--tab-x,8%));height:33px;min-width:172px;
  display:flex;align-items:center;gap:12px;padding:0 18px;
  border:1.5px solid var(--ink);border-bottom:1.5px solid var(--paper);
  background:var(--paper-2);
  font-family:var(--type);font-size:0.82rem;letter-spacing:0;color:var(--ink);
  transition:transform .2s,color .2s,border-color .2s,background .2s;white-space:nowrap;max-width:30%;overflow:visible;
  clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 100%,0 100%);
}
.file .tab::before,.file .tab::after{content:"";position:absolute;top:-1.5px;width:1.5px;height:36px;background:var(--ink);pointer-events:none;transform-origin:top center;z-index:2}
.file .tab::before{left:5px;transform:rotate(17deg)}
.file .tab::after{right:5px;transform:rotate(-17deg)}
.file .tab .no{font-family:var(--type);font-weight:700;color:var(--ink);transition:color .2s}
.file .edge:hover .tab{transform:translateY(-3px);background:var(--yellow);border-color:var(--ink);color:var(--ink)}

/* 탭 위치 xx1~xx9 */
.file:not(.group).xx1{--tab-x:8%}
.file:not(.group).xx2{--tab-x:18%}
.file:not(.group).xx3{--tab-x:28%}
.file:not(.group).xx4{--tab-x:38%}
.file:not(.group).xx5{--tab-x:48%}
.file:not(.group).xx6{--tab-x:58%}
.file:not(.group).xx7{--tab-x:68%}
.file:not(.group).xx8{--tab-x:78%}
.file:not(.group).xx9{--tab-x:86%}
.lane-100 .tab{background:var(--blue-tint)}
.lane-100 .tab .no{color:var(--blue)}
.lane-200 .tab{background:var(--pink-tint)}
.lane-200 .tab .no{color:var(--pink)}
.lane-300 .tab{background:#DDF5D9}
.lane-300 .tab .no{color:#1D8D31}

/* 그룹 헤더 — 블랙 밴드 + 흰 탭 */
.file.group .edge{height:61px;cursor:default;background:var(--ink);border-bottom:1.5px solid var(--ink)}
.file.group .tab{color:var(--ink);height:40px;padding:0 23px;border-color:var(--ink);border-bottom-color:var(--paper-2);max-width:31%;font-family:var(--mono);font-weight:500;letter-spacing:.06em;background:var(--paper-2);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 100%,0 100%)}
.file.group.lane-100 .tab,.file.group.lane-200 .tab,.file.group.lane-300 .tab{background:var(--paper-2);color:var(--ink)}
.file.group .tab .no{color:inherit;font-weight:700}
.file.group .tab .cnt{font-family:var(--mono);font-size:0.55rem;letter-spacing:0.1em;color:inherit;opacity:.78}

/* 고스트 (초안) */
.file.ghost .tab{border-style:dashed;border-bottom-style:solid;border-color:var(--ink-45);border-bottom-color:var(--paper);color:var(--ink-45);background:transparent}
.file.ghost .tab .no{color:var(--ink-45)}
.file.ghost .edge{cursor:default}
.file.ghost .edge:hover .tab{transform:none;background:transparent;color:var(--ink-45)}

/* 열림 상태 */
.file.on > .edge .tab{background:var(--ink);border-color:var(--ink);color:var(--paper);border-bottom-color:var(--ink);transform:translateY(-3px)}
.file.on > .edge .tab .no{color:var(--yellow)}

/* 확장 패널 */
.panel{max-height:0;overflow:hidden;transition:max-height .45s ease;background:var(--paper-2);border-bottom:1.5px solid var(--ink)}
.panel .in{padding:34px;display:grid;grid-template-columns:1.1fr .9fr;gap:1.5px;background:var(--ink)}
.panel .in>div{background:var(--paper-2);padding:30px}
.panel .case-no{font-family:var(--mono);font-size:0.62rem;letter-spacing:0.1em;color:var(--ink);margin-bottom:14px;display:inline-block;background:var(--yellow);padding:4px 8px;border:1.5px solid var(--ink)}
.panel h3{font-family:var(--sans);font-size:1.9rem;font-weight:700;line-height:1.12;letter-spacing:-.06em;margin-bottom:16px;word-break:keep-all}
.panel p{font-size:0.95rem;color:var(--ink-70);line-height:1.8;max-width:520px;word-break:keep-all}
.panel .meta{font-family:var(--mono);font-size:0.64rem;letter-spacing:0.06em;color:var(--ink);display:grid;grid-template-columns:1fr;gap:1.5px;background:var(--ink)}
.panel .meta div{display:flex;justify-content:space-between;gap:16px;padding:13px;background:var(--paper);align-items:center}
.panel .meta div b{color:var(--ink);font-weight:500}
.panel a.more{display:inline-block;margin-top:20px;font-family:var(--mono);font-size:0.64rem;letter-spacing:0.1em;color:var(--ink);text-decoration:none;background:var(--green);border:1.5px solid var(--ink);padding:7px 12px}
.panel a.more:hover{background:var(--yellow)}
.panel blockquote{font-family:var(--sans);font-weight:700;font-size:1.05rem;line-height:1.7;color:var(--ink);padding:14px 18px;margin:8px 0 14px 0;background:var(--paper);border:1.5px solid var(--ink)}

.file .viewall{position:absolute;right:20px;bottom:18px;font-family:var(--mono);font-size:0.58rem;letter-spacing:0.1em;color:var(--paper);text-decoration:none;z-index:3;background:var(--ink);padding:3px 7px;border:1px solid var(--paper)}
.file .viewall:hover{background:var(--paper);color:var(--ink)}

.drawer-label{display:flex;justify-content:center;margin-top:44px}
.drawer-label span{border:1.5px solid var(--ink);border-radius:2px;background:var(--yellow);font-family:var(--mono);font-size:0.62rem;letter-spacing:0.12em;padding:8px 22px;color:var(--ink)}

/* RCP 폼 (306 패널) */
.rcp-form{display:flex;flex-direction:column;gap:14px;margin-top:6px}
.rcp-form label{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-45);display:block;margin-bottom:4px}
.rcp-form input,.rcp-form textarea{width:100%;background:transparent;border:none;border-bottom:1.5px solid var(--ink);font-family:var(--sans);font-size:.92rem;color:var(--ink);padding:7px 0;border-radius:0;resize:vertical}
.rcp-form input:focus,.rcp-form textarea:focus{outline:none;border-bottom-width:2.5px}
.rcp-form button{align-self:flex-start;font-family:var(--type);font-weight:700;font-size:.88rem;background:var(--ink);color:var(--paper);border:1.5px solid var(--ink);padding:10px 24px;cursor:pointer}
.rcp-form button:hover{background:var(--paper);color:var(--ink)}
.rcp-ok{border:1.5px solid var(--ink);background:var(--paper);padding:12px 16px;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;margin-bottom:14px}

/* 스테이트먼트 / 푸터 (v9) */
.statement{border-top:1.5px solid var(--ink);margin-top:90px;background:var(--ink)}
.statement .in{max-width:1080px;margin:0 auto;padding:66px 32px;display:grid;grid-template-columns:1.1fr .9fr;gap:1.5px;background:var(--ink)}
.statement p.big,.statement p.small{background:var(--paper);padding:36px}
.statement p.big{font-family:var(--sans);font-size:2rem;font-weight:700;letter-spacing:-.055em;line-height:1.25}
.statement p.big em{font-style:normal;background:var(--pink);padding:0 .12em;color:var(--ink)}
.statement p.small{font-size:0.94rem;color:var(--ink-70);display:flex;align-items:end;word-break:keep-all}
footer.ft{border-top:1.5px solid var(--ink);background:var(--ink);color:var(--paper)}
footer.ft .in{max-width:1100px;margin:0 auto;padding:34px 32px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
footer.ft .lg{font-family:var(--type);font-weight:700;font-size:1rem}
footer.ft .lg .d{color:var(--yellow);display:inline-block;transform:translateY(-0.22em)}
footer.ft .meta{font-family:var(--mono);font-size:0.6rem;letter-spacing:0.1em;color:var(--gray-2)}

/* =========================================================
   WORK / NOTES — 분할형 (좌 목록 + 우 상세)
   ========================================================= */
.phead{max-width:1180px;margin:0 auto;padding:44px 24px 22px 24px;display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}
.phead h1{font-family:var(--sans);font-weight:700;font-size:clamp(1.7rem,3.4vw,2.8rem);letter-spacing:-.055em;line-height:1.1}
.phead h1 b{font-family:var(--type);color:var(--ink);letter-spacing:0}
.phead .desc{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;color:var(--ink);text-transform:uppercase;border-top:1.5px solid var(--ink);padding-top:10px;max-width:330px}

.split{max-width:1180px;margin:0 auto 56px auto;padding:0 24px}
.split .frame{display:grid;grid-template-columns:34% 1fr;gap:1.5px;background:var(--ink);border:1.5px solid var(--ink)}
.split.notes .frame{grid-template-columns:32% 1fr}
.listcol{background:var(--paper);display:flex;flex-direction:column;min-height:70vh}
.filters{display:flex;flex-wrap:wrap;border-bottom:1.5px solid var(--ink)}
.filters button{font-family:var(--mono);font-size:.58rem;letter-spacing:.09em;padding:9px 12px;border:none;border-right:1.5px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;text-transform:uppercase}
.filters button:hover{background:var(--paper-3)}
.filters button.on{background:var(--ink);color:var(--paper)}
.sortbar{display:flex;border-bottom:1.5px solid var(--ink);font-family:var(--mono);font-size:.56rem;letter-spacing:.09em;text-transform:uppercase}
.sortbar span{padding:9px 12px;color:var(--ink-45)}
.rows{overflow-y:auto;flex:1}
.row{display:block;width:100%;text-align:left;border:none;border-bottom:1.5px solid var(--ink);background:var(--paper);cursor:pointer;padding:16px 18px;transition:background .15s;font:inherit;color:inherit}
.row:hover{background:var(--paper-3)}
.row .l1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.row .no,.row .ch{font-family:var(--type);font-weight:700;font-size:.95rem;color:var(--ink)}
.row .ch{font-size:.8rem}
.row .ph,.row .dt{font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;color:var(--ink-45);text-transform:uppercase}
.row h3{font-family:var(--sans);font-weight:700;font-size:1.02rem;letter-spacing:-.04em;line-height:1.3;margin-top:4px;word-break:keep-all}
.row .sc{font-family:var(--mono);font-size:.56rem;letter-spacing:.06em;color:var(--ink-45);margin-top:5px;text-transform:uppercase}
.row .q{font-size:.78rem;color:var(--ink-45);margin-top:4px;word-break:keep-all}
.row.frag h3{font-family:var(--type);font-weight:400;font-size:.9rem;color:var(--ink-45)}
.row.on{background:var(--ink);color:var(--paper)}
.row.on .no,.row.on .ch{color:var(--paper)}
.row.on h3{color:var(--paper)}
.row.on .sc,.row.on .ph,.row.on .q,.row.on .dt{color:var(--gray-2)}
.row.hidden{display:none}

.detail,.reader{background:var(--paper-2);min-height:70vh;overflow-y:auto}
.dpanel{display:none}
.dpanel.on{display:block}
.dhead{padding:26px 30px 20px 30px;border-bottom:1.5px solid var(--ink)}
.dhead .chip{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;background:var(--paper-2);border:1.5px solid var(--ink);padding:4px 8px;margin-bottom:14px}
.dhead h2{font-family:var(--sans);font-weight:700;font-size:clamp(1.4rem,2.4vw,2.1rem);letter-spacing:-.055em;line-height:1.12;word-break:keep-all}
.dhead .lead{margin-top:12px;color:var(--ink-70);font-size:.95rem;max-width:560px;word-break:keep-all}
.dhead .meta-line{margin-top:10px;font-family:var(--mono);font-size:.58rem;letter-spacing:.08em;color:var(--ink-45);text-transform:uppercase}
.dmeta{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:var(--ink);border-bottom:1.5px solid var(--ink)}
.dmeta div{background:var(--paper-2);padding:11px 14px;font-family:var(--mono);font-size:.58rem;letter-spacing:.06em}
.dmeta div b{display:block;color:var(--ink-45);font-weight:400;margin-bottom:2px;text-transform:uppercase;font-size:.5rem}
.dbody{padding:30px;max-width:760px}
.dbody p{font-size:.95rem;color:var(--ink-70);line-height:1.9;margin-bottom:16px;word-break:keep-all}
.dbody h2,.dbody h3{font-family:var(--sans);font-weight:700;letter-spacing:-.04em;margin:26px 0 10px 0;line-height:1.3}
.dbody h2{font-size:1.25rem}.dbody h3{font-size:1.05rem}
.dbody ul,.dbody ol{margin:0 0 16px 20px;color:var(--ink-70);font-size:.95rem}
.dbody blockquote{border:1.5px solid var(--ink);background:var(--paper);padding:14px 18px;margin:0 0 16px 0;font-weight:700;letter-spacing:-.03em}
.dbody img{border:1.5px solid var(--ink);margin:6px 0 20px 0}
.dbody .pull{border:1.5px solid var(--ink);background:var(--paper);padding:16px 20px;font-weight:700;font-size:1.05rem;letter-spacing:-.04em;margin-bottom:22px;word-break:keep-all}
.dbody .pull i{font-style:normal;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.hero-img{border-bottom:1.5px solid var(--ink)}
.hero-img img{border:none;margin:0;width:100%}
.flyer-img{border:1.5px solid var(--ink);margin-bottom:16px}
.flyer-img img{border:none;margin:0;width:100%}
.gal{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;background:var(--ink);border:1.5px solid var(--ink);margin-bottom:16px}
.gal img{border:none;margin:0;width:100%;height:100%;object-fit:cover}
.fragbox{margin:34px;border:1.5px dashed var(--ink);padding:40px;text-align:center}
.fragbox .t{font-family:var(--type);font-size:1.05rem;margin-bottom:8px}
.fragbox p{font-size:.85rem;color:var(--ink-45)}
.related{padding:0 30px 30px 30px;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em}
.related a{color:var(--ink);background:var(--paper-2);border:1.5px solid var(--ink);padding:6px 10px;text-decoration:none;display:inline-block;margin:0 6px 6px 0}
.related a:hover{background:var(--ink);color:var(--paper)}
.empty-note{padding:40px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;color:var(--ink-45)}

/* ===== Work 케이스 섹션 (BRIEF → REVEAL 자동 렌더링) ===== */
.sec{border:1.5px solid var(--ink);margin-bottom:16px;background:var(--paper)}
.sec .slbl{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;padding:8px 14px;border-bottom:1.5px solid var(--ink);text-transform:uppercase;background:var(--paper-3)}
.sec .scon{padding:16px 18px;font-size:.92rem;color:var(--ink-70);line-height:1.8;word-break:keep-all}
.sec .scon p{font-size:.92rem;margin-bottom:10px}
.sec .scon p:last-child{margin-bottom:0}
.sec .scon .strike{color:var(--gray);text-decoration:line-through;text-decoration-color:var(--ink)}
.sec-prescription .slbl{background:var(--ink);color:var(--paper)}
.sec-record .slbl{background:var(--paper-2)}
.keep{border:1.5px dashed var(--ink);padding:14px 18px;margin-bottom:16px;font-size:.9rem;color:var(--ink-70)}
.keep b{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--ink);display:block;margin-bottom:4px;text-transform:uppercase}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media (max-width:860px){
  .hero{grid-template-columns:1fr;padding:64px 24px 46px 24px}.hero .style-board{min-height:220px}.tile.big{font-size:1.7rem}
  .cabinet-wrap{padding:0 14px 40px 14px}.lane-ruler{font-size:.5rem}.lane-ruler span{padding:8px 7px}
  .file .tab{font-size:0.68rem;padding:0 10px;gap:6px;min-width:135px;max-width:32%;height:31px}
  .file.group .tab{max-width:32%;padding:0 12px}.file.group .tab .cnt{display:none}
  .panel .in{grid-template-columns:1fr;padding:20px}.panel .in>div{padding:22px}.panel h3{font-size:1.45rem}
  .statement .in{grid-template-columns:1fr}.statement p.big{font-size:1.45rem}
  .split .frame,.split.notes .frame{grid-template-columns:1fr}
  .listcol,.detail,.reader{min-height:0}
  .phead{padding:32px 16px 16px 16px}
  .split{padding:0 12px}
  .dmeta{grid-template-columns:1fr}
  .dbody{padding:18px}
  .related{padding:0 18px 24px 18px}
  nav.gnb a{font-size:.58rem;gap:5px}nav.gnb a b{font-size:.82rem}nav.gnb a::before{width:10px;height:10px}
}
@media (max-width:560px){
  nav.gnb a{font-size:.58rem;gap:5px}nav.gnb a b{font-size:.82rem}nav.gnb a::before{width:10px;height:10px}
  .file .tab{min-width:108px;max-width:31%;font-size:.6rem}
  .file .edge{height:46px}.file.group .edge{height:56px}.file .viewall{display:none}
}

/* =========================================================
   BW MINIMAL OVERRIDE — 전체 블랙앤화이트
   (컬러 버전으로 복귀하려면 이 블록만 제거)
   ========================================================= */
:root{
  --paper:#F6F5EF;
  --paper-2:#FFFFFF;
  --paper-3:#E8E7E1;
  --ink:#0E0E0E;
  --ink-70:#333333;
  --ink-45:#777777;
  --gray:#A8A8A0;
  --gray-2:#D7D7D0;
  --blue:#0E0E0E;
  --blue-tint:#F6F5EF;
  --pink:#0E0E0E;
  --pink-tint:#F6F5EF;
  --green:#0E0E0E;
  --yellow:#FFFFFF;
  --t-ochre:#F6F5EF;
  --t-rose:#F6F5EF;
  --t-sage:#F6F5EF;
}
::selection{background:var(--ink);color:var(--paper)}
.masthead .logo .d{color:var(--ink)}
nav.gnb a::before{display:none}
nav.gnb a::after{height:2px;background:var(--ink)}
nav.gnb li.here a::after{background:var(--ink)}
.hero h1 em{background:transparent;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.tile.blue,.tile.pink,.tile.green{background:var(--paper-2);color:var(--ink)}
.tile.yellow{background:var(--paper-2)}
.lane-ruler span:nth-child(1) b,.lane-ruler span:nth-child(2) b,.lane-ruler span:nth-child(3) b{color:var(--ink)}
.lane-100 .tab,.lane-200 .tab,.lane-300 .tab{background:var(--paper-2)}
.lane-100 .tab .no,.lane-200 .tab .no,.lane-300 .tab .no{color:var(--ink)}
.file .edge:hover .tab{background:var(--paper-3)}
.file.on > .edge .tab .no{color:var(--paper)}
.panel .case-no{background:var(--paper-2)}
.panel .meta div{background:var(--paper-2)}
.panel a.more{background:var(--paper-2)}
.panel a.more:hover{background:var(--ink);color:var(--paper)}
.drawer-label span{background:var(--paper-2)}
.statement p.big em{background:transparent;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
footer.ft .lg .d{color:var(--paper)}
.phead h1 b{color:var(--ink)}
.row:hover{background:var(--paper-3)}
.filters button:hover{background:var(--paper-3)}
.sec-symptom .slbl,.sec-diagnosis .slbl,.sec-reveal .slbl{background:var(--paper-2);color:var(--ink)}
.sec-prescription .slbl{background:var(--ink);color:var(--paper)}