/* Shared by the screen and the PDF rasteriser: everything that ends up on paper. */
.card,.card *,.pg,.pg *{margin:0;padding:0;box-sizing:border-box}
.card{width:1103px;height:1426px;position:relative;background-size:cover;background-position:center;color:#1f1a4a;font-family:Fraunces,serif;line-height:normal;text-align:left;--k:1}
.note{position:absolute;left:150px;right:275px;top:875px;height:330px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.card .h{font-weight:750;font-size:calc(50px*var(--k));line-height:1.03;margin-bottom:calc(14px*var(--k));font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 72;color:#22206e}
.card .t{font-weight:450;font-size:calc(34px*var(--k));line-height:1.27;margin-bottom:calc(9px*var(--k));font-variation-settings:"SOFT" 100,"opsz" 24}
.card .i{font-style:italic;font-size:calc(32px*var(--k));color:#4a3d7a;line-height:1.27;margin-bottom:calc(9px*var(--k))}
.card .go{font-weight:720;font-size:calc(34px*var(--k));line-height:1.27}
.card.easy .h{font-size:calc(56px*var(--k))}
.card.easy .t{font-size:calc(43px*var(--k));line-height:1.28;font-weight:520;margin-bottom:calc(4px*var(--k))}
.card.easy .go{font-size:calc(43px*var(--k));font-weight:760;margin-top:calc(6px*var(--k))}
.card .t:empty,.card .i:empty,.card .go:empty{display:none}
.card .line{border-bottom:3px solid #22206e;height:56px;margin-top:6px;width:92%}
.card .lines{position:absolute;left:175px;right:250px;top:900px}
.card .ln{border-bottom:3px solid rgba(34,32,110,.55);height:78px}
.card .sign{position:absolute;right:300px;bottom:148px;font:700 46px Caveat,cursive;color:#7a1f18}

/* A printed page, 96 css px per inch */
.pg{position:relative;overflow:hidden;font-family:Fraunces,serif;color:#1d1a4f;background:#fff;line-height:normal;text-align:left}
.pg.letter{width:816px;height:1056px}.pg.a4{width:794px;height:1123px}
.pg.night{background:#1b1858;color:#fff3dc}
.pg .cover-art{position:absolute;inset:0;background-size:cover;background-position:center bottom}
.pg .cover-top{position:absolute;left:0;right:0;top:86px;text-align:center}
.pg .kick{font:800 17px Fraunces;letter-spacing:.24em;color:#ffb44a}
.pg h1{font-weight:850;font-variation-settings:"SOFT" 100,"WONK" 1,"opsz" 144;line-height:1.02;font-size:58px;margin-top:14px}
.pg h1 em{font-style:italic;color:#ffb44a}
.pg .for{margin-top:22px;display:inline-block;background:#fff3dc;color:#1b1858;font:800 19px Fraunces;padding:9px 26px;border-radius:99px}
.pg .lvl{margin-top:10px;font:600 15px Fraunces;color:#fff3dc;opacity:.85}
.pg .guide{padding:58px 66px}
.pg h2{font-weight:800;font-size:34px;font-variation-settings:"SOFT" 100,"opsz" 72;margin:8px 0 12px}
.pg h3{font-weight:800;font-size:18px;margin:20px 0 6px;color:#c8302a}
.pg p,.pg li{font-size:15.5px;line-height:1.45}
.pg ul{padding-left:20px}
.pg .cols{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.pg table{border-collapse:collapse;width:100%}
.pg td{padding:8px 8px;border-bottom:1px solid #e3dccb;font-size:15.5px;vertical-align:middle}
.pg td.n{width:42px;font-weight:800;color:#c8302a;text-align:center}
.pg td.c{width:30px}.pg .box{width:18px;height:18px;border:1.5px solid #1d1a4f;border-radius:3px}
.pg .foot{position:absolute;left:0;right:0;bottom:30px;text-align:center;font-size:11px;color:#888}
.pg .last{position:absolute;left:80px;right:80px;top:200px;text-align:center}
.pg .last h1{font-size:44px}.pg .last p{font-size:18px;margin-top:30px;line-height:1.5}
.pg .last .sig{font:700 34px Caveat;color:#ffb44a;margin-top:34px}
.pg .cover-shade{position:absolute;left:0;right:0;top:0;height:44%;background:linear-gradient(rgba(27,24,88,.88) 0%,rgba(27,24,88,.6) 60%,rgba(27,24,88,0) 100%)}
.pg .foot b{font-size:13px;color:#1d1a4f;display:inline-block;margin-bottom:4px}