.codex-guide .guide-heading h1{text-transform:none;max-width:22ch;font-size:clamp(40px,5.4vw,68px)}.codex-guide-deck{max-width:48ch;margin:0 0 20px;font-size:clamp(19px,2.1vw,24px);line-height:1.5}.codex-guide .guide-copy>ol{max-width:74ch;padding-left:28px}.codex-guide .guide-copy blockquote{background:var(--conversation-paper);border-left:3px solid var(--clay);margin:26px 0;padding:24px}.codex-guide .guide-copy blockquote p{margin:0}.codex-guide .guide-copy :not(pre)>code{overflow-wrap:anywhere;font-size:.9em}.codex-guide .diagram{border:1px solid var(--line);border-radius:18px;max-width:610px;margin:32px auto 36px;overflow:hidden}.codex-guide .diagram svg{width:100%;height:auto;display:block}.codex-guide .diagram svg text{font-family:Instrument Sans,sans-serif}.codex-guide .diagram figcaption{border-top:1px solid var(--line);padding:14px 20px;font-size:14px;line-height:1.5}.codex-guide .copy-note{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--conversation-paper);border-left:3px solid var(--clay);font-family:Instrument Sans,sans-serif;font-size:17px;line-height:1.6}.codex-guide .copy-note code{font:inherit}.codex-guide .comparison-scorecard th:first-child{width:48%}.codex-guide .comparison-scorecard th:not(:first-child){width:26%}@media (max-width:640px){.codex-guide .guide-heading h1{font-size:clamp(37px,10vw,50px)}.codex-guide .guide-table{font-size:15px}.codex-guide .comparison-scorecard,.codex-guide .comparison-scorecard tbody{width:100%;display:table}.codex-guide .comparison-scorecard tbody{display:table-row-group}.codex-guide .comparison-scorecard thead{clip-path:none;width:auto;height:auto;display:table-header-group;position:static;overflow:visible}.codex-guide .comparison-scorecard caption{caption-side:top;display:table-caption}.codex-guide .comparison-scorecard tr{border:0;padding:0;display:table-row}.codex-guide .comparison-scorecard td{border-top:1px solid var(--line);padding:14px 10px;display:table-cell}.codex-guide .comparison-scorecard td:before{display:none}.codex-guide .comparison-scorecard th{padding:14px 10px}}
