.brake-post .prose{margin-left:auto;margin-right:auto}.brake-post h2{font-size:25px;line-height:1.5;margin:46px 0 16px}.brake-post h3{font-size:18px;margin:0 0 10px}.brake-post p{margin:16px 0}.brake-post .lead{font-size:19px;line-height:1.85}.brake-post .answer{padding:18px 22px;border-left:4px solid var(--teal);background:#edf5f3;margin:24px 0}.brake-post .answer p{margin:0}.brake-post figure{margin:24px 0}.brake-post figcaption,.brake-post .fine{font-size:13px;color:var(--muted)}.brake-post .measure{width:100%;display:block;background:#fff;border:1px solid var(--line);border-radius:10px}.brake-post blockquote{margin:20px 0;padding:10px 18px;border-left:3px solid #a7c4c5;background:#f1f5f4}.brake-post blockquote p{margin:0}.brake-post .table-scroll{overflow:auto}.brake-post table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0}.brake-post th,.brake-post td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.brake-post th{background:#edf4f3}.brake-post .check-steps{counter-reset:checks;list-style:none;padding:0}.brake-post .check-steps li{counter-increment:checks;margin:0;padding:18px 0 18px 48px;border-top:1px solid var(--line);position:relative}.brake-post .check-steps li:before{content:counter(checks);position:absolute;left:0;top:19px;width:28px;line-height:28px;border-radius:50%;background:#007b80;color:#fff;text-align:center;font-size:14px;font-weight:700}.brake-post .check-steps p{margin:4px 0}.brake-post .resources{display:grid;gap:14px;margin:22px 0}.brake-post .resource{padding:20px 22px;border:1px solid var(--line);border-radius:10px;background:white}.brake-post .resource h3{margin:5px 0 10px}.brake-post .resource p{font-size:15px;margin:8px 0}.brake-post .resource .resource-meta{font-size:12px;color:var(--muted)}.brake-post .resource a{font-weight:600}.brake-post .resource small{color:var(--muted);font-size:12px;display:block;margin-top:12px}.brake-post .part-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.brake-post .part-link{display:block;padding:18px;border:1px solid var(--line);border-radius:9px;background:#fff;text-decoration:none;color:var(--ink)}.brake-post .part-link img{width:100%;height:125px;object-fit:contain}.brake-post .part-link strong{display:block;margin-top:10px}.brake-post .part-link small{font-size:13px;color:var(--muted)}.brake-post details summary{cursor:pointer}.brake-post .source-list{font-size:14px;padding-left:20px}.brake-post .source-list li{margin:8px 0}
.brake-demo{margin:30px 0 40px;background:#fff;border:1px solid #c9dbdc;border-radius:12px;overflow:hidden}.brake-demo .demo-title{padding:22px 24px 0}.brake-demo .demo-title h2{font-size:22px;margin:0 0 5px}.brake-demo .demo-title p{font-size:14px;margin:0 0 14px;color:var(--muted)}.brake-demo .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:0 24px 18px}.brake-demo button,.brake-demo select{font:inherit;font-size:14px;border:1px solid #b4c9cb;border-radius:7px;background:#fff;color:var(--ink);padding:8px 12px;cursor:pointer;min-height:40px}.brake-demo button[aria-pressed=true]{background:#007b80;color:#fff;border-color:#007b80}.brake-demo button:disabled{opacity:.45;cursor:default}.brake-demo input{accent-color:#007b80}.brake-demo .view-tabs{margin-left:auto;display:flex;gap:8px}.brake-demo .stage{position:relative;background:#edf3f2;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.brake-demo #brake-svg,.brake-demo #brake-3d{width:100%;height:350px;display:block}.brake-demo [hidden]{display:none!important}.brake-demo #brake-3d{touch-action:none}.brake-demo #brake-3d canvas{width:100%;height:100%;display:block}.brake-demo .stage-caption{font-size:12px;color:#516a72;padding:6px 24px;background:#f4f7f6}.brake-demo .readings{display:flex;gap:24px;flex-wrap:wrap;padding:12px 24px;font-size:14px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.brake-demo .readings span{display:flex;gap:8px}.brake-demo .readings strong{font-weight:650}.brake-demo .touching{color:#bd4028}.brake-demo .transport{padding:16px 24px 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brake-demo .progress{padding:12px 24px;display:flex;align-items:center;gap:12px;font-size:14px}.brake-demo .progress input{flex:1;min-width:0}.brake-demo .progress output{min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.brake-demo .timeline{padding:0 24px 10px;display:grid;grid-template-columns:42px 1fr;gap:10px;font-size:12px;color:var(--muted)}.brake-demo .timeline-labels{display:grid;grid-template-rows:1fr 1fr;align-items:center}.brake-demo .timeline svg{width:100%;height:48px}.brake-demo .timeline svg text{font-family:inherit}.brake-demo .timeline-note{font-size:12px;color:var(--muted);margin:0!important;padding:0 24px 16px}.brake-demo .settings{padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;background:#f8fbfa;border-top:1px solid var(--line)}.brake-demo .settings fieldset{border:0;margin:0;padding:0;min-width:0}.brake-demo .settings legend{font-size:14px;font-weight:700;margin-bottom:12px}.brake-demo .control-label{display:flex;justify-content:space-between;gap:8px;font-size:13px}.brake-demo .control-label output{font-variant-numeric:tabular-nums}.brake-demo .settings input[type=range]{width:100%;margin:6px 0 12px;min-height:25px}.brake-demo .wheel-setting{grid-column:1/-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px}.brake-demo .wheel-setting p{font-size:12px;color:var(--muted);margin:0;flex:1;min-width:200px}.brake-demo .demo-bottom{padding:16px 24px;font-size:13px}.brake-demo .demo-bottom p{margin:0 0 10px}.brake-demo .demo-bottom details{color:var(--muted)}.brake-demo .demo-bottom details p{margin-top:10px}.brake-demo .demo-bottom code{white-space:normal}.brake-demo #contact-summary{font-size:14px}
@media(max-width:640px){.brake-post .lead{font-size:17px}.brake-post h2{font-size:22px;margin-top:36px}.brake-demo .demo-title{padding:18px 16px 0}.brake-demo .toolbar{padding:0 16px 14px;gap:8px}.brake-demo .view-tabs{margin-left:0;width:100%}.brake-demo #brake-svg,.brake-demo #brake-3d{height:240px}.brake-demo .stage-caption{padding:6px 16px}.brake-demo .readings{padding:12px 16px;gap:8px 20px;font-size:13px}.brake-demo .transport{padding:16px 16px 0}.brake-demo button{padding:7px 10px;font-size:13px}.brake-demo .progress{padding:12px 16px}.brake-demo .timeline{padding-left:16px;padding-right:16px}.brake-demo .timeline-note{padding-left:16px;padding-right:16px}.brake-demo .settings{padding:18px 16px;gap:16px;grid-template-columns:1fr}.brake-demo .demo-bottom{padding:16px}.brake-post .resource{padding:16px}.brake-post .part-links{gap:10px}.brake-post .part-link{padding:12px;font-size:14px}.brake-post .part-link img{height:100px}.brake-post th,.brake-post td{font-size:13px;padding:10px 6px}.brake-post .answer{padding:16px}.brake-post .measure text{font-family:inherit}}

.brake-post .measure{max-width:530px;margin:auto}@media(max-width:640px){.brake-demo #brake-svg{height:200px}.brake-demo #brake-svg text{font-size:7px}}