@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:#213e36;--ink-light:#5d7168;--muted:#78877c;--green:#2c5e4e;--green-soft:#e7eee7;--line:#dce3d9;--paper:#f6f7f2;--white:#fffefa;--accent:#ae8950;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:28px}body{-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:default;opacity:.35}a{color:inherit;text-decoration:none}svg{vertical-align:middle;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:5px;outline:3px solid #3d8978}::selection{background:#c8ddd1}h1,h2,h3,p{margin:0}button{transition:background .18s,color .18s,box-shadow .18s}button:hover{color:#173e31}.skip-link{z-index:10;background:var(--green);color:#fff;border-radius:8px;padding:12px 20px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:35px;max-width:1376px;height:96px;margin:0 auto;padding:0 48px;display:flex}.brand{letter-spacing:-.9px;align-items:center;gap:12px;font-size:22px;font-weight:600;line-height:1.1;display:flex}.brand-symbol{width:42px;height:46px;color:var(--green);justify-content:center;align-items:center;display:flex}.brand-by{letter-spacing:2px;color:var(--ink-light);margin-top:7px;font-size:9px;font-weight:400;display:block}.desktop-nav{align-items:center;gap:32px;height:100%;margin-left:60px;font-size:13px;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%}.language-switch{background:#e9eee7;border:1px solid #e0e6dc;border-radius:8px;gap:2px;padding:4px;display:flex}.language-switch button{letter-spacing:.5px;color:var(--ink-light);border-radius:5px;padding:5px 10px;font-size:11px}.language-switch button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 4px #203e3610}.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:24px;padding:43px 0 31px;display:flex}.eyebrow{letter-spacing:1.5px;font-size:10px;font-weight:600;line-height:1.4}.intro .eyebrow{letter-spacing:1.65px;color:#6f8175;align-items:center;gap:10px;margin-bottom:13px;font-size:9px;display:flex}.tiny-line{background:#7e9a84;width:22px;height:1px;display:inline-block}h1{letter-spacing:-1.8px;font-size:42px;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);margin-top:13px;font-size:14px}.apparent-pill{white-space:nowrap;background:#ecf0e8;border:1px solid #dfe6d9;border-radius:30px;align-items:center;gap:9px;margin-bottom:3px;padding:9px 13px;font-size:11px;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{background:#e9f0e9;border:1px solid #d7e2d7;border-radius:17px;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{letter-spacing:1.5px;color:#496452;font-size:9px}.auto-trim{color:#657c69;align-items:center;gap:6px;font-size:10px;display:flex}.status-dot{background:#739976;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.icon-button{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;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:#7b9682;letter-spacing:.3px;font-family:Studio,Arial,sans-serif;font-size:10px}.dial-cardinal{letter-spacing:2px;fill:#58755d;font-size:9px}.dial-side{letter-spacing:1.3px;fill:#829786;font-size:8px}.dial-no-go{letter-spacing:1.4px;fill:#989477;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{color:#71836c;gap:13px;font-size:9px;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{color:#496b52;justify-content:center;align-items:center;gap:7px;margin-top:-1px;font-size:11px;display:flex}.drag-orbit{font-size:19px;line-height:1}.hint-keyboard{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.preset-controls{justify-content:center;gap:7px;margin:20px 19px 25px;display:flex}.preset-controls button{color:#5d795f;white-space:nowrap;background:#ffffff35;border:1px solid #cadacb;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;display:flex}.preset-controls button[aria-pressed=true],.preset-controls button:hover{color:#234d37;background:#d8e5d6;border-color:#aebfac}.wind-controls{background:#f4f7efb3;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:8px;font-size:12px;font-weight:600;display:flex}.unit-switch{background:#e6ece1;border-radius:5px;gap:3px;padding:2px;font-size:10px;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:35px;font-weight:400;line-height:1.3}.speed-value>span{color:#6e846e;font-size:11px}.speed-range-wrap{flex:1;padding-top:20px}.speed-range-wrap input{appearance:none;background:linear-gradient(to right,#537d59 var(--range-progress),#d5dfce var(--range-progress));cursor:pointer;border-radius:5px;width:100%;height:3px;margin:0;display:block}.speed-range-wrap input::-webkit-slider-thumb{appearance:none;background:#fffef6;border:4px solid #3e704f;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #213e3620}.speed-range-wrap input::-moz-range-thumb{background:#fffef6;border:4px solid #3e704f;border-radius:50%;width:8px;height:8px}.range-endpoints{color:#7a8b74;justify-content:space-between;margin-top:11px;font-size:9px;line-height:1;display:flex}.speed-step-buttons{gap:5px;display:flex}.speed-step-buttons .icon-button{background:#fffefa75;border:1px solid #d5e0ce;border-radius:6px;width:28px;height:28px}.wind-band{color:#688162;align-items:center;gap:8px;margin-top:9px;font-size:10px;display:flex}.wind-band-note{color:#87947c;margin-left:auto;font-size:9px}.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{background:var(--white);border:1px solid #e0e4da;border-radius:17px;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;font-size:9px}.guide-heading svg{opacity:.75}.guide-state{min-height:133px;margin-top:23px}.guide-state h2{letter-spacing:-.65px;max-width:290px;font-size:27px;font-weight:400;line-height:1.16}.guide-state p{color:#75816d;margin-top:11px;font-size:13px;line-height:1.7}.angle-display{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:4px;padding:20px 0 23px;display:flex}.micro-label{letter-spacing:1px;color:#7a8873;font-size:9px;line-height:1.6}.angle-value{letter-spacing:-3px;font-variant-numeric:tabular-nums;margin-top:4px;font-size:61px;font-weight:400;line-height:1.05}.angle-value>span{vertical-align:top;margin-left:3px;font-size:39px;font-weight:400;line-height:1.4}.angle-side{color:#68806d;text-align:right;flex-direction:column;align-items:flex-end;max-width:154px;font-size:10px;display:flex}.wind-direction-mini{background:#eaf0e6;border-radius:50%;justify-content:center;align-items:center;width:37px;height:37px;margin-bottom:8px;display:flex}.angle-side button{color:#87957b;border-bottom:1px solid #e0e6d8;align-items:center;gap:7px;margin-top:2px;padding:3px 0;font-size:9px;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{align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.sail-number{color:#8c9b80;letter-spacing:.5px;font-size:9px;font-weight:400}.sail-advice p{color:#74816c;margin-top:9px;padding-left:25px;font-size:12px;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{background:#f0f3e9;border:1px solid #e8eddf;border-radius:9px;margin-top:20px;padding:15px 15px 16px}.strength-advice>div{color:#6e885f;align-items:center;gap:8px;display:flex}.strength-advice h3{font-size:11px;font-weight:600}.strength-advice p{color:#738166;margin-top:7px;font-size:11px;line-height:1.7}.strength-fresh{background:#f6f0e2;border-color:#eee5d1}.strength-fresh>div,.strength-fresh p{color:#8a774f}.caution-note{color:#967447;align-items:flex-start;gap:7px;margin-top:12px;font-size:10px;display:flex}.caution-note svg{margin-top:2px}.guide-foot{color:#8b9c7d;justify-content:center;align-items:center;gap:6px;margin-top:auto;padding-top:17px;font-size:9px;display:flex}.advanced-panel{background:#f1f4eb;border:1px solid #dde4d6;border-radius:11px;margin-top:20px}.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;background:#f8faef;border:1px solid #dce5d2;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.advanced-panel strong{font-size:13px;font-weight:400}.advanced-subtitle{color:#859078;margin-top:1px;font-size:10px;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{border-top:1px solid #dce4d3;padding-top:20px}.advanced-body p{color:#718166;margin-top:9px;font-size:12px;line-height:1.8}.advanced-body .text-link{margin-top:13px}.text-link{color:#627a5b;text-align:left;align-items:center;gap:9px;padding:0;font-size:11px;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.model-strip{align-items:center;gap:20px;padding:32px 8px 36px;display:flex}.model-illustration{color:#849778;flex-direction:column;flex-shrink:0;align-items:center;width:48px;display:flex}.model-strip .eyebrow{letter-spacing:1.5px;color:#8c9a7f;font-size:8px}.model-strip p:not(.eyebrow){color:#809071;margin-top:5px;font-size:11px}.model-strip>.text-link{white-space:nowrap;margin-left:auto}.site-footer{color:#8c997e;border-top:1px solid #dfe5d6;justify-content:space-between;align-items:center;gap:20px;max-width:1376px;margin:auto;padding:23px 48px 28px;font-size:9px;display:flex}.site-footer a{letter-spacing:-.8px;color:#5e7651;margin-left:6px;font-size:17px;font-weight:600}.footer-dot{color:#9ea675}.footer-motto{color:#899976;font-family:CompassSerif,Georgia,serif;font-size:14px;font-style:italic}.info-dialog{background:var(--white);width:calc(100% - 32px);max-width:560px;max-height:85dvh;color:var(--ink);border:1px solid #d9e2d2;border-radius:18px;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{color:#89987b;font-size:9px}.dialog-content h2{letter-spacing:-1px;margin-top:10px;margin-bottom:16px;font-size:31px;font-weight:400;line-height:1.2}.dialog-content p{color:#6f7f64;margin-top:14px;font-size:13px;line-height:1.8}.dialog-content h3{margin-top:25px;font-size:13px}.help-steps{counter-reset:steps;margin-top:25px;padding:0;list-style:none}.help-steps li{color:#6f7f64;counter-increment:steps;border-bottom:1px solid #e5eadb;padding:13px 0 13px 36px;font-size:13px;position:relative}.help-steps li:before{content:"0" counter(steps);color:#98a28c;font-size:10px;position:absolute;top:17px;left:0}.dialog-content .keyboard-help{background:#f1f5eb;border-radius:8px;padding:15px;font-size:11px}.primary-button{background:var(--green);color:#fffdf0;border-radius:7px;align-items:center;gap:35px;margin-top:22px;padding:11px 16px;font-size:12px;display:flex}.primary-button:hover{color:#fff;background:#204736}.glossary{margin:24px 0 0}.glossary>div{border-bottom:1px solid #e1e7d7;padding:15px 0}.glossary dt{font-size:13px;font-weight:600}.glossary dd{color:#7a8770;margin:6px 0 0;font-size:12px;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;font-size:11px;display:flex}.source-list a:hover{text-decoration:underline}.dialog-content .review-note{border-left:2px solid #c5cea7;padding-left:12px;font-size:11px}@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 48px}.site-header{margin:0 24px;padding:0 24px}.site-footer{margin:0 24px;padding-left:24px;padding-right:24px}.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:24px;margin-left:0}.workspace{grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:16px}h1{font-size:36px}.trim-panel{padding:23px 22px 18px}.guide-state h2{font-size:24px}.guide-state p{font-size:12px}.guide-state{min-height:139px;margin-top:20px}.angle-display{padding:12px 0 17px}.angle-value{font-size:51px}.sail-advice{padding:16px 0}.sail-advice p{font-size:11px}.strength-advice{margin-top:16px;padding:12px}.diagram-wrap{margin-top:38px}.board-header{left:22px;right:22px}.board-header .auto-trim{font-size:8px}.reset-button{top:55px;right:15px}.preset-controls{flex-wrap:wrap;gap:5px;margin:21px 12px 24px}.preset-controls button{padding:7px 9px;font-size:9px}.wind-controls{padding:20px 22px}.wind-band-note{display:none}.speed-control-row{gap:14px}.speed-value{min-width:84px}.speed-value output{font-size:31px}.speed-step-buttons{display:none}.model-strip{gap:15px}.model-strip .text-link{font-size:10px}.advanced-body{gap:21px}}@media (max-width:820px){.site-header{height:80px;margin:0 22px;padding:0}.brand{font-size:20px}.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:38px}.intro .eyebrow{letter-spacing:1.2px;font-size:8px}.intro-description{font-size:13px}.apparent-pill{margin:0;padding:7px 11px;font-size:10px}.workspace{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr);gap:13px}.board-header{top:18px;left:17px;right:17px}.board-header .auto-trim{gap:0;font-size:0}.board-header .auto-trim .status-dot{width:6px;height:6px}.diagram-wrap{margin-top:40px}.diagram-legend{gap:7px;font-size:7px;bottom:5px;left:17px}.drag-hint{margin-top:16px;font-size:9px}.preset-controls button{gap:3px;padding:6px;font-size:8px}.preset-controls button svg{width:13px}.preset-controls{margin-top:16px;margin-bottom:19px}.wind-controls{padding:17px}.wind-control-heading label{font-size:11px}.speed-control-row{gap:12px}.speed-value{min-width:75px}.speed-value output{font-size:28px}.trim-panel{padding:21px 18px 16px}.guide-state{min-height:0}.guide-state h2{font-size:23px}.guide-state p{font-size:11px;line-height:1.7}.angle-display{margin-top:13px}.angle-value{font-size:46px}.angle-side{font-size:9px}.angle-side button{font-size:8px}.sail-advice p{padding-left:0;font-size:11px}.sail-label{font-size:12px}.strength-advice p{font-size:10px}.guide-foot{font-size:8px}.model-strip>.text-link{white-space:normal;max-width:120px}.site-footer{flex-wrap:wrap;margin:0 22px;font-size:8px}.footer-motto{font-size:13px}.advanced-body{grid-template-columns:1fr;gap:18px}.advanced-body article{padding-top:16px}.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{height:78px;margin:0 20px}.main-content{margin:0 16px}.brand{gap:7px;font-size:19px}.brand-symbol{width:33px}.brand-by{letter-spacing:1.7px;font-size:8px}.language-switch{padding:3px}.language-switch button{padding:5px 8px;font-size:10px}.header-actions{gap:5px}.intro{gap:17px;padding:28px 6px 24px}h1{letter-spacing:-1.3px;font-size:34px;line-height:1.13}h1 em{margin-top:2px;display:block}.intro .eyebrow{letter-spacing:1px;gap:7px;margin-bottom:14px;font-size:7px}.tiny-line{width:15px}.intro-description{max-width:260px;margin-top:12px;font-size:12px;line-height:1.7}.apparent-pill{gap:5px;max-width:135px;padding:6px 8px;font-size:8px;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:8px}.board-header .auto-trim{gap:5px;font-size:8px}.diagram-wrap{max-width:480px;margin-top:35px}.reset-button{width:28px;height:28px;top:49px;right:12px}.reset-button svg{width:15px}.diagram-legend{font-size:8px;bottom:9px;left:20px}.drag-hint{margin-top:5px;font-size:10px}.preset-controls{flex-wrap:nowrap;gap:5px;margin:18px 12px 23px}.preset-controls button{flex:1;gap:4px;padding:8px 6px;font-size:8px}.preset-controls button svg{width:13px}.wind-controls{padding:20px 22px}.wind-control-heading label{font-size:12px}.speed-value{min-width:91px}.speed-value output{font-size:34px}.speed-control-row{gap:19px}.speed-step-buttons{display:flex}.speed-step-buttons .icon-button{width:27px;height:27px}.wind-band{margin-top:10px;font-size:10px}.wind-band-note{display:none}.trim-panel{padding:25px 25px 19px}.guide-heading .eyebrow{font-size:9px}.guide-state{margin-top:18px}.guide-state h2{max-width:none;font-size:27px}.guide-state p{max-width:410px;font-size:13px;line-height:1.7}.angle-display{margin-top:10px;padding:15px 0 21px}.angle-value{font-size:55px}.angle-side{font-size:10px}.angle-side button{font-size:9px}.sail-advice{padding:20px 0}.sail-advice p{padding-left:25px;font-size:12px}.sail-label{font-size:13px}.strength-advice{margin-top:21px;padding:15px}.strength-advice p,.strength-advice h3{font-size:12px}.guide-foot{padding-top:19px;font-size:9px}.advanced-panel{margin-top:17px}.advanced-panel summary{gap:11px;padding:18px 19px}.advanced-subtitle{max-width:230px;font-size:9px}.advanced-panel strong{font-size:13px}.advanced-body{padding:0 22px 24px}.model-strip{flex-wrap:wrap;gap:13px;padding:28px 7px 30px}.model-strip>div{max-width:calc(100% - 64px)}.model-strip .eyebrow{letter-spacing:1px;font-size:7px}.model-strip p:not(.eyebrow){font-size:10px;line-height:1.8}.model-strip>.text-link{max-width:none;margin:2px 0 0 60px;font-size:10px}.site-footer{align-items:center;gap:15px 8px;margin:0 22px;padding:20px 0 26px}.footer-motto{display:none}.site-footer>span:last-child{font-size:8px}.dialog-content{padding:25px}.dialog-content h2{font-size:28px}.dialog-top{margin-bottom:24px}.info-dialog{max-height:88dvh}}@media (max-width:370px){.intro .eyebrow{letter-spacing:.7px;font-size:6px}.apparent-pill{position:static}.preset-controls button{gap:3px;padding:7px 4px;font-size:7px}.speed-step-buttons{display:none}.language-switch button{padding:5px 6px}.header-actions{gap:0}.brand{font-size:18px}.speed-control-row{gap:14px}}:root{--ink:#203d46;--ink-light:#526973;--muted:#667d81;--green:#2b6262;--green-soft:#e5efeb;--line:#d7e2df;--paper:#f3f6f4}.visual-panel{background:#e7f0ed;border-color:#d3e0db}.wind-controls{background:#f0f6f2ba}.trim-panel{background:#fffefa}.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{color:#536b6b;font-size:14px;line-height:1.7}.sail-label{font-size:14px}.strength-advice h3{font-size:13px}.strength-fresh p{color:#75613d}.guide-foot{color:#617b6d;font-size:11px}.strength-advice{background:#edf3ec}.strength-fresh{background:#f6f0e2}.angle-side{color:#577475;font-size:12px}.angle-side button{min-height:28px;font-size:11px}.micro-label{color:#627875;font-size:10px}.guide-heading .eyebrow{color:#627b74;font-size:10px}.preset-controls button{color:#4f6e66;min-height:36px;font-size:11px}.auto-trim{font-size:11px}.drag-hint{color:#46695f;font-size:12px}.wind-control-heading label{font-size:13px}.unit-switch{font-size:12px}.unit-switch button{min-height:28px}.wind-band{color:#507160;font-size:12px}.wind-band-note{color:#657c69;font-size:10px}.range-endpoints{color:#637c69;font-size:10px}.advanced-panel strong{font-size:14px}.advanced-subtitle{color:#607765;font-size:12px}.advanced-body p{color:#506c61;font-size:14px}.model-strip p:not(.eyebrow){color:#607767;font-size:12px}.text-link{color:#426c60;font-size:12px}.dialog-content p,.glossary dd{color:#526b64;font-size:14px}.glossary dt{font-size:15px}.source-list a{font-size:13px}.dialog-content .keyboard-help,.dialog-content .review-note{font-size:12px}.help-steps li{color:#526b64;font-size:14px}.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:20px 0}.trim-panel{padding:27px}.preset-controls button{font-size:12px}}@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{min-height:38px;font-size:11px}.preset-controls button svg{width:16px}.guide-state{min-height:0}.apparent-pill{max-width:none;font-size:10px;position:static}.intro{gap:14px;padding-bottom:22px}.advanced-subtitle{font-size:11px}.model-strip>.text-link{font-size:12px}.board-header .auto-trim{font-size:9px}.speed-step-buttons .icon-button{width:30px;height:34px}.model-strip p:not(.eyebrow){font-size:12px}.site-footer>span:last-child{font-size:9px}.guide-foot{font-size:11px}}.site-header{gap:16px}.brand>span:last-child{white-space:nowrap}.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::-webkit-slider-thumb{width:22px;height:22px;margin-top:-9.5px}.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 input::-moz-range-thumb{width:14px;height:14px}.speed-range-wrap{padding-top:11px}.range-endpoints{margin-top:2px}@media (max-width:370px){.site-header{gap:8px}.brand{gap:4px;font-size:16px}.brand-symbol{width:26px}.brand-symbol svg{width:24px}.mobile-help{width:28px}}.boat-settings{background:#edf2ee;border:1px solid #dbe5de;border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px 18px;margin:0 0 20px;padding:16px 19px;display:flex}.rig-picker{align-items:center;gap:9px;display:flex}.rig-picker>.micro-label{letter-spacing:.4px;margin-right:7px;font-size:11px}.rig-option{text-align:left;color:#557469;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;min-height:44px;padding:9px 15px;display:flex}.rig-option>span{font-size:13px;line-height:1.3}.rig-option small{color:#6c8177;margin-top:2px;font-size:10px;display:block}.rig-option[aria-pressed=true]{background:#fffefa;border-color:#d0dfd5;box-shadow:0 2px 3px #20473805}.rig-option:hover{background:#e0ebe3}.rig-description{color:#61796e;flex-basis:100%;margin-left:0;padding-top:3px;font-size:12px}.telltales-toggle{align-items:center;gap:10px;min-height:40px;margin-left:auto;padding:6px 4px;font-size:12px;display:flex}.toggle-track{background:#bfcec5;border-radius:15px;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}@media (max-width:640px){.boat-settings{gap:10px;margin-bottom:16px;padding:13px}.rig-picker{gap:6px;width:100%}.rig-picker>.micro-label{margin-right:auto;font-size:10px}.rig-option{gap:5px;padding:8px 10px}.rig-option>span{font-size:12px}.rig-option>svg{width:17px}.rig-description{order:1;font-size:11px}.telltales-toggle{order:2;min-height:36px;margin-left:0;font-size:12px}.diagram-legend{flex-wrap:wrap;justify-content:center;gap:10px;margin:0 12px 10px;font-size:10px;position:static}}.mobile-page-nav{display:none}.rig-picker{flex-wrap:wrap}@media (max-width:640px){.rig-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.rig-picker>.micro-label{grid-column:1/-1;margin:0 0 4px}.rig-option{justify-content:center;gap:5px;min-width:0;padding:9px 7px}.rig-option>svg{display:none}.rig-option>span{font-size:12px}.rig-option small{font-size:10px}}.telltales-lesson-link{color:#375e59;background:#e5eeea;border:1px solid #ccded4;border-radius:12px;align-items:center;gap:15px;margin-top:12px;padding:21px 24px;display:flex}.telltales-lesson-link>span{flex:1}.telltales-lesson-link strong{font-size:15px;font-weight:400;display:block}.telltales-lesson-link>span>span{color:#6c8075;margin-top:4px;font-size:13px;line-height:1.7;display:block}.telltales-lesson-link:hover{background:#dce9e2}@media (min-width:821px){.desktop-nav{gap:22px;margin-left:15px}}@media (max-width:820px){.mobile-page-nav{border-bottom:1px solid #d7e2df;align-items:center;gap:24px;margin:0 22px;display:flex}.mobile-page-nav a{color:#6b827b;border-bottom:2px solid #0000;align-items:center;min-height:44px;font-size:12px;display:flex}.mobile-page-nav a[aria-current=page]{color:#285d59;border-bottom-color:#4e8172}}@media (max-width:640px){.telltales-lesson-link{gap:12px;padding:19px}.telltales-lesson-link strong{font-size:14px}.telltales-lesson-link>span>span{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}