/* Jobs (/jobs/, /jobs/post/, /jobs/thanks/) and Resources (/resources/). Markup in board.mjs. */
.bd-page{--y:#F5E900;--line:#2a2a2a;--mute:#8f8f8f;--soft:#c9c9c9;--row:#1a1a1a;--rowh:#222;font-family:Inter,Helvetica,Arial,sans-serif;color:#fff}
.bd-page *{box-sizing:border-box}
.bd-page h1,.bd-page h2{color:#fff;margin:0;font-family:inherit}

/* hero: centred, like a section opener */
.bd-hero{max-width:720px;margin:56px auto 48px;text-align:center;display:flex;flex-direction:column;align-items:center}
.bd-hero h1{font-size:clamp(34px,4.6vw,58px);line-height:1.02;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.bd-hero>p{color:var(--soft);font-size:17px;line-height:1.5;margin:16px 0 0;max-width:560px;text-wrap:balance}
.bd-hero .bd-btn{margin-top:28px}
/* live proof under the hero (Nov 10, 2026): job clicks in the last 7 days, from /api/jobs/stats; hidden below 20 */
.bd-hero .bd-proof{display:inline-flex;align-items:center;gap:8px;margin:18px 0 0;padding:9px 14px 9px 12px;border-radius:40px;background:#1c1c1c;color:var(--soft);font-size:14px;line-height:1.2}
.bd-hero .bd-proof[hidden]{display:none}
.bd-hero .bd-proof:before{content:"";width:8px;height:8px;border-radius:50%;background:#f5e800;flex:none}
.bd-hero .bd-proof b{color:#fff;font-weight:700}
.bd-reach{font-size:13px !important;color:var(--mute) !important;margin-top:14px !important}
.bd-back{margin:0 0 18px !important;font-size:14px !important}
.bd-back a{color:var(--mute);text-decoration:none}
.bd-back a:hover{color:#fff}

.bd-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--y);color:#000;border:0;border-radius:999px;padding:15px 26px;font:700 15px/1 Inter,Helvetica,Arial,sans-serif;cursor:pointer;text-decoration:none;white-space:nowrap;transition:transform .15s,filter .15s}
.bd-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.bd-btn:focus-visible,.jb-row:focus-visible,.rs-card:focus-visible{outline:2px solid #fff;outline-offset:3px}
.bd-btn[disabled]{opacity:.6;cursor:default;transform:none}

/* job rows */
.jb-list{display:flex;flex-direction:column;gap:6px;max-width:1120px;margin:0 auto}
.jb-row{display:grid;grid-template-columns:40px minmax(120px,1.1fr) minmax(0,2.4fr) minmax(0,1.3fr) 56px 18px;align-items:center;gap:18px;padding:14px 18px 14px 14px;background:var(--row);border-radius:14px;color:#fff;text-decoration:none;transition:background .15s}
.jb-row:hover{background:var(--rowh)}
.jb-row.is-paid{box-shadow:inset 0 0 0 1px rgba(245,233,0,.45)}
.jb-logo{width:40px;height:40px;border-radius:10px;overflow:hidden;background:#2a2a2a;display:grid;place-items:center}
.jb-logo img{width:100%;height:100%;object-fit:cover;display:block}
.jb-logo b{font-size:16px;color:#fff}
.jb-co{font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center;gap:8px}
.jb-tag{font-style:normal;font-size:11px;font-weight:700;color:#000;background:var(--y);border-radius:999px;padding:3px 8px}
.jb-role{display:flex;flex-direction:column;gap:3px;min-width:0}
.jb-role strong{font-size:15px;font-weight:600;line-height:1.3}
.jb-role em{font-style:normal;font-size:13.5px;color:var(--mute);line-height:1.35}
.jb-com{display:none}
.jb-pay{font-size:14px;color:var(--soft);text-align:right}
.jb-date{font-size:13px;color:var(--mute);text-align:right;white-space:nowrap}
.jb-go{color:var(--mute);display:grid;place-items:center;transition:color .15s,transform .15s}
.jb-row:hover .jb-go{color:var(--y);transform:translate(2px,-2px)}
.bd-note{max-width:1120px;margin:16px auto 0;font-size:13px;color:var(--mute);text-align:center}
.bd-empty{text-align:center;color:var(--mute);padding:40px 0}

/* closing call to action */
.bd-cta{max-width:1120px;margin:72px auto 24px;background:#1c1c1c;border-radius:24px;padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.bd-cta h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;line-height:1.1}
.bd-cta p{color:var(--soft);font-size:15.5px;line-height:1.55;margin:10px 0 0;max-width:560px}

/* post form */
.bd-perks{max-width:880px;margin:0 auto 56px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.bd-perks div{background:#1a1a1a;border-radius:16px;padding:20px 18px}
.bd-perks svg{color:var(--y)}
.bd-perks strong{display:block;font-size:15px;margin:12px 0 6px}
.bd-perks p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}
.bd-form{max-width:880px;margin:0 auto 24px;display:flex;flex-direction:column}
.bd-grp{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:40px;padding:32px 0;border-top:1px solid var(--line)}
.bd-grp-h h2{font-size:18px;font-weight:700}
.bd-grp-h p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--mute)}
.bd-fields{display:flex;flex-direction:column;gap:16px;min-width:0}
.bd-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bd-f{display:flex;flex-direction:column;gap:8px;min-width:0}
.bd-f>span{font-size:13px;font-weight:600;color:var(--soft)}
.bd-f em{font-style:normal;font-weight:500;color:var(--mute);margin-left:4px}
.bd-f input,.bd-f select,.bd-f textarea{width:100%;background:#0f0f0f;border:1px solid var(--line);border-radius:12px;color:#fff;font:500 15px/1.4 Inter,Helvetica,Arial,sans-serif;padding:13px 14px;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.bd-f select{background-image:linear-gradient(45deg,transparent 50%,#9a9a9a 50%),linear-gradient(135deg,#9a9a9a 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}
.bd-f textarea{resize:vertical;min-height:96px}
.bd-f input::placeholder,.bd-f textarea::placeholder{color:#5f5f5f}
.bd-f input:focus,.bd-f select:focus,.bd-f textarea:focus{outline:0;border-color:var(--y);box-shadow:0 0 0 3px rgba(245,233,0,.15)}
.bd-f [aria-invalid=true]{border-color:#f87171}
.bd-hp{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.bd-submit{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:32px;border-top:1px solid var(--line)}
.bd-msg{margin:0;font-size:14px;color:var(--mute);flex:1;min-width:200px}
.bd-msg.is-err{color:#fca5a5}
.bd-msg.is-ok{color:var(--y)}
.bd-msg a{color:var(--y)}
.bd-thanks{margin-bottom:96px}
.bd-thanks a:not(.bd-btn){color:var(--y)}

/* resources */
.rs-jump{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:28px}
.rs-jump a{display:inline-flex;align-items:center;gap:6px;border:1px solid #333;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:500;color:#e6e6e6;text-decoration:none;transition:border-color .15s,color .15s}
.rs-jump a:hover{border-color:var(--y);color:#fff}
.rs-jump sup{font-size:11px;color:var(--mute);top:0}
.rs-sec{max-width:1120px;margin:0 auto;padding-top:56px;scroll-margin-top:80px}
.rs-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:20px;flex-wrap:wrap}
.rs-head h2{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em}
.rs-head p{margin:0;color:var(--mute);font-size:15px;max-width:520px}
.rs-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.rs-card{display:flex;flex-direction:column;background:#1a1a1a;border-radius:18px;padding:18px;color:#fff;text-decoration:none;min-width:0;transition:background .15s,transform .15s}
.rs-card:hover{background:#222;transform:translateY(-2px)}
.rs-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rs-top img{width:44px;height:44px;border-radius:11px;object-fit:cover;background:#2a2a2a}
.rs-top i{font-style:normal;font-size:12px;color:var(--soft);border:1px solid #333;border-radius:999px;padding:4px 10px;white-space:nowrap}
.rs-card strong{font-size:16px;margin:16px 0 6px}
.rs-card p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}

@media (max-width:1024px){
  .jb-row{grid-template-columns:40px minmax(0,1fr) auto 18px}
  .jb-co{display:none}
  .jb-com{display:inline}
  .jb-pay{grid-column:2;text-align:left;font-size:13px;margin-top:-10px}
  .jb-date{grid-column:3;grid-row:1}
  .jb-go{grid-column:4;grid-row:1}
  .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bd-perks{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .bd-hero{margin:36px auto 32px}
  .jb-row{gap:12px;padding:12px}
  .jb-date{display:none}
  .jb-row{grid-template-columns:40px minmax(0,1fr) 18px}
  .jb-go{grid-column:3}
  .bd-cta{flex-direction:column;align-items:flex-start;padding:28px 22px;margin-top:48px}
  .bd-grp{grid-template-columns:1fr;gap:16px;padding:24px 0}
  .bd-row2{grid-template-columns:1fr}
  .rs-grid{grid-template-columns:1fr}
  .bd-perks{grid-template-columns:1fr}
}

/* Jobs and Resources aligned with Logos and Visuals: content runs to the panel edges, small left-aligned header. */
.bd-page .bd-head{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap}
.bd-page .bd-head>div:first-child{max-width:720px}
.bd-page .bd-head h1{font-size:28px;line-height:1.15;letter-spacing:-.02em;margin:0 0 6px;text-wrap:balance}
.bd-head-cta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.bd-head-cta .bd-reach{margin:0 !important;font-size:13px;color:var(--mute)}
.jb-page .jb-list{max-width:none;margin:0}
.jb-page .bd-note{max-width:none;margin:14px 0 0;text-align:left}
.bd-page .bd-cta{max-width:none;margin:40px 0 0}
.rs-page .rs-chips{margin-top:0}
.rs-page .rs-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gutter)}
.rs-page .rs-card{border-radius:var(--radius,16px)}
.rs-page .rs-card[hidden]{display:none}
@media (max-width:1280px){.rs-page .rs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:1024px){.rs-page .rs-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){.rs-page .rs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-head-cta{align-items:flex-start}}
@media (max-width:480px){.rs-page .rs-grid{grid-template-columns:1fr}}
/* Post form: Share a link / Fill it in. The link panel shows by default; without JS the toggle hides. */
.bd-modes{display:flex;gap:4px;padding:4px;margin:0 0 32px;background:#1c1c1c;border-radius:10px}
.bd-modes button{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;border:0;cursor:pointer;border-radius:7px;padding:13px 10px;background:transparent;color:#cfcfcf;font:700 15px/1 Inter,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}
.bd-modes button span{font-weight:500;font-size:13px;color:#8a8a8a;transition:color .2s}
.bd-modes button:hover{color:#fff}
.bd-modes button[aria-selected=true]{background:#fff;color:#0b0b0b}
.bd-modes button[aria-selected=true] span{color:rgba(11,11,11,.6)}
.bd-modes button:focus-visible{outline:2px solid #fff;outline-offset:2px}
html:not(.bd-tabs) .bd-modes{display:none}
.bd-form [data-panel][hidden]{display:none}
/* Resources banner (Oct 27, 2026): one labelled sponsor above the list. Booked: copy left, image right, one link.
   Open: a slim dashed bar that sells the spot. Markup in board.mjs (resourcesPage). */
.rs-page .rs-spon{display:block;grid-column:auto;margin:0 0 var(--gutter,12px);border-radius:var(--radius,12px);overflow:visible;gap:0}
.rs-page .rs-spon[hidden]{display:none !important}
.rs-spon-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:clamp(210px,19vw,290px);background:#1a1a1a;border-radius:var(--radius,12px);overflow:hidden;color:#fff;text-decoration:none;transition:background .15s}
.rs-spon.no-img .rs-spon-in{grid-template-columns:1fr;min-height:0}
.rs-spon-in:hover{background:#202020}
.rs-spon-in:focus-visible,.rs-spon-book:focus-visible{outline:2px solid #fff;outline-offset:3px}
.rs-spon-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:26px 30px;min-width:0}
.rs-spon-tag{display:inline-block;flex:none;font-size:11px;font-weight:600;text-transform:uppercase;color:#bdbdbd;background:#262626;border:1px solid rgba(255,255,255,.14);padding:7px 11px 6px;border-radius:40px;line-height:1}
.rs-spon-logo{height:28px;width:auto;max-width:220px;object-fit:contain;object-position:left center;margin-top:4px}
.rs-spon-name{font-size:22px;letter-spacing:-.02em;margin-top:4px}
.rs-spon-line{font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.3px;max-width:30ch;text-wrap:balance}
.rs-spon-cta{display:inline-flex;align-items:center;margin-top:4px;background:var(--y);color:#000;font:700 14px/1 Inter,Helvetica,Arial,sans-serif;padding:12px 18px;border-radius:10px;transition:filter .15s}
.rs-spon-in:hover .rs-spon-cta{filter:brightness(1.07)}
.rs-spon-img{position:relative;display:block;min-height:100%;background:#222}
.rs-spon-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.rs-spon-note{margin:8px 2px 0;font-size:12px;line-height:1.4;color:var(--mute)}
.rs-spon-note a{color:#b9b9b9;text-decoration:underline;text-underline-offset:3px}
.rs-spon-note a:hover{color:#fff}
.rs-page .rs-spon.is-open{display:flex;align-items:center;gap:12px 18px;flex-wrap:wrap;padding:14px 14px 14px 18px;border:1px dashed #3a3a3a;background:transparent}
.rs-spon-msg{flex:1;min-width:220px;margin:0;font-size:14.5px;line-height:1.45;color:var(--soft)}
.rs-spon-msg strong{color:#fff;font-weight:600}
.rs-spon-book{display:inline-flex;align-items:center;justify-content:center;background:var(--y);color:#000;font:700 14px/1 Inter,Helvetica,Arial,sans-serif;padding:12px 18px;border-radius:10px;text-decoration:none;white-space:nowrap;transition:filter .15s}
.rs-spon-book:hover{filter:brightness(1.07)}
@media (max-width:760px){
.rs-spon-in{grid-template-columns:1fr;min-height:0}
.rs-spon-img{order:-1;aspect-ratio:16/9;min-height:0}
.rs-spon-copy{padding:18px 18px 20px;gap:10px}
.rs-spon-line{font-size:16px}
.rs-page .rs-spon.is-open{padding:14px}
.rs-spon-book{width:100%}
}

/* Nov 10, 2026: /jobs/post/ top in the shop and sponsor format. A dark box (max 1216px) rises over the bottom of the
   wordmark: headline, intro, the yellow button and a link on the left, a small preview of the board on the right
   ("Your role here" pinned and outlined above three real roles, last week's job clicks under them), the four points
   ("With every post") underneath. The form starts in the page panel right under the box. Same scroll effect as /shop/:
   the wordmark slides down behind the box until it meets the panel (script in jobsPostPage adds html.bd-plx). */
.bd-box{--y:#F5E900;position:relative;z-index:2;box-sizing:border-box;max-width:1216px;margin:calc(8px - 19.7vw) auto 0;padding:44px 48px 40px;border-radius:32px;background:#1c1c1c;color:#fff;box-shadow:0 -10px 40px rgba(0,0,0,.25);font-family:Inter,Helvetica,Arial,sans-serif}
.bd-box *{box-sizing:border-box}
@keyframes bdBoxIn{from{opacity:0;transform:translateY(80px) scale(.95)}to{opacity:1;transform:none}}
.js .bd-box{animation:bdBoxIn .9s cubic-bezier(.22,.61,.36,1) .25s both;transform-origin:50% 0}
.bd-box + script + main.bd-post,.bd-box + main.bd-post{margin-top:24px}
.bd-box-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:56px;align-items:center}
.bd-crumbs{display:flex;align-items:center;gap:8px;margin:0 0 22px;font-size:14px;color:#8c8c8c}
.bd-crumbs a{color:#8c8c8c;text-decoration:none}
.bd-crumbs a:hover{color:#fff}
.bd-crumbs span:before{content:"/";margin-right:8px;color:#4a4a4a}
.bd-box h1{margin:0;color:#fff;font-size:clamp(38px,5.2vw,68px);line-height:1;letter-spacing:-.035em;font-weight:700;text-wrap:balance}
.bd-lede{margin:22px 0 24px;max-width:580px;font-size:17px;line-height:1.55;color:#bdbdbd}
.bd-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}
.bd-box-btn{display:inline-flex;align-items:center;justify-content:center;height:54px;padding:0 30px;border-radius:10px;background:var(--y);color:#000;font-size:16px;font-weight:700;letter-spacing:-.01em;text-decoration:none;transition:filter .15s}
.bd-box-btn:hover{filter:brightness(1.06)}
.bd-box-link{color:#d2d2d2;font-weight:600;font-size:15px;text-decoration:none;border-bottom:1px solid #444;padding-bottom:2px}
.bd-box-link:hover{color:#fff;border-color:#fff}
.bd-box-btn:focus-visible,.bd-box-link:focus-visible,.bd-crumbs a:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* the board preview */
.bdx-board{padding:12px;border-radius:20px;background:#0c0c0c;border:1px solid rgba(255,255,255,.08)}
.bdx-top{display:flex;justify-content:space-between;gap:12px;padding:6px 8px 12px;font-size:13px;font-weight:600;color:#8c8c8c}
.bdx-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bdx-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#1a1a1a}
.bdx-row:not(.is-you){opacity:.62}
.bdx-row.is-you{background:#202020;box-shadow:inset 0 0 0 1px var(--y)}
.bdx-logo{width:36px;height:36px;border-radius:9px;overflow:hidden;background:#2a2a2a;display:grid;place-items:center;flex:none}
.bdx-logo img{width:100%;height:100%;object-fit:cover;display:block}
.bdx-logo b{font-size:15px;color:#fff}
.bdx-plus{background:transparent;border:1px dashed #5a5a5a;color:var(--y)}
.bdx-txt{min-width:0;display:flex;flex-direction:column;gap:3px}
.bdx-txt strong{font-size:14.5px;line-height:1.25;letter-spacing:-.01em;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdx-txt em{font-style:normal;font-size:12.5px;line-height:1.3;color:#9a9a9a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bdx-tag{font-style:normal;font-size:11px;line-height:1;font-weight:700;color:#000;background:var(--y);border-radius:6px;padding:7px 7px 6px}
.bdx-stat{display:flex;align-items:baseline;gap:10px;margin:12px 0 0;padding:16px 14px 14px;border-radius:12px;background:#161616}
.bdx-stat[hidden]{display:none}
.bdx-stat b{font-size:34px;line-height:1;letter-spacing:-.03em;font-weight:700;color:#fff}
.bdx-stat span{font-size:14px;line-height:1.3;color:#b4b4b4}
/* the four points */
.bd-box-row{margin-top:36px}
.bd-box-row>p{margin:0 0 14px;color:#8c8c8c;font-size:14px;font-weight:500}
.bd-facts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bd-facts li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:14px 18px 14px 16px;border-radius:12px;background:#242424}
.bd-facts svg{grid-row:span 2;box-sizing:content-box;width:20px;height:20px;padding:10px;border:1px solid #3d3d3d;border-radius:10px;color:#fff}
.bd-facts b{font-size:14.5px;letter-spacing:-.01em;color:#fff}
.bd-facts span{font-size:13px;color:#a9a9a9}
.bd-post #job-form{scroll-margin-top:24px}
html.bd-plx body{background:#000}
html.bd-plx .hero-band{position:relative;z-index:0;will-change:transform}
html.bd-plx main.bd-post{position:relative;z-index:1}
@media (max-width:1100px){.bd-box{padding:36px}.bd-box-grid{grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:40px}}
@media (max-width:1000px){.bd-box-grid{grid-template-columns:minmax(0,1fr);gap:32px}.bdx-board{max-width:560px}.bd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bd-box-row{margin-top:40px}}
@media (max-width:760px){
  .bd-box{padding:22px 16px 18px;border-radius:22px;margin-top:calc(8px - 13.6vw)}
  .bd-crumbs{margin-bottom:16px;font-size:13px}
  .bd-box h1{font-size:36px}
  .bd-lede{margin:14px 0 18px;font-size:15.5px}
  .bd-box-btn{width:100%;height:52px}
  .bd-ctas .bd-box-link{margin:0 auto}
  .bd-box-grid{gap:22px}
  .bdx-board{padding:8px;border-radius:14px}
  .bdx-row{padding:10px;gap:10px}
  .bdx-stat b{font-size:28px}
  .bd-box-row{margin-top:24px}
  .bd-box-row>p{margin-bottom:10px;font-size:13px}
  .bd-facts{gap:6px}
  .bd-facts li{padding:10px 10px 10px 12px;column-gap:10px}
  .bd-facts svg{width:16px;height:16px;padding:7px;border-radius:8px}
  .bd-facts b{font-size:13px}
  .bd-facts span{display:none}
  .bd-facts svg{grid-row:auto}
  .bd-box + script + main.bd-post,.bd-box + main.bd-post{margin-top:16px}
}
@media (prefers-reduced-motion:reduce){.js .bd-box{animation:none}}