/* v3 시안 이식 — write 그룹 (발주 #8): 아웃라인(09) · 스토리 바이블(17) · 검증 결과(18) · 복선 감사(19)
   공통 w3-*, 화면별 ol3-/bb3-/vf3-/au3-. 토큰·.dot/.kd/.v3h1 은 v3.css·app.css 것을 그대로 쓴다. */

/* ── 공통 ─────────────────────────────────────────── */
.w3i{flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.w3c{min-width:0;border:1px solid var(--ln2);border-radius:16px;background:rgba(255,251,240,.025);padding:14px}
.w3-hd{display:grid;gap:8px;padding:6px 0 14px}
.w3-t{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;min-width:0}
.w3-t .kd{height:28px;font-size:14px;border-radius:9px}
.w3-hd .v3sub{margin:0}
.w3-pt{color:var(--ink);font-weight:600}
.w3-pt::after{content:' ·';color:var(--faint);font-weight:400}
.w3-pc b{font-variant-numeric:tabular-nums}
.w3-dirty{color:var(--gold-text);font-weight:700}
.w3-acts{display:flex;gap:8px}
.w3-acts .btn{flex:1 1 0;min-width:0;height:40px;padding:0 10px;gap:6px;font-size:15px;border-radius:11px}
.w3-acts .btn.off{opacity:.45;pointer-events:none}
.w3-foot{display:flex;justify-content:space-between;gap:12px;margin:16px 0 4px;font-size:14.5px}
.w3-foot a{display:inline-flex;align-items:center;min-height:40px;color:var(--dim);text-decoration:none}
.w3-foot a:hover{color:var(--gold-text)}
.w3-hd+.w3c.jobbar,.w3c.jobbar{margin:0 0 12px;padding:12px 14px}
.w3c.skel{margin:0}

/* ── 09 아웃라인 ──────────────────────────────────── */
.olregen.w3c{margin:0 0 12px;padding:10px}
.olregen.w3c .inp{height:44px;min-width:0}
.olregen.w3c .btn{flex:none;height:44px;padding:0 14px;font-size:15px}
.ol3-g{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:2px}
.ol3-g>*,.bb3-g>*{min-width:0}
.ol3-acts{display:flex;flex-direction:column;gap:10px}
.ol3-act{padding:6px 12px 12px;background:linear-gradient(100deg,rgba(255,251,240,.025) 55%,rgba(232,195,122,.05))}
.ol3-ah{display:flex;align-items:center;gap:6px;min-height:44px}
.ol3-at{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}
.ol3-at b{min-width:0;font-family:var(--serif);font-weight:700;font-size:19px;line-height:1.3;color:#fff8ea;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ol3-at i{flex:none;font-style:normal;font-size:13.5px;color:var(--faint)}
.ol3-ah .hp{flex:none;margin:0}
.ol3-cv{flex:none;display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.ol3-cv .v3chev{transition:transform .18s var(--eo)}
.ol3-act.open .ol3-cv .v3chev{transform:rotate(90deg)}
.ol3-chips{display:none;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px;margin-top:6px}
.ol3-act.open .ol3-chips{display:grid}
.ol3-chip{min-width:0;height:40px;padding:0;border-radius:9px;border:1px solid var(--ln2);background:rgba(255,251,240,.04);color:var(--ink);font-family:var(--serif);font-size:16px;font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .13s,background .13s,border-color .13s}
.ol3-chip:hover{border-color:rgba(232,195,122,.4)}
.ol3-chip:active{transform:scale(.94)}
.ol3-chip.on{background:var(--gold);border-color:var(--gold);color:var(--gold-on);font-weight:700}
.ol3-ed{padding:14px 14px 10px}
.ol3-eh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 4px;font-family:var(--serif);font-weight:700;font-size:23px;color:#fff8ea}
.ol3-f{margin-top:12px;min-width:0}
.ol3-l{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:14.5px;color:var(--dim)}
.ol3-l .hp{margin:0}
.ol3-f .inp{height:48px}
.ol3-f textarea.inp{height:auto;padding:11px 14px;line-height:1.6;resize:vertical}
.ol3-r2{display:grid;grid-template-columns:minmax(0,1fr) 116px;gap:0 10px}
.ol3-num .inp{text-align:right;font-variant-numeric:tabular-nums}
.ol3-tg{display:flex;flex-wrap:wrap;gap:7px}
.ol3-tg .kd{height:32px;padding:0 12px;border-radius:99px;font-size:14px}
@media(min-width:861px){
  .w3-hd{grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .w3-hd>*:not(.w3-acts){grid-column:1}
  .w3-hd>.w3-acts{grid-column:2;grid-row:1/span 2;align-self:center}
  .w3-acts .btn{flex:none;padding:0 18px}
  .ol3-g{grid-template-columns:minmax(260px,5fr) minmax(0,7fr);align-items:start}
  .ol3-acts{position:sticky;top:8px}
  .ol3-act .ol3-chips{display:grid}
  .ol3-cv{display:none}
  .ol3-at{cursor:default}
  .ol3-r2{grid-template-columns:minmax(0,1fr) 160px}
}

/* ── 17 스토리 바이블 ─────────────────────────────── */
.bb3-g{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.bb3-stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.025)}
.bb3-s1{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:9px 4px;min-width:0;border-left:1px solid var(--ln)}
.bb3-s1:first-child{border-left:0}
.bb3-s1 .w3i{display:none;color:var(--gold-text)}
.bb3-s1 span{font-size:13.5px;color:var(--dim);white-space:nowrap}
.bb3-s1 b{font-size:21px;line-height:1.2;font-weight:600;color:#fff8ea;font-variant-numeric:tabular-nums}
.bb3-tabs{display:flex;gap:2px;margin:10px 0 12px;padding:3px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.02)}
.bb3-tab{flex:1 1 auto;min-width:0;min-height:44px;padding:0 6px;border:1px solid transparent;border-radius:11px;background:none;font-size:15px;color:var(--dim);white-space:nowrap;cursor:pointer;transition:background .13s,color .13s,transform .13s}
.bb3-tab:active{transform:scale(.96)}
.bb3-tab i{font-style:normal;margin-left:3px;color:var(--faint);font-variant-numeric:tabular-nums}
.bb3-tab.on{border-color:var(--gold);background:var(--gold-soft);color:var(--gold-text);font-weight:700}
.bb3-tab.on i{color:var(--gold-text)}
.bb3-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 12px;background:var(--gold-soft);border-color:rgba(232,195,122,.35);font-size:14.5px}
.bb3-na{display:flex;align-items:center;gap:12px}
.bb3-na a{color:var(--gold-text);text-decoration:none;white-space:nowrap}
.bb3-cs{display:flex;flex-direction:column;gap:12px}
.bb3-ch{padding:14px}
.bb3-chh{display:flex;align-items:center;gap:12px}
.bb3-av{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:14px;font-family:var(--serif);font-weight:700;font-size:24px;color:var(--gold-text);
  background:linear-gradient(145deg,rgba(232,195,122,.24),rgba(232,195,122,.05));border:1px solid rgba(232,195,122,.38)}
.bb3-chn{flex:1;min-width:0}
.bb3-chl{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.bb3-chl h3{display:block;margin:0;font-family:var(--serif);font-weight:700;font-size:22px;line-height:1.3;color:#fff8ea;overflow-wrap:anywhere}
.bb3-chl .hp{margin:0}
.bb3-pill{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:100%;padding:3px 11px;border-radius:13px;border:1px solid var(--ln2);font-size:13.5px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}
.bb3-role{margin:3px 0 0;font-size:15px;line-height:1.5;color:var(--dim);overflow-wrap:anywhere}
.bb3-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}
.bb3-tile{display:flex;flex-direction:column;gap:3px;min-width:0;padding:9px 10px;border:1px solid var(--ln2);border-radius:12px;background:rgba(255,251,240,.03)}
.bb3-tk{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--dim);white-space:nowrap}
.bb3-tk .w3i{width:15px;height:15px;color:var(--gold-text)}
.bb3-tile b{font-size:14.5px;font-weight:600;line-height:1.4;color:var(--ink);overflow-wrap:anywhere;word-break:keep-all}
.bb3-tile b{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.bb3-tile b.none{font-weight:400;color:var(--faint)}
.bb3-dt{margin-top:8px;border:1px solid var(--ln2);border-radius:12px;background:rgba(255,251,240,.02)}
.bb3-dt>summary{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 12px;list-style:none;cursor:pointer;font-size:16px}
.bb3-dt>summary::-webkit-details-marker{display:none}
.bb3-dt>summary .w3i{color:var(--gold-text)}
.bb3-dt>summary span{flex:1;min-width:0}
.bb3-dt>summary i{font-style:normal;margin-left:4px;color:var(--dim);font-variant-numeric:tabular-nums}
.bb3-dt>summary .v3chev{transition:transform .18s var(--eo);transform:rotate(90deg)}
.bb3-dt[open]>summary .v3chev{transform:rotate(-90deg)}
.bb3-dt ul{margin:0;padding:0 14px 12px 32px;font-size:15px;line-height:1.6;color:var(--ink)}
.bb3-dt li+li{margin-top:3px}
.bb3-dt p{margin:0;padding:0 14px 12px;font-size:15px;line-height:1.6}
.bb3-w{padding:14px}
.bb3-wh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bb3-wh code{font:700 14px var(--mono);color:var(--gold-text)}
.bb3-wh .dot{height:24px;font-size:12.5px}
.bb3-kws{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.bb3-kw{display:inline-flex;align-items:center;min-height:24px;padding:1px 9px;border-radius:7px;border:1px solid rgba(232,195,122,.35);font-size:13px;color:var(--gold-text);overflow-wrap:anywhere}
.bb3-w p{margin:8px 0 0;font-size:15.5px;line-height:1.65;overflow-wrap:anywhere}
.bb3-fc{margin-bottom:10px}
.bb3-fc .chip{padding:0 15px;height:40px;font-size:15px;display:inline-flex;align-items:center}
.bb3-ths{display:flex;flex-direction:column;gap:7px}
.bb3-th{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:10px 12px;border:1px solid var(--ln2);border-radius:12px;background:rgba(255,251,240,.02)}
.bb3-tid{min-width:0;font:700 15px var(--mono);color:var(--gold-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bb3-trg{grid-column:1/-1;font-size:14.5px;color:var(--dim)}
.bb3-trg b{color:var(--ink);font-weight:600}
.bb3-none{margin:8px 0}
.bb3-tl{padding:14px}
.bb3-tlh{display:flex;align-items:center;gap:8px}
.bb3-tlh b{font-family:var(--serif);font-size:19px;color:#fff8ea}
.bb3-tl ul{margin:8px 0 0;padding-left:20px;font-size:15px;line-height:1.6}
.bb3-sum{margin:8px 0 0;padding-top:8px;border-top:1px solid var(--ln);font-size:15px;line-height:1.65;color:var(--dim);overflow-wrap:anywhere}
.bb3-set{padding:2px 14px}
.bb3-sr{display:grid;grid-template-columns:84px minmax(0,1fr);gap:10px;padding:11px 0;border-top:1px solid var(--ln);font-size:15px;line-height:1.55}
.bb3-sr:first-child{border-top:0}
.bb3-sr>span{color:var(--dim)}
.bb3-sr b{font-weight:600;overflow-wrap:anywhere}
.bb3-sr em{font-style:normal;color:var(--faint)}
.bb3-sb{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:0 12px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.025);text-align:left;cursor:pointer;font-size:15px;color:var(--ink);transition:background .13s,transform .13s}
.bb3-sb:active{transform:scale(.985)}
.bb3-sb .w3i{color:var(--gold-text)}
.bb3-sl{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bb3-sl b{font-weight:600}
.bb3-sw{flex:none;font-size:13px;color:var(--faint)}
.bb3-sb .v3chev{transition:transform .18s var(--eo)}
.bb3-sb.open .v3chev{transform:rotate(90deg)}
.bb3-sp{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.bb3-sp[hidden]{display:none}
.bb3-sh{padding:2px 2px 0;font-size:14px;color:var(--dim)}
.bb3-sn{display:flex;align-items:center;gap:10px;width:100%;min-height:52px;padding:6px 12px;border:1px solid var(--ln2);border-radius:12px;background:rgba(255,251,240,.02);text-align:left;cursor:pointer;color:inherit;transition:transform .13s,border-color .13s}
.bb3-sn:active{transform:scale(.985)}
.bb3-sn.on{border-color:var(--gold);background:var(--gold-soft)}
.bb3-sv{flex:none;width:34px;font:700 15px var(--mono);color:var(--gold-text)}
.bb3-st{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.35}
.bb3-st b{font-size:15px;font-weight:600}
.bb3-st small{font-size:13px;color:var(--faint)}
@media(min-width:481px){.bb3-s1{flex-direction:row;gap:8px;padding:12px 4px}.bb3-s1 .w3i{display:block}.bb3-s1 span{font-size:15px}}
@media(min-width:861px){
  .bb3-g{grid-template-columns:minmax(0,1fr) 300px;align-items:start}
  .bb3-s{position:sticky;top:8px}
  .bb3-sb{pointer-events:none}
  .bb3-sb .v3chev{display:none}
  .bb3-sp,.bb3-sp[hidden]{display:flex}
  .bb3-cs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .bb3-ths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* ── 18 검증 결과 ─────────────────────────────────── */
.w3-acts.two .btn{font-size:16px}
.vf3-list{display:flex;flex-direction:column;gap:10px;margin-top:2px}
.vf3-c{padding:0;overflow:hidden}
.vf3-c.fail{border-color:rgba(244,63,94,.42);background:rgba(244,63,94,.03)}
.vf3-c.sel{box-shadow:0 0 0 2px var(--gold-line)}
.vf3-h{display:flex;align-items:center;gap:8px;width:100%;min-height:60px;padding:10px 12px;border:0;background:none;text-align:left;cursor:pointer;color:inherit}
.vf3-h:active{background:rgba(232,195,122,.05)}
.vf3-ico{flex:none;display:grid;place-items:center;width:26px;color:var(--ink)}
.vf3-ico .w3i{width:24px;height:24px}
.vf3-tt{flex:1;min-width:0;font-size:16.5px;font-weight:600;line-height:1.35;color:var(--ink);overflow-wrap:anywhere;word-break:keep-all}
.vf3-pl{flex:none;display:flex;align-items:center;gap:6px}
.vf3-sv{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:99px;border:1px solid var(--ln2);font-size:13px;color:var(--dim);white-space:nowrap}
.vf3-sv.hi{color:var(--gold-text);border-color:rgba(232,195,122,.4)}
.vf3-sv.md{color:#e0a46a;border-color:rgba(224,164,106,.45)}
.vf3-v{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 11px 0 8px;border-radius:99px;font-size:14px;font-weight:700;white-space:nowrap;border:1px solid}
.vf3-v .w3i{width:16px;height:16px}
.vf3-v.ok{color:var(--ok);background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.32)}
.vf3-v.err{color:#fb7185;background:rgba(244,63,94,.1);border-color:rgba(244,63,94,.38)}
.vf3-h .v3chev{transition:transform .18s var(--eo);transform:rotate(90deg)}
.vf3-c.open .vf3-h .v3chev{transform:rotate(-90deg)}
.vf3-b{display:none;padding:0 12px 12px}
.vf3-c.open .vf3-b{display:block}
.vf3-rs{padding:10px 12px;border:1px solid rgba(244,63,94,.35);border-radius:10px;background:rgba(244,63,94,.07)}
.vf3-rs>b{display:flex;align-items:center;gap:6px;font-size:14.5px;color:#fb7185}
.vf3-rs>b .w3i{width:17px;height:17px}
.vf3-rs ul{margin:6px 0 0;padding-left:18px;font-size:15px;line-height:1.55}
.vf3-sh{margin:12px 0 2px;font-size:15px;font-weight:600}
.vf3-sh i{font-style:normal;color:var(--dim)}
.vf3-sen{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;margin-top:6px;border:1px solid var(--ln2);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;background:rgba(255,251,240,.02)}
.vf3-sen:active{background:rgba(232,195,122,.06)}
.vf3-sen>b{display:grid;place-items:center;padding:0 10px;min-width:46px;border-right:1px solid var(--ln2);font-size:14px;color:var(--dim);font-weight:600}
.vf3-sen>span{padding:10px 12px;font-size:15px;line-height:1.5;overflow-wrap:anywhere}
.vf3-sen .v3chev{align-self:center;margin:0 10px}
.vf3-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:8px}
.vf3-sh+.vf3-st,.vf3-rs+.vf3-st{margin-top:10px}
.vf3-s1{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:9px 11px;border:1px solid var(--ln2);border-radius:10px;background:rgba(255,251,240,.03);font-size:14.5px}
.vf3-s1 span{color:var(--dim);white-space:nowrap}
.vf3-s1 b{min-width:0;font-weight:600;text-align:right;white-space:nowrap}
.vf3-ok{margin:2px 0 0;padding:10px;text-align:center;font-size:14.5px;color:var(--faint)}
@media(min-width:861px){.vf3-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:400px){.vf3-h{gap:6px;padding:10px}.vf3-ico{width:22px}.vf3-ico .w3i{width:22px;height:22px}.vf3-tt{font-size:16px}.vf3-v{padding:0 9px 0 6px}}

/* ── 19 복선 감사 ─────────────────────────────────── */
.au3-chips{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.au3-chips .hp{margin:0 0 0 -2px}
.au3-go{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
.au3-go .btn{height:40px;padding:0 14px;gap:6px;font-size:15px;border-radius:11px}
.au3-go .hp{margin:0}
.au3-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.au3-t{display:flex;flex-direction:column;gap:3px;min-width:0;min-height:76px;padding:10px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.025);text-align:left;text-decoration:none;cursor:pointer;color:inherit;font:inherit;transition:transform .13s,border-color .13s}
.au3-t:active{transform:scale(.97)}
.au3-tl{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--dim);white-space:nowrap}
.au3-tl .w3i{display:none}
.au3-t b{font-size:30px;line-height:1.15;font-weight:600;font-variant-numeric:tabular-nums;color:#fff8ea}
.au3-t.ok{background:rgba(52,211,153,.07);border-color:rgba(52,211,153,.28)}.au3-t.ok b,.au3-t.ok .w3i{color:var(--ok)}
.au3-t.warm{background:rgba(232,195,122,.06);border-color:rgba(232,195,122,.28)}.au3-t.warm b,.au3-t.warm .w3i{color:var(--gold)}
.au3-t.err{background:rgba(244,63,94,.07);border-color:rgba(244,63,94,.3)}.au3-t.err b,.au3-t.err .w3i{color:#fb7185}
.au3-t.on{box-shadow:0 0 0 1.5px currentColor}
.au3-t.ok.on{color:var(--ok)}.au3-t.warm.on{color:var(--gold)}.au3-t.err.on{color:#fb7185}
.au3-t b{color:inherit}
.au3-t.ok b,.au3-t.ok .w3i{color:var(--ok)}
.au3-card{padding:14px;margin-bottom:12px}
.au3-ch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;padding-bottom:10px;border-bottom:1px solid var(--ln)}
.au3-ch h2{margin:0;font-family:var(--serif);font-weight:700;font-size:20px;color:#fff8ea}
.au3-ch h2 small{font-family:var(--sans);font-weight:400;font-size:14px;color:var(--dim)}
.au3-clr{flex:none;min-height:36px;padding:0 10px;border:1px solid var(--ln2);border-radius:99px;background:none;font-size:13.5px;color:var(--dim);cursor:pointer}
.au3-none{margin:8px 0 2px}
.au3-th{padding:11px 0;border-bottom:1px solid var(--ln)}
.au3-th:last-child{border-bottom:0;padding-bottom:2px}
.au3-th.forgotten{margin:6px -4px;padding:11px 12px;border:1px solid rgba(244,63,94,.42);border-radius:12px;background:rgba(244,63,94,.05)}
.au3-tt{display:flex;align-items:flex-start;gap:8px}
.au3-tt b{flex:1;min-width:0;font-size:17px;line-height:1.4;font-weight:700;color:var(--ink);overflow-wrap:anywhere;word-break:keep-all}
.au3-tt .kd,.au3-tt .dot{margin-top:1px}
.au3-tm{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;font-size:14px;color:var(--dim)}
.au3-sp{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.au3-sp i{flex:none;width:9px;height:9px;border-radius:50%;background:#8a8272}
.au3-sp.end.resolved{color:var(--ok)}.au3-sp.end.resolved i{background:var(--ok)}
.au3-sp.end.open{color:var(--gold)}.au3-sp.end.open i{background:var(--gold)}
.au3-sp.end.forgotten{color:#fb7185}.au3-sp.end.forgotten i{background:#fb7185}
.au3-tm em{font-style:normal;color:var(--faint)}
.au3-nt{margin:7px 0 0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.au3-nt span{margin-right:8px;padding:1px 7px;border-radius:5px;background:rgba(255,251,240,.07);color:var(--dim);font-size:13px}
.au3-fd{margin:6px 0 0;padding-left:18px;font-size:15px;line-height:1.6}
.au3-fd li+li{margin-top:6px}
.au3-fn{display:block;color:var(--dim);font-size:14.5px}
.au3-qb{position:relative;padding:6px 4px 2px 34px}
.au3-qb::before{content:'\201C';position:absolute;left:2px;top:-6px;font-family:var(--serif);font-size:44px;line-height:1;color:var(--faint)}
.au3-qb p{margin:0 0 6px;font-size:15.5px;line-height:1.65}
.au3-when{margin:0 0 8px;font-size:13.5px;color:var(--faint);text-align:right}
.au3-job .au3-jh{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:16px}
.au3-job .jobbar{margin:0;padding:0}
@media(min-width:481px){.au3-tl .w3i{display:block}.au3-tl{font-size:14.5px}}
@media(min-width:861px){
  .au3-t b{font-size:34px}
  .au3-card .au3-ths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
  .au3-card .au3-th:nth-last-child(2):nth-child(odd){border-bottom:0}
}

/* ── 360px 다듬기 ─────────────────────────────────── */
@media(max-width:360px){
  .ol3-at b{font-size:17.5px}
  .ol3-eh{font-size:21px}
  .ol3-r2{grid-template-columns:minmax(0,1fr) 104px}
  .bb3-tab{padding:0 3px;font-size:14.5px}
  .bb3-tiles{gap:6px}
  .bb3-tile{padding:8px}
  .au3-tiles{gap:6px}
  .au3-t{padding:9px 8px}
  .au3-t b{font-size:26px}
}

/* ── 쉬운보기 — 세리프 → 본문 글꼴, 장식·부가 걷기, 평평한 카드 ───────────── */
body.easy .ol3-at b,body.easy .ol3-chip,body.easy .ol3-eh,body.easy .bb3-av,body.easy .bb3-chl h3,body.easy .bb3-tlh b,body.easy .au3-ch h2,body.easy .au3-qb::before{font-family:var(--sans)}
body.easy .w3c,body.easy .ol3-act{background:#1a1713;border-color:var(--ln2)}
body.easy .ol3-act{background:#1a1713}
body.easy .vf3-c.fail{background:#1d1614;border-color:rgba(244,63,94,.5)}
body.easy .au3-t,body.easy .bb3-tile,body.easy .bb3-dt,body.easy .bb3-sb,body.easy .bb3-sn,body.easy .bb3-th,body.easy .vf3-s1,body.easy .vf3-sen,body.easy .bb3-stat,body.easy .bb3-tabs{background:#211d17}
body.easy .bb3-av,body.easy .bb3-s1 .w3i,body.easy .bb3-tk .w3i,body.easy .au3-tl .w3i,body.easy .vf3-ico,body.easy .au3-qb::before{display:none}
body.easy .bb3-chn{flex:1}
body.easy .w3-acts .w3i{display:none}
body.easy .w3-acts .btn{padding:0 8px}
body.easy .au3-go .w3i{display:none}
body.easy .bb3-tabs{flex-wrap:wrap}
body.easy .bb3-tab{flex:1 1 auto;min-height:46px}
body.easy .bb3-tab.on,body.easy .ol3-chip.on{background:var(--accent);border-color:var(--accent);color:#241a08}
body.easy .bb3-tab.on i{color:#241a08}
body.easy .au3-qb{padding-left:4px}
body.easy .ol3-act{background-image:none}
body.easy .au3-t{min-height:70px}
body.easy .au3-t b{font-size:26px}
body.easy .au3-t.ok,body.easy .au3-t.err,body.easy .au3-t.warm{background:#211d17}
body.easy .bb3-pill,body.easy .bb3-kw{background:transparent}
body.easy .bb3-s1 span{font-size:13.5px}
body.easy .vf3-sv{display:none}
body.easy .bb3-tiles{grid-template-columns:minmax(0,1fr)}
body.easy .bb3-tile{flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px}
body.easy .bb3-tile b{text-align:right}
body.easy .au3-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
body.easy .au3-go{margin-left:0;flex:1 1 100%}
body.easy .au3-go .btn{flex:1}

/* 지휘 대조 다듬기(10-14) — 바이블: «변경 보기»를 제목 줄 오른쪽 작은 버튼으로 · 요약 한 줄 · 타일 2줄 */
@media(max-width:768px){
  .w3-hd:has(#bbVer){grid-template-columns:minmax(0,1fr) auto;align-items:center}
  .w3-hd:has(#bbVer)>*:not(.w3-acts){grid-column:1}
  .w3-hd:has(#bbVer) .w3-acts{grid-column:2;grid-row:1/3;align-self:center}
  .w3-hd:has(#bbVer) .w3-acts .btn{flex:none;height:34px;padding:0 12px;font-size:14px;border-radius:99px}
  .bb3-s1{flex-direction:row;gap:5px;padding:9px 4px}
  .bb3-s1 .w3i{display:block;width:16px;height:16px}
  .bb3-s1 b{font-size:17px}
}
.bb3-tile b{-webkit-line-clamp:2}
body.easy .bb3-tile b{-webkit-line-clamp:3}