@font-face{font-family:Studio;src:url(/fonts/studio-regular.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Studio;src:url(/fonts/studio-bold.woff)format("woff");font-weight:600 900;font-display:swap}@font-face{font-family:CompassSerif;src:url(/fonts/studio-italic.woff)format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--ink:#203d46;--ink-light:#526973;--muted:#536b63;--green:#2b6262;--green-soft:#e5efeb;--line:#d7e2df;--paper:#f3f6f4;--white:#fffefa;--accent:#816334;--surface-panel:#e7f0ed;--surface-inset:#edf3ec;--control-border:#a4b9ae;--control-hover:#dce9e2;--control-pressed:#cbded3;--focus:#23675b;--warning:#75572d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--text-caption:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--leading-body:1.7;--radius-sm:.375rem;--radius-control:.5rem;--radius-card:.75rem;--radius-panel:1.0625rem;--radius-pill:999px;--control-size:2.75rem;--motion-fast:.16s;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Studio,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--space-8);-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}:where(button,a,summary,input,select,textarea,[tabindex]):focus-visible{outline:3px solid var(--focus);outline-offset:4px}::selection{background:#c8ddd1}h1,h2,h3,p{margin:0}button{transition:background var(--motion-fast), color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast)}button:hover:not(:disabled){color:#173e31}.skip-link{z-index:100;max-width:calc(100vw - 40px);padding:var(--space-3) var(--space-5);background:var(--green);color:#fff;border-radius:var(--radius-control);position:fixed;top:15px;left:20px;transform:translateY(calc(-100% - 20px))}.skip-link:focus{transform:translateY(0)}.site-header{max-width:1376px;min-height:96px;padding:0 var(--space-12);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-3);letter-spacing:-.9px;font-size:1.375rem;font-weight:600;line-height:1.1;display:flex}.brand-symbol{justify-content:center;align-items:center;width:42px;height:46px;display:flex}.brand-by{font-size:var(--text-caption);letter-spacing:2px;color:var(--ink-light);margin-top:7px;font-weight:400;display:block}.desktop-nav{align-items:center;gap:var(--space-8);height:100%;margin-left:60px;font-size:.8125rem;display:flex}.desktop-nav a,.desktop-nav button{height:100%;color:var(--ink-light);align-items:center;gap:6px;padding:0;display:flex;position:relative}.desktop-nav .nav-active{color:var(--green)}.nav-active:after{content:"";background:var(--green);border-radius:50%;width:4px;height:4px;position:absolute;bottom:21px;left:50%}.header-actions{align-items:center;gap:10px;display:flex}.mobile-help{display:none!important}.main-content{max-width:1280px;margin:auto;padding:0}.intro{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:43px 0 31px;display:flex}.eyebrow{font-size:var(--text-caption);letter-spacing:1.5px;font-weight:600;line-height:1.4}.intro .eyebrow{font-size:var(--text-caption);letter-spacing:1.65px;color:#6f8175;align-items:center;gap:10px;margin-bottom:13px;display:flex}.tiny-line{background:#7e9a84;width:22px;height:1px;display:inline-block}h1{letter-spacing:-1.8px;font-size:2.625rem;font-weight:400;line-height:1.12}h1 em{color:#426f57;letter-spacing:-1.2px;font-family:CompassSerif,Georgia,serif;font-weight:400}.intro-description{color:var(--ink-light);font-size:var(--text-sm);margin-top:13px}.apparent-pill{font-size:var(--text-caption);white-space:nowrap;background:#ecf0e8;border:1px solid #dfe6d9;border-radius:30px;align-items:center;gap:9px;margin-bottom:3px;padding:9px 13px;display:flex}.apparent-pill>svg:last-child{opacity:.6;margin-left:3px}.apparent-pill:hover{background:#e0e9dd}.workspace{grid-template-columns:minmax(0,1.74fr) minmax(300px,1fr);align-items:stretch;gap:22px;display:grid}.visual-panel{border-radius:var(--radius-panel);border:1px solid #d7e2d7;min-width:0;position:relative;overflow:hidden}.board-header{z-index:1;justify-content:space-between;align-items:center;display:flex;position:absolute;top:23px;left:27px;right:27px}.board-header>.eyebrow{font-size:var(--text-caption);letter-spacing:1.5px;color:#496452}.auto-trim{color:#657c69;align-items:center;gap:6px;display:flex}.status-dot{background:#739976;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.icon-button{width:var(--control-size);height:var(--control-size);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:#d7e5d8}.reset-button{color:#6a816d;z-index:2;border:1px solid #d2dfd1;position:absolute;top:61px;right:21px}.diagram-wrap{max-width:650px;margin:19px auto 0;position:relative}.boat-diagram{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block;overflow:visible}.dial-degree{fill:#526f60;letter-spacing:.3px;font-family:Studio,Arial,sans-serif;font-size:10px}.dial-cardinal{letter-spacing:2px;fill:#526f60;font-size:9px}.dial-side{letter-spacing:1.3px;fill:#526f60;font-size:8px}.dial-no-go{letter-spacing:1.4px;fill:#726845;font-size:7.5px}.wind-hit-area,.wind-handle{cursor:grab;touch-action:none}.wind-hit-area:active,.wind-handle:active{cursor:grabbing}.wind-handle{outline:none}.wind-handle-focus{opacity:0}.wind-handle:focus-visible .wind-handle-focus{opacity:1}.sail-rotation{transition:transform .22s ease-out}.wind-trails{opacity:1;transition:opacity .3s}.wind-trails.is-calm{opacity:0}.sail-luff{transform-origin:320px 166px;animation:1.25s ease-in-out infinite luff}.sail-luff-main{transform-origin:320px 278px;animation-delay:-.5s}@keyframes luff{0%,to{transform:skew(0)}50%{transform:skew(3deg)}}.diagram-legend{font-size:var(--text-caption);color:#71836c;gap:13px;display:flex;position:absolute;bottom:17px;left:26px}.diagram-legend span{align-items:center;gap:5px;display:flex}.diagram-legend i{border:1px solid #9caa91;border-radius:1px;width:7px;height:7px;display:block}.legend-main{background:#fffdf0}.legend-jib{background:#b9d0bf}.drag-hint{justify-content:center;align-items:center;gap:7px;margin-top:-1px;display:flex}.drag-orbit{font-size:1.1875rem;line-height:1}.hint-keyboard{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.preset-controls{margin:var(--space-5) 19px 25px;justify-content:center;gap:7px;display:flex}.preset-controls button{border-radius:var(--radius-control);padding:var(--space-2) 10px;white-space:nowrap;background:#ffffff35;border:1px solid #cadacb;justify-content:center;align-items:center;gap:6px;display:flex}.preset-controls button[aria-pressed=true],.preset-controls button:hover{color:#234d37;background:#d8e5d6;border-color:#aebfac}.wind-controls{border-top:1px solid #d2e0d1;padding:21px 28px 22px}.wind-control-heading{justify-content:space-between;align-items:center;display:flex}.wind-control-heading label{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.unit-switch{background:#e6ece1;border-radius:5px;gap:3px;padding:2px;display:flex}.unit-switch button{color:#697e68;border-radius:3px;min-width:34px;padding:3px 6px}.unit-switch button[aria-pressed=true]{color:var(--ink);background:#fffdf6;box-shadow:0 1px 2px #00000009}.speed-control-row{align-items:center;gap:23px;margin-top:6px;display:flex}.speed-value{align-items:baseline;gap:7px;min-width:95px;display:flex}.speed-value output{letter-spacing:-1.3px;font-variant-numeric:tabular-nums;font-size:2.1875rem;font-weight:400;line-height:1.3}.speed-value>span{font-size:var(--text-caption);color:#6e846e}.speed-range-wrap{flex:1}.speed-range-wrap input{appearance:none;cursor:pointer;border-radius:5px;width:100%;margin:0;display:block}.speed-range-wrap input::-webkit-slider-thumb{appearance:none;background:#fffef6;border:4px solid #3e704f;border-radius:50%;box-shadow:0 1px 3px #213e3620}.speed-range-wrap input::-moz-range-thumb{background:#fffef6;border:4px solid #3e704f;border-radius:50%}.range-endpoints{justify-content:space-between;line-height:1;display:flex}.speed-step-buttons{gap:5px;display:flex}.speed-step-buttons .icon-button{border-radius:var(--radius-sm);width:var(--control-size);height:var(--control-size);background:#fffefa75;border:1px solid #d5e0ce}.wind-band{align-items:center;gap:var(--space-2);margin-top:9px;display:flex}.wind-band-note{margin-left:auto}.wind-level{align-items:flex-end;gap:2px;height:11px;display:flex}.wind-level i{background:#ccd6c1;border-radius:1px;width:3px}.wind-level i:first-child{height:4px}.wind-level i:nth-child(2){height:6px}.wind-level i:nth-child(3){height:8px}.wind-level i:nth-child(4){height:11px}.wind-level-light i:first-child,.wind-level-moderate i:nth-child(-n+2),.wind-level-fresh i:nth-child(-n+3),.wind-level-strong i{background:#6f8b61}.trim-panel{border-radius:var(--radius-panel);border:1px solid #e0e4da;flex-direction:column;min-width:0;padding:28px 29px 18px;display:flex}.guide-heading{color:#789079;justify-content:space-between;align-items:center;display:flex}.guide-heading .eyebrow{letter-spacing:1.5px}.guide-heading svg{opacity:.75}.guide-state{margin-top:23px}.guide-state h2{letter-spacing:-.65px;max-width:290px;font-size:1.6875rem;font-weight:400;line-height:1.16}.guide-state p{color:#75816d;margin-top:11px;font-size:.8125rem;line-height:1.7}.angle-display{padding:var(--space-5) 0 23px;margin-top:var(--space-1);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;display:flex}.micro-label{letter-spacing:1px;line-height:1.6}.angle-value{letter-spacing:-3px;margin-top:var(--space-1);font-variant-numeric:tabular-nums;font-size:3.8125rem;font-weight:400;line-height:1.05}.angle-value>span{vertical-align:top;margin-left:3px;font-size:2.4375rem;font-weight:400;line-height:1.4}.angle-side{text-align:right;flex-direction:column;align-items:flex-end;max-width:154px;display:flex}.wind-direction-mini{width:37px;height:37px;margin-bottom:var(--space-2);background:#eaf0e6;border-radius:50%;justify-content:center;align-items:center;display:flex}.angle-side button{color:#87957b;border-bottom:1px solid #e0e6d8;align-items:center;gap:7px;margin-top:2px;padding:3px 0;line-height:1.3;display:flex}.angle-side button:hover{color:var(--green)}.sail-advice{border-bottom:1px solid var(--line);padding:21px 0 19px}.sail-advice-heading{justify-content:space-between;align-items:center;display:flex}.sail-label{gap:var(--space-3);align-items:center;font-weight:600;display:flex}.sail-number{font-size:var(--text-caption);color:#8c9b80;letter-spacing:.5px;font-weight:400}.sail-advice p{font-size:var(--text-xs);color:#74816c;margin-top:9px;padding-left:25px;line-height:1.7}.mini-sail{clip-path:polygon(90% 0,100% 100%,0 100%);background:#dfdfc9;border:1px solid #bdc2ab;width:16px;height:19px;display:block}.jib-mini{background:#b4cbbb;width:14px;height:17px}.strength-advice{padding:15px 15px var(--space-4);border-radius:var(--radius-control);margin-top:var(--space-5);border:1px solid #e8eddf}.strength-advice>div{align-items:center;gap:var(--space-2);color:#6e885f;display:flex}.strength-advice h3{font-weight:600}.strength-advice p{font-size:var(--text-caption);color:#738166;margin-top:7px;line-height:1.7}.strength-fresh{border-color:#eee5d1}.caution-note{font-size:var(--text-caption);color:#967447;margin-top:var(--space-3);align-items:flex-start;gap:7px;display:flex}.caution-note svg{margin-top:2px}.guide-foot{justify-content:center;align-items:center;gap:6px;margin-top:auto;padding-top:17px;display:flex}.advanced-panel{margin-top:var(--space-5);border-radius:var(--radius-card);background:#f1f4eb;border:1px solid #dde4d6}.advanced-panel summary{cursor:pointer;align-items:center;gap:15px;padding:18px 23px;list-style:none;display:flex}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-icon{color:#6c845e;border-radius:var(--radius-control);background:#f8faef;border:1px solid #dce5d2;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.advanced-panel strong{font-weight:400}.advanced-subtitle{margin-top:1px;display:block}.expand-icon{color:#8e9e80;margin-left:auto;transition:transform .2s}.advanced-panel[open] .expand-icon{transform:rotate(45deg)}.advanced-body{grid-template-columns:repeat(3,1fr);gap:28px;padding:0 26px 26px;display:grid}.advanced-body article{padding-top:var(--space-5);border-top:1px solid #dce4d3}.advanced-body p{margin-top:9px;line-height:1.8}.advanced-body .text-link{margin-top:13px}.text-link{text-align:left;align-items:center;gap:9px;padding:0;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.model-strip{padding:var(--space-8) var(--space-2) 36px;align-items:center;gap:var(--space-5);display:flex}.model-illustration{color:#849778;flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.model-strip .eyebrow{font-size:var(--text-caption);letter-spacing:1.5px;color:#8c9a7f}.model-strip p:not(.eyebrow){margin-top:5px}.model-strip>.text-link{white-space:nowrap;margin-left:auto}.site-footer{justify-content:space-between;align-items:center;gap:var(--space-5);max-width:1376px;padding:23px var(--space-12) 28px;color:#8c997e;font-size:var(--text-caption);border-top:1px solid #dfe5d6;margin:auto;display:flex}.site-footer a{letter-spacing:-.8px;color:#5e7651;margin-left:6px;font-size:1.0625rem;font-weight:600}.footer-dot{color:#9ea675}.footer-motto{font-family:CompassSerif,Georgia,serif;font-style:italic;font-size:var(--text-sm);color:#899976}.info-dialog{border-radius:var(--radius-panel);background:var(--white);width:calc(100% - 32px);max-width:560px;max-height:85dvh;color:var(--ink);border:1px solid #d9e2d2;padding:0;box-shadow:0 20px 80px #183e3530}.info-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#153b3250}.dialog-content{padding:30px 36px 36px}.dialog-top{justify-content:space-between;align-items:center;margin-bottom:27px;display:flex}.dialog-top>.icon-button{background:#eef2e8}.dialog-content>.eyebrow{font-size:var(--text-caption);color:#89987b}.dialog-content h2{letter-spacing:-1px;margin-top:10px;margin-bottom:var(--space-4);font-size:1.9375rem;font-weight:400;line-height:1.2}.dialog-content p{color:#6f7f64;margin-top:14px;font-size:.8125rem;line-height:1.8}.dialog-content h3{margin-top:25px;font-size:.8125rem}.help-steps{counter-reset:steps;margin-top:25px;padding:0;list-style:none}.help-steps li{counter-increment:steps;border-bottom:1px solid #e5eadb;padding:13px 0 13px 36px;position:relative}.help-steps li:before{content:"0" counter(steps);font-size:var(--text-caption);color:#98a28c;position:absolute;top:17px;left:0}.dialog-content .keyboard-help{font-size:var(--text-caption);border-radius:var(--radius-control);background:#f1f5eb;padding:15px}.primary-button{border-radius:var(--radius-control);background:var(--green);color:#fffdf0;padding:11px var(--space-4);font-size:var(--text-xs);align-items:center;gap:35px;margin-top:22px;display:flex}.primary-button:hover{color:#fff;background:#204736}.glossary{margin:var(--space-6) 0 0}.glossary>div{border-bottom:1px solid #e1e7d7;padding:15px 0}.glossary dt{font-weight:600}.glossary dd{font-size:var(--text-xs);color:#7a8770;margin:6px 0 0;line-height:1.8}.source-list{margin:10px 0 0;padding:0;list-style:none}.source-list li{border-bottom:1px solid #e5eadc}.source-list a{justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.source-list a:hover{text-decoration:underline}.dialog-content .review-note{font-size:var(--text-caption);padding-left:var(--space-3);border-left:2px solid #c5cea7}@media (min-width:1500px){.main-content{max-width:1240px}.site-header,.site-footer{max-width:1336px}.intro{padding-top:49px;padding-bottom:37px}.workspace{grid-template-columns:minmax(0,1.74fr) minmax(320px,1fr)}}@media (max-width:1400px){.main-content{margin:0 var(--space-12)}.site-header{margin:0 var(--space-6);padding:0 var(--space-6)}.site-footer{margin:0 var(--space-6);padding-left:var(--space-6);padding-right:var(--space-6)}.diagram-wrap{max-width:610px}.guide-state{min-height:138px}}@media (max-width:1100px){.main-content{margin:0 30px}.site-header{padding:0 6px}.site-footer{padding:23px 6px}.desktop-nav{gap:var(--space-6);margin-left:0}.workspace{gap:var(--space-4);grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr)}h1{font-size:2.25rem}.trim-panel{padding:23px 22px 18px}.guide-state h2{font-size:var(--text-xl)}.guide-state p{font-size:var(--text-xs)}.guide-state{margin-top:var(--space-5);min-height:139px}.angle-display{padding:var(--space-3) 0 17px}.angle-value{font-size:3.1875rem}.sail-advice{padding:var(--space-4) 0}.sail-advice p{font-size:var(--text-caption)}.strength-advice{margin-top:var(--space-4);padding:var(--space-3)}.diagram-wrap{margin-top:38px}.board-header{left:22px;right:22px}.board-header .auto-trim{font-size:var(--text-caption)}.reset-button{top:55px;right:15px}.preset-controls{margin:21px var(--space-3) var(--space-6);flex-wrap:wrap;gap:5px}.preset-controls button{font-size:var(--text-caption);padding:7px 9px}.wind-controls{padding:var(--space-5) 22px}.wind-band-note{display:none}.speed-control-row{gap:14px}.speed-value{min-width:84px}.speed-value output{font-size:1.9375rem}.speed-step-buttons{display:none}.model-strip{gap:15px}.model-strip .text-link{font-size:var(--text-caption)}.advanced-body{gap:21px}}@media (max-width:820px){.site-header{min-height:80px;margin:0 22px;padding:0}.brand{font-size:var(--text-lg)}.desktop-nav{display:none}.mobile-help{display:inline-flex!important}.main-content{margin:0 22px}.intro{flex-direction:column;align-items:flex-start;gap:15px;padding:31px 0 25px}h1{font-size:2.375rem}.intro .eyebrow{font-size:var(--text-caption);letter-spacing:1.2px}.intro-description{font-size:.8125rem}.apparent-pill{font-size:var(--text-caption);margin:0;padding:7px 11px}.workspace{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:13px}.board-header{top:18px;left:17px;right:17px}.board-header .auto-trim{font-size:var(--text-caption);gap:5px}.board-header .auto-trim .status-dot{width:6px;height:6px}.diagram-wrap{margin-top:var(--space-10)}.diagram-legend{font-size:var(--text-caption);gap:7px;bottom:5px;left:17px}.drag-hint{font-size:var(--text-caption);margin-top:var(--space-4)}.preset-controls button{font-size:var(--text-caption);gap:3px;padding:6px}.preset-controls button svg{width:13px}.preset-controls{margin-bottom:19px;margin-top:var(--space-4)}.wind-controls{padding:17px}.wind-control-heading label{font-size:var(--text-caption)}.speed-control-row{gap:var(--space-3)}.speed-value{min-width:75px}.speed-value output{font-size:1.75rem}.trim-panel{padding:21px 18px var(--space-4)}.guide-state{min-height:0}.guide-state h2{font-size:1.4375rem}.guide-state p{font-size:var(--text-caption);line-height:1.7}.angle-display{margin-top:13px}.angle-value{font-size:2.875rem}.angle-side,.angle-side button{font-size:var(--text-caption)}.sail-advice p{font-size:var(--text-caption);padding-left:0}.sail-label{font-size:var(--text-xs)}.strength-advice p,.guide-foot{font-size:var(--text-caption)}.model-strip>.text-link{white-space:normal;max-width:120px}.site-footer{font-size:var(--text-caption);flex-wrap:wrap;margin:0 22px}.footer-motto{font-size:.8125rem}.advanced-body{grid-template-columns:1fr;gap:18px}.advanced-body article{padding-top:var(--space-4)}.advanced-body p{margin-top:5px}.wind-controls{margin-top:auto}.visual-panel{flex-direction:column;display:flex}.diagram-wrap{width:100%}}@media (max-width:640px){.site-header{min-height:78px;margin:0 var(--space-5)}.main-content{margin:0 var(--space-4)}.brand{gap:7px;font-size:1.1875rem}.brand-symbol{width:33px}.brand-by{font-size:var(--text-caption);letter-spacing:1.7px}.header-actions{gap:5px}.intro{padding:28px 6px var(--space-6);gap:17px}h1{letter-spacing:-1.3px;font-size:2.125rem;line-height:1.13}h1 em{margin-top:2px;display:block}.intro .eyebrow{font-size:var(--text-caption);letter-spacing:1px;gap:7px;margin-bottom:14px}.tiny-line{width:15px}.intro-description{font-size:var(--text-xs);max-width:260px;margin-top:var(--space-3);line-height:1.7}.apparent-pill{font-size:var(--text-caption);padding:6px var(--space-2);gap:5px;max-width:135px;position:absolute;top:188px;right:23px}.apparent-pill>svg:first-child{width:14px}.apparent-pill>svg:last-child{width:11px;margin-left:0}.workspace{flex-direction:column;gap:17px;display:flex}.board-header{top:20px;left:20px;right:20px}.board-header>.eyebrow{font-size:var(--text-caption)}.board-header .auto-trim{font-size:var(--text-caption);gap:5px}.diagram-wrap{max-width:480px;margin-top:35px}.reset-button{width:var(--control-size);height:var(--control-size);top:49px;right:12px}.reset-button svg{width:15px}.diagram-legend{font-size:var(--text-caption);bottom:9px;left:20px}.drag-hint{font-size:var(--text-caption);margin-top:5px}.preset-controls{margin:18px var(--space-3) 23px;flex-wrap:nowrap;gap:5px}.preset-controls button{font-size:var(--text-caption);padding:var(--space-2) 6px;gap:var(--space-1);flex:1}.preset-controls button svg{width:13px}.wind-controls{padding:var(--space-5) 22px var(--space-5)}.wind-control-heading label{font-size:var(--text-xs)}.speed-value{min-width:91px}.speed-value output{font-size:2.125rem}.speed-control-row{gap:19px}.speed-step-buttons{display:flex}.speed-step-buttons .icon-button{width:var(--control-size);height:var(--control-size)}.wind-band{font-size:var(--text-caption);margin-top:10px}.wind-band-note{display:none}.trim-panel{padding:25px 25px 19px}.guide-heading .eyebrow{font-size:var(--text-caption)}.guide-state{margin-top:18px}.guide-state h2{max-width:none;font-size:1.6875rem}.guide-state p{max-width:410px;font-size:.8125rem;line-height:1.7}.angle-display{margin-top:10px;padding:15px 0 21px}.angle-value{font-size:3.4375rem}.angle-side,.angle-side button{font-size:var(--text-caption)}.sail-advice{padding:var(--space-5) 0}.sail-advice p{font-size:var(--text-xs);padding-left:25px}.sail-label{font-size:.8125rem}.strength-advice{margin-top:21px;padding:15px}.strength-advice p,.strength-advice h3{font-size:var(--text-xs)}.guide-foot{font-size:var(--text-caption);padding-top:19px}.advanced-panel{margin-top:17px}.advanced-panel summary{gap:11px;padding:18px 19px}.advanced-subtitle{font-size:var(--text-caption);max-width:230px}.advanced-panel strong{font-size:.8125rem}.advanced-body{padding:0 22px var(--space-6)}.model-strip{flex-wrap:wrap;gap:13px;padding:28px 7px 30px}.model-strip>div{max-width:calc(100% - 64px)}.model-strip .eyebrow{font-size:var(--text-caption);letter-spacing:1px}.model-strip p:not(.eyebrow){font-size:var(--text-caption);line-height:1.8}.model-strip>.text-link{max-width:none;font-size:var(--text-caption);margin:2px 0 0 60px}.site-footer{padding:var(--space-5) 0 26px;gap:15px var(--space-2);align-items:center;margin:0 22px}.footer-motto{display:none}.site-footer>span:last-child{font-size:var(--text-caption)}.dialog-content{padding:25px}.dialog-content h2{font-size:1.75rem}.dialog-top{margin-bottom:var(--space-6)}.info-dialog{max-height:88dvh}}@media (max-width:370px){.intro .eyebrow{font-size:var(--text-caption);letter-spacing:.7px}.apparent-pill{position:static}.preset-controls button{font-size:var(--text-caption);padding:7px var(--space-1);gap:3px}.speed-step-buttons{display:none}.language-switch button{padding:5px 6px}.header-actions{gap:0}.brand{font-size:1.125rem}.speed-control-row{gap:14px}}.visual-panel{background:#e7f0ed;border-color:#d3e0db}.wind-controls{background:#f0f6f2ba}.trim-panel{background:var(--white)}.intro em{color:#467876}.brand-symbol{color:#376d68}.wind-handle circle:nth-of-type(3){fill:#2b6460}.guide-state{min-height:110px}.guide-state p,.sail-advice p,.strength-advice p{font-size:var(--text-sm);color:#536b6b;line-height:1.7}.sail-label{font-size:var(--text-sm)}.strength-advice h3{font-size:.8125rem}.strength-fresh p{color:#75613d}.guide-foot{font-size:var(--text-caption);color:#617b6d}.strength-advice{background:#edf3ec}.strength-fresh{background:#f6f0e2}.angle-side{font-size:var(--text-xs);color:#577475}.angle-side button{font-size:var(--text-caption);min-height:28px}.micro-label{font-size:var(--text-caption);color:#627875}.guide-heading .eyebrow{font-size:var(--text-caption);color:#627b74}.preset-controls button{font-size:var(--text-caption);color:#4f6e66;min-height:36px}.auto-trim{font-size:var(--text-caption)}.drag-hint{font-size:var(--text-xs);color:#46695f}.wind-control-heading label{font-size:.8125rem}.unit-switch{font-size:var(--text-xs)}.unit-switch button{min-height:28px}.wind-band{font-size:var(--text-xs);color:#507160}.wind-band-note{font-size:var(--text-caption);color:#657c69}.range-endpoints{font-size:var(--text-caption);color:#637c69}.advanced-panel strong{font-size:var(--text-sm)}.advanced-subtitle{font-size:var(--text-xs);color:#607765}.advanced-body p{font-size:var(--text-sm);color:#506c61}.model-strip p:not(.eyebrow){font-size:var(--text-xs);color:#607767}.text-link{font-size:var(--text-xs);color:#426c60}.dialog-content p,.glossary dd{font-size:var(--text-sm);color:#526b64}.glossary dt{font-size:.9375rem}.source-list a{font-size:.8125rem}.dialog-content .keyboard-help,.dialog-content .review-note{font-size:var(--text-xs)}.help-steps li{font-size:var(--text-sm);color:#526b64}.source-list a,.glossary dt{color:#2c5551}@media (min-width:821px){.diagram-wrap{max-width:570px}.preset-controls{flex-wrap:wrap}.guide-state{min-height:105px}}@media (max-width:820px) and (min-width:641px){.workspace{grid-template-columns:1fr}.diagram-wrap{max-width:540px}.guide-state h2{max-width:none}.sail-advice{padding:var(--space-5) 0}.trim-panel{padding:27px}.preset-controls button{font-size:var(--text-xs)}}@media (max-width:640px){.preset-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-left:22px;margin-right:22px;display:grid}.preset-controls button{font-size:var(--text-caption);min-height:38px}.preset-controls button svg{width:16px}.guide-state{min-height:0}.apparent-pill{max-width:none;font-size:var(--text-caption);position:static}.intro{gap:14px;padding-bottom:22px}.advanced-subtitle{font-size:var(--text-caption)}.model-strip>.text-link{font-size:var(--text-xs)}.board-header .auto-trim{font-size:var(--text-caption)}.speed-step-buttons .icon-button{width:var(--control-size);height:var(--control-size)}.model-strip p:not(.eyebrow){font-size:var(--text-xs)}.site-footer>span:last-child,.guide-foot{font-size:var(--text-caption)}}.site-header{gap:var(--space-4)}.brand>span:last-child{white-space:normal}.speed-range-wrap input{background:0 0;height:24px}.speed-range-wrap input::-webkit-slider-runnable-track{background:linear-gradient(to right, #537d59 var(--range-progress), #d5dfce var(--range-progress));border-radius:3px;height:3px}.speed-range-wrap input::-moz-range-track{background:linear-gradient(to right, #537d59 var(--range-progress), #d5dfce var(--range-progress));border-radius:3px;height:3px}.speed-range-wrap{padding-top:11px}.range-endpoints{margin-top:2px}.boat-settings{margin:0 0 var(--space-5);padding:var(--space-4) 19px;border-radius:var(--radius-card);background:#edf2ee;border:1px solid #dbe5de;flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.rig-picker{align-items:center;gap:9px;display:flex}.rig-picker>.micro-label{font-size:var(--text-caption);letter-spacing:.4px;margin-right:7px}.rig-option{border-radius:var(--radius-control);text-align:left;color:#557469;border:1px solid #0000;align-items:center;gap:9px;min-height:44px;padding:9px 15px;display:flex}.rig-option>span{font-size:.8125rem;line-height:1.3}.rig-option small{font-size:var(--text-caption);color:#6c8177;margin-top:2px;display:block}.rig-option[aria-pressed=true]{background:var(--white);border-color:#d0dfd5;box-shadow:0 2px 3px #20473805}.rig-option:hover{background:#e0ebe3}.rig-description{font-size:var(--text-xs);color:#61796e;flex-basis:100%;margin-left:0;padding-top:3px}.telltales-toggle{font-size:var(--text-xs);min-height:40px;padding:6px var(--space-1);align-items:center;gap:10px;margin-left:auto;display:flex}.toggle-track{background:#bfcec5;border-radius:15px;flex-shrink:0;width:32px;height:19px;padding:3px;transition:background .15s;display:block}.toggle-track>span{background:#fffef6;border-radius:50%;width:13px;height:13px;transition:transform .15s;display:block;box-shadow:0 1px 3px #0002}.telltales-toggle[aria-checked=true] .toggle-track{background:#42736a}.telltales-toggle[aria-checked=true] .toggle-track>span{transform:translate(13px)}.legend-staysail,.staysail-mini{background:#a7c6d2}.boat-telltale{pointer-events:none}.boat-telltale-fluttering path,.boat-telltale-unreliable path{transform-box:fill-box;transform-origin:top;animation:1.3s ease-in-out infinite telltale-flutter}.boat-telltale-unreliable{opacity:.7}@keyframes telltale-flutter{0%,to{transform:rotate(-9deg)}50%{transform:rotate(12deg)}}.visual-panel{flex-direction:column;display:flex}.diagram-wrap{width:100%}.wind-controls{margin-top:auto}.mobile-page-nav{display:none}.rig-picker{flex-wrap:wrap}.telltales-lesson-link{padding:21px var(--space-6);margin-top:var(--space-3);border-radius:var(--radius-card);color:#375e59;background:#e5eeea;border:1px solid #ccded4;align-items:center;gap:15px;display:flex}.telltales-lesson-link>span{flex:1;min-width:0}.telltales-lesson-link strong{font-size:.9375rem;font-weight:400;display:block}.telltales-lesson-link>span>span{color:#6c8075;margin-top:var(--space-1);font-size:.8125rem;line-height:1.7;display:block}.telltales-lesson-link:hover{background:#dce9e2}@media (min-width:1001px){.desktop-nav{gap:22px;margin-left:15px}}@media (max-width:1000px){.desktop-nav{display:none}.mobile-help{display:inline-flex!important}.mobile-page-nav{align-items:center;gap:0 var(--space-6);border-bottom:1px solid #d7e2df;flex-wrap:wrap;margin:0 22px;display:flex}.mobile-page-nav a{white-space:normal;overflow-wrap:anywhere;min-width:0;min-height:44px;font-size:var(--text-xs);color:#6b827b;border-bottom:2px solid #0000;align-items:center;display:flex}.mobile-page-nav a[aria-current=page]{color:#285d59;border-bottom-color:#4e8172}}@media (max-width:370px){.site-header{gap:var(--space-2)}.brand{font-size:var(--text-base);gap:var(--space-1)}.brand-symbol{width:26px}.brand-symbol svg{width:24px}.mobile-help{width:var(--control-size)}.mobile-page-nav{gap:0 var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-page-nav a{min-height:40px}}@media (max-width:640px){.boat-settings{margin-bottom:var(--space-4);gap:10px;padding:13px}.rig-picker{gap:6px;width:100%}.rig-picker>.micro-label{font-size:var(--text-caption);margin-right:auto}.rig-option{padding:var(--space-2) 10px;gap:5px}.rig-option>svg{width:17px}.rig-description{font-size:var(--text-caption);order:1}.telltales-toggle{font-size:var(--text-xs);order:2;min-height:36px;margin-left:0}.diagram-legend{font-size:var(--text-caption);margin:0 var(--space-3) 10px;flex-wrap:wrap;justify-content:center;gap:10px;position:static}.rig-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.rig-picker>.micro-label{margin:0 0 var(--space-1);grid-column:1/-1}.rig-option{justify-content:center;gap:5px;min-width:0;padding:9px 7px}.rig-option>svg{display:none}.rig-option>span{font-size:var(--text-xs)}.rig-option small{font-size:var(--text-caption)}.telltales-lesson-link{gap:var(--space-3);padding:19px}.telltales-lesson-link strong{font-size:var(--text-sm)}.telltales-lesson-link>span>span{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.point-of-sail{margin:var(--space-2) 22px var(--space-4);text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.point-of-sail>strong{color:#285d59;font-size:1.5625rem;font-weight:400;line-height:1.25}.point-of-sail>button{min-height:32px;font-size:var(--text-caption);color:#526f65;justify-content:center;align-items:center;gap:6px;display:flex}.point-of-sail>button:hover{text-underline-offset:3px;text-decoration:underline}.site-header{padding-block:var(--space-3);flex-wrap:wrap}.header-actions{flex-shrink:0}:where(h1,h2,h3,p,button,summary){overflow-wrap:anywhere}.icon-button{min-width:var(--control-size);min-height:var(--control-size);flex-shrink:0}.preset-controls button,.unit-switch button,.angle-side button,.point-of-sail>button,.rig-option,.telltales-toggle,.apparent-pill,.primary-button,.text-link,.mobile-page-nav a,.source-list a{min-height:var(--control-size)}.unit-switch button{min-width:var(--control-size)}.preset-controls button,.unit-switch button,.rig-option{border-color:var(--control-border)}.preset-controls button[aria-pressed=true],.rig-option[aria-pressed=true],.unit-switch button[aria-pressed=true]{color:var(--ink);border-color:var(--green);box-shadow:inset 0 -3px 0 var(--green);font-weight:600}.unit-switch button{border:1px solid #0000}.icon-button:hover:not(:disabled),.preset-controls button:hover:not(:disabled),.rig-option:hover:not(:disabled),.unit-switch button:hover:not(:disabled),.telltales-toggle:hover,.angle-side button:hover:not(:disabled){background:var(--control-hover);color:var(--ink)}.icon-button:active:not(:disabled),.preset-controls button:active,.rig-option:active,.unit-switch button:active,.telltales-toggle:active,.apparent-pill:active,.angle-side button:active:not(:disabled){background:var(--control-pressed);box-shadow:inset 0 2px 3px #203d4626}.primary-button:active{background:#183f3e}.text-link:active,.mobile-page-nav a:active,.desktop-nav a:active,.desktop-nav button:active{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.telltales-toggle,.angle-side button,.text-link{border-radius:var(--radius-sm)}.speed-range-wrap{min-width:0}.speed-range-wrap input{height:var(--control-size)}.speed-range-wrap input::-webkit-slider-thumb{width:26px;height:26px;margin-top:-11.5px}.speed-range-wrap input::-moz-range-thumb{width:18px;height:18px}.micro-label,.intro .eyebrow,.diagram-legend,.auto-trim,.unit-switch button,.wind-band-note,.range-endpoints,.angle-side button,.sail-number,.advanced-subtitle,.rig-description,.rig-option small,.model-strip .eyebrow,.model-strip p:not(.eyebrow),.site-footer,.site-footer>span:last-child,.footer-motto,.telltales-lesson-link>span>span{color:var(--muted)}.caution-note{font-size:var(--text-xs);color:var(--warning)}.strength-advice>div{color:var(--green)}.strength-fresh>div,.strength-fresh p{color:var(--warning)}.dialog-content>.eyebrow,.help-steps li:before{color:var(--muted)}.dialog-content p,.advanced-body p,.glossary dd{max-width:68ch}.desktop-nav a:hover,.desktop-nav button:hover,.mobile-page-nav a:hover{color:var(--green);text-underline-offset:5px;text-decoration:underline}@media (forced-colors:active){:where(button,a,summary,input,[tabindex]):focus-visible{outline-color:highlight}.preset-controls button[aria-pressed=true],.rig-option[aria-pressed=true],.unit-switch button[aria-pressed=true]{outline-offset:-4px;outline:2px solid highlight}.toggle-track{border:1px solid buttontext}.toggle-track>span{background:buttontext}}.preset-controls button>span{white-space:normal;text-align:left;flex-direction:column;align-items:flex-start;line-height:1.4;display:flex}.preset-controls button strong{font-size:inherit;font-weight:600}.preset-controls button small{font-size:var(--text-caption);font-weight:400}