.miter-tool{margin-bottom:48px}.miter-tool [hidden]{display:none!important}.miter-workbench{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.miter-inputs,.miter-setup{border:1px solid var(--line);border-radius:12px;min-width:0;padding:24px}.miter-inputs{background:var(--surface-soft)}.miter-tool label,.miter-tool legend{margin-bottom:6px;font-weight:700;display:block}.miter-tool fieldset{border:0;border-top:1px solid var(--line);min-width:0;margin:18px 0 0;padding:18px 0 0}.miter-tool legend{color:var(--muted);padding:0 8px 0 0;font-size:.85rem}.miter-tool input,.miter-tool select,.miter-tool textarea{border:1px solid var(--line-strong);width:100%;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:6px;padding:10px 12px}.miter-tool select{margin-bottom:12px}.miter-tool input+div{margin-top:14px}.miter-help{color:var(--muted);margin:8px 0 14px;font-size:.88rem}.miter-options{align-items:center;gap:12px;margin-block:16px;display:flex}.miter-options label{margin:0}.miter-options select{width:80px;margin:0}.miter-actions{flex-wrap:wrap;gap:10px;margin-block:14px;display:flex}.miter-button{border:1px solid var(--line-strong);min-height:44px;font:inherit;cursor:pointer;background:#fff;border-radius:6px;padding:9px 14px;font-weight:650}.miter-button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.miter-button:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.miter-button:disabled{opacity:.5;cursor:not-allowed}.miter-tool :is(button,input,select,textarea,summary):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.miter-examples summary,.miter-geometric summary{cursor:pointer;font-weight:650}.miter-summary{color:var(--muted)}.miter-status{color:var(--success);min-height:1.5em;margin-bottom:16px;font-size:.9rem}.miter-status[data-error=true]{color:var(--danger)}.miter-settings{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:16px 0 20px;display:grid}.miter-settings>div{background:#f0f7ff;border:1px solid #bbd5ef;border-radius:8px;padding:16px}.miter-settings span,.miter-settings small{display:block}.miter-settings span{font-size:.9rem;font-weight:650}.miter-settings output{font-variant-numeric:tabular-nums;font-size:clamp(1.7rem,3vw,2.35rem);font-weight:780;line-height:1.4;display:block}.miter-settings small{color:var(--muted);font-size:.76rem}.miter-convention{font-size:.95rem}.miter-setup h3{margin-top:24px}.miter-warning{color:#724800;background:#fff3db;border-left:3px solid #b77700;padding:12px;font-size:.9rem}.miter-table-scroll{overflow-x:auto}.miter-tool table,.miter-guide table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.miter-tool th,.miter-tool td,.miter-guide th,.miter-guide td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.miter-tool thead,.miter-guide thead{background:var(--surface-soft)}.miter-geometric{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.miter-geometric dl{margin-top:14px;font-size:.9rem}.miter-geometric dl>div{margin-block:12px}.miter-geometric dt{color:var(--muted)}.miter-geometric dd{font-variant-numeric:tabular-nums;margin:0}.miter-safety{border-top:1px solid var(--line);color:var(--muted);margin:20px 0 0;padding-top:16px;font-size:.85rem}.miter-diagram{border:1px solid var(--line);border-radius:12px;margin-top:28px;padding:24px}.miter-diagram h2{font-size:1.3rem}.miter-diagram-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.miter-diagram figure{min-width:0;margin:0}.miter-diagram svg{background:var(--surface-soft);border-radius:8px;width:100%;display:block}.miter-diagram figcaption{color:var(--muted);margin-top:10px;font-size:.83rem}.miter-guide>section,.miter-guide .content-grid{margin-bottom:40px}.miter-formulas{background:var(--surface-soft);border-radius:8px;gap:8px;margin-bottom:16px;padding:16px;display:grid;overflow-x:auto}@media (width<=800px){.miter-workbench,.miter-diagram-grid{grid-template-columns:1fr}.miter-diagram svg{max-width:400px;margin-inline:auto}}@media (width<=450px){.miter-inputs,.miter-setup,.miter-diagram{padding:18px}.miter-settings{grid-template-columns:1fr 1fr}}@media print{@page{margin:15mm}body:has([data-miter-tool]) :is(.site-header,.site-footer,.skip-link),body:has([data-miter-tool]) main>:not([data-miter-tool]){display:none}.miter-tool{width:100%;margin:0}.miter-workbench{display:block}.miter-tool :is(.miter-inputs,.miter-diagram,.miter-status,[data-output-actions],[data-copy-fallback]){display:none}.miter-setup{border:none;padding:0;font-size:10pt;line-height:1.4}.miter-setup h2{margin-bottom:10px;font-size:18pt}.miter-setup h3{margin-top:16px;font-size:12pt}.miter-settings{grid-template-columns:repeat(3,1fr)}.miter-settings>div{background:#fff;padding:10px}.miter-settings output{font-size:24pt}.miter-setup :is(.miter-help,.miter-safety){font-size:8pt}.miter-setup table,.miter-settings,.miter-safety{break-inside:avoid}.miter-geometric{font-size:10pt}.miter-geometric dl{flex-wrap:wrap;gap:20px;display:flex}}