.learn{max-width:74rem;padding:12px var(--gutter) clamp(56px, 10vh, 96px);margin:0 auto}.crumbs{color:var(--muted-ink);font-size:.875rem}.crumbs ol{flex-wrap:wrap;gap:2px 8px;display:flex}.crumbs li{align-items:center;gap:8px;min-height:32px;display:flex}.crumbs li+li:before{content:"/";opacity:.6}.crumbs a{text-underline-offset:3px}.head{align-items:center;gap:24px;padding:clamp(16px,4vh,44px) 0 clamp(20px,4vh,40px);display:grid}.head__copy{justify-items:start;gap:14px;display:grid}.head__title{font-family:var(--display);font-variation-settings:"SOFT" 50, "WONK" 0;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(2.375rem,6vw,4rem);font-weight:400;line-height:1.04}.head__art{justify-self:center;width:min(100%,16rem);height:auto;display:block}.block{padding-top:clamp(32px,6vh,56px)}.block>*+*{margin-top:14px}.block__title{font-family:var(--display);font-variation-settings:"SOFT" 50, "WONK" 0;letter-spacing:-.01em;font-size:clamp(1.625rem,3vw,2.25rem);font-weight:400;line-height:1.12}.block h3{margin-top:22px;font-size:1.125rem;font-weight:600;line-height:1.3}.prose{max-width:42rem}.prose>*+*{margin-top:14px}.block ul.bullets,.prose ul{gap:6px;padding-left:1.2em;list-style:outside;display:grid}.block ol.steps{gap:6px;padding-left:1.3em;list-style:decimal;display:grid}.callout{border-radius:var(--radius-sm);color:#15161b;background:#fce7a8;max-width:42rem;padding:14px 18px}.table-wrap{overflow-x:auto}.learn table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.9875rem}.learn th,.learn td{border-bottom:1px solid var(--hair);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.learn thead th{color:var(--muted-ink);font-size:.875rem;font-weight:600}.learn tbody th{font-weight:600}.rows{display:grid}.row{border-bottom:1px solid var(--hair);grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;min-height:44px;padding:12px 0;text-decoration:none;display:grid}.row:hover .row__name{text-underline-offset:4px;text-decoration:underline}.row__name{font-weight:600}.row__regime{color:var(--muted-ink);justify-self:end;font-size:.8125rem}.row__text{color:var(--muted-ink);font-size:.9375rem}.blasts{flex-wrap:wrap;justify-self:end;align-items:center;gap:4px;display:inline-flex}.blast{background:var(--ink);border-radius:4px;min-width:6px;height:8px;display:block}.blast[data-sound=bell],.blast[data-sound=gong]{background:var(--muted-ink)}.cards{gap:12px;display:grid}.card{border:1.5px solid var(--hair);border-radius:var(--radius-sm);height:100%;color:var(--muted-ink);transition:border-color var(--dur-quick) var(--ease-calm);gap:4px;padding:16px 18px;text-decoration:none;display:grid}.card:hover{border-color:var(--ink)}.card__title{color:var(--ink);font-weight:600}.quiz{gap:16px;max-width:46rem;display:grid}.quiz__score{top:var(--nav);z-index:2;background:var(--paper);border-bottom:1px solid var(--hair);padding:10px 0;font-weight:600;position:sticky}.quiz__list{gap:34px;display:grid}.q{gap:12px;display:grid}.q__meta{color:var(--muted-ink);font-size:.875rem}.q__prompt{font-family:var(--display);font-variation-settings:"SOFT" 50, "WONK" 0;font-size:1.375rem;line-height:1.22}.q__choices{gap:8px;display:grid}.q__choice{border:1.5px solid var(--hair);border-radius:var(--radius-sm);width:100%;min-height:48px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-quick) var(--ease-calm), background-color var(--dur-quick) var(--ease-calm);background:0 0;gap:10px;padding:10px 14px;display:flex}.q__choice span{width:1.4em;color:var(--muted-ink);flex:none;font-weight:600}.q__choice:hover:enabled{border-color:var(--ink)}.q__choice:disabled{cursor:default}.q__choice[data-right]{color:#15161b;background:#e3f1ec;border-color:#1f7a5e}.q__choice[data-wrong]{color:#15161b;background:#fbe9f0;border-color:#b8446a}.q__choice[data-right] span,.q__choice[data-wrong] span{color:#15161b}.q__why>*+*{margin-top:8px}.q__why summary{cursor:pointer;text-underline-offset:4px;align-items:center;min-height:44px;font-weight:600;text-decoration:underline;display:flex}.q__ref{color:var(--muted-ink);font-size:.875rem}.quiz__done{border-radius:var(--radius-sm);color:#15161b;background:#cde3db;padding:14px 18px;font-weight:600}.faqs{max-width:46rem}.faqs details{border-bottom:1px solid var(--hair)}.faqs summary{cursor:pointer;align-items:center;min-height:52px;padding:8px 0;font-weight:600;display:flex}.faqs p{padding-bottom:14px}.cta{border-radius:var(--radius-sm);background:var(--art-sky);justify-items:start;gap:12px;margin-top:clamp(36px,7vh,64px);padding:clamp(22px,4vw,36px);display:grid}.block--sources{font-size:.9375rem}.block--sources ul{gap:4px;padding-left:1.2em;list-style:outside;display:grid}.block--sources a{text-underline-offset:3px;overflow-wrap:anywhere}.note{max-width:46rem;color:var(--muted-ink);font-size:.875rem}.pattern-line{flex-wrap:wrap;align-items:center;gap:12px;font-weight:600;display:flex}.lights-grid{gap:14px;display:grid}.vessel{border-bottom:1px solid var(--hair);grid-template-columns:58px 58px minmax(0,1fr);gap:6px 10px;padding:16px 0;display:grid}.vessel__marks{border-radius:var(--radius-sm);background:#15161b;border:1px solid #ffffff24;align-content:start;justify-items:center;gap:10px;min-height:96px;padding:10px 4px;display:grid}.vessel__marks--day{background:#dbe5fb;border-color:#0000}.vessel__stack{justify-items:center;gap:5px;display:grid}.vessel__body>*+*{margin-top:4px}.vessel__name{font-size:1.0625rem;font-weight:600}.vessel__beside{justify-content:center;align-items:flex-start;gap:12px;display:flex}.lamp{border-radius:50%;width:14px;height:14px;display:block}.lamp[data-mark=red]{background:#ff5a5f;box-shadow:0 0 10px #ff5a5f}.lamp[data-mark=green]{background:#4be38f;box-shadow:0 0 10px #4be38f}.lamp[data-mark=white]{background:#fff;box-shadow:0 0 10px #fff}.lamp[data-mark=yellow]{background:#ffd24a;box-shadow:0 0 10px #ffd24a}.shape{fill:#15161b;width:18px;height:18px;display:block}.vessel__none{text-align:center;color:#15161b;font-size:.6875rem;line-height:1.1}.learn .signals__player{width:100%;max-width:46rem;padding:0;position:static}@media (min-width:720px){.cards{grid-template-columns:repeat(2,1fr)}.vessel{grid-template-columns:72px 72px minmax(0,1fr);gap:6px 14px}}@media (min-width:900px){.head:has(.head__art){grid-template-columns:1.25fr 1fr}.head__art{width:min(100%,26rem)}.cards{grid-template-columns:repeat(3,1fr)}.row{grid-template-columns:1.4fr 1fr 9rem 9rem;align-items:center}.row__regime{order:2;justify-self:start}.row__text{order:3}.blasts{order:4}}