
:root{--band:#1c1b1a;--paper:#ffffff;--ink:#1a1a1a;--brick:#9c3a2e;--brickdk:#6e2a22;
--warm:#c97b5a;--umber:#6b4f3a;--gray:#595959;--tint:#f6f0e9;--cream:#ede8e3;--line:#c9c1b7;}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:#0f0e0d;font-family:Georgia,'Times New Roman',serif;overflow:hidden}
.mono{font-family:ui-monospace,'Courier New',monospace}

#wrap{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}
#stagebox{position:relative}
.stage{width:960px;height:540px;transform-origin:top left;position:relative}
.slide{position:absolute;inset:0;background:var(--paper);padding:34px 50px;display:none}
.slide.on{display:block}
.slide.dark{background:var(--band);color:var(--cream)}

.eyebrow{font-family:ui-monospace,'Courier New',monospace;font-size:11px;letter-spacing:.24em;
color:var(--brick);font-weight:bold;margin-bottom:14px}
.dark .eyebrow{color:var(--warm)}
h1{font-size:36px;line-height:1.2;font-weight:bold;color:var(--cream)}
h1 em{color:var(--warm);font-style:italic}
h2{font-size:25px;font-weight:bold;color:var(--ink);margin-bottom:18px}
.dek{font-size:15px;color:#c9c2bb;max-width:60ch;margin-top:20px}
.byline{position:absolute;left:50px;bottom:30px;font-size:11.5px;color:#9a938c}

.rowchip{display:flex;gap:16px;align-items:center;margin-bottom:13px}
.yearchip{background:var(--band);color:var(--cream);font-weight:bold;font-size:13px;
min-width:112px;text-align:center;padding:9px 6px}
.rowchip p{font-size:12.5px;color:var(--ink);max-width:430px}
.moneycard{position:absolute;right:50px;top:118px;width:225px;background:var(--tint);
border-radius:6px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.moneycard .k{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.18em;color:var(--brickdk);font-weight:bold}
.moneycard .n{font-size:30px;font-weight:bold;color:var(--brick);margin:6px 0 8px}
.moneycard p{font-size:11px;color:var(--gray)}

.twocards{display:flex;gap:22px;margin-top:6px}
.gapcard{flex:1;background:var(--tint);border-radius:6px;padding:20px 22px;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.gapcard .k{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--brickdk);font-weight:bold}
.gapcard .big{font-size:25px;font-weight:bold;margin:8px 0 10px;color:var(--ink)}
.gapcard.pend .big{color:var(--brick)}
.gapcard p{font-size:12.5px;color:var(--ink);line-height:1.45}

.modes{display:flex;gap:18px}
.mode{flex:1;background:var(--tint);border-radius:6px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.chip{display:inline-flex;width:34px;height:34px;background:var(--brick);color:var(--cream);
align-items:center;justify-content:center;font-weight:bold;font-size:15px;margin-right:10px;vertical-align:middle}
.mode b{font-size:14.5px;color:var(--brickdk);vertical-align:middle}
.mode p{font-size:11.5px;color:var(--ink);margin-top:10px;line-height:1.4}
.testbox{margin-top:20px;background:var(--band);border-radius:6px;padding:16px 22px}
.testbox .k{font-family:ui-monospace,monospace;font-size:10.5px;letter-spacing:.16em;color:var(--warm);font-weight:bold}
.testbox p{font-size:13.5px;color:var(--cream);margin-top:6px}

.risk{display:flex;gap:26px}
.risk .l{flex:1.6}
.risk .l .lead{font-size:19px;font-weight:bold;color:var(--ink);line-height:1.35;margin-bottom:14px}
.risk .l p{font-size:14px;color:var(--ink);line-height:1.5}
.risk .r{flex:1;background:var(--tint);border-radius:6px;padding:18px;box-shadow:0 3px 10px rgba(0,0,0,.14)}
.risk .r .k{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.16em;color:var(--brickdk);font-weight:bold}
.risk .r p{font-size:11.5px;color:var(--ink);margin-top:8px;line-height:1.45}
.risk .r em{color:var(--brickdk)}

.grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.move{background:var(--tint);border-radius:6px;padding:14px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.move .h{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.move .h .chip{margin:0;width:32px;height:32px;font-size:14px;flex:none}
.move .h b{font-size:13px;color:var(--brickdk);line-height:1.2}
.move p{font-size:10.6px;color:var(--ink);line-height:1.4}

.week{display:flex;gap:26px;align-items:flex-start}
.week .txt{flex:1.7;font-size:13px;color:var(--ink);line-height:1.55}
.week .txt b{color:var(--brickdk);font-size:14.5px}
.week .txt .fw{font-style:italic;color:var(--gray)}
.week .txt .fw b{color:var(--brick);font-size:13.5px}
.week img{width:230px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.week .cap{font-size:10px;color:var(--gray);font-style:italic;text-align:center;margin-top:6px}

.ql{list-style:none}
.ql li{display:flex;align-items:center;gap:12px;margin-bottom:15px;font-size:13px;color:var(--ink)}
.ql .chip{flex:none;width:30px;height:30px;font-size:13px}
.ql .blank{font-family:ui-monospace,monospace;font-size:9px;color:var(--gray);margin-left:auto;white-space:nowrap}
.ql .blank u{text-decoration:none;border-bottom:1px solid #777;display:inline-block;width:70px;height:12px;margin:0 10px 0 4px}
.footline{font-size:11.5px;font-style:italic;color:var(--gray);margin-top:6px}

.asks .arow{display:flex;gap:18px;align-items:center;margin-bottom:22px}
.asks .chip{width:44px;height:44px;font-size:20px;flex:none}
.asks b{font-size:20px;color:var(--cream)}
.asks span{font-size:14px;color:#c9c2bb}
.darkclose{position:absolute;left:50px;bottom:34px;font-size:14px;font-style:italic;color:var(--warm)}

.per{list-style:none}
.per li{display:flex;gap:14px;margin-bottom:14px;align-items:flex-start}
.per .sq{flex:none;width:13px;height:13px;background:var(--brick);margin-top:4px}
.per b{color:var(--brickdk);font-size:13.5px}
.per p{font-size:12.5px;color:var(--ink);display:inline}

.appx{display:flex;gap:26px}
.appx img{height:365px}
.appx .r{font-size:12.5px;color:var(--ink);line-height:1.5}
.appx .r b{color:var(--brickdk);font-size:14.5px}
.appx .r .k{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:.16em;color:var(--brickdk);font-weight:bold;display:block;margin:14px 0 6px}
.appx .r .c{display:block;margin-bottom:3px}
.appx .r .fine{font-style:italic;color:var(--gray);font-size:10.5px;display:block;margin-top:8px}

img.layers{display:block;margin:8px auto 0;width:760px;max-width:100%}

/* chrome */
#bar{display:flex;gap:14px;align-items:center;color:#8a847d;font-family:ui-monospace,monospace;font-size:11px}
#bar button{background:none;border:1px solid #55504b;color:#b9b2ab;font-family:inherit;font-size:11px;
padding:4px 12px;cursor:pointer;border-radius:2px}
#bar button:hover{border-color:var(--warm);color:var(--warm)}
#bar button:focus-visible{outline:2px solid var(--warm)}
#notes{display:none;width:min(960px,94vw);background:#171614;border:1px solid #3a3631;color:#cfc8c0;
font-family:Georgia,serif;font-size:13px;line-height:1.5;padding:12px 16px;border-radius:3px;max-height:22vh;overflow:auto}
#notes.on{display:block}
#notes .nk{font-family:ui-monospace,monospace;font-size:9.5px;letter-spacing:.2em;color:var(--warm);display:block;margin-bottom:5px}
.tapzone{position:absolute;top:0;height:100%;width:34%;cursor:pointer;z-index:5}
#tl{left:0}#tr{right:0;width:66%}
.notes-src{display:none}

@media print{
  body{overflow:visible;background:#fff}
  #wrap{position:static;display:block}
  #bar,#notes,.tapzone{display:none!important}
  #stagebox{width:auto}
  .stage{width:auto;height:auto;transform:none!important}
  .slide{display:block;position:relative;inset:auto;width:10in;height:5.625in;margin:0 auto;page-break-after:always;overflow:hidden}
}
