/* Scoped to the directory and its owner controls; the theme owns the page shell. */
.sb-directory-page{--dir-accent:#a7e3c6;color:#eff3e9;font:16px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.sb-directory-page *,.sb-directory-manager *{box-sizing:border-box}.sb-directory-page a,.sb-directory-manager a{color:#b6e9d3}.sb-directory-page h1{font-size:clamp(32px,4.7vw,58px);line-height:1.08;letter-spacing:-.035em;margin:10px 0 20px}.sb-directory-page h2{font-size:clamp(23px,2.4vw,30px);line-height:1.2}.sb-directory-page h3{font-size:22px;line-height:1.25;margin:5px 0 12px}.sb-dir-eyebrow{color:#a5ddc4;letter-spacing:.16em;font-size:11px;font-weight:800;text-transform:uppercase;margin:0 0 12px}.sb-dir-heading{padding:14px 0 34px;max-width:760px}.sb-dir-heading h1 span{color:#d9bc75}.sb-dir-heading>p:not(.sb-dir-eyebrow){color:#b2c3bd;max-width:610px}.sb-dir-text-link{display:inline-block;margin-top:8px}.sb-dir-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.sb-dir-filter-primary{grid-template-columns:minmax(0,3fr) minmax(150px,1fr)}
.sb-directory-manager{background:#10292a;border:1px solid #41645a;padding:24px;border-radius:14px;margin:24px 0;color:#eee8d8}.sb-directory-manager label,.sb-directory-page label{display:grid;gap:7px;margin:12px 0;font-size:14px;font-weight:700}.sb-directory-manager input:not([type=checkbox]),.sb-directory-manager textarea,.sb-directory-manager select,.sb-directory-page input:not([type=checkbox]),.sb-directory-page select{min-width:0;width:100%;padding:12px;background:#081e20;color:#f5efdb;border:1px solid #658d7d;border-radius:7px;font:inherit;min-height:46px}.sb-directory-manager button,.sb-directory-page button{min-height:44px;padding:10px 16px;border:1px solid #a9dec7;border-radius:7px;background:#a9dec7;color:#09251c;font:700 14px/1.4 Arial,sans-serif;cursor:pointer}.sb-directory-manager button:disabled,.sb-directory-page button:disabled{opacity:.5;cursor:wait}.sb-directory-manager details,.sb-dir-help,.sb-dir-kit{padding:16px;border:1px solid #365850;border-radius:10px;margin:18px 0}.sb-directory-page summary,.sb-directory-manager summary{cursor:pointer;font-weight:700;color:#b8e6cf;min-height:28px}.sb-directory-manager .sb-dir-check,.sb-directory-page .sb-dir-check{display:flex;align-items:center;gap:10px;font-weight:400}.sb-directory-manager input[type=checkbox],.sb-directory-page input[type=checkbox]{flex:0 0 19px;width:19px;height:19px;accent-color:#b1e7cc}.sb-dir-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.sb-directory-page .sb-dir-secondary,.sb-directory-manager button:not([data-dir-publish]){background:transparent;color:#b8e6cf}.sb-dir-note{color:#aec2bc;font-size:13px}.sb-dir-tabs{display:flex;gap:10px;border-bottom:1px solid #37534d;padding-bottom:18px}.sb-dir-tabs button{flex:1;max-width:230px}.sb-dir-tabs button[aria-pressed=false]{background:transparent;color:#b8e6cf;border-color:#49685e}.sb-directory-page [data-dir-filters]{padding:22px;border:1px solid #35584e;border-radius:14px;background:linear-gradient(120deg,#122d28,#0c2229)}.sb-dir-filter-more{padding:12px 0}.sb-dir-filter-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.sb-dir-filter-bottom .sb-dir-actions{margin:0}.sb-directory-page [data-dir-status]{min-height:26px;color:#b4c6be}
.sb-dir-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.sb-dir-card{display:flex;align-items:flex-start;gap:20px;padding:24px;border:1px solid #3c5c54;border-radius:13px;background:linear-gradient(140deg,#122b27,#0b2027);min-width:0}.sb-dir-card>div:last-child{min-width:0}.sb-dir-card h2{font-size:23px;margin:4px 0 12px}.sb-dir-card h2 a,.sb-dir-card h3 a{text-decoration:none}.sb-dir-card h2 a:hover,.sb-dir-card h3 a:hover{text-decoration:underline}.sb-dir-card-intro{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#bdd0c7;font-size:14px;margin:8px 0}.sb-dir-card p.sb-dir-recruitment{font-size:13px;margin:12px 0}.sb-dir-recruitment{color:#e2c983;font-weight:700}.sb-dir-emblem{flex:0 0 86px;width:86px;aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #577565;border-radius:18px;padding:5px;background:radial-gradient(circle at 25% 20%,#28483b,#0a2023);color:var(--dir-accent,#a7e3c6)}.sb-dir-emblem img{width:100%;height:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;display:block}.sb-dir-emblem>span{font-size:42px;line-height:1}.sb-dir-frame-crew{border:2px solid var(--dir-accent,#a7e3c6);box-shadow:0 0 0 3px #9ee5c512}.sb-dir-frame-connected{border:3px double var(--dir-accent,#a7e3c6);box-shadow:0 0 0 4px #9ee5c517}.sb-dir-frame-community{border:3px double var(--dir-accent,#a7e3c6);border-radius:23px 8px;box-shadow:0 0 0 4px #9ee5c520,0 0 22px #9ee5c512}.sb-dir-frame-community:after{content:'✦';position:absolute;bottom:-10px;right:6px;padding:0 4px;background:#102724;color:var(--dir-accent);font-size:18px;line-height:1}.sb-dir-accent-gold{--dir-accent:#e4c775}.sb-dir-accent-ice{--dir-accent:#89ccdf}.sb-dir-accent-violet{--dir-accent:#b8a1dc}.sb-dir-accent-mint{--dir-accent:#a7e3c6}.sb-dir-badges{display:flex;flex-wrap:wrap;gap:8px}.sb-dir-badge{display:inline-block;border:1px solid #416d5c;border-radius:20px;background:#15362b;padding:4px 9px;margin:4px 4px 4px 0;color:#b9e8d1;font-size:11px;font-weight:700}
.sb-dir-back{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:0 0 26px;font-size:14px}.sb-dir-profile{border:1px solid #3f6456;border-radius:18px;overflow:hidden;background:#0b2022}.sb-dir-profile-hero{display:flex;gap:30px;align-items:center;padding:34px;background:radial-gradient(ellipse at top left,#29402b,transparent 75%),linear-gradient(120deg,#17302a,#10272e);border-bottom:1px solid #3b574b;border-top:3px solid var(--dir-accent)}.sb-dir-profile-hero h1{font-size:clamp(30px,3.6vw,47px);margin:8px 0 16px}.sb-dir-profile-hero>div:last-child{min-width:0}.sb-dir-emblem-hero{width:150px;flex-basis:150px}.sb-dir-emblem-hero>span{font-size:76px}.sb-dir-profile-body{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)}.sb-dir-about{padding:30px 34px}.sb-dir-about h2{margin-top:0}.sb-dir-introduction{white-space:pre-wrap;font-size:17px;color:#cedad3}.sb-dir-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:28px 0 0}.sb-directory-page dt{font-weight:700;color:#a5cdbb;font-size:13px}.sb-directory-page dd{margin:4px 0 0;white-space:pre-wrap}.sb-dir-connect{padding:30px;background:#10282a;border-left:1px solid #34564e}.sb-dir-connect h2{margin:8px 0 18px}.sb-dir-connect button{width:100%;margin:6px 0}.sb-dir-connect [data-dir-contact]{white-space:pre-wrap}.sb-dir-members{margin:40px 0 28px}.sb-dir-members>h2{margin:8px 0 12px}.sb-dir-members>p:not(.sb-dir-eyebrow){color:#b4c8bd}.sb-dir-member-grid .sb-dir-card{padding:20px}.sb-dir-member-grid .sb-dir-emblem{flex-basis:72px;width:72px}.sb-dir-empty{border:1px dashed #496958;border-radius:12px;padding:24px;color:#bed3c9}.sb-dir-help{font-size:14px;color:#b6ccc1}.sb-dir-emblem-preview{max-width:160px;aspect-ratio:1;object-fit:contain}.sb-directory-manager fieldset{min-width:0;border:1px solid #41695d;border-radius:10px;margin:18px 0;padding:16px}.sb-directory-manager legend{padding:0 7px;color:#dcc687}.sb-dir-windows{display:flex;flex-wrap:wrap;gap:10px 22px}
.sb-directory-manager [hidden],.sb-directory-page [hidden]{display:none!important}.sb-directory-manager :focus-visible,.sb-directory-page :focus-visible{outline:3px solid #e6bd63;outline-offset:3px}.sb-directory-page select,.sb-directory-manager select{color-scheme:dark;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#b8e6cf 50%),linear-gradient(135deg,#b8e6cf 50%,transparent 50%);background-position:calc(100% - 19px) 50%,calc(100% - 14px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
@media(max-width:800px){.sb-dir-profile-body{grid-template-columns:1fr}.sb-dir-connect{border-left:0;border-top:1px solid #34564e}.sb-dir-grid{grid-template-columns:1fr}.sb-dir-profile-hero{padding:26px;gap:22px}.sb-dir-about{padding:26px}.sb-dir-emblem-hero{width:120px;flex-basis:120px}}
@media(max-width:480px){.sb-dir-profile-hero{align-items:flex-start;flex-direction:column}.sb-dir-emblem-hero{width:96px;flex-basis:auto}.sb-dir-fields,.sb-dir-facts{grid-template-columns:1fr}.sb-directory-manager{padding:16px}.sb-directory-page [data-dir-filters]{padding:16px}.sb-dir-card{padding:18px;gap:16px}.sb-dir-emblem{width:68px;flex-basis:68px}.sb-dir-tabs button{padding:10px}.sb-dir-back{gap:10px}.sb-dir-profile-hero h1{font-size:32px}.sb-dir-connect{padding:24px}.sb-dir-card h2,.sb-dir-card h3{font-size:21px}}

.sb-directory-manager .sb-dir-check,.sb-directory-page .sb-dir-check{min-height:44px;cursor:pointer}.sb-member-hub [data-dir-appearance] .sb-dir-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-member-hub [data-dir-appearance] .sb-dir-fields>label{grid-column:auto}@media(max-width:600px){.sb-member-hub [data-dir-appearance] .sb-dir-fields{grid-template-columns:1fr}}

/* Native WebKit legends can otherwise keep the fieldset wider than a narrow editor. */
.sb-directory-manager [data-dir-player-context]{overflow-wrap:anywhere}.sb-directory-manager [data-dir-use-display-name]{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.sb-directory-manager legend{max-width:100%;white-space:normal;overflow-wrap:anywhere}.sb-directory-manager .sb-dir-windows{min-inline-size:0}.sb-directory-manager .sb-dir-windows>label{min-width:0;max-width:100%}

/* Keep layout on an inner wrapper, not the native fieldset/legend formatting context. */
.sb-directory-manager fieldset{display:block;width:100%}.sb-directory-manager .sb-dir-windows{display:block}.sb-dir-window-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,135px),1fr));gap:8px 20px}

/* Owner editor: one preview, clear publication state and a reachable save action. */
.sb-dir-editor-preview{overflow-wrap:anywhere;display:flex;gap:20px;align-items:center;padding:22px;border:1px solid #45665a;border-radius:12px;background:linear-gradient(120deg,#213b2c,#102a31);margin-top:20px}.sb-dir-editor-preview>div:last-child{min-width:0}.sb-dir-editor-preview h3{margin:0 0 8px;font-size:26px}.sb-dir-editor-preview p{margin:6px 0}.sb-dir-state{font-weight:700;color:#e5cb88}.sb-directory-manager .sb-dir-public-actions{align-items:center}.sb-directory-manager .sb-dir-public-actions a{padding:10px 0;min-height:44px}.sb-directory-manager .sb-dir-savebar{position:relative;background:#122b2b;border:1px solid #688675;border-radius:10px;padding:12px 16px;box-shadow:0 6px 18px #0005;margin-top:22px}.sb-dir-savebar .sb-dir-actions{margin:6px 0}.sb-dir-savebar p{margin:5px 0}.sb-dir-savebar [data-dir-status]:empty{display:none}.sb-directory-manager [data-dir-management]{margin-bottom:0}.sb-directory-manager [data-dir-delete]{border-color:#bc8c82;color:#f0c5bc}.sb-directory-manager .sb-dir-window-options small{display:block;font-size:12px;color:#aec2bc}.sb-directory-manager [data-dir-activity] .sb-dir-check{align-items:flex-start}.sb-directory-manager [data-dir-form]>fieldset>legend{font-weight:700}.sb-directory-manager [data-dir-form]>fieldset .sb-dir-fields{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.sb-directory-manager [data-dir-form]>fieldset .sb-dir-fields>label{grid-column:auto}.sb-directory-manager [data-dir-status]{overflow-wrap:anywhere}.sb-directory-manager [data-dir-dirty]{color:#e5cb88}.sb-directory-manager [data-dir-editor]>summary{min-height:44px;display:flex;align-items:center}.sb-directory-manager [data-dir-editor]>summary:before{content:'▸';margin-right:9px}.sb-directory-manager [data-dir-editor][open]>summary:before{content:'▾'}
@media(max-width:600px){.sb-dir-editor-preview{padding:16px;gap:14px}.sb-dir-editor-preview h3{font-size:22px}.sb-directory-manager .sb-dir-savebar{bottom:5px;padding:10px}.sb-dir-savebar .sb-dir-actions button{flex:1 1 auto}.sb-directory-manager [data-dir-form]>fieldset{padding:12px}.sb-directory-manager [data-dir-form]>fieldset .sb-dir-fields{grid-template-columns:1fr}}
@media(max-height:550px){.sb-directory-manager .sb-dir-savebar{position:static}}

.sb-directory-manager .sb-dir-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #a9dec7;border-radius:7px;background:transparent;color:#b8e6cf;font:700 14px/1.4 Arial,sans-serif;text-decoration:none;box-sizing:border-box}.sb-directory-manager .sb-dir-button:hover{background:#193b31}
