/* Club Carry polish. Loaded after the existing stylesheets on the calculator and both helper pages.
   Scope: one compact estimate note, the phone club-speed toggle, the measured-carry shortcut
   and helper-page navigation spacing. Everything uses pl- classes or existing ids. */

/* 1. Result heading: a direct route to the existing measured-carry comparison. */
.results-heading .result-basis{margin-bottom:0}
.pl-measured-entry{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;margin:4px 0 0}
.pl-measured-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;line-height:20px;font-weight:600}
.pl-measured-link:active{transform:translateY(1px)}
.pl-measured-note{font-size:12px;line-height:16px;color:var(--muted)}

/* 2. One calm information area: example or source status, then reference range and limits. */
.pl-context{display:grid;gap:4px;margin:0 0 16px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--paper)}
.pl-context .estimate-context,.pl-context .range-note{margin:0;padding:0;border:0;border-radius:0;background:none}
.pl-context .estimate-context{font-size:14px;line-height:20px;color:var(--ink)}
.pl-context-foot{font-size:12px;line-height:16px;color:var(--muted)}
.pl-context-foot>p{display:inline;margin:0;font-size:12px;line-height:16px}
.pl-context .range-note{color:#725a21;font-weight:600}
.pl-context-meta a{font-weight:600}

/* 3. Phone carry table: club speed becomes an optional column. polish.mjs adds the class
   and reveals the button, so without scripts the full table and no control remain. */
.pl-table-tools{display:flex;justify-content:flex-end;margin:0 0 8px}
.pl-speed-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:14px;line-height:20px;font-weight:600}
.pl-speed-toggle::before{content:'+';font-size:16px;line-height:20px;font-weight:400}
.pl-speed-toggle[aria-expanded=true]::before{content:'−'}
.pl-speed-toggle:active{background:var(--green-soft)}
.pl-speed-toggle:focus-visible{outline:2px solid var(--flag);outline-offset:2px}
@media (hover:hover){.pl-speed-toggle:hover{background:var(--green-soft);border-color:#899673}}
@media (min-width:801px){.pl-table-tools{display:none}}
@media (max-width:800px){
  .pl-context{padding:8px 12px}
  .bag.pl-speed-collapsed tr>:nth-child(2){display:none}
  .bag.pl-speed-collapsed .rb-carry-head,.bag.pl-speed-collapsed .rb-carry-cell{width:50%}
}

/* 4. Helper pages: five header items, with the page's own primary action, fit at 900px. */
@media (min-width:801px) and (max-width:1100px){
  .ball-page .desktop-nav,.guide-page .desktop-nav{gap:0}
  .ball-page .desktop-nav a,.guide-page .desktop-nav a{padding-inline:8px}
}