.learn-back{color:var(--nav-ink-dim);border-radius:var(--radius-sm);align-items:center;gap:.4rem;padding:.5rem .7rem .5rem .55rem;font-size:.95rem;font-weight:550;transition:color .2s,background .2s;display:inline-flex}.learn-back:hover{color:var(--nav-ink);background:var(--nav-hover-bg)}.learn-back svg{flex:none;width:16px;height:16px}@media (width<=520px){.learn-back__text{display:none}}.learn{padding-block:clamp(1.75rem,4vw,3rem) clamp(2rem,5vw,3.5rem)}.learn__layout{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);display:grid}@media (width>=960px){.learn__layout{grid-template-columns:220px minmax(0,1fr);align-items:start}}.learn__col{width:100%;min-width:0;max-width:min(70ch,100%);margin-inline:auto}.learn__head{margin-bottom:clamp(1.25rem,3vw,1.75rem)}.learn__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem;font-size:.8rem;font-weight:650;display:inline-block}.learn__title{letter-spacing:-.02em;color:var(--text);margin:0 0 .85rem;font-size:clamp(1.9rem,5vw,2.9rem);line-height:1.08}.learn__lede{color:var(--text-dim);text-wrap:pretty;margin:0;font-size:clamp(1.08rem,2.4vw,1.28rem);line-height:1.55}.learn-toc{align-self:start;position:sticky;top:5.25rem}.learn-toc__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .7rem;padding-left:.75rem;font-size:.74rem;font-weight:650}.learn-toc__list{border-left:1px solid var(--border);gap:.1rem;margin:0;padding:0;list-style:none;display:grid}.learn-toc__link{color:var(--text-dim);border-left:2px solid #0000;margin-left:-1px;padding:.4rem .75rem;font-size:.92rem;line-height:1.35;transition:color .2s,border-color .2s;display:block}.learn-toc__link:hover{color:var(--text)}.learn-toc__link[aria-current=true]{color:var(--accent);border-left-color:var(--accent);background:#4e9f3d1a;border-radius:0 6px 6px 0;font-weight:600}.learn-toc--mobile{z-index:40;background:var(--nav-scrolled-bg);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--border);margin:0;position:sticky;top:0}.learn-toc--mobile>summary{cursor:pointer;color:var(--text);font-size:.95rem;font-weight:600;list-style:none;display:block}.learn-toc--mobile>summary::marker{content:"";display:none}.learn-toc--mobile>summary::-webkit-details-marker{content:"";display:none}.learn-toc--mobile>summary:focus-visible{outline-offset:-2px}.learn-toc__summary-inner{align-items:center;gap:.55rem;padding-block:.85rem;display:flex}.learn-toc__chevron{width:16px;height:16px;color:var(--accent);flex:none;transition:transform .2s}.learn-toc--mobile[open] .learn-toc__chevron{transform:rotate(180deg)}.learn-toc__count{color:var(--text-faint);margin-left:auto;font-size:.85rem;font-weight:500}.learn-toc--mobile .learn-toc__panel{padding-bottom:.85rem}.learn-toc--mobile .learn-toc__list{border-left:none;gap:0}.learn-toc--mobile .learn-toc__link{border-radius:var(--radius-sm);border-left:none;margin-left:0;padding:.55rem .4rem}.learn-toc--mobile .learn-toc__link[aria-current=true]{background:#4e9f3d24}.learn-toc--desktop{display:none}@media (width>=960px){.learn-toc--desktop{display:block}.learn-toc--mobile{display:none}}.learn-section{scroll-margin-top:5.5rem}.learn-section+.learn-section{border-top:1px solid var(--border);margin-top:clamp(2rem,4.5vw,2.75rem);padding-top:clamp(1.5rem,3.5vw,2rem)}.learn-section__head{margin-bottom:1.1rem}.learn-section__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.75rem;font-weight:650;display:inline-block}.learn-section h2{letter-spacing:-.018em;color:var(--text);margin:0;font-size:clamp(1.45rem,3.4vw,2rem);line-height:1.15}.learn-section p{color:var(--text-dim);text-wrap:pretty;margin:0 0 1rem;font-size:1.05rem;line-height:1.65}.learn-section p:last-child{margin-bottom:0}.learn-section strong{color:var(--text);font-weight:650}.learn code{font-family:var(--mono);border:1px solid var(--border);color:var(--text);white-space:nowrap;background:#4e9f3d1f;border-radius:6px;padding:.1em .4em;font-size:.86em}.learn-sub{letter-spacing:-.01em;color:var(--text);margin:1.75rem 0 .6rem;font-size:1.12rem;font-weight:650}.learn-callout+.learn-sub{margin-top:.5rem}.learn-install{text-align:center;flex-direction:column;align-items:center;gap:.85rem;margin:1.75rem 0 .6rem;display:flex}.learn-install__lead{color:var(--text-dim);max-width:46ch;margin:0;font-size:.95rem;line-height:1.6}.learn-install__code{text-align:left;width:100%;min-width:0}.learn .code pre code{font-size:inherit;color:inherit;white-space:pre;background:0 0;border:0;border-radius:0;padding:0}.learn-install__source{color:var(--text-faint);max-width:40ch;margin:0;font-size:.85rem;line-height:1.5}.learn-install__alt{text-align:left;width:100%}.learn-install__alt>summary{cursor:pointer;color:var(--text-dim);align-items:center;gap:.4rem;padding:.25rem 0;font-size:.88rem;list-style:none;display:inline-flex}.learn-install__alt>summary::-webkit-details-marker{display:none}.learn-install__alt>summary:hover{color:var(--text)}.learn-install__alt-chevron{flex:none;transition:transform .2s}.learn-install__alt[open] .learn-install__alt-chevron{transform:rotate(90deg)}.learn-install__alt p{color:var(--text-dim);margin:.5rem 0 .75rem;font-size:.88rem;line-height:1.6}.learn-install__later{color:var(--text-faint);max-width:34ch;margin:0;font-size:.85rem;line-height:1.5}.learn .code{min-width:0;margin-top:1.2rem}.learn__store-note{color:var(--text-faint);text-align:center;margin-top:.9rem;font-size:.82rem;font-style:italic;line-height:1.5}.learn-callout{background:var(--bg-2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);align-items:flex-start;gap:.9rem;margin-block:1.4rem 2rem;padding:clamp(1.1rem,3vw,1.4rem);display:flex}.learn-callout__icon{width:24px;height:24px;color:var(--accent);flex:none;margin-top:1px}.learn-callout__icon svg{width:24px;height:24px;display:block}.learn-callout__body{min-width:0}.learn-callout__body h3{color:var(--text);letter-spacing:-.01em;margin:0 0 .3rem;font-size:1rem}.learn-callout__body p{color:var(--text-dim);margin:0;font-size:.97rem;line-height:1.6}.learn-callout__body p+p{margin-top:.55rem}.learn-callout--trust{border-left-color:var(--kiwi-bright)}.learn-checklist{gap:.7rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.learn-checklist li{color:var(--text-dim);align-items:flex-start;gap:.65rem;font-size:.99rem;line-height:1.55;display:flex}.learn-checklist__check{width:22px;height:22px;color:var(--accent);background:#4e9f3d29;border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.learn-checklist__check svg{width:13px;height:13px;display:block}.learn .layouts{margin-top:1.5rem}.learn .layout-card__diagram{overflow-x:auto}.learn .layout-card h3{text-transform:capitalize}.learn-snap{border-radius:var(--radius);background:var(--bg-0);border:1px solid var(--border);margin-top:1.5rem;padding:clamp(1rem,3vw,1.5rem)}.learn-snap svg{width:100%;height:auto;max-height:200px;display:block}.learn-tour{gap:.85rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.learn-tour li{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:clamp(1rem,2.6vw,1.25rem);transition:border-color .2s,transform .2s}.learn-tour li:hover{border-color:var(--border-strong);transform:translateY(-2px)}.learn-tour h3{color:var(--text);letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.02rem}.learn-tour p{color:var(--text-dim);margin:0;font-size:.97rem;line-height:1.55}.learn-faq{gap:.75rem;margin-top:1.5rem;display:grid}.learn-faq__item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.learn-faq__item[open]{border-color:var(--border-strong)}.learn-faq__q{cursor:pointer;color:var(--text);letter-spacing:-.01em;align-items:center;gap:.75rem;padding:clamp(.95rem,2.5vw,1.2rem);font-size:1.02rem;font-weight:600;list-style:none;display:flex}.learn-faq__q::-webkit-details-marker{display:none}.learn-faq__q:hover{color:var(--accent)}.learn-faq__icon{width:18px;height:18px;color:var(--accent);flex:none;margin-left:auto;transition:transform .2s}.learn-faq__item[open] .learn-faq__icon{transform:rotate(45deg)}.learn-faq__a{padding:0 clamp(.95rem,2.5vw,1.2rem) clamp(.95rem,2.5vw,1.2rem)}.learn-faq__a p{color:var(--text-dim);margin:0;font-size:.98rem;line-height:1.6}.learn-faq__a p+p{margin-top:.6rem}.learn-scenarios{gap:1rem;margin-top:1.5rem;display:grid}.learn-scenario{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.2rem,3vw,1.6rem)}.learn-scenario__who{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.learn-scenario__badge{border:1px solid var(--border-strong);width:38px;height:38px;color:var(--accent);background:#4e9f3d24;border-radius:50%;flex:none;place-items:center;display:grid}.learn-scenario__badge svg{width:20px;height:20px;display:block}.learn-scenario__name{letter-spacing:-.01em;color:var(--text);margin:0;font-size:1.08rem;font-weight:650}.learn-scenario__ba{gap:.75rem;display:grid}@media (width>=560px){.learn-scenario__ba{grid-template-columns:1fr 1fr;position:relative}.learn-scenario__side:first-child{border-right:1px solid var(--border);padding-right:1rem}.learn-scenario__side:last-child{padding-left:1rem}}.learn-scenario__side{min-width:0}.learn-scenario__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.35rem;font-size:.72rem;font-weight:650;display:inline-block}.learn-scenario__label--after{color:var(--accent)}.learn-scenario__side p{color:var(--text-dim);margin:0;font-size:.96rem;line-height:1.55}.learn-close{text-align:center;background:var(--card-bg);border:1px solid var(--border-strong);border-radius:var(--radius-lg);margin-top:clamp(2.5rem,6vw,3.5rem);padding:clamp(1.5rem,4vw,2rem)}.learn-close h2{letter-spacing:-.015em;color:var(--text);margin:0 0 .5rem;font-size:clamp(1.25rem,3vw,1.6rem)}.learn-close p{color:var(--text-dim);margin:0 0 1.25rem;font-size:1rem;line-height:1.55}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@media (prefers-reduced-motion:reduce){.learn-close:hover{transform:none}}