body.learn{min-height:100vh}.learn-top{background:var(--plank-deep);border-bottom:3px solid #26221d;align-items:center;gap:16px;padding:10px 16px;display:flex}.sign-link{text-decoration:none;display:inline-block}.learn-top .back{color:#e9dfc4;text-underline-offset:3px;align-items:center;min-height:44px;padding:0 4px;display:inline-flex}.lesson{background:var(--paper);max-width:780px;color:var(--ink);border-top:8px solid var(--sign);margin:22px auto 0;padding:22px 26px 26px;font-size:17px;line-height:1.55;box-shadow:4px 6px #00000059}.lesson h1{font-family:var(--sign-font);color:var(--sign);margin:0 0 10px;font-size:34px;font-weight:800;line-height:1.15}.lesson h2{font-family:var(--sign-font);color:var(--sign);margin:30px 0 8px;font-size:23px;font-weight:800}.lesson p{margin:0 0 12px}.lesson a{color:#7a3f12;text-underline-offset:2px}.lede{font-size:19px}.example{border-top:3px solid var(--brass);color:var(--paper);background:#2d2924;margin:14px 0 18px}.ex-stage{position:relative}.example canvas{background:var(--table);width:100%;height:auto;display:block}.ex-label,.ex-wind{color:var(--paper);pointer-events:none;background:#1e1a15cc;padding:2px 8px;font-size:13px;font-weight:600;line-height:1.3;position:absolute}.ex-label{right:6px;transform:translateY(-50%)}.ex-wind{color:var(--routed);bottom:6px;right:6px}#ex-fuel .ex-wind{inset:6px auto auto 6px}.example figcaption{padding:8px 12px 12px}.ex-controls{flex-wrap:wrap;align-items:flex-end;gap:8px 16px;display:flex}.ex-controls .field{flex:200px;margin:0}.ex-controls .run{color:#fffaf0;min-height:44px;font-family:var(--sign-font);background:#a8400f;border:0;border-radius:5px;padding:0 16px;font-size:15px;font-weight:700;box-shadow:inset 0 -2px #00000059,0 1px #1c140e}.ex-controls .run:hover{background:#8f360c}.ex-controls .run:disabled{opacity:.6}.ex-read{color:#eee4cb;font-size:15px;margin:10px 0 0!important}.ex-list{color:#eee4cb;font-variant-numeric:tabular-nums;margin:6px 0 0;padding-left:20px;font-size:15px}.ex-list:empty{display:none}.holds{gap:6px;margin:0 0 10px;display:grid}.holds div{border-bottom:1px solid #ddd5bd;grid-template-columns:120px 1fr;gap:10px;padding:6px 0;display:grid}.holds dt{font-weight:700}.holds dd{margin:0}.aside{color:var(--ink-soft);font-size:15px}.sources ul{padding-left:20px;font-size:15px}.sources li{margin:0 0 6px}.learn-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (width<=640px){.ex-label,.ex-wind{padding:1px 6px;font-size:12px}.lesson{margin:0;padding:18px 16px 20px;font-size:16px}.lesson h1{font-size:28px}.holds div{grid-template-columns:1fr;gap:2px}}@media print{.learn-top,.ex-controls,.site-footer,.learn-toast{display:none}body.learn{background:#fff}.lesson{box-shadow:none;border:0;max-width:none}}