*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:#0b1422;color:#132339;font:16px/1.6 system-ui,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #28a6aa;outline-offset:4px}.top{position:sticky;top:0;z-index:3;display:flex;align-items:center;gap:22px;padding:10px max(18px,calc((100% - 1140px)/2));background:#0b1422;color:#eaf5ff;border-bottom:1px solid #26384b;white-space:nowrap}.brand{margin-inline-end:auto}.brand img{display:block}.top a{text-decoration:none}.top button{background:#73e7d9;color:#10222b;border:0;padding:8px 13px;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}.layout{width:min(1140px,calc(100% - 32px));margin:30px auto;display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px}aside{align-self:start;position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:auto;color:#d4e4f5;padding:8px}aside p,.folio{font-size:.72rem;letter-spacing:.16em;font-weight:800}aside summary{cursor:pointer;padding:8px 0}aside ol{list-style:none;padding:0;margin:0 0 8px}aside a{font-size:.87rem;text-decoration:none;display:flex;gap:8px;padding:4px 0}aside a span{color:#77dcd6}.sheet{background:#f6f8fc;border-radius:8px;padding:clamp(22px,5vw,64px);margin:0 0 24px;min-height:720px;display:flex;flex-direction:column;overflow:hidden}.folio{display:flex;justify-content:space-between;color:#166e72;border-bottom:1px solid #b9cad8;padding-bottom:12px}.sheet h1,.sheet h2{font-size:clamp(2.1rem,5vw,4.3rem);line-height:1.02;letter-spacing:-.055em;margin:22px 0 8px;text-wrap:balance}.cover{background:#102541;color:#f2f7ff}.cover .folio,.cover .deck,.cover .body{color:#d0e4fa}.cover h1{font-size:clamp(3.8rem,9vw,8rem);line-height:.95}.deck{font-size:clamp(1.1rem,2.8vw,1.52rem);font-weight:650;color:#3c536f;margin:8px 0 18px}.body{max-width:69ch;margin:15px 0;color:#33475d}.sheet figure{margin:0}.sheet img{display:block;width:100%;height:auto;max-height:410px;object-fit:contain;background:#0c1c35;border-radius:6px}.sheet figcaption{font-size:.72rem;margin:4px 0;color:#576a80}.cover figcaption{color:#b8c9e2}.graphic{min-height:155px;background:linear-gradient(122deg,#0f203b,#19436a 62%,#127f85);color:#a9fcf0;border-radius:7px;display:grid;grid-template:repeat(2,19px)/1fr 19px 19px;gap:5px;align-content:center;padding:22px;position:relative;overflow:hidden}.graphic span{grid-row:span 2;align-self:center;font-size:6rem;font-weight:800;line-height:1;opacity:.58}.graphic i{background:#65ddce;border-radius:3px}.graphic i:nth-of-type(2){background:#a28af5}.graphic i:nth-of-type(3){background:#f7ad43}.graphic i:nth-of-type(4){background:#f56891}.toc,.resources{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 17px}.toc a,.resources a{border:1px solid #8aafb7;border-radius:6px;padding:5px 9px;color:#145c63;font-weight:650;text-decoration:none}.toc a span{margin-left:7px;color:#4e677a}.sheet footer{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid #a9bcca;padding-top:9px;font-size:.68rem;letter-spacing:.13em}.credit{text-align:center;color:#cbd8e6;padding:20px}.edition{font-size:.84rem;color:inherit}@media(max-width:780px){.layout{display:block}aside{position:static;max-height:none;margin-bottom:16px}.sheet{min-height:0}.top{gap:10px;font-size:.84rem}.top button{padding:6px}}@page{size:A4;margin:0}@media print{html,body{margin:0;background:white}.top,aside,.credit{display:none!important}.layout{display:block;width:100%;margin:0}.sheet{border-radius:0;break-after:page;width:210mm;height:297mm;min-height:0;margin:0;padding:18mm;print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet:last-child{break-after:auto}.sheet img{max-height:122mm}.sheet h2{font-size:44pt}.sheet .graphic{min-height:65mm}}
