.ballast-explorer{border:1px solid var(--rule);background:#fffdf7db;border-radius:.8rem;width:min(62rem,100vw - 2rem);margin:3.5rem 50% 4rem;padding:clamp(1.25rem,3vw,2.25rem);font-family:system-ui,sans-serif;font-size:1rem;line-height:1.55;transform:translate(-50%);box-shadow:0 1.25rem 3.5rem #18333d14}.ballast-explorer [hidden]{display:none}.ballast-explorer__eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:750}.ballast-explorer h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.85rem,1.5rem + 1.2vw,2.75rem);font-weight:600;line-height:1.08}.ballast-explorer h2:before{display:none}.ballast-explorer__introduction{max-width:64ch;color:var(--muted);margin:.8rem 0 1.5rem}.ballast-check{border:0;margin:0;padding:0}.ballast-check legend{margin-bottom:.8rem;font-weight:750}.ballast-check label{background:var(--paper-raised);cursor:pointer;border:1px solid #c7d2d1;border-radius:.45rem;grid-template-columns:auto 1fr;gap:.75rem;max-width:54rem;margin-block:.5rem;padding:.75rem .85rem;display:grid}.ballast-check label:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.ballast-check input{width:1.15rem;height:1.15rem;accent-color:var(--accent);margin:.2rem 0 0}.ballast-check button{border:2px solid var(--ink);background:var(--ink);color:var(--paper-raised);font:inherit;cursor:pointer;border-radius:.4rem;margin-top:.8rem;padding:.7rem 1rem;font-weight:750}.ballast-check button:hover{background:#294b57}.ballast-check__feedback{max-width:64ch;min-height:1.55rem;margin:.85rem 0 0;font-weight:650}.ballast-check__feedback[data-result=incorrect]:before{content:"Consider the force lines. "}.ballast-model{border-top:1px solid var(--rule);grid-template-columns:minmax(13rem,.7fr) minmax(20rem,1.3fr);gap:1.5rem 2rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.ballast-model__controls label{margin-bottom:.65rem;font-weight:750;display:block}.ballast-model__controls input[type=range]{width:100%;min-height:2.75rem;accent-color:var(--accent);cursor:ew-resize;margin:0}.ballast-model__scale{color:var(--muted);justify-content:space-between;margin-top:-.3rem;font-size:.72rem;display:flex}.ballast-model__readout{border-left:.25rem solid var(--accent);background:var(--paper);margin:1.25rem 0 0;padding:.85rem}.ballast-model__readout span,.ballast-model__readout output{display:block}.ballast-model__readout span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.ballast-model__readout output{margin-top:.15rem;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:700}.ballast-model__visual svg{border:1px solid var(--rule);background:var(--paper-raised);border-radius:.65rem;width:100%;height:auto}.ballast-model__visual :is(line,circle,path,ellipse){vector-effect:non-scaling-stroke}.ballast-explorer .model-sky{fill:#fffdf7}.ballast-explorer .model-water{fill:#c7e3e6}.ballast-explorer .model-waterline{stroke:var(--ink);stroke-width:2px;stroke-dasharray:8 8}.ballast-explorer .model-eyebrow{fill:var(--ink);letter-spacing:1.5px;font:700 15px system-ui,sans-serif}.ballast-explorer .model-hull>path:first-child{fill:#d37a47;stroke:var(--ink);stroke-width:5px}.ballast-explorer .model-deck,.ballast-explorer .model-keel{fill:none;stroke:var(--ink);stroke-linecap:round}.ballast-explorer .model-deck{stroke-width:2px}.ballast-explorer .model-keel{stroke-width:7px}.ballast-explorer .model-ballast{fill:url(#model-ballast-hatch);stroke:var(--ink);stroke-width:3px}.ballast-explorer #model-ballast-hatch line{stroke:var(--ink);stroke-width:2px}.ballast-explorer .model-guide{stroke:var(--muted);stroke-width:2px;stroke-dasharray:6 6}.ballast-explorer .model-g,.ballast-explorer .model-b{fill:var(--paper-raised);stroke-width:4px}.ballast-explorer .model-g{stroke:var(--accent)}.ballast-explorer .model-b{stroke:var(--ink)}.ballast-explorer .model-weight,.ballast-explorer .model-buoyancy,.ballast-explorer .model-turn{fill:none;stroke-linecap:round;stroke-width:5px}.ballast-explorer .model-weight{stroke:var(--accent);marker-end:url(#model-accent-arrow)}.ballast-explorer .model-buoyancy,.ballast-explorer .model-turn{stroke:var(--ink);marker-end:url(#model-ink-arrow)}.ballast-explorer #model-accent-arrow path{fill:var(--accent)}.ballast-explorer #model-ink-arrow path{fill:var(--ink)}.ballast-explorer .model-arm,.ballast-explorer .model-arm-cap{fill:none;stroke:var(--accent);stroke-width:4px}.ballast-explorer .model-symbol,.ballast-explorer .model-label{fill:var(--ink);font:700 19px system-ui,sans-serif}.ballast-explorer .model-label--weight{fill:var(--accent)}.ballast-explorer :is([data-model-keel],[data-model-ballast],[data-model-g],[data-model-g-label],[data-weight-guide],[data-weight-arrow],[data-weight-label],[data-model-arm],[data-arm-cap-left],[data-arm-label]){transition:x .18s,y .18s,x1 .18s,x2 .18s,y1 .18s,y2 .18s,cx .18s,cy .18s,d .18s}.ballast-model__facts{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.ballast-model__facts div{border-top:1px solid var(--rule);padding:1rem}.ballast-model__facts div:nth-child(odd){border-right:1px solid var(--rule)}.ballast-model__facts dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:750}.ballast-model__facts dd{margin:.25rem 0 0}.ballast-model__caveat{background:var(--paper);color:var(--muted);grid-column:1/-1;margin:0;padding:.85rem 1rem;font-size:.86rem}@media (width<=42rem){.ballast-explorer{width:calc(100vw - 1rem);padding:1rem}.ballast-model{grid-template-columns:1fr}.ballast-model__visual{grid-row:1}.ballast-model__facts{grid-template-columns:1fr}.ballast-model__facts div:nth-child(odd){border-right:0}}@media (prefers-reduced-motion:reduce){.ballast-explorer *{scroll-behavior:auto;transition-duration:.01ms!important}}@media print{.ballast-explorer{display:none}}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:system-ui,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{color:canvastext;background:canvas;min-width:20rem;margin:0}main{width:min(100% - 2rem,70ch);margin-inline:auto;padding-block:4rem}img,svg{max-width:100%;display:block}:focus-visible{outline-offset:.2rem;outline:.2rem solid}:root{color-scheme:light;--paper:#f4f0e5;--paper-raised:#fffdf7;--ink:#18333d;--muted:#56686f;--rule:#a9b9b8;--accent:#a8432d;--link:#17647a}body{min-width:0;color:var(--ink);background:linear-gradient(#f4f0e5e0,#f4f0e5f5),repeating-linear-gradient(0deg,#0000 0 4px,#18333d08 4px 5px)}.site-masthead{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:1rem;width:min(100% - 2rem,76rem);margin-inline:auto;padding-block:1.15rem;font-family:system-ui,sans-serif;display:flex}.site-logo{width:clamp(6rem,9vw,7.75rem);height:auto}.site-home-link{border-radius:.15rem;flex:none;display:block}.site-masthead span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:700}main{width:auto;max-width:none;padding:0}.chapter{width:min(100% - 2rem,47rem);margin-inline:auto;padding-block:clamp(3.5rem,9vw,7rem) 7rem;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.08rem,1rem + .22vw,1.22rem);line-height:1.72}.chapter .work-title{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.35rem;font-family:system-ui,sans-serif;font-size:.78rem;font-weight:750}.chapter h1,.chapter h2{color:var(--ink);text-wrap:balance;font-family:Georgia,Times New Roman,serif}.chapter h1{letter-spacing:-.055em;max-width:12ch;margin:0 0 2.5rem;font-size:clamp(3rem,9vw,5.8rem);font-weight:500;line-height:.94}.chapter h1+p{color:#29434c;margin-top:0;font-size:clamp(1.3rem,1.08rem + .65vw,1.72rem);line-height:1.48}.chapter h2{letter-spacing:-.025em;margin:4.25rem 0 1.15rem;font-size:clamp(1.85rem,1.55rem + .9vw,2.55rem);font-weight:500;line-height:1.1}.chapter h2:before{border-top:.2rem solid var(--accent);content:"";width:3.2rem;margin-bottom:1.15rem;display:block}.chapter p{margin:1.35rem 0}.chapter strong{font-weight:700}.chapter a{color:var(--link);text-underline-offset:.14em;text-decoration-thickness:.08em}.chapter blockquote{border-left:.25rem solid var(--accent);color:#29434c;background:#fffdf7b8;width:min(100%,42rem);margin:2.25rem 0;padding:1rem 1.2rem 1.05rem}.chapter blockquote p{margin:0}.chapter .chapter-figure{width:fit-content;max-width:min(76rem,100vw - 2rem);margin:3.25rem 50%;transform:translate(-50%)}.chapter .chapter-figure__media{justify-content:center;display:flex}.chapter .chapter-figure img{border:1px solid var(--rule);background:var(--paper-raised);border-radius:.65rem;width:100%;max-width:100%;height:auto}.chapter .chapter-figure__description{width:min(63rem,100vw - 2rem);max-width:100%;color:var(--muted);margin:.9rem auto 0;font-family:system-ui,sans-serif;font-size:.86rem;line-height:1.55}.chapter .chapter-figure__caption,.chapter .chapter-figure__credit{margin:0}.chapter .chapter-figure__credit{margin-top:.45rem;font-size:.9em}@media screen{.chapter .chapter-figure--superseded{display:none}}.chapter #chapter-notes{margin-top:5.5rem;font-size:1.45rem}.chapter [data-footnote-ref]{font-family:system-ui,sans-serif;font-size:.7em;font-weight:700}.chapter .footnotes{border-top:1px solid var(--rule);color:var(--muted);margin-top:5rem;padding-top:1.5rem;font-family:system-ui,sans-serif;font-size:.84rem;line-height:1.6}.chapter .footnotes h2{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chapter .footnotes ol{padding-left:1.4rem}.chapter .footnotes li{margin-block:.8rem}@media (width<=42rem){.site-masthead{flex-direction:column;align-items:flex-start;gap:.15rem}.chapter{padding-block-start:3.5rem}.chapter h1{font-size:clamp(3rem,16vw,4.75rem)}.chapter .chapter-figure,.chapter .chapter-figure__description{max-width:calc(100vw - 1rem)}}@media print{body{background:#fff}.site-masthead{display:none}.chapter{width:100%;padding:0;font-size:11pt}.chapter .chapter-figure,.chapter .chapter-figure__description{width:100%;max-width:100%;margin-inline:0;transform:none}.chapter h2,.chapter .chapter-figure{break-after:avoid}.chapter .chapter-figure,.chapter .chapter-figure__description{break-inside:avoid}.chapter .chapter-figure--superseded{display:block}}