.learn-page-grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--foreground) 1px,transparent 1px),linear-gradient(90deg,var(--foreground) 1px,transparent 1px);background-size:64px 64px;opacity:.045}.learn-map__svg{z-index:2}.learn-map{position:relative;isolation:isolate}.learn-map__svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;shape-rendering:geometricPrecision;overflow:visible}.learn-map__edge-ghost{fill:none;stroke:var(--foreground-muted);stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:9 8;opacity:.65;vector-effect:non-scaling-stroke}.learn-map__edge-fill{fill:none;stroke:var(--primary);stroke-width:1.5;stroke-linecap:butt;stroke-linejoin:round;opacity:0;transition:opacity .32s var(--ease);vector-effect:non-scaling-stroke}.learn-map.is-ready .learn-map__edge-fill,.learn-map[data-ready=true] .learn-map__edge-fill{opacity:1}.learn-map__node,.learn-map__goal{opacity:0;transition:opacity var(--duration) var(--ease)}.learn-map__node.is-reached,.learn-map__goal.is-reached{opacity:.95}.learn-map__station-ring{fill:var(--background);stroke:var(--foreground-muted);stroke-width:1;opacity:.5;vector-effect:non-scaling-stroke;transition:stroke var(--duration) var(--ease),opacity var(--duration) var(--ease)}.learn-map__station-core{fill:var(--foreground-muted);opacity:.9;transition:fill var(--duration) var(--ease)}.learn-map__node.is-reached .learn-map__station-ring{stroke:var(--primary);opacity:.3}.learn-map__node.is-reached .learn-map__station-core{fill:var(--primary)}.learn-map__goal-ring,.learn-map__goal-inner{fill:var(--background);stroke:var(--foreground-muted);stroke-width:1;vector-effect:non-scaling-stroke;transition:stroke var(--duration) var(--ease)}.learn-map__goal-inner{fill:none;opacity:.85}.learn-map__goal-core{fill:var(--foreground-muted);transition:fill var(--duration) var(--ease)}.learn-map__goal.is-reached .learn-map__goal-ring,.learn-map__goal.is-reached .learn-map__goal-inner{stroke:var(--primary)}.learn-map__goal.is-reached .learn-map__goal-core{fill:var(--primary)}.learn-band{position:relative;z-index:1;display:grid;gap:1.5rem}.learn-band+.learn-band{margin-top:2.5rem}.learn-map__row--root{margin-bottom:2.5rem}.learn-band__header{display:inline-flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem;justify-self:center;width:-moz-fit-content;width:fit-content;margin:0 auto 1.5rem;padding:.75rem 1.75rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-panel);position:relative;z-index:2}.learn-band__label{font-size:var(--font-size-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-family:var(--font-mono)}.learn-band__blurb{max-width:34rem;font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.learn-band__rows{display:grid;gap:.75rem}.learn-map__row{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem 1.5rem}@media(min-width:768px){.learn-map__row{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);gap:1.5rem 3.5rem}.learn-map__slot--0{grid-column:1;justify-self:end;width:100%;max-width:24rem}.learn-map__slot--1{grid-column:2;justify-self:center;width:100%;max-width:30rem;margin-inline:3.5rem}.learn-map__slot--2{grid-column:3;justify-self:start;width:100%;max-width:24rem}}@media(max-width:1023px){.learn-map__slot:not(:has(>*)){display:none}}@media(max-width:767px){.learn-map{padding-inline-start:2.5rem}.learn-map__row{grid-template-columns:minmax(0,1fr)}.learn-map__slot--0,.learn-map__slot--1,.learn-map__slot--2{grid-column:1}}.learn-card{display:block;width:100%;text-align:start}.learn-card__body{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-panel);transition:transform var(--motion-fast, .12s) var(--ease),border-color var(--motion-fast, .12s) var(--ease),box-shadow var(--motion-fast, .12s) var(--ease)}.learn-card:hover .learn-card__body,.learn-card[data-active=true] .learn-card__body{transform:translateY(-2px);border-color:var(--border-strong)}.learn-card[data-active=true] .learn-card__body{border-color:var(--primary);box-shadow:var(--shadow-panel),0 0 0 1px var(--primary)}.learn-card:focus-within .learn-card__body{box-shadow:var(--shadow-panel),0 0 0 2px var(--ring)}.learn-card__hairline{position:absolute;inset-inline:0;top:0;height:1px;opacity:.75}.learn-card__hit{display:flex;flex-direction:column;align-items:stretch;gap:.3rem;width:100%;margin:0;padding:.85rem 1rem .9rem;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.learn-card__hit:focus-visible{outline:none}.learn-card__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.learn-card__icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-md);flex:none}.learn-card__stepnum{font-size:.95rem;font-weight:800;letter-spacing:.02em}.learn-card__logos{display:flex;align-items:center;gap:.35rem}.learn-card__logo{display:flex;width:1.15rem;height:1.15rem;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-sm);background:var(--panel-raised)}.learn-card__logo svg{width:.85rem;height:.85rem;display:block}.learn-card__kind{font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--foreground-muted)}.learn-card__title{font-size:var(--font-size-sm);font-weight:700;line-height:var(--leading-tight);color:var(--foreground-strong)}.learn-card--step .learn-card__title{font-size:var(--font-size-base)}.learn-card__subtitle{font-size:var(--font-size-2xs);line-height:var(--leading-normal);color:var(--muted-foreground)}.learn-card__goto{position:absolute;inset-inline-end:.7rem;bottom:.7rem;display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;border-radius:9999px;color:var(--primary);background:var(--primary-soft);opacity:0;transform:translate(4px);transition:opacity var(--motion-fast, .12s) var(--ease),transform var(--motion-fast, .12s) var(--ease)}.learn-card:hover .learn-card__goto,.learn-card[data-active=true] .learn-card__goto{opacity:1;transform:translate(0)}@media(hover:none){.learn-card__goto{opacity:.55;transform:none}}.learn-card--goal .learn-card__body{border-color:var(--primary);box-shadow:var(--shadow-panel),0 0 22px var(--primary-soft)}.learn-guides{margin-top:2.25rem;display:grid;gap:.75rem;text-align:start}@media(min-width:640px){.learn-guides{grid-template-columns:1fr 1fr}}.learn-guides__item{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.9rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel)}.learn-guides__num{font-size:var(--font-size-2xs);font-weight:700;color:var(--primary);font-family:var(--font-mono)}.learn-guides__title{font-size:var(--font-size-sm);font-weight:700;color:var(--foreground-strong)}.learn-guides__note{margin-top:.15rem;font-size:var(--font-size-2xs);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.learn-guides__icon{color:var(--foreground-muted);opacity:.6}.learn-scrim{position:fixed;inset:0;z-index:55;background:var(--overlay-bg);opacity:0;pointer-events:none;transition:opacity var(--motion-default, .22s) var(--ease)}.learn-scrim[data-open=true]{opacity:1;pointer-events:auto}.learn-drawer{position:fixed;z-index:60;inset-block-end:0;inset-inline:0;max-height:86dvh;overflow-y:auto;background:var(--panel);border-top:1px solid var(--border-strong);box-shadow:var(--shadow-popover);padding:1.25rem 1.25rem 2rem;transform:translateY(100%);transition:transform var(--motion-default, .22s) var(--ease)}.learn-drawer[data-open=true]{transform:translateY(0)}@media(min-width:1024px){.learn-drawer{inset-block:1.25rem 1.25rem;inset-inline:auto 1.25rem;width:28rem;max-height:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem;transform:translate(calc(100% + 3rem))}.learn-drawer[data-open=true]{transform:translate(0)}}.learn-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--muted-foreground);background:none;border:none;cursor:pointer}.learn-drawer__close:hover{background:var(--hover);color:var(--foreground)}.learn-drawer__why{margin-top:.65rem;font-size:var(--font-size-sm);font-weight:600;line-height:var(--leading-relaxed);color:var(--primary)}.learn-drawer__body p{margin-top:.75rem;font-size:var(--font-size-sm);line-height:var(--leading-relaxed);color:var(--foreground)}.learn-drawer__label{margin-top:1.25rem;font-size:var(--font-size-3xs);font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted-foreground)}.learn-drawer__child{margin-top:.65rem;padding:.75rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-raised)}.learn-drawer__child[data-active=true]{border-color:var(--primary)}.learn-drawer__child h3{margin:0;font-size:var(--font-size-sm);font-weight:700;color:var(--foreground-strong)}.learn-drawer__child p{margin:.35rem 0 0;font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.learn-drawer__guide{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:var(--font-size-sm);color:var(--foreground-muted)}.learn-drawer__guide .bx{color:var(--primary);flex:none}.learn-drawer__next{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1.25rem;padding:.75rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--primary-soft);color:var(--foreground-strong);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;text-align:start}.learn-drawer__next:hover,.learn-drawer__next:focus-visible{border-color:var(--primary);outline:none}.learn-drawer__logos{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.6rem}.learn-drawer__logo{display:inline-flex;align-items:center;gap:.4rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-raised);padding:.3rem .5rem;font-size:var(--font-size-2xs);font-weight:600;color:var(--foreground)}.learn-drawer__logo svg{width:.9rem;height:.9rem;display:block}.learn-spine{overflow:hidden;margin-top:.65rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-raised)}.learn-spine dl{margin:0}.learn-spine__row{display:grid;grid-template-columns:1fr;gap:.2rem;padding:.7rem .85rem;border-top:1px solid var(--border)}.learn-spine__row:first-child{border-top:0}.learn-spine__k{font-size:var(--font-size-3xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.learn-spine__v{margin:0;font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--foreground)}.learn-connect{display:grid;gap:.5rem;margin-top:.65rem}.learn-connect__item{padding:.7rem .85rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--panel-raised)}.learn-connect__item h3{margin:0;font-size:var(--font-size-sm);font-weight:700;color:var(--foreground-strong)}.learn-connect__item p{margin:.35rem 0 0;font-size:var(--font-size-xs);line-height:var(--leading-relaxed);color:var(--muted-foreground)}.learn-stack{display:grid;gap:.45rem;margin-top:.65rem}.learn-stack__row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.learn-stack__chip{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--panel-raised);padding:.3rem .5rem;font-size:var(--font-size-2xs);font-weight:600}.learn-stack__chip svg{width:.9rem;height:.9rem;display:block}.learn-stack__core{border-color:var(--primary);background:var(--primary-soft)}@media(prefers-reduced-motion:reduce){.learn-map__node,.learn-map__goal,.learn-map__station-ring,.learn-map__station-core,.learn-map__goal-ring,.learn-map__goal-inner,.learn-map__goal-core,.learn-drawer,.learn-scrim,.learn-card__goto,.learn-map__edge-fill{transition:none}}
