.topic-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding:60px 0 75px}.topic-hero h1{font:850 clamp(40px,4.6vw,59px)/1.08 Nunito,sans-serif;letter-spacing:-2px;margin:0 0 25px}.topic-hero h1 em{font-style:normal;color:var(--orange)}.topic-hero>div>p:not(.eyebrow){font-size:19px;line-height:1.8;color:var(--secondary);margin-bottom:26px}.topic-access{display:block;margin-top:14px;font-size:13px;color:var(--secondary)}.topic-hero-art{height:375px;border-radius:30px;position:relative;overflow:hidden;background:color-mix(in srgb,var(--orange) 8%,var(--surface));border:1px solid var(--line)}.caps-art{display:flex;align-items:center;justify-content:center;gap:13px}.caps-art kbd{display:grid;place-items:center;width:85px;height:90px;border-radius:19px;background:linear-gradient(145deg,#fff,#dedbd3);border:1px solid #fff7;color:#4d4b45;font:850 35px Nunito,sans-serif;transform:rotate(-9deg);box-shadow:inset 0 2px 1px #fff,0 7px 0 #bbb5ac,0 12px 0 #969187,0 25px 20px #0002}.caps-art kbd:nth-child(2){background:linear-gradient(145deg,#ffcf83,#f5a13c);color:#fff1d9;transform:translateY(-30px) rotate(6deg);box-shadow:inset 0 2px 1px #ffe2b4,0 7px 0 #ce7f28,0 12px 0 #a85c19,0 25px 20px #0002}.caps-art kbd:nth-child(3){transform:translateY(12px) rotate(12deg)}.caps-art>span{position:absolute;bottom:35px;font-size:13px;color:var(--secondary)}.speed-art{display:grid;place-items:center;text-align:center}.speed-art small{font:650 12px Inter,sans-serif;letter-spacing:1px;color:var(--secondary)}.speed-art strong{display:block;font:900 110px/.95 Nunito,sans-serif;letter-spacing:-6px;margin:25px 0 18px}.speed-art strong span{display:block;letter-spacing:0;font:650 15px Inter,sans-serif;margin-top:10px;color:var(--secondary)}.speed-art p{font-size:13px;color:var(--secondary)}.speed-art kbd{display:inline-grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:9px;width:39px;height:38px;box-shadow:0 4px 0 var(--line);margin:0 5px;color:var(--orange)}.paper-art{background:#ddd9d0}.paper-sheet{position:absolute;top:35px;left:18%;width:64%;height:245px;background:#fffdf5;color:#453f35;padding:25px 22px;box-shadow:0 7px 20px #0002;transform:rotate(-3deg)}.paper-sheet>span{font:600 8px Inter,sans-serif;letter-spacing:1px}.paper-sheet i{display:block;font:23px/1.6 'Courier Prime',monospace;font-style:normal;margin-top:25px}.paper-machine{position:absolute;bottom:30px;left:11%;width:78%;height:115px;background:linear-gradient(150deg,#6d766d,#374637);border:1px solid #263a27;border-radius:20px 20px 30px 30px;box-shadow:0 10px 0 #263526,0 20px 22px #0003;color:#f0eee0;padding:12px 24px;font:900 20px Nunito,sans-serif}.paper-machine>span{display:block;text-align:center;font-size:15px;letter-spacing:7px;line-height:1.5}.topic-section{display:grid;grid-template-columns:1fr 1.5fr;gap:75px;padding:55px 0;border-top:1px solid var(--line)}.topic-main h2,.topic-related h2{font:800 33px/1.2 Nunito,sans-serif;letter-spacing:-.8px;margin:0 0 24px}.topic-main h3{font:800 23px/1.25 Nunito,sans-serif;letter-spacing:-.4px;margin:0 0 10px}.topic-main p,.topic-main li{font-size:17px;line-height:1.85;color:var(--secondary)}.topic-main p{margin:0 0 22px}.topic-main li{padding-left:5px;margin-bottom:15px}.topic-main a:not(.button){text-underline-offset:4px;text-decoration-color:var(--orange)}.topic-main .button{display:inline-flex;margin:5px 0;color:var(--paper)}.topic-feature-list{display:grid;gap:24px}.topic-feature-list article{padding-bottom:20px;border-bottom:1px solid var(--line)}.topic-feature-list article:last-child{border:0;padding:0}.topic-feature-list p:last-child{margin:0}.topic-callout{border:1px solid var(--line);background:var(--surface);border-radius:27px;padding:38px 45px;margin:0 0 50px}.topic-callout>p,.topic-callout ol{max-width:820px}.wpm-calculator{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin:30px 0}.wpm-calculator label{font-size:14px;font-weight:600}.wpm-calculator input{display:block;width:100%;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);font:600 19px Inter,sans-serif;min-width:0}.wpm-calculator output{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font:800 25px/1.4 Nunito,sans-serif;color:var(--ink)}.practice-picker{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.topic-choice{font:600 14px Inter,sans-serif;border:1px solid var(--line);background:var(--surface);padding:12px 16px;border-radius:99px;color:var(--ink)}.topic-choice[aria-pressed=true]{background:var(--ink);color:var(--paper)}.practice-answer{padding:26px;border-radius:20px;border:1px solid var(--line);background:var(--surface)}.topic-paper{background:#fffcf2;color:#4d4639;max-width:600px;padding:32px 35px;margin:27px 0;border:1px solid #e0d8c8;box-shadow:0 7px 0 #e4ded3}.topic-paper>span{font:600 11px Inter,sans-serif;letter-spacing:2px}.topic-paper p{font:20px/1.8 'Courier Prime',monospace;color:#4d4639;margin:25px 0}.topic-paper small{font:12px/1.6 Inter,sans-serif;color:#7c7467}.topic-faq{padding:15px 0 65px}.topic-faq details{border-bottom:1px solid var(--line);padding:20px 0}.topic-faq summary{cursor:pointer;font:750 21px/1.5 Nunito,sans-serif}.topic-faq details p{max-width:820px;margin:18px 0 0}.topic-related{padding:45px 0 60px;border-top:1px solid var(--line)}.topic-related .eyebrow{font:650 12px/1.6 Inter,sans-serif;letter-spacing:1.7px;color:var(--secondary)}.topic-links{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.topic-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:23px;text-decoration:none;font:750 19px/1.5 Nunito,sans-serif;color:var(--ink)}.topic-links a:hover{border-color:var(--orange)}.topic-links b{color:var(--orange);font-weight:500}.blog-page .topic-related{width:calc(100% - 72px);max-width:1120px}
@media(max-width:900px){.topic-hero{gap:30px}.topic-hero-art{height:320px}.caps-art kbd{width:64px;height:70px;font-size:28px}.topic-section{gap:35px;grid-template-columns:1fr 1.4fr}.topic-main h2{font-size:29px}.paper-sheet{left:12%;width:76%}.paper-sheet i{font-size:20px}.wpm-calculator{grid-template-columns:1fr 1fr}.wpm-calculator .button{grid-column:1/-1;justify-content:center}.blog-page .topic-related{width:calc(100% - 48px)}}
@media(max-width:600px){.topic-hero{grid-template-columns:1fr;padding:35px 0 45px;gap:30px}.topic-hero h1{font-size:43px;letter-spacing:-1.4px}.topic-hero-art{height:280px}.topic-hero>div>p:not(.eyebrow){font-size:18px}.topic-section{grid-template-columns:1fr;gap:8px;padding:35px 0}.topic-main h2{font-size:29px}.topic-main p,.topic-main li{font-size:16px}.topic-callout{padding:27px 23px;margin-bottom:35px}.wpm-calculator{grid-template-columns:1fr;gap:17px}.wpm-calculator output{font-size:23px}.topic-paper{padding:26px 22px}.topic-paper p{font-size:17px}.topic-links{grid-template-columns:1fr}.topic-links a{padding:20px;font-size:18px}.blog-page .topic-related{width:calc(100% - 36px)}.topic-faq summary{font-size:20px}.topic-related h2{font-size:28px}}