.trim-main{--trim-context-height:64px}.trim-main .intro{padding-block:30px 24px}.trim-main .intro-description{max-width:55ch;font-size:1rem}.trim-explorer{position:relative}.trim-context-bar{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--white);font-size:var(--text-sm);align-items:center;gap:16px;margin-bottom:12px;padding:12px 20px;display:flex}.trim-context-title{color:var(--ink-light);align-items:center;gap:8px;display:flex}.trim-context-values{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:6px 16px;display:flex}.trim-context-values>span{white-space:nowrap}.trim-context-boat{display:none}.trim-context-values,.trim-state-summary{animation:.45s ease-out trim-feedback}@keyframes trim-feedback{0%{background-color:#cfe3db}to{background-color:#0000}}.trim-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.trim-main .board-header{flex-wrap:wrap;gap:12px;padding:10px 20px 0;position:static}.trim-main .board-header>.eyebrow{font-size:var(--text-caption);margin:0}.trim-reset{border-radius:var(--radius-control);justify-content:center;align-items:center;gap:7px;min-height:44px;padding:8px;font-size:.8125rem;display:inline-flex}.trim-reset:hover{background:#d5e5dd}.trim-reset:active{background:#bfd9cc}.trim-main .drag-hint{color:var(--ink);font-size:var(--text-sm);text-align:center;margin:4px 16px 0}.trim-main .drag-hint strong{font-weight:400}.trim-main .drag-orbit{border:1px solid #9dbbae;border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:19px;display:grid}.trim-main .diagram-wrap{max-width:510px;margin-top:0}.trim-main .diagram-legend{font-size:var(--text-xs);flex-wrap:wrap;justify-content:center;margin:0 12px 8px;position:static}.trim-main .point-of-sail{gap:0;margin:0 16px 6px}.trim-main .point-of-sail>strong{font-size:1.375rem}.trim-main .point-of-sail>button{min-height:44px;font-size:var(--text-xs)}.trim-main .preset-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px 20px 16px;display:grid}.trim-main .preset-controls button{white-space:normal;justify-content:flex-start;min-height:48px;padding:8px 12px;font-size:.8125rem}.trim-main .preset-controls button small{font-size:var(--text-caption)}.trim-main .wind-controls{margin-top:0;padding:16px 20px}.trim-main .wind-control-heading{flex-wrap:wrap;gap:8px}.trim-main .angle-display{flex-wrap:wrap}.trim-main .angle-side{max-width:100%;margin-left:auto}.trim-main .speed-control-row{flex-wrap:wrap;gap:12px}.trim-main .speed-value{min-width:80px}.trim-main .speed-range-wrap{min-width:95px;padding-top:0}.trim-main .speed-range-wrap input{min-height:44px}.trim-main .speed-step-buttons{display:flex}.trim-main .speed-step-buttons .icon-button{min-width:44px;min-height:44px}.trim-boat-settings{border-top:1px solid var(--line);background:#eff5f1}.trim-boat-settings>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 20px;font-size:.8125rem;list-style:none;display:flex}.trim-boat-settings>summary::-webkit-details-marker{display:none}.trim-boat-settings>summary strong{font-size:var(--text-sm);margin-top:2px;display:block}.trim-boat-settings>summary:hover{background:#e1ece5}.trim-boat-settings[open]>summary>svg{transform:rotate(90deg)}.trim-main .boat-settings{background:0 0;border:0;border-radius:0;margin:0;padding:0 16px 16px}.trim-main .rig-picker{flex-wrap:wrap}.trim-main .rig-picker>.micro-label{flex-basis:100%}.trim-main .telltales-toggle{min-height:44px;margin-left:0}.trim-state-summary{border-bottom:1px solid var(--line);color:var(--ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin-top:14px;padding-bottom:14px;line-height:1.7}.trim-state-summary small{font-size:var(--text-xs);color:var(--ink-light);align-items:center;gap:6px;margin-top:4px;display:flex}.trim-main .guide-state{min-height:0;margin-top:16px}.trim-main .guide-state h2{max-width:none}.trim-main .term-hint{margin-top:12px}.trim-mobile-link{display:none}#trim-boat,#trim-advice{scroll-margin-block:calc(var(--trim-context-height) + 16px) 20px}#trim-boat:focus-visible,#trim-advice:focus-visible{outline:3px solid var(--green);outline-offset:4px}@media (max-width:820px){.trim-main .intro{gap:8px;padding:20px 0 16px}.trim-main .intro .eyebrow{display:none}.trim-main h1{font-size:clamp(1.7rem,5.7vw,2.375rem)}.trim-main h1 em{display:inline}.trim-main .intro-description{font-size:var(--text-sm);max-width:52ch;margin-top:8px;line-height:1.5}.trim-main .intro .apparent-pill{display:none}.trim-context-bar{z-index:5;gap:8px;padding:8px 12px;position:sticky;top:0;box-shadow:0 3px 10px #203d4610}.trim-context-title{display:none}.trim-context-values{flex:1;gap:0 12px;font-size:.8125rem}.trim-context-values strong{flex-basis:100%}.trim-context-boat{border:1px solid var(--line);border-radius:6px;align-items:center;gap:6px;min-height:44px;padding:8px;font-size:.8125rem;display:inline-flex}.trim-context-boat svg,.trim-back-link svg{transform:rotate(180deg)}.trim-main .workspace{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.trim-main .diagram-wrap{max-width:440px}.trim-main .point-of-sail>.micro-label,.trim-main .point-of-sail>strong{display:none}.trim-mobile-link{border-radius:var(--radius-control);min-height:44px;font-size:var(--text-sm);justify-content:space-between;align-items:center;gap:12px;display:flex}.trim-advice-link{background:var(--green);color:#fff;margin:4px 20px 12px;padding:12px 16px}.trim-advice-link small{font-size:var(--text-xs);margin-top:3px;display:block}.trim-advice-link:hover{background:#204f50}.trim-advice-link:active{background:#173f40}.trim-back-link{background:var(--green-soft);justify-content:flex-start;margin-top:12px;padding:8px 12px}.trim-back-link:hover,.trim-context-boat:hover{background:#d8e9e2}.trim-main .trim-panel{padding:24px}}@media (max-width:400px){.trim-main .board-header{padding-inline:12px}.trim-main .preset-controls,.trim-advice-link{margin-inline:12px}.trim-main .wind-controls{padding-inline:12px}.trim-main .speed-control-row{flex-wrap:wrap;display:flex}.trim-main .speed-range-wrap{flex-basis:100%;order:1}.trim-main .speed-step-buttons{margin-left:auto}.trim-main .trim-panel{padding:20px}}@media (prefers-reduced-motion:reduce){.trim-context-values,.trim-state-summary{animation:none}}@media (max-height:420px){.trim-context-bar{position:static}}