.steiner-page{max-width:800px;margin:0 auto}.steiner-page header .eyebrow{margin-top:0}.steiner-page h1{font:32px/1.2 Georgia,'Times New Roman',serif}.steiner-rule{display:block;width:44px;height:1px;background:var(--control-border);margin:22px 0}.steiner-page .lead{font-size:14px}.steiner-tools{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:12px 0 18px}.steiner-tools button,.steiner-button,.steiner-landmarks button{border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--navy);font-size:13px;padding:10px 13px;min-height:42px;cursor:pointer}.steiner-tools button:hover,.steiner-button:hover,.steiner-landmarks button:hover{border-color:var(--navy);background:var(--surface)}.steiner-button{position:relative;display:inline-flex;align-items:center;overflow:hidden}.steiner-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.steiner-button:focus-within{outline:2px solid var(--navy);outline-offset:2px}.steiner-ruler{font-size:12px;color:var(--muted);display:flex;gap:7px;align-items:center}.steiner-ruler input{width:70px;padding:8px;border:1px solid var(--line);border-radius:3px}.steiner-status{font-size:13px;color:var(--muted);min-height:40px}.steiner-tools output{font-size:12px;min-width:42px;text-align:center}.steiner-viewport{overflow:auto;max-height:780px;background:#161e2b;border:1px solid var(--line)}#steiner-canvas{display:block;width:100%;height:auto;max-width:none;touch-action:none;cursor:crosshair}#steiner-canvas [data-point]{cursor:grab}#steiner-canvas [data-point]:focus circle{stroke:var(--teal);stroke-width:3}.steiner-landmarks{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.steiner-landmarks button{font-size:12px;padding:8px 11px;min-height:40px}.steiner-landmarks .placed{box-shadow:inset 0 -3px var(--teal)}.steiner-landmarks [aria-pressed=true]{background:var(--navy);color:var(--white)}.steiner-page h2{font-size:12px;text-transform:uppercase;letter-spacing:2px;font-weight:500;margin:28px 0 16px}.steiner-table-wrap{overflow:auto}.steiner-page table{min-width:420px}.steiner-page caption{text-align:left;font-size:12px;color:var(--muted);padding-bottom:10px}.steiner-page thead th{font-weight:400;letter-spacing:1.5px;font-size:11px;text-transform:uppercase}.steiner-page tbody th{font-weight:400;background:var(--white);width:58%}.steiner-page td{font-variant-numeric:tabular-nums;white-space:nowrap}.steiner-page td:last-child{color:var(--muted)}.steiner-page small{display:block;font-size:10px;color:var(--muted)}.steiner-page .outside{color:#b33636;font-weight:600}.steiner-note{font-size:12px;color:var(--muted);line-height:1.8}#steiner-pattern{font-size:14px;margin-top:24px}@media(max-width:600px){.steiner-page h1{font-size:28px}.steiner-viewport{max-height:70vh}.steiner-tools{gap:7px}.steiner-ruler{flex-basis:100%}}

.steiner-page .steiner-intro-title{font:clamp(26px,3.8vw,36px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:0;text-transform:none;margin:0}

.steiner-workspace{margin-top:28px;padding:clamp(20px,3vw,32px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.steiner-workspace-heading .eyebrow{margin:0 0 14px}
.steiner-workspace-heading .steiner-rule{width:46px;margin:25px 0}
.steiner-workspace-heading .lead{font-size:16px;margin:0 0 28px}

#tweed-canvas{display:block;width:100%;height:auto;max-width:none;touch-action:none;cursor:crosshair}#tweed-canvas [data-point]{cursor:grab}#tweed-canvas [data-point]:focus circle{stroke:var(--teal);stroke-width:3}