/* The community has its own workshop palette; the shop keeps its brand theme. */
body.garage-atelier{--ink:#f0f1ec;--paper:#171a1c;--muted:#b0b6b9;--line:#3c4145;--blue:#8cb8ee;--red:#df5246;background:#171a1c;color:var(--ink);color-scheme:dark}
.garage-atelier .announcement{background:#0d1012;color:#babec1;font-size:.75rem;height:28px}
.garage-atelier .member-header{height:82px;background:#1d2124;border-bottom:1px solid #42484c}
.garage-atelier .brand-mark{mix-blend-mode:normal;background:#fff;border-radius:3px}
.garage-atelier .member-back{font-size:.875rem;color:#dde0df}
.garage-atelier .preview-banner{background:#242c33;color:#c9d8e6;border-bottom:1px solid #3b4750;font-size:.875rem;padding-top:10px;padding-bottom:10px}
.garage-atelier .preview-banner strong{font-size:.75rem}
.garage-atelier .garage-layout{grid-template-columns:246px minmax(0,1fr);min-height:900px;align-items:start;background:linear-gradient(120deg,#25292b,#171a1c 65%)}
.garage-atelier .garage-sidebar{position:sticky;top:0;max-height:100dvh;overflow:auto;padding:30px 21px 25px;background:repeating-linear-gradient(0deg,#ffffff02 0 1px,transparent 1px 5px),linear-gradient(100deg,#191d1f,#22272a);border-right:1px solid #42484c;scrollbar-width:thin;scrollbar-color:#525a5e #1d2225}
.garage-atelier .garage-sidebar{color:#f0f1ec}
.garage-atelier .garage-sidebar>.eyebrow{font-size:.75rem;letter-spacing:.17em;color:#a9afb3}
.garage-atelier .garage-sidebar h1{font-size:3.8rem;line-height:.9;letter-spacing:.01em;margin:20px 0 0;text-shadow:0 2px 1px #000}
.garage-atelier .garage-sidebar .flag{height:5px;width:63px;margin:24px 0 13px}
.garage-atelier .garage-sidebar nav{gap:3px}
.garage-atelier .atelier-nav-label{font-size:.75rem;letter-spacing:.15em;font-weight:600;color:#a2a9ad;padding:23px 10px 8px}
.garage-atelier .garage-sidebar nav a{border:1px solid transparent;padding:10px 11px;min-height:43px;justify-content:flex-start;align-items:center;gap:11px;line-height:1.35;color:#ced3d5;border-radius:2px;font-size:.9375rem}
.garage-atelier .atelier-nav-number{font:500 .875rem var(--display);letter-spacing:.08em;color:#959da3;flex-shrink:0}
.garage-atelier .garage-sidebar nav a:hover{background:#30373c;color:white}
.garage-atelier .garage-sidebar nav a.selected{border-color:#515b63;background:linear-gradient(110deg,#35414c,#2b333a);color:#fff;box-shadow:inset 3px 0 #e3584c}
.garage-atelier .garage-sidebar nav a.selected .atelier-nav-number{color:#e89086}
.garage-atelier .garage-sidebar nav .atelier-rules{margin-top:19px;border-top:1px solid #42484c;color:#aeb5ba;font-size:.875rem}
.garage-atelier .account-details{margin-top:28px;padding:18px 10px 0;border-top:1px solid #42484c}
.garage-atelier .account-details>span{font-size:.75rem;color:#a2abb1}
.garage-atelier .account-details p{font-size:.875rem}
.garage-atelier .account-details button{color:#c8cfd3;border-color:#636c72;min-height:35px}
.garage-atelier .community-hub{padding:30px 4%;max-width:1500px;min-height:850px}
.garage-atelier .garage-welcome{position:relative;isolation:isolate;overflow:hidden;margin:0;border:1px solid #596065;border-radius:3px;background:linear-gradient(110deg,#27313a,#151a20);min-height:254px;padding:32px;display:flex;align-items:center}
.garage-atelier .garage-welcome{background-color:#151a20;background-image:url('/assets/atelier.png');background-size:auto 150%;background-position:right 60%;background-repeat:no-repeat}
.garage-atelier .atelier-welcome-copy{position:relative;z-index:1;max-width:560px}
.garage-atelier .garage-welcome:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#10161bec 0%,#10161bd9 30%,#10161b44 67%,#10161b12),linear-gradient(0deg,#080b1055,transparent 70%);pointer-events:none}
.garage-atelier .garage-welcome .eyebrow{font-size:.8125rem;letter-spacing:.17em;color:#d0d8df;display:flex;align-items:center;gap:12px}
.garage-atelier .garage-welcome .eyebrow:before{content:'';width:26px;height:3px;background:#da5146}
.garage-atelier .garage-welcome h2{font-size:clamp(2.35rem,3.4vw,3.8rem);line-height:.98;letter-spacing:.005em;margin:14px 0 15px;max-width:490px;color:#fff}
.garage-atelier .garage-welcome p:not(.eyebrow){font-size:1rem;line-height:1.6;color:#d6dce1;max-width:420px}
.garage-atelier .atelier-welcome-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.garage-atelier .atelier-welcome-actions .hub-button{min-height:44px;padding:11px 15px;font-size:.875rem}
.garage-atelier .garage-shortcuts{gap:0;margin:18px 0 28px;border:1px solid #50585e;border-radius:3px;overflow:hidden;background:#2b3034}
.garage-atelier .garage-shortcuts button{position:relative;background:linear-gradient(#343b40,#2a3034);color:#e9edee;border:0;border-radius:0;border-right:1px solid #51585d;box-shadow:inset 0 1px #ffffff09;min-height:78px;justify-content:flex-start;gap:12px;padding:17px 20px;text-align:left;font-size:.9375rem;transition:background .16s}
.garage-atelier .garage-shortcuts button:last-child{border-right:0}
.garage-atelier .garage-shortcuts button:hover{background:#3c4851;color:#fff}
.garage-atelier .atelier-icon{display:block;width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#a6bfd4}
.garage-atelier .garage-shortcuts button>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.garage-atelier .garage-badge-count{background:#bd463c;color:#fff;font-size:.75rem}
.garage-atelier .garage-dashboard{grid-template-columns:1.3fr 1fr;gap:20px}
.garage-atelier .garage-panel,.garage-atelier .hub-card,.garage-atelier .hub-detail,.garage-atelier .hub-empty,.garage-atelier .cart-total{background:#23292d;border:1px solid #4b545a;border-radius:3px;box-shadow:0 3px 9px #080b1020,inset 0 1px #ffffff05}
.garage-atelier .garage-panel{padding:25px 27px;min-width:0}
.garage-atelier .garage-panel>.eyebrow,.garage-atelier .month-teaser .eyebrow{font-size:.8125rem;letter-spacing:.13em;color:#b5c1ca;border-bottom:1px solid #434d55;padding-bottom:14px}
.garage-atelier .garage-panel h3{font-family:var(--display);font-size:2.1rem;line-height:1.06;letter-spacing:.01em;margin:21px 0 14px}
.garage-atelier .garage-panel>p:not(.eyebrow){color:#c2c9ce;margin:12px 0 18px}
.garage-atelier .next-ride{background:linear-gradient(130deg,#293743,#20292f);border-top:3px solid #578ac0}
.garage-atelier .next-ride h3{max-width:440px;font-size:2.6rem;text-transform:uppercase}
.garage-atelier .garage-next-meta{gap:8px;margin:17px 0}
.garage-atelier .garage-next-meta span{background:#151e26;border:1px solid #465763;border-radius:2px;padding:7px 11px;font-size:.875rem;color:#d9e0e4}
.garage-atelier .atelier-bike-panel{border-top:3px solid #b26154}
.garage-atelier .atelier-bike-panel h3{font:700 2.8rem var(--display);letter-spacing:.07em}
.garage-atelier .month-teaser{padding:0;grid-template-columns:43% 1fr;border-top:1px solid #5c666d}
.garage-atelier .month-teaser img{height:275px}
.garage-atelier .month-teaser>div{padding:26px 30px}
.garage-atelier .month-teaser h3{font-size:2.2rem}
.garage-atelier .garage-panel hr{border-color:#444d54}
.garage-atelier .hub-button{background:#b7463b;border-color:#d35c50;color:#fff;border-radius:2px;font-size:.9375rem;font-weight:600;min-height:46px;box-shadow:inset 0 1px #ffffff15;transition:background .16s,border-color .16s}
.garage-atelier .hub-button:hover:not(:disabled){background:#ca5145;border-color:#ee786b}
.garage-atelier .hub-button.secondary{background:#283741;color:#e1ebf2;border-color:#657f91}
.garage-atelier .hub-button.secondary:hover:not(:disabled){background:#344956}
.garage-atelier .hub-button.danger{background:#4a2726;color:#ffcec6;border-color:#995b55}
.garage-atelier .hub-text-button{color:#a7cdf1;min-height:40px;line-height:1.5}
.garage-atelier .hub-text-button:hover{color:white}
.garage-atelier .hub-top{padding-bottom:18px;border-bottom:1px solid #454c51}
.garage-atelier .hub-top>.eyebrow{font-size:.8125rem;color:#aebbc4}
.garage-atelier .hub-top label{font-size:.875rem;color:#c3cbd0}
.garage-atelier .hub-top select{background:#26313a;color:#edf1f4;border:1px solid #596671;border-radius:2px;padding:10px 32px 10px 12px;min-height:44px;font-size:1rem}
.garage-atelier .hub-title{padding:27px 0}
.garage-atelier .hub-title h2{font-size:clamp(2.25rem,3.1vw,3.2rem);line-height:1.04}
.garage-atelier .hub-tabs{padding:5px;background:#151d23;border:1px solid #48545e;border-radius:3px;top:8px}
.garage-atelier .hub-tabs button{color:#b9c5ce;border-radius:2px;font-size:.9375rem}
.garage-atelier .hub-tabs button[aria-pressed=true]{background:#394b5b;color:white;box-shadow:inset 0 -2px #de5d51}
.garage-atelier .hub-tabs button:hover{background:#2a3945;color:#fff}
.garage-atelier .hub-card:hover{border-color:#7a8c99;box-shadow:0 5px 17px #0003}
.garage-atelier .hub-card h3{font-size:2rem;color:#f1f2ef}
.garage-atelier .hub-badge{font-size:.8125rem;letter-spacing:.04em;color:#a7caed}
.garage-atelier .place-card .hub-badge{color:#e6ccb0;background:#453b30;border-radius:2px}
.garage-atelier .hub-card-foot{border-color:#45525c}
.garage-atelier .hub-card-foot>span{color:#b6bfc5}
.garage-atelier .hub-section-head h3{font-size:1.8rem}
.garage-atelier .hub-filters button{color:#bcc9d1;border-color:#52616c;border-radius:3px}
.garage-atelier .hub-filters button[aria-pressed=true]{background:#31485c;color:#e3eff7;border-color:#7495b0}
.garage-atelier .hub-field input,.garage-atelier .hub-field select,.garage-atelier .hub-field textarea,.garage-atelier .field input,.garage-atelier .field textarea,.garage-atelier .hub-photo-preview input,.garage-atelier .cart-line select{background:#151e25;border:1px solid #627380;color:#f1f3f4;border-radius:2px;font-size:1rem}
.garage-atelier input::placeholder,.garage-atelier textarea::placeholder{color:#94a3ae}
.garage-atelier input:focus,.garage-atelier select:focus,.garage-atelier textarea:focus{outline:2px solid #a2c9ed;outline-offset:2px}
.garage-atelier .hub-style-options label{background:#202c36;border-color:#596d7d;border-radius:2px}
.garage-atelier .hub-style-options label:has(input:checked){background:#334b60;border-color:#94bedf}
.garage-atelier .hub-stop,.garage-atelier .hub-message{background:#18232c;border:1px solid #44525e}
.garage-atelier .hub-search-results{background:#536575}
.garage-atelier .hub-search-results button{background:#283a48;color:white}
.garage-atelier .hub-search-results button:hover{background:#3b5265}
.garage-atelier .hub-feedback,.garage-atelier .hub-notice,.garage-atelier .service-notice,.garage-atelier .form-message{background:#243747;border-color:#88b7e3;color:#d9e6f0}
.garage-atelier .hub-feedback[data-error=true],.garage-atelier .form-message[data-tone=error]{background:#432b2b;border-color:#e67569;color:#ffdbd5}
.garage-atelier .form-message[data-tone=success]{background:#253d35;color:#dceee5;border-color:#79b79a}
.garage-atelier .garage-unread{border-color:#90bde6}
.garage-atelier .garage-favorite{background:#1b2731;color:#b9dafa;border-color:#556d80;border-radius:2px}
.garage-atelier .garage-favorite[aria-pressed=true]{background:#324c64;color:#f1f7ff;border-color:#87b4db}
.garage-atelier .garage-due{background:#513a28;color:#f7d8b7;border-radius:2px}
.garage-atelier .hub-place-meta span{background:#233847;color:#dce8ef;border-radius:2px}
.garage-atelier .hub-publish-footer{background:#23292d}
.garage-atelier .hub-map{border-color:#606e78;color:#17212a;color-scheme:light}
.garage-atelier .hub-map .leaflet-control a{color:#17212a}
.garage-atelier .hub-map .hub-text-button{color:#245482}
.garage-atelier .hub-map .leaflet-popup-content{color:#17212a}
.garage-atelier .hub-image-dialog{background:#202a32;color:#edf0f2;border:1px solid #607281}
.garage-atelier .garage-main{padding:32px 5%;margin:0 auto;min-height:850px}
.garage-atelier .garage-heading h2{color:#f0f2f1}
.garage-atelier .profile-private{color:#b8d3e5;background:#263a48;border-color:#627787;font-size:.8125rem}
.garage-atelier .profile-section-title h3{font-size:1.5rem}
.garage-atelier .photo-empty{background:#24343f;border-color:#7c92a3;color:#c2d0da}
.garage-atelier .photo-select,.garage-atelier .profile-save .button{background:#ad4238;border-color:#d36659;color:white;font-size:.875rem}
.garage-atelier .remove-photo{color:#ecafa5;min-height:40px}
.garage-atelier .cart-line h3,.garage-atelier .cart-total h3{font-family:var(--display)}
.garage-atelier .cart-line>img{border:1px solid #52616b;border-radius:2px}
.garage-atelier .member-footer{border-top:1px solid #454d53;background:#151a1f;color:#bec7cd}
.garage-atelier .member-footer p,.garage-atelier .member-footer small{color:#a4afb7;border-color:#404c55}
.garage-atelier :is(button,a):focus-visible{outline:3px solid #b1d6f8;outline-offset:3px}
.garage-atelier .hub-small,.garage-atelier .hub-field small,.garage-atelier .garage-form-help{font-size:.875rem}
@media(min-width:1600px){.garage-atelier .community-hub{padding-top:36px}.garage-atelier .garage-welcome{min-height:290px}}
@media(max-width:1150px){.garage-atelier .garage-layout{grid-template-columns:218px minmax(0,1fr)}.garage-atelier .garage-sidebar{padding-left:15px;padding-right:15px}.garage-atelier .community-hub{padding:25px 3.5%}.garage-atelier .garage-shortcuts button{padding:16px 12px}.garage-atelier .garage-welcome{padding:27px}.garage-atelier .garage-dashboard{grid-template-columns:1fr 1fr}.garage-atelier .next-ride h3{font-size:2.1rem}}
@media(max-width:1000px){.garage-atelier .garage-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.garage-atelier .garage-shortcuts button:nth-child(2){border-right:0}.garage-atelier .garage-shortcuts button:nth-child(-n+2){border-bottom:1px solid #51585d}.garage-atelier .garage-dashboard,.garage-atelier .garage-two-col{grid-template-columns:1fr}.garage-atelier .month-teaser{grid-template-columns:40% 1fr;grid-column:auto}.garage-atelier .garage-panel{padding:23px}.garage-atelier .month-teaser{padding:0}}
@media(max-width:680px){.garage-atelier .announcement{font-size:.6875rem;height:27px}.garage-atelier .member-header{height:74px;padding:0 5%;gap:15px}.garage-atelier .wordmark{font-size:1.5rem}.garage-atelier .wordmark small{font-size:.625rem}.garage-atelier .brand-mark{width:36px;height:40px}.garage-atelier .member-back{font-size:.75rem;gap:6px}.garage-atelier .preview-banner{font-size:.8125rem;padding:10px 5%}.garage-atelier .garage-layout{display:block;min-height:0}.garage-atelier .garage-sidebar{position:relative;top:auto;max-height:none;overflow:visible;padding:17px 5%;border-right:0;border-bottom:1px solid #525c63;display:flex;flex-wrap:wrap;gap:12px 18px}.garage-atelier .garage-sidebar h1{font-size:2rem;line-height:1;margin:0;letter-spacing:.03em}.garage-atelier .garage-sidebar h1 br{display:none}.garage-atelier .hub-mobile-menu{border-color:#697c8b;color:#e8eff5;min-height:42px;border-radius:2px;padding:10px 13px;font-size:.875rem;background:#293843}.garage-atelier .garage-sidebar nav{gap:3px}.garage-atelier .atelier-nav-label{padding-top:17px}.garage-atelier .garage-sidebar nav a{min-height:44px}.garage-atelier .account-details{padding:17px 10px 6px;margin-top:10px}.garage-atelier .community-hub{padding:20px 5% 36px;min-height:500px}.garage-atelier .garage-welcome{min-height:255px;padding:23px 20px}.garage-atelier .garage-welcome h2{font-size:2.65rem;max-width:300px;line-height:1}.garage-atelier .garage-welcome .eyebrow{font-size:.75rem;letter-spacing:.1em}.garage-atelier .garage-welcome p:not(.eyebrow){font-size:1rem;max-width:260px}.garage-atelier .atelier-welcome-actions{gap:8px;margin-top:19px}.garage-atelier .atelier-welcome-actions .hub-button{font-size:.875rem;min-height:44px}.garage-atelier .garage-shortcuts{margin:14px 0 23px}.garage-atelier .garage-shortcuts button{min-height:72px;padding:15px 12px;gap:10px;font-size:.9375rem}.garage-atelier .atelier-icon{width:20px;height:20px}.garage-atelier .garage-dashboard{gap:17px}.garage-atelier .garage-panel{padding:21px}.garage-atelier .garage-panel h3{font-size:2rem}.garage-atelier .next-ride h3{font-size:2.3rem}.garage-atelier .month-teaser{padding:0;grid-template-columns:1fr}.garage-atelier .month-teaser img{height:215px}.garage-atelier .month-teaser>div{padding:23px}.garage-atelier .hub-top{padding-bottom:16px}.garage-atelier .hub-top label{width:100%}.garage-atelier .hub-top select{max-width:65%;padding:10px 8px}.garage-atelier .hub-title{padding:23px 0;gap:18px}.garage-atelier .hub-title h2{font-size:2.5rem}.garage-atelier .hub-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-atelier .hub-tabs button{font-size:.875rem;min-height:46px}.garage-atelier .hub-card h3{font-size:2rem}.garage-atelier .garage-main{padding:27px 5%;min-height:500px}.garage-atelier .garage-heading h2{font-size:2.8rem}.garage-atelier .field-row{grid-template-columns:1fr}.garage-atelier .garage-section-heading{font-size:2.3rem}.garage-atelier .hub-detail{padding:20px 16px}.garage-atelier .garage-panel>.eyebrow{line-height:1.5}.garage-atelier .garage-welcome:after{background:linear-gradient(90deg,#10161bf0,#10161b98)}}
@media(max-width:680px){.garage-atelier .garage-sidebar{flex-direction:row}.garage-atelier .garage-sidebar h1{font-size:1.75rem}.garage-atelier .hub-mobile-menu{padding:10px}.garage-atelier .garage-sidebar.menu-open nav{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.garage-atelier *{scroll-behavior:auto!important;transition:none!important}}