svg text{fill:#242c2a;font-family:Atkinson,sans-serif;font-size:16px}svg .plate-label{letter-spacing:.06em;fill:#535a51;font-size:11px}svg .piece{stroke:#34433d;stroke-width:1.2px;stroke-linejoin:round}svg .core{fill:#d7bd7b}svg .wedges{fill:#8ab4bf}svg .corners{fill:#c98573}svg .faded{opacity:.14}svg .cut-plane{fill:#f7f5ef;fill-opacity:.15;stroke:#242c2a;stroke-width:2px;stroke-dasharray:6 4}svg .solid-dimension{fill:none;stroke:#242c2a;stroke-width:3px}svg .scale-bar{fill:none;stroke:#242c2a;stroke-width:1.5px}svg .section-shape{fill:#e6e9df;stroke:#34433d;stroke-width:1.5px}svg .section-axis{stroke:#777e70;stroke-dasharray:4 5}svg .section-cut{stroke:#9b3d2f;stroke-width:3px}svg .area-lower{fill:#e6e9df;stroke:#34433d}svg .area-product{fill:#8ab4bf;stroke:#34433d}svg .area-upper{fill:#d7bd7b;stroke:#34433d}svg .plus{font-size:30px}svg .number-sign{stroke:#242c2a;fill:none;stroke-width:2px;stroke-linecap:round}.f-main{overflow-wrap:anywhere}.f-main section{padding-bottom:64px}.f-main .f-intro{grid-template-columns:1.2fr 1fr;gap:70px;padding:55px 0 46px;display:grid}.f-intro h1{font-size:clamp(42px,5vw,72px)}.f-intro-copy{max-width:440px;padding-top:29px;font-size:19px}.f-intro-copy .caption{margin-top:20px;font-size:14px}.f-main .section-heading{align-items:baseline}.f-main .section-heading a,.f-main .section-heading>p:last-child:not(.eyebrow){font-size:13px}.f-lab-heading{grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;margin-bottom:28px;display:grid}.f-lab-heading>p{max-width:440px}.f-dimensions{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:18px;margin-bottom:10px;display:grid}.f-dimensions label{margin-bottom:5px;font-size:14px;display:block}.f-dimensions input{background:#fcfaf4;width:100%}.f-dimensions button{background:var(--ink);color:var(--paper)}.f-main .f-message:empty,.f-error:empty{display:none}.f-message,.f-error{color:var(--red);padding:10px 0}.f-presets{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:0;margin:22px 0;display:flex}.f-presets button{border:none;border-right:1px solid var(--line);padding:10px 16px;font-size:14px}.f-presets button:first-child{padding-left:0}.f-lab{border:1px solid var(--line);background:#fcfaf4;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);display:grid}.f-plate{flex-direction:column;min-width:0;display:flex}#solid-drawing{background:#efeee5;flex:1;place-items:center;display:grid}.f-main svg{width:100%;height:auto;display:block}.f-plate-note{background:#efeee5;min-height:56px;padding:0 24px 12px}.f-control-column{border-left:1px solid var(--line);padding:26px}.f-main input[type=range]{width:100%;accent-color:var(--red);background:0 0;border:none;margin:4px 0 9px;padding:0;display:block}.f-spread label,.f-view-controls label{justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.f-spread label{font-size:18px;font-weight:600}.f-main output{white-space:nowrap;font-size:14px;font-weight:400}.f-spread-buttons{gap:10px;display:flex}.f-spread-buttons button{flex:1}.f-part-prompt{margin:24px 0 8px}.f-part-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.f-part-buttons button{text-align:left;padding:9px;font-size:14px}.f-swatch{border:1px solid #34433d;width:11px;height:11px;margin-right:7px;display:inline-block}.f-swatch.core{background:#d7bd7b}.f-swatch.wedges{background:#8ab4bf}.f-swatch.corners{background:#c98573}.f-view-controls{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:26px;padding:12px 24px;display:grid}.f-main table{border-collapse:collapse;table-layout:fixed;overflow-wrap:anywhere;width:100%;font-size:14px;line-height:1.4}.f-main th,.f-main td{text-align:left;border-bottom:1px solid var(--line);padding:12px 6px}.f-main td{text-align:right}.volume-table caption{text-align:left;color:var(--muted);margin:22px 0 5px;font-size:13px}.volume-table th{font-weight:500}.volume-table thead th:first-child{width:36%}.volume-table thead th:nth-child(2){width:23%}.volume-table thead th:nth-child(3){width:15%}.volume-table thead th:nth-child(4){width:26%}.volume-table tfoot{font-size:20px;font-weight:600}.volume-table tfoot th,.volume-table tfoot td{border-bottom:none}.f-sum{color:var(--red);border-top:1px solid var(--red);padding-top:14px;font-family:Noto,Georgia,serif;font-size:20px}.f-cut-explanation{grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;padding:38px 0 25px;display:grid}.f-cut-explanation h3{margin-bottom:16px}#section-drawing{justify-self:center;width:100%;max-width:360px}.f-estimates{margin:22px 0 16px}.f-estimates caption{text-align:left;margin-bottom:5px;font-size:12px}.f-estimates th{width:50%;font-weight:500}.f-proof,.f-generalization{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.f-main summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:18px}.f-proof>p,.f-proof>ol,.f-generalization>p{max-width:860px;margin-top:20px}.f-proof .formula{color:var(--red);font-family:Noto,Georgia,serif;font-size:22px}.proof-list li{padding:7px 0}.f-reading{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.f-reading>div:first-child{padding-top:75px}.f-reading-panel{border-left:1px solid var(--line);padding-left:30px}.f-step-buttons{gap:8px;margin-bottom:28px;display:flex}.f-step-buttons button{min-width:44px;padding:9px 13px}.f-reading blockquote{margin:18px 0;font:22px/1.5 Noto,Georgia,serif}.f-operation{color:var(--red);margin:15px 0;font-size:29px}.f-reading-actions{flex-wrap:wrap;gap:8px;margin:25px 0;display:flex}.f-reading-actions button{font-size:14px}.f-generalization{margin-top:32px}.f-generalization button{margin-top:20px}.f-number-reading{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;padding-top:36px;display:grid}.f-number-reading h3{margin-bottom:15px}.f-number-reading button{margin-top:18px}.f-source-intro{max-width:900px;margin:24px 0}.f-source-buttons{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.f-source-buttons button{font-size:14px}.f-source-figure{margin:20px 0 14px}#source-window{border:1px solid var(--line);background:#e5e6dc;max-width:100%;height:680px;overflow:auto}#source-window img{width:min(100%,850px);height:auto;margin:auto;display:block}#source-window.enlarged img{width:1500px;max-width:none;margin:0}#source-caption{margin-top:9px;font-size:13px}.f-source-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;font-size:14px;display:flex}.f-main #keep>p{max-width:850px;margin-top:20px}.f-downloads{flex-wrap:wrap;gap:10px;margin:28px 0 20px;display:flex}.f-downloads button:first-child{background:var(--ink);color:var(--paper)}.f-reopen{flex-wrap:wrap;align-items:center;gap:15px;font-size:14px;display:flex}.f-reopen input{background:0 0;min-width:0;font-size:14px}#share-link{width:100%;margin-top:10px}.f-limits{border-top:1px solid var(--line);padding-top:40px}.f-limits p{max-width:850px;margin-top:25px}.f-limits>a{margin-top:25px;display:inline-block}@media (width>=1600px){.f-main{max-width:1440px}}@media (width<=1000px){.f-main .f-intro,.f-lab-heading{gap:35px}.f-control-column{padding:18px}.f-lab{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.f-dimensions{grid-template-columns:repeat(3,minmax(0,1fr))}.f-dimensions button{grid-column:1/-1;justify-self:start}.f-cut-explanation{gap:25px}}@media (width<=700px){.f-main .f-intro,.f-lab-heading,.f-lab,.f-cut-explanation,.f-reading,.f-number-reading{grid-template-columns:1fr;gap:25px}.f-main .f-intro{gap:5px;padding-top:36px;padding-bottom:35px}.f-intro-copy{padding-top:20px;font-size:17px}.f-lab-heading h2{font-size:29px}.f-main .section-heading{flex-direction:column;gap:8px}.f-dimensions{gap:8px}.f-dimensions label{min-height:35px;font-size:12px}.f-dimensions input{padding:9px}.f-presets{grid-template-columns:1fr 1fr;display:grid}.f-presets button{text-align:left;border-bottom:1px solid var(--line);padding:10px;font-size:12px}.f-presets button:first-child{padding-left:10px}.f-lab{gap:0}.f-control-column{border-left:none;border-top:1px solid var(--line);padding:20px 16px}.f-plate-note{min-height:0;padding:0 15px 15px}.f-view-controls{gap:16px;padding:12px 15px}.f-view-controls label{flex-wrap:wrap;gap:8px;font-size:12px}.f-cut-explanation{padding-top:20px}#section-drawing{max-width:300px}.f-main table{font-size:13px}.f-reading>div:first-child{padding-top:0}.f-reading-panel{border-left:none;padding-left:0}.f-step-buttons{gap:6px}.f-step-buttons button{min-width:42px;padding:8px}.f-reading blockquote{font-size:20px}.f-number-reading{gap:25px}.f-main section{padding-bottom:42px}#source-window{height:470px}.f-downloads{flex-direction:column}.f-reopen input{width:100%}}
