.learn{--learn-radius: 28px;--learn-space: clamp(48px, 7vw, 88px)}.learn .learn-nav{display:flex;flex-wrap:wrap;gap:4px 8px;padding-block:14px;border-bottom:1px solid rgb(var(--ink) / .14)}.learn-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.4;color:rgb(var(--ink-soft));text-decoration:none}.learn-nav a:hover{background:rgb(var(--accent-wash));color:rgb(var(--ink))}.learn-nav a[aria-current]{background:rgb(var(--ink));color:rgb(var(--paper))}.learn-arrow{flex-shrink:0}.learn .learn-faq-list{min-width:0}.learn .learn-faq-list summary{color:rgb(var(--ink));line-height:1.35}.learn .learn-faq-list summary:focus-visible{outline-offset:4px}.learn-contents{position:sticky;top:100px}.learn-contents-desktop{max-height:calc(100dvh - 120px);overflow-y:auto;padding:24px;border-radius:22px;background:rgb(var(--paper-warm));scrollbar-color:rgb(var(--accent)) rgb(var(--paper-warm));scrollbar-width:thin}.learn .learn-contents h2{font-family:var(--font-ui);font-size:16px;font-weight:800;line-height:1.4;letter-spacing:-.01em}.learn-contents ol{display:grid;gap:4px;margin:16px 0 0;padding:0;list-style:none}.learn-contents a{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:14px;font-weight:600;line-height:1.55;color:rgb(var(--ink-soft));text-decoration:underline;text-decoration-color:rgb(var(--ink) / .25);text-underline-offset:4px}.learn-contents a:hover{color:rgb(var(--accent));text-decoration-color:currentColor}.learn-contents-mobile{display:none}.learn :is(.ed-section,.ed-faq,.ed-connect,.ed-clients,.ed-prompts){scroll-margin-top:100px}.learn :is(pre,.cmp-table-scroll){scrollbar-color:rgb(var(--accent)) rgb(var(--paper-sunk));scrollbar-width:thin}@media (max-width: 760px){.learn .learn-nav{gap:2px 4px;padding-block:10px}.learn-nav a{padding:10px 12px;font-size:13px}.learn-contents{position:static}.learn-contents-desktop{display:none}.learn-contents-mobile{display:block;padding:0 20px;border-radius:18px;background:rgb(var(--paper-warm))}.learn-contents-mobile summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;cursor:pointer;font-size:15px;font-weight:800;list-style:none}.learn-contents-mobile summary::-webkit-details-marker{display:none}.learn-contents-mobile[open] summary svg{transform:rotate(180deg)}.learn-contents-mobile nav{padding-bottom:16px}.learn-contents-mobile ol{margin-top:0}}
