@import url('/part-15/style.css');
main{max-width:1400px}h1{font-size:clamp(30px,4vw,46px);margin:25px 0 8px}.intro{color:#a9c7b8;margin:0 0 20px}.steps{display:flex;gap:10px;margin-bottom:18px}.steps button{flex:1}.steps [aria-current=step],.comparison [aria-pressed=true]{background:#294638;border-color:#a4d4b9;color:#fff}.case-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.model-panel{min-width:0}.model-wrap{position:relative;border:1px solid #35483d;border-radius:18px;overflow:hidden;background:#000}.model-wrap iframe{display:block;width:100%;height:540px;border:0}.angle{position:absolute;top:20px;right:22px;pointer-events:none;display:flex;flex-direction:column;text-align:right}.angle output{font-size:42px;color:#f6f5ee;font-variant-numeric:tabular-nums}.angle span{font-size:12px;color:#b9cbbf}#model-label{position:absolute;left:18px;top:20px;background:#101d17d9;border-radius:30px;padding:9px 14px;font-size:13px;pointer-events:none}#loading{position:absolute;inset:45% 0 auto;text-align:center;background:#101d17;padding:14px}.eyebrow{font-size:11px;letter-spacing:2px;color:#a8cdb8;margin:0 0 12px}aside h2{font-size:25px;line-height:1.2;margin:0 0 12px}aside p{font-size:14px;line-height:1.6;color:#b9c9bf}.range{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.range>div{display:flex;flex-direction:column;gap:8px;background:#111d16;border-radius:12px;padding:15px}.range span{font-size:13px}.range strong{font-size:29px;color:#f0b768;font-variant-numeric:tabular-nums}.range small{font-size:11px;color:#9fb4a6}.small{font-size:12px!important;color:#a4b8ab!important}#adjust-panel{margin:24px 0}#adjust-panel label{display:flex;justify-content:space-between;gap:8px;font-size:14px}#adjust-panel output{color:#edb76f}#resection{width:100%;accent-color:#a0cfb7;margin:22px 0 8px}.scale{display:flex;justify-content:space-between;font-size:12px;color:#a4b8ab}#result{border-left:2px solid #e5b575;padding:12px 15px;background:#131c15;margin:20px 0}#result[data-restored=true]{border-color:#9eddb7}#result strong{font-size:15px}#result p{margin:7px 0 0;font-size:12px}.primary{background:#d4e7d9;color:#102319;width:100%;margin:0 0 10px}#restart{width:100%;font-size:13px}.comparison{display:flex;flex-direction:column;gap:8px;margin-top:20px}.comparison button{font-size:13px;padding:10px}.toggle{display:flex;gap:10px;align-items:center;margin-top:18px;font-size:14px}.toggle input{accent-color:#9fcab0}.ligament{display:flex;flex-direction:column;gap:10px;margin-top:15px}.ligament span{display:flex;justify-content:space-between;font-size:14px}.about{margin-top:25px}.about p{font-size:13px;color:#a8bbaf;max-width:900px;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #edbd77;outline-offset:4px}fieldset{margin:0}.playback input{min-width:0}.views{flex-wrap:wrap}.views button{font-size:13px;padding:10px 14px}@media(max-width:850px){.case-layout{grid-template-columns:minmax(0,1fr)}.model-wrap iframe{height:420px}.steps button{padding:12px 8px;font-size:13px}.range{margin-top:15px}aside{padding-bottom:10px}.angle output{font-size:33px}#model-label{font-size:11px;max-width:60%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

.setting{margin:20px 0}.setting label{flex-direction:column;gap:10px}.primary{margin-top:25px}aside details p{font-size:12px}aside details a{color:#a7dfc5}

.height-zones{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;font-size:11px;margin:0 0 12px}.height-zones>span{border-top:4px solid #c19668;padding-top:8px}.height-zones>span:nth-child(2){border-color:#9acbb0}.height-zones small{font-size:10px;margin-top:4px}.height-zones+small{line-height:1.6}

.height-zones{grid-template-columns:1fr 1fr 1fr;position:relative}.height-zones>span{border-top:1px solid #53645a}.height-zones>span:nth-child(2){border-color:#53645a}.height-zones:before{content:"";position:absolute;left:50%;top:-4px;height:9px;width:2px;background:#a8d5ba}

.toggle[hidden]{display:none!important}