@import url('../cobb-angle/symptoms.css');
.tw-example{--ex-ink:#263e4a;--ex-muted:#526a77;--ex-rule:#d3dfe3;--ex-accent:#1e40af;--ex-wash:#eef4f6;--ex-bone:#e2ecef;--ex-disc:#779eae;color:var(--ex-ink);font-family:inherit;container-type:inline-size}
.tw-example *{box-sizing:border-box}
.tw-example button,.tw-example input{font:inherit}
.tw-example button{min-height:44px;cursor:pointer;touch-action:manipulation}
.tw-example button:focus-visible,.tw-example input:focus-visible,.tw-example [tabindex]:focus-visible{outline:3px solid var(--ex-accent);outline-offset:3px}
.tw-example-layout{display:grid;grid-template-columns:minmax(220px,.92fr) minmax(250px,1.08fr);gap:30px;align-items:center}
.tw-model-sheet{min-width:0;position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.tw-model-caption{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px;font-weight:600;letter-spacing:.04em;color:var(--ex-muted);padding-bottom:10px;border-bottom:1px solid var(--ex-rule)}
.tw-fusion-model{display:block;width:100%;height:330px;overflow:visible}
.tw-cobb-model{display:block;width:100%;height:345px;overflow:visible}
.tw-model-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 13px;min-height:28px;font-size:10px;color:var(--ex-muted)}
.tw-model-legend span{display:inline-flex;align-items:center;gap:5px}
.tw-model-legend [hidden]{display:none}
.tw-model-legend i{width:7px;height:7px;border-radius:50%;display:inline-block;flex:0 0 auto}
.tw-dot-bone{background:#c3d3da;border:1px solid #8ca4b0}.tw-dot-disc{background:var(--ex-disc)}.tw-dot-hardware{background:#8496aa}.tw-dot-graft{background:var(--ex-accent)}
.tw-example-notes{min-width:0}
.tw-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 25px}
.tw-stage-tabs button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--ex-muted);font-size:11px;padding:8px 4px;display:flex;flex-direction:column;align-items:center;gap:6px;line-height:1.2}
.tw-stage-tabs button>span{display:flex;align-items:center;justify-content:center;width:21px;height:21px;border:1px solid var(--ex-rule);border-radius:50%;font-size:10px}
.tw-stage-tabs button[aria-pressed=true]{background:var(--ex-wash);border-color:var(--ex-rule);color:var(--ex-ink)}
.tw-stage-tabs button[aria-pressed=true]>span{background:var(--ex-accent);border-color:var(--ex-accent);color:#fff}
.tw-example-kicker{font-size:10px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:var(--ex-muted);margin:0 0 12px;display:block}
.tw-stage-reading{min-height:215px}
.tw-stage-title{font-family:inherit;font-size:25px;font-weight:500;letter-spacing:-.05em;line-height:1.13;margin:0 0 13px;color:var(--ex-ink)}
.tw-stage-text{font-size:13px;line-height:1.6;margin:0 0 18px;color:var(--ex-ink)}
.tw-stage-insight{font-size:12px;line-height:1.55;color:var(--ex-muted);margin:0;padding:0 0 0 13px;border-left:2px solid var(--ex-accent)}
.tw-stage-navigation{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px}
.tw-stage-navigation button{display:flex;align-items:center;justify-content:center;gap:12px;border-radius:25px;background:transparent;border:1px solid var(--ex-rule);color:var(--ex-ink);padding:0 16px;font-size:12px;font-weight:600}
.tw-stage-navigation button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.tw-stage-navigation .tw-stage-back{width:44px;padding:0}
.tw-stage-navigation button:disabled{opacity:.35;cursor:default}
.tw-stage-navigation .tw-stage-next{border-color:var(--ex-ink);background:var(--ex-ink);color:#fff}
.tw-fusion-layer{opacity:0;pointer-events:none}
.tw-fusion-layer.is-visible{opacity:1}
.tw-cobb-result{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:0 13px;margin-bottom:12px}
.tw-cobb-result .tw-example-kicker{grid-column:1/-1;margin-bottom:3px}
.tw-cobb-number{font-size:62px;line-height:1;letter-spacing:-.07em;font-weight:450;font-variant-numeric:tabular-nums}
.tw-cobb-number>span{font-size:32px;vertical-align:top;line-height:1.2;padding-left:4px}
.tw-cobb-pattern{font-size:11px;line-height:1.5;max-width:17ch;padding-bottom:3px;color:var(--ex-muted)}
.tw-cobb-description{font-size:12px;line-height:1.55;color:var(--ex-ink);margin:0 0 14px}
.tw-cobb-symptoms{margin-top:30px;padding-top:26px;border-top:1px solid var(--ex-rule)}
.tw-curve-presets{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 13px}
.tw-curve-presets button{font-size:11px;line-height:1.2;padding:5px 12px;background:transparent;border:1px solid var(--ex-rule);border-radius:25px;color:var(--ex-ink)}
.tw-curve-presets button[aria-pressed=true]{background:var(--ex-ink);border-color:var(--ex-ink);color:#fff}
.tw-curve-control{display:block;font-size:11px;color:var(--ex-ink);margin:2px 0}
.tw-curve-control>span{display:flex;justify-content:space-between;gap:8px;align-items:center}
.tw-curve-control output{font-size:10px;color:var(--ex-muted);font-variant-numeric:tabular-nums}
.tw-curve-control input{width:100%;display:block;min-height:44px;margin:0;accent-color:var(--ex-accent);cursor:ew-resize;touch-action:pan-y}
.tw-model-limit{font-size:10px;line-height:1.55;margin:10px 0 0;padding-top:11px;border-top:1px solid var(--ex-rule);color:var(--ex-muted)}
.tw-spine-guide{fill:none;stroke:var(--ex-rule);stroke-width:1;stroke-dasharray:3 5}
.tw-cobb-bone{fill:var(--ex-bone);stroke:#799aa9;stroke-width:1.5}
.tw-cobb-process{stroke:#799aa9;stroke-width:2.4;stroke-linecap:round}
.tw-cobb-center{fill:#4f7384}
.tw-endplate{stroke:var(--ex-accent);stroke-width:1.5;stroke-dasharray:4 3}
.tw-grip-hit{fill:transparent;stroke:transparent;stroke-width:1.5;cursor:ew-resize;touch-action:none}
.tw-grip-hit:hover,.tw-grip-hit:focus,.tw-grip-hit.is-dragging{fill:#1e40af18;stroke:var(--ex-accent)}
.tw-grip-marker{fill:var(--ex-accent);stroke:#fff;stroke-width:2}
@media(prefers-reduced-motion:no-preference){.tw-fusion-layer{transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.tw-layer-screws{transform:translateX(22px)}.tw-layer-rod{transform:translateY(-20px)}.tw-fusion-layer.is-visible{transform:translate(0,0)}.tw-stage-tabs button,.tw-curve-presets button,.tw-stage-navigation button{transition:background .2s,border-color .2s,color .2s}}
@container(max-width:560px){.tw-example-layout{grid-template-columns:1fr;gap:22px}.tw-model-sheet{max-width:360px;width:100%;margin:0 auto}.tw-fusion-model{height:280px}.tw-cobb-model{height:300px}.tw-stage-tabs{margin-bottom:20px}.tw-stage-reading{min-height:175px}.tw-stage-title{font-size:25px}.tw-stage-text{font-size:14px}.tw-stage-insight{font-size:13px}.tw-cobb-result{grid-template-columns:auto 1fr}.tw-cobb-pattern{max-width:none}.tw-example-notes{max-width:420px;width:100%;margin:0 auto}.tw-curve-control{font-size:12px}.tw-model-caption,.tw-model-legend,.tw-model-limit{font-size:11px}.tw-curve-presets button{font-size:12px}.tw-cobb-description{font-size:13px}}

.tw-cobb-layout{align-items:start}.tw-cobb-layout .tw-model-sheet{align-self:start;position:sticky;top:20px}.tw-cobb-symptoms{margin-top:20px;padding-top:20px}

@container(max-width:560px){.tw-cobb-layout .tw-model-sheet{position:static}}

/* Clip the paper edge without trapping the model in a non-scrolling container. */
.paper:has(.tw-cobb-layout){overflow:clip}