/* Same atlas paper, Bitter headings and DM Sans labels as the other branches. */
body[data-subject="typing"] .adventure-layout{grid-template-columns:minmax(0,1fr) minmax(460px,1.12fr);align-items:start}
body[data-subject="typing"] .world-card{position:sticky;top:18px}
body[data-subject="typing"] #world{height:auto;min-height:350px;aspect-ratio:1000/650}
body[data-subject="typing"] .world-bottomline{flex-wrap:wrap;gap:5px}
body[data-subject="typing"] .mission-panel{gap:14px}
.typing-device{display:grid;gap:4px;background:#e6ddc7;border-left:3px solid #73816b;padding:12px 15px;font-size:13px;line-height:1.5}
.typing-device strong{font-size:14px}
#typing-lesson{width:100%;min-width:0;min-height:46px;padding:8px;background:#f5ecd9;border:1px solid #b7a585;color:#344738;border-radius:3px;font:500 14px "DM Sans",sans-serif}
#typing-lesson:focus-visible,.typing-focus:focus-visible,.typing-guide summary:focus-visible{outline:3px solid #bd7b3e;outline-offset:4px}
.typing-lesson-note{font-size:14px!important;line-height:1.55!important}
.typing-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.typing-projects button{min-height:76px;padding:10px 7px;background:transparent;border:1px solid #c2b393;border-radius:3px;text-align:left}
.typing-projects button[aria-pressed="true"]{background:#e3e4ce;border:2px solid #607052;padding:9px 6px}
.typing-projects strong{display:block;font:600 13px Bitter,Georgia,serif;line-height:1.4}
.typing-projects small{display:block;font-size:11px;margin-top:7px;color:#636751}
.typing-guide{border-top:1px solid #cbbd9f;padding-top:13px;font-size:14px}
.typing-guide summary{cursor:pointer;padding:4px 0;min-height:32px;font-weight:600}
.typing-guide .input-help{margin-top:12px}
.typing-hands{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:10px 0}
.typing-hands>div>strong{display:block;font-size:12px;margin-bottom:9px}
.typing-hands>div>div{display:flex;gap:4px}
.typing-hands span{flex:1;min-width:0;text-align:center}
.typing-hands b{display:grid;place-items:center;min-height:36px;border:1px solid #bbaa87;border-bottom:3px solid #ac986f;background:#eee1c3;border-radius:4px;font:600 18px "DM Sans",sans-serif}
.typing-hands small{display:block;font-size:10px;padding-top:5px}
.typing-focus{border:1px solid #bda984;border-radius:4px;padding:16px;background:#fff7e6;cursor:text;scroll-margin:20px}
.typing-focus:focus{outline:3px solid #798d65;outline-offset:3px}
.typing-focus.typing-retry{border-color:#ab713e}
.typing-focus-label{font-size:11px;color:#6e6959;display:block;margin-bottom:13px}
.typing-anchors{display:flex;gap:14px;justify-content:center}
.typing-anchors>span{width:115px;display:grid;gap:6px;text-align:center;font-size:12px;padding:9px;border:1px solid #bdae8f;border-radius:4px}
.typing-anchors b{font:600 36px "DM Sans",sans-serif;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:3px}
.typing-anchors .found{background:#d8e3c6;border-color:#6a805e}
#typing-message{font-size:13px;line-height:1.5;min-height:39px;margin:14px 0 0}
.typing-progress{display:flex;gap:7px;font-size:12px}
.typing-progress span{flex:1;border-bottom:3px solid #cbbd9f;padding-bottom:7px;color:#6e6959}
.typing-progress .current{border-color:#a97037;color:#413c2a;font-weight:700}
.typing-progress .done{border-color:#6a805e;color:#48613e}
.typing-target{display:flex;align-items:center;gap:17px}
#typing-next{font:600 43px "DM Sans",sans-serif;border:1px solid #c0a77e;background:#ead4a9;min-width:67px;min-height:65px;display:grid;place-items:center;border-radius:5px;border-bottom-width:4px}
.typing-target strong,.typing-target small{display:block}.typing-target strong{font-size:15px}.typing-target small{font-size:12px;margin-top:5px;line-height:1.5}
.typing-sequence{display:flex;flex-wrap:wrap;gap:4px;line-height:1.5;font:500 25px "DM Sans",sans-serif}
.typing-sequence>span{min-width:23px;text-align:center;border-radius:2px;border-bottom:3px solid transparent;padding:0 1px;color:#706b5e}
.typing-sequence>.typed{color:#426039;background:#e8ecd9}
.typing-sequence>.current{color:#302f22;background:#edcc85;border-color:#94602e}
.typing-keyboard{padding:12px 0 4px;user-select:none}
.typing-key-row{display:flex;justify-content:center;gap:4px;margin:5px 0}
.typing-key-row.row-1{transform:translateX(2%)}
.typing-key{display:grid;place-items:center;width:8.7%;height:34px;background:#e4d6b9;border:1px solid #c3b392;border-bottom-width:3px;border-radius:3px;font:600 14px "DM Sans",sans-serif;color:#7b735f;position:relative;opacity:.58}
.typing-key.learned{opacity:1;background:#f5e9ce;color:#394b3c}
.typing-key.home-key{border-bottom-color:#7b8768}
.typing-key[data-bump]::after{content:"";width:9px;height:2px;background:currentColor;position:absolute;bottom:3px}
.typing-key.space-key{width:62%;font-size:10px;opacity:1}
.typing-key.next-key{background:#edca7d;opacity:1;color:#3f3727;border-color:#a67635}
.typing-finished-line{font:600 25px Bitter,Georgia,serif;background:#e5e7ce;padding:20px;border-radius:3px}
.typing-touch-keys{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.typing-touch-keys button{min-width:44px;min-height:44px;background:#ecdfc3;border:1px solid #bba986;border-radius:3px}
.typing-journal{background:#f3e8d2;border:1px solid #c8b794;padding:24px;margin-bottom:24px;border-radius:4px}.typing-journal h2{font-family:Bitter,Georgia,serif}.typing-journal>p{line-height:1.5}
.typing-notebook{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.typing-notebook>div{border-bottom:1px solid #c6b996;padding:10px 0;display:grid;gap:5px}.typing-notebook strong{font-size:14px}.typing-notebook span{font-size:12px;color:#616853}
@media(max-width:1050px){body[data-subject="typing"] .adventure-layout{grid-template-columns:1fr}body[data-subject="typing"] .world-card{position:relative;top:auto}body[data-subject="typing"] #world{height:300px;min-height:300px;aspect-ratio:auto}body[data-subject="typing"] .mission-panel{padding:25px}body[data-subject="typing"] .typing-keyboard{max-width:540px;width:100%;align-self:center}}
@media(max-width:480px){body[data-subject="typing"] #world{height:255px;min-height:255px}body[data-subject="typing"] .mission-panel{padding:17px}.typing-hands{gap:10px}.typing-hands b{font-size:16px}.typing-hands small{font-size:9px}.typing-projects{gap:5px}.typing-projects strong{font-size:11px}.typing-projects small{font-size:10px}.typing-focus{padding:12px}.typing-sequence{font-size:22px;gap:3px}.typing-sequence>span{min-width:19px}.typing-key-row{gap:3px}.typing-key{height:29px;font-size:12px}.typing-notebook{grid-template-columns:1fr}.typing-journal{padding:17px}}

.typing-label-project{border:1px solid #c4b18c;border-left:4px solid #71815f;border-radius:3px;padding:16px;display:grid;gap:10px;background:#eae2cd}.typing-label-project h3{font:650 19px Bitter,Georgia,serif;margin:0}.typing-label-project p{font-size:13px;margin:0;line-height:1.5}.typing-label-project small{font-size:12px}.typing-made-labels{display:flex;flex-wrap:wrap;gap:9px}.typing-made-labels:empty{display:none}.typing-made-labels span{font:600 19px Bitter,Georgia,serif;border:1px solid #b9ac89;background:#e3e7cb;padding:12px 16px;border-radius:3px}