/* Generated by scripts/build-bassho-theme.cjs. Geometry stays in the existing stylesheets. */
button {
    background: var(--surface);
    border: 1px solid var(--line)
}
button:hover {
    background: var(--surface);
    border-color: var(--line)
}
button:focus-visible,a:focus-visible,input:focus-visible {
    outline: 2px solid var(--line)
}
.primary {
    background: var(--surface);
    color: var(--muted);
    border-color: var(--line)
}
.primary:hover {
    background: var(--surface);
    color: var(--muted)
}
aside nav button.active {
    background: var(--surface)
}
aside nav button.active:after {
    box-shadow: 0 0 0 1px var(--line)
}
.eyebrow {
    color: var(--muted)
}
.live-dot {
    color: var(--muted)
}
.live-dot:before {
    background: var(--surface)
}
.tabs button {
    background: var(--surface);
    color: var(--muted)
}
.tabs .selected {
    background: var(--surface)
}
.post {
    background: var(--surface)
}
.avatar {
    background: var(--surface);
    color: var(--muted)
}
.product {
    background: var(--surface)
}
.product:hover {
    background: var(--surface)
}
.product-label small {
    color: var(--muted)
}
.view-detail {
    color: var(--muted)
}
.tag {
    background: var(--surface);
    color: var(--muted)
}
.stamp.on {
    color: var(--success)
}
.stamp.on:before {
    color: var(--success)
}
.connection {
    background: var(--surface);
    color: var(--muted)
}
.connection:hover {
    background: var(--surface);
    color: var(--muted)
}
.connection small {
    color: var(--muted)
}
.connection div>span {
    color: var(--muted)
}
.panel {
    border-top: 1px solid var(--line)
}
.micro {
    color: var(--muted)
}
.gearcard {
    background: var(--surface)
}
.card-top {
    color: var(--muted)
}
.card-tag {
    border-top: 1px solid var(--line);
    color: var(--muted)
}
.toolbar input {
    background: var(--surface)
}
input,select,textarea {
    border: 1px solid var(--line);
    background: var(--surface)
}
.collection-meta span {
    color: var(--muted)
}
.share-banner {
    background: var(--surface);
    color: var(--muted)
}
.share-banner:hover {
    background: var(--surface);
    color: var(--muted)
}
.share-banner small {
    color: var(--muted)
}
.collection-end {
    color: var(--muted)
}
.match {
    color: var(--success)
}
.placeholder {
    background: var(--surface)
}
.placeholder span {
    color: var(--muted)
}
.placeholder small {
    color: var(--muted)
}
.detail-nav>span {
    color: var(--muted)
}
.detail-visual {
    background: var(--surface)
}
.image-disclaimer {
    color: var(--muted)
}
.detail-copy .tag {
    border: 1px solid var(--line)
}
.detail-notes>small {
    color: var(--muted)
}
.detail-note .stamp {
    color: var(--muted)
}
.detail-actions button:last-child {
    background: var(--surface);
    color: var(--muted)
}
.adminrow small {
    color: var(--muted)
}
dialog {
    border: 1px solid var(--line);
    background: var(--surface)
}
dialog::backdrop {
    background: var(--surface)
}
.sharecard {
    background: var(--surface);
    color: var(--muted)
}
.sharecard .eyebrow {
    color: var(--muted)
}
footer {
    color: var(--muted)
}
#toast {
    background: var(--surface);
    color: var(--muted)
}
@media (max-width:700px) {
    .bottom-nav {
        background: var(--surface);
        color: var(--muted)
    }
    .bottom-nav button:hover {
        background: var(--surface)
    }
    .detail-actions {
        background: var(--surface)
    }
}
.join-banner {
    background: var(--surface);
    color: var(--muted)
}
.join-banner:hover {
    background: var(--surface);
    color: var(--muted)
}
.join-banner small {
    color: var(--muted)
}
.join-banner span>span {
    color: var(--muted)
}
.step-caption {
    color: var(--muted)
}
.prototype-note {
    background: var(--surface);
    color: var(--muted)
}
.picker-list small {
    color: var(--muted)
}
.reason-options span {
    border: 1px solid var(--line)
}
.reason-options input:checked+span {
    color: var(--muted);
    background: var(--surface);
    border-color: var(--line)
}
.reason-options input:focus-visible+span {
    outline: 2px solid var(--line)
}
.onboard-recs small {
    color: var(--muted)
}
.guest-start {
    background: var(--surface)
}
.guest-start>span {
    color: var(--muted)
}
.guest-start>p {
    color: var(--muted)
}
.purchase p {
    color: var(--muted)
}
.purchase>small {
    color: var(--muted)
}
.purchase-link {
    border: 1px solid var(--line);
    background: var(--surface)
}
.purchase-link:hover {
    background: var(--surface)
}
.purchase-link small {
    color: var(--muted)
}
.link-settings summary {
    color: var(--muted)
}
.generation {
    color: var(--muted);
    border: 1px solid var(--line)
}
.generation.unresolved {
    color: var(--muted);
    border-color: var(--line);
    background: var(--surface)
}
.product-label .generation {
    background: var(--surface)
}
.field-help {
    color: var(--muted)
}
.state-tabs .selected {
    background: var(--surface);
    color: var(--success)
}
.legacy-notice {
    background: var(--surface);
    border: 1px solid var(--line)
}
.legacy-notice p {
    color: var(--muted)
}
.note-meta {
    color: var(--muted)
}
.note-meta span {
    border-bottom: 1px solid var(--line)
}
.card-tag small {
    color: var(--muted)
}
.reason-options label:has(input:checked) span {
    background: var(--surface);
    color: var(--muted)
}
.catalog-candidate-link {
    color: var(--muted)
}
.official-badge {
    color: var(--success)
}
.catalog-import-note {
    border: 1px solid var(--line);
    background: var(--surface)
}
.catalog-import-note>span {
    color: var(--success)
}
.catalog-import-note p {
    color: var(--success)
}
.verification-panel>p {
    color: var(--muted)
}
.verification-panel dt {
    color: var(--muted)
}
.art.official-photo {
    background: var(--surface)
}
.product .official-photo {
    background: var(--surface)
}
.image-disclaimer span {
    color: var(--muted)
}
.flow-steps li {
    border-top: 2px solid var(--line);
    color: var(--muted)
}
.flow-steps li.current {
    border-color: var(--line);
    color: var(--ink)
}
.flow-steps li.complete {
    border-color: var(--line);
    color: var(--success)
}
.picker-categories button[aria-pressed=true] {
    background: var(--surface);
    color: var(--success)
}
.grouped-picker>button {
    border-bottom: 1px solid var(--line)
}
.pick-help {
    border-top: 1px solid var(--line)
}
.pick-help p {
    color: var(--muted)
}
.version-heading p {
    color: var(--muted)
}
.version-card {
    border: 1px solid var(--line);
    background: var(--surface)
}
.version-card dt,.confirm-facts dt {
    color: var(--muted)
}
.version-card p {
    color: var(--muted)
}
.confirm-facts {
    background: var(--surface)
}
.flow-success {
    color: var(--success)
}
.pending-gears {
    background: var(--surface);
    border: 1px solid var(--line)
}
.pending-gears p {
    color: var(--success)
}
.pending-gears button {
    border-top: 1px solid var(--line)
}
.version-card button:disabled {
    color: var(--muted);
    background: var(--surface)
}
.cloud-status {
    border: 1px solid var(--line);
    color: var(--success)
}
.cloud-status[data-state=pending],.cloud-status[data-state=conflict] {
    color: var(--accent-ink);
    background: var(--surface);
    border-color: var(--line)
}
.auth-error {
    color: var(--accent-ink)
}
.account-actions button {
    border: 1px solid var(--line)
}
.brand-filter select {
    border-bottom: 1px solid var(--line)
}
.brand-filter span {
    color: var(--muted)
}
.model-era {
    color: var(--muted)
}
.shop-reference {
    border-top: 1px solid var(--line)
}
.shop-reference small {
    color: var(--muted)
}
.wear-filter select {
    border: 1px solid var(--line)
}
#wearLayerGuide {
    color: var(--muted)
}
.colorway-thumbs button {
    border: 1px solid var(--line);
    background: var(--surface)
}
.colorway-thumbs button[aria-pressed=true] {
    border: 2px solid var(--line)
}
.colorway-block>small,.owned-color {
    color: var(--muted)
}
.registration-colors {
    border: 1px solid var(--line)
}
.registration-color-choices button {
    background: var(--surface);
    border: 1px solid var(--line)
}
.search-hint {
    color: var(--muted)
}
.results-summary {
    color: var(--muted)
}
.results-summary strong {
    color: var(--ink)
}
.load-more,#morePicker button {
    border: 1px solid var(--line);
    background: var(--surface)
}
.load-more small {
    color: var(--muted)
}
.search-empty {
    border: 1px solid var(--line)
}
.search-empty button {
    border: 1px solid var(--line)
}
.spec-disclosure summary {
    color: var(--muted)
}
.registration-intro {
    color: var(--muted)
}
.registration-colors legend span {
    color: var(--muted)
}
.registration-color-choices button[aria-pressed=true] {
    border: 2px solid var(--line);
    background: var(--surface)
}
.manual-color summary {
    color: var(--muted)
}
.required-label {
    color: var(--success)
}
.registration-submit {
    background: var(--surface);
    border-top: 1px solid var(--line);
    box-shadow: 0 -8px 20px var(--line)
}
.registration-submit small {
    color: var(--muted)
}
.registration-submit button:disabled {
    background: var(--surface);
    color: var(--muted)
}
.catalog-import-note summary {
    color: var(--success)
}
button {
    border-color: var(--line)
}
button:hover {
    background: var(--surface)
}
.primary:hover {
    background: var(--surface);
    color: var(--muted)
}
.sub {
    color: var(--muted)
}
.live-dot:before {
    background: var(--surface)
}
.product,.product:hover {
    background: var(--surface)
}
.product .official-photo {
    background: var(--surface)
}
.view-detail {
    color: var(--muted)
}
.tag {
    color: var(--muted)
}
.connection {
    background: var(--surface)
}
.connection:hover {
    background: var(--surface)
}
.connection small {
    color: var(--success)
}
.connection div>span {
    color: var(--success)
}
.toolbar input::placeholder {
    color: var(--muted)
}
.card-top:after {
    color: var(--muted)
}
.gearcard .art {
    background: var(--surface)
}
.gearcard .generation {
    border-left: 1px solid var(--line);
    color: var(--muted)
}
.official-badge,.gearcard .official-badge {
    color: var(--muted)
}
.card-tag {
    color: var(--muted)
}
.gearcard>button:hover {
    color: var(--success)
}
.colorway-thumbs button {
    background: var(--surface)
}
.join-banner:hover {
    background: var(--surface)
}
.join-banner small {
    color: var(--muted)
}
.join-banner span>span {
    color: var(--muted)
}
.share-banner {
    background: var(--surface)
}
.share-banner:hover {
    background: var(--surface)
}
.share-banner small {
    color: var(--muted)
}
.detail-visual {
    background: var(--surface)
}
dialog {
    box-shadow: 0 16px 64px var(--line)
}
dialog::backdrop {
    background: var(--success-soft)
}
label {
    color: var(--muted)
}
input,textarea,select {
    background: var(--surface);
    border-color: var(--line)
}
.flow-steps li.complete {
    border-color: var(--line);
    color: var(--success)
}
.grouped-picker>button:hover {
    background: var(--surface)
}
.confirm-facts {
    background: var(--surface)
}
.reason-options span:before {
    color: var(--muted)
}
.registration-color-choices button[aria-pressed=true] {
    background: var(--surface)
}
.required-label {
    color: var(--success)
}
.spec-disclosure summary,.manual-color summary {
    color: var(--success)
}
.cloud-status {
    color: var(--success)
}
@media (max-width:700px) {
    .bottom-nav button:hover {
        background: var(--surface)
    }
    .detail-visual {
        background: var(--surface)
    }
}
.person-avatar {
    background: var(--surface);
    color: var(--success);
    border: 1px solid var(--line)
}
.avatar-editor>span:last-child {
    color: var(--muted)
}
.handle-input {
    border-bottom: 1px solid var(--line)
}
.privacy-fields {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line)
}
.check-line input[type=checkbox] {
    accent-color: var(--success-soft)
}
.social-tools {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line)
}
.profile-handle {
    color: var(--muted)
}
.profile-stats {
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line)
}
.public-gear-grid article {
    border-top: 1px solid var(--line)
}
.unverified-gear {
    background: var(--surface);
    color: var(--muted)
}
.person-row {
    border-bottom: 1px solid var(--line)
}
.person-row small {
    color: var(--muted)
}
.danger,.danger-link {
    color: var(--accent-ink) !important;
    border-color: var(--accent) !important
}
.public-profile .profile-sets-link {
    border: 1px solid var(--line)
}
.profile-sets-link:focus-visible {
    outline: 2px solid var(--accent)
}
.profile-visibility-guide {
    border: 1px solid var(--line,var(--line))
}
.toolbar input:focus {
    background: var(--surface)
}
.gearcard .art {
    background: var(--surface)
}
.gearcard .colorway-thumbs button {
    background: var(--surface)
}
dialog {
    box-shadow: 0 18px 80px var(--line)
}
dialog::backdrop {
    background: var(--success-soft)
}
dialog input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]),dialog select,dialog textarea {
    border: 1px solid var(--line);
    background: var(--surface)
}
.equipment-state-choices span {
    border: 1px solid var(--line);
    background: var(--surface)
}
.reason-options span {
    border: 1px solid var(--line);
    background: var(--surface)
}
.registration-color-choices button {
    background: var(--surface)
}
.form-error {
    color: var(--accent-ink)
}
#usability-bar {
    box-shadow: 0 4px 18px var(--line)
}
#usability-bar button {
    border-color: var(--line)
}
.public-note-person .avatar {
    background: var(--surface)
}
.public-note .product {
    background: var(--surface)
}
.public-note .product .art {
    background: var(--surface)
}
::selection {
    background: var(--surface)
}
button:hover {
    background: var(--surface)
}
button.primary:hover,.primary:hover {
    background: var(--surface);
    color: var(--muted)
}
.public-note-top:before {
    background: var(--surface)
}
.public-note .product .art {
    background: var(--surface)
}
.art.official-photo,.art.color-photo,.detail-visual,.colorway-thumbs button,.registration-color-choices .art {
    background: var(--surface)
}
.gearcard .art {
    background: var(--surface)
}
.detail-visual .art {
    background: var(--surface)
}
.equipment-row .equipment-state {
    background: var(--surface)
}
.share-banner,.connection {
    background: var(--surface)
}
.share-banner:hover,.connection:hover {
    background: var(--surface)
}
.flow-steps li.current {
    background: var(--surface)
}
.equipment-state-choices input:checked+span {
    background: var(--surface)
}
.registration-color-choices button[aria-pressed=true]:after {
    color: var(--muted)
}
.confirm-facts {
    background: var(--surface)
}
.request-status[data-status=resolved] {
    background: var(--surface)
}
@media (max-width:700px) {
    .bottom-nav button:hover {
        background: var(--surface)
    }
}
.linked-gear .art {
    background: var(--surface)
}
@media (max-width:700px) {
    .public-gear-grid .art {
        background: var(--surface)
    }
}
.share-image-preview {
    background: var(--surface)
}
.equipment-thumbnails .equipment-row .art {
    background: var(--surface)
}
.category-pick-photo .art {
    background: var(--surface)
}
.equipment-row .top-pick-badge {
    background: var(--surface)
}
.mine-top-toggle[aria-pressed=true] {
    background: var(--surface)
}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
    outline: 2px solid var(--accent-ink,var(--accent))
}
.filter-chips button {
    background: var(--surface)
}
.ux-color-grid img {
    background: var(--surface)
}
.ux-color-large {
    background: var(--surface)
}
.share-post-guide {
    background: var(--surface)
}
.caption-copy-status[data-state=manual] {
    background: var(--surface)
}
.quick-own-actions .quick-own.is-owned {
    background: var(--surface)
}
.guest-image-progress {
    border: 1px solid var(--line,var(--line))
}
.email-auth-details {
    border-top: 1px solid var(--line)
}
.journey-entry {
    border-top: 1px solid var(--line,var(--line))
}
.journey-review-hint {
    color: var(--muted)
}
.journey-list article,.field-note-history article {
    border-bottom: 1px solid var(--line)
}
.journey-picker {
    border-block: 1px solid var(--line)
}
.journey-picker label {
    border-bottom: 1px solid var(--line)
}
#journey-form .formactions {
    background: var(--surface)
}
.race-kit-entry {
    background: var(--surface);
    border-left: 3px solid var(--accent)
}
.race-kit-entry small {
    color: var(--muted)
}
.public-race-set-grid small {
    color: var(--muted)
}
.race-search-images .art {
    background: var(--surface)
}
.status-race-context {
    border-bottom: 1px solid var(--line)
}
.status-race-own article {
    border-top: 1px solid var(--line)
}
@media (max-width:600px) {
    #journey-form .formactions {
        background: var(--surface)
    }
}
/* Approved bassho study: dark terrain, pale blue, precise typography. */
:root{color-scheme:dark;--paper:#0b0e11;--ink:#edf0ef;--muted:#a0abb4;--line:#34414d;--surface:#12181e;--surface-raised:#1a242e;--accent:#91c5fa;--accent-ink:#a9d3ff;--accent-soft:#172b3e;--acid:#91c5fa;--success:#9dd7b4;--success-soft:#162a23;--danger:#ffb3a9;--sans:'Zen Kaku Gothic New','Hiragino Sans',system-ui,sans-serif;--mono:'Martian Mono',ui-monospace,monospace;--display:'Anybody','Helvetica Neue',sans-serif;--ux-control-line:#63798b}
html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--sans)}::selection{background:#91c5fa;color:#0b1823}a,button,input,select,textarea,summary{touch-action:manipulation}button,input,textarea,select{font-family:var(--sans)}button{background:transparent;border-color:var(--line);border-radius:0;min-height:44px;line-height:1.6}button:hover{background:var(--surface-raised);border-color:#70879a;color:var(--ink)}button.primary,.primary,.detail-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#0b1823}button.primary:hover,.primary:hover,.detail-actions button:last-child:hover{background:#b2d9ff;color:#0b1823;border-color:#b2d9ff}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,select,textarea{background:var(--surface);color:var(--ink);border-color:#63798b;accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:#9eabb7;opacity:1}option{background:var(--surface);color:var(--ink)}input:focus,textarea:focus,.toolbar input:focus{background:var(--surface-raised)}input:read-only,textarea:read-only{color:var(--ink)}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}label{color:var(--muted)}h1,h2,h3{color:var(--ink)}.eyebrow,.micro,.brand,.brand-label{font-family:var(--mono);letter-spacing:.06em}.eyebrow{color:var(--accent);line-height:1.8;font-size:10px}.sub,.field-help,.image-disclaimer{color:var(--muted)}.logo{font-family:var(--display);font-weight:500;letter-spacing:-.045em;gap:12px}.brand-word{white-space:nowrap}.brand-mark{color:var(--accent)}
.app{margin-left:0}.app>header{height:90px;min-height:90px;margin:0;padding:16px 3.8%;justify-content:flex-end;gap:13px;background:var(--paper);border-color:var(--line)}.app>header>span{display:none}.app>header>.logo{display:none}.app>header>button{position:relative;z-index:2}.app>header #accountButton{max-width:150px;overflow-wrap:anywhere}.app>header .follow-notifications{margin-left:0}body>aside{position:absolute;inset:0 auto auto 0;width:calc(100% - 410px);height:90px;padding:20px 0 20px 3.8%;display:flex;flex-direction:row;align-items:center;gap:28px;border:0;background:transparent;z-index:3}body>aside .logo{font-size:24px;letter-spacing:-.045em;flex-shrink:0}body>aside>.side-label,body>aside>.sidebottom{display:none}body>aside>nav:not(.bottom-nav){display:flex;gap:19px;margin-left:auto}body>aside nav button{position:relative;text-align:center;background:none;border:0;font-size:12px;min-height:48px;padding:8px 0;color:var(--muted);white-space:nowrap}body>aside nav button:before{display:none}body>aside nav button.active{background:none;color:var(--accent);border:0}body>aside nav button.active:after{content:'';position:absolute;bottom:-21px;left:0;right:0;width:auto;height:2px;transform:none;border-radius:0;box-shadow:none;background:var(--accent)}main{max-width:1600px;padding:34px 3.8% 64px}.cloud-status{padding:8px 3.8%;border-bottom-color:var(--line);font-size:10px;background:transparent;color:var(--muted)}.app>footer{margin:0 3.8%;padding:25px 0 35px;display:flex;align-items:start;flex-wrap:wrap;gap:16px 28px;border-color:var(--line);color:var(--muted)}.app>footer>span:first-child{font:9px/1.7 var(--mono);color:var(--accent)}.app>footer button{font-size:11px}.bassho-admin-link{margin-left:auto;background:transparent!important}.bottom-nav{background:#0b0e11f5;border-top-color:#506171}.bottom-nav button{color:var(--muted);background:transparent}.bottom-nav button.active{color:var(--accent)}.bottom-nav button.active:after{background:var(--accent)}
.wall-heading{position:relative;isolation:isolate;overflow:hidden;margin:-34px -4.13% 28px;padding:34px 3.8% 30px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 75% 40%,#243c5055,transparent 70%)}.wall-heading:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/bassho-terrain.svg') center/cover;opacity:.36}.bassho-hero-top{display:flex;justify-content:space-between;gap:20px;font:9px/1.7 var(--mono);letter-spacing:.08em;color:var(--muted)}.bassho-hero-top>span:last-child{color:var(--accent);text-align:right}.bassho-title{font:400 clamp(58px,8.8vw,132px)/1.05 var(--display);font-variation-settings:'wdth' 115;letter-spacing:-.065em;white-space:nowrap;color:var(--accent);margin:23px 0 20px}.wall-heading h1{font-size:clamp(22px,2.5vw,32px);line-height:1.55;margin:12px 0 13px;font-weight:500;letter-spacing:.02em}.wall-heading h1 br{display:none}.wall-heading p{font-size:13px;line-height:1.9;color:var(--muted);max-width:700px}.wall-heading .guest-create-image,.wall-heading .race-search-entry{margin-top:9px;min-height:48px}.wall-heading .race-search-entry{background:transparent;color:var(--ink);border-color:#70879a}.wall-heading .race-search-entry:hover{background:var(--surface-raised)}.wall-heading:has(.guest-create-image)>.guest-create-image{margin-left:0}.wall-filters{border-color:var(--line);background:transparent}.wall-publish{border-color:var(--line);background:transparent}.wall-section-head h2,.wall-section-title h2{font-size:24px;font-weight:500;letter-spacing:.04em}.wall-section-head p{color:var(--muted);font-size:12px}.gear-wall-grid{gap:28px 24px}.wall-card{border-top:1px solid var(--line);padding-top:11px}.wall-catalog-label{font:9px/1.8 var(--mono);color:var(--muted)}.wall-person span{color:var(--accent)}.wall-card .open-gear h3{font-size:17px;font-weight:500}.wall-card .brand{font:9px/1.7 var(--mono);margin-top:16px;color:var(--muted)}.wall-card .gear-marks{margin-top:auto}.gear-marks{border-color:var(--line);gap:0}.gear-marks>button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:10px 5px;line-height:1.6;min-height:46px}.gear-marks>button+button{border-left:0}.gear-marks>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:#63798b}.wall-supplement{color:var(--muted);background:transparent;border-color:var(--line);margin-top:9px}.wall-audience button[aria-pressed=true],.wall-state-tabs button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.wall-empty{background:transparent;color:var(--muted)}
.art.official-photo,.art.color-photo,.art:has(img),.gearcard .art,.wall-card .art,.equipment-row .art,.public-gear-grid .art,.public-note .product .art,.linked-gear .art,.category-pick-photo .art,.quick-start-thumbs .art,.packed-row .art,.colorway-thumbs button,.registration-color-choices .art,.ux-color-grid img,.ux-color-large{background:#fff!important;color:#34414d}.art img,.art.official-photo img,.art.color-photo img,.detail-visual img,.colorway-thumbs img{filter:none!important;mix-blend-mode:normal!important;opacity:1}.art .image-placeholder,.unverified-gear{background:var(--surface-raised);color:var(--muted)}.product:after,.detail-visual:after{display:none}.detail-visual{background:transparent;border-color:var(--line)}.detail-visual>.eyebrow{color:var(--accent)}.detail-visual .colorway-block{background:var(--paper)}.colorway-thumbs button[aria-pressed=true]{border-color:var(--accent);outline-color:var(--accent)}.colorway-thumbs .more-colors{background:var(--surface)!important;color:var(--ink)}.official-badge,.image-source,.color-image-source,.image-origin{color:var(--muted)}.grid,.gearcard{border-color:var(--line)}.gearcard h3{font-size:17px;font-weight:500}.generation{border-left-color:var(--accent)!important;color:var(--muted)}.card-tag{color:var(--muted);border-color:var(--line)}.match,.stamp.on,.stamp[aria-pressed=true]{color:var(--accent)}.product-label small,.product-label span{color:var(--muted)}.tabs button.selected,.state-tabs button.selected,.equipment-filter button[aria-pressed=true],.timeline-modes button[aria-pressed=true],.mine-mode-tabs button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent);background:transparent}.tabs button,.timeline-modes button{color:var(--muted);background:transparent}.filter-chips button,.flow-steps li.current,.equipment-state-choices input:checked+span,.request-status,.equipment-row .equipment-state,.top-pick-badge,.equipment-row .top-pick-badge{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.flow-steps li.current{border-color:var(--accent)}.reason-options input:checked+span{background:var(--accent);color:#0b1823;border-color:var(--accent)}.reason-options input:checked+span:before{color:#0b1823}.equipment-state-choices input:checked+span{box-shadow:inset 0 2px var(--accent)}.equipment-filter button.selected{color:var(--accent)}.profile .person-avatar,.avatar,.person-avatar{background:var(--surface-raised);color:var(--accent);border-color:var(--line)}.profile-social-links a:hover{background:var(--accent);color:#0b1823}.social-counts,.social-tools,.public-profile-head,.follow-list,.notification-list,.public-gear-card,.race-search-card,.race-search-entry{border-color:var(--line)}.social-counts button,.follow-notifications{color:var(--ink)}.notification-unread{background:var(--accent-soft)}.share-banner,.connection,.quick-start,.confirm-facts,.share-post-guide,.guest-storage-note,.auth-guest-entry{background:var(--surface);color:var(--ink);border-color:var(--line)}.share-banner b{color:var(--accent)}.share-banner:hover,.connection:hover{background:var(--surface-raised)}.panel,.post,.note-card{background:var(--surface);border-color:var(--line)}.public-note{background:transparent}.public-note-top:before{background:var(--surface-raised);color:var(--muted)}
dialog{background:var(--paper);color:var(--ink);border:1px solid #63798b;box-shadow:0 24px 90px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.dialogtop{background:var(--paper);border-color:var(--line)}.dialogtop h2{font-size:23px;font-weight:500;line-height:1.5}.dialogtop button{background:transparent;color:var(--ink);border:1px solid var(--line)}.formactions,.registration-submit,#journey-form .formactions{background:var(--paper);border-color:var(--line)}.field-error,[role=alert]{color:var(--danger)}.required-label{color:var(--accent)}.google-auth-button,.google-auth-button:hover{background:#fff;color:#1f1f1f;border-color:#747775}.google-auth-button img{background:#fff}.status-auth-entry,.status-account-note,.linked-identity{border-color:var(--line)}.status-auth-entry button{background:var(--surface);color:var(--ink)}.status-auth-entry button:hover{background:var(--surface-raised)}.danger,.danger-button,button[data-danger]{color:var(--danger)!important}.unverified-gear{background:var(--surface-raised)}#toast{background:var(--accent);color:#0b1823;border:1px solid var(--accent);box-shadow:0 4px 20px #0008}#toast button{background:#0b1823;color:var(--accent);border-color:#0b1823}.status-race-context,.status-race-own article{border-color:var(--line)}.status-race-binding small,.status-race-options small{color:var(--muted)}.status-race-binding a{color:var(--accent)}.status-race-options button{background:transparent;border-color:var(--line)}.status-race-options button:hover{background:var(--surface-raised)}.collection-intro{padding:25px 0;border-block:1px solid var(--line)}.collection-intro h1{font-weight:500}.collection-intro .eyebrow{color:var(--accent)}.collection-visual{gap:12px}.collection-card,.journey-card{border-color:var(--line)}.share-image-preview{background:var(--surface);border-color:var(--line)}.share-layout-switch button[aria-pressed=true],.mine-view-switch button[aria-pressed=true],.bulk-toggle[aria-pressed=true]{background:var(--accent);color:#0b1823;border-color:var(--accent)}.bulk-actions,.ux-bulk-controls{background:var(--surface);border-color:var(--line)}.share-image-preview img{border:1px solid var(--line)}
@media(min-width:1101px){.gear-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gearcard.wall-card h3{font-size:16px}.wall-card .wall-supplement{font-size:11px}.wall-card .gear-marks>button{font-size:11px}}
@media(min-width:701px) and (max-width:1100px){body>aside{position:static;width:100%;height:auto;min-height:80px;padding:18px 3.8%;gap:20px;border-bottom:1px solid var(--line)}body>aside>nav:not(.bottom-nav){gap:20px}body>aside nav button.active:after{bottom:-18px}.app>header{height:auto;min-height:62px;padding-block:10px}.gear-wall-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){body>aside{display:none}.app>header{height:auto;min-height:78px;padding:14px 20px;gap:10px;margin:0}.app>header>.logo{display:flex;font-size:18px;margin-right:auto;gap:7px}.app>header #accountButton{max-width:80px}.app>header #add{padding:9px 10px;min-height:44px}.app>header>.follow-notifications{font-size:10px;min-width:44px}.app>header:has(.follow-notifications){gap:8px}.logo .brand-mark{font-size:8px;line-height:7px}main{padding:26px 20px 42px}.cloud-status{padding:8px 20px}.wall-heading{margin:-26px -20px 24px;padding:26px 20px 24px}.bassho-hero-top{font-size:8px;letter-spacing:.01em;gap:12px}.bassho-hero-top span:first-child{max-width:180px}.bassho-title{font-size:clamp(39px,10.7vw,74px);font-variation-settings:'wdth' 105;margin:26px 0 20px}.wall-heading h1{font-size:22px;line-height:1.5;letter-spacing:0}.wall-heading h1 br{display:initial}.wall-heading p{font-size:12px}.wall-heading .guest-create-image{margin-right:0;width:100%}.wall-heading .race-search-entry{width:100%;margin-left:0}.wall-heading button{font-size:12px}.gear-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.wall-card .open-gear h3{font-size:14px;line-height:1.5}.wall-card .brand{font-size:9px}.wall-card .gear-marks>button{font-size:10px;padding:9px 2px;min-height:46px}.wall-card .wall-supplement{font-size:10px;padding:10px 5px;min-height:44px}.wall-section-head h2,.wall-section-title h2{font-size:22px}.detail-actions{background:#0b0e11f5;border-color:var(--line)}.bottom-nav{background:#0b0e11f5;backdrop-filter:blur(10px)}.bottom-nav button:hover{background:var(--surface)}.app>footer{margin:0 20px;padding-bottom:30px}.bassho-admin-link{margin-left:0}.dialogtop h2{font-size:21px}.detail-heading h1{font-size:29px}.public-profile-head h1{font-size:30px}.equipment-thumbnails .equipment-row h3{font-size:14px}.top-picks-panel,.ux-library-tools{border-color:var(--line)}}
@media(max-width:350px){.app>header>.logo{font-size:15px}.app>header #add{font-size:9px;padding:9px 7px}.app>header #accountButton{font-size:9px;max-width:61px}.app>header{gap:7px}.bassho-title{font-size:39px}.wall-card .gear-marks>button{font-size:9px}}
@media(prefers-reduced-motion:reduce){dialog::backdrop{backdrop-filter:none}}

@media(min-width:701px){.app>header{display:flex}}

@media(max-width:700px){.app>header>#add{width:auto;max-width:105px;flex:0 0 auto;white-space:normal;overflow-wrap:anywhere}}
@media(max-width:430px){.app>header>.logo{font-size:15px}.app>header>#accountButton{max-width:61px;width:61px}.app>header>#add{max-width:88px;font-size:10px;padding:9px 6px}}
@media(max-width:350px){.app>header{padding-inline:16px;gap:6px}.app>header>.logo{font-size:13px}.app>header>#accountButton{max-width:52px;width:52px}.app>header>#add{width:76px;max-width:76px;font-size:9px;padding:8px 4px;line-height:1.5}}

.app>header>#add:after{content:none}
@media(max-width:700px){.app>header:has(.follow-notifications){display:grid;grid-template-columns:minmax(0,1fr) 44px 90px 44px;gap:8px}.app>header:has(.follow-notifications)>.logo{display:flex;grid-column:1}.app>header:has(.follow-notifications)>.follow-notifications{grid-column:2;width:44px;min-width:44px;padding:4px;white-space:normal;overflow-wrap:anywhere;font-size:10px;line-height:1.3}.app>header:has(.follow-notifications)>#accountButton{grid-column:3;width:100%;min-width:0;max-width:100%}.app>header:has(.follow-notifications)>#add{grid-column:4;width:44px;max-width:44px;min-width:44px;font-size:0;padding:0}.app>header:has(.follow-notifications)>#add:after{content:"＋";font:22px/1 var(--sans)}}
@media(max-width:430px){.app>header:has(.follow-notifications){grid-template-columns:minmax(0,1fr) 44px 61px 44px}}
@media(max-width:350px){.app>header:has(.follow-notifications){grid-template-columns:minmax(0,1fr) 44px 52px 44px;gap:6px}}

/* Shared chrome: one search frame, a quiet sync row, compact mobile actions. */
.app>.cloud-status{box-sizing:border-box;width:calc(100% - 7.6%);max-width:none;margin:12px 3.8% 0;padding:10px 0;min-height:36px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;line-height:1.7}
#main .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:12px;border:0;padding:0}
#main .toolbar #gearSearch{box-sizing:border-box;width:100%;min-width:0;height:52px;margin:0;padding:12px 14px;border:1px solid var(--line);background:var(--surface);border-radius:0;appearance:none;-webkit-appearance:none}
#main .toolbar>button{height:52px;min-height:52px;margin:0;padding:8px 10px;border:0;background:transparent;line-height:1.5}
#guest-image-progress>div{display:flex;flex-wrap:wrap;gap:10px}
#guest-image-progress>div>button{flex:1 1 180px;margin:0}
@media(max-width:700px){
 .app>header,.app>header:has(.follow-notifications){display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:8px;padding:12px 20px;min-height:76px}
 .app>header:has(.follow-notifications){grid-template-columns:minmax(0,1fr) 44px 44px 44px}
 .app>header>.logo,.app>header:has(.follow-notifications)>.logo{grid-column:1;min-width:0;margin:0;font-size:18px;letter-spacing:-.04em;gap:6px}
 .app>header>#accountButton,.app>header:has(.follow-notifications)>#accountButton{grid-column:2;box-sizing:border-box;width:44px;min-width:44px;max-width:44px;height:44px;min-height:44px;padding:10px;font-size:0;line-height:0;overflow:hidden;border:0;background:transparent}
 .app>header:has(.follow-notifications)>#accountButton{grid-column:3}
 .app>header>#accountButton:before{content:'';display:block;width:24px;height:24px;background:var(--ink);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5'%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3Cpath d='M4 22v-3a8 8 0 0 1 16 0v3'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
 .app>header>.follow-notifications,.app>header:has(.follow-notifications)>.follow-notifications{grid-column:2;position:relative;box-sizing:border-box;width:44px;height:44px;min-height:44px;min-width:44px;padding:10px;border:0;background:transparent;font-size:0;line-height:0}
 .app>header>.follow-notifications:before{content:'';display:block;width:24px;height:24px;background:var(--ink);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M4 17h16l-2-3V9a6 6 0 0 0-12 0v5zM10 20h4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='black' stroke-width='1.5' stroke-linejoin='round'%3E%3Cpath d='M4 17h16l-2-3V9a6 6 0 0 0-12 0v5zM10 20h4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
 .app>header>.follow-notifications.has-unread:after{content:attr(data-unread);position:absolute;top:1px;right:0;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;box-sizing:border-box;background:var(--accent);color:var(--paper);font:600 9px/15px var(--sans);border-radius:10px}
 .app>header>#add,.app>header:has(.follow-notifications)>#add{grid-column:3;box-sizing:border-box;width:44px;max-width:44px;min-width:44px;height:44px;min-height:44px;font-size:0;padding:0;border:1px solid var(--line);background:var(--accent-soft);color:var(--accent)}
 .app>header:has(.follow-notifications)>#add{grid-column:4}
 .app>header>#add:after{content:'＋';font:24px/1 var(--sans)}
 .app>.cloud-status{width:calc(100% - 40px);margin:10px 20px 0;padding:10px 0;min-height:36px;font-size:10px}
 #main .toolbar{gap:8px}
 #main .toolbar>button{max-width:92px;padding:8px;font-size:11px}
}
@media(max-width:350px){.app>header,.app>header:has(.follow-notifications){padding-inline:16px;gap:4px}.app>header>.logo,.app>header:has(.follow-notifications)>.logo{font-size:15px}.app>.cloud-status{width:calc(100% - 32px);margin-inline:16px}}

/* Each card row shares its content and action tracks, including optional comparison. */
@supports(grid-template-rows:subgrid){
 .gear-wall-grid>.gearcard.wall-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0;align-items:stretch}
 .gear-wall-grid>.wall-card>.wall-catalog-label,.gear-wall-grid>.wall-card>.wall-person{grid-row:1}
 .gear-wall-grid>.wall-card>.open-gear{grid-row:2;align-self:start;margin:0;padding:0}
 .gear-wall-grid>.wall-card>.gear-marks{grid-row:3;align-self:stretch;margin:12px 0 0}
 .gear-wall-grid>.wall-card>.wall-supplement{grid-row:4;align-self:stretch;margin:10px 0 0;min-height:44px}
 .gear-wall-grid>.wall-card>.ux-version-button{grid-row:5;align-self:stretch;margin:10px 0 0;min-height:44px}
}

@media(max-width:700px){
 .detail-copy>.detail-actions{position:static;inset:auto;margin:18px 0 24px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
 body.is-detail main{padding-bottom:42px}
}

/* Approved minimal identity A: outlined single-typeface wordmark and three-dot mark. */
.logo .brand-logo{display:block;width:156px;max-width:100%;height:auto;flex:0 1 auto;object-fit:contain;object-position:left center}
.bassho-title{font-size:0;line-height:1;margin:30px 0 24px;white-space:normal}
.bassho-title img{display:block;width:min(100%,740px);height:auto}
@media(max-width:700px){.logo .brand-logo{width:146px}.bassho-title{margin:28px 0 24px}.bassho-title img{width:min(100%,520px)}}
@media(max-width:350px){.logo .brand-logo{width:136px}}
/* Full-flow UX: shared layout rules, compact footer and set editing. */
.app>footer{display:grid;grid-template-columns:1fr;align-items:start;gap:18px;padding:24px 0 36px;border-top:1px solid var(--line)}
.app>footer>span:first-child{grid-column:1/-1;font:10px/1.8 var(--mono);letter-spacing:.04em;color:var(--accent)}
.app>footer>button,.app>footer>a{display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:10px 0;border:0;border-top:1px solid var(--line);font:12px/1.7 var(--sans);text-align:left;text-decoration:none;background:transparent}
.app>footer>.bassho-admin-link{display:none}
.set-save-bar{position:sticky;bottom:-1px;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:14px 0;background:var(--paper);border-top:1px solid var(--line);margin-top:20px}
.set-save-bar #set-save-count{color:var(--accent);font-size:12px}.set-save-bar .primary{min-width:0;width:100%;margin:0}.set-save-bar button:last-child{grid-column:1/-1;margin:0}
.set-race-details{border-block:1px solid var(--line);margin:20px 0;padding:16px 0}.set-race-details>summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.set-race-details[open]>summary{margin-bottom:12px}
.set-race-details .journey-purpose{margin-top:12px}.set-return-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;margin:0 0 20px;border:1px solid var(--accent);background:var(--surface)}.set-return-bar span{font-size:12px;color:var(--accent)}.set-return-bar button{font-size:12px;min-height:44px}
.set-draft-list{display:grid;gap:10px;margin:16px 0}.set-draft-list button{text-align:left;overflow-wrap:anywhere}.journey-secondary{border-top:1px solid var(--line);margin-top:14px;padding-top:10px}.journey-secondary summary{min-height:44px;cursor:pointer}.journey-list .journey-actions{margin-top:10px}
.visibility-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;margin:20px 0}.visibility-summary dt,.visibility-summary dd{margin:0;padding:8px 0;border-bottom:1px solid var(--line)}.directory-help{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}.directory-help summary{min-height:44px;cursor:pointer}.runner-search input{min-width:0}.share-detail-caption textarea{min-height:160px;width:100%}
#grid:not(.equipment-thumbnails):not(.equipment-list)>.gearcard>.open-gear>.official-badge,#grid:not(.equipment-thumbnails):not(.equipment-list)>.gearcard>.open-gear>.model-era,#grid:not(.equipment-thumbnails):not(.equipment-list)>.gearcard>.open-gear>.generation,#grid:not(.equipment-thumbnails):not(.equipment-list)>.gearcard>.card-tag{display:none}
.home-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;margin:22px 0 24px;padding:24px;border:1px solid var(--line);background:var(--surface)}.home-example img{display:block;width:auto;height:auto;max-width:100%;max-height:430px;justify-self:center;object-fit:contain}.home-example h2{font-size:24px;line-height:1.6;margin:10px 0}.home-example p{font-size:13px;line-height:1.9}.home-example small{color:var(--accent);font:10px/1.8 var(--mono)}.home-example button{min-height:48px;width:100%;margin-top:12px}.discover-fallback{margin:20px 0}.discover-fallback>p{font-size:12px;color:var(--muted)}.discover-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discover-fallback-grid button{padding:0;min-width:0;border:0;text-align:left}.discover-fallback-grid .art{width:100%;height:auto;aspect-ratio:1}.discover-fallback-grid strong{display:block;font-size:13px;overflow-wrap:anywhere;margin-top:10px}
@media(min-width:701px){.app>footer{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 24px}.app>footer>button,.app>footer>a{justify-content:flex-start}}
@media(max-width:700px){.app>footer{gap:0;padding-bottom:28px}.app>footer>span:first-child{margin-bottom:18px}.home-example{grid-template-columns:1fr;padding:18px;gap:18px}.home-example img{width:100%;height:auto;max-height:none}.home-example h2{font-size:21px}.discover-fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.set-save-bar{bottom:-1px;padding:12px 0}.set-save-bar button{font-size:12px}.set-return-bar{padding:12px}.runner-search{width:100%}}
#modal[open]:has(#journey-form){display:flex;flex-direction:column;overflow:hidden;max-height:90dvh}
#modal:has(#journey-form)>.dialogtop{flex:0 0 auto}
#journey-form{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 3px 16px;margin:0;flex:1 1 auto}
#modal:has(#journey-form)>.set-save-bar{position:static;flex:0 0 auto;margin:0;padding:12px 0 0}
/* Align the actual controls, excluding the label caption and global label margins. */
.wall-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px}
.wall-filters>label{display:grid;gap:8px;margin:0;min-width:0;max-width:none}
.wall-filters select,.wall-filters>button{box-sizing:border-box;height:48px;min-height:48px;width:100%;max-width:none;margin:0;padding:7px 8px;font-size:12px;line-height:1.4}
/* State marks must never consume the label's inline width or resize a card action. */
.gear-marks>button{position:relative;display:grid;place-items:center;height:48px;min-height:48px;padding:9px 1px;white-space:nowrap}
.gear-marks .mark-label{display:block;max-width:100%;white-space:nowrap;line-height:1.4}
.gear-marks .mark-check{position:absolute;top:3px;right:3px;font-size:8px;line-height:8px;pointer-events:none}
@media(max-width:350px){.gear-marks>button{font-size:9px}}

/* Owned thumbnail cards share their action row even when colour names wrap. */
.equipment-thumbnails .equipment-row{display:flex;flex-direction:column;padding-bottom:0}
.equipment-thumbnails .equipment-row .open-gear{flex:1;display:flex;flex-direction:column}
.equipment-thumbnails .equipment-row .equipment-copy{display:block;width:100%;box-sizing:border-box;padding:0 16px 16px}
.equipment-thumbnails .equipment-row>.equipment-top-pick{box-sizing:border-box;margin:0;padding:12px 16px;min-height:48px}
@supports(grid-template-rows:subgrid){
 .equipment-thumbnails{grid-auto-rows:auto}
 .equipment-thumbnails .equipment-row{display:grid;grid-row:span 2;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;row-gap:0}
 .equipment-thumbnails .equipment-row>.open-gear{grid-column:1;grid-row:1}
 .equipment-thumbnails .equipment-row>.equipment-top-pick{grid-column:1;grid-row:2;align-self:stretch}
}
.catalog-import-note{padding:16px}
.catalog-import-note summary{list-style:none;display:flex;align-items:baseline;gap:8px}
.catalog-import-note summary::-webkit-details-marker{display:none}
.catalog-import-note summary::before{content:'▶';font-size:.8em;flex:none}
.catalog-import-note[open] summary::before{content:'▼'}

/* Profile pin controls are stacked fields, not inline label/select pairs. */
#profile-pin-form{display:grid;gap:16px}
#profile-pin-form>label{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0;min-width:0;max-width:none}
#profile-pin-form>label>select{display:block;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0}
#profile-pin-form>.field-help{margin:0}
#profile-pin-error:empty{display:none}
#profile-pin-form>button{justify-self:start;margin:0}

/* Spacing contract: compact information 4px, fields 8px, independent actions 12px,
   related blocks 16/24px, section transitions 32px. Connected tabs/list rows retain their separators. */
:root{--space-copy:4px;--space-field:8px;--space-action:12px;--space-related:16px;--space-block:24px;--space-section:32px}
.journey-add-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-action);margin:20px 0}
.journey-add-actions>button{width:100%;margin:0;min-height:48px;white-space:normal;line-height:1.6}
.journey-picker label>span,.growth-items>label>span{display:grid;gap:var(--space-copy);min-width:0}
.picker-brand-row{gap:var(--space-field)}
.picker-brand-row>label{margin:0}
#visibility-summary-entry{margin:0 0 var(--space-block)}
.public-race-sets>.eyebrow{margin:0 0 var(--space-field)}
.public-race-sets>h2{margin:0 0 var(--space-related)}
.share-equipment-link>.field-help{margin:0 0 var(--space-action)}
#social-profile-form>#remove-avatar{margin-top:var(--space-action)}
#notification-results,#connection-results{margin-top:var(--space-related)}
#discovery-preferences>.growth-brand-list+.growth-category-details{margin-top:20px}
.wall-discovery+.wall-community{margin-top:var(--space-section)}
/* Race-set creation: visible entrances and one scroll area through the editor. */
.wall-heading>#home-create-set{min-height:48px;margin:12px 12px 0 0;padding:12px 18px;white-space:normal}
.set-catalog-entry{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;border:1px solid var(--line);padding:16px;margin:0 0 24px;background:var(--surface)}
.set-catalog-entry p{margin:0;font-size:13px;line-height:1.8}.set-catalog-entry button{min-height:48px;margin:0}
#journey-form .set-editor-intro{margin:0 0 16px;font-size:12px;line-height:1.9;color:var(--muted)}
#set-picker-controls{display:block;margin:16px 0;border-block:1px solid var(--line);padding:8px 0}#set-picker-controls>summary{min-height:44px;cursor:pointer;font-size:13px;line-height:1.8}#set-picker-controls[open]>summary{margin-bottom:12px}#set-picker-controls>label{display:block;margin:12px 0 8px}#set-picker-controls>input,#set-picker-controls>select{margin-bottom:12px}#set-picker-controls[hidden]{display:none}#set-picker-controls label{margin:0}#set-picker-controls input,#set-picker-controls select{width:100%;min-width:0;margin:0}
#journey-wear-field{display:grid;gap:8px}#journey-wear-field[hidden]{display:none}
.set-picker-bulk{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.set-picker-bulk button{min-height:44px;margin:0;padding:10px 12px;font-size:12px}
#journey-form #journey-items{height:auto;min-height:0;max-height:none;overflow:visible;margin:16px 0}
.set-empty-gear{border:1px solid var(--line);padding:16px}.set-empty-gear h3{font-size:17px;line-height:1.7;margin:0 0 12px}.set-empty-gear p{font-size:12px;line-height:1.9;margin:0 0 16px}.set-empty-gear button{width:100%;min-height:48px;margin:0}
.race-create-entry{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.race-create-entry p{font-size:13px;margin:0 0 12px;line-height:1.8}.race-create-entry button{min-height:48px;margin:0;width:100%}
.set-saved-status{border-left:2px solid var(--accent);padding:10px 14px;margin:16px 0;color:var(--accent);font-size:13px;line-height:1.8}
@media(max-width:700px){.wall-heading>#home-create-set{display:flex;align-items:center;justify-content:center;width:100%;margin:12px 0}.set-catalog-entry{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.set-catalog-entry button{width:100%}.set-picker-bulk{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.set-picker-bulk button{width:100%;white-space:normal;line-height:1.6}}

/* Refinement layer (2026-11): BASSHO family voice for TRAIL NOTE.
   Night ground, pale-blue instrument accent, and the parent's lamp colour reserved for the brand question
   and for "よかった" (attachment). Geometry of controls stays within the existing audit contracts. */
:root{--lamp:#ffb15c;--lamp-ink:#ffc98e;--lamp-soft:#2b2014;--hair:#232d37;--ease:cubic-bezier(.2,.7,.2,1)}

/* Home hero: unboxed, terrain read by a lamp. */
.home-brand-hero.wall-heading{margin:-34px -4.113% 32px;padding:30px 4.113% 0;border:0;border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden}
.home-brand-hero.wall-heading:before{opacity:.5;background:url('assets/bassho-terrain.svg') 62% 38%/1500px auto no-repeat;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 46%,transparent 88%);mask-image:linear-gradient(180deg,#000 0,#000 46%,transparent 88%)}
.home-brand-hero.wall-heading:after{content:'';position:absolute;z-index:-1;pointer-events:none;right:-6%;top:-18%;width:min(760px,70%);aspect-ratio:1;background:radial-gradient(closest-side,#ffb15c24,#ffb15c0d 46%,transparent 72%)}
.home-brand-hero .bassho-hero-top{font-size:10px;letter-spacing:.14em;color:var(--muted)}
.home-brand-hero .bassho-hero-top>span:last-child{color:var(--lamp-ink)}
.home-brand-hero .home-hero-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.82fr);gap:clamp(32px,5vw,88px);margin-top:clamp(36px,5.2vw,76px);align-items:center}
.home-brand-hero.wall-heading .home-question{display:grid;gap:10px;margin:0 0 26px;font-size:15px;line-height:1.8;font-weight:500;letter-spacing:.06em;color:var(--lamp-ink)}
.home-brand-hero.wall-heading .home-question small{font:10px/1.6 var(--mono);letter-spacing:.16em;color:var(--lamp)}
.home-brand-hero.wall-heading h1{font-size:clamp(30px,4.3vw,62px);font-weight:700;line-height:1.42;letter-spacing:.02em;margin:0 0 26px}
.home-brand-hero.wall-heading .home-hero-copy>p:not(.home-question){font-size:15px;line-height:2.05;color:var(--muted);margin:0;max-width:34em}
.home-brand-hero .home-primary-actions{gap:12px;margin-top:34px;max-width:620px}
.home-brand-hero .home-primary-actions>.guest-create-image,.home-brand-hero .home-compare-entry{min-height:56px;font-size:14px;font-weight:700;letter-spacing:.04em;transition:background-color .2s var(--ease),border-color .2s var(--ease),color .2s var(--ease)}
.home-brand-hero .home-compare-entry{border-color:#70879a;color:var(--ink);background:#0b0e11b3}
.home-brand-hero .home-compare-entry:hover{background:var(--surface-raised);border-color:var(--accent)}
.home-brand-hero.wall-heading .home-hero-copy>p.home-first-step{font-size:12px;line-height:1.9;margin:14px 0 0;color:var(--muted)}
.home-brand-hero .home-context-actions{gap:0 26px;margin-top:22px;padding-top:6px;border-top:1px solid var(--hair);max-width:620px}
.home-brand-hero .home-context-actions>#home-create-set,.home-brand-hero .home-context-actions>.race-search-entry,.home-brand-hero .home-philosophy{flex:0 1 auto;width:auto;min-height:48px;margin:0;padding:12px 0;border:0;background:transparent;color:var(--ink);font-size:13px;line-height:1.7;letter-spacing:.03em;text-decoration:underline;text-decoration-color:#506171;text-underline-offset:7px;text-decoration-thickness:1px;justify-content:flex-start;transition:text-decoration-color .2s var(--ease),color .2s var(--ease)}
.home-brand-hero .home-context-actions>#home-create-set:hover,.home-brand-hero .home-context-actions>.race-search-entry:hover,.home-brand-hero .home-philosophy:hover{background:transparent;color:var(--accent-ink);text-decoration-color:var(--accent)}
.home-brand-hero .home-philosophy{color:var(--muted)}
.home-brand-hero .home-example{position:relative;padding:14px;justify-self:end;width:min(100%,400px)}
.home-brand-hero .home-example:before,.home-brand-hero .home-example:after{content:'';position:absolute;width:18px;height:18px;border:solid var(--lamp);opacity:.85;pointer-events:none}
.home-brand-hero .home-example:before{left:0;top:0;border-width:1px 0 0 1px}
.home-brand-hero .home-example:after{right:0;top:0;border-width:1px 1px 0 0}
.home-brand-hero .home-example img{width:100%;box-shadow:0 30px 80px #000a,0 0 0 1px #34414d}
.home-brand-hero .home-example figcaption{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;text-align:left;margin-top:14px;min-height:32px}
.home-brand-hero .home-example figcaption small{font:10px/1.8 var(--mono);letter-spacing:.1em;color:var(--accent)}
.home-triad{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(40px,5.6vw,84px) 0 0;padding:0;border-top:1px solid var(--line)}
.home-triad>li{display:grid;align-content:start;gap:8px;padding:22px 24px 26px 0;min-width:0}
.home-triad>li+li{padding-left:24px;border-left:1px solid var(--line)}
.home-triad small{font:10px/1.6 var(--mono);letter-spacing:.16em;color:var(--accent)}
.home-triad strong{font-size:17px;font-weight:700;line-height:1.6;letter-spacing:.04em;color:var(--ink)}
.home-triad span{font-size:12px;line-height:1.9;color:var(--muted)}
@media(max-width:700px){
 .home-brand-hero.wall-heading{margin:-26px -20px 28px;padding:22px 20px 0}
 .home-brand-hero.wall-heading:before{background-size:900px auto;background-position:70% 10%}
 .home-brand-hero.wall-heading:after{right:-40%;top:-6%;width:120%}
 .home-brand-hero .bassho-hero-top{font-size:9px;letter-spacing:.08em}
 .home-brand-hero .home-hero-layout{grid-template-columns:1fr;gap:22px;margin-top:34px}
 .home-brand-hero.wall-heading .home-question{font-size:13px;margin-bottom:20px;letter-spacing:.03em}
 .home-brand-hero.wall-heading h1{font-size:clamp(25px,7.4vw,34px);line-height:1.5;margin-bottom:20px;letter-spacing:.01em}
 .home-brand-hero.wall-heading .home-hero-copy>p:not(.home-question):not(.home-first-step){font-size:14px;line-height:2}
 .home-brand-hero .home-primary-actions{margin-top:28px}
 .home-brand-hero .home-context-actions{display:grid;grid-template-columns:1fr;gap:0;margin-top:20px;padding-top:0}
 .home-brand-hero .home-context-actions>#home-create-set,.home-brand-hero .home-context-actions>.race-search-entry,.home-brand-hero .home-philosophy{width:100%;border-bottom:1px solid var(--hair);text-decoration:none;justify-content:space-between;display:flex;align-items:center;text-align:left}
 .home-brand-hero .home-example{justify-self:center;width:min(100%,340px);padding:0}
 .home-brand-hero .home-example:before,.home-brand-hero .home-example:after{display:none}
 .home-brand-hero .home-example figcaption{min-height:0}
 .home-brand-hero .home-context-actions>*:last-child{border-bottom:0}
 .home-triad{grid-template-columns:1fr;margin-top:36px}
 .home-triad>li{grid-template-columns:92px minmax(0,1fr);gap:2px 12px;padding:18px 0}
 .home-triad>li+li{padding-left:0;border-left:0;border-top:1px solid var(--hair)}
 .home-triad small{grid-row:1/3;padding-top:5px;letter-spacing:.1em}
 .home-triad strong{font-size:15px}
}

/* First-gear guide as a three-checkpoint route. */
.quick-start{margin:0 0 24px;padding:28px;border:1px solid var(--line);background:var(--surface)}
.quick-start>div{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:start}
.quick-start>div>small{grid-column:1;font:10px/1.6 var(--mono);letter-spacing:.16em;color:var(--accent)}
.quick-start>div>h2{grid-column:1;font-size:24px;font-weight:700;line-height:1.5;letter-spacing:.03em;margin:10px 0 0}
.quick-start>div>p{grid-column:1;font-size:13px;line-height:1.9;color:var(--muted);margin:8px 0 0}
.quick-start>div>p strong{font:500 12px/1.9 var(--mono);letter-spacing:.06em;color:var(--ink);margin-left:8px;white-space:nowrap}
.quick-start .quick-start-thumbs{grid-column:2;grid-row:1/5;list-style:none;display:grid;grid-template-columns:repeat(3,84px);gap:0 18px;margin:0;padding:0;position:relative}
.quick-start .quick-start-thumbs:before{content:'';position:absolute;left:42px;right:42px;top:63px;border-top:1px dashed #506171}
.quick-start .quick-start-thumbs>li{position:relative;display:grid;gap:8px;justify-items:center;min-width:0}
.quick-start .quick-start-thumbs>li>small{font:10px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted)}
.quick-start .quick-start-thumbs>li.is-filled>small{color:var(--accent)}
.quick-start .quick-start-thumbs .art{width:84px;height:84px}
.quick-start .quick-start-slot{display:block;width:84px;height:84px;box-sizing:border-box;border:1px dashed #63798b;background:var(--surface)}
.quick-start .growth-actions{grid-column:1;display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.quick-start .growth-actions>button{width:auto;flex:0 1 auto;min-width:200px}
.quick-start .growth-actions>#quick-start-dismiss{min-width:0;border:0;background:transparent;color:var(--muted);font-size:12px;padding:12px 4px;text-decoration:underline;text-decoration-color:#506171;text-underline-offset:6px}
.quick-start .growth-actions>#quick-start-dismiss:hover{color:var(--ink);background:transparent}
@media(max-width:860px){
 .quick-start{padding:22px 20px}
 .quick-start>div{grid-template-columns:minmax(0,1fr)}
 .quick-start .quick-start-thumbs{grid-column:1;grid-row:auto;grid-template-columns:repeat(3,minmax(0,84px));justify-content:start;gap:0 14px;margin:20px 0 0}
 .quick-start .quick-start-thumbs:before{left:30px;right:auto;width:min(224px,calc(100% - 60px))}
 .quick-start .quick-start-thumbs .art,.quick-start .quick-start-slot{width:100%;height:auto;aspect-ratio:1}
 .quick-start>div>h2{font-size:21px}
 .quick-start .growth-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .quick-start .growth-actions>button{width:100%;min-width:0}
}

/* Gear cards: the photograph is the card; text and checks sit directly on the night ground. */
.gear-wall-grid{gap:0 24px}
.gear-wall-grid>.gearcard.wall-card{margin-bottom:44px}
.gear-wall-grid>.gearcard.wall-card{background:transparent;border:0;padding:0}
.gear-wall-grid>.wall-card>.wall-catalog-label{display:none}
.gear-wall-grid>.wall-card>.wall-person{margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--hair);font-size:12px}
.wall-card .open-gear .art{margin:0;overflow:hidden}
.wall-card .open-gear .art img{transition:transform .5s var(--ease)}
.wall-card .open-gear:hover .art img{transform:scale(1.035)}
.wall-card .open-gear{background:transparent}
.wall-card .open-gear:hover{background:transparent}
.wall-card .brand{margin:14px 0 4px;font-size:10px;letter-spacing:.1em;color:var(--muted)}
.wall-card .open-gear h3{margin:0 0 4px;font-size:15px;font-weight:500;line-height:1.65;letter-spacing:.02em;transition:color .2s var(--ease)}
.wall-card .open-gear:hover h3{color:var(--accent-ink)}
.gear-wall-grid>.wall-card>.gear-marks{margin:12px 0 0}
.gear-marks>button{box-sizing:border-box;height:48px;min-height:48px;color:var(--muted);transition:background-color .18s var(--ease),color .18s var(--ease),border-color .18s var(--ease)}
.gear-marks>button:hover{color:var(--ink);background:var(--surface)}
.gear-marks>button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);border-color:#4f7397}
.gear-marks>button[data-mark=good][aria-pressed=true]{background:var(--lamp-soft);color:var(--lamp-ink);border-color:#7a5a33}
.gear-marks>button[aria-pressed=true]+button{border-left:0}
.gear-wall-grid>.wall-card>.wall-supplement,.gear-wall-grid>.wall-card>.ux-version-button{margin:6px 0 0;padding:10px 0;border:0;background:transparent;text-align:left;font-size:11px;letter-spacing:.03em;color:var(--muted)}
.gear-wall-grid>.wall-card>.wall-supplement:before{content:'＋';margin-right:6px;color:var(--accent)}
.gear-wall-grid>.wall-card>.wall-supplement:hover,.gear-wall-grid>.wall-card>.ux-version-button:hover{color:var(--ink);background:transparent}
.gear-wall-grid>.wall-card>.ux-version-button{margin-top:0;border-top:1px solid var(--hair)}
@media(max-width:700px){.gear-wall-grid{gap:0 14px}.gear-wall-grid>.gearcard.wall-card{margin-bottom:34px}.wall-card .open-gear h3{font-size:13px;line-height:1.6}.wall-card .brand{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.wall-card .open-gear .art img{transition:none}.wall-card .open-gear:hover .art img{transform:none}}

/* Home sections: quiet filter row and instrument-style headings. */
.wall-publish{margin:28px 0 0;border-color:var(--hair)}
.wall-filters{border-color:var(--hair)}
.wall-section-head h2,.wall-section-title h2{font-size:clamp(22px,2.3vw,30px);font-weight:700;letter-spacing:.04em;line-height:1.5}
.wall-section-head{margin-bottom:28px}
.wall-section-head p{font-size:12px;line-height:1.9;margin-top:8px}
@media(min-width:701px){
 .wall-filters{display:flex;align-items:end;gap:16px;margin:24px 0 28px}
 .wall-filters>label{flex:0 1 300px}
 .wall-filters>button{width:auto;margin-left:auto;padding:7px 4px;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-decoration-color:#506171;text-underline-offset:6px}
 .wall-filters>button:hover{background:transparent;color:var(--ink)}
}
#toast{background:var(--surface-raised);color:var(--ink);border:1px solid #63798b;border-left:2px solid var(--accent);box-shadow:0 18px 60px #000b;font-size:12px;letter-spacing:.03em}
#toast button{background:transparent;color:var(--accent-ink);border:0}

/* Catalogue cards share the home card language. */
#grid:not(.equipment-thumbnails):not(.equipment-list){row-gap:0}
#grid>.gearcard:not(.equipment-row){background:transparent;border:0;padding:0;margin-bottom:48px}
#grid>.gearcard:not(.equipment-row)>.card-top{margin:0;padding:0 0 10px;font:10px/1.6 var(--mono);letter-spacing:.1em;color:var(--muted);background:transparent}
#grid>.gearcard:not(.equipment-row) .open-gear .art{overflow:hidden}
#grid>.gearcard:not(.equipment-row) .open-gear .art img{transition:transform .5s var(--ease)}
#grid>.gearcard:not(.equipment-row) .open-gear:hover .art img{transform:scale(1.035)}
#grid>.gearcard:not(.equipment-row) .brand{margin:14px 0 4px;font-size:10px;letter-spacing:.1em;color:var(--muted)}
#grid>.gearcard:not(.equipment-row) h3{margin:0 0 4px;font-size:16px;font-weight:500;line-height:1.6;letter-spacing:.02em;transition:color .2s var(--ease)}
#grid>.gearcard:not(.equipment-row) .open-gear:hover h3{color:var(--accent-ink)}
#grid>.gearcard:not(.equipment-row)>.colorway-block{margin:10px 0 0}
#grid>.gearcard:not(.equipment-row)>.colorway-block .colorway-thumbs{margin-bottom:8px}
#grid>.gearcard:not(.equipment-row)>.quick-own-actions{gap:0;margin:14px 0 0}
#grid>.gearcard:not(.equipment-row)>.quick-own-actions>.quick-own-details,.detail-actions .quick-own-actions>.quick-own-details{margin:6px 0 0;padding:10px 0;border:0;background:transparent;text-align:left;font-size:11px;letter-spacing:.03em;color:var(--muted)}
#grid>.gearcard:not(.equipment-row)>.quick-own-actions>.quick-own-details:before,.detail-actions .quick-own-actions>.quick-own-details:before{content:'＋';margin-right:6px;color:var(--accent)}
#grid>.gearcard:not(.equipment-row)>.quick-own-actions>.quick-own-details:hover,.detail-actions .quick-own-actions>.quick-own-details:hover{background:transparent;color:var(--ink)}
#grid>.gearcard:not(.equipment-row)>.ux-version-button{margin:0;padding:10px 0;border:0;border-top:1px solid var(--hair);background:transparent;text-align:left;font-size:11px;color:var(--muted)}
@media(max-width:700px){#grid>.gearcard:not(.equipment-row){margin-bottom:36px}#grid>.gearcard:not(.equipment-row) h3{font-size:13px}}
@media(prefers-reduced-motion:reduce){#grid>.gearcard .open-gear .art img{transition:none}#grid>.gearcard .open-gear:hover .art img{transform:none}}

/* Gear detail: checks are the action; the duplicate "気になる" button gives way to the three marks. */
.detail-actions:has(>.quick-own-actions)>button:first-child{display:none}
.detail-actions .gear-marks>button,.detail-actions .gear-marks>button:last-child{font-size:13px;background:transparent;color:var(--muted);border-color:var(--line)}
.detail-actions .gear-marks>button:hover,.detail-actions .gear-marks>button:last-child:hover{background:var(--surface);color:var(--ink);border-color:var(--line)}
.detail-actions .gear-marks>button[aria-pressed=true],.detail-actions .gear-marks>button[aria-pressed=true]:last-child{background:var(--accent-soft);color:var(--accent-ink);border-color:#4f7397}
.detail-actions .gear-marks>button[data-mark=good][aria-pressed=true]{background:var(--lamp-soft);color:var(--lamp-ink);border-color:#7a5a33}
.detail-actions .quick-own-actions{gap:0}

/* Page headings, quiet navigation rows and the BASSHO family footer. */
#main>h1{font-weight:700;letter-spacing:.03em}
#main>.eyebrow{letter-spacing:.14em}
#discover-actions.discover-actions{display:flex;flex-wrap:wrap;gap:0 28px;max-width:none;margin:0 0 32px;padding:0 0 4px;border-bottom:1px solid var(--hair)}
#discover-actions.discover-actions>button{width:auto;min-height:48px;padding:12px 0;border:0;background:transparent;justify-content:flex-start;font-size:13px;letter-spacing:.03em;color:var(--ink);text-decoration:underline;text-decoration-color:#506171;text-underline-offset:7px;text-decoration-thickness:1px;transition:color .2s var(--ease),text-decoration-color .2s var(--ease)}
#discover-actions.discover-actions>button:hover{background:transparent;color:var(--accent-ink);text-decoration-color:var(--accent)}
@media(max-width:700px){#discover-actions.discover-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border-top:1px solid var(--hair);border-bottom:0}#discover-actions.discover-actions>button{width:100%;text-decoration:none;border-bottom:1px solid var(--hair);text-align:left}}
.guest-start{border-radius:0;background:var(--surface)}
.guest-start>span{letter-spacing:.16em;color:var(--accent)}
.guest-start h2{font-weight:700;letter-spacing:.03em;line-height:1.6;margin:22px 0}
.guest-start .sub{font-size:11px;line-height:1.8}
.app>footer>.bassho-family-link{color:var(--lamp-ink)}
#main>h1,.home-brand-hero.wall-heading h1,.wall-section-head h2,.quick-start h2,.guest-start h2{text-wrap:balance}

/* Preference entries under the hero: quiet rows with a clear gap from the hero rule. */
#growth-home-actions{display:flex;flex-wrap:wrap;gap:0 28px;margin:0 0 16px;padding:0}
#growth-home-actions>button{flex:0 1 auto;width:auto;min-height:48px;margin:0;padding:12px 0;border:0;background:transparent;justify-content:flex-start;text-align:left;font-size:13px;letter-spacing:.03em;color:var(--ink);text-decoration:underline;text-decoration-color:#506171;text-underline-offset:7px;text-decoration-thickness:1px;transition:color .2s var(--ease),text-decoration-color .2s var(--ease)}
#growth-home-actions>button:hover{background:transparent;color:var(--accent-ink);text-decoration-color:var(--accent)}
@media(max-width:700px){#growth-home-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding:0;border-top:1px solid var(--hair);border-bottom:0}#growth-home-actions>button{width:100%;text-decoration:none;border-bottom:1px solid var(--hair)}#growth-home-actions>button:after{content:'→';margin-left:auto;color:var(--muted)}#growth-home-actions>button:last-child{border-bottom:0}#growth-home-actions{margin-bottom:8px}}
.wall-publish{margin-top:0}
/* The hero only bleeds to the top edge when it opens the page; after a saved-set panel it keeps its own gap. */
#main>.home-brand-hero.wall-heading:not(:first-child){margin-top:32px;border-top:1px solid var(--line)}
@media(max-width:700px){#main>.home-brand-hero.wall-heading:not(:first-child){margin-top:28px}}