:root{
    --bg:#ffffff; --paper:#f7f8f9; --ink:#0d0e10; --gray:#63666c; --dim:#9a9da3;
    --line:#eceef0; --blue:#3a6df0; --blue-soft:#eef3fe;
    --kr:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
    --en:"Jost","Pretendard Variable",Pretendard,sans-serif;
  }
  *{box-sizing:border-box}
  html{-webkit-text-size-adjust:100%}
  body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--kr);
    font-size:17px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;
    -webkit-font-smoothing:antialiased}
  a{color:inherit}
  .wrap{max-width:680px;margin:0 auto;background:var(--bg);min-height:100vh;
    border-left:1px solid var(--line);border-right:1px solid var(--line)}
  .pad{padding:0 28px}

  /* 헤더 */
  header.top{display:flex;align-items:center;justify-content:space-between;
    padding:22px 28px;border-bottom:1px solid var(--line)}
  .logo{display:flex;align-items:center;gap:10px;text-decoration:none}
  .logo .dot{width:34px;height:34px;border-radius:50%;background:var(--ink);flex:none;
    display:grid;place-items:center;color:#fff;font-family:var(--en);font-weight:700;font-size:13px;letter-spacing:.02em}
  .logo .word{font-family:var(--en);font-size:17px;letter-spacing:.12em}
  .logo .word b{font-weight:700}
  .logo .word span{font-weight:300}
  .issue{font-family:var(--en);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--dim);text-transform:uppercase}

  /* 히어로 */
  .hero{padding:52px 28px 40px}
  .kicker{font-family:var(--en);font-size:12px;font-weight:600;letter-spacing:.16em;
    text-transform:uppercase;color:var(--blue);margin:0 0 14px}
  h1{font-size:clamp(32px,7.4vw,46px);line-height:1.2;letter-spacing:-.03em;font-weight:800;margin:0 0 14px;text-wrap:balance}
  .sub{font-size:18px;color:var(--gray);margin:0;text-wrap:pretty}
  .meta{margin-top:22px;font-size:13px;color:var(--dim)}

  .intro{padding:0 28px 36px}
  .intro p{margin:0 0 14px;color:#2a2c30}
  .intro p:last-child{margin-bottom:0}
  .intro strong{font-weight:700;color:var(--ink)}

  /* 목차 */
  nav.toc{margin:0 28px 8px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
  nav.toc a{display:flex;gap:14px;align-items:baseline;padding:15px 18px;text-decoration:none;
    border-bottom:1px solid var(--line);transition:background .15s}
  nav.toc a:last-child{border-bottom:0}
  nav.toc a:hover{background:var(--paper)}
  nav.toc .n{font-family:var(--en);font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--blue);flex:none;width:86px;text-transform:uppercase}
  nav.toc .t{font-weight:600;font-size:16px;line-height:1.45}

  /* 꼭지 */
  section.piece{padding:56px 28px 8px;scroll-margin-top:8px}
  .piece h2{font-size:clamp(25px,5.6vw,31px);line-height:1.3;letter-spacing:-.025em;font-weight:800;margin:0 0 12px;text-wrap:balance}
  .source{font-size:13.5px;color:var(--dim);margin:0 0 20px;line-height:1.6;font-weight:500}
  .lead{margin:0 0 26px;color:#2a2c30;text-wrap:pretty}
  .list-lbl{font-size:13px;font-weight:700;color:var(--gray);margin:0 0 4px}
  .points{list-style:none;margin:0;padding:0;counter-reset:p}
  .points li{counter-increment:p;display:grid;grid-template-columns:34px 1fr;column-gap:6px;
    padding:14px 0;border-top:1px solid var(--line);line-height:1.65}
  .points li:last-child{border-bottom:1px solid var(--line)}
  .points li::before{content:counter(p,decimal-leading-zero);font-family:var(--en);font-weight:600;font-size:13px;color:var(--blue);padding-top:4px;font-variant-numeric:tabular-nums}
  .points b{font-weight:700}

  .action{margin:26px 0 0;background:var(--blue-soft);border-radius:14px;padding:20px 22px}
  .action .lbl{font-family:var(--kr);font-size:13px;font-weight:700;color:var(--blue);margin:0 0 6px;letter-spacing:-.01em}
  .action p{margin:0;font-weight:600;line-height:1.6}

  .links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 0}
  .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:15px;font-weight:600;
    padding:11px 18px;border-radius:999px;border:1px solid var(--ink);background:var(--ink);color:#fff;
    transition:transform .12s, opacity .15s}
  .btn:hover{opacity:.86}
  .btn:active{transform:scale(.98)}
  .btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
  .btn.ghost:hover{background:var(--paper);opacity:1}
  .btn.blue{background:var(--blue);border-color:var(--blue)}
  .btn:focus-visible, nav.toc a:focus-visible, .logo:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

  /* 한 문장 */
  section.quote{margin:64px 28px 0;padding:36px 28px;border-radius:16px;background:var(--ink);color:#fff}
  .quote .kicker{color:#8fb0ff}
  .quote blockquote{margin:0}
  .quote .en{font-family:var(--en);font-size:clamp(21px,4.8vw,26px);line-height:1.4;font-weight:500;margin:0 0 14px;text-wrap:balance}
  .quote .ko{font-size:17px;line-height:1.65;color:#d5d8de;margin:0 0 22px}
  .quote .who{font-size:14px;line-height:1.65;color:#a4a8b0;margin:0}
  .quote .who a{color:#fff;text-underline-offset:3px}

  /* 마무리 */
  section.close{padding:60px 28px 20px}
  .close p{margin:0 0 14px;color:#2a2c30}
  .close .cta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 0}
  .close .love{font-family:var(--en);font-weight:600;font-size:20px;letter-spacing:.02em;margin:44px 0 0;color:var(--ink)}

  a.studio{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:28px 28px 0;
    padding:24px 24px;border:1px solid var(--line);border-radius:16px;text-decoration:none;background:var(--paper);
    transition:border-color .15s, background .15s}
  a.studio:hover{border-color:var(--blue);background:var(--blue-soft)}
  a.studio:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .s-text{display:flex;flex-direction:column;gap:6px;min-width:0}
  .s-word{font-family:var(--en);font-size:19px;font-weight:300;letter-spacing:.1em}
  .s-word b{font-weight:700}
  .s-desc{font-size:15px;line-height:1.6;color:var(--gray)}
  .s-go{flex:none;font-size:15px;font-weight:600;color:#fff;background:var(--blue);padding:11px 18px;border-radius:999px;white-space:nowrap}
  @media (max-width:480px){
    a.studio{margin-left:20px;margin-right:20px;flex-direction:column;align-items:flex-start;padding:22px 20px}
  }

  footer{margin-top:44px;padding:26px 28px 40px;border-top:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--dim)}
  footer p{margin:0 0 6px}
  footer a{color:var(--gray);text-underline-offset:3px}

  [hidden]{display:none !important}

  @media (max-width:480px){
    body{font-size:16.5px}
    header.top,.hero,.intro,section.piece,section.close,footer{padding-left:20px;padding-right:20px}
    nav.toc{margin-left:20px;margin-right:20px}
    section.quote{margin-left:20px;margin-right:20px;padding:30px 22px}
    nav.toc a{flex-direction:column;gap:2px}
    nav.toc .n{width:auto}
    .hero{padding-top:40px}
  }
  @media (max-width:680px){ .wrap{border:0} }
  @media (prefers-reduced-motion:reduce){ *{transition:none !important} html{scroll-behavior:auto} }
  @media print{ body{background:#fff} .wrap{border:0} .btn{border:1px solid #999;background:#fff;color:#000} }

  /* 호 이동 · 목록 */
  .pager{display:flex;gap:10px;margin:28px 28px 0}
  .pager a{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;padding:16px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:background .15s}
  .pager a:hover{background:var(--paper)}
  .pager a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .pager .dir{font-size:12px;font-weight:600;color:var(--dim)}
  .pager .ttl{font-weight:600;font-size:15px;line-height:1.45}
  .pager a.next{text-align:right}
  .pager a.all{flex:none;justify-content:center;font-weight:600;font-size:15px}
  .issue-link{text-decoration:none}
  .issue-link:hover{color:var(--ink)}
  ul.archive{list-style:none;margin:0;padding:0 28px}
  ul.archive li{border-top:1px solid var(--line)}
  ul.archive li:last-child{border-bottom:1px solid var(--line)}
  ul.archive a{display:block;padding:24px 0;text-decoration:none}
  ul.archive a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  ul.archive .no{font-family:var(--en);font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--blue);text-transform:uppercase}
  ul.archive .no .new{margin-left:8px;color:#fff;background:var(--blue);padding:2px 8px;border-radius:999px;letter-spacing:.04em;font-family:var(--kr);font-size:11px}
  ul.archive h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:800;margin:6px 0 6px}
  ul.archive a:hover h2{color:var(--blue)}
  ul.archive .sum{color:var(--gray);font-size:15.5px;line-height:1.6;margin:0 0 10px}
  ul.archive .tags{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
  ul.archive .tags li{border:0;font-size:13px;color:var(--gray);background:var(--paper);border:1px solid var(--line);padding:4px 10px;border-radius:999px}
  .count{padding:0 28px 14px;font-size:13px;color:var(--dim)}
  @media (max-width:480px){
    .pager{margin-left:20px;margin-right:20px;flex-wrap:wrap}
    ul.archive,.count{padding-left:20px;padding-right:20px}
  }

  .aud{display:inline-flex;gap:5px;margin-left:8px;vertical-align:1px}
  .aud span{font-size:12px;font-weight:600;color:var(--blue);background:var(--blue-soft);padding:2px 9px;border-radius:999px}

  /* 예약된 호의 공개 전 안내 */
  .soon{margin:0 28px 8px;padding:26px 24px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
  .soon .lbl{font-size:13px;font-weight:700;color:var(--blue);margin:0 0 6px}
  .soon p{margin:0;font-weight:600}
  @media (max-width:480px){ .soon{margin-left:20px;margin-right:20px} }

  /* 맨 아래 링크 */
  footer .f-link{margin:0 0 14px}
  footer .f-link a{font-size:15px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
  footer .f-link a:hover{color:var(--blue);border-color:var(--blue)}
  /* 어록집 */
  nav.years{display:flex;flex-wrap:wrap;gap:8px;padding:0 28px 8px}
  nav.years a{font-family:var(--en);font-size:14px;font-weight:600;text-decoration:none;padding:7px 14px;border:1px solid var(--line);border-radius:999px}
  nav.years a:hover{background:var(--paper)}
  nav.years a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
  .q-year{padding:44px 28px 0;scroll-margin-top:8px}
  .q-y{font-family:var(--en);font-size:15px;font-weight:600;letter-spacing:.16em;color:var(--blue);margin:0 0 6px}
  .q-entry{padding:26px 0 24px;border-top:1px solid var(--line)}
  .q-ctx{margin:0 0 16px;font-size:14px;line-height:1.6;color:var(--gray)}
  .q-date{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:2px}
  .q-entry blockquote{margin:0 0 18px;padding-left:16px;border-left:2px solid var(--ink)}
  .q-orig{font-family:var(--en);font-size:19px;line-height:1.45;font-weight:500;margin:0 0 6px;text-wrap:pretty}
  .q-ko{margin:0;font-size:15.5px;line-height:1.65;color:#3a3c41}
  .q-src{margin:0;font-size:13px;color:var(--dim)}
  .q-src a{color:var(--gray);text-underline-offset:3px}
  @media (max-width:480px){ nav.years,.q-year{padding-left:20px;padding-right:20px} .q-orig{font-size:18px} }

  a.studio + a.studio{margin-top:12px}

  /* 훈련 세션 (원고에 training 이 있는 호). 연습마다 «영상(흐름) → 구성·진행 → 영상(코칭 포인트) → 조절» 을 되풀이한다.
     영상은 프로세스 스튜디오 작전판에서 내보낸 MP4 다. */
  .training{--pad:28px; --ink-2:#2a2c30;
    --pitch:#15172b; --pitch-bar:#0e1020; --pitch-btn:rgba(255,255,255,.12); --pitch-btn-hover:rgba(255,255,255,.22); --pitch-rule:rgba(255,255,255,.08);
    --us:#3a6df0; --opp:#e5484d; --joker:#ffd23f; --gk:#22b07d; --halo:#f2c230; --beak-edge:#b9bdc6;
    margin-top:64px;padding-top:56px;border-top:10px solid var(--paper);scroll-margin-top:8px}
  .training button{font:inherit;color:inherit}
  .tr-head{padding:0 var(--pad) 28px}
  .tr-head h2{font-size:clamp(28px,6.4vw,38px);line-height:1.24;letter-spacing:-.03em;font-weight:800;margin:0 0 12px;text-wrap:balance}
  .tr-head .meta{margin:18px 0 0}
  .tr-intro{padding:0 var(--pad) 30px}
  .tr-intro p{margin:0 0 14px;color:var(--ink-2)}
  .tr-intro p:last-child{margin-bottom:0}

  .training dl.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin:0 var(--pad);background:var(--line);
    border:1px solid var(--line);border-radius:14px;overflow:hidden}
  .training dl.facts > div{background:var(--bg);padding:13px 16px;min-width:0}
  .training dl.facts dt{font-size:12px;font-weight:700;color:var(--dim);line-height:1.5}
  .training dl.facts dd{margin:2px 0 0;font-size:15.5px;font-weight:700;line-height:1.45;font-variant-numeric:tabular-nums}
  .training dl.facts dd small{display:block;font-size:12.5px;font-weight:500;color:var(--gray)}
  .training > .lbl, .training .ex > .lbl{font-size:13px;font-weight:700;color:var(--gray);margin:0;padding:30px var(--pad) 8px}

  nav.ex-toc{margin:0 var(--pad);border:1px solid var(--line);border-radius:14px;overflow:hidden}
  nav.ex-toc a{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:14px;align-items:center;padding:12px 12px 12px 18px;
    text-decoration:none;border-bottom:1px solid var(--line);transition:background .15s}
  nav.ex-toc a:last-child{border-bottom:0}
  nav.ex-toc a:hover{background:var(--paper)}
  nav.ex-toc a:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
  nav.ex-toc .n{display:block;font-family:var(--en);font-weight:600;font-size:12px;letter-spacing:.12em;color:var(--blue);text-transform:uppercase}
  nav.ex-toc .t{display:block;font-weight:600;font-size:16px;line-height:1.45}
  nav.ex-toc .thumb{display:block;width:100%;height:auto;aspect-ratio:4/3;border-radius:8px;object-fit:contain;background:var(--pitch)}

  .training ul.keys{list-style:none;margin:0;padding:0 var(--pad)}
  .training ul.keys li{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:10px;padding:13px 0;border-top:1px solid var(--line);line-height:1.6}
  .training ul.keys li:last-child{border-bottom:1px solid var(--line)}
  .training ul.keys b{font-size:13.5px;font-weight:700;color:var(--blue);padding-top:2px}

  .training section.ex{padding:60px 0 0;scroll-margin-top:8px}
  .training .ex .kicker,.training .ex h3,.training .ex .lead{margin-left:var(--pad);margin-right:var(--pad)}
  .training .ex h3{font-size:clamp(23px,5.2vw,28px);line-height:1.3;letter-spacing:-.025em;font-weight:800;margin-top:0;margin-bottom:20px;text-wrap:balance}
  .training .ex .lead{margin-top:22px;margin-bottom:24px;color:var(--ink-2);text-wrap:pretty}

  .training ol.steps{list-style:none;margin:0;padding:0 var(--pad);counter-reset:s}
  .training ol.steps li{counter-increment:s;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:6px;padding:13px 0;border-top:1px solid var(--line);line-height:1.65}
  .training ol.steps li:last-child{border-bottom:1px solid var(--line)}
  .training ol.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--en);font-weight:600;font-size:13px;color:var(--blue);padding-top:4px;font-variant-numeric:tabular-nums}

  figure.board{margin:0 var(--pad);border-radius:16px;overflow:hidden;background:var(--pitch)}
  .board .stage{display:block;width:100%;max-width:100%;background:var(--pitch)}
  .board video{display:block;width:100%;height:100%;object-fit:contain;background:var(--pitch)}
  .board .bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--pitch-bar);color:#fff}
  .board .bar button{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--pitch-btn);color:#fff;
    display:grid;place-items:center;cursor:pointer;font-family:var(--en);font-weight:600;font-size:14px;font-variant-numeric:tabular-nums;transition:background .15s}
  .board .bar button:hover{background:var(--pitch-btn-hover)}
  .board .bar button[aria-current="true"]{background:#fff;color:var(--pitch)}
  .board .bar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .board .bar button svg{width:14px;height:14px;fill:currentColor}
  .board .bar .scenes{display:flex;gap:6px;margin-left:6px}
  .board .bar .scenes button{width:32px;height:32px;font-size:13px}
  .board .bar .now{font-size:13.5px;font-weight:600;margin-left:6px;color:#fff;font-variant-numeric:tabular-nums}
  .board .bar .sp{flex:1}
  .board figcaption{margin:0;padding:12px 16px 14px;background:var(--pitch-bar);color:#fff;font-size:14.5px;line-height:1.55;
    font-weight:500;min-height:calc(2 * 1.55em + 26px);border-top:1px solid var(--pitch-rule)}

  .training .legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin:10px var(--pad) 0;padding:0;font-size:12.5px;color:var(--gray);line-height:1.5}
  .training .legend span{display:inline-flex;align-items:center;gap:6px}
  .training .legend i{width:11px;height:11px;border-radius:50%;flex:none}
  .legend .l-us{background:var(--us)} .legend .l-opp{background:var(--opp)} .legend .l-joker{background:var(--joker)} .legend .l-gk{background:var(--gk)}
  .training .legend .l-beak{width:0;height:0;border-radius:0;border-style:solid;border-width:5px 0 5px 11px;border-color:transparent transparent transparent var(--beak-edge)}
  .training .legend .l-halo{background:none;border:2px solid var(--halo)}

  .training ol.cp{list-style:none;margin:0;padding:0 var(--pad)}
  .training ol.cp li{border-top:1px solid var(--line)}
  .training ol.cp li:first-child{border-top:0}
  .training ol.cp li:last-child{border-bottom:1px solid var(--line)}
  .training ol.cp button{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:6px;align-items:start;width:100%;text-align:left;
    padding:14px 0;border:0;background:none;cursor:pointer;line-height:1.65;color:var(--ink-2)}
  .training ol.cp button .no{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;margin-top:1px;
    font-family:var(--en);font-weight:600;font-size:13px;color:var(--gray);font-variant-numeric:tabular-nums}
  .training ol.cp button:hover .no{border-color:var(--blue);color:var(--blue)}
  .training ol.cp button[aria-current="true"]{color:var(--ink);font-weight:600}
  .training ol.cp button[aria-current="true"] .no{background:var(--blue);border-color:var(--blue);color:#fff}
  .training ol.cp button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

  .training dl.tune{margin:0;padding:0 var(--pad)}
  .training dl.tune > div{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:10px;padding:13px 0;border-top:1px solid var(--line);line-height:1.6}
  .training dl.tune > div:last-child{border-bottom:1px solid var(--line)}
  .training dl.tune dt{font-size:13.5px;font-weight:700;color:var(--gray);padding-top:2px}
  .training dl.tune dd{margin:0}

  .training > .action{margin:56px var(--pad) 0}
  .training > a.studio{margin:16px var(--pad) 0}
  ul.archive .tags li.tr{color:var(--blue);background:var(--blue-soft);border-color:var(--blue-soft)}

  @media (max-width:560px){ .training dl.facts{grid-template-columns:repeat(2,minmax(0,1fr))} }
  @media (max-width:480px){
    .training{--pad:20px}
    figure.board{margin-left:0;margin-right:0;border-radius:0}
    .board .bar button{width:40px;height:40px}
    .board .bar .scenes button{width:34px;height:34px}
    nav.ex-toc a{grid-template-columns:minmax(0,1fr) 88px}
    .training ul.keys li{grid-template-columns:92px minmax(0,1fr)}
  }
  /* 코칭 포인트 구역: 포인트를 넘기는 동안 보드가 화면 위에 머문다 (포인트를 누르면 그 장면이 바로 눈앞에서 되풀이된다).
     화면이 낮으면 보드 높이를 줄여 포인트 목록이 보일 자리를 남긴다. */
  @media (min-height:480px){
    .training .cp-zone > figure.board{position:sticky;top:0;z-index:2}
    .training .cp-zone > figure.board .stage{max-height:calc(100vh - 250px);max-height:calc(100svh - 250px)}
    .training .cp-zone ol.cp button{scroll-margin-top:calc(var(--board-h, 0px) + 8px)}
  }
  @media print{ figure.board .bar{display:none} .training .cp-zone > figure.board{position:static} }

  /* header-fixed — 머리가 화면 위에 머문다. 로고 = PROCESS 첫 화면, 오른쪽 Letter = 레터 목록.
     머리 높이만큼: 닻(#team 등)으로 뛸 때 가리지 않게 하고, 코칭 포인트 구역의 고정 보드는 머리 아래에 붙는다. */
  :root{--hd-h:63px}
  html{scroll-padding-top:var(--hd-h)}
  header.top{position:sticky;top:0;z-index:30;padding-top:14px;padding-bottom:14px;
    background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px)}
  @media (min-height:480px){
    .training .cp-zone > figure.board{top:var(--hd-h)}
    .training .cp-zone > figure.board .stage{max-height:calc(100vh - 250px - var(--hd-h));max-height:calc(100svh - 250px - var(--hd-h))}
  }
  @media print{ header.top{position:static} }

  /* daily-cells — 평일 매일 공개: 호 안의 칸(글 · 훈련)이 아침마다 따로 열린다. 공개 전 안내 상자와 목차의 요일. */
  .soon.cell{margin-top:28px;margin-bottom:28px;scroll-margin-top:calc(var(--hd-h, 0px) + 12px)}
  .soon.cell p + p{font-size:19px;line-height:1.45;letter-spacing:-.02em}
  nav.toc .when{display:block;margin-top:2px;font-size:12.5px;font-weight:600;color:var(--gray);letter-spacing:0}

/* note-link — 글 꼭지 아래 «이 글을 엮은 노트» 한 줄 */
.piece .also{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--gray)}
.piece .also a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--dim)}
.piece .also a:hover{text-decoration-color:var(--ink)}

/* 훈련 책장으로 잇는 줄(2026-10-11) — 세션 머리의 «‹ 훈련 책장», 끝의 «훈련 더 보기» · «훈련 책장 전체 보기». */
.tr-crumb{margin:0 0 6px}
.tr-crumb a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:var(--blue);text-decoration:none}
.tr-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.training > .tr-more{margin-top:26px}
.training > .tr-more > .lbl{font-size:13px;font-weight:700;color:var(--gray);margin:0;padding:30px var(--pad) 8px}
nav.ex-toc a[hidden]{display:none}
.training > .tr-shelf{margin:20px var(--pad) 0}

/* 왜 이 훈련인가(2026-10-11) — 연습으로 들어가기 전에 서는 네 칸: 경기의 장면 · 까닭 · 근거 · 이 세션이 끝나면. */
.tr-why{margin:0 var(--pad) 30px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.tr-why h3{margin:0;padding:15px 18px;background:var(--paper);font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.4}
.tr-why .row{padding:17px 18px 19px;border-top:1px solid var(--line)}
.tr-why .row p{margin:0;line-height:1.65}
.tr-why .row .k{margin-bottom:6px;font-size:13px;font-weight:700;color:var(--blue);line-height:1.5}
.tr-why .ev + .ev{margin-top:14px}
.tr-why .ev .src{font-size:14px;line-height:1.5;color:var(--gray)}
.tr-why .ev .src a{display:inline-block;padding:10px 0;color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--dim)}
.tr-why .ev .src a:hover{text-decoration-color:var(--ink)}
.tr-why .after{font-weight:600}
.training .tr-flow{margin:0;padding:0 var(--pad) 14px;color:var(--ink-2);line-height:1.65}