/* MudderElla "Trail Clay" skin. Plain CSS, no JavaScript, no Google Fonts.
   Inter: SIL OFL 1.1, latin subset, self-hosted (copied from sibling builds, fetched from the Google Fonts CDN 2026-10-01). */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/inter-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --paper:#f7f3ec; --card:#ffffff; --ink:#26201c; --muted:#5a4f48; --line:#ddd3c6; --soft:#eee6da;
  --rowing:#a2461f;  --rowing-tint:#f8e7dd;
  --homegym:#2c5b72; --homegym-tint:#e2eef4;
  --treadmill:#3d6a2b; --treadmill-tint:#e6f0df;
  --bike:#7a3a68;    --bike-tint:#f3e5ef;
  --start:#26201c;   --start-tint:#eee6da;
  --accent:var(--rowing); --tint:var(--rowing-tint);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --radius:10px;
}
body.theme-rowing{--accent:var(--rowing);--tint:var(--rowing-tint)}
body.theme-homegym{--accent:var(--homegym);--tint:var(--homegym-tint)}
body.theme-treadmill{--accent:var(--treadmill);--tint:var(--treadmill-tint)}
body.theme-bike{--accent:var(--bike);--tint:var(--bike-tint)}
body.theme-start,body.theme-home,body.theme-support{--accent:var(--rowing);--tint:var(--soft)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1rem/1.65 var(--sans);overflow-wrap:break-word}
img,svg{max-width:100%}
a{color:var(--accent);text-underline-offset:.15em}
a:hover{text-decoration-thickness:2px}
a:focus-visible,label:focus-visible,.table-wrap:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.wrap{width:100%;max-width:47rem;margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:20}
.skip:focus{left:8px;top:8px}

/* header */
.site-header{background:var(--ink);color:#fff}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.7rem;padding-bottom:.7rem;max-width:68rem}
.brand{display:flex;align-items:center;gap:.6rem;color:#fff;text-decoration:none;font:800 1.2rem/1 var(--sans);letter-spacing:-.01em}
.brand svg{flex:none}
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.nav-btn{display:inline-block;padding:.5rem .9rem;border:1px solid #8a7a6e;border-radius:8px;font:600 .9rem var(--sans);cursor:pointer;color:#fff}
.main-nav{display:none;width:100%}
.nav-toggle:checked ~ .main-nav{display:block}
.nav-toggle:focus-visible + .nav-btn{outline:3px solid #fff;outline-offset:2px}
.main-nav ul{list-style:none;margin:.4rem 0 0;padding:0;display:grid;gap:.1rem}
.main-nav a{display:block;padding:.65rem .2rem;color:#fff;text-decoration:none;font-weight:600;border-top:1px solid #473d36}
.main-nav a:hover{text-decoration:underline}
.main-nav a[aria-current="page"]{box-shadow:inset 3px 0 0 #fff;padding-left:.7rem}
.rule{height:5px;background:linear-gradient(90deg,#d9683b 0 25%,#4f8fb0 25% 50%,#7aa95c 50% 75%,#b9669f 75%)}
@media(min-width:760px){
  .nav-btn{display:none}
  .main-nav{display:block;width:auto}
  .main-nav ul{display:flex;gap:1.4rem;margin:0}
  .main-nav a{border:0;padding:.3rem 0}
  .main-nav a[aria-current="page"]{box-shadow:none;padding-left:0;text-decoration:underline;text-underline-offset:.35em}
}

/* page */
main{padding:1.4rem 0 3rem}
.crumbs{list-style:none;margin:0 0 .8rem;padding:0;display:flex;flex-wrap:wrap;gap:.2rem .5rem;font-size:.85rem;color:var(--muted)}
.crumbs li+li::before{content:"\203A";margin-right:.5rem;color:var(--muted)}
.crumbs a{color:var(--muted)}
h1,h2,h3{font-family:var(--sans);line-height:1.2;color:var(--ink);letter-spacing:-.015em}
h1{font-size:1.85rem;font-weight:800;margin:.2rem 0 1rem}
h2{font-size:1.4rem;font-weight:800;margin:2.2rem 0 .7rem;padding-top:.6rem;border-top:3px solid var(--tint)}
h3{font-size:1.12rem;font-weight:700;margin:1.5rem 0 .4rem}
@media(min-width:760px){h1{font-size:2.3rem}h2{font-size:1.6rem}}
p,ul,ol{margin:0 0 1rem}
ul,ol{padding-left:1.35rem}
li{margin:.25rem 0}
p.answer{font-size:1.1rem;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--accent);border-radius:var(--radius);padding:1rem 1.1rem}
code{background:var(--soft);padding:.1rem .3rem;border-radius:4px;font-size:.92em}
strong{font-weight:650}

/* tables */
.table-wrap{overflow-x:auto;margin:0 0 1.2rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.92rem}
th,td{text-align:left;vertical-align:top;padding:.55rem .7rem;border-bottom:1px solid var(--line)}
thead th{background:var(--tint);color:var(--ink);font-weight:650}
tbody tr:last-child td{border-bottom:0}
tbody td:first-child{font-weight:600}

/* on this page */
.toc{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem 1.1rem;margin:1.1rem 0}
.toc p{margin:0 0 .3rem;font:650 .85rem var(--sans);text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.toc ol{margin:0;padding-left:1.2rem;columns:1;font-size:.95rem}
@media(min-width:760px){.toc ol{columns:2;column-gap:2rem}}

/* disclosure line and product boxes */
.disclose{font-size:.9rem;color:var(--muted);background:var(--soft);border-radius:8px;padding:.55rem .8rem;margin:1rem 0}
.pbox{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:var(--radius);padding:1rem 1.1rem 1.1rem;margin:1.3rem 0}
.pbox--closing{background:var(--tint)}
.pbox__eyebrow{margin:0;font:650 .78rem var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.pbox__title{margin:.2rem 0 .6rem;font:800 1.2rem/1.25 var(--sans)}
.pbox__facts{margin:0 0 .7rem;display:grid;gap:.1rem}
.pbox__facts div{display:grid;grid-template-columns:minmax(7.5rem,32%) 1fr;gap:.2rem .8rem;padding:.35rem 0;border-bottom:1px solid var(--line);font-size:.95rem}
.pbox--closing .pbox__facts div{border-color:#cdbfae}
.pbox__facts dt{color:var(--muted);font-weight:600}
.pbox__facts dd{margin:0}
.pbox__note{font-size:.88rem;color:var(--muted);margin:0 0 .8rem}
.pbox__cta{margin:0}
.btn{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;padding:.7rem 1.15rem;border-radius:8px;border:2px solid var(--accent)}
.btn:hover{background:#fff;color:var(--accent)}
body.theme-home .btn,body.theme-support .btn,body.theme-start .btn{--accent:var(--rowing)}

/* drawings */
.fig{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin:1.2rem 0}
.fig svg{display:block;width:100%;height:auto}
.fig__title{margin:0 0 .6rem;font:800 1.02rem var(--sans)}
.fig__cap{margin:.7rem 0 0;font-size:.85rem;color:var(--muted)}

.stroke__grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
@media(min-width:620px){.stroke__grid{grid-template-columns:repeat(4,1fr)}}
.stroke__grid p{margin:.2rem 0 0;font:700 .85rem var(--sans);text-align:center}

/* home hub cards */
.hubs{display:grid;gap:.9rem;margin:1.3rem 0 1.4rem}
@media(min-width:620px){.hubs{grid-template-columns:repeat(2,1fr)}}
.hub{display:grid;grid-template-columns:3.2rem 1fr;gap:.2rem .8rem;align-items:center;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--accent);border-radius:var(--radius);padding:.9rem 1rem;text-decoration:none;color:var(--ink)}
.hub--rowing{--accent:var(--rowing)}.hub--homegym{--accent:var(--homegym)}.hub--treadmill{--accent:var(--treadmill)}.hub--bike{--accent:var(--bike)}
.hub svg{grid-row:span 2;width:3.2rem;height:3.2rem}
.hub b{display:block;font:800 .8rem var(--sans);text-transform:uppercase;letter-spacing:.07em;color:var(--accent)}
.hub span{font:700 1.02rem/1.3 var(--sans)}
.hub:hover{border-color:var(--accent)}

/* sources, update history */
.meta-sections{font-size:.88rem;color:var(--muted);margin-top:2rem}
.meta-sections h2{font-size:1.1rem}
.meta-sections a{color:var(--muted)}
.meta-sections td,.meta-sections th{padding:.35rem .6rem}

/* footer */
.site-footer{background:var(--ink);color:#ece4da;padding:2rem 0 2.5rem;font-size:.92rem}
.site-footer .wrap{max-width:68rem}
.site-footer a{color:#fff}
.fgrid{display:grid;gap:1.4rem;grid-template-columns:1fr 1fr}
@media(min-width:760px){.fgrid{grid-template-columns:repeat(4,1fr)}}
.fgrid h2{font:800 .8rem var(--sans);text-transform:uppercase;letter-spacing:.07em;color:#d3c8bb;margin:0 0 .5rem;padding:0;border:0}
.fgrid ul{list-style:none;margin:0;padding:0}
.fgrid li{margin:.3rem 0}
.fnote{margin:1.6rem 0 0;padding-top:1rem;border-top:1px solid #4a3f37;color:#d3c8bb}
.fnote p{margin:.3rem 0}

@media print{.site-header,.site-footer,.toc{display:none}body{background:#fff}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}