.tangents-normals-understand{display:grid;gap:var(--space-4,1rem)}
.tangents-normals-understand__panel{border:1px solid var(--color-border,#d7dde5);border-radius:var(--radius-lg,16px);background:var(--color-surface,#fff);overflow:hidden}
.tangents-normals-understand__panel-header{padding:1rem 1rem .25rem}.tangents-normals-understand__panel-header h3{margin:.2rem 0 0}
.tangents-normals-understand__eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted,#596273)}
.tangents-normals-understand__panel-body{display:grid;gap:1rem;padding:1rem}.tangents-normals-understand__lead{margin:0;max-width:72ch}
.tangents-normals-understand__graph-host{min-width:0}.tangents-normals-understand__line-readout{display:grid;gap:.35rem;padding:.85rem 1rem;border-radius:12px;background:var(--color-surface-subtle,#f5f7fa);font-variant-numeric:tabular-nums}
.tangents-normals-understand__line-readout span,.tangents-normals-understand__line-readout strong{display:block}.tangents-normals-understand__line-readout[data-special-case="vertical-normal"]{border-inline-start:4px solid currentColor}
.tangents-normals-understand__choice-row{display:flex;flex-wrap:wrap;gap:.6rem}.tangents-normals-understand__button{min-height:44px;min-width:44px;padding:.65rem .9rem;border:1px solid var(--color-border,#c8d0db);border-radius:10px;background:var(--color-surface,#fff);font:inherit;cursor:pointer}
.tangents-normals-understand__button:focus-visible{outline:3px solid var(--color-focus,#315efb);outline-offset:2px}
.tangents-normals-understand__takeaway{padding:.9rem 1rem;border-radius:12px;background:var(--color-accent-soft,#eef4ff);font-weight:600}
.tangents-normals-understand__normal-line{stroke-width:3.25}
@media (max-width:700px){.tangents-normals-understand__panel-body{padding:.8rem}.tangents-normals-understand__choice-row{display:grid;grid-template-columns:1fr}.tangents-normals-understand__button{width:100%}}