:root{font-family:Arial,Helvetica,sans-serif;color:#242727;background:#eeefed;font-synthesis:none;letter-spacing:0;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #a93240;outline-offset:5px}button:disabled{cursor:wait}svg{width:20px;height:20px;flex-shrink:0}h1,h2,p{margin:0}.masthead{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d1d4d0}.wordmark{font-size:38px;font-weight:700;display:flex;gap:12px;align-items:center}.brand-mark{color:#a93240;font-weight:400}.section-link{font-size:14px;display:flex;align-items:center;gap:18px}.section-link span{color:#6d7470}.stage{position:relative;height:calc(88svh - 96px);min-height:510px;max-height:1000px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#eeefed}.stage-heading{display:flex;align-items:baseline;gap:24px;padding:28px 5% 0;z-index:1;pointer-events:none}h1{font-size:48px;font-weight:400;line-height:1.1}.preview-label{font-size:12px;color:#666e68}.stage #viewport{min-height:0;position:relative;overflow:hidden}.stage canvas{width:100%;height:100%;display:block;touch-action:none}.toolbar{padding:12px 5% 23px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:2}.views{display:flex;align-items:center;gap:4px;border-bottom:1px solid #c8ccc7}.view{background:none;border:0;border-bottom:2px solid transparent;padding:12px 17px;font-size:14px;min-height:44px;white-space:nowrap}.view.active{border-color:#a93240;color:#9b2331}.view:hover{background:#e3e5e1}.tools{display:flex;gap:8px}.icon-button{background:none;width:44px;height:44px;display:grid;place-items:center;border:1px solid #c8ccc7;border-radius:4px;position:relative}.icon-button:hover,.icon-button[aria-pressed=true]{background:#242727;color:white;border-color:#242727}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);right:0;white-space:nowrap;background:#242727;color:white;padding:7px 10px;font-size:12px;border-radius:3px}.notes{background:#262a29;color:#f2f4f1;padding:56px 5% 32px;display:grid;grid-template-columns:1.3fr 1fr;gap:36px 10%}.eyebrow{font-size:12px;color:#91b4c2;display:block;margin-bottom:22px}h2{font-size:30px;font-weight:400;margin-bottom:18px}.notes-intro p{font-size:16px;line-height:1.6;max-width:460px;color:#c4ccc6}dl{margin:0;align-self:center}dl div{display:flex;justify-content:space-between;gap:25px;padding:15px 0;border-bottom:1px solid #49514d;font-size:14px}dt{color:#a6b3aa}dd{margin:0;text-align:right}.disclosure{grid-column:1/-1;font-size:12px;line-height:1.7;color:#b2bdb6;max-width:900px;margin-top:20px}footer{background:#262a29;color:#b2bdb6;padding:24px 5%;display:flex;justify-content:space-between;gap:18px;border-top:1px solid #49514d;font-size:12px}footer a:hover{text-decoration:underline}#loading,#failure{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px;font-size:14px}#loading{background:#eeefed}#loading[hidden],#failure[hidden]{display:none}.loading-line{width:35px;height:2px;background:#a93240;animation:pulse 1s ease-in-out infinite alternate}#failure{flex-direction:column;background:#eeefed}#failure button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #aeb6af;border-radius:4px}.stage:fullscreen{height:100%;max-height:none;width:100%}.stage:fullscreen .stage-heading{padding-top:25px}@keyframes pulse{to{opacity:.25;transform:scaleX(.5)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.loading-line{animation:none}}@media(max-width:640px){.masthead{height:76px;padding:0 6%}.wordmark{font-size:30px}.section-link{gap:10px}.stage{height:calc(88svh - 76px);min-height:490px}.stage-heading{padding:24px 6% 0;gap:18px}h1{font-size:36px}.preview-label{font-size:11px}.toolbar{padding:8px 5% 16px;flex-wrap:wrap;justify-content:center;gap:12px}.views{justify-content:center;width:100%}.view{padding:10px 18px}.icon-button{width:42px;height:42px}.notes{padding:36px 6% 28px;grid-template-columns:1fr;gap:24px}h2{font-size:27px}.disclosure{margin-top:8px}.notes dl div{font-size:13px}.notes-intro p{font-size:16px}footer{padding:22px 6%}}@media(max-width:350px){.view{padding:10px 12px}.section-link{gap:6px}.wordmark{font-size:27px}}
