/* 100문 웹북 잠금(gate.js와 짝). 흐림은 JS 전에 CSS로 먼저 걸어 본문이 번쩍 보이지 않게 한다 */
html.wb-gate:not(.wb-open) main article > :not(.qno):not(h1):not(.answer):not(.wb-zone),
html.wb-gate:not(.wb-open) main > section.notes,
html.wb-gate:not(.wb-open) main > p:not(:first-of-type):not(.wb-zone),
.wb-blur{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none}
.wb-zone{display:grid;margin:0 0 1em}
.wb-zone > *{grid-area:1/1}
.wb-blur{min-height:min(70vh,560px);overflow:hidden}
.wb-box{align-self:start;position:sticky;top:max(12px,calc(50vh - 230px));z-index:2;margin:0 auto;width:100%;max-width:440px;
  background:#ffffff;color:#161616;border:1px solid #d8d0c4;border-radius:14px;box-shadow:0 10px 36px rgba(0,0,0,0.22);
  padding:18px 16px 10px;font-family:var(--sans);line-height:1.5;color-scheme:light}
.wb-box-t{font-size:1.02rem;font-weight:700;margin:0 0 0.3em}
.wb-box-s{font-size:0.82rem;color:#4a4a4a;margin:0 0 0.6em}
.wb-frame{display:block;width:100%;height:240px;border:0;background:transparent;opacity:0;transition:opacity .2s}
.wb-frame.ready{opacity:1}
.wb-box-alt{font-size:0.75rem;margin:0.4em 0 0;text-align:center}
.wb-box-alt a{color:#1e3a8a;display:inline-flex;align-items:center;min-height:40px}
/* 차례 자물쇠 */
.toc a.wb-locked > span:last-child::after{content:" 🔒";content:" 🔒" / "잠김";font-size:0.8em}
.wb-tocnote{font-family:var(--sans);font-size:0.85rem;color:var(--muted);margin:1.6em 0 -0.8em;padding:0.6em 0.8em;background:var(--box);border-radius:8px}
@media print{.wb-box{display:none}}