/* The directory garage distinguishes device choices, confirmed account data and pending changes. */
.directory-garage{margin:34px 0 44px;padding:30px;border:1px solid var(--portal-border);border-radius:17px;background:var(--portal-surface);scroll-margin-top:100px;min-width:0}
.directory-garage [hidden]{display:none!important}.directory-garage p{line-height:1.7}.directory-garage .portal-section-head{margin-bottom:14px}.garage-session{color:var(--portal-accent);font-size:12px;font-weight:700;overflow-wrap:anywhere}.garage-counts{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.garage-counts span{padding:8px 12px;background:var(--portal-soft);border-radius:7px;font-size:12px}.garage-counts b{font-size:17px;margin-right:5px}.garage-service-note{font-size:12px;color:var(--portal-muted);margin:12px 0}.garage-main-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.directory-garage button,.directory-garage a{overflow-wrap:anywhere}.directory-garage button{font-family:inherit;cursor:pointer;min-height:44px;border:1px solid var(--portal-border);border-radius:7px;background:var(--portal-surface);color:var(--portal-ink);font-size:12px;font-weight:650;padding:9px 13px}.directory-garage button:disabled{opacity:.6;cursor:default}.directory-garage :is(button,a,input,select):focus-visible{outline:3px solid var(--portal-accent);outline-offset:3px}.garage-main-actions>button{background:var(--portal-ink);color:var(--portal-paper);border-color:var(--portal-ink)}.garage-main-actions [data-garage-retry]{background:var(--portal-surface);color:var(--portal-ink)}.garage-scope-tabs{display:flex;gap:6px;margin:25px 0 10px;border-bottom:1px solid var(--portal-border);padding-bottom:12px}.garage-scope-tabs button{font-size:13px;flex:1;max-width:230px}.garage-scope-tabs button[aria-pressed=true]{background:var(--portal-soft);border-color:var(--portal-ink);box-shadow:inset 0 -2px var(--portal-ink)}.garage-view-note{font-size:12px;color:var(--portal-muted);margin:9px 0 16px}.garage-filter-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px}.garage-filter-row label{font-size:11px;color:var(--portal-muted);font-weight:700}.garage-filter-row :is(input,select){display:block;width:100%;min-width:0;margin-top:5px;padding:11px 12px;font:inherit;font-size:13px;min-height:44px;color:var(--portal-ink);background:var(--portal-paper);border:1px solid var(--portal-border);border-radius:7px}.garage-results-note{font-size:11px;color:var(--portal-muted);margin:13px 0}.directory-garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.directory-garage-card{border:1px solid var(--portal-border);border-radius:11px;overflow:hidden;min-width:0;background:var(--portal-paper)}.directory-garage-art{background:var(--portal-soft);min-height:160px;display:flex;flex-direction:column;justify-content:center;position:relative}.directory-garage-art .directory-media{margin:0;border:0;border-radius:0;display:block;background:transparent}.directory-garage-art .directory-media img{display:block;width:100%;aspect-ratio:1.55;height:auto;object-fit:cover}.directory-garage-art .directory-media figcaption{font-size:9px;padding:7px 10px;line-height:1.5;background:var(--portal-soft);color:var(--portal-muted);overflow-wrap:anywhere}.directory-garage-art .directory-media figcaption a{color:inherit;font-size:inherit}.directory-garage-placeholder{padding:25px;text-align:center;display:block;color:var(--portal-muted);font-size:25px;letter-spacing:1px;overflow-wrap:anywhere}.directory-garage-copy{padding:17px}.garage-storage-badge{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:var(--portal-accent);font-weight:750}.directory-garage-copy h3{font-size:18px;line-height:1.3;margin:8px 0}.directory-garage-copy>p{font-size:11px;color:var(--portal-muted);margin:5px 0 10px;overflow-wrap:anywhere}.garage-research-status{font-size:10px;line-height:1.6;color:var(--portal-muted);display:block}.directory-garage-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.directory-garage-actions>a{flex-basis:100%;font-size:12px;color:var(--portal-ink);min-height:35px;display:flex;align-items:center;font-weight:700}.directory-garage-actions>button{font-size:11px;padding:7px 10px;min-height:40px}.directory-garage-actions>button[aria-pressed=true]{background:var(--portal-ink);color:var(--portal-paper)}.directory-garage-actions .garage-add-account{flex-basis:100%;background:var(--portal-soft)}.garage-empty{padding:26px;border:1px dashed var(--portal-border);border-radius:10px;background:var(--portal-paper);font-size:13px;color:var(--portal-muted)}.garage-more{margin-top:16px}.garage-transfer,.garage-pending{margin-top:20px;padding:20px;background:var(--portal-soft);border:1px solid var(--portal-border);border-radius:10px}.garage-transfer h3,.garage-pending h3{font-size:17px;margin:0 0 8px}.garage-transfer p,.garage-pending p{font-size:12px;margin:8px 0}.garage-transfer ul,.garage-pending ul{font-size:12px;max-height:225px;overflow:auto;overscroll-behavior:contain;padding-left:20px;overflow-wrap:anywhere}.garage-transfer>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.garage-transfer [data-garage-confirm-transfer]{background:var(--portal-ink);color:var(--portal-paper)}.garage-compare{display:flex;flex-wrap:wrap;align-items:center;gap:13px;padding:17px;margin-top:18px;background:var(--portal-soft);border-radius:9px;font-size:12px}.garage-compare strong{margin-right:auto}.garage-compare>a{color:var(--portal-ink);font-weight:750;min-height:44px;display:flex;align-items:center}.garage-compare-status{font-size:12px;min-height:0;color:var(--portal-muted)}
@media(max-width:1200px){.directory-garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.directory-garage{padding:23px}.garage-filter-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:480px){.directory-garage{padding:20px 16px;margin-top:25px;border-radius:12px}.garage-filter-row,.directory-garage-grid{grid-template-columns:1fr}.garage-scope-tabs button{padding:9px 8px;font-size:12px}.garage-counts{gap:6px}.garage-counts span{font-size:10px;padding:7px 8px}.garage-counts b{font-size:15px}.garage-transfer,.garage-pending{padding:15px}.garage-main-actions>button{width:100%;max-width:100%}.garage-transfer>div>button{max-width:100%}.directory-garage-copy h3{font-size:22px}.directory-garage-art{min-height:145px}.directory-garage-actions>button{min-height:44px}.portal-nav a[href="#directory-garage"]{display:flex}.portal-nav a[href="#your-account"]{display:none}}
@media(prefers-reduced-motion:reduce){.directory-garage *{transition:none!important;scroll-behavior:auto!important}}