
























 
@font-face{font-family:"Geist";src:url("/fonts/Geist-Variable.woff2?v=2ffebe993e") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Geist Mono";src:url("/fonts/GeistMono-Variable.woff2?v=afaacc4c5f") format("woff2");
  font-weight:100 900;font-style:normal;font-display:swap}

:root{
  


  --fs-body:16px;      --lh-body:1.6;
  --fs-label:12px;     --lh-label:1.3;
  --fs-heading:24px;   --lh-heading:1.15;
  --fs-display:32px;   --lh-display:1.05;
}





:root:not([data-theme="light"]){ @media (prefers-color-scheme:dark){
  --fs-heading:26px;
  --fs-display:36px;
}}
:root[data-theme="dark"]{
  --fs-heading:26px;
  --fs-display:36px;
}



.chrome-fine{font-size:11.5px;color:var(--ink-3)}

 
.tickstrip{height:10px;background:
  repeating-linear-gradient(90deg,var(--line-2) 0 1px,transparent 1px 14px);
  opacity:.7}
.tickstrip.tall{height:14px;background:
  repeating-linear-gradient(90deg,var(--line-2) 0 1.5px,transparent 1.5px 18px)}











.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:99px}
.toggle button{position:relative;font-family:var(--f-data);font-size:11.5px;padding:4px 10px;
  background:transparent;color:var(--ink-3);border:0;cursor:pointer;letter-spacing:.02em;
  min-height:32px;min-width:44px;transition:background .18s ease,color .18s ease}
.toggle button::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
.toggle button:first-child{border-radius:99px 0 0 99px}
.toggle button:last-child{border-radius:0 99px 99px 0}
.toggle button[aria-pressed="true"]{background:var(--cyan);color:var(--cyan-ink);font-weight:400}
.toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}




.toggle button[aria-pressed="true"]:focus-visible{outline:2px solid var(--cyan-ink);outline-offset:-2px}
@media (prefers-reduced-motion: reduce){
  .toggle button{transition-duration:.15s}
}

 
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;
  padding:0;background:var(--paper-3);border:1px solid var(--line);border-radius:50%;cursor:pointer;
  color:var(--ink);transition:background .15s ease,color .15s ease,border-color .15s ease}
.theme-toggle:hover{background:var(--paper-2)}
.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.theme-icon{display:block;width:20px;height:20px}
.theme-icon .sun{transition:opacity .15s ease}
.theme-icon .moon{transition:opacity .15s ease}
.theme-auto{position:absolute;font-size:var(--fs-label);font-weight:600;letter-spacing:.5px;transition:opacity .15s ease}






.rw-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:var(--s2);row-gap:var(--s2);min-height:60px;border-bottom:1px solid var(--line)}
.rw-head-l,.rw-head-r{display:flex;align-items:center;gap:var(--s3);flex:none}
.rw-head-l > *,.rw-head-r > *{flex:none;white-space:nowrap}
.rw-lockup{display:inline-flex;align-items:center;gap:.4em;min-height:44px;
  font-family:var(--f-display);font-weight:600;font-size:var(--fs-body);letter-spacing:-.036em;
  color:var(--ink);text-decoration:none}
.rw-lockup-mark{width:1.28em;height:1.28em;flex:none;color:var(--mark)}
.rw-allraces{display:inline-flex;align-items:center;min-height:44px;font-family:var(--f-data);
  font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.11em;color:var(--ink-2);
  text-decoration:none;white-space:nowrap}
.rw-allraces:hover{text-decoration:underline}
.rw-themebtn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;min-width:calc(5ch + 2 * var(--s3));padding:0 var(--s3);
  font-family:var(--f-data);font-size:var(--fs-label);font-weight:400;color:var(--ink-2);
  background:transparent;border:1px solid var(--line-2);border-radius:99px;cursor:pointer;
  white-space:nowrap}
.rw-lockup:focus-visible,.rw-allraces:focus-visible,.rw-themebtn:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px}



.eventchip{display:inline-flex;align-items:center;gap:7px;font-family:var(--f-data);font-size:12px;
  font-weight:400;padding:5px 11px;border-radius:99px;background:var(--paper-3);color:var(--ink)}
.eventchip .k{width:8px;height:8px;border-radius:2px;background:var(--event)}





















.chip-w{display:inline-flex;align-items:center;gap:6px;font-family:var(--f-data);font-size:12px;
  padding:6px 10px;border-radius:99px;border:1px solid var(--line-2)}
.chip-w .a{font-family:var(--f-display);font-weight:600}
.chip-w.tail{color:var(--accent-sm);border-color:color-mix(in oklab,var(--accent) 40%,transparent)}
.chip-w.head{color:var(--ink);border-color:var(--line-2)}
.chip-w.cross{color:var(--ink-2)}
.chip-row{display:flex;flex-wrap:wrap;gap:var(--s2)}








.warn{border:1px solid color-mix(in oklab,var(--danger) 50%,var(--line));border-left:3px solid var(--danger);
  border-radius:var(--r);padding:var(--s3) var(--s4);background:color-mix(in oklab,var(--danger) 8%,var(--paper-2))}
.warn .h{display:flex;align-items:center;gap:8px;font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--danger)}
.warn p{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);margin-top:6px}










































.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r)}
.tblwrap table{border-collapse:collapse;width:100%;min-width:640px;font-family:var(--f-data);font-size:12px}
.tblwrap th,.tblwrap td{padding:9px 12px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);
  font-variant-numeric:tabular-nums}




































.tblwrap thead th{color:var(--ink-3);font-weight:400;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;
  text-align:right;position:sticky;top:0;background:var(--paper-2)}
.tblwrap th:first-child,.tblwrap td:first-child{text-align:left}
.tblwrap tbody tr:hover{background:var(--paper-2)}
.tblwrap td .aid{color:var(--clear)}
.tblwrap td .neg{color:var(--accent-sm)}





















.rw-ghostbtn { box-sizing:border-box; min-height:44px; min-width:44px;
  display:flex; align-items:center; justify-content:center;
  padding:0 var(--s4); border-radius:var(--r-sm); border:1px solid var(--line-2);
  font-family:var(--f-ui); font-size:var(--fs-body); line-height:var(--lh-body); font-weight:400;
  cursor:pointer; background:transparent; color:var(--ink); }
.rw-ghostbtn:hover { background:var(--paper-3); }
.rw-ghostbtn:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.rw-ghostbtn:active { transform:translateY(1px); }
.rw-ghostbtn:disabled { background:var(--paper-3); color:var(--ink-3); border-color:transparent; cursor:not-allowed; }






.rw-ctabar { position:fixed; bottom:0; left:0; right:0; z-index:10;
  background:var(--paper); border-top:1px solid var(--line);
  padding:var(--s3); padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom, 0px)); }
@media (min-width:641px){ .rw-ctabar{ display:none } }














.rw-ctabar-btn { box-sizing:border-box; display:flex; align-items:center; justify-content:center;
  width:100%; min-height:44px; border:0; border-radius:var(--r-sm);
  background:var(--cyan); color:var(--cyan-ink);
  font-family:var(--f-display); font-weight:600; font-size:var(--fs-body);
  line-height:var(--lh-body); text-align:center; text-decoration:none; cursor:pointer; }
.rw-ctabar-btn:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }








































.field{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.field .lbl{font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}
.field .hint{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-3)}






.field .pace-unit{font-variant-numeric:tabular-nums}

.field :is(input,select,textarea):where(:not([type=checkbox],[type=radio],[type=file],[type=range])){
  box-sizing:border-box;width:100%;min-height:44px;padding:var(--s3);
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);
  background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm)}




.field :is(input,select,textarea):where(:not([type=checkbox],[type=radio],[type=file],[type=range])):hover{
  background:var(--paper-2);border-color:var(--line-2)}

 
.field :is(input,select,textarea):active{border-color:var(--line-2)}

 
.field :is(input,select,textarea):focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.field :is(input,select,textarea):disabled{
  color:var(--ink-3);background:var(--paper-3);border-color:var(--line);cursor:not-allowed}




.field :is(input,select,textarea)[aria-invalid="true"]{border-color:var(--danger)}
.field .err{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--danger)}




.field .km{width:7ch;font-family:var(--f-data);font-variant-numeric:tabular-nums}










.field-check{display:flex;flex-direction:column;gap:var(--s2)}
.field-check .row{display:flex;align-items:center;gap:var(--s2);min-height:44px;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);cursor:pointer}
.field-check .row:has(:disabled){color:var(--ink-3);cursor:not-allowed}

.field-check :is(input[type=checkbox]){
  appearance:none;-webkit-appearance:none;margin:0;flex:none;
  display:grid;place-content:center;
  width:var(--s4);height:var(--s4);
  background:var(--paper-2);border:1px solid var(--line-2);
  

  border-radius:var(--s1);cursor:inherit}
.field-check :is(input[type=checkbox])::before{
  content:"";width:var(--s3);height:var(--s3);transform:scale(0);background:var(--ink);
  clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%)}
.field-check :is(input[type=checkbox]):checked::before{transform:scale(1)}
.field-check :is(input[type=checkbox]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.field-check :is(input[type=checkbox]):disabled{background:var(--paper-3);border-color:var(--line)}
.field-check :is(input[type=checkbox]):disabled::before{background:var(--ink-3)}




.field-check .reveal{display:none;padding-left:var(--s5)}
.field-check .row:has(:checked) + .reveal,
.field-check.on .reveal{display:block}




.field-check .none{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-3)}









.dropzone{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2);
  box-sizing:border-box;padding:var(--s5);min-height:44px;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);
  background:var(--paper-3);border:1px dashed var(--line-2);border-radius:var(--r);cursor:pointer}
.dropzone .sub{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-3)}
.dropzone:hover{border-style:solid}
.dropzone:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.dropzone.dragging{border:2px solid var(--mark);padding:calc(var(--s5) - 1px)}
.dropzone[aria-busy="true"]{cursor:progress;color:var(--ink-2);border-style:solid}
.dropzone[aria-invalid="true"]{border:1px solid var(--danger)}
.dropzone :is(input[type=file]){position:absolute;width:1px;height:1px;padding:0;margin:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap}








.actionbar{position:sticky;bottom:0;z-index:10;display:flex;align-items:center;gap:var(--s4);
  box-sizing:border-box;padding:var(--s3) var(--s5);
  padding-bottom:calc(var(--s3) + env(safe-area-inset-bottom,0px));
  background:var(--paper-2);border-top:1px solid var(--line)}
.actionbar .count{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums}
.actionbar .spring{flex:1}
.actionbar :is(button,a.act){box-sizing:border-box;min-height:44px;min-width:44px;
  padding:var(--s2) var(--s4);border-radius:var(--r-sm);border:1px solid transparent;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;
  cursor:pointer;text-decoration:none;background:transparent;color:var(--ink)}
.actionbar :is(button,a.act):focus-visible{outline:2px solid var(--accent);outline-offset:2px}


































.actionbar button.cta{background:var(--cyan);color:var(--cyan-ink)}
.actionbar .cta:hover{filter:brightness(.96)}
.actionbar .cta:active{transform:translateY(1px)}
.actionbar .ghost{border-color:var(--line-2)}
.actionbar .ghost:hover{background:var(--paper-3)}



.actionbar .ink{background:var(--ink);color:var(--paper)}
.actionbar :is(button,a.act):disabled,
.actionbar :is(button,a.act)[aria-disabled="true"]{
  background:var(--paper-3);color:var(--ink-3);border-color:transparent;cursor:not-allowed;filter:none}

































.rw-profile{--profile-h:76px;
  background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s2) var(--s3) var(--s1);margin:var(--s3) 0}
.rw-profile svg{width:100%;height:var(--profile-h);display:block}
.rw-profile.compact{--profile-h:48px}
.rw-profile .cap{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);margin:var(--s1) 0 0}
@media (min-width:900px){
  .rw-profile.sticky{position:sticky;top:0;z-index:5}
}














.receipt{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  font-variant-numeric:tabular-nums;color:var(--ink);
  background:var(--paper-2);border-radius:var(--r-sm);padding:var(--s3)}
.receipt .res,.receipt .alt{color:var(--accent-sm)}
.receipt .vtx,.receipt .snap,.receipt .terrain{color:var(--ink-2)}
.receipt .snap.far{color:var(--ink)}



.receipt .ll{color:var(--ink-3);user-select:all;-webkit-user-select:all}


.receipt .legs{font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);
  color:var(--ink-2);margin:var(--s2) 0 0}













.notes{background:var(--paper-2);border-radius:var(--r);padding:0 var(--s4)}
.notes .row{display:flex;align-items:flex-start;gap:var(--s1);padding:var(--s3) 0;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink-2);
  border-bottom:1px solid var(--line)}
.notes .row:last-child{border-bottom:0}
.notes .row svg{width:var(--s4);height:var(--s4);flex:none;margin-top:var(--s1);
  fill:none;stroke:var(--ink-2);stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.notes .k{color:var(--ink)}
.notes .n{font-family:var(--f-data);font-variant-numeric:tabular-nums;color:var(--ink)}


.notes .none{padding:var(--s3) 0;font-family:var(--f-ui);font-size:var(--fs-body);
  line-height:var(--lh-body);color:var(--ink-2)}




.stat{display:flex;flex-direction:column;gap:var(--s1);min-width:0}
.stat .cap{font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.stat .v{font-family:var(--f-data);font-size:var(--fs-body);line-height:var(--lh-body);
  font-variant-numeric:tabular-nums;color:var(--ink)}
































































.rw-map{--map-h:clamp(232px,40svh,400px);

  





  --map-ground:var(--paper);
  --map-land:var(--paper-2);

  


















  --map-water:color-mix(in oklab,var(--rain) 16%,var(--paper-3));

  --map-building:var(--paper-3);
  --map-road:var(--line-2);
  --map-path:var(--line-2);
  --map-label:var(--ink-2);
  --map-label-2:var(--ink-3);
   
  --map-relief-shade:var(--relief-shade);
  --map-relief-lift:var(--relief-lift);

  


  box-sizing:border-box;
  background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);
  padding:var(--s3);margin:0 0 var(--s6);
  font-family:var(--f-ui)}







.rw-map .canvas{box-sizing:border-box;width:100%;height:var(--map-h);
  background:var(--map-ground);border:1px solid var(--line);border-radius:var(--r);
  overflow:hidden}















.rw-map > .cap{margin:var(--s2) 0 0}























.rw-map .maplibregl-cooperative-gesture-screen{
  background:color-mix(in oklab,var(--ink) 55%,transparent);color:var(--paper);
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body)}
.rw-map .maplibregl-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
























.rw-profile .plot{position:relative}
.rw-profile .plot #profile{line-height:0}




.rw-profile svg{touch-action:pan-y}
























.rw-stepper{display:flex;align-items:center;gap:var(--s2);width:100%;
  box-sizing:border-box;margin:var(--s2) 0 0;padding:var(--s2);
  background:var(--paper-2);border-radius:var(--r-sm)}



.rw-stepper :is(button){box-sizing:border-box;min-height:44px;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);
  font-weight:400;color:var(--ink);background:transparent;
  border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer}




.rw-stepper .nav{flex:none;width:44px;height:44px;padding:0;
  display:grid;place-items:center;border-color:var(--line-2)}
.rw-stepper .nav svg{width:var(--s4);height:var(--s4);fill:none;stroke:var(--ink-2);
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}









.rw-stepper .lbl{display:block;flex:1;min-width:0;padding:var(--s2) var(--s3);
  text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-stepper .lbl .nm{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


.rw-stepper .lbl .ord{font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);font-variant-numeric:tabular-nums;color:var(--ink-3);
  margin-right:var(--s2)}




.rw-stepper :is(button):hover{background:var(--paper-3)}
.rw-stepper :is(button):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rw-stepper :is(button):active{transform:translateY(1px)}



.rw-stepper .nav:disabled{color:var(--ink-3);border-color:var(--line);cursor:not-allowed}
.rw-stepper .nav:disabled svg{stroke:var(--ink-3)}
.rw-stepper .lbl:disabled{color:var(--ink-3);cursor:default}
.rw-stepper :is(button):disabled:hover{background:transparent}
.rw-stepper :is(button):disabled:active{transform:none}

























.rw-cpmark{position:relative;box-sizing:border-box;width:10px;height:10px;padding:0;
  border:0;background:transparent;cursor:pointer;transition:transform 120ms ease}
.rw-cpmark::before{content:"";position:absolute;inset:-17px}
.rw-cpmark.aid{border-radius:50%;background:var(--clear);box-shadow:0 0 0 1.5px var(--paper)}
.rw-cpmark.timing{border-radius:50%;background:var(--paper);
  border:2px solid var(--ink-2);box-shadow:0 0 0 1.5px var(--paper)}


.rw-cpmark.timing::before{inset:-19px}
.rw-cpmark.terminus{border-radius:2px;background:var(--ink);box-shadow:0 0 0 1.5px var(--paper)}
 
.rw-cpmark:hover{transform:scale(1.15)}
.rw-cpmark:focus-visible{outline:2px solid var(--accent);outline-offset:2px}















































.rw-here{box-sizing:border-box;width:12px;height:12px;border-radius:50%;
  background:var(--paper);display:grid;place-items:center;pointer-events:none}
.rw-here::before{content:"";display:block;width:8px;height:8px;border-radius:50%;
  background:var(--mark)}






.rw-profile .plot .rw-here{position:absolute;margin:-6px 0 0 -6px}

@media (prefers-reduced-motion: reduce){
  .rw-cpmark{transition-duration:0s}
}































.rw-sectionstats{margin:var(--s3) 0 0}



.rw-sectionstats .rowa{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s4)}
.rw-sectionstats .rowb{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--s4)}























.rw-sectionstats .stat .cap{margin:0}




.rw-sectionstats .tickstrip{margin:var(--s3) 0}

 
.rw-sectionstats .chrome-fine{margin:var(--s2) 0 0}































@container (min-width:508px){
  .rw-sectionstats .rowa{grid-template-columns:repeat(4,1fr)}
  .rw-sectionstats .rowb{grid-template-columns:repeat(2,1fr)}
}























.rw-relief{display:flex;gap:var(--s2);margin-top:var(--s2)}
.rw-relief button{font-family:var(--f-data);font-size:11.5px;padding:6px 12px;
  background:transparent;color:var(--ink-3);border:1px solid var(--line-2);border-radius:99px;
  cursor:pointer;letter-spacing:.02em;min-height:44px}
.rw-relief button::before{content:"";display:inline-block;box-sizing:border-box;width:8px;height:8px;
  margin-right:var(--s1);border:1px solid var(--ink-3);border-radius:50%;background:transparent;
  vertical-align:middle}
.rw-relief button[aria-pressed="true"]{background:var(--paper-3);color:var(--ink)}
.rw-relief button[aria-pressed="true"]::before{background:var(--ink);border-color:var(--ink)}
.rw-relief button:hover:not(:disabled){background:var(--paper-3)}
.rw-relief button:active:not(:disabled){transform:translateY(1px)}
.rw-relief button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rw-relief button:disabled{background:transparent;color:var(--ink-3);cursor:not-allowed}
.rw-relief button[aria-pressed="true"]:disabled{color:var(--ink-3);border-color:var(--line)}
.rw-relief button[data-terrain="3d"]{min-width:44px}
.rw-relief [data-terrain="3d"]{display:none}

@media (min-width:768px) and (min-height:480px){
  .rw-relief [data-terrain="3d"]{display:inline-block}
}

















































































.vh{position:absolute;width:1px;height:1px;padding:0;margin:0;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap}



















.rw-cpmark.static{display:inline-block;vertical-align:-1px;cursor:default;transition:none}
.rw-cpmark.static::before{content:none}




























.field-check :is(input[type=radio]){
  appearance:none;-webkit-appearance:none;margin:0;flex:none;
  display:grid;place-content:center;
  width:var(--s4);height:var(--s4);
  background:var(--paper-2);border:1px solid var(--line-2);
  border-radius:50%;cursor:inherit}
.field-check :is(input[type=radio])::before{
  content:"";width:var(--s2);height:var(--s2);border-radius:50%;
  transform:scale(0);background:var(--ink)}
.field-check :is(input[type=radio]):checked::before{transform:scale(1)}
.field-check :is(input[type=radio]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.field-check :is(input[type=radio]):disabled{background:var(--paper-3);border-color:var(--line)}
.field-check :is(input[type=radio]):disabled::before{background:var(--ink-3)}























.rw-gate{display:flex;flex-direction:column;gap:var(--s5)}



.rw-gate .head{display:flex;flex-direction:column}
.rw-gate .eyebrow{margin:0 0 var(--s2);font-family:var(--f-data);
  font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-3);font-variant-numeric:tabular-nums}
.rw-gate h2{margin:0 0 var(--s4);font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-heading);line-height:var(--lh-heading);color:var(--ink)}
.rw-gate .lead{margin:0;font-family:var(--f-ui);font-size:var(--fs-body);
  line-height:var(--lh-body);color:var(--ink-2)}



.rw-gate .fields{display:flex;flex-direction:column;gap:var(--s4)}

 
.rw-gate .panel{display:none}
.rw-gate .panel.on{display:block}
.rw-gate .chrome-fine{margin:0}



























.rw-predict{background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s3)}
.rw-predict .cap{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-3)}
.rw-predict .fin{margin:var(--s1) 0 0;font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-display);line-height:var(--lh-display);color:var(--ink);
  font-variant-numeric:tabular-nums}
.rw-predict .el{margin:var(--s1) 0 0;font-family:var(--f-data);
  font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2);
  font-variant-numeric:tabular-nums}
.rw-predict .rw-band{margin-top:var(--s3)}
.rw-predict .chrome-fine{margin:var(--s2) 0 0}
.rw-predict .warn{margin-top:var(--s3)}




















































.rw-band .track{position:relative;height:var(--s2);border-radius:99px;
  background:var(--paper-3)}
.rw-band .span{position:absolute;top:0;bottom:0;border-radius:99px;
  background:var(--ink-2)}



.rw-band .mark{position:absolute;top:50%;width:2px;height:16px;
  margin:-8px 0 0 -1px;border-radius:1px;background:var(--ink);
  box-shadow:0 0 0 3px var(--paper)}





.rw-band .ends{position:relative;margin-top:var(--s1);
  min-height:calc(var(--fs-label) * var(--lh-label));
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums}
.rw-band .ends .e{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}






























.rw-scenarios{display:flex;border:1px solid var(--line-2);border-radius:99px;
  overflow:hidden}
.rw-scenarios button{flex:1;min-height:44px;border:0;cursor:pointer;
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);
  font-weight:400;background:transparent;color:var(--ink);
  transition:background .15s ease,color .15s ease}
.rw-scenarios button:not([aria-pressed="true"]):hover{background:var(--paper-3)}
.rw-scenarios button[aria-pressed="true"]{background:var(--cyan);color:var(--cyan-ink);
  font-weight:400}
.rw-scenarios button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}


.rw-scenarios button[aria-pressed="true"]:focus-visible{outline:2px solid var(--cyan-ink);outline-offset:-2px}
.rw-scenarios button:active{transform:translateY(1px)}





































































.tblwrap thead th{z-index:1}
.tblwrap thead th:first-child{left:0;z-index:2}
.tblwrap tbody th{position:sticky;left:0;font-weight:400;color:var(--ink);
  background:var(--paper);border-right:1px solid var(--line)}
.tblwrap tbody tr:hover th{background:var(--paper-2)}
.tblwrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.tblwrap .buf{display:block;margin-top:var(--s1);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}
.tblwrap .buf.tight{color:var(--ink)}
.tblwrap .buf.risk{color:var(--danger)}
.tblwrap tbody tr.risk th{box-shadow:inset 3px 0 0 var(--danger)}





































































































.rw-profile .wxplot{position:relative}

































.rw-wx{--wx-lanes:80px;
  --wx-dur:240ms;                           
  --wx-fade:180ms;                          
  --wx-ease:cubic-bezier(.22,.61,.36,1);    
  position:relative;box-sizing:border-box;height:var(--wx-lanes);
  display:flex;flex-direction:column;
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  font-variant-numeric:tabular-nums}
.rw-wx>*{flex:none}









































.rw-wx .wx-day{position:relative;height:var(--s2);margin-bottom:var(--s1);
  background:var(--paper-3)}
.rw-wx .wx-day .wx-spans{position:absolute;inset:0;overflow:hidden}
.rw-wx .wx-day .wx-moons{position:absolute;inset:0;pointer-events:none}
.rw-wx .wx-day .wx-night{position:absolute;top:0;left:0;width:100%;height:100%;
  background:var(--ink);transform-origin:0 0;
  transition:transform var(--wx-dur) var(--wx-ease)}
.rw-wx .wx-day .wx-first{position:absolute;top:0;left:0;width:2px;height:100%;
  background:var(--mark);transform-origin:0 0;
  transition:transform var(--wx-dur) var(--wx-ease)}





.rw-wx .wx-day .wx-moon{position:absolute;top:50%;left:0;margin:-6px 0 0 -6px;
  width:12px;height:12px;line-height:12px;text-align:center;
  font-size:var(--fs-label);color:var(--paper);
  transition:transform var(--wx-dur) var(--wx-ease)}



















.rw-wx .wx-tlabels{position:relative;height:var(--s4);
  background:var(--paper-2);color:var(--ink)}
.rw-wx .wx-tlabels .wx-t{position:absolute;top:0;left:0;line-height:var(--s4);
  white-space:nowrap;transform:translateX(-50%)}
.rw-wx .wx-tlabels .wx-t.tier-standin{color:var(--ink-2)}























































.rw-wx .wx-temp{position:relative;display:flex;height:var(--s2);margin-bottom:var(--s1)}
.rw-wx .wx-temp .wx-cell{flex:1 1 0;min-width:0;height:100%;box-sizing:border-box;
  background:color-mix(in oklab,var(--heat) var(--wx-p,0%),var(--paper-3));
  box-shadow:inset 0 0 0 1px var(--line)}
.rw-wx .wx-temp .wx-cell.tier-c{border-bottom:2px solid var(--ink-2)}
.rw-wx .wx-temp .wx-cell.tier-b{border-bottom:2px dashed var(--ink-2)}
.rw-wx .wx-temp .wx-cell.tier-a{border-bottom:2px dotted var(--ink-2)}
.rw-wx .wx-temp .wx-cell.tier-standin{border-bottom:0;background:var(--paper-3)}


.rw-wx .wx-temp .wx-cell.blockstart{border-left:2px solid var(--paper-2)}












































































.rw-wx .wx-rain{position:relative;display:flex;height:var(--s2);margin-bottom:var(--s1);
  background:var(--paper-2)}
.rw-wx .wx-rain .wx-rcell{position:relative;flex:1 1 0;min-width:0;height:100%;
  box-sizing:border-box}
.rw-wx .wx-rain .wx-rfill{position:absolute;left:0;right:0;bottom:0;height:var(--wx-r,0);
  background:var(--rain)}
.rw-wx .wx-rain .wx-rcell.nodata{border-top:1px solid var(--ink-2);
  border-bottom:1px solid var(--ink-2)}
.rw-wx .wx-rain .wx-rcell.nodata.void-start{border-left:1px solid var(--ink-2)}
.rw-wx .wx-rain .wx-rcell.nodata.void-end{border-right:1px solid var(--ink-2)}





























.rw-wx .wx-wind{position:relative;height:20px;margin-bottom:var(--s2);
  background:var(--paper-2)}
.rw-wx .wx-wind .chip-w{position:absolute;top:0;left:0;height:20px;
  line-height:20px;transform:translateX(-50%)}
.chip-w.compact{padding:0;border:0;border-radius:0;gap:var(--s1);white-space:nowrap}














































.rw-profile .wxplot .wx-aids{position:absolute;left:0;right:0;bottom:0;
  height:var(--profile-h);pointer-events:none}
.rw-profile .wxplot .wx-aids .wx-guide{position:absolute;top:0;width:0;
  border-left:1px dashed var(--line-2)}
.rw-aid{box-sizing:border-box;width:12px;height:12px;border-radius:50%;
  background:var(--paper);display:grid;place-items:center;pointer-events:none}
.rw-aid::before{content:"";display:block;width:8px;height:8px;border-radius:50%;
  background:var(--clear)}
.rw-profile .wxplot .wx-aids .rw-aid{position:absolute;margin:-6px 0 0 -6px}







.rw-profile .wxplot .wx-aids .lbl{position:absolute;white-space:nowrap;
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink);font-variant-numeric:tabular-nums}




































.rw-profile .wx-wind-line{display:flex;align-items:center;flex-wrap:wrap;
  gap:var(--s2);margin:var(--s2) 0 0;
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums}
.rw-profile .wx-src{margin:var(--s2) 0 0;color:var(--ink-2)}































.rw-profile .wxplot .rw-wx.wx-layer{position:absolute;top:0;left:0;right:0;
  opacity:0;transition:opacity var(--wx-fade) linear}
.rw-profile .wxplot .rw-wx.wx-layer.wx-in{opacity:1}











.rw-profile .wxplot{touch-action:pan-y}













@media (prefers-reduced-motion: reduce){
  .rw-wx .wx-day .wx-night,
  .rw-wx .wx-day .wx-first,
  .rw-wx .wx-day .wx-moon{transition:none}
  .rw-profile .wxplot .rw-wx.wx-layer{transition-duration:150ms}
}



























































































































.rw-kit{background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s3)}





.rw-kit h3{margin:0 0 var(--s3);font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}















.rw-kit .fact{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}








.kitsect{margin-top:var(--s5)}
.kitsect:first-child{margin-top:0}
.kitsect ul{list-style:none;margin:0;padding:0}













.kitrow{display:flex;align-items:flex-start;gap:var(--s2);
  border-top:1px dashed var(--line);padding:var(--s3) 0}
.kitrow:first-child{border-top:0}
.kitrow .field{flex:1;min-width:0}




.kitrow .row{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}





.kitrow .lbl{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}




.kitrow .leg{font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums}






.kitrow .amt{width:6ch;flex:none;font-family:var(--f-data);font-variant-numeric:tabular-nums}

 
.kitrow .unit{flex:none;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}













.kitrow .rm{position:relative;flex:none;box-sizing:border-box;
  width:var(--s5);height:var(--s5);padding:0;
  border:1px solid var(--line-2);border-radius:var(--s1);
  background:transparent;color:var(--ink);
  font-family:var(--f-ui);font-size:var(--fs-label);line-height:1;cursor:pointer}
.kitrow .rm::before{content:"";position:absolute;inset:calc((44px - var(--s5)) / -2)}
.kitrow .rm:hover:not(:disabled){background:var(--paper-3)}
.kitrow .rm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kitrow .rm:active:not(:disabled){transform:translateY(1px)}
.kitrow .rm:disabled{background:var(--paper-3);color:var(--ink-2);
  border-color:transparent;cursor:not-allowed}




















.kit-gap{border:1px solid color-mix(in oklab,var(--danger) 50%,var(--line));
  border-left:3px solid var(--danger);
  border-radius:var(--r);padding:var(--s3) var(--s4);background:var(--paper-2)}
.kit-gap .h{display:flex;align-items:center;gap:var(--s2);
  font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--danger)}
.kit-gap p{margin:var(--s2) 0 0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}













.kit-thin{border:1px dashed var(--line);border-radius:var(--r-sm);
  padding:var(--s2) var(--s3);background:none;
  font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}
.kit-thin p{margin:0}







.kit-prompt{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums}
.kit-prompt + .kit-prompt{margin-top:var(--s2)}


















.rw-kit .kit-gap + *, .rw-kit .kit-thin + *, .rw-kit .kit-conflict + *{margin-top:var(--s3)}
.rw-kit .kit-prompt + :not(.kit-prompt){margin-top:var(--s3)}








.kit-status{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}
.kit-status.bad{color:var(--danger)}













.kit-conflict{border:1px solid var(--line-2);border-radius:var(--r);
  padding:var(--s3) var(--s4);background:var(--paper-3)}
.kit-conflict:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kit-conflict p{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}
.kit-conflict .row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);
  margin-top:var(--s3)}
.kit-conflict button{box-sizing:border-box;min-height:44px;min-width:44px;
  padding:var(--s2) var(--s4);border-radius:var(--r-sm);
  border:1px solid var(--line-2);
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);
  font-weight:400;background:transparent;color:var(--ink);cursor:pointer}
.kit-conflict button:hover{background:var(--paper-2)}
.kit-conflict button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.kit-conflict button:active{transform:translateY(1px)}
.kit-conflict button.ink{background:var(--ink);color:var(--paper);border-color:transparent}















































































































.rw-nut{background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s3)}






.rw-nut h3{margin:0 0 var(--s3);font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}










.rw-nut .fact{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}






























.rw-nut .nutcite{margin-top:var(--s5);padding-top:var(--s3);border-top:1px solid var(--line)}
.rw-nut .nutcite .fact{line-height:var(--lh-body)}
.rw-nut .nutcite .fact + .fact{margin-top:var(--s1)}

















.rw-nut .fact + *{margin-top:var(--s3)}
.rw-nut .nutleg + :not(.nutleg){margin-top:var(--s3)}
.rw-nut .nutcat + :not(.nutcat){margin-top:var(--s3)}
.rw-nut .nutsay + :not(.nutsay){margin-top:var(--s3)}





.nutleg{margin-top:var(--s5)}
.nutleg:first-child{margin-top:0}





.nutleg h3{margin-bottom:var(--s1)}





.nutleg .dur{font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums}













.nutrow{display:flex;align-items:center;gap:var(--s3)}
.nutrow + .nutrow{margin-top:var(--s4)}
.nutrow > :not(.rl){flex:1;min-width:0}









.nutrow .rl{width:56px;flex:none;font-family:var(--f-data);
  font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2)}









.nutsay{margin:0;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums}
.nutsay + .nutsay{margin-top:var(--s2)}







.nutcat{margin-top:var(--s5)}
.nutcat:first-child{margin-top:0}
.nutcat ul{list-style:none;margin:0;padding:0}











.nutcat li{display:flex;align-items:flex-start;gap:var(--s2);
  border-top:1px dashed var(--line);padding:var(--s3) 0}
.nutcat li:first-child{border-top:0}
.nutcat li .field{flex:1;min-width:0}


























.rw-band.n-carb .span{background:var(--clear)}
.rw-band.n-sod .span{background:var(--heat)}
.rw-band.n-fluid .span{background:var(--rain)}





































































































































































.rw-buy{background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s3);
  font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);
  color:var(--ink-2)}
.rw-buy>*{margin:0}
.rw-buy>*+*{margin-top:var(--s2)}
.rw-buy>.go{margin-top:var(--s4)}







.rw-buy h3{margin:0 0 var(--s3);font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink)}








.rw-buy .price{font-family:var(--f-display);font-weight:600;
  font-size:var(--fs-body);line-height:var(--lh-body);color:var(--ink);
  font-variant-numeric:tabular-nums}
.rw-buy .price span{display:block;margin-top:var(--s1);
  font-family:var(--f-data);font-weight:400;font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2)}













.rw-buy .fact{font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums}


































.rw-buy .go{display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:100%;min-height:44px;
  padding:var(--s2) var(--s4);border:0;border-radius:var(--r-sm);
  background:var(--cyan);color:var(--cyan-ink);
  font-family:var(--f-display);font-weight:600;font-size:var(--fs-body);
  line-height:var(--lh-body);text-align:center;text-decoration:none;cursor:pointer}
.rw-buy .go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}





















.rw-cut{border-top:2px solid var(--ink-2)}
tr.rw-cut td{background:var(--paper);border-bottom:0;padding:var(--s3);
  text-align:left;white-space:normal;
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums}














.rw-cut-v{position:absolute;top:0;left:0;width:2px;height:100%;
  background:var(--ink-2);pointer-events:none}


















.rw-state{margin:0;background:var(--paper-2);border:1px solid var(--line);
  border-radius:var(--r);padding:var(--s3);
  font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums}















































































































html.rw-ground{
  --shell-dock-w:360px;               
  --shell-gutter:var(--s4);           
  --shell-win-w:560px;                
  --shell-grab-h:44px;                
  --shell-dur-out:320ms;              
  --shell-dur-in:240ms;               

  






  --shell-ease:cubic-bezier(.22,.61,.36,1);

  --shell-z-ground:-2;
  --shell-z-dock-ground:-1;
  --shell-z-dock:1;
  --shell-z-window:2;
  --shell-z-grab:3}






















.rw-secwin{container-type:inline-size}


















.rw-grab{display:none}



















#ui{display:flex;flex-direction:column}
.rw-map{display:flex;flex-direction:column}
#rwstate{order:-3}
#herowin{order:-2}
#previewdate{order:-1}
#winstack{order:-1}








.rw-profile:where(#ui > #herowin){margin-top:0;margin-bottom:var(--s6)}
.rw-map:where(#ui > #mapblock){margin-bottom:0}
.rw-map > .cap{margin-top:0}

























@media (min-width:768px) and (min-height:480px){

  






  #ui{display:block}
  .rw-map{display:block}
  #rwstate{order:0}
  #herowin{order:0}
  #previewdate{order:0}
  #winstack{order:0}
   
  .rw-profile:where(#ui > #herowin){margin-top:var(--s3);margin-bottom:var(--s3)}
  .rw-map:where(#ui > #mapblock){margin-bottom:var(--s6)}
  .rw-map > .cap{margin-top:var(--s2)}

  







































  html.rw-ground .rw-map{position:fixed;inset:0;z-index:var(--shell-z-ground);
    margin:0;padding:0;border:0;border-radius:0;
    background:var(--map-ground)}

  

  html.rw-ground .rw-map .canvas{height:100%;border:0;border-radius:0}

  

























  html.rw-ground .rw-secwin{position:absolute;z-index:var(--shell-z-window);
    box-sizing:border-box;
    background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r);
    padding:var(--s3);box-shadow:var(--shadow);
    top:var(--shell-gutter);
    left:calc(var(--shell-dock-w) + var(--shell-gutter));
    width:min(var(--shell-win-w),calc(100% - var(--shell-dock-w) - 2 * var(--shell-gutter)))}

  










  html.rw-ground .rw-secwin .rw-stepper{margin-top:0}

  











































































  















  html.rw-ground{--winstack-cap-h:0px}

  html.rw-ground .rw-map > .cap{position:absolute;z-index:var(--shell-z-window);
    top:auto;bottom:var(--shell-gutter);
    left:calc(var(--shell-dock-w) + var(--shell-gutter));right:var(--shell-gutter);margin:0;
    box-sizing:border-box;
    background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r-sm);
    padding:var(--s2) var(--s3);box-shadow:var(--shadow)}

  














  html.rw-ground .rw-grab{align-items:center;gap:var(--s3);
    height:var(--shell-grab-h);position:relative;z-index:var(--shell-z-grab)}
  html.rw-ground .rw-secwin .rw-grab{display:flex}
  html.rw-ground .rw-grab .tickstrip{flex:1}

  







  html.rw-ground .rw-tuck{flex:none;box-sizing:border-box;width:44px;height:44px;padding:0;
    display:grid;place-items:center;
    font-family:var(--f-ui);font-size:var(--fs-body);line-height:var(--lh-body);font-weight:400;
    color:var(--ink);background:transparent;border:1px solid var(--line-2);
    border-radius:var(--r-sm);cursor:pointer}
  html.rw-ground .rw-tuck svg{width:var(--s4);height:var(--s4);fill:none;stroke:var(--ink-2);
    stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  html.rw-ground .rw-tuck:hover{background:var(--paper-3)}
  html.rw-ground .rw-tuck:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  html.rw-ground .rw-tuck:active{transform:translateY(1px)}

  











































































  html.rw-ground .rw-secwin{transition:transform var(--shell-dur-in) var(--shell-ease)}
  html.rw-ground .rw-secwin .rw-tuck svg{transform:rotate(-90deg);
    transition:transform var(--shell-dur-in) var(--shell-ease)}
  html.rw-ground .rw-secwin.is-tucked .rw-tuck svg{transform:rotate(90deg);
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  html.rw-ground .rw-secwin.is-tucked{transform:translateY(calc(-100% + var(--shell-grab-h)));
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  html.rw-ground .rw-secwin.is-tucked > :not(.rw-grab, #stepsay){visibility:hidden;
    transition:visibility 0s var(--shell-dur-out)}
  html.rw-ground .rw-secwin.is-tucked > .rw-grab{visibility:visible}

  






























































  html.rw-ground .rw-secwin{display:flex;flex-direction:column}
  html.rw-ground .rw-secwin > .rw-grab{order:1}
}









@media (min-width:1024px) and (min-height:480px){

  
































  html.rw-ground .rw-profile{position:fixed;z-index:var(--shell-z-window);
    box-sizing:border-box;margin:0;
    background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r);
    padding:var(--s3);box-shadow:var(--shadow);
    left:calc(var(--shell-dock-w) + var(--shell-gutter));
    right:var(--shell-gutter);bottom:calc(var(--winstack-cap-h) + 2 * var(--shell-gutter))}

  
















  html.rw-ground .rw-profile .rw-grab{display:flex}

  


































  html.rw-ground .rw-profile{transition:transform var(--shell-dur-in) var(--shell-ease)}
  html.rw-ground .rw-profile .rw-tuck svg{transform:rotate(90deg);
    transition:transform var(--shell-dur-in) var(--shell-ease)}
  html.rw-ground .rw-profile.is-tucked .rw-tuck svg{transform:rotate(-90deg);
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  html.rw-ground .rw-profile.is-tucked{transform:translateY(calc(100% - var(--shell-grab-h)));
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  html.rw-ground .rw-profile.is-tucked > :not(.rw-grab){visibility:hidden;
    transition:visibility 0s var(--shell-dur-out)}
  html.rw-ground .rw-profile.is-tucked > .rw-grab{visibility:visible}
}




























@media (prefers-reduced-motion: reduce){

  @media (min-width:768px) and (min-height:480px){
    html.rw-ground .rw-secwin,
    html.rw-ground .rw-secwin.is-tucked,
    html.rw-ground .rw-secwin .rw-tuck svg,
    html.rw-ground .rw-secwin.is-tucked .rw-tuck svg{transition-duration:0s}
    html.rw-ground .rw-secwin > :not(.rw-grab, #stepsay){transition:opacity 150ms linear}
    html.rw-ground .rw-secwin.is-tucked > :not(.rw-grab, #stepsay){opacity:0;
      transition:opacity 150ms linear,visibility 0s 150ms}
  }

  @media (min-width:1024px) and (min-height:480px){
    html.rw-ground .rw-profile,
    html.rw-ground .rw-profile.is-tucked,
    html.rw-ground .rw-profile .rw-tuck svg,
    html.rw-ground .rw-profile.is-tucked .rw-tuck svg{transition-duration:0s}
    html.rw-ground .rw-profile > :not(.rw-grab){transition:opacity 150ms linear}
    html.rw-ground .rw-profile.is-tucked > :not(.rw-grab){opacity:0;
      transition:opacity 150ms linear,visibility 0s 150ms}
  }
}







































































































































































.rw-part{--part-h:44px;                       
  --part-dur-in:240ms;                        
  --part-ease:cubic-bezier(.22,.61,.36,1);    































  display:block;background:var(--paper-2);
  border:1px solid var(--line);border-radius:var(--r)}



















.rw-part + .rw-part{margin-top:var(--s1)}














.rw-parthead{margin:0}
.rw-parthead > button{display:grid;grid-template-columns:1fr var(--s4);
  grid-template-areas:"nm chev" "sum chev";align-items:center;
  column-gap:var(--s3);row-gap:var(--s1);
  width:100%;min-height:var(--part-h);box-sizing:border-box;padding:var(--s3);
  background:none;border:0;text-align:left;cursor:pointer;color:inherit}


















.rw-parthead > button:hover{background:var(--paper-3)}
.rw-parthead > button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.rw-parthead > button:active{transform:translateY(1px)}




















.rw-parthead .nm{grid-area:nm;
  font-family:var(--f-display);font-size:var(--fs-body);font-weight:600;
  line-height:var(--lh-heading);color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.rw-parthead .sum{grid-area:sum;
  font-family:var(--f-data);font-size:var(--fs-label);font-weight:400;
  line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}









.rw-parthead .chev{grid-area:chev;width:var(--s4);height:var(--s4);flex:none;
  fill:none;stroke:var(--ink-2);stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}
.rw-parthead > button[aria-expanded="true"] .chev{transform:rotate(90deg)}


































.rw-partbody{padding:0 var(--s3) var(--s3);transition:opacity var(--part-dur-in) var(--part-ease)}
.rw-partbody[hidden]{display:none}













.rw-partbody.is-entering{opacity:0}






.rw-parthead .chev{transition:transform var(--part-dur-in) var(--part-ease)}

















.rw-part.is-restoring .chev{transition-duration:0s}










.rw-partlist-rule{margin:var(--s5) 0 0}




































#howbuilt{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r)}


#howbuilt > .cap{padding:0 var(--s3)}
#howbuilt > .cap:last-of-type{padding-bottom:var(--s3)}

#howbuilt > summary{display:grid;grid-template-columns:1fr var(--s4);align-items:center;
  column-gap:var(--s3);min-height:44px;box-sizing:border-box;padding:var(--s3);
  font-family:var(--f-display);font-size:var(--fs-body);font-weight:600;
  line-height:var(--lh-heading);color:var(--ink);background:none;cursor:pointer;
  list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#howbuilt > summary::-webkit-details-marker{display:none}



#howbuilt > summary > span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
#howbuilt > summary:hover{background:var(--paper-3)}
#howbuilt > summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#howbuilt > summary:active{transform:translateY(1px)}
#howbuilt > summary .chev{width:var(--s4);height:var(--s4);flex:none;
  fill:none;stroke:var(--ink-2);stroke-width:1.75;
  stroke-linecap:round;stroke-linejoin:round}
#howbuilt[open] > summary .chev{transform:rotate(90deg)}




























@media (prefers-reduced-motion: reduce){
  .rw-parthead .chev{transition-duration:0s}
  .rw-partbody{transition-duration:150ms}
}





























































































































.rw-basemap{margin-top:var(--s2)}
.rw-basemap .pick{display:inline-flex;border:1px solid var(--line-2);border-radius:99px;
  overflow:hidden}
.rw-basemap button{font-family:var(--f-data);font-size:11.5px;padding:6px 12px;
  background:transparent;color:var(--ink-3);border:0;cursor:pointer;letter-spacing:.02em;
  min-height:44px}
.rw-basemap button[aria-pressed="true"]{background:var(--paper-3);color:var(--ink);
  font-weight:400}
.rw-basemap button:hover:not(:disabled){background:var(--paper-3)}


.rw-basemap button:active:not(:disabled){transform:translateY(1px)}


.rw-basemap button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}




.rw-basemap button:disabled{background:var(--paper-3);color:var(--ink-3);
  border-color:transparent;cursor:not-allowed}















































































.p13-say{color:var(--ink)}
















































































































.rw-h1row .rw-youbtn,
.rw-h1row .rw-hoursbtn{display:none;box-sizing:border-box;padding:var(--s2);
  font-family:var(--f-data);font-size:var(--fs-label);font-weight:400;
  line-height:var(--lh-label);color:var(--ink-2);
  background:none;border:0;text-align:left;cursor:pointer;white-space:nowrap}

























@media (min-width:1024px) and (min-height:768px){

  
























































  html.rw-ground #winstack{position:absolute;z-index:var(--shell-z-window);
    box-sizing:border-box;display:flex;flex-direction:column;gap:var(--shell-gutter);margin:0;
    pointer-events:none;
    top:var(--shell-gutter);
    left:calc(var(--shell-dock-w) + var(--shell-gutter));
    right:var(--shell-gutter);
    bottom:calc(var(--winstack-hero-h) + var(--winstack-cap-h) + 3 * var(--shell-gutter))}

  















  html.rw-ground #winstack > .rw-secwin{position:static;top:auto;left:auto;
    width:min(var(--shell-win-w),100%)}

  













  html.rw-ground #winstack > *{pointer-events:auto}

  



























  html.rw-ground #partwin{box-sizing:border-box;
    background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r);
    padding:var(--s3);box-shadow:var(--shadow);margin:0;
    display:flex;flex-direction:column;flex:1 1 auto;min-height:0;
    transition:transform var(--shell-dur-in) var(--shell-ease);

    








    --partwin-min:456px;

    














































    --sw-cell:88px;
    --sw-bar-h:56px;
    --sw-h:44px;

    


    --partwin-want:var(--shell-win-w);

    


















    width:clamp(var(--partwin-min),
                min(var(--partwin-want),720px),
                calc(100vw - var(--shell-dock-w) - 3 * var(--shell-gutter) - 160px))}

  






  html.rw-ground #partwin .rw-grab{display:flex;min-height:var(--sw-bar-h)}

  



































  html.rw-ground #partwin .rw-switch{display:flex;align-items:center;gap:var(--s1)}

  html.rw-ground #partwin .rw-swcell{display:grid;grid-template-columns:1fr;
    grid-template-areas:"nm" "sum";align-items:center;row-gap:var(--s1);
    width:var(--sw-cell);min-height:var(--sw-h);box-sizing:border-box;padding:var(--s2);
    background:none;border:0;text-align:left;cursor:pointer;color:inherit}

  html.rw-ground #partwin .rw-swcell .nm{grid-area:nm;
    font-family:var(--f-display);font-size:var(--fs-body);font-weight:600;
    line-height:var(--lh-heading);color:var(--ink-2);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  html.rw-ground #partwin .rw-swcell .sum{grid-area:sum;
    font-family:var(--f-data);font-size:var(--fs-label);font-weight:400;
    line-height:var(--lh-label);color:var(--ink-2);font-variant-numeric:tabular-nums;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}

  






  html.rw-ground #partwin .rw-swcharts{display:inline-flex;align-items:center;
    box-sizing:border-box;min-height:var(--sw-h);padding:var(--s2);white-space:nowrap;
    font-family:var(--f-data);font-size:var(--fs-label);font-weight:400;
    line-height:var(--lh-label);color:var(--ink-2);
    background:none;border:0;text-align:left;cursor:pointer}

  



















  html.rw-ground #partwin .rw-swcell:hover,
  html.rw-ground #partwin .rw-swcharts:hover{background:var(--paper-3)}
  html.rw-ground #partwin .rw-swcell:focus-visible,
  html.rw-ground #partwin .rw-swcharts:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  html.rw-ground #partwin .rw-swcell:active,
  html.rw-ground #partwin .rw-swcharts:active{transform:translateY(1px)}

  























  html.rw-ground #partwin .rw-swcell[aria-expanded="true"],
  html.rw-ground #partwin .rw-swcharts[aria-expanded="true"]{background:var(--paper-3);
    border-radius:var(--r-sm)}
  html.rw-ground #partwin .rw-swcell[aria-expanded="true"] .nm{color:var(--ink)}
  html.rw-ground #partwin .rw-swcharts[aria-expanded="true"]{color:var(--ink)}

  



















  html.rw-ground .rw-h1row .rw-youbtn,
  html.rw-ground .rw-h1row .rw-hoursbtn{display:inline-flex;align-items:center;
    min-height:var(--shell-grab-h)}

  html.rw-ground .rw-h1row .rw-hoursbtn:hover,
  html.rw-ground .rw-h1row .rw-youbtn:hover{background:var(--paper-3)}
  html.rw-ground .rw-h1row .rw-hoursbtn:focus-visible,
  html.rw-ground .rw-h1row .rw-youbtn:focus-visible{outline:2px solid var(--accent);
    outline-offset:2px}
  html.rw-ground .rw-h1row .rw-hoursbtn:active,
  html.rw-ground .rw-h1row .rw-youbtn:active{transform:translateY(1px)}
  html.rw-ground .rw-h1row .rw-hoursbtn[aria-expanded="true"],
  html.rw-ground .rw-h1row .rw-youbtn[aria-expanded="true"]{background:var(--paper-3);
    border-radius:var(--r-sm);color:var(--ink)}

  










  html.rw-ground #partwin[data-open="hours"]{--partwin-want:var(--shell-win-w)}
  html.rw-ground #partwin[data-open="charts"]{--partwin-want:720px}
  html.rw-ground #partwin[data-open="pace"]{--partwin-want:668px}
  html.rw-ground #partwin[data-open="fuel"]{--partwin-want:720px}
  html.rw-ground #partwin[data-open="kit"]{--partwin-want:var(--shell-win-w)}
  html.rw-ground #partwin[data-open="you"]{--partwin-want:var(--partwin-min)}

  










  html.rw-ground #partwin-body{flex:1 1 auto;min-height:0}

  

























  html.rw-ground #partwin .rw-tuck svg{transform:rotate(90deg);
    transition:transform var(--shell-dur-in) var(--shell-ease)}
  html.rw-ground #partwin.is-tucked .rw-tuck svg{transform:rotate(-90deg);
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  








  html.rw-ground #partwin.is-tucked{transform:translateY(calc(100% - var(--sw-bar-h)));
    transition:transform var(--shell-dur-out) var(--shell-ease)}
  html.rw-ground #partwin.is-tucked > :not(.rw-grab){visibility:hidden;
    transition:visibility 0s var(--shell-dur-out)}
  html.rw-ground #partwin.is-tucked > .rw-grab{visibility:visible}

  
























  


























  html.rw-ground #partwin{display:none}

  




















































  










  








































  html.rw-ground .wrap{display:flex;flex-direction:column}
  html.rw-ground #ui{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}
  html.rw-ground #howbuilt{margin-top:auto}

  




















  html.rw-ground{--winstack-hero-h:0px}
}






































































#part-fuel > .rw-partbody {
  container-type: inline-size;
  container-name: fuelpart;
}

.fuel-layout {
  display: block;
  width: 100%;
}


































.fuel-targets {
  overflow-y: auto;
}

.fuel-catalogue {
  overflow-y: auto;
}

@container fuelpart (min-width: 580px) {
  .fuel-layout {
    display: flex;
    gap: var(--s2);
    align-items: flex-start;
  }

  .fuel-targets {
    flex: 0 0 38%;
  }

  .fuel-catalogue {
    flex: 1;
  }
}









































.rw-nutgrid {
  display: grid;
  gap: var(--s2);
  grid-template-columns: repeat(auto-fill, minmax(min(160px, 100%), 1fr));
}

 
.nutcard {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  padding: var(--s2);
  border: 1px solid var(--line);
  border-radius: var(--r-sm);
  background: var(--paper-2);
  min-height: 220px;
  transition: background 120ms, border-color 120ms;
}

.nutcard:hover {
  background: var(--paper-3);
  border-color: var(--line-2);
}

.nutcard:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}
























.nutcard-head {
  display: flex;
  gap: var(--s3);
  align-items: flex-start;
  min-width: 0;
}




































.nutcard-mono {
  width: 52px;
  height: 52px;
  flex: none;
  border-radius: var(--r-sm);
  background: var(--paper-3);
  border: 1px solid var(--line);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-display);
  font-size: var(--fs-body);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: var(--ink-3);
}






























































.nutcard-name {
  font-weight: 500;
  word-break: break-word;
  max-height: calc(3 * var(--lh-body) * 1em);
  overflow: hidden;
}

































































































































.nutcard-brand {
  display: block;
  font-family: var(--f-ui);
  font-size: 0.6875rem;                 
  line-height: var(--lh-label);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 2px;
}

.nutcat .nutcard-figs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s1);
  margin: 0;
  padding: 0;
  list-style: none;
}

.nutcat .nutcard-figs .nutcard-fig {
  display: flex;
  align-items: baseline;
  gap: var(--s1);
  padding: var(--s1) var(--s2);
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--paper);
}

.nutcard-fig b {
  font-family: var(--f-data);
  font-size: 0.8125rem;                 
  font-weight: 600;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

.nutcard-fig span {
  font-family: var(--f-ui);
  font-size: 0.65625rem;                
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--ink-3);
}

.nutcard-serving {
  margin: 0;
  font-family: var(--f-ui);
  font-size: var(--fs-label);
  line-height: 1.45;
  color: var(--ink-3);
}

 
.nutcard-actions {
  margin-top: auto;
  display: flex;
  gap: var(--s1);
  flex-wrap: wrap;
}























.filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2);
  margin-bottom: var(--s3);
  padding: 0 var(--s2);
}

.filter-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--s1);
  padding: var(--s1) var(--s2);
  border: 1px solid var(--line);
  border-radius: 99px;
  background: transparent;
  color: var(--ink);
  font-size: 0.875rem;
  cursor: pointer;
  transition: background 120ms, border-color 120ms, color 120ms;
}





.filter-chip{position:relative;min-height:32px;min-width:44px}
.filter-chip::after{content:"";position:absolute;left:0;right:0;top:-7px;bottom:-7px}
.filter-chips{row-gap:var(--s3)}

.filter-chip:hover {
  background: var(--paper-2);
  border-color: var(--line-2);
}

.filter-chip:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}



















.filter-chip[aria-pressed="true"] {
  background: var(--cyan);
  color: var(--cyan-ink);
  border-color: var(--cyan);
}






























.rw-part{--part-expand-max:1200px;
  --part-scrim:color-mix(in oklab,var(--night) 55%,transparent)}
.rw-partbar{display:none}

@media (min-width:768px) and (min-height:480px){
  .rw-part:not(:has(> .rw-partbody[hidden])) > .rw-partbar{display:flex;align-items:center;
    justify-content:flex-end;gap:var(--s3);padding:0 var(--s3) var(--s2)}
  .rw-partbar > .tickstrip{display:none;flex:1 1 auto}

  .rw-partexpand{position:relative;display:inline-flex;align-items:center;gap:var(--s2);
    min-height:var(--s6);padding:0 var(--s2);box-sizing:border-box;
    border:1px solid var(--line-2);border-radius:var(--r-sm);background:transparent;
    color:var(--ink-2);cursor:pointer;
    font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:.02em}
  .rw-partexpand::after{content:"";position:absolute;left:0;right:0;top:-6px;bottom:-6px}
  .rw-partexpand:hover{background:var(--paper-3);color:var(--ink)}
  .rw-partexpand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .rw-partexpand:active{transform:translateY(1px)}
  .rw-partexpand .ico{width:var(--s4);height:var(--s4);flex:none;
    fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
  .rw-partexpand .c{display:none}
  .rw-partexpand[aria-pressed="true"] .x{display:none}
  .rw-partexpand[aria-pressed="true"] .c{display:block}

  .rw-partscrim{position:fixed;inset:0;z-index:calc(var(--shell-z-grab,3) + 1);background:var(--part-scrim)}
  .rw-partscrim[hidden]{display:none}

  


  .rw-part.is-expanded{position:fixed;top:var(--s4);left:var(--s4);right:var(--s4);
    max-height:calc(100% - 2 * var(--s4));max-width:var(--part-expand-max);margin:0 auto;
    z-index:calc(var(--shell-z-grab,3) + 2);
    display:flex;flex-direction:column;
    border-color:var(--line-2);box-shadow:var(--shadow);overflow:hidden;
    transition:opacity var(--part-dur-in) var(--part-ease)}
  .rw-part.is-expanded.is-entering{opacity:0}
  .rw-part.is-expanded > .rw-partbar{order:-1;min-height:var(--part-h);padding:0 var(--s3)}
  .rw-part.is-expanded > .rw-partbar > .tickstrip{display:block}
  .rw-part.is-expanded > .rw-parthead .chev{display:none}
  .rw-part.is-expanded > .rw-parthead .nm{font-size:var(--fs-heading);line-height:var(--lh-heading)}
  .rw-part.is-expanded > .rw-partbody{flex:1 1 auto;min-height:0;overflow-y:auto;
    overscroll-behavior:contain;padding:0 var(--s5) var(--s5)}

  






  html.rw-part-expanded{overflow:hidden}
}
















@media (prefers-reduced-motion:reduce){
  .rw-part.is-expanded{transition-duration:150ms}
}



























@media (min-width:768px) and (min-height:480px){
  .rw-part.is-expanded .rw-fuelrail{display:flex;gap:var(--s2);
    overflow-x:auto;overscroll-behavior-x:contain;
    padding-bottom:var(--s1);margin-bottom:var(--s4)}

  .rw-fuelrail-card{flex:0 0 240px;box-sizing:border-box;min-height:var(--part-h,44px);
    display:flex;flex-direction:column;gap:var(--s1);align-items:flex-start;justify-content:center;
    padding:var(--s2);text-align:left;cursor:pointer;
    background:transparent;color:var(--ink);
    border:1px solid var(--line);border-radius:var(--r-sm)}
  .rw-fuelrail-card:hover{background:var(--paper-3)}
  .rw-fuelrail-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
  .rw-fuelrail-card:active{transform:translateY(1px)}
  .rw-fuelrail-card[aria-pressed="true"]{background:var(--paper-3);border-color:var(--line-2)}

  .rw-fuelrail-nm{max-width:100%;font-family:var(--f-display);font-weight:600;
    font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink);
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .rw-fuelrail-sub{font-family:var(--f-data);font-weight:400;
    font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2);
    font-variant-numeric:tabular-nums}

  .rw-part.is-expanded .rw-legfoot{margin-top:var(--s3)}

  











  .rw-part.is-expanded .fuel-layout{display:block}

  


  .rw-part.is-expanded #nutdisclosurerow{display:none}

  























  







  .rw-part.is-expanded #nutpanel{display:grid;grid-template-columns:1fr 1fr;
    column-gap:var(--s4);row-gap:var(--s5);align-items:start}
  .rw-part.is-expanded #nutpanel > *{grid-column:1 / -1;margin-top:0}
  .rw-part.is-expanded #nutpanel > .nutcat:has(#nutq){grid-column:1}
  .rw-part.is-expanded #nutpanel > .nutcat:has(#nutbrandsel){grid-column:2}
}

@media (min-width:1024px) and (min-height:480px){
  .rw-part.is-expanded .rw-legcols{display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
}









































































.rw-gate .actionbar { gap: var(--s2); }












.cards {
   
  --gutter: clamp(1rem, 3vw, 1.5rem); --ease-out: cubic-bezier(.16, 1, .3, 1); --dur-short: 200ms;
  display: grid; gap: var(--gutter); grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 41rem)  { .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 62.5rem) { .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }



.chart-lab { fill: var(--ink-2); font-family: var(--f-data); font-size: 27px; }

.cards .card {
  display: flex; flex-direction: column; gap: var(--s2);
  background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--r);
  padding: 1.25rem; text-decoration: none; color: inherit;
  transition: border-color var(--dur-short) var(--ease-out);
}
.cards .card:hover, .cards .card:focus-visible { border-color: var(--accent-sm); }
.cards .card h3 { font-size: 1.2rem; line-height: 1.2; font-weight: 600; letter-spacing: -.01em; margin: .125rem 0 0; }
.cards .card p { margin: 0; }
.cards .card-top { display: flex; align-items: center; gap: var(--s2); flex-wrap: wrap; }
.cards .card-date {
  margin-left: auto; font-family: var(--f-data); font-size: .74rem; color: var(--ink-2);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cards .card-meta { font-size: .85rem; color: var(--ink-2); }
.cards .card-tag { font-size: .92rem; color: var(--ink-2); line-height: 1.5; margin-top: .125rem; }
.cards .card-cta {
  margin-top: auto; padding-top: var(--s4); font-size: .86rem; font-weight: 600; color: var(--ink-2);
  white-space: nowrap; transition: color var(--dur-short) var(--ease-out);
}
.cards .card:hover .card-cta, .cards .card:focus-visible .card-cta { color: var(--accent-sm); }

.cards .badge {
  


  font-family: var(--f-data); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 600; padding: var(--s1) var(--s2); border-radius: 99px; white-space: nowrap;
}



.cards .badge.live { background: var(--cyan); color: var(--cyan-ink); }
.cards .badge.preview { border: 1px solid var(--line-2); color: var(--ink-2); }

















.cards .preview-card { background: var(--paper); }
.cards .preview-card h3 { color: var(--ink-2); }
.cards .preview-card:hover h3, .cards .preview-card:focus-visible h3 { color: var(--ink); }

 
.cards .live-card { border-color: var(--line-2); }
.cards .card-wx { margin-top: var(--s2); }
.cards .card-wx .wx {
  display: inline-flex; align-items: center; gap: var(--s2);
  font-family: var(--f-data); font-size: .95rem; font-variant-numeric: tabular-nums;
  color: var(--ink); background: color-mix(in oklab, var(--cyan) 12%, transparent); border: 1px solid color-mix(in oklab, var(--cyan) 50%, transparent);
  border-radius: var(--r); padding: var(--s2) var(--s3);
}
.cards .card-wx .wx::before { content: ""; width: 6px; height: 6px; background: var(--accent); flex: none; }









.cards .card-wx .wx-state {
  display: inline-flex; align-items: center; gap: var(--s2);
  font-family: var(--f-data); font-size: .85rem; line-height: 1.35;
  color: var(--ink-2); background: var(--paper-3); border: 1px solid var(--line);
  border-radius: var(--r); padding: var(--s2) var(--s3);
}







.cards .card-screen {
  --scr-ground: #07141B; --scr-panel: #0E2230; --scr-ink: #EAF4F9; --scr-soft: #94AFBD; --scr-line: #1D3B4A;
  --scr-cta: #17BBEE; --scr-cta-text: #5BC8EE; --scr-rain: #8FB4F2; --scr-pline: #628193;
  --scr-night: #132C3C; --scr-pfill: #122B3A;
  




  --scr-clear: #38C489;
  position: relative; border-radius: var(--r);
  border: 1px solid transparent; background: var(--scr-ground); color: var(--scr-ink);
  font-family: var(--f-ui); padding: 0; margin-top: 0;
  display: flex; align-items: center; justify-content: center; overflow: hidden;
  max-height: 0; opacity: 0;
  transition: max-height var(--dur-short) var(--ease-out), opacity var(--dur-short) var(--ease-out),
    padding var(--dur-short) var(--ease-out), margin-top var(--dur-short) var(--ease-out);
}



 
.cards .live-card:hover .card-screen, .cards .live-card:focus-visible .card-screen {
  max-height: 13rem; opacity: 1; padding: .65rem; margin-top: var(--s2); border-color: var(--scr-line);
}
@media (prefers-reduced-motion: reduce) {
  .cards .card-screen { transition: none; }
}
.cards .card-screen .screen-chip {
  position: absolute; top: .5rem; left: .65rem; z-index: 2;
   
  font-family: var(--f-data); font-size: .72rem; letter-spacing: .05em; text-transform: uppercase;
  color: var(--scr-soft); font-weight: 600;
}
.cards .card-screen .screen-pane { display: none; width: 100%; padding-top: 1.3rem; }
.cards .card-screen .screen-pane.is-active { display: block; }
.cards .card-screen svg { display: block; width: 100%; height: auto; max-height: 150px; }





.cards .card-screen { flex-wrap: wrap; align-content: center; }
.cards .card-screen .screen-cap {
  flex: 0 0 100%; margin: .45rem 0 0;
  font-family: var(--f-data); font-size: var(--fs-label); line-height: var(--lh-label); color: var(--scr-soft);
}

.cards .card-screen .chart-night { fill: var(--scr-night); opacity: .55; }
.cards .card-screen .chart-grid { stroke: var(--scr-line); }
.cards .card-screen .chart-lab { fill: var(--scr-soft); font-family: var(--f-data); font-size: 27px; }
.cards .card-screen .chart-temp { stroke: var(--scr-cta); stroke-width: 2; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.cards .card-screen .chart-feels { stroke: var(--scr-soft); stroke-width: 2; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.cards .card-screen .chart-cloud { stroke: var(--scr-pline); stroke-width: 2; fill: none; stroke-linejoin: round; stroke-linecap: round; }
.cards .card-screen .chart-rain { fill: var(--scr-rain); opacity: .9; }
.cards .card-screen .chart-zero { stroke: var(--scr-soft); opacity: .6; }
.cards .card-screen .chart-elev { fill: var(--scr-pfill); }
.cards .card-screen .chart-elev-line { fill: none; stroke: var(--scr-pline); stroke-width: 1.2; stroke-linejoin: round; }
.cards .card-screen .chart-cp { fill: var(--scr-cta); }





.cards .card-screen .chart-mapbg { fill: var(--scr-panel); stroke: var(--scr-line); stroke-width: 1; }
.cards .card-screen .chart-map-gantry line { stroke: var(--scr-line); stroke-width: 1; }
.cards .card-screen .chart-route-casing { fill: none; stroke: var(--scr-ground); stroke-width: 6; stroke-linejoin: round; stroke-linecap: round; }
.cards .card-screen .chart-route { fill: none; stroke: var(--scr-pline); stroke-width: 2.2; stroke-linejoin: round; stroke-linecap: round; }
.cards .card-screen .chart-map-cp { fill: var(--scr-clear); stroke: var(--scr-panel); stroke-width: 1.4; }
.cards .card-screen .chart-arrow line { stroke: var(--scr-soft); stroke-width: 1.8; stroke-linecap: round; opacity: .9; }
.cards .card-screen .chart-arrow.is-tail line { stroke: var(--scr-cta); }
.cards .card-screen .chart-arrow.is-head line { stroke: var(--scr-ink); }
.cards .card-screen .chart-arrow.is-cross line { stroke: var(--scr-soft); }
.cards .card-screen .chart-dot-start { fill: var(--scr-cta); stroke: var(--scr-panel); stroke-width: 2; }
.cards .card-screen .chart-dot-finish { fill: var(--scr-ink); stroke: var(--scr-panel); stroke-width: 2; }

.cards .card-screen .screen-row {
  width: 100%; background: var(--scr-panel); border: 1px solid var(--scr-line); border-radius: 8px;
  padding: .55rem .7rem; display: grid; grid-template-columns: 5rem 1fr auto; gap: .15rem .6rem; align-items: center;
}
.cards .card-screen .screen-row.is-night { background: var(--scr-night); }
.cards .card-screen .screen-time { font-family: var(--f-data); font-weight: 600; font-size: 1rem; white-space: nowrap; }
.cards .card-screen .screen-time small { display: block; font-weight: 400; font-size: .68rem; color: var(--scr-soft); }
.cards .card-screen .screen-wind { font-size: .75rem; color: var(--scr-soft); }
.cards .card-screen .screen-temp { font-size: 1.05rem; font-weight: 600; text-align: right; font-family: var(--f-data); }
.cards .card-screen .screen-temp small { display: block; font-size: .64rem; font-weight: 400; color: var(--scr-soft); text-align: right; }



.cards .card-screen .screen-cprow { width: 100%; background: var(--scr-cta); color: var(--cyan-ink); border-radius: 8px; padding: .65rem .75rem .55rem; font-size: .82rem; }
.cards .card-screen .screen-cphead { display: flex; gap: .6rem; align-items: baseline; font-weight: 600; font-size: .9rem; }
.cards .card-screen .screen-km { margin-left: auto; font-family: var(--f-data); font-size: .74rem; opacity: .9; }
.cards .card-screen .screen-cpfoot { display: flex; align-items: center; gap: .55rem; flex-wrap: wrap; margin-top: .3rem; font-family: var(--f-data); font-size: .78rem; }
.cards .card-screen .screen-t { font-weight: 600; }
.cards .card-screen .screen-raintag { background: var(--line); font-weight: 600; border-radius: 5px; padding: .05rem .4rem; }


.cards .card-screen .screen-block { font-weight: 600; opacity: .85; }
.cards .card-screen .screen-cpnext {
  margin-top: .3rem; padding-top: .3rem; border-top: 1px solid var(--line-2);
  font-size: .76rem; font-family: var(--f-data);
}












































html.rw-fly{overflow:hidden}
html.rw-fly .rw-map{position:fixed;inset:0;z-index:8;height:100dvh;margin:0;padding:0;
  border:0;border-radius:0;background:var(--map-ground)}
html.rw-fly .rw-map > .canvas{height:100%;border:0;border-radius:0}
html.rw-fly .rw-ctabar,
html.rw-fly header,
html.rw-fly #winstack,
html.rw-fly #secwin,
html.rw-fly #herowin,
html.rw-fly #partwin,
html.rw-fly #mapfly-ctl{display:none}
html.rw-fly .rw-map > .cap{display:none}





#mapfly-ctl{box-sizing:border-box;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--s1);
  min-height:44px;margin-top:var(--s2);padding:6px 12px;font-family:var(--f-data);font-size:11.5px;
  line-height:var(--lh-label);letter-spacing:.02em;color:var(--ink);background:transparent;
  border:1px solid var(--line-2);border-radius:99px;cursor:pointer}
#mapfly-ctl[hidden]{display:none}
#mapfly-ctl svg{width:var(--s4);height:var(--s4);flex:none;fill:none;stroke:currentColor;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
#mapfly-ctl:hover{background:var(--paper-3)}
#mapfly-ctl:active{transform:translateY(1px)}
#mapfly-ctl:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
@media (min-width:768px) and (min-height:480px){
  #mapfly-ctl{position:absolute;top:var(--s4);right:var(--s4);margin:0;background:var(--paper-2);box-shadow:var(--shadow)}
}















@media (min-width:768px) and (min-height:480px) and (max-width:1023.98px),
       (min-width:768px) and (min-height:480px) and (max-height:767.98px),
       (min-width:1024px) and (min-height:768px) and (max-width:1119.98px){
  html.rw-ground{--mapfly-ctl-w:144px}
  html.rw-ground #mapfly-ctl{top:auto;bottom:var(--shell-gutter);right:var(--shell-gutter);width:var(--mapfly-ctl-w);justify-content:center}
  html.rw-ground #mapfly-ctl:not([hidden]) + .cap{right:calc(var(--mapfly-ctl-w) + 2 * var(--shell-gutter))}
}



body.hiddenaway .rw-flyover{filter:blur(14px)}

 
html.rw-fly .rw-flyover{position:fixed;inset:0;z-index:8;box-sizing:border-box;height:100dvh;
  display:flex;flex-direction:column;color:var(--ink);font-family:var(--f-ui)}
.rw-flyover p{margin:0}
.rw-flytop{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);
  box-sizing:border-box;min-height:calc(44px + env(safe-area-inset-top, 0px));
  padding:env(safe-area-inset-top, 0px) var(--s3) 0;background:var(--paper);border-bottom:1px solid var(--line)}
.rw-flychip{min-width:0}
.rw-flytitle,.rw-flysub,.rw-flynotice{font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-flytitle{color:var(--ink)}
.rw-flysub,.rw-flynotice{color:var(--ink-2)}
.rw-flysheet{margin-top:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--s2);
  background:var(--paper-2);border-top:1px solid var(--line-2);
  padding:var(--s3) var(--s3) calc(var(--s3) + env(safe-area-inset-bottom, 0px))}

 
.rw-flycard{font-family:var(--f-data);font-size:var(--fs-body);line-height:var(--lh-body);
  color:var(--ink);font-variant-numeric:tabular-nums;transition:none}
.rw-flycard *{transition:none}
.rw-flyover .rw-flystrip{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink);margin-bottom:var(--s1)}
.rw-flycap dl{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s4);margin:var(--s1) 0 0}
.rw-flycap dl > div{min-width:0}
.rw-flycap dt{font-size:var(--fs-label);line-height:var(--lh-label);letter-spacing:.06em;
  text-transform:uppercase;color:var(--ink-2);margin-bottom:var(--s1)}
.rw-flycap dd{margin:0}
.rw-flycap [data-fly="temp"] dd{font-family:var(--f-display);font-size:var(--fs-heading);
  line-height:var(--lh-heading);font-weight:600}
.rw-flycap [data-fly="temp"] small{display:block;font-family:var(--f-data);font-size:var(--fs-label);
  line-height:var(--lh-label);font-weight:400;color:var(--ink-2)}
.rw-flycap [data-fly="source"],.rw-flycap [data-fly="line"]{margin-top:var(--s2);padding-top:var(--s1);
  border-top:1px solid var(--line-2);font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2)}
.rw-flycap [data-fly="line"]{font-size:var(--fs-body);line-height:var(--lh-body)}
.rw-flycap [data-rule="solid"]{border-top-style:solid}
.rw-flycap [data-rule="dashed"]{border-top-style:dashed;color:var(--ink)}
.rw-flycap [data-fly="title"]{font-family:var(--f-ui);font-weight:600;color:var(--ink)}
.rw-flycap [data-fly="fact"]{font-size:var(--fs-label);line-height:var(--lh-label);color:var(--ink-2)}
.rw-flycap [data-fly="link"]{margin-top:var(--s2)}

 
.rw-flyctl{display:flex;flex-direction:column;gap:var(--s2)}
.rw-flyrow{display:flex;align-items:center;gap:var(--s2);min-width:0}
.rw-flyover .rw-flybtn{box-sizing:border-box;min-width:44px;min-height:44px;display:inline-flex;
  align-items:center;justify-content:center;gap:var(--s1);padding:6px 12px;font-family:var(--f-data);
  font-size:11.5px;line-height:var(--lh-label);letter-spacing:.02em;color:var(--ink);
  background:transparent;border:1px solid var(--line-2);border-radius:99px;cursor:pointer}
.rw-flyover .rw-flyplay,.rw-flyover .rw-flynav{width:44px;padding:0}
.rw-flyover .rw-flybtn:hover:not(:disabled){background:var(--paper-3)}
.rw-flyover .rw-flybtn:active:not(:disabled){transform:translateY(1px)}
.rw-flyover .rw-flybtn:disabled{color:var(--ink-3);border-color:var(--line);cursor:not-allowed}
.rw-flyover svg{width:var(--s4);height:var(--s4);flex:none;fill:none;stroke:currentColor;
  stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.rw-flyplay[data-state="play"] .g-pause,.rw-flyplay[data-state="pause"] .g-play{display:none}
.rw-flyspeed{display:inline-flex;flex:none}
.rw-flyover .rw-flyspd{box-sizing:border-box;min-width:44px;min-height:44px;padding:6px 12px;
  font-family:var(--f-data);font-size:11.5px;line-height:var(--lh-label);letter-spacing:.02em;
  font-variant-numeric:tabular-nums;color:var(--ink-3);background:transparent;
  border:1px solid var(--line-2);border-left-width:0;border-radius:0;cursor:pointer}
.rw-flyover .rw-flyspd:first-child{border-left-width:1px;border-radius:99px 0 0 99px}
.rw-flyover .rw-flyspd:last-child{border-radius:0 99px 99px 0}
.rw-flyover .rw-flyspd:hover{background:var(--paper-3)}
.rw-flyover .rw-flyspd[aria-checked="true"]{background:var(--paper-3);color:var(--ink);
  box-shadow:inset 0 -2px 0 var(--ink)}
.rw-flystep{display:flex;align-items:center;gap:var(--s2);min-width:0}
.rw-flysteplbl{min-width:0;font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rw-flyover .rw-flyread{margin-left:auto;font-family:var(--f-data);font-size:var(--fs-label);line-height:var(--lh-label);
  color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.rw-flyover :is(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:2px;transition:none}

 
.rw-flyscrub{position:relative;height:44px;min-width:0}
.rw-flytrack{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto 0;height:4px;background:var(--line-2)}
.rw-flyplayed{position:absolute;left:0;top:0;bottom:0;width:var(--fly-at, 0%);background:var(--ink-3)}
.rw-flypast{position:absolute;right:0;top:0;bottom:0;box-sizing:border-box;background:var(--paper-2);
  border-top:4px dashed var(--line-2)}
.rw-flytick{position:absolute;top:50%;box-sizing:border-box;width:2px;height:10px;
  transform:translate(-50%,-50%);background:var(--ink-2)}
.rw-flytick[data-tick="tier"]{background:var(--paper-2);border:1px solid var(--ink-2)}
.rw-flyrange{position:absolute;inset:0;box-sizing:border-box;width:100%;height:44px;margin:0;
  background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer}
.rw-flyrange::-webkit-slider-runnable-track{height:44px;background:transparent;border:0}
.rw-flyrange::-moz-range-track{height:44px;background:transparent;border:0}
.rw-flyrange::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;
  width:12px;height:12px;margin-top:var(--s4);border-radius:50%;background:var(--mark);border:2px solid var(--paper)}
.rw-flyrange::-moz-range-thumb{box-sizing:border-box;width:12px;height:12px;border-radius:50%;
  background:var(--mark);border:2px solid var(--paper)}

 
.rw-flycredit{color:var(--ink-2)}
.rw-flycredit a{color:var(--accent-sm)}
.rw-flycredit [data-fly-credit] + [data-fly-credit]::before{content:"\00B7\00A0"}

 







@media not all and (min-width:768px) and (min-height:480px){
  html.rw-fly .rw-flycredit{line-height:var(--lh-label)}
  html.rw-fly .rw-flysheet{row-gap:var(--s1)}
  @media (orientation: landscape){
    html.rw-fly .rw-flyover{display:grid;grid-template-columns:320px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
    html.rw-fly .rw-flytop{grid-column:1 / -1}
    html.rw-fly .rw-flysheet{grid-column:1;grid-row:2;margin-top:0;overflow-y:auto;border-top:0;
      border-right:1px solid var(--line-2);padding-left:calc(var(--s3) + env(safe-area-inset-left, 0px))}
  }
}

 
@media (min-width:768px) and (min-height:480px){
  html.rw-fly .rw-flytop{position:absolute;top:var(--s4);left:var(--s4);right:var(--s4);min-height:0;
    padding:0;align-items:flex-start;background:transparent;border:0}
  html.rw-fly .rw-flychip{max-width:360px;padding:var(--s2) var(--s3);background:var(--paper-2);
    border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow)}
  html.rw-fly .rw-flyclose{background:var(--paper-2);box-shadow:var(--shadow)}
  html.rw-fly .rw-flysheet{position:absolute;left:var(--s4);right:var(--s4);bottom:var(--s4);margin:0;
    padding:0;align-items:flex-start;background:transparent;border:0}
  html.rw-fly .rw-flycard{box-sizing:border-box;width:360px;max-width:100%;padding:var(--s3);
    background:var(--paper-2);border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow)}
  html.rw-fly .rw-flyctl{align-self:stretch;box-sizing:border-box;display:grid;
    grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"play group scrub read" ". . credit credit";
    align-items:center;column-gap:var(--s3);row-gap:0;padding:var(--s2) var(--s3);background:var(--paper-2);
    border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow)}
  html.rw-fly .rw-flyrow{display:contents}
  html.rw-fly .rw-flyplay{grid-area:play}
  html.rw-fly .rw-flyspeed,html.rw-fly .rw-flystep{grid-area:group}
  html.rw-fly .rw-flyscrub{grid-area:scrub}
  html.rw-fly .rw-flyread{grid-area:read;margin-left:0}
  html.rw-fly .rw-flycredit{grid-area:credit}
}
