.learning-page{background:var(--paper)}.learning-content{max-width:1160px;margin:auto;padding:54px 6vw 0}.learning-intro{max-width:820px;margin-bottom:40px}.learning-intro .section-kicker{letter-spacing:.1em;font-size:14px}.learning-intro h1{margin-bottom:22px;font-size:clamp(38px,5.5vw,66px);line-height:1.08}.learning-intro h1 em{color:var(--ink-soft)}.learning-page p,.learning-page li{font-size:16px;line-height:1.75}.learning-intro>p:not(.section-kicker){color:#52616b;max-width:660px}.learning-text-link{text-underline-offset:5px;font-size:16px;text-decoration:underline}.learning-examples{border-top:1px solid #babebc}.learning-example{border-bottom:1px solid #babebc;grid-template-columns:66px 1fr;gap:22px;padding:35px 0;scroll-margin-top:100px;display:grid}.learning-number{color:#806019;font:32px Georgia,serif}.learning-example h2{font-size:clamp(28px,3.2vw,38px);line-height:1.14}.learning-example-body>p{color:#52616b;margin:12px 0}.learning-example-body .learning-result{color:var(--ink-soft);font-weight:700}.learning-actions{flex-wrap:wrap;align-items:center;gap:24px;margin:22px 0 15px;display:flex}.learning-page .button{letter-spacing:0;gap:10px;font-size:16px}.learning-code-link{text-underline-offset:4px;padding:8px 0;font-size:14px;text-decoration:underline;display:inline-block}.learning-setup{padding:55px 0;scroll-margin-top:100px}.learning-setup h2{font-size:clamp(30px,3.6vw,42px)}.learning-setup ol{margin:25px 0;padding-left:25px;list-style:decimal}.learning-setup li{padding:6px 0 6px 8px}.learning-page .learning-note{font-size:14px;line-height:1.7}.learning-contact{background:var(--ink);color:var(--white);padding:40px}.learning-contact h2{font-size:clamp(34px,4vw,50px)}.learning-contact p{color:#c8d1d7;max-width:700px}.learning-contact .section-kicker{color:var(--amber);font-size:14px}.learning-contact .button{margin:10px 0}.learning-page footer{color:var(--ink);background:0 0;flex-wrap:wrap;gap:20px;padding:35px 0;font-size:16px;display:flex}.learning-page a:focus-visible{outline-offset:5px;outline:3px solid #236dbe}@media (max-width:600px){.learning-content{padding:32px 6vw 0}.learning-example{grid-template-columns:36px 1fr;gap:12px}.learning-number{font-size:25px}.learning-contact{padding:28px 22px}.learning-page .button{text-align:center;padding:12px 17px}.learning-actions{gap:16px}}