/* Reading surfaces are scoped away from the editor workspaces. */
.learn-tool-library{margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}
.learn-tool-library>h2{font-size:28px;letter-spacing:-.035em;margin:14px 0}.learn-tool-library>p{font-size:14px;line-height:1.8;color:var(--learn-muted)}
.learn-tool-group{margin-top:28px}.learn-tool-group>h3{font:600 11px/1.6 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--learn-muted);margin:0 0 12px}
.learn-tool-help{border-bottom:1px solid var(--line)}.learn-tool-help>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 0;font-size:15px;list-style:none;cursor:pointer}.learn-tool-help>summary::-webkit-details-marker{display:none}.learn-tool-help>summary>span{font-size:22px;font-weight:400}.learn-tool-help[open]>summary>span{transform:rotate(45deg)}
.learn-tool-body{padding:8px 0 28px}.learn-tool-body>.tool-learn.site-guide{margin:0;padding:0;border:0}.learn-tool-body>.learn-cta{margin-top:12px}
.tool-learn,.learn-shell,.learn-hub-teaser{--learn-muted:#a5ada7;font-family:var(--workspace-font,Inter,ui-sans-serif,system-ui,sans-serif);color:var(--paper)}
:root[data-theme=light] :is(.tool-learn,.learn-shell,.learn-hub-teaser){--learn-muted:#536157}
.learn-eyebrow{display:block;font:600 10px/1.6 ui-monospace,monospace;letter-spacing:.13em;color:var(--paper)}
.learn-heading{padding:8px 0 0}.tool-learn.site-guide{margin-top:44px;padding-top:30px;max-width:860px}
.tool-learn.site-guide h2,.learn-hub-teaser h2{font-size:clamp(23px,2.2vw,30px);font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:12px 0 16px}
.tool-learn.site-guide p,.learn-hub-teaser.site-guide p{font-size:14px;line-height:1.8;color:var(--learn-muted);margin:10px 0}
.tool-learn h3{font-size:18px;letter-spacing:-.025em;font-weight:650;line-height:1.4;margin:0 0 18px}
.tool-learn h4{font-size:14px;font-weight:650;line-height:1.5;margin:0}
.learn-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 0;margin:24px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.learn-facts>div{min-width:0}.learn-facts dt{font:10px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--learn-muted);margin-bottom:7px}.learn-facts dd{font-size:12px;line-height:1.6;margin:0}
.learn-section{margin-top:32px}.learn-steps{list-style:none;margin:0;padding:0;display:grid;gap:24px}.learn-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:14px}.learn-steps li>span{font:11px/1.8 ui-monospace,monospace;color:var(--learn-muted);border-top:1px solid var(--line);padding-top:4px}.tool-learn .learn-steps p{margin:5px 0 0}
.learn-example{margin-top:32px;padding:24px;border:1px solid var(--line);border-left:3px solid var(--acid);background:var(--ink2);border-radius:0 8px 8px 0}.learn-example h3{margin:12px 0}.tool-learn .learn-example .learn-note{font-size:12px;line-height:1.75;padding-top:12px;margin-top:16px;border-top:1px solid var(--line)}
.learn-troubles{display:grid;gap:20px}.learn-troubles>div{padding-left:14px;border-left:1px solid var(--line)}
.tool-learn.site-guide .learn-faq details{border-top:1px solid var(--line);padding:0;margin:0}.learn-faq details:last-child{border-bottom:1px solid var(--line)}
.tool-learn.site-guide .learn-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:14px 0;font-size:14px;line-height:1.6;font-weight:550;cursor:pointer}.learn-faq summary::-webkit-details-marker{display:none}.learn-faq summary>span{flex:none;font-size:20px;font-weight:400;transition:transform .15s}.learn-faq details[open] summary>span{transform:rotate(45deg)}.tool-learn.site-guide .learn-faq details p{margin:0;padding:0 20px 18px 0}
.learn-guide-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin:18px 0}
a.learn-guide-card{display:flex;flex-direction:column;gap:14px;padding:24px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:var(--paper);background:var(--ink2);min-width:0;transition:border-color .15s,background .15s}
a.learn-guide-card:hover{border-color:var(--acid);background:var(--ink)}.learn-guide-card>.learn-eyebrow{display:flex;align-items:center;justify-content:space-between;gap:10px}.learn-guide-card .learn-eyebrow>span{font-size:18px;line-height:1}.learn-guide-card>strong{font-size:19px;line-height:1.35;letter-spacing:-.035em;font-weight:600}.tool-learn.site-guide .learn-guide-card p,.learn-hub-teaser.site-guide .learn-guide-card p,.learn-guide-card p{margin:0;font-size:13px;line-height:1.7;color:var(--learn-muted)}.learn-guide-card>small{font-size:11px;color:var(--learn-muted);margin-top:auto;padding-top:8px}
.learn-support{padding-top:12px}.tool-learn.site-guide .learn-support{font-size:12px}
.learn-text-link{display:inline-flex;gap:16px;align-items:center;min-height:44px;color:var(--paper);font-size:13px;text-underline-offset:5px}.learn-hub-teaser{padding-bottom:4px}
.learn-shell{padding-bottom:36px}.learn-article-heading{padding:56px 0 44px;max-width:800px}.learn-article-heading h1{font-size:clamp(38px,5.2vw,66px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:20px 0 24px}.learn-article-heading h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em;color:var(--acid)}.learn-article-heading>p{font-size:17px;line-height:1.75;color:var(--learn-muted);max-width:660px}.learn-reviewed{display:block;margin-top:22px;font-size:11px;color:var(--learn-muted)}
.learn-reading-layout{display:grid;grid-template-columns:minmax(0,740px) 240px;gap:64px;align-items:start}.learn-article-body{min-width:0}.learn-takeaway{padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--ink2)}.learn-takeaway p{font-size:17px;line-height:1.75;margin:10px 0 0;color:var(--paper)}
.learn-chapter{padding-top:36px;scroll-margin-top:32px}.learn-chapter h2,.learn-end h2,.learn-related h2,.learn-library-note h2{font-size:26px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0 0 18px}.learn-chapter p,.learn-chapter li,.learn-chapter dd,.learn-library-note p{font-size:15px;line-height:1.85;color:var(--learn-muted)}.learn-chapter p{margin:16px 0}.learn-chapter :is(ol,ul){padding-left:24px;margin:18px 0}.learn-chapter li{padding-left:5px;margin:12px 0}.learn-chapter a{color:var(--paper);text-underline-offset:4px}.learn-chapter strong{color:var(--paper);font-weight:600}
.learn-contents{position:sticky;top:26px;padding-top:4px}.learn-contents nav{display:grid;gap:0;margin:14px 0 24px}.learn-contents nav a{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px;padding:12px 0;min-height:44px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--learn-muted);font-size:12px;line-height:1.65}.learn-contents nav a>span{font:10px/1.8 ui-monospace,monospace}.learn-contents nav a:hover{color:var(--paper)}
.learn-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:46px;padding:12px 16px;border-radius:5px;background:var(--acid);color:var(--ink);font-size:13px;line-height:1.5;font-weight:650;text-decoration:none}.learn-contents .learn-cta{display:flex}.learn-contents>.learn-text-link{margin-top:12px}
.learn-end{margin:36px 0;padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.learn-end h2{margin:14px 0 20px}.learn-end p{font-size:12px;color:var(--learn-muted);margin:12px 0 0}.learn-related{padding:32px 0 44px;max-width:740px}
.learn-library{padding-bottom:44px}.learn-library>.learn-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}.learn-library>.learn-guide-cards .learn-guide-card{padding:28px;min-height:255px}.learn-library .learn-guide-card>strong{font-size:25px}.learn-library-note{max-width:700px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line)}.learn-library-note h2{margin:14px 0}.learn-shell .site-footer{margin-top:0}
.learn-visual{margin:24px 0;border:1px solid var(--line);border-radius:8px;padding:24px;background:var(--ink2);display:flex;align-items:center;justify-content:center;gap:24px}.pixel-visual>div{display:grid;gap:8px;min-width:0}.pixel-visual strong{font-size:clamp(18px,3vw,29px);font-weight:500;letter-spacing:-.04em}.pixel-visual span{font-size:12px;color:var(--learn-muted)}
.signature-visual>div{flex:1;min-width:0}.signature-visual span{display:block;margin-bottom:10px;font-size:12px;color:var(--learn-muted)}.signature-visual svg{display:block;width:100%;border-radius:4px;background:#f5f2e9}.signature-visual svg path{fill:none;stroke:#19334e;stroke-width:4;stroke-linecap:round}.signature-visual>div:last-child svg{background:conic-gradient(#c3c7bf 25%,#f7f7f2 0 50%,#c3c7bf 0 75%,#f7f7f2 0) 0 0/18px 18px}
.learn-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.learn-comparison>div{padding:20px;background:var(--ink2);border:1px solid var(--line);border-radius:6px}.learn-comparison h3{font-size:16px;margin:0}.learn-chapter .learn-comparison p{font-size:13px;margin:12px 0 0}
.learn-definitions{margin:24px 0}.learn-definitions>div{border-top:1px solid var(--line);padding:18px 0}.learn-definitions dt{font-size:15px;font-weight:600;margin-bottom:8px}.learn-definitions dd{margin:0}
:is(.tool-learn,.learn-shell,.learn-hub-teaser) :is(a,summary):focus-visible{outline:2px solid var(--signal);outline-offset:4px}
@media(max-width:1000px){.learn-reading-layout{gap:32px;grid-template-columns:minmax(0,1fr) 210px}.learn-library>.learn-guide-cards{grid-template-columns:1fr}.learn-library>.learn-guide-cards .learn-guide-card{min-height:0}.learn-library .learn-guide-card>strong{font-size:23px}}
@media(max-width:700px){.learn-shell.info-shell{padding:0 20px 28px}.learn-shell .info-nav{padding:20px 0;gap:12px;flex-wrap:wrap}.learn-shell .info-nav>div{gap:18px}.learn-reading-layout{display:flex;flex-direction:column;gap:24px}.learn-contents{position:static;order:-1;width:100%;padding:0}.learn-contents nav{grid-template-columns:1fr;margin-bottom:16px}.learn-contents>.learn-text-link{display:none}.learn-contents>.learn-cta{display:inline-flex}.learn-article-heading{padding:36px 0 30px}.learn-article-heading>p{font-size:15px}.learn-chapter h2,.learn-end h2,.learn-related h2{font-size:23px}.learn-takeaway{padding:20px}.learn-takeaway p{font-size:15px}.learn-library{padding-bottom:32px}.learn-comparison{grid-template-columns:1fr}.learn-visual{padding:16px;gap:16px}.learn-facts{gap:12px}.learn-facts dd{font-size:12px}.tool-learn.site-guide{margin-top:34px}.learn-example{padding:20px}.tool-learn .learn-guide-card{padding:20px}.learn-guide-cards{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.learn-faq summary>span,a.learn-guide-card{transition:none}}
