.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:22px;border-bottom:1px solid var(--graph)}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:600 .85rem Montserrat,sans-serif;letter-spacing:.22em}
.topnav{display:flex;gap:22px;flex-wrap:wrap}
.topnav a{text-decoration:none;color:var(--stone);font:500 .78rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.topnav a:hover,.topnav a[aria-current="page"]{color:var(--gold)}
.bl-hero{padding-top:64px;padding-bottom:20px;text-align:center}
.bl-hero h1{font:300 clamp(2.4rem,6vw,4.2rem)/1.1 Montserrat,sans-serif;margin:18px 0 16px}
.bl-lede{max-width:760px;margin:0 auto;color:#c9c7c0;font-size:1.12rem}
.bl-status{max-width:820px;margin:36px auto 0;padding:30px;border:1px solid var(--graph);background:linear-gradient(160deg,#151414,#0f0f0f);text-align:left}
.bl-status h2{justify-content:flex-start}
.bl-status h2:after{content:"";width:36px;height:1px;background:var(--gold)}
.bl-steps{margin:18px 0 0 20px;color:#c9c7c0}
.bl-steps li{margin:8px 0}
.bl-group{padding-top:70px}
.bl-group-intro{color:var(--stone);margin:-10px 0 26px}
.bl-role{color:var(--warm)!important;font-weight:700}
.dl-btn{margin-top:6px;padding:12px 18px;border:1px solid var(--graph);background:transparent;color:var(--stone);font:500 .75rem Montserrat,sans-serif;letter-spacing:.2em;text-transform:uppercase;text-align:center;text-decoration:none}
.dl-btn:disabled{cursor:not-allowed;opacity:.75}
a.dl-btn{border-color:var(--gold);color:var(--warm)}
a.dl-btn:hover{background:var(--gold);color:var(--obs)}
.follow-link{color:var(--gold)!important;border-bottom-color:var(--gold)!important;font:600 .85rem Montserrat,sans-serif;letter-spacing:.18em}
@media(max-width:700px){.topbar{flex-direction:column}.bl-status{padding:24px 20px}}

.bl-hero{padding-top:40px}
.bl-hero-grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:820px;margin:32px auto 0;text-align:left}
.bl-hero-grid .bl-status{margin:0;max-width:none}
@media(max-width:800px){.bl-hero-grid{grid-template-columns:1fr}}



/* Professional polish pass 2026-10-18 */
.bl-hero{padding-top:72px;padding-bottom:28px}
.bl-hero h1{font-size:clamp(2.3rem,5.4vw,3.7rem);font-weight:300;letter-spacing:.01em;margin:16px 0 14px}
.bl-lede{max-width:680px;font-size:1.05rem;line-height:1.75;color:#CFC9BE}
.bl-status{border-radius:16px;background:#111110;border-color:#2A2926;padding:32px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.bl-status-title{font-size:.74rem}
.bl-steps{color:#BDB8AE;line-height:1.7}
.bl-group{padding-top:72px}
.bl-group-intro{color:#A8A29A;max-width:640px;line-height:1.7}
.bl-role{color:var(--warm)!important;font-weight:600}
.dl-btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;font-size:.68rem}
.dl-btn:disabled{border-color:#35322D;color:#8F8A80!important;opacity:.85}
.bl-footer{flex-direction:column}
.follow-link{color:var(--gold)!important}
@media(max-width:700px){.bl-hero{padding-top:48px}.bl-status{padding:26px 22px}.bl-group{padding-top:56px}}

/* Features: search, filter, share, read more, FAQ */
.bl-tools{max-width:1000px;margin:38px auto 0;padding:28px;border:1px solid #2A2926;border-radius:16px;background:#111110;text-align:left}
.bl-tools h2{justify-content:flex-start}.bl-tools h2:after{content:"";width:36px;height:1px;background:var(--gold)}
.bl-search{width:100%;padding:14px 15px;border:1px solid #35322D;border-radius:10px;background:#0C0C0B;color:var(--off);font:400 1rem Lato,sans-serif}
.bl-search:focus{outline:1px solid var(--gold);outline-offset:2px;border-color:var(--gold)}
.bl-filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.bl-filter{min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid #35322D;background:transparent;color:#CFC9BE;font:600 .66rem Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.bl-filter:hover{border-color:var(--gold);color:var(--warm)}
.bl-filter[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:#0A0A0A}
.bl-count{margin-top:14px;color:#A8A29A;font-size:.92rem}
.bl-share{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px;border-top:1px solid #2A2926}
.bl-share .btn{min-height:44px;padding:10px 18px;font-size:.64rem}
.bl-share .btn--ghost{background:transparent!important;color:var(--warm)!important}
.bl-empty{display:none;margin:28px auto 0;max-width:820px;padding:26px;border:1px dashed #4a443a;border-radius:14px;color:#CFC9BE;text-align:center}
.bot-more{margin-top:4px;padding-top:12px;border-top:1px solid #2A2926;color:#A8A29A;font-size:.92rem;line-height:1.65}
.read-more{align-self:flex-start;min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--gold);font:600 .68rem Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer}
.read-more:hover{color:var(--warm)}
.bl-faq{padding-top:72px;max-width:820px}
.bl-faq details{border:1px solid #2A2926;border-radius:12px;background:#111110;padding:18px 20px;margin-bottom:12px;text-align:left}
.bl-faq summary{cursor:pointer;color:var(--warm);font:600 .92rem Montserrat,sans-serif;min-height:32px}
.bl-faq details p{color:#BDB8AE;margin-top:10px;line-height:1.7}
.bl-card[hidden],.bl-group[hidden]{display:none!important}
@media(max-width:700px){.bl-tools{padding:22px 18px}.bl-faq{padding-top:56px}}

/* Keep Bot Library header sticky (as on styles-v22) after the shared stylesheet bump to v25: v24+ fixes the header only for the homepage full-screen hero, which this page does not have. */
@media(min-width:881px){.site-header{position:sticky}}

/* NEW badge 2026-10-19: injected client-side for 7 days from a card's data-date-added (see index.html / README.md). Gold pill matching .tag / .btn palette; sits in normal flow at the top of the card so layout does not shift or break. */
.bl-new-badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:24px;padding:5px 10px 4px;border-radius:999px;background:var(--gold);color:#0A0A0A;font:600 .62rem Montserrat,sans-serif;letter-spacing:.22em;text-transform:uppercase;line-height:1}
.bl-card.is-new{border-color:rgba(212,167,124,.85);box-shadow:0 0 0 1px rgba(212,167,124,.35),0 16px 36px rgba(0,0,0,.32)}


/* Subscribe form 2026-10-19: weekly new bots capture, reuses library panel styling. */
.bl-subscribe{max-width:820px;padding-top:72px;text-align:left}
.bl-subscribe h2{justify-content:flex-start}.bl-subscribe h2:after{content:"";width:36px;height:1px;background:var(--gold)}
.bl-subscribe p{color:#BDB8AE;line-height:1.7}
.bl-subscribe-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.bl-subscribe-input{flex:1 1 260px;padding:14px 15px;border:1px solid #35322D;border-radius:10px;background:#0C0C0B;color:var(--off);font:400 1rem Lato,sans-serif}
.bl-subscribe-input:focus{outline:1px solid var(--gold);outline-offset:2px;border-color:var(--gold)}
.bl-subscribe-button{min-height:44px;cursor:pointer}
.bl-subscribe-status{min-height:1.5em;margin-top:14px;color:var(--warm)!important}
.bl-subscribe-privacy{font-size:.92rem;color:#A8A29A!important}
@media(max-width:700px){.bl-subscribe{padding-top:56px}}

/* Per-bot pages 2026-10-19: gold bot-name heading, related-bot avatar rows, and clear space below the related-bots divider heading. Future per-bot pages copied from an existing page inherit .bl-bot-name and .bl-related-* from here. */
.bl-hero h1.bl-bot-name{font:600 clamp(2rem,5vw,3.4rem)/1.2 Montserrat,sans-serif;letter-spacing:.22em;text-transform:uppercase;background:var(--goldg);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-bot-nav{padding-top:48px}
.bl-bot-nav h2{margin-bottom:40px}
.bl-related-list{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}
.bl-related-list li{margin:0}
.bl-related-link{display:flex;align-items:center;gap:14px;min-height:64px;padding:8px 16px 8px 8px;border:1px solid #2A2926;border-radius:14px;background:#111110;color:#ECE8DF;text-decoration:none;transition:border-color .22s,background .22s,color .22s}
.bl-related-link:hover{border-color:var(--gold);color:var(--warm);background:#151310}
.bl-related-link:focus-visible{outline:1px solid var(--gold);outline-offset:3px;border-color:var(--gold);color:var(--warm)}
.bl-related-avatar{display:block;width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:12px;background:#0A1628}
.bl-related-name{font:600 .92rem/1.35 Montserrat,sans-serif;letter-spacing:.02em}
.bl-bot-nav>p{margin-top:24px}
@media(max-width:700px){.bl-bot-nav{padding-top:40px}.bl-bot-nav h2{margin-bottom:32px}.bl-related-list{grid-template-columns:1fr}.bl-hero h1.bl-bot-name{letter-spacing:.16em}}

/* Library links with Outwork mark 2026-10-19, clarified 2026-10-19: small gold and dark logo beside the top Back link and the bottom See all link on per-bot pages. Brighter warm gold, slightly larger text and an underline give the Back link a clear affordance. No OUTWORK EVERYONE eyebrow sits above the top Back link. Future per-bot pages copied from an existing page inherit .bl-library-link and .bl-library-link-mark from here. */
.bl-library-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--warm);font:600 1.05rem Montserrat,sans-serif;letter-spacing:.04em;text-decoration:underline;text-decoration-color:rgba(246,225,185,.65);text-decoration-thickness:1px;text-underline-offset:5px}
.bl-library-link:hover{color:#fff;text-decoration-color:var(--warm)}
.bl-library-link:focus-visible{outline:1px solid var(--gold);outline-offset:3px;color:#fff;text-decoration-color:var(--warm)}
.bl-library-link-mark{display:block;width:28px;height:28px;flex:0 0 28px;object-fit:cover;border-radius:50%;border:1px solid rgba(212,167,124,.65);background:#0A0A0A}

/* Section icons 2026-10-19: Iris gold-on-dark icons beside the three Bot Library group headings on the index. Square, never stretched. Desktop 40px, mobile 32px. */
.bl-group-icon{display:block;width:40px;height:40px;flex:0 0 40px;border-radius:10px;object-fit:contain;background:#111110}
.bl-group h2{flex-wrap:wrap}
@media(max-width:700px){.bl-group-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px}}

/* Builders group intro single line 2026-10-19: this one line only is widened to the full content width and kept on one line on desktop. It wrapped because .bl-group-intro caps width at 640px. On narrow screens 93 characters cannot fit on one line at a readable size (it would need roughly 9px type at 390px, as the line measures about 643px wide at 16.5px), so wrapping is allowed there to avoid horizontal overflow. No other group intro is affected. */
.bl-group-intro--builders{max-width:none}
@media(min-width:901px){.bl-group-intro--builders{white-space:nowrap}}