.learn-page{max-width:1050px;padding-top:64px;padding-bottom:72px}.learn-page h1{font-size:clamp(42px,6vw,76px);line-height:1.04;max-width:900px}.learn-page .standfirst{max-width:760px}.learn-page h2{font-size:clamp(27px,3.2vw,40px);line-height:1.12;margin:42px 0 18px}.learn-page section{scroll-margin-top:30px}.learn-copy{max-width:780px}.learn-page p,.learn-page li{overflow-wrap:anywhere}.learn-label{font:700 13px var(--mono);letter-spacing:.06em}.learn-callout{background:#e9fbf8;border-left:5px solid var(--teal);padding:22px 26px;margin:30px 0}.learn-callout p:last-child{margin-bottom:0}.learn-callout.yellow{background:#fff9dc;border-color:var(--yellow)}.learn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learn-card{border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--ink);text-decoration:none;background:#fff;display:flex;flex-direction:column;gap:10px}.learn-card:hover{border-color:var(--red)}.learn-card h3{font-size:25px;margin:0;line-height:1.15}.learn-card p{margin:0}.learn-card .learn-symbol{font:700 40px var(--mono);color:#087469;line-height:1.4}.learn-card .text-link{margin-top:auto;padding-top:14px}.learn-home{border-top:1px solid var(--line);padding-top:55px;padding-bottom:60px}.learn-home .section-head{margin-bottom:24px}.learn-home h2{max-width:680px}.learn-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.learn-sources{font-size:15px;border-top:1px solid var(--line);margin-top:42px;padding-top:8px}.learn-sources h2{font-size:23px}.learn-sources li{margin:10px 0}.learn-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.learn-example{padding:20px;background:#f3f5f4;border:1px solid var(--line);border-radius:8px}.learn-example p{margin-bottom:0}.face-anatomy{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.face-anatomy div{min-width:110px;padding:18px;text-align:center;border:1px solid var(--line);border-radius:8px}.face-anatomy b{font:700 52px var(--mono);display:block}.learn-table{width:100%;border-collapse:collapse}.learn-table th,.learn-table td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}.learn-table th{background:#e9fbf8}.learn-table code{font:700 20px var(--mono);white-space:nowrap}.learn-page textarea{display:block;width:100%;padding:18px;border:1px solid #69736e;border-radius:8px;font:17px/1.6 var(--mono);resize:vertical;background:#fff;color:var(--ink)}.face-workshop{background:#fff9dc;padding:24px;border-radius:12px;margin-top:32px}.face-workshop label{display:block;font-weight:bold;margin-bottom:10px}.face-workshop h2{margin-top:0}.notebook{margin-top:28px;border:1px solid #9da7a1;border-radius:12px;overflow:hidden}.notebook-bar{background:#e9fbf8;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:14px 22px;font:600 14px var(--mono)}.notebook-grid{display:grid;grid-template-columns:1fr 1fr}.notebook-panel{padding:22px;min-width:0}.notebook-panel+div{border-left:1px solid var(--line)}.notebook-panel label,.notebook-panel h2{display:block;font:700 17px var(--mono);margin:0 0 14px}.notebook textarea{min-height:340px;tab-size:2}.notebook iframe{display:block;background:white;border:1px solid var(--line);border-radius:8px;width:100%;height:340px}.notebook-foot{padding:0 22px 15px;font-size:14px}.notebook-foot p{margin:8px 0}.notebook-lessons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.notebook-lessons button{font-size:15px;padding:12px 16px}.notebook-hint{padding:20px;background:#fff9dc;border-radius:10px;margin-top:20px}.notebook-hint h2{font-size:24px;margin:0 0 10px}.notebook-hint pre{overflow:auto;margin:15px 0;padding:14px;background:white}.notebook-hint code{font:16px/1.7 var(--mono)}.notebook-hint[hidden]{display:none}.learn-page :focus-visible,.learn-home :focus-visible{outline:3px solid #087469;outline-offset:4px}.learn-page code{overflow-wrap:anywhere}.learn-small{font-size:15px;color:#46524b}.future-collection{border-left:3px solid var(--teal);padding-left:16px;font-size:16px}
@media(max-width:850px){.learn-grid{grid-template-columns:1fr}.learn-card{padding:22px}.learn-card .learn-symbol{font-size:32px}.notebook-grid{grid-template-columns:1fr}.notebook-panel+div{border-left:0;border-top:1px solid var(--line)}.learn-comparison{grid-template-columns:1fr}.notebook textarea,.notebook iframe{min-height:260px;height:280px}.learn-page{padding-top:40px}.learn-table th,.learn-table td{padding:11px 8px}.learn-home{padding-top:36px}}@media(max-width:620px){.learn-page.wrap{width:calc(100% - 36px)}.learn-page h1{font-size:44px}.notebook-panel{padding:16px}.learn-callout{padding:18px}.face-workshop{padding:18px}}