@import url('/part-3/style.css');
.layout{grid-template-columns:minmax(0,1fr) 390px;gap:28px}.chapter-caption{color:#b7c9be;font-size:16px;margin:0 0 22px}.accounting{background:#0e1712;border:1px solid #2b4032;border-radius:18px;padding:22px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#8ba898;margin:0 0 12px}.accounting h2{font-size:26px;margin-bottom:8px}.accounting svg{display:block;width:100%;height:auto}.formula{background:#192b20;border-radius:12px;padding:13px 12px;font-size:18px;font-variant-numeric:tabular-nums;min-height:72px}.formula small{display:block;font-size:11px;color:#a6bbae;margin-top:4px}.numeric-controls{margin-top:22px}.wear-options{display:flex;gap:8px}.wear-options button{flex:1;font-size:13px;padding:7px}.numeric-controls label{display:flex;justify-content:space-between;color:#abc1b2;font-size:12px;margin:18px 0 6px}#kerf{width:100%;accent-color:#b6d9c4}.small-note{color:#839c8c;font-size:11px}.accounting details{border-top:1px solid #293e30;padding-top:12px;font-size:12px;color:#b1c5b8}.accounting summary{cursor:pointer;color:#e0eae3}.accounting details p{margin:12px 0}.restoration-bar button{font-size:14px}.views button{font-size:12px;padding:8px 12px}#viewer{height:610px}.accounting svg text{font-family:system-ui,sans-serif} @media(max-width:950px){.layout{grid-template-columns:minmax(0,1fr) 330px;gap:18px}.accounting{padding:17px}#viewer{height:550px}}@media(max-width:700px){.layout{grid-template-columns:1fr}#viewer{height:420px}.restoration-bar{gap:6px}.restoration-bar button{font-size:12px}.accounting{padding:22px}}

.surface-inspection{margin-top:14px;padding:15px;border:1px solid #2b4032;border-radius:12px;background:#0e1712}.surface-inspection>span{font-size:12px;color:#b7c9be}.surface-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.surface-buttons button{font-size:12px;padding:8px;border-radius:9px}.zoom-controls{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.zoom-controls button{font-size:12px;padding:7px 10px}.zoom-controls span,.surface-inspection p{font-size:10px;color:#8da294}.surface-inspection p{margin-bottom:0}

.layout{align-items:start}#viewer{scroll-margin-top:12px}

.measurement-controls{border:1px solid #36503e;border-radius:12px;padding:13px;margin-top:14px;background:#101b14}.cut-buttons{display:flex;gap:8px;margin-bottom:12px}.cut-buttons button{flex:1;font-size:12px;padding:9px;border-radius:9px}.measurement-controls label{display:block;font-size:12px;color:#c4d8ca;margin-top:8px}.measurement-controls input{accent-color:#9bd3b9}.measurement-controls i{display:inline-block;width:10px;height:10px;border-radius:2px;margin:0 5px}.orange-key{background:#ffad54}.green-key{background:#66ddbd}.measurement-controls p{font-size:10px;color:#8da294;margin-bottom:0}

.accounting h2{font-size:25px;line-height:1.2}.accounting-intro{font-size:14px;line-height:1.5;color:#b1c5b8;margin:10px 0 20px}.thickness-card{border:1px solid #34493b;border-radius:12px;padding:17px;margin:14px 0;background:#121e17}.thickness-card.selected-cut{border-color:#c99655}.thickness-card h3{font-size:18px;margin:0 0 15px}.thickness-card label{display:block;font-size:12px;color:#c0d0c5;margin-bottom:8px}.thickness-input{display:flex;align-items:center;gap:10px}.thickness-input input{min-width:0;width:100%;box-sizing:border-box;padding:12px;background:#08100b;color:#f2f5ef;border:1px solid #526a59;border-radius:8px;font:inherit;font-size:18px}.thickness-input input:focus-visible{outline:2px solid #88dfc2;outline-offset:2px}.thickness-input input::placeholder{font-size:13px;color:#91a599}.thickness-input span{color:#aabfb1;font-size:14px}.cut-result{margin-top:17px;padding-top:14px;border-top:1px solid #2c4033}.cut-result>span{display:block;color:#e3ba82;font-size:12px}.cut-result output{display:block;font-size:38px;font-weight:600;color:#fff0d8;line-height:1.4;font-variant-numeric:tabular-nums}.cut-result output small{font-size:18px;font-weight:400}.cut-result p{font-size:12px;color:#a8c3b1;margin:4px 0 0}.assumption{font-size:12px;line-height:1.6;color:#a4bbad}.input-error{font-size:12px;color:#ffbfaa;margin-bottom:0}.accounting details{line-height:1.6}
