/* Rider tools: a quiet workspace for the same Plan / Ride / Review loop. */
.rider-page .wrap{max-width:1320px;padding-left:52px;padding-right:52px}
.rider-page .header{height:68px;border-bottom:1px solid var(--line)}
.rider-page .brand{font-size:18px;letter-spacing:-.8px}
.rider-page .brand-icon{width:36px;height:36px;font:700 19px 'Manrope',sans-serif;letter-spacing:-2px;padding:0;transform:none;border-radius:8px}
.rider-page .working{font-size:9px;letter-spacing:1px}
.rider-page .nav-cta{padding:7px 14px;background:#eeebf5;border-color:#d9cfe4}
.rider-skip{position:absolute;left:20px;top:-60px;z-index:10;padding:10px 16px;background:var(--ink);color:#fff;font-size:12px}
.rider-skip:focus{top:12px}
.rider-page .rider-section{padding-top:54px;padding-bottom:60px}
.rider-page .section-heading{margin-bottom:32px}
.rider-page .rider-title{font-size:clamp(34px,4.2vw,52px);letter-spacing:-2px}
.rider-page .section-heading>p{line-height:1.8}
.start-checklist{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;padding:26px 30px;margin-bottom:32px;border:1px solid #e4dad1;background:#f5eee6;border-radius:6px}
.checklist-intro .eyebrow{font-size:8px;margin:0 0 7px;color:#a14b2f}
.checklist-intro h2{font-size:21px;letter-spacing:-.6px;margin-bottom:7px}
.checklist-intro>p:last-child{font-size:11px;color:#74675d;max-width:300px;margin:0;line-height:1.7}
.checklist-content{align-self:center}
.checklist-progress{display:flex;gap:20px;align-items:center;margin-bottom:16px}
.checklist-progress>span{font-size:10px;font-weight:650;white-space:nowrap}
.checklist-progress progress{width:100%;height:4px;border:0;border-radius:3px;overflow:hidden;background:#e0d5ca;accent-color:var(--orange)}
.checklist-progress progress::-webkit-progress-bar{background:#e0d5ca}
.checklist-progress progress::-webkit-progress-value{background:var(--orange);border-radius:3px}
.checklist-progress progress::-moz-progress-bar{background:var(--orange)}
.checklist-items{display:flex;flex-wrap:wrap;gap:11px 20px}
.checklist-items label{display:flex;flex-direction:row;align-items:flex-start;font-size:10px;font-weight:500;line-height:1.5;gap:8px;margin:0;cursor:pointer}
.checklist-items input{margin:1px 0 0;accent-color:var(--orange);flex-shrink:0;width:14px;height:14px}
.checklist-items input:checked+span{color:#8f6b58;text-decoration:line-through}
.rider-page .rider-shell{border-radius:6px;box-shadow:0 8px 35px #25253504}
.rider-page .tabs{background:#f0edf3}
.rider-page .tabs button{padding:19px 10px}
.rider-page .tabs button[aria-selected=true]{border-bottom-color:var(--orange)}
.rider-page .tabs button:nth-child(2)[aria-selected=true]{border-bottom-color:#a879f5}
.rider-page .tabs button:nth-child(3)[aria-selected=true]{border-bottom-color:#765392}
.rider-page .panel{padding:34px 38px 30px}
.rider-page .panel-intro{padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid #eeebf0}
.panel-kicker{display:block;font-size:8px;letter-spacing:1.4px;font-weight:700;color:var(--orange);margin-bottom:10px}
#panel-plan .panel-kicker{color:#8154a6}
#panel-ride .panel-kicker{color:#765392}
.rider-page .panel-intro h3{font-size:25px;letter-spacing:-.8px}
.rider-page .panel-intro p{max-width:670px;margin-bottom:0;line-height:1.8}
.rider-page #questionnaire{max-width:760px}
.rider-page label,.rider-page legend{font-size:12px}
.rider-page textarea{min-height:100px}
.rider-page .field-help{font-size:10px}
.rider-page .days span{font-size:11px;padding-top:13px;padding-bottom:13px}
.rider-page .days input:checked+span{background:var(--ink);border-color:var(--ink)}
.rider-page .form-end{padding-top:22px;gap:28px}
.rider-page .form-end .small{line-height:1.7;max-width:370px}
.rider-page .form-end .button{white-space:nowrap}
.plan-placeholder{display:flex;align-items:center;gap:18px;padding:20px 22px;background:#f5f2f8;border:1px solid #e7e0ed;border-radius:4px}
.plan-file-icon{display:flex;align-items:center;justify-content:center;width:38px;height:45px;flex-shrink:0;border:1px solid #c8b8d9;border-radius:3px;color:#765392;font-size:24px}
.plan-placeholder strong{font-size:12px}
.plan-placeholder p{font-size:11px;color:var(--muted);margin:3px 0 0}
.local-pill{font-size:7px;font-weight:700;letter-spacing:.8px;color:#796786;margin-left:auto;border:1px solid #d9cfe2;padding:5px 8px;border-radius:3px;white-space:nowrap}
.setup-guide{list-style:none;padding:0;margin:28px 0 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;counter-reset:guide}
.setup-guide>li{padding-top:15px;border-top:1px solid var(--line)}
.guide-number{font-size:10px;color:#8b6ea0;display:block;margin-bottom:13px;font-weight:650}
.setup-guide h4{font:650 14px/1.5 'Manrope',sans-serif;letter-spacing:-.2px;margin:0 0 9px}
.setup-guide p{font-size:11px;color:var(--muted);line-height:1.9;margin:0}
.setup-guide .text-link{font-size:10px;display:inline-block;margin-top:13px;color:#765392}
.rider-note{background:#f8f5f0;border-left:2px solid #d59a79;padding:15px 18px;margin-top:26px}
.rider-note strong{font-size:11px;font-weight:650}
.rider-note p{font-size:11px;color:var(--muted);line-height:1.8;margin:4px 0 0;max-width:760px}
.service-footnote{font-size:10px;color:var(--muted);margin:18px 0 0}
.rider-page #ride-form{max-width:760px}
.rider-page .file-zone{border-color:#c9bcd6;padding:26px 20px;gap:9px;background:#f8f6fa;margin-bottom:0}
.rider-page .file-zone>span:not(.file-type-icon){font-size:10px;color:var(--muted)}
.file-type-icon{font:650 12px/1 'Manrope',sans-serif;border:1px solid #b79bcf;border-radius:3px;padding:15px 8px;color:#765392}
.rider-page .file-zone strong{font-size:16px;letter-spacing:-.3px}
.rider-page .file-zone input{margin-top:9px;border:0;background:transparent;max-width:100%;font-size:11px}
.rider-page .file-zone input::file-selector-button{background:#fff;border:1px solid #d2c8dc;color:#4d3b5d;padding:8px 11px;margin-right:10px;border-radius:3px;font:inherit;cursor:pointer}
.file-selection{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;background:#eeebf5;border:1px solid #e0d8e8;border-top:0;border-radius:0 0 4px 4px}
.file-selection>div{display:flex;flex-direction:column;min-width:0;gap:3px}
.selection-label{font-size:7px;letter-spacing:.9px;color:#765392;font-weight:650}
.file-selection strong{font-size:11px;font-weight:600;overflow-wrap:anywhere}
#selected-file-size{font-size:10px;color:var(--muted)}
.quiet-button{padding:6px 0;border:0;background:transparent;font-size:10px;color:#725885;white-space:nowrap}
.quiet-button span{margin-left:6px;font-size:14px}
.quiet-button:hover{text-decoration:underline}
.file-local-note{font-size:10px;color:var(--muted);margin:10px 0 25px}
.rider-bottom-note{display:flex;align-items:center;gap:13px;padding-top:23px;color:var(--muted)}
.rider-bottom-note>span{color:var(--orange);font-size:20px}
.rider-bottom-note>p{font-size:11px;margin:0}
.rider-bottom-note>a{font-size:10px;margin-left:auto;white-space:nowrap}
@media(max-width:1000px){
  .rider-page .wrap{padding-left:30px;padding-right:30px}
  .start-checklist{gap:25px;grid-template-columns:.8fr 1fr}
  .setup-guide{gap:20px}
}
@media(max-width:650px){
  .rider-page .wrap{padding-left:22px;padding-right:22px}
  .rider-page .header{height:76px}
  .rider-page .brand{font-size:17px;gap:9px}
  .rider-page .brand-icon{width:33px;height:33px;font-size:18px}
  .rider-page nav{gap:10px;font-size:10px}
  .rider-page .nav-cta{padding:7px 9px}
  .rider-page .nav-cta span{margin-left:3px}
  .rider-page .rider-section{padding-top:32px;padding-bottom:38px}
  .rider-page .section-heading{margin-bottom:25px}
  .rider-page .rider-title{font-size:36px;letter-spacing:-1.5px}
  .rider-page .section-heading>p{font-size:11px;line-height:1.7;margin-top:13px}
  .rider-page .section-heading .eyebrow{font-size:8px;letter-spacing:1.2px}
  .start-checklist{grid-template-columns:1fr;gap:20px;padding:21px;margin-bottom:25px}
  .checklist-intro h2{font-size:20px}
  .checklist-intro>p:last-child{max-width:none}
  .checklist-progress{margin-bottom:12px}
  .checklist-items{flex-direction:column;gap:12px}
  .checklist-items label{font-size:11px}
  .rider-page .tabs button{padding:15px 4px;font-size:8px}
  .rider-page .tabs button span{font-size:9px}
  .rider-page .panel{padding:25px 19px}
  .rider-page .panel-intro{padding-bottom:19px;margin-bottom:22px}
  .rider-page .panel-intro h3{font-size:22px;letter-spacing:-.7px}
  .rider-page .panel-intro p{font-size:11px}
  .rider-page .days span{font-size:10px;padding:11px 1px}
  .rider-page .form-end .button{font-size:11px}
  .plan-placeholder{padding:16px 14px;gap:12px;flex-wrap:wrap}
  .plan-placeholder>div{flex:1;min-width:130px}
  .local-pill{margin-left:50px;font-size:7px}
  .setup-guide{grid-template-columns:1fr;gap:21px;margin-top:23px}
  .setup-guide>li{display:flex;gap:16px;padding-top:17px}
  .guide-number{padding-top:3px;margin:0;flex-shrink:0}
  .setup-guide h4{font-size:13px}
  .rider-note{padding:14px 15px}
  .rider-page .file-zone{padding:23px 12px}
  .rider-page .file-zone input{font-size:10px;width:100%;text-align:left}
  .file-selection{align-items:flex-start;gap:14px;padding:13px}
  .quiet-button{font-size:9px}
  .rider-bottom-note{align-items:flex-start;flex-wrap:wrap;gap:8px 12px}
  .rider-bottom-note>p{flex:1;font-size:10px;padding-top:5px}
  .rider-bottom-note>a{margin-left:28px;width:100%;margin-top:3px}
}
@media(max-width:360px){.rider-page nav>a:nth-child(2){display:none}.rider-page .tabs button span{font-size:8px}.rider-page .wrap{padding-left:17px;padding-right:17px}}
