.bg7{
  --bg:#f3f1ee; --panel:#ffffff; --ink:#1c1f2b; --muted:#5f6475; --rule:#dcd9d3;
  --stage-a:#e9e6f0; --stage-b:#f7f5f2; --sheet:rgba(255,255,255,.62); --sheet-edge:rgba(40,40,70,.18);
  --church:#a8780f; --church-soft:#f5e9c9;
  --seal:#1f6b70;   --seal-soft:#d4eaea;
  --trump:#963042;  --trump-soft:#f2d9de;
  --plague:#5b3a8c; --plague-soft:#e6ddf3;
  --beam:#d99a1e; --mark:#3b4bb0;
  --display:"Cinzel","Trajan Pro",Georgia,serif;
  --body:"Source Serif 4",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;
}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .bg7{
  --bg:#0f1118; --panel:#191c26; --ink:#e8e9ef; --muted:#9ca2b3; --rule:#2c303c;
  --stage-a:#151827; --stage-b:#0d0f16; --sheet:rgba(40,46,66,.55); --sheet-edge:rgba(200,210,255,.18);
  --church:#e3b54c; --church-soft:#3b3119; --seal:#5cc3c6; --seal-soft:#14373a;
  --trump:#e97d8e; --trump-soft:#41202a; --plague:#b99bee; --plague-soft:#2e2445;
  --beam:#f2c14e; --mark:#8f9cf2; color-scheme:dark}}
html[data-theme="dark"] .bg7{
  --bg:#0f1118; --panel:#191c26; --ink:#e8e9ef; --muted:#9ca2b3; --rule:#2c303c;
  --stage-a:#151827; --stage-b:#0d0f16; --sheet:rgba(40,46,66,.55); --sheet-edge:rgba(200,210,255,.18);
  --church:#e3b54c; --church-soft:#3b3119; --seal:#5cc3c6; --seal-soft:#14373a;
  --trump:#e97d8e; --trump-soft:#41202a; --plague:#b99bee; --plague-soft:#2e2445;
  --beam:#f2c14e; --mark:#8f9cf2; color-scheme:dark}
.bg7{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55}
.bg7 .b7-wrap{max-width:1280px;margin:0 auto;padding-block:28px 52px;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));
  display:flex;flex-direction:column;gap:20px}
.bg7 .b7-header{display:flex;flex-direction:column;gap:8px}
.bg7 .b7-eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.bg7 h1{font-family:var(--display);font-weight:700;font-size:clamp(26px,4vw,42px);line-height:1.1;margin:0;text-wrap:balance;letter-spacing:.02em}
.bg7 .b7-lede{max-width:68ch;margin:0;color:var(--muted)}
.bg7 .time{background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:16px 18px 12px;display:flex;flex-direction:column;gap:6px}
.bg7 .time-top{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px}
.bg7 .now{font-family:var(--display);font-weight:700;font-size:clamp(22px,3vw,30px);letter-spacing:.03em}
.bg7 .now small{display:block;font-family:var(--mono);font-weight:400;font-size:12px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase}
.bg7 .btns{display:flex;flex-wrap:wrap;gap:8px}
.bg7 .b7-btn{font-family:var(--mono);font-size:12.5px;border:1px solid var(--rule);background:var(--bg);color:var(--ink);border-radius:999px;padding:6px 13px;cursor:pointer}
.bg7 .b7-btn[aria-pressed="true"]{background:var(--ink);color:var(--panel);border-color:var(--ink)}
.bg7 .b7-btn:focus-visible,.bg7 input[type=range]:focus-visible,.bg7 .blk:focus-visible{outline:2px solid var(--mark);outline-offset:2px}
.bg7 .track{position:relative;padding-bottom:30px}
.bg7 #b7-scrub{width:100%;margin:6px 0 0;accent-color:var(--beam);height:28px;cursor:pointer}
.bg7 .marks{position:absolute;left:0;right:0;bottom:0;height:28px}
.bg7 .marks button{position:absolute;transform:translateX(-50%);top:4px;border:0;background:none;padding:0 2px;cursor:pointer;
  font-family:var(--mono);font-size:11px;color:var(--muted);white-space:nowrap}
.bg7 .marks button:hover{color:var(--ink)}
.bg7 .marks button::before{content:"";display:block;width:1px;height:6px;background:var(--muted);margin:0 auto 2px}
@media (max-width:640px){.bg7 .marks .minor{display:none}}
.bg7 .stage{position:relative;border-radius:16px;border:1px solid var(--rule);overflow:hidden;
  background:radial-gradient(120% 90% at 50% 0%,var(--stage-a),var(--stage-b));cursor:grab;touch-action:pan-y;user-select:none}
.bg7 .stage.drag{cursor:grabbing}
.bg7 .fit{position:relative;width:1180px;transform-origin:0 0}
.bg7 .scene{perspective:3000px;perspective-origin:50% 30%;height:700px;padding-top:40px;box-sizing:border-box}
.bg7 .stack{position:relative;width:1150px;height:150px;margin:250px auto 0;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.bg7 .stage.drag .stack{transition:none}
.bg7 .sheet{position:absolute;inset:0;border-radius:12px;background:var(--sheet);border:1px solid var(--sheet-edge);
  box-shadow:0 20px 40px -24px rgba(20,20,50,.35);transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .3s}
.bg7 .stage.drag .sheet{transition:none}
.bg7 .sheet.off{opacity:.12}
.bg7 .sheet .name{position:absolute;left:14px;top:0;bottom:0;width:104px;display:flex;flex-direction:column;justify-content:center;gap:2px}
.bg7 .sheet .name b{font-family:var(--display);font-size:17px;letter-spacing:.05em}
.bg7 .sheet .name small{font-family:var(--mono);font-size:11px;color:var(--muted)}
.bg7 .lane{position:absolute;left:130px;right:20px;top:18px;bottom:18px}
.bg7 .blk{position:absolute;top:0;bottom:0;box-sizing:border-box;border-radius:8px;border:1.5px solid currentColor;padding:8px 9px;overflow:hidden;
  display:flex;flex-direction:column;gap:2px;cursor:pointer;transition:transform .35s cubic-bezier(.2,.7,.2,1),background .25s,box-shadow .25s,opacity .25s;
  transform-style:preserve-3d;background:var(--soft);color:var(--col)}
.bg7 .blk .n{font-family:var(--display);font-weight:700;font-size:18px;line-height:1}
.bg7 .blk .t{font-weight:700;font-size:15px;line-height:1.15;color:var(--ink)}
.bg7 .blk .d{font-family:var(--mono);font-size:11.5px;color:var(--muted)}
.bg7 .blk.slim{padding:8px 0;align-items:center}
.bg7 .blk.slim .t,.bg7 .blk.slim .d{display:none}
.bg7 .blk.on{background:var(--col);transform:translateZ(22px);box-shadow:0 14px 26px -12px var(--col)}
.bg7 .blk.on .n,.bg7 .blk.on .t,.bg7 .blk.on .d{color:#fff}
.bg7 .dim .blk:not(.on){opacity:.55}
.bg7 .c{--col:var(--church);--soft:var(--church-soft)}
.bg7 .s{--col:var(--seal);--soft:var(--seal-soft)}
.bg7 .t{--col:var(--trump);--soft:var(--trump-soft)}
.bg7 .p{--col:var(--plague);--soft:var(--plague-soft)}
.bg7 .stripes{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:auto;height:34px}
.bg7 .stripes i{border-radius:2px;background:currentColor;opacity:.55}
.bg7 .blk.on .stripes i{background:#fff;opacity:.8}
.bg7 .pin{position:absolute;bottom:-14px;width:7px;height:7px;border-radius:50%;background:var(--seal);transform:translateX(-50%)}
.bg7 .mark{position:absolute;top:-6px;bottom:-6px;width:0;border-left:1.5px dashed var(--mark);opacity:.5}
.bg7 .mark.prob{border-color:var(--plague)}
.bg7 .beam{position:absolute;top:-10px;height:170px;transform-origin:0 50%;transform:rotateY(-90deg);pointer-events:none;
  background:linear-gradient(90deg,color-mix(in srgb,var(--beam) 55%,transparent),color-mix(in srgb,var(--beam) 18%,transparent));
  border-left:2px solid var(--beam);transition:left .25s ease-out,width .5s}
.bg7 .stage.drag .beam,body.scrubbing .bg7 .beam{transition:none}
.bg7 .beam-cap{position:absolute;top:-34px;transform:translateX(-50%);font-family:var(--mono);font-size:12px;font-weight:500;color:var(--ink);
  background:var(--beam);color:#1c1f2b;border-radius:999px;padding:3px 10px;white-space:nowrap;transition:left .25s ease-out}
body.scrubbing .bg7 .beam-cap{transition:none}
.bg7 .stage-hint{position:absolute;left:12px;bottom:10px;font-family:var(--mono);font-size:11px;color:var(--muted)}
.bg7 .read{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1000px){.bg7 .read{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.bg7 .read{grid-template-columns:minmax(0,1fr)}}
.bg7 .b7-card{background:var(--panel);border:1px solid var(--rule);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:6px;min-width:0;border-top:4px solid var(--col)}
.bg7 .b7-card .series{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--col)}
.bg7 .b7-card h2{font-family:var(--display);font-size:21px;line-height:1.15;margin:0;text-wrap:balance}
.bg7 .b7-card .meta{font-family:var(--mono);font-size:12px;color:var(--muted)}
.bg7 .b7-card p{margin:0;font-size:15px}
.bg7 .b7-card.quiet h2{color:var(--muted)}
.bg7 .b7-card ol{margin:2px 0 0;padding-left:20px;font-size:14.5px;display:flex;flex-direction:column;gap:1px}
.bg7 .foot{font-family:var(--mono);font-size:11.5px;color:var(--muted);max-width:92ch;margin:0}
@media (prefers-reduced-motion:reduce){.bg7 .stack,.bg7 .sheet,.bg7 .blk,.bg7 .beam,.bg7 .beam-cap{transition:none!important}}
/* On the website: the page title is the heading, the site sets the width */
.entry .bg7 .b7-wrap{max-width:none;padding-left:0;padding-right:0;padding-block:4px 40px}
.bg7 .b7-lede{font-size:17px}
.bg7 .b7-btn{line-height:1.3}
.bg7 button{text-transform:none;letter-spacing:normal;box-shadow:none}
.entry .bg7{background:transparent}

/* Korean page */
.bg7.bg7-ko{--display:"Noto Serif KR",Georgia,serif;--body:"Noto Serif KR",Georgia,serif;--mono:"Noto Sans KR",ui-sans-serif,sans-serif;word-break:keep-all}
.bg7.bg7-ko *{letter-spacing:0 !important;text-transform:none !important}