/* Presentation only. Each calculator retains its original rules and controls. */
html{scroll-behavior:smooth}
.tool-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.tool-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 16px;border:1px solid #506075;border-radius:10px;color:#d6e4ef;text-decoration:none;font-size:14px;font-weight:650}
.tool-nav a:first-child{margin-right:auto}
.tool-nav a[aria-current=page]{background:#dbb876;color:#14202e;border-color:#dbb876}
.tool-nav a:hover{border-color:#dbb876}
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #75d2ba;outline-offset:3px}
.skip-link{position:absolute;top:0;left:12px;z-index:10;transform:translateY(-120%);background:#dbb876;color:#14202e;padding:12px;border-radius:8px}
.skip-link:focus{transform:translateY(0)}
.flower-tiles{display:inline-flex;align-items:center;gap:4px;min-height:37px}
.flower-tiles .tile-label{font-size:12px}
.combined-tiles .draw-group{position:relative}
.combined-tiles .draw-label{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:auto;height:auto;clip-path:none;overflow:visible;font-size:10px}
.combined-tiles{margin-bottom:18px}
.tile{aspect-ratio:192 / 278}
.summary-grid>*{min-width:0}
summary .wait-tiles{flex-wrap:wrap;max-width:100%}
.scroll{max-width:100%;overscroll-behavior-x:contain}
.scroll:focus-visible{outline:2px solid #75d2ba;outline-offset:3px}
.scroll-hint{display:none}
@media(max-width:750px){.scroll-hint{display:block;font-size:11px;color:#a8b9ca;margin:10px 0 -6px}}
@media(max-width:430px){
  .tool-nav a{padding:8px 12px}
  .summary-grid{grid-template-columns:1fr}
  .dora-field{gap:7px;grid-template-columns:max-content minmax(0,1fr) 109px}
  .inline-field{gap:8px}
  .metric strong{font-size:22px}
  .flower-field{column-gap:10px;row-gap:8px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}