/* Shared page-specific raster atmosphere and deliberately bounded 2.5D depth. */
[data-page],.mcx-community{--page-wash:#f6f5fa;--page-accent:#6638a1;--scene:url('/community/assets/original-series/community-hero-480.webp')}
[data-page=guides],[data-section=account]{--page-wash:#f8f4ed;--scene:url('/community/assets/original-series/guides-480.webp')}
[data-page=riding-routes],[data-section=routes]{--page-wash:#eff6f6;--scene:url('/community/assets/original-series/routes-480.webp')}
[data-page=rider-community],[data-section=clubs]{--page-wash:#f5f0f8;--scene:url('/community/assets/original-series/community-480.webp')}
[data-page=motorcycle-garage],[data-section=garage]{--page-wash:#f1f5ec;--scene:url('/community/assets/original-series/garage-480.webp')}
[data-page=tips],[data-section=tips]{--page-wash:#edf5f0;--scene:url('/community/assets/original-series/tips-480.webp')}
[data-page=shopping],[data-section=shopping]{--page-wash:#faf3e9;--scene:url('/community/assets/original-series/shopping-480.webp')}
[data-section=messages]{--page-wash:#eef3f9;--scene:url('/community/assets/original-series/community-480.webp')}
[data-section=events]{--page-wash:#faf0f1;--scene:url('/community/assets/original-series/community-480.webp')}
[data-section=dating]{--page-wash:#fbf0ee;--scene:url('/community/assets/original-series/dating-480.webp')}
[data-page]{background:var(--page-wash)}
.hero,.mcx-community .page-heading{position:relative;isolation:isolate}
.hero:before,.mcx-community .page-heading:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,var(--page-wash),transparent),var(--scene);background-size:cover;background-position:center;opacity:.085;border-radius:24px;pointer-events:none}
.hero{padding-inline:20px;border-radius:24px;margin-bottom:12px}.hero .eyebrow{letter-spacing:.1em}.content-card{box-shadow:0 12px 28px #35234d07}.content-card:hover{border-color:#cdbcdc}.site-header nav a:not(.button){padding:4px 0}.site-footer{background:#ffffff80}
.mcx-community .workspace{background:var(--page-wash)}.mcx-community .page-heading{padding:16px 20px;margin-inline:-20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.mcx-community .page-heading:has(.heading-art){grid-template-columns:minmax(0,1fr) auto 200px}.heading-art{width:200px}.heading-art figcaption{display:none}.heading-art .original-art{margin:0}.heading-art [data-depth-control]{font-size:11px;padding:6px 10px;min-height:32px}.heading-art .art-emblem{display:none}.garage-topline{margin-top:16px}
.original-art{perspective:900px;position:relative;max-width:540px}.art-depth-scene{position:relative;transform-style:preserve-3d;transform:rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform 180ms ease-out;border-radius:22px;box-shadow:0 16px 32px #39204412}.original-art .art-depth-scene>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:22px}.original-art .art-emblem{position:absolute;inset-inline-end:14px;bottom:14px;transform:translateZ(24px);padding:7px;background:#fffc;border:1px solid #fff;border-radius:14px;box-shadow:0 5px 15px #35234818;pointer-events:none}.original-art .art-emblem img{width:40px;height:40px;aspect-ratio:1;object-fit:contain;border-radius:0;display:block}.original-art [data-depth-control]{display:none;background:#fff;color:#4c286f;border:1px solid #cdbbdd;border-radius:24px;padding:8px 15px;font-size:12px;font-weight:600;cursor:pointer;min-height:40px;margin-top:12px}.depth-ready [data-depth-control]{display:inline-block}.original-art [data-depth-control]:focus-visible{outline:3px solid #6333a0;outline-offset:3px}.original-art [data-depth-control][aria-pressed=true]{background:#eee4f7}.original-art figcaption{margin-top:8px;line-height:1.5}.extra-intro .original-art{flex-basis:300px}.mcx-community .garage-topline~#bike-view{scroll-margin-top:20px}
@media(max-width:850px){.hero{padding-inline:0}.mcx-community .page-heading:has(.heading-art){grid-template-columns:minmax(0,1fr) auto}.heading-art{grid-column:1/-1;width:180px}.heading-art .art-depth-scene{box-shadow:none}.mcx-community .page-heading{margin-inline:0;padding-inline:0}.original-art{max-width:100%}}
@media(prefers-reduced-motion:reduce){.art-depth-scene{transform:none!important;transition:none!important}.art-emblem{transform:none!important}.depth-ready [data-depth-control]{display:none!important}.original-art,.content-card{animation:none!important;transition:none!important}}
@media(prefers-contrast:more){.hero:before,.page-heading:before{display:none}.content-card,.art-depth-scene{border:1px solid currentColor}}
/* Keep existing dark preference readable while retaining light editorial pages. */
html[data-theme=dark] .mcx-community .workspace{background:var(--paper,#11181c)}

html[data-theme=dark] .mcx-community .page-heading:before{opacity:.035}html[data-theme=dark] .mcx-community .original-art figcaption{color:#bbc5c0}
.original-art figcaption{color:#5d5267}html[data-theme=dark] .mcx-community .original-art figcaption{color:#ccd3ce}
[data-theme=light] .dating-hero.dating-intro{background:linear-gradient(120deg,#fff9f5,#f3ecfa)}

.mcx-community .workflow-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 20px}.mcx-community .workflow-links a,.mcx-community .workflow-links button{display:inline-flex;align-items:center;min-height:44px;border:1px solid var(--line,#ded4e8);border-radius:12px;padding:8px 14px;background:var(--surface,#fff);color:var(--ink,#352343);font:inherit;font-size:.88rem;text-decoration:none}.mcx-community .workflow-links a:hover,.mcx-community .workflow-links button:hover{border-color:#8b59ac}.mcx-community .workflow-links :focus-visible{outline:3px solid #9567c1;outline-offset:3px}

/* Dedicated original full-viewport backgrounds; distinct from hero illustrations. */
[data-page=home],[data-page=guides],[data-page=tips],.mcx-community[data-section=account],.mcx-community[data-section=tips]{--page-background:url('/community/assets/backgrounds/hub-1280.webp')}
[data-page=riding-routes],.mcx-community[data-section=routes]{--page-background:url('/community/assets/backgrounds/routes-1280.webp')}
[data-page=motorcycle-garage],.mcx-community[data-section=garage]{--page-background:url('/community/assets/backgrounds/garage-1280.webp')}
.mcx-community[data-section=dating]{--page-background:url('/community/assets/backgrounds/dating-1280.webp')}
[data-page=rider-community],.mcx-community[data-section=feed],.mcx-community[data-section=messages],.mcx-community[data-section=clubs],.mcx-community[data-section=events]{--page-background:url('/community/assets/backgrounds/community-1280.webp')}
[data-page=shopping],.mcx-community[data-section=shopping]{--page-background:url('/community/assets/backgrounds/commerce-1280.webp')}
body[data-page],.mcx-community{isolation:isolate;position:relative}body[data-page]::before,.mcx-community::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#faf8fd33,#faf8fd55),var(--page-background);background-size:cover;background-position:center;animation:none;transform:none}.hero::before,.mcx-community .page-heading::before{display:none}.hero{background:#ffffffeb;padding:26px;border:1px solid #fff;border-radius:24px}.site-header,.site-footer{background:#ffffffeb}.related{background:#ffffffed;padding:24px;border-radius:20px;margin-top:24px}.rider-hub>h2,.rider-hub>p{background:#ffffffed;padding:12px 18px;margin-bottom:0}.rider-hub>h2{border-radius:18px 18px 0 0}.rider-hub>p{border-radius:0 0 18px 18px;margin-bottom:16px}.mcx-community .workspace{background:transparent}.mcx-community .page-heading{background:var(--panel,#fff);border-radius:18px}.mcx-community #notice:not(:empty),.mcx-community #intro{background:var(--panel,#fff)}html[data-theme=dark] .mcx-community::before{background-image:linear-gradient(#10181bd9,#10181bed),var(--page-background)}html[data-theme=dark] .mcx-community .workspace{background:transparent}@media(prefers-contrast:more){body[data-page]::before,.mcx-community::before{display:none}}@media(max-width:700px){.hero{padding:18px}.mcx-community .page-heading{padding:16px}}
@media(max-width:700px){
[data-page=home],[data-page=guides],[data-page=tips],.mcx-community[data-section=account],.mcx-community[data-section=tips]{--page-background:url('/community/assets/backgrounds/hub-640.webp')}
[data-page=riding-routes],.mcx-community[data-section=routes]{--page-background:url('/community/assets/backgrounds/routes-640.webp')}
[data-page=motorcycle-garage],.mcx-community[data-section=garage]{--page-background:url('/community/assets/backgrounds/garage-640.webp')}
.mcx-community[data-section=dating]{--page-background:url('/community/assets/backgrounds/dating-640.webp')}
[data-page=rider-community],.mcx-community[data-section=feed],.mcx-community[data-section=messages],.mcx-community[data-section=clubs],.mcx-community[data-section=events]{--page-background:url('/community/assets/backgrounds/community-640.webp')}
[data-page=shopping],.mcx-community[data-section=shopping]{--page-background:url('/community/assets/backgrounds/commerce-640.webp')}
}

html[data-theme=dark] .mcx-community .workflow-links a,html[data-theme=dark] .mcx-community .workflow-links button{background:#202a30;color:#eef3f5}html[data-theme=dark] .public-app-links{background:#141b20;color:#dfd3f0}
