.example-hero h1{max-width:22ch;font-size:clamp(36px,5.5vw,66px)}
.reading{max-width:860px}.reading p,.reading li{max-width:74ch}.reading li{margin:14px 0}.reading h2{font-size:clamp(27px,3.7vw,43px)}
.example-step{padding-block:clamp(40px,6vw,72px)}.table-scroll{overflow-x:auto;margin-top:28px;border:1px solid var(--line)}
table{border-collapse:collapse;width:100%;font-size:15px;text-align:left}caption{text-align:left;padding:14px 16px;font-weight:700;background:var(--fog)}th,td{padding:10px 16px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-weight:700}tbody tr:last-child td{border-bottom:0}
button.button{font:inherit;font-weight:700;cursor:pointer}button:focus-visible,.table-scroll:focus-visible{outline:3px solid #586d6a;outline-offset:3px}.copy-status{min-height:1.6em}.reading a{overflow-wrap:anywhere}h1,h2{overflow-wrap:break-word}