/* Shared base44-style layout for Roadmaps, Workshops and Resources (roadmaps.html, workshops.html, resources.html).
   Dotted paper, large medium-weight headings, product "artifacts", list rows with round arrows. */
.hub{--ink:#173f32;--text:#2f3d33;--muted:#5f6d62;--paper:#f6f5ef;--card:#fffefa;--line:#173f3222;
 --sage:#d6e5c5;--lilac:#e8e2f0;--peach:#f1dfce;--sky:#dfe6f6;--dark:#1d2a23;
 background-color:var(--paper);background-image:radial-gradient(#173f321c .7px,transparent .8px);background-size:13px 13px;color:var(--text);font-family:Neue,"Helvetica Neue",Arial,sans-serif}
.hub main{overflow:hidden;overflow:clip}
.hub :where(h1,h2,h3,p){margin:0}
.hub em{font-family:Editorial,serif;font-style:italic;font-weight:400;letter-spacing:-.02em}
.hw{width:min(1180px,calc(100% - 44px));margin-inline:auto}
.hub-eyebrow{font:500 12px/1.4 Neue,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}

/* Hero */
.hub-hero{padding:86px 0 40px;text-align:center}
.hub-hero h1{font:500 clamp(46px,7.4vw,96px)/.98 Neue,sans-serif;letter-spacing:-.055em;color:var(--ink);max-width:13ch;margin:0 auto}
.hub-hero h1 em{display:block;font-size:1.04em;line-height:1}
.hub-lead{font:clamp(17px,1.6vw,20px)/1.55 Neue,sans-serif;color:#40584a;max-width:56ch;margin:24px auto 0}
.hub-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px;margin-top:32px}
.hub-primary{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:14px 22px;border-radius:5px;background:var(--ink);color:#fffef3;font:500 16px/1.2 Neue,sans-serif;transition:background .2s,transform .2s}
.hub-primary:hover{background:#245e47;transform:translateY(-2px)}
.hub-primary svg,.hub-primary .nyc-icon{width:18px;height:18px}
.hub-link{display:inline-flex;align-items:center;gap:8px;font:16px/1.3 Neue,sans-serif;color:var(--ink);padding:10px 0;border-bottom:1px solid #173f3266}
.hub-link:hover{border-color:var(--ink)}
.hub-note{font:13px/1.4 Neue,sans-serif;color:var(--muted);margin-top:16px}

/* Bracket tabs: [Software] · Data · AI */
.hub-tabs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 16px;margin:46px 0 22px;padding:0;list-style:none}
.hub-tabs button{border:0;background:none;padding:6px 2px;font:15px/1.2 Neue,sans-serif;color:var(--muted);cursor:pointer}
.hub-tabs button[aria-selected=true],.hub-tabs button[aria-pressed=true]{color:var(--ink);font-weight:500}
.hub-tabs button[aria-selected=true]::before,.hub-tabs button[aria-pressed=true]::before{content:'['}
.hub-tabs button[aria-selected=true]::after,.hub-tabs button[aria-pressed=true]::after{content:']'}
.hub-tabs li+li::before{content:'';display:inline-block;width:5px;height:5px;margin-right:16px;background:#173f3255;vertical-align:middle}
.hub-tabs button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}

/* Artifacts: small product UIs */
.artifact{position:relative;border:1px solid var(--line);border-radius:10px;background:var(--card);overflow:hidden;box-shadow:0 1px 0 #173f320d,0 18px 40px -24px #173f3240}
.artifact-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);font:500 11px/1 Neue,sans-serif;color:var(--muted)}
.artifact-bar i{width:7px;height:7px;border-radius:50%;background:#173f3226}
.artifact-bar span{margin-left:8px}
.artifact-bar b{margin-left:auto;font-weight:500}
.artifact.is-dark{background:var(--dark);color:#eef3e6;border-color:#ffffff14}
.artifact.is-dark .artifact-bar{border-color:#ffffff14;color:#aebbaa}
.artifact.is-dark .artifact-bar i{background:#ffffff2e}
.artifact.is-sage{background:var(--sage)}.artifact.is-lilac{background:var(--lilac)}.artifact.is-peach{background:var(--peach)}.artifact.is-sky{background:var(--sky)}
.artifact-strip{display:grid;grid-template-columns:1.25fr .8fr 1.25fr;gap:14px;align-items:end;margin-top:54px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#173f320f;font:12px/1.2 Neue,sans-serif;color:var(--text)}
.chip.is-live{background:#e5484d;color:#fff;font-weight:500}
.chip.is-live::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff}
.chip.is-done{background:#173f32;color:#eef3e6}

/* Section heads */
.hub-section{padding:84px 0;border-top:1px solid var(--line)}
.hub-section.is-flush{border-top:0}
.hub-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:6%;align-items:end;margin-bottom:38px}
.hub-head h2{font:500 clamp(36px,4.8vw,64px)/1.02 Neue,sans-serif;letter-spacing:-.05em;color:var(--ink)}
.hub-head p{font:18px/1.55 Neue,sans-serif;color:#40584a;max-width:48ch}

/* Rows with round arrows (base44 feature list) */
.hub-rows{margin:0;padding:0;list-style:none;border-top:1px solid #173f3240}
.hub-rows li{border-bottom:1px solid #173f3240}
.hub-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;padding:22px 0;color:inherit}
.hub-row strong{display:block;font:500 clamp(20px,2.2vw,28px)/1.15 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.hub-row small{display:block;margin-top:6px;font:15px/1.45 Neue,sans-serif;color:var(--muted)}
.hub-arrow{display:grid;place-items:center;width:38px;height:38px;border:1.5px solid var(--ink);border-radius:50%;color:var(--ink);flex-shrink:0;transition:background .2s,color .2s}
.hub-arrow svg,.hub-arrow .nyc-icon{width:17px;height:17px}
a.hub-row:hover .hub-arrow,button.hub-row:hover .hub-arrow{background:var(--ink);color:#fffef3}
button.hub-row{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit}

/* Closing band */
.hub-final{padding:90px 0 100px;text-align:center}
.hub-final h2{font:500 clamp(36px,5vw,66px)/1.02 Neue,sans-serif;letter-spacing:-.05em;color:var(--ink);max-width:16ch;margin:0 auto}
.hub-final p{font:18px/1.55 Neue,sans-serif;color:#40584a;max-width:50ch;margin:18px auto 0}

/* Footer */
.hub-footer{background:#173f32;color:#e6ecdf;padding:46px 0 34px}
.hub-footer .hw{display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-start;justify-content:space-between}
.hub-footer img.brand-logo{width:64px}
.hub-footer nav{display:flex;flex-wrap:wrap;gap:12px 26px;font:14px/1.4 Neue,sans-serif}
.hub-footer nav a:hover{text-decoration:underline}
.hub-footer p{width:100%;font:13px/1.5 Neue,sans-serif;color:#aebbaa;margin-top:10px}

@media(max-width:900px){
 .hub-head{grid-template-columns:1fr;gap:16px}
 .artifact-strip{grid-template-columns:1fr 1fr}
 .artifact-strip>:nth-child(3){grid-column:1/-1}
}
@media(max-width:600px){
 .hw{width:calc(100% - 44px)}
 .hub-hero{padding:52px 0 28px}
 .hub-hero h1{font-size:clamp(40px,12vw,56px)}
 .hub-section{padding:58px 0}
 .hub-head{margin-bottom:26px}
 .hub-head h2{font-size:clamp(32px,9.5vw,44px)}
 .hub-head p,.hub-final p{font-size:16px}
 .artifact-strip{grid-template-columns:1fr;margin-top:38px}
 .artifact-strip>:nth-child(2){display:none}
 .hub-row{padding:18px 0}
 .hub-final{padding:64px 0 72px}
 .hub-primary{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.hub *{transition:none!important}}

/* Roadmaps: summary card + step timeline */
.rm-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:28px;align-items:start}
.rm-summary{position:sticky;top:96px}
.rm-summary-body{padding:22px}
.rm-summary h3{font:500 28px/1.1 Neue,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.rm-summary-body>p:not(.hub-eyebrow){font:15px/1.5 Neue,sans-serif;color:var(--muted);margin-top:10px}
.rm-progress{margin-top:20px}
.rm-progress div{height:6px;border-radius:999px;background:#173f321a;overflow:hidden}
.rm-progress span{display:block;height:100%;background:var(--ink);border-radius:inherit;transition:width .3s}
.rm-progress strong{display:block;margin-top:8px;font:500 13px/1.3 Neue,sans-serif;color:var(--text)}
.rm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}
.rm-actions .hub-primary{min-height:44px;padding:11px 18px;font-size:15px;border:0;cursor:pointer}
.rm-actions .hub-link{background:none;border-width:0 0 1px;cursor:pointer;font-size:15px}
.rm-course{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font:500 15px/1.3 Neue,sans-serif;color:var(--ink)}
.rm-course svg{width:16px;height:16px}
.rm-steps{display:grid;gap:10px;counter-reset:step}
.rm-step{display:grid;grid-template-columns:86px minmax(0,1fr);gap:16px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--card);transition:background .2s,border-color .2s}
.rm-step.is-done{background:#eef3e4;border-color:#173f3240}
.rm-step-num span{display:inline-block;font:500 12px/1 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rm-step h3{font:500 clamp(21px,2vw,26px)/1.15 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.rm-step-body>p{font:15px/1.45 Neue,sans-serif;color:#40584a;margin-top:4px}
.rm-topics{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;list-style:none}
.rm-check{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:8px;background:#173f320a;cursor:pointer}
.rm-check input{width:18px;height:18px;margin-top:2px;accent-color:#173f32;flex-shrink:0;cursor:pointer}
.rm-check span{font:14px/1.45 Neue,sans-serif;color:var(--text)}.rm-check span .ic{width:14px;height:14px;color:var(--ink)}.rm-check b{font-weight:500;color:var(--ink)}
.rm-check strong{display:block;font:500 12px/1.3 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.rm-artifact-body{padding:18px}
.rm-artifact-body h4{font:500 18px/1.2 Neue,sans-serif;margin:0 0 12px}
.rm-mini{display:grid;gap:8px;margin:0;padding:0;list-style:none;font:13px/1.35 Neue,sans-serif}
.rm-mini li{display:flex;gap:8px;align-items:center}
.rm-mini li::before{content:'';width:14px;height:14px;border-radius:4px;border:1.5px solid currentColor;opacity:.5;flex-shrink:0}
.rm-mini li.is-done::before{background:#d0df83;border-color:#d0df83;opacity:1}
@media(max-width:900px){.rm-layout{grid-template-columns:1fr}.rm-summary{position:static}}
@media(max-width:600px){.rm-step{grid-template-columns:1fr;gap:8px;padding:20px}.rm-step-num span{padding-top:0}}
@media print{
 .nyc-site-header,.hub-hero,.hub-tabs,.hub-final,.hub-footer,.hub-section:not(#roadmap),.rm-actions,.rm-course,.counsellor-dialog,.skip{display:none!important}
 .hub{background:#fff}
 #roadmap{padding:0;border:0}
 .hub-head{display:none}
 .rm-layout{grid-template-columns:1fr}
 .rm-summary{position:static;box-shadow:none}
 .rm-step{break-inside:avoid;box-shadow:none}
}
.hub-hero h1{max-width:15ch}
.hub-hero h1 em{display:inline}
.artifact{text-align:left}

/* Workshops */
.ws-live{position:relative;aspect-ratio:16/9;background:#000 center/cover no-repeat}
.ws-live .chip{position:absolute;top:10px;left:10px}
.ws-live-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 12px;background:linear-gradient(transparent,#000c);font:500 14px/1.3 Neue,sans-serif;color:#fff}
.ws-chat{display:grid;gap:8px;padding:14px}
.ws-bubble{max-width:90%;padding:9px 12px;border-radius:12px 12px 12px 4px;background:#fffefa;font:13px/1.4 Neue,sans-serif;color:var(--text)}
.ws-bubble.is-host{justify-self:end;border-radius:12px 12px 4px 12px;background:var(--ink);color:#eef3e6}
.ws-bubble small{display:block;font-size:11px;opacity:.65;margin-bottom:2px}
.ws-invite{padding:16px}
.ws-invite strong{display:block;font:500 17px/1.25 Neue,sans-serif;color:var(--ink)}
.ws-invite p{font:13px/1.4 Neue,sans-serif;color:var(--muted);margin-top:6px}
.ws-invite .chip{margin-top:12px;background:var(--ink);color:#eef3e6}
.ws-list{margin:0;padding:0;list-style:none;border-top:1px solid #173f3240}
.ws-list li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #173f3240}
.ws-date{display:grid;place-items:center;align-content:center;width:92px;height:92px;border-radius:10px;background:var(--card);border:1px solid var(--line);text-align:center}
.ws-date span{font:500 12px/1.2 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ws-date strong{font:500 30px/1 Neue,sans-serif;letter-spacing:-.03em;color:var(--ink);margin:4px 0}
.ws-date.is-tba strong{font-size:18px;line-height:1.15}
.ws-info strong{display:block;font:500 clamp(20px,2.2vw,28px)/1.15 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.ws-info p{font:15px/1.5 Neue,sans-serif;color:var(--muted);margin-top:6px;max-width:60ch}
.ws-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.ws-cta{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:11px 16px;border:1.5px solid var(--ink);border-radius:5px;font:500 15px/1.2 Neue,sans-serif;color:var(--ink);background:none;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}
.ws-cta:hover{background:var(--ink);color:#fffef3}
.ws-cta.is-primary{background:var(--ink);color:#fffef3}
.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.ws-video{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}
.ws-thumb{position:relative;display:block;border-radius:10px;overflow:hidden;border:1px solid var(--line);aspect-ratio:16/9;background:#10251d}
.ws-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.ws-video:hover .ws-thumb img{transform:scale(1.03)}
.ws-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fffef3;color:var(--ink)}
.ws-play svg{width:16px;height:16px;margin-left:2px}
.ws-dur{position:absolute;left:12px;bottom:12px;padding:4px 8px;border-radius:5px;background:#000b;color:#fff;font:500 12px/1 Neue,sans-serif}
.ws-video strong{display:block;margin-top:12px;font:500 18px/1.25 Neue,sans-serif;letter-spacing:-.015em;color:var(--ink)}
.ws-video small{display:block;margin-top:4px;font:14px/1.4 Neue,sans-serif;color:var(--muted)}
.ws-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ws-steps .artifact{padding:0}
.ws-steps .ws-step-body{padding:20px}
.ws-steps h3{font:500 22px/1.15 Neue,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.ws-steps p{font:15px/1.5 Neue,sans-serif;color:#40584a;margin-top:8px}
/* In-page video player (evidence.js) */
.hub #video-dialog{width:min(960px,calc(100% - 32px));padding:0;border:0;border-radius:12px;background:#0d1f18;color:#f6f6ef;overflow:hidden}
.hub #video-dialog::backdrop{background:#0b1f18cc}
.hub .video-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.hub .video-dialog-top h2{font:500 16px/1.3 Neue,sans-serif}
.hub #close-video{width:36px;height:36px;border:0;border-radius:50%;background:#ffffff1a;color:#fff;font-size:22px;cursor:pointer}
.hub #video-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.hub #video-external{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;font:14px/1.3 Neue,sans-serif;color:#d9e4cc}
@media(max-width:900px){.ws-grid{grid-template-columns:1fr 1fr}.ws-steps{grid-template-columns:1fr}}
@media(max-width:600px){
 .ws-list li{grid-template-columns:68px minmax(0,1fr);gap:16px;padding:20px 0}
 .ws-date{width:68px;height:68px}.ws-date strong{font-size:24px}.ws-date.is-tba strong{font-size:14px}
 .ws-list .ws-cta{grid-column:2;justify-self:start}
 .ws-grid{grid-template-columns:1fr}
}

/* Resources */
.rs-doc{padding:16px}
.rs-doc h4{font:500 16px/1.25 Neue,sans-serif;color:var(--ink);margin:0 0 10px}
.rs-doc ol{margin:0;padding:0;list-style:none;display:grid;gap:7px;font:13px/1.35 Neue,sans-serif;color:var(--text)}
.rs-doc ol li{display:flex;gap:10px;padding-bottom:7px;border-bottom:1px solid #173f321a}
.rs-doc ol li span{color:var(--muted)}
.rs-code{margin:0;padding:14px 16px;font:12.5px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d9e4cc;white-space:pre;overflow:hidden}
.rs-options{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 14px 14px}
.rs-options span{padding:7px 10px;border-radius:6px;border:1px solid #ffffff22;font:12px/1.2 Neue,sans-serif;color:#cdd9c4}
.rs-options span.is-right{background:#d0df83;border-color:#d0df83;color:#173f32;font-weight:500}
.rs-quote{padding:16px;font:500 15px/1.4 Neue,sans-serif;color:var(--ink)}
.rs-quote small{display:block;margin-top:10px;font:12px/1.3 Neue,sans-serif;color:var(--muted)}
.rs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.rs-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}
.rs-card[hidden]{display:none}
.rs-preview{padding:18px 18px 0;background:var(--sage)}
.rs-card.is-lilac .rs-preview{background:var(--lilac)}.rs-card.is-peach .rs-preview{background:var(--peach)}.rs-card.is-sky .rs-preview{background:var(--sky)}
.rs-sheet{border-radius:8px 8px 0 0;background:var(--card);border:1px solid var(--line);border-bottom:0;padding:16px 16px 18px;box-shadow:0 -1px 0 #ffffff80}
.rs-sheet span{display:block;font:500 11px/1.2 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rs-sheet p{font:13.5px/1.5 Neue,sans-serif;color:var(--text);margin-top:8px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.rs-body{display:flex;flex-direction:column;flex:1;padding:20px}
.rs-meta{font:500 12px/1.3 Neue,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rs-body h3{font:500 23px/1.15 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink);margin-top:8px}
.rs-body>p{font:15px/1.5 Neue,sans-serif;color:#40584a;margin-top:8px}
.rs-body ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:6px;font:14px/1.45 Neue,sans-serif;color:var(--text)}
.rs-body ul li{display:flex;gap:8px}
.rs-body ul li::before{content:'✓';color:#5d7a3a;font-weight:500}
.rs-open{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:18px;font:500 15px/1.3 Neue,sans-serif;color:var(--ink)}
.rs-open .hub-arrow{width:34px;height:34px}
a.rs-card:hover .hub-arrow{background:var(--ink);color:#fffef3}
.rs-soon{display:inline-flex;align-self:flex-start;margin-top:auto;padding:6px 10px;border-radius:999px;background:#173f320f;font:500 12px/1.2 Neue,sans-serif;color:var(--muted)}
.rs-check{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center}
.rs-check h2{font:500 clamp(34px,4.2vw,56px)/1.03 Neue,sans-serif;letter-spacing:-.045em;color:var(--ink)}
.rs-check p{font:18px/1.55 Neue,sans-serif;color:#40584a;margin:16px 0 26px;max-width:46ch}
@media(max-width:900px){.rs-grid{grid-template-columns:1fr 1fr}.rs-check{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.rs-grid{grid-template-columns:1fr}.rs-check p{font-size:16px}}
/* Workshop session cards (replaces the boxed date list) */
.ws-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ws-card{display:flex;flex-direction:column;gap:22px;min-height:340px;padding:26px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:inherit;transition:transform .2s,box-shadow .2s}
.ws-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px #173f3260}
.ws-card.is-sage{background:var(--sage)}.ws-card.is-lilac{background:var(--lilac)}.ws-card.is-peach{background:var(--peach)}.ws-card.is-sky{background:var(--sky)}
.ws-when strong{display:block;font:500 clamp(44px,5vw,64px)/.95 Neue,sans-serif;letter-spacing:-.05em;color:var(--ink)}
.ws-when span{display:block;margin-top:10px;font:500 14px/1.3 Neue,sans-serif;color:var(--text)}
.ws-card-body h3{font:500 clamp(22px,2.2vw,28px)/1.12 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink);margin-top:8px}
.ws-card-body>p:not(.rs-meta){font:15px/1.5 Neue,sans-serif;color:#40584a;margin-top:8px;max-width:46ch}
.ws-card .rs-open{padding-top:16px;border-top:1px solid #173f3226}
.ws-card:hover .hub-arrow{background:var(--ink);color:#fffef3}
@media(max-width:700px){.ws-cards{grid-template-columns:1fr;gap:14px}.ws-card{min-height:0;padding:22px;gap:18px}.ws-when strong{font-size:44px}}
/* Event covers on session cards (Luma-style) */
.ws-card{gap:20px;padding:14px 14px 22px}
.ws-card .ws-cover{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:9px;background:#173f32;box-shadow:0 1px 0 #ffffff60 inset}
.ws-card .ws-when,.ws-card .ws-card-body,.ws-card .rs-open{margin-inline:12px}
.ws-when strong{font-size:clamp(34px,3.6vw,46px)}
@media(max-width:700px){.ws-card{padding:12px 12px 20px}.ws-card .ws-when,.ws-card .ws-card-body,.ws-card .rs-open{margin-inline:8px}.ws-when strong{font-size:36px}}

/* Roadmap planner form (roadmaps.html #plan) */
.rm-plan-body{padding:26px 24px 24px}
.rm-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.rm-field{display:block}
.rm-field>span,.rm-field legend{display:block;font:500 12px/1.4 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.rm-field legend small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--muted)}
.rm-field input,.rm-field select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #173f3240;border-radius:6px;background:#fff;font:16px/1.3 Neue,sans-serif;color:var(--text);box-sizing:border-box}
.rm-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23173f32' stroke-width='1.8'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}
.rm-chips{margin:22px 0 0;padding:0;border:0;min-width:0}
.rm-chips>div{display:flex;flex-wrap:wrap;gap:8px}
.rm-chip{position:relative;display:inline-flex;cursor:pointer}
.rm-chip input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.rm-chip span{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #173f3240;border-radius:999px;background:#fff;font:14px/1.2 Neue,sans-serif;color:var(--text);transition:background .15s,border-color .15s,color .15s}
.rm-chip input:checked+span{background:var(--ink);border-color:var(--ink);color:#eef3e6}
.rm-chip input:focus-visible+span{outline:2px solid #3e735c;outline-offset:2px}
.rm-plan-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:26px}
.rm-plan-actions .hub-primary{border:0;cursor:pointer}
.rm-plan-actions .hub-link{background:none;border-width:0 0 1px;cursor:pointer}
.rm-plan-note{font:14px/1.4 Neue,sans-serif;color:#9a3b2e;flex-basis:100%}
.rm-plan-note:empty{display:none}
.rm-plan-summary{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.rm-plan-summary li{font:500 13px/1.2 Neue,sans-serif;color:var(--ink);background:#d0df8366;border:1px solid #173f3222;border-radius:999px;padding:7px 12px}
.rm-plan-summary li.is-roadmap{background:var(--ink);color:#eef3e6;border-color:var(--ink)}
.rm-plan-summary+.hub-tabs{margin-top:24px}

/* Sticky left column: course card + progress */
.rm-side{position:sticky;top:96px;display:grid;gap:14px;align-self:start}
.rm-summary{position:static}
.rm-course-body{padding:22px}
.rm-course-body h3{font:500 26px/1.1 Neue,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.rm-course-body>p:not(.hub-eyebrow){font:15px/1.5 Neue,sans-serif;color:#40584a;margin-top:10px}
.rm-course-list{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:8px;font:14px/1.45 Neue,sans-serif;color:var(--text)}
.rm-course-list li{display:flex;gap:10px;align-items:flex-start}
.rm-course-list li::before{content:'';flex:none;width:8px;height:8px;margin-top:6px;border-radius:50%;background:var(--ink)}
.rm-course-list b{font-weight:500;color:var(--ink)}
.rm-course-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px}
.rm-course-actions .hub-primary{min-height:46px;padding:11px 18px;font-size:15px}
.rm-course-actions .hub-link{font-size:15px}
.rm-main{min-width:0}
.rm-roles{padding:22px 24px 24px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:28px}
.rm-roles-head h3{font:500 clamp(21px,2vw,26px)/1.15 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.rm-roles-head>p:not(.hub-eyebrow){font:15px/1.5 Neue,sans-serif;color:var(--muted);margin-top:6px}
.rm-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.rm-role{position:relative;display:grid;gap:6px;padding:14px 16px;border:1px solid #173f3233;border-radius:8px;background:#fff}
.rm-role input{position:absolute;left:16px;top:17px;width:18px;height:18px;margin:0;accent-color:#173f32;cursor:pointer}
.rm-role:has(input:checked){border-color:var(--ink);background:#eef3e4}
.rm-role:has(input:focus-visible){outline:2px solid #3e735c;outline-offset:2px}
.rm-role-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.rm-role-top strong{font:500 16px/1.25 Neue,sans-serif;color:var(--ink)}
.rm-role .rm-role-tag{font:500 11px/1 Neue,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);background:#d0df83;padding:4px 7px;border-radius:999px}
.rm-role small{font:14px/1.45 Neue,sans-serif;color:#40584a}
.rm-role-where{font:12px/1.4 Neue,sans-serif;color:var(--muted)}
.rm-company-notes{margin:16px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.rm-company-notes li{display:block;padding:12px 14px;border:1px solid #173f3226;border-radius:10px;background:#fff}
.rm-note-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.rm-note-head .brand-row{margin:0}.rm-note-head .ic{margin:0;width:16px;height:16px;color:var(--ink)}
.rm-note-head strong{font:500 14px/1.2 Neue,sans-serif;color:var(--ink)}
.rm-note-head em{margin-left:auto;font:11px/1 Neue,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.rm-company-notes p{font:14px/1.45 Neue,sans-serif;color:#40584a}
.rm-steps-title{font:500 12px/1.4 Neue,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
@media(max-height:760px){.rm-side{position:static}}
@media(max-width:900px){.rm-side{position:static}.rm-plan-grid{grid-template-columns:1fr 1fr}.rm-role-list{grid-template-columns:1fr}.rm-step{padding:16px}.rm-step-num{flex-direction:row;align-items:center;gap:8px}.ic-step{width:18px;height:18px}}
@media(max-width:600px){.rm-plan-grid{grid-template-columns:1fr}.rm-plan-body{padding:20px 16px}.rm-roles{padding:18px 16px}}
@media print{.rm-plan,.rm-plan-summary,.rm-roles,.rm-course-actions,.rm-download,.rm-divider,#plan{display:none!important}.rm-side{position:static}}

/* College combobox + placement note */
.rm-combo{position:relative}
.rm-combo>label{display:block;font:500 12px/1.4 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.rm-combo ul{position:absolute;left:0;right:0;top:100%;z-index:5;margin:6px 0 0;padding:6px;list-style:none;background:#fff;border:1px solid #173f3240;border-radius:8px;box-shadow:0 18px 40px -20px #173f3266;max-height:300px;overflow:auto}
.rm-combo li{display:grid;gap:2px;padding:9px 10px;border-radius:6px;cursor:pointer}
.rm-combo li strong{font:500 15px/1.25 Neue,sans-serif;color:var(--ink)}
.rm-combo li small{font:12.5px/1.3 Neue,sans-serif;color:var(--muted)}
.rm-combo li:hover,.rm-combo li[aria-selected=true]{background:#eef3e4}
.rm-college-note{display:flex;gap:14px;align-items:flex-start;margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.rm-college-note.is-ok{background:#e6efd6;border-color:#173f3233}
.rm-college-note.is-warn{background:#fbecd2;border-color:#b8771a55}
.rm-college-note.is-alert{background:#f8dfd8;border-color:#b8432a66}
.rm-note-icon{flex:none;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#173f32;color:#eef3e6}
.rm-note-icon svg{width:20px;height:20px}
.rm-college-note.is-warn .rm-note-icon{background:#b8771a;color:#fff}
.rm-college-note.is-alert .rm-note-icon{background:#b8432a;color:#fff}
.rm-college-note strong{display:block;font:500 clamp(18px,1.8vw,22px)/1.2 Neue,sans-serif;letter-spacing:-.02em;color:var(--ink)}
.rm-college-note.is-alert strong{color:#7a2d1f}
.rm-college-note.is-warn strong{color:#6b4408}
.rm-note-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.rm-note-chips span{font:500 13px/1.2 Neue,sans-serif;padding:6px 10px;border-radius:999px;background:#ffffffaa;border:1px solid #173f3222;color:var(--ink)}
.rm-college-note p{font:16px/1.5 Neue,sans-serif;color:var(--text);margin-top:10px}
.rm-college-note small{display:block;margin-top:8px;font:12px/1.4 Neue,sans-serif;color:var(--muted)}

/* Course card: dark, NYC-branded */
.rm-course-card.is-dark{background:#173f32;border-color:#ffffff1f;color:#eef3e6}
.rm-course-card.is-dark .artifact-bar{color:#c9d7c0;border-color:#ffffff1f}
.rm-course-card.is-dark .artifact-bar b{color:#d0df83}
.rm-course-head{display:flex;gap:14px;align-items:center}
.rm-course-head img{width:52px;height:52px;object-fit:contain;flex:none}
.rm-course-head .hub-eyebrow{color:#d0df83;margin-bottom:4px}
.rm-course-card.is-dark h3{color:#fffef3}
.rm-course-card.is-dark .rm-course-body>p:not(.hub-eyebrow){color:#d9e4cc}
.rm-course-fit{margin-top:14px!important;font:15px/1.5 Neue,sans-serif}
.rm-course-outcome{margin-top:12px!important;font:500 16px/1.45 Neue,sans-serif;color:#fffef3!important}
.rm-course-stack{margin-top:8px!important;font:13px/1.5 Neue,sans-serif;color:#aebbaa!important}
.rm-course-card.is-dark .rm-course-list{color:#eef3e6;border-top:1px solid #ffffff1f;padding-top:14px}
.rm-course-card.is-dark .rm-course-list li::before{background:#d0df83}
.rm-course-card.is-dark .rm-course-list b{color:#d0df83}
.rm-course-card.is-dark .hub-primary{background:#d0df83;color:#173f32}
.rm-course-card.is-dark .hub-primary:hover{background:#e2ee9c}
.rm-course-card.is-dark .hub-link{color:#eef3e6;border-color:#ffffff66}
.rm-divider{display:none}
.ic{width:16px;height:16px;flex:none;vertical-align:-3px;margin-right:6px}
.rm-field>span .ic,.rm-field legend .ic,.rm-combo>label .ic{width:14px;height:14px;vertical-align:-2px;color:var(--ink)}
.rm-chip span{gap:7px}.rm-chip .ic{margin:0;width:15px;height:15px;color:var(--ink)}.rm-chip input:checked+span .ic{color:#d0df83}
.brand-row{display:inline-flex;flex:none;align-items:center;gap:4px;margin-right:6px}.brand-row img{width:13px;height:13px;display:block;border-radius:2px}
.rm-chip .brand-row{margin:0;padding:3px 5px;border-radius:999px;background:#fff}
.hub-tabs button{display:inline-flex;align-items:center}.hub-tabs .ic{margin-right:6px}
.rm-plan-summary li{display:inline-flex;align-items:center}.rm-plan-summary .ic{width:14px;height:14px;margin-right:5px}.rm-plan-summary .brand-row{margin-right:5px}
.rm-step-num{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.ic-step{width:22px;height:22px;margin:0;color:var(--ink)}
.rm-check strong{display:flex;align-items:center}.rm-check strong .ic{width:14px;height:14px}
.rm-role-top{flex-wrap:wrap}.rm-role-top .ic{color:var(--ink);width:18px;height:18px;margin:0}.rm-role-top strong{flex:1 1 140px;min-width:0}
.rm-role-where{display:flex;flex-wrap:wrap;gap:4px 12px}.rm-role-where>span{display:inline-flex;align-items:center}.rm-role-where .ic{width:13px;height:13px;margin-right:4px}.rm-role-where .brand-row{margin-right:4px}.rm-role-where .brand-row img{width:12px;height:12px}
.rm-roles-head .hub-eyebrow,.rm-steps-title{display:flex;align-items:center}.rm-roles-head .hub-eyebrow .ic,.rm-steps-title .ic{width:14px;height:14px}
.rm-course-body{padding:18px}
.rm-course-fit{margin-top:12px!important}
.rm-course-card.is-dark .rm-course-list{gap:7px;padding-top:12px;margin-top:12px}
.rm-course-card.is-dark .rm-course-list li::before{display:none}.rm-course-card.is-dark .rm-course-list .ic{color:#d0df83;width:17px;height:17px;margin-right:9px}
.rm-course-card .rm-course-actions{margin-top:16px;gap:12px 16px}
.rm-course-card .hub-primary .ic{width:17px;height:17px;margin-right:0}.rm-course-card .hub-link svg{width:14px;height:14px}.rm-course-card .hub-link .ic,.rm-actions .hub-link .ic{width:15px;height:15px}.rm-actions .hub-primary .ic{width:16px;height:16px;margin-right:0}
.rm-plan-actions .hub-primary .ic{margin-right:0}
.rm-chips>.rm-tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.rm-tile{position:relative;display:flex;flex-direction:column;border:1px solid #173f3240;border-radius:10px;background:#fff;overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.rm-tile input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.rm-tile-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:12px 10px;background:#f6f5ef}
.rm-tile-top img{width:22px;height:22px;display:block}
.ic-tile{width:24px;height:24px;margin:0;color:var(--ink)}
.rm-tile-label{display:block;padding:9px 10px;border-top:1px solid #173f3222;font:500 13px/1.2 Neue,sans-serif;color:var(--ink);text-align:center}
.rm-tile:hover{border-color:var(--ink)}
.rm-tile:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.rm-tile:has(input:checked) .rm-tile-label{background:var(--ink);color:#eef3e6}
.rm-tile:has(input:focus-visible){outline:2px solid #3e735c;outline-offset:2px}
@media(max-width:900px){.rm-chips>.rm-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.rm-step .rm-step-num{flex-direction:row;align-items:center;gap:8px}}
@media(max-width:600px){.rm-chips>.rm-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rm-closest{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid #b8771a66;border-radius:10px;background:#fbecd2}
.rm-closest .ic{flex:none;width:20px;height:20px;margin:2px 0 0;color:#6b4408}
.rm-closest strong{display:block;font:500 15px/1.3 Neue,sans-serif;color:#6b4408}
.rm-closest p{font:14px/1.4 Neue,sans-serif;color:#40584a;margin-top:3px}
.rm-course-card.is-closest .artifact-bar b{color:#f1c777}
.rm-download{display:grid;gap:8px;justify-items:start}.hub-hero .hub-actions{margin-bottom:10px}
.rm-download .hub-primary{border:0;cursor:pointer;width:100%;justify-content:center}
.rm-download small{font:13px/1.4 Neue,sans-serif;color:var(--muted)}
@media(max-width:900px){.rm-side,.rm-main{display:contents}.rm-roles{order:1;margin-bottom:0}.rm-steps-title{order:2;margin:0}.rm-steps{order:3}.rm-divider{order:4;display:block;width:100%;margin:6px 0 2px;border:0;border-top:1px solid #173f3233}.rm-closest{order:5}.rm-course-card{order:6}.rm-download{order:7}}

/* Resources: download cards */
.rs-dl{padding:26px 26px 24px;gap:0;cursor:pointer}
.rs-dl .rs-meta{font:500 12px/1.3 Neue,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--lime);display:inline-block;padding:5px 9px;border-radius:999px;margin-bottom:14px;width:fit-content}
.rs-dl h3{font:500 clamp(22px,2.1vw,27px)/1.12 Neue,sans-serif;letter-spacing:-.025em;color:var(--ink)}
.rs-dl>p:not(.rs-meta){font:15px/1.5 Neue,sans-serif;color:#40584a;margin-top:8px}
.rs-dl .rs-open{margin-top:18px;display:flex;align-items:center;justify-content:flex-start;gap:8px;font:500 15px/1.2 Neue,sans-serif;color:var(--ink)}
.rs-dl .rs-open .ic{width:16px;height:16px;margin:0}
.rs-dl:hover{border-color:var(--ink);transform:translateY(-2px)}
.rs-foot{font:14px/1.4 Neue,sans-serif;color:var(--muted);margin-top:18px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.hub-final h2{max-width:14ch}

/* Resource covers */
.rs-dl{padding:0;overflow:hidden}
.rs-dl>.rs-meta,.rs-dl>h3,.rs-dl>p:not(.rs-meta),.rs-dl>.rs-open{margin-left:22px;margin-right:22px}
.rs-dl>.rs-meta{margin-top:18px}.rs-dl>.rs-open{margin-bottom:22px}
.rs-cover{position:relative;aspect-ratio:16/10;padding:20px 22px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;background:var(--ink);color:#fffef3;overflow:hidden}
.rs-cover::after{content:'';position:absolute;inset:0;background:radial-gradient(#ffffff14 1px,transparent 1.2px);background-size:16px 16px;pointer-events:none}
.rs-cover-logo{position:absolute;top:18px;left:22px;width:52px;height:52px;display:grid;place-items:center;border-radius:12px;background:#fffef3;z-index:1}
.rs-cover-logo img,.rs-cover-logo svg{width:30px;height:30px;object-fit:contain}
.rs-cover-logo svg{color:var(--ink)}
.rs-cover strong{position:relative;z-index:1;font:500 clamp(28px,2.6vw,34px)/1 Neue,sans-serif;letter-spacing:-.035em}
.rs-cover em{position:relative;z-index:1;font:500 12px/1 Neue,sans-serif;font-style:normal;letter-spacing:.12em;text-transform:uppercase;opacity:.8}
.rs-cover.is-ms{background:#173f32}
.rs-cover.is-google{background:#1b2b5c}
.rs-cover.is-oss{background:#1d2a23}
.rs-cover.is-gsoc{background:#3d2c52}
.rs-cover.is-resume{background:#d0df83;color:#173f32}.rs-cover.is-resume::after{background-image:radial-gradient(#173f3222 1px,transparent 1.2px)}.rs-cover.is-resume .rs-cover-logo{background:#173f32}.rs-cover.is-resume .rs-cover-logo svg{color:#d0df83}
.rs-cover.is-dsa{background:#8a3a1f}
.rs-cover.is-timeline{background:#f1dfce;color:#173f32}.rs-cover.is-timeline::after{background-image:radial-gradient(#173f3222 1px,transparent 1.2px)}.rs-cover.is-timeline .rs-cover-logo{background:#173f32}.rs-cover.is-timeline .rs-cover-logo svg{color:#f1dfce}
.rs-cover.is-ai{background:#0f2a3a}
.rs-cover.is-fde{background:#0b3b5c}
.rs-cover.is-amazon{background:#232F3E}
.rs-cover.is-uber{background:#111111}
.rs-cover.is-offcampus{background:#b3541e}
.rs-cover.is-product{background:#0052CC}
.rs-cover.is-roles{background:#7a2e0e}
.rs-cover.is-analyst{background:#0f4c81}
.rs-cover.is-oss .rs-cover-logo img{filter:none}
.rs-gsoc{font:500 20px/1 Neue,sans-serif;letter-spacing:-.04em;color:#173f32}.rs-gsoc b{color:#e8711a;font-weight:500}
/* Roadmap form in steps */
.rm-progress{height:4px;border-radius:4px;background:#173f3214;margin:0 0 22px;overflow:hidden}
.rm-progress i{display:block;height:100%;width:25%;background:var(--ink);border-radius:4px;transition:width .3s}
.rm-stage[hidden]{display:none}
.rm-q{margin:0 0 18px;font:500 clamp(22px,2.4vw,28px)/1.15 Neue,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.rm-stage .rm-chips{margin:0}
.rm-stage .rm-plan-grid{grid-template-columns:1fr 1fr}
.rm-combo>label small{font-weight:400;text-transform:none;letter-spacing:0}
.rm-hint{margin:12px 0 0;font:15px/1.5 Neue,sans-serif;color:var(--muted)}
.rm-plan-actions [data-stage-back]{order:-1}
#roadmap[hidden]{display:none}
@media(max-width:700px){.rm-stage .rm-plan-grid{grid-template-columns:1fr}.rm-plan-actions{gap:14px}.rm-plan-actions .hub-primary{flex:1;justify-content:center}}
/* Roadmap roles: highlighted cards first, the rest as a quiet list */
.rm-role-list{grid-template-columns:1fr;gap:14px}
.rm-role.is-featured{padding:18px 20px;border:1.5px solid var(--ink);background:#eef3e4}
.rm-role.is-featured .rm-role-top strong{font-size:18px}
.rm-role.is-featured small{font-size:15px}
.rm-role-others{display:grid;gap:10px;margin-top:8px}
.rm-role-others>p{margin:0;font:500 12px/1.4 Neue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.rm-role.is-featured .rm-role-tag{justify-self:start}
.rm-role-why{display:flex;align-items:center;gap:6px;margin:0;font:500 14px/1.4 Neue,sans-serif;color:var(--ink)}.rm-role-why .ic{width:15px;height:15px;flex:none}
.rm-role-why{align-items:flex-start}.rm-role-why .ic{margin-top:2px}