/* Scoped tool styles: homepage layout and print rules stay untouched. */
.converter-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.converter-page h1,.converter-page h2,.converter-page h3{font-family:inherit}
.converter-page .header{gap:20px}
.converter-page .header nav{gap:24px;font-size:.9375rem}
.converter-intro{padding:24px 0}
.breadcrumbs{font-size:.875rem;color:var(--muted);margin:0 0 12px}
.breadcrumbs a:hover{text-decoration:underline}
.converter-intro h1{margin:10px 0;font-size:clamp(2rem,4vw,3rem)}
.converter-intro>p:last-child{margin:0;color:var(--muted);font-size:1.0625rem}
.converter-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}
.converter-input{padding:28px}
.converter-input h2{font-size:1.375rem;margin:0 0 22px;letter-spacing:-.4px}
#converter-form>label{display:block;font-size:.9375rem;font-weight:600;margin:0 0 8px}
#pace-unit{width:100%;font-size:.9375rem;min-height:48px}
.converter-fields{border:0;padding:0;margin:22px 0 0;min-width:0}
.converter-fields legend{font-size:.9375rem;font-weight:600;margin-bottom:10px}
.converter-time{display:grid;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr);gap:12px}
.converter-time label{text-align:center;min-width:0}
.converter-time input{width:100%;font-size:2.25rem;font-weight:650;text-align:center;min-height:76px;font-variant-numeric:tabular-nums}
.converter-time span{display:block;font-size:.875rem;color:var(--muted);margin-top:6px}
.converter-time b{align-self:start;padding-top:12px;font-size:1.75rem;font-weight:400;color:var(--muted)}
.converter-speed label{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.converter-speed input{width:100%;font-size:2.25rem;font-weight:650;text-align:center;min-height:76px;font-variant-numeric:tabular-nums}
.converter-speed label span{font-size:1rem;font-weight:650;color:var(--muted)}
.converter-note{font-size:.875rem;color:var(--muted);line-height:1.6;margin:14px 0}
.converter-error{color:#b6243d;font-size:.9375rem;margin:10px 0}
.converter-error:empty{display:none}
html[data-theme=dark] .converter-error{color:#ffafbc}
.converter-time input[aria-invalid=true]{border-color:#c4354e}
.converter-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:20px 0}
.converter-presets>span{font-size:.875rem;flex-basis:100%;color:var(--muted)}
.converter-presets button,.converter-controls button{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-height:44px;padding:8px 14px;font-size:.9375rem}
.converter-presets button:hover,.converter-controls button:hover:not(:disabled){background:var(--soft)}
.converter-controls{display:flex;justify-content:space-between;gap:12px}
.converter-controls #swap-pace{background:var(--soft);color:var(--accent);font-weight:650}
.converter-explorer{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}
.converter-explorer summary{font-size:1rem;font-weight:650;margin-bottom:15px;list-style:revert}
.converter-explorer summary::-webkit-details-marker{display:inline}
.converter-explorer label{display:block;font-size:.875rem}
.converter-explorer output{font-weight:650}
#pace-slider{display:block;width:100%;accent-color:var(--accent);padding:8px 0;min-height:44px}
.converter-output{background:var(--navy);color:#fff;padding:28px;display:flex;flex-direction:column;gap:20px}
.conversion-primary{text-align:center}
.conversion-primary>p:first-child{margin:0;color:#c4d2e9;font-size:1rem}
#converted-pace{display:block;font-weight:750;font-size:clamp(3.25rem,6vw,4.5rem);line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-2px;overflow-wrap:anywhere;margin:8px 0;color:#75dfc0}
#converted-unit{font-size:.875rem;letter-spacing:1.6px;color:#c4d2e9}
#conversion-sentence{font-size:1rem;margin:16px 0 0;min-height:3.2em;color:#d9e4f5}
.conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #ffffff2a;border-left:1px solid #ffffff2a;border-radius:10px;overflow:hidden}
.conversion-grid>div{padding:14px 10px;text-align:center;border-bottom:1px solid #ffffff2a;border-right:1px solid #ffffff2a;min-width:0}
.conversion-grid span{display:block;font-size:.875rem;color:#bdcde6}
.conversion-grid strong{display:block;font-size:1.75rem;font-variant-numeric:tabular-nums;margin:3px 0;overflow-wrap:anywhere}
.conversion-grid small{display:block;font-size:.875rem;color:#bdcde6}
.converter-advanced{border:1px solid #ffffff2a;border-radius:10px;background:#ffffff09;padding:0 14px}
.converter-advanced summary{padding:14px 0;font-weight:650;cursor:pointer;color:#d9e4f5;list-style:revert}
.converter-advanced summary::-webkit-details-marker{display:inline}
.advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff2a;padding:14px 0;gap:10px}
.advanced-grid>div{text-align:center;min-width:0}
.advanced-grid span,.advanced-grid small{display:block;color:#bdcde6;font-size:.8125rem}
.advanced-grid strong{display:block;font-size:1.35rem;margin:4px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.converter-scale h3{font-size:1rem;font-weight:600;margin-bottom:0;letter-spacing:0}
.speed-axis{position:relative;height:60px;margin:0 22px}
.speed-line{height:4px;position:absolute;left:0;right:0;bottom:10px;background:#91b5f5;border-radius:2px}
.speed-runner{position:absolute;left:50%;bottom:10px;width:42px;height:42px;transform:translateX(-50%);transition:left .18s ease}
.speed-runner img{display:block;width:100%;height:100%;object-fit:contain}
.speed-ticks{display:flex;justify-content:space-between;margin:0 14px;color:#bdcde6;font-size:.875rem;font-variant-numeric:tabular-nums}
#speed-description{font-size:.875rem;color:#c4d2e9;margin:10px 0 0}
.converter-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.converter-actions button{min-height:44px;padding:10px 12px;border:1px solid #ffffff45;border-radius:8px;color:#fff;background:#ffffff12;font-size:.875rem;flex:1}
.converter-actions button:hover:not(:disabled){background:#ffffff25}
.converter-privacy{text-align:center;font-size:.875rem;color:#bdcde6;margin:0}
.converter-races,.converter-nearby,.converter-chart,.converter-guide,.converter-faq{margin-top:36px}
.converter-page h2{font-size:1.75rem;letter-spacing:-.6px}
.converter-page .converter-input h2{font-size:1.375rem}
.lap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.lap-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center}
.lap-grid span{display:block;font-size:.9375rem;color:var(--muted)}
.lap-grid strong{display:block;font-size:1.75rem;font-variant-numeric:tabular-nums;margin-top:4px;overflow-wrap:anywhere}
.converter-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.converter-table-wrap table{font-size:1rem}
.converter-table-wrap caption{text-align:left;font-size:.875rem;padding:12px 16px;color:var(--muted)}
.converter-table-wrap th{font-size:.875rem;position:static}
.converter-table-wrap tbody th{font-weight:500;background:transparent;color:var(--text)}
.converter-table-wrap tr.current-pace{background:var(--soft);font-weight:700}
.converter-table-wrap tr.current-pace th{font-weight:700}
.converter-races>p{max-width:780px;color:var(--muted)}
.race-finish-table{max-width:680px}
.race-finish-table table{font-variant-numeric:tabular-nums}
.race-finish-table tbody th{font-weight:600}
.converter-chart>p{max-width:780px;color:var(--muted)}
.converter-chart details{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:0 18px 18px}
.converter-chart summary{font-size:1rem;font-weight:650;padding:18px 0;list-style:revert}
.converter-chart summary::-webkit-details-marker{display:inline}
.chart-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-bottom:18px}
.chart-controls label{font-size:.875rem;font-weight:600}
.chart-controls select{display:block;width:100%;min-height:44px;margin-top:6px;font-size:.9375rem}
.chart-controls button{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--accent);padding:8px 14px;font-size:.9375rem;font-weight:650}
.chart-buttons{display:flex;flex-wrap:wrap;gap:8px}
.chart-table table{font-variant-numeric:tabular-nums}
.chart-table tbody th{font-weight:600}
.converter-related{border-left:4px solid var(--accent);background:var(--soft);padding:20px 24px;margin:36px 0}
.converter-related h2{font-size:1.25rem;margin:0}
.converter-related p{margin:8px 0 0}
.converter-related a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-weight:650}
.converter-guide>p{max-width:780px;color:var(--muted)}
.converter-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}
.converter-formulas article{border-top:1px solid var(--line);padding-top:20px}
.converter-formulas h3{font-size:1.125rem}
.converter-formulas p{color:var(--muted);font-size:1rem}
.converter-formulas .converter-formula{color:var(--text);font-size:1.0625rem;font-weight:650}
.converter-faq{margin-bottom:44px}
.converter-faq h2{margin-bottom:22px}
.converter-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.converter-faq summary{font-size:1rem;font-weight:650;list-style:revert}
.converter-faq summary::-webkit-details-marker{display:inline}
.converter-faq p{color:var(--muted);font-size:1rem;max-width:850px;margin:12px 0 0}
.converter-page footer{font-size:.875rem}
.converter-print-url{display:none}
@media(max-width:700px){.converter-workspace{grid-template-columns:1fr}.converter-page .header{height:auto;min-height:84px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:12px}.converter-page .header nav{gap:12px}.converter-page .header nav a{display:block;font-size:.875rem}.converter-input,.converter-output{padding:24px}.converter-formulas{grid-template-columns:1fr}.chart-controls{grid-template-columns:1fr}.speed-axis{margin:0 28px}.converter-page h2{font-size:1.5rem}}
@media(max-width:520px){.advanced-grid{grid-template-columns:1fr}.advanced-grid>div{padding:8px 0;border-bottom:1px solid #ffffff1f}.advanced-grid>div:last-child{border-bottom:0}.chart-buttons{display:grid;grid-template-columns:1fr}}
@media(max-width:420px){.converter-page .header .brand{flex:1}.converter-page .header nav{order:3;width:100%;justify-content:space-between}.converter-page .header .theme-button{width:44px;height:44px}.converter-input,.converter-output{padding:20px}.converter-related{padding:16px}.converter-time{gap:6px}.conversion-grid span{font-size:.875rem}.lap-grid>div{padding:12px}.converter-presets button{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){.speed-runner{transition:none}}
@page{size:auto;margin:14mm}
@media print{
  .converter-page{background:#fff!important;color:#17253e!important;font-size:12pt}
  .converter-page .header,.converter-page .skip,.breadcrumbs,.converter-input,.converter-actions,.converter-privacy,.converter-scale,.converter-chart,.converter-related,.converter-guide,.converter-faq,.converter-page footer,.toast{display:none!important}
  .converter-page main{padding:0;max-width:none}
  .converter-intro{padding:0 0 12px;text-align:center}.converter-intro h1{font-size:25pt}.converter-intro>p:last-child{display:none}
  .converter-workspace{display:block;border:0;border-radius:0}
  .converter-output{background:#fff;color:#17253e;padding:0;gap:12px}
  .conversion-primary>p:first-child,#converted-unit,#conversion-sentence,.conversion-grid span,.conversion-grid small{color:#334155}
  #converted-pace{color:#087f5b;font-size:38pt;margin:3px 0}#conversion-sentence{min-height:0;margin:8px 0;font-size:12pt}
  .conversion-grid{grid-template-columns:repeat(4,minmax(0,1fr));border-color:#8793a4;border-radius:0}.conversion-grid>div{border-color:#8793a4;padding:8px}.conversion-grid strong{font-size:20pt}
  .converter-races{margin-top:18px;break-inside:avoid}.converter-nearby{margin-top:14px;break-inside:auto}.converter-nearby h2,.converter-nearby>p{break-after:avoid;page-break-after:avoid}.converter-page h2{font-size:17pt;margin:8px 0}
  .converter-note{color:#334155;font-size:10.5pt}
  .converter-table-wrap{overflow:visible;border-color:#8793a4;border-radius:0;break-inside:auto}.converter-table-wrap table{font-size:11pt}.converter-table-wrap thead{display:table-header-group}.converter-table-wrap tr{break-inside:avoid;page-break-inside:avoid}.converter-table-wrap th{font-size:10.5pt;background:white;color:#17253e}.converter-table-wrap th,.converter-table-wrap td{padding:7px 8px;border-color:#8793a4}.converter-table-wrap tr.current-pace{background:white;outline:2px solid #334155;outline-offset:-2px}.converter-table-wrap tbody th{color:#17253e}
  #nearby-description{font-size:10.5pt;margin:6px 0}.converter-print-url{display:block;text-align:center;color:#334155;font-size:10pt;margin-top:15px}
  .converter-page.print-chart .converter-workspace,.converter-page.print-chart .converter-races,.converter-page.print-chart .converter-nearby,.converter-page.print-chart .converter-print-url{display:none!important}
  .converter-page.print-chart .converter-chart{display:block!important;margin-top:8px}.converter-page.print-chart .converter-chart>p{color:#334155;margin:6px 0 12px}.converter-page.print-chart .converter-chart details{display:block;border:0;padding:0}.converter-page.print-chart .converter-chart summary,.converter-page.print-chart .chart-controls{display:none!important}.converter-page.print-chart .chart-table{display:block!important;overflow:visible;border-color:#8793a4;border-radius:0}.converter-page.print-chart .chart-table thead{display:table-header-group}.converter-page.print-chart .chart-table tr{break-inside:avoid;page-break-inside:avoid}
}

@media print{.conversion-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conversion-grid strong{overflow-wrap:anywhere}}