/* verse.css — 절 페이지 전용. build_html.py 가 만든다 */

:root{
  --bg:#F4EEE0; --card:#FFFDF8; --ink:#1A1614; --ink2:#4E453D; --ink3:#8C8175;
  --rule:#DED4C0; --gold:#B8860F; --terra:#CE6641;
  --s:#2B6CA3; --v:#1D8151; --o:#BE6A12; --g:#7A5DB8; --d:#4E8B7A; --c:#9B9186;
  --kr:'Pretendard',system-ui,sans-serif;
  --gr:'Gentium Book Plus',Georgia,serif;
  --mo:'IBM Plex Mono',monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--ink);font-family:var(--kr);font-size:16px;
  line-height:1.75;-webkit-font-smoothing:antialiased;transition:padding-bottom .25s}
body.open{padding-bottom:56vh}
.wrap{max-width:860px;margin:0 auto;padding:0 22px}
.lab{font-family:var(--mo);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3)}

header{padding:48px 0 28px}
h1{font-family:var(--gr);font-size:clamp(30px,5vw,46px);font-weight:400;line-height:1.15;margin:20px 0 10px}
.lede{color:var(--ink2);font-size:15.5px;max-width:52ch}

.bar{position:sticky;top:0;z-index:20;background:rgba(244,238,224,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);padding:12px 0;margin-bottom:34px}
.barin{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.roles{display:flex;gap:5px;flex-wrap:wrap}
.rb{font-family:var(--kr);font-size:12.5px;border:1px solid var(--rule);background:var(--card);
  border-radius:2px;padding:5px 11px;cursor:pointer;color:var(--ink2);transition:border-color .14s}
.rb i{display:inline-block;width:7px;height:7px;border-radius:1px;margin-right:6px;vertical-align:1px}
.rb:hover{border-color:var(--ink3)} .rb.on{border-color:currentColor;font-weight:500}
.togs{display:flex;gap:5px;margin-left:auto}
.tg{font-family:var(--mo);font-size:11px;letter-spacing:.05em;border:1px solid var(--rule);
  background:var(--card);border-radius:2px;padding:6px 11px;cursor:pointer;color:var(--ink3)}
.tg.off{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* token */
.tok{display:inline-flex;flex-direction:column;align-items:center;padding:4px 8px 3px;
  border-radius:3px;border:none;background:none;font-family:inherit;cursor:pointer;
  border-bottom:2.5px solid transparent;transition:opacity .18s,background .14s}
.tok:hover{background:rgba(184,134,15,.13)}
.tok:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.tok.sel{background:var(--ink)} .tok.sel b,.tok.sel u,.tok.sel i{color:var(--bg)!important}
.tok b{font-family:var(--gr);font-size:clamp(19px,2.4vw,25px);font-weight:400;line-height:1.25}
.tok i{font-family:var(--mo);font-size:10px;color:var(--ink3);font-style:normal;line-height:1.5;margin-top:1px}
.tok u{font-size:12.5px;color:var(--ink2);text-decoration:none;line-height:1.5;white-space:nowrap}
.tok[data-r=s]{border-bottom-color:var(--s)} .tok[data-r=s] b{color:var(--s)}
.tok[data-r=v]{border-bottom-color:var(--v)} .tok[data-r=v] b{color:var(--v)}
.tok[data-r=o]{border-bottom-color:var(--o)} .tok[data-r=o] b{color:var(--o)}
.tok[data-r=g]{border-bottom-color:var(--g)} .tok[data-r=g] b{color:var(--g)}
.tok[data-r=d]{border-bottom-color:var(--d)} .tok[data-r=d] b{color:var(--d)}
.tok[data-r=c] b{color:var(--c)} .tok[data-r=c] u{color:var(--ink3)}
.tok[data-var]{position:relative}
.tok[data-var]::after{content:"";position:absolute;left:6px;right:6px;bottom:-5px;
  border-bottom:2px dashed var(--terra)}
body.filt .tok{opacity:.2} body.filt .tok.hit{opacity:1}
body.no-mean .tok u{visibility:hidden}
body.no-rom .tok i{visibility:hidden}
.row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2px}

.vb{margin-bottom:52px}
.vh{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.vn{font-family:var(--mo);font-size:12px;color:var(--gold);letter-spacing:.1em}
.vt{font-size:15px;font-weight:600}
.vd{font-size:14px;color:var(--ink2);margin-bottom:20px;max-width:58ch}

.nest{border:1.5px solid var(--rule);border-radius:5px;padding:14px 16px;background:var(--card)}
.nest .nlab{font-family:var(--mo);font-size:10px;letter-spacing:.1em;color:var(--g);display:block;margin-bottom:6px}
.nest .nest{margin-top:10px;background:transparent;border-color:#CFC0A6}
.nest .nest .nest{border-color:#C0AE90}
.nest .nest .nest .nest{border-color:#B29C7B}

.frame{border:1.5px solid var(--rule);border-radius:5px;padding:16px;background:var(--card)}
.flab{font-family:var(--mo);font-size:10px;letter-spacing:.1em;color:var(--ink3);display:block;margin-bottom:8px}
.quote{border:1.5px dashed var(--g);border-radius:5px;padding:14px 16px;margin-top:12px;background:rgba(122,93,184,.045)}
.quote .flab{color:var(--g)}
.clause{padding:10px 0}
.clause+.clause{border-top:1px dashed #D6C9B4;margin-top:6px}
.rel{font-family:var(--mo);font-size:10.5px;color:var(--ink3);margin-bottom:6px;display:block}
.rel b{color:var(--o);font-weight:500}

.par{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:680px){.par{grid-template-columns:1fr}}
.pcell{border:1.5px solid var(--rule);border-radius:5px;padding:14px 16px;background:var(--card)}
.pcell .flab{color:var(--v)}
.aspn{font-size:12.5px;color:var(--ink2);margin-top:12px;padding-top:10px;border-top:1px solid var(--rule)}
.aspTag{font-family:var(--mo);font-size:10px;padding:2px 7px;border-radius:2px;color:#fff;letter-spacing:.04em;margin-right:6px}
.note{font-size:14px;color:var(--ink2);margin-top:16px;max-width:60ch}
.note b{font-weight:600;color:var(--ink)} .note .gr{font-family:var(--gr);font-size:16px}

.sum{border-top:1px solid var(--rule);padding-top:36px;margin-top:8px}
.sumrow{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.sumrow:last-child{border-bottom:none}
.sumrow .k{font-family:var(--mo);font-size:12px;color:var(--gold)}
.sumrow .v2 small{display:block;font-size:13.5px;color:var(--ink2);margin-top:3px}
footer{padding:44px 0 70px;font-family:var(--mo);font-size:11px;color:var(--ink3);line-height:1.9}

/* ── drawer ── */
.dw{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--card);
  border-top:1.5px solid var(--ink);max-height:56vh;overflow-y:auto;
  transform:translateY(101%);transition:transform .26s cubic-bezier(.22,.9,.3,1);
  box-shadow:0 -14px 40px rgba(26,22,20,.13)}
.dw.show{transform:none}
.dwin{max-width:860px;margin:0 auto;padding:20px 22px 30px}
.dwtop{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.back{font-family:var(--mo);font-size:11px;letter-spacing:.06em;background:none;
  border:1px solid var(--rule);border-radius:2px;padding:5px 11px;cursor:pointer;color:var(--ink2)}
.back[hidden]{display:none}
.close{margin-left:auto;background:none;border:none;font-size:22px;line-height:1;
  cursor:pointer;color:var(--ink3);padding:2px 6px}
.dwhead{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.dwg{font-family:var(--gr);font-size:40px;line-height:1.1}
.dwr{font-family:var(--mo);font-size:12px;color:var(--ink3);margin-top:3px}
.dwm{font-size:19px;font-weight:600;margin-bottom:3px}
.dwlem{font-size:13.5px;color:var(--ink2)}
.dwlem .gr{font-family:var(--gr);font-size:16px}
.tier{font-family:var(--mo);font-size:10px;letter-spacing:.06em;padding:3px 8px;
  border-radius:2px;margin-left:8px;vertical-align:2px}
.t-뼈대{background:rgba(29,129,81,.15);color:#12603B}
.t-살{background:rgba(184,134,15,.16);color:#7A5A08}
.t-먼지{background:rgba(140,129,117,.18);color:#5E564D}
.sec{border-top:1px solid var(--rule);padding-top:14px;margin-top:16px}
.sech{font-family:var(--mo);font-size:10px;letter-spacing:.13em;color:var(--ink3);
  text-transform:uppercase;margin-bottom:9px}
.pills{display:flex;gap:6px;flex-wrap:wrap}
.pill{font-size:12.5px;border:1px solid var(--rule);background:none;border-radius:2px;
  padding:6px 12px;cursor:pointer;color:var(--ink);font-family:var(--kr);
  transition:border-color .14s,background .14s;text-align:left}
.pill:hover{border-color:var(--gold);background:rgba(184,134,15,.07)}
.pill::after{content:" →";color:var(--gold);font-size:11px}
.pill.mss{border-color:rgba(206,102,65,.5)} .pill.mss::after{color:var(--terra)}
.dtxt{font-size:14.5px;color:var(--ink2);line-height:1.78;max-width:64ch}
.dtxt b{font-weight:600;color:var(--ink)} .dtxt .gr{font-family:var(--gr);font-size:17px}
.dtxt p+p{margin-top:11px}
.stub{font-family:var(--mo);font-size:10.5px;color:var(--ink3);margin-top:14px;
  padding-top:10px;border-top:1px dashed var(--rule)}
.mrow{display:flex;gap:2px;margin:10px 0 6px;max-width:440px}
.mrow div{flex:1;text-align:center;font-family:var(--mo);font-size:10px;padding:6px 2px}
.yes{background:rgba(29,129,81,.13);color:#12603B;border-bottom:2px solid var(--v)}
.no{background:rgba(206,102,65,.13);color:#96401F;border-bottom:2px solid var(--terra)}
/* listen */
.listen{border-top:1px solid var(--rule);padding-top:36px;margin-top:44px}
.trk{display:flex;align-items:center;gap:14px;background:var(--card);
  border:1px solid var(--rule);border-radius:5px;padding:15px 18px;margin-bottom:9px}
.trk .ti{flex:1;min-width:0}
.trk .tn{font-size:15px;font-weight:500}
.trk .tm{font-family:var(--mo);font-size:11px;color:var(--ink3);margin-top:2px;letter-spacing:.03em}
.trk .act{display:flex;gap:6px;flex-shrink:0}
.trk button,.trk a{font-family:var(--mo);font-size:11px;letter-spacing:.05em;
  border:1px solid var(--rule);background:#fff;border-radius:3px;padding:7px 12px;
  cursor:pointer;color:var(--ink2);text-decoration:none;white-space:nowrap;
  transition:border-color .14s,color .14s}
.trk button:hover,.trk a:hover{border-color:var(--gold);color:var(--gold)}
.trk button.on{border-color:var(--v);color:var(--v)}
.trk.lock{opacity:.72}
.trk .badge{font-family:var(--mo);font-size:9.5px;letter-spacing:.06em;padding:2px 7px;
  border-radius:2px;background:rgba(184,134,15,.16);color:#7A5A08;margin-left:8px;vertical-align:1px}
.trk .badge.free{background:rgba(29,129,81,.14);color:#12603B}
.tracks-h{display:flex;align-items:baseline;gap:10px;margin:26px 0 12px}
.tracks-h .lab{margin:0}
.podcast{background:var(--card);border:1px solid var(--rule);border-radius:5px;
  padding:16px 18px;margin-top:16px;font-size:13.5px;color:var(--ink2);line-height:1.7}
.podcast a{color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(184,134,15,.4)}
.pbar{height:3px;background:var(--rule);border-radius:2px;margin-top:10px;overflow:hidden;display:none}
.pbar.on{display:block}
.pbar i{display:block;height:100%;background:var(--v);width:0}
/* audio */
.spk{border:1px solid var(--rule);background:var(--card);border-radius:2px;
  font-family:var(--mo);font-size:11px;letter-spacing:.05em;color:var(--ink2);
  padding:5px 11px;cursor:pointer;transition:border-color .14s,color .14s}
.spk:hover{border-color:var(--gold);color:var(--gold)}
.spk.play{border-color:var(--v);color:var(--v)}
.spk[disabled]{opacity:.4;cursor:default}
.spkmini{border:none;background:none;cursor:pointer;color:var(--gold);font-size:17px;
  padding:2px 5px;line-height:1;border-radius:2px}
.spkmini:hover{background:rgba(184,134,15,.14)}
.vh{gap:14px}
.vh .spk{margin-left:auto}
.anote{font-size:11.5px;color:var(--ink3);margin-top:8px;line-height:1.6}
/* scan */
.scanw{font-family:var(--gr);font-size:32px;line-height:1.15;letter-spacing:.01em;margin-bottom:2px}
.sg{padding:1px 2px;border-radius:3px}
.sg-e{background:rgba(206,102,65,.22);box-shadow:inset 0 -3px 0 var(--terra)}
.sg-s{background:rgba(184,134,15,.24);box-shadow:inset 0 -3px 0 var(--gold)}
.sg-r{background:rgba(122,93,184,.2);box-shadow:inset 0 -3px 0 var(--g)}
.sg-t{color:var(--s)}
.sg-b{color:var(--ink)}
.sg-pre{color:#B3A895}
.slab{display:flex;gap:0;font-family:var(--mo);font-size:9.5px;color:var(--ink3);
  letter-spacing:.05em;margin-bottom:14px;flex-wrap:wrap}
.slab span{padding-right:12px}
.sstep{display:flex;flex-direction:column;gap:0;margin:12px 0 6px}
.sstep div{font-size:13.5px;color:var(--ink2);padding:5px 0 5px 20px;position:relative}
.sstep div::before{content:"";position:absolute;left:5px;top:14px;width:6px;height:6px;
  border-radius:50%;background:var(--rule)}
.sstep div.hit{color:var(--ink)}
.sstep div.hit::before{background:var(--terra)}
.sstep div.res{font-weight:600;font-size:15px;padding-top:9px}
.sstep div.res::before{background:var(--v);top:19px}
.skey{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--ink3);margin-top:12px;
  padding-top:10px;border-top:1px dashed var(--rule)}
.skey b{font-family:var(--gr);font-size:15px;font-weight:400;margin-right:3px}
/* paradigm */
.ptog{font-family:var(--kr);font-size:12.5px;border:1px solid var(--rule);background:none;
  border-radius:2px;padding:6px 12px;cursor:pointer;color:var(--ink);
  transition:border-color .14s,background .14s}
.ptog:hover{border-color:var(--gold);background:rgba(184,134,15,.07)}
.ptog::after{content:" ▾";color:var(--gold);font-size:10px}
.ptog.open::after{content:" ▴"}
.pbox[hidden]{display:none}
.pbox{margin-top:14px}
.ptab{width:100%;border-collapse:collapse;font-size:13px}
.ptab th{font-family:var(--mo);font-size:10px;letter-spacing:.08em;color:var(--ink3);
  font-weight:400;text-align:left;padding:6px 8px;border-bottom:1px solid var(--rule)}
.ptab td{padding:7px 8px;border-bottom:1px solid #EAE1CE;vertical-align:top}
.ptab td:first-child{font-family:var(--mo);font-size:10.5px;color:var(--ink3);width:62px;
  padding-top:10px}
.pf{font-family:var(--gr);font-size:18px;line-height:1.3}
.pf .cnt{font-family:var(--mo);font-size:9.5px;color:var(--ink3);margin-left:5px;vertical-align:2px}
.pnone{font-size:12px;color:#BDB0A0}
.pcur{background:rgba(184,134,15,.16);border-radius:3px;padding:1px 5px;
  box-shadow:inset 0 -2px 0 var(--gold)}
.pgrp{margin-bottom:14px}
.pgh{font-family:var(--mo);font-size:10px;letter-spacing:.08em;margin-bottom:7px;
  display:flex;align-items:center;gap:7px}
.pgh i{display:inline-block;width:8px;height:8px;border-radius:1px}
.pgh span{color:var(--ink3)}
.pitem{display:inline-flex;flex-direction:column;align-items:flex-start;
  border:1px solid var(--rule);border-radius:3px;padding:6px 10px;margin:0 5px 5px 0;
  background:rgba(255,253,248,.7)}
.pitem em{font-family:var(--mo);font-size:9.5px;color:var(--ink3);font-style:normal;margin-top:2px}
.pcap{font-size:12.5px;color:var(--ink3);margin-top:10px;line-height:1.65}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.sg-a{background:#FDF0D8;color:#8A5A0B;border-color:#E7C88A}
.sg-note{background:transparent;color:var(--ink3);border:0;font-size:12px}
.autonote{background:#FDF6E6;border:1px solid #E8DCC0;border-radius:8px;
  padding:10px 12px;margin:14px 0;font-size:13px;line-height:1.7;color:#6B5B3E}
.autonote b{color:#8A5A0B}
.blank{color:#B9AE97;font-style:italic}
.tr{background:#F6F2E8;border-left:3px solid var(--v);border-radius:0 8px 8px 0;padding:12px 14px;margin:12px 0}
.tr.st-draft{background:#FAF6EC;border-left-color:#C9BEA5}
.tr.st-draft .trh{color:#9A8B6B}
.tr.st-draft .trh::before{content:"◌ "}
.tr.st-review{border-left-color:var(--gold)}
.tr.st-review .trh::before{content:"◐ "}
.tr.st-final .trh::before{content:"● "}
.tr.st-none{background:transparent;border-left-style:dashed;border-left-color:#C9BEA5}
.tnote{margin-top:9px;border-top:1px solid #E5DECF;padding-top:7px}
.tnote summary{font-size:11.5px;color:var(--ink3);cursor:pointer;list-style:none}
.tnote summary::before{content:"▸ ";}
.tnote[open] summary::before{content:"▾ ";}
.tnote p{font-size:13px;line-height:1.75;color:var(--ink2);margin:7px 0 0}
.tnote i{color:var(--terra);font-style:normal}
.dopt{display:block;font-size:12px;color:var(--ink3);margin-top:2px}
.mkchar{display:inline-block;font-size:10.5px;color:#A6432A;background:#F8E6E0;
  border-radius:99px;padding:2px 8px;text-decoration:none;white-space:nowrap}
.mkchar:hover{background:#F1D6CD}
.mkchar::before{content:"↗ "}

/* 독자 선택 */
.poll{border:1px solid var(--rule);border-radius:12px;background:rgba(255,255,255,.5);
  padding:13px 15px;margin:12px 0 0}
.ph{display:flex;gap:9px;align-items:baseline;flex-wrap:wrap;margin-bottom:3px}
.pw{font-family:var(--gr);font-size:16px;color:var(--ink)}
.pq{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.5}
.phint{font-size:11.5px;color:var(--ink3);margin-bottom:9px}
.pops{display:grid;gap:6px}
.po{display:flex;gap:9px;align-items:flex-start;text-align:left;width:100%;
  border:1px solid var(--rule);border-radius:9px;background:transparent;
  padding:9px 11px;cursor:pointer;font:inherit}
.po:hover{border-color:var(--gold)}
.po.picked{border-color:var(--s);background:rgba(43,108,163,.07)}
.pa{font:600 11px/1.5 var(--mo);color:var(--ink3);border:1px solid var(--rule);
  border-radius:5px;width:18px;text-align:center;flex:0 0 auto;margin-top:1px}
.po.picked .pa{background:var(--s);color:#fff;border-color:var(--s)}
.pt{font-size:14px;line-height:1.55;color:var(--ink)}
.pn{display:block;font-size:11.5px;line-height:1.65;color:var(--ink3);margin-top:2px}
.pmine{display:inline-block;font:500 10px/1 var(--kr);background:#E4F0E9;color:#1D6B45;
  border-radius:99px;padding:3px 7px;margin-left:6px;vertical-align:1px}
.pres{margin-top:9px;font-size:12px;color:var(--ink3);line-height:1.7}
.pres b{color:var(--s)}
.tr .trh{font-size:11px;letter-spacing:.08em;color:var(--ink3);margin-bottom:6px}
.tr p{margin:0;font-size:16px;line-height:1.85}
.tok.miss{opacity:.45}

/* ── 구조 그래픽 */
.smap{margin:16px 0 6px}
.gbox{position:relative;margin:10px 0}
.glab{display:block;font-size:11px;letter-spacing:.03em;color:#8B7C5F;margin:0 0 5px 1px}
.gnote{font-size:12.5px;line-height:1.7;color:var(--ink3);margin-top:7px}
.smap .row{display:flex;flex-wrap:wrap;gap:7px;align-items:flex-end;margin:0}

/* 계단 — 상자 안에 상자 */
.lay-ladder .gbox.d0{border:1px solid #DDD3BC;border-radius:12px;padding:12px 14px;
  background:rgba(255,255,255,.5)}
.lay-ladder .gbox.d1,.lay-ladder .gbox.d2,.lay-ladder .gbox.d3{
  margin:8px 0 0 18px;padding:9px 12px;border:1px solid #E3DAC5;border-radius:10px;
  background:rgba(255,255,255,.72)}
.lay-ladder .gbox.d1{background:rgba(255,255,255,.72)}
.lay-ladder .gbox.d2{background:rgba(255,255,255,.86)}
.lay-ladder .gbox.d3{background:#fff}

/* 액자 — 말 안에 말 */
.lay-frame .gbox.d0{border:1px solid #D8CDB4;border-radius:12px;padding:13px 15px;
  background:rgba(255,255,255,.5)}
.lay-frame .gbox.d1{margin:10px 0 0;padding:11px 13px;border:1.5px dashed #C2A96E;
  border-radius:10px;background:rgba(255,252,244,.9)}
.lay-frame .gbox.d2{margin:9px 0 0 16px;padding:9px 12px;border-left:2px solid #D8CDB4;
  border-radius:0 8px 8px 0;background:rgba(255,255,255,.7)}

/* 나란히 두 칸 */
.lay-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lay-pair .gbox.d0{border:1px solid #DDD3BC;border-radius:12px;padding:12px 14px;
  background:rgba(255,255,255,.62);margin:0}
.lay-pair .gbox.d1{margin:8px 0 0;padding:0;border:0}

/* 장면 — 절 카드 */
.lay-scene .gbox.d0{border:1px solid #E1D9C6;border-left:3px solid var(--v);
  border-radius:4px 12px 12px 4px;padding:12px 14px;background:rgba(255,255,255,.6)}
.lay-scene .gbox.d1{margin:9px 0 0 16px;padding:9px 12px;border-left:2px solid #C9BEA5;
  border-radius:0 9px 9px 0;background:rgba(255,255,255,.85)}
.lay-scene .gbox.d2{margin:8px 0 0 14px;padding:8px 11px;border-left:2px dotted #C9BEA5}

/* 여정 */
.lay-chain .gbox.d0{border:1px solid #DDD3BC;border-radius:12px;padding:11px 13px;
  background:rgba(255,255,255,.6);margin:8px 0}
.lay-chain .gbox.d0::after{content:"↓";display:block;text-align:center;color:#B9AE97;
  font-size:13px;margin:-2px 0 -14px}
.lay-chain .gbox.d0:last-child::after{content:""}

.lay-pair .g-span{grid-column:1/-1}

/* 강조 태그 */
.g-aspect{border-color:#C9BEA5!important}
.g-quote{background:rgba(255,252,244,.9)!important}
.btype{font-size:11px;background:#EDE6D6;color:#6B5B3E;border-radius:99px;padding:3px 9px;margin-left:8px}
@media(max-width:620px){
  .lay-pair{grid-template-columns:1fr}
  .lay-ladder .gbox.d1,.lay-ladder .gbox.d2,.lay-ladder .gbox.d3{margin-left:10px}
}