.Io-4XW_inShort{border-left:3px solid var(--c,var(--green));border-radius:var(--radius);background:var(--bg-raised);gap:8px;max-width:70ch;padding:16px 18px;display:grid}.Io-4XW_inShort h2{font-family:var(--font-display), sans-serif;font-size:1.2rem}.Io-4XW_inShort ul{color:var(--ink-soft);gap:6px;padding-left:1.2em;display:grid}.Io-4XW_lesson{border-radius:var(--radius);background:color-mix(in srgb, var(--green-deep) 45%, var(--bg-raised));max-width:70ch;color:var(--ink);padding:10px 14px}.Io-4XW_lesson strong{color:var(--green-bright)}.Io-4XW_diagram{gap:10px;max-width:560px;margin-top:8px;display:grid}.Io-4XW_diagram svg{border-radius:var(--radius);background:var(--bg-sunken);width:100%;height:auto;box-shadow:0 0 0 1px var(--line)}.Io-4XW_diagram figcaption{color:var(--ink-soft);font-size:.92rem}.Io-4XW_dgPart{fill:var(--bg-raised);stroke:var(--ink-faint);stroke-width:1.5px}.Io-4XW_dgLid{fill:color-mix(in srgb, var(--green) 35%, var(--bg-raised));stroke:var(--green-bright);stroke-width:1.5px}.Io-4XW_dgGap{fill:none;stroke:var(--green-bright);stroke-width:2px;stroke-dasharray:4 3}.Io-4XW_dgText{fill:var(--ink);font-size:14px;font-weight:600}.Io-4XW_dgNote{fill:var(--ink-soft);font-size:13px}.Io-4XW_prose a{color:var(--green-bright);text-underline-offset:2px;text-decoration:underline}
.W3fP4a_card{border-radius:var(--radius);background:radial-gradient(ellipse 50% 60% at 0% 100%, color-mix(in srgb, var(--c) 18%, transparent), transparent), var(--bg-raised);height:100%;box-shadow:0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .25s var(--ease);align-items:end;gap:16px;padding:16px 18px;text-decoration:none;display:flex}.W3fP4a_card>span:last-child{gap:4px;min-width:0;display:grid}.W3fP4a_card:hover,.W3fP4a_card:focus-visible{box-shadow:0 0 0 1px var(--c), 0 18px 30px -18px var(--c);transform:translateY(-3px)}.W3fP4a_kicker{color:var(--ink-faint);font-family:var(--font-pixel), monospace;text-transform:uppercase;font-size:.7rem}.W3fP4a_title{font-family:var(--font-display), sans-serif;font-size:1.3rem;font-weight:800;line-height:1.1}.W3fP4a_line{color:var(--ink-faint);font-family:var(--font-pixel), monospace;font-size:.7rem}.W3fP4a_compact{align-items:center;gap:12px;padding:12px 14px}.W3fP4a_compact .W3fP4a_title{font-size:1.1rem}.W3fP4a_compact .W3fP4a_line{color:var(--ink-soft);font-family:inherit;font-size:.9rem}.W3fP4a_says{background:color-mix(in srgb, var(--c) 16%, var(--bg-sunken));box-shadow:0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent);color:var(--ink);quotes:"“" "”";border-radius:14px;margin-top:4px;padding:10px 14px;font-size:.95rem;display:block;position:relative}.W3fP4a_related{gap:12px;display:grid}.W3fP4a_related h2{font-family:var(--font-display), sans-serif;font-size:1.5rem}.W3fP4a_related ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;list-style:none;display:grid}
