:root{--navy:#0b1d35;--blue:#155eef;--gold:#d4a72c;--ink:#102a4c;--muted:#64748b;--line:#d8e2ef}
*{box-sizing:border-box}
.hub-v2-page{margin:0;background:#eef3f8;color:var(--ink)}
.hub-v2-main{width:min(1280px,100%);margin:auto;padding:1.2rem}
.hub-breadcrumb{display:flex;gap:.5rem;margin-bottom:.9rem;color:var(--muted);font-size:.85rem}
.hub-breadcrumb a{color:var(--blue);font-weight:800;text-decoration:none}
.hub-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding:2rem;border-radius:1rem;background:radial-gradient(circle at 90% 15%,rgba(244,197,66,.2),transparent 18rem),linear-gradient(135deg,#071526,#123b6b);color:#fff}
.hub-heading small,.hub-topic-section>header small,.hub-interview small{color:#f1c94e;font-weight:900;letter-spacing:.08em}
.hub-heading h1{max-width:50rem;margin:.4rem 0;font:700 clamp(2rem,4vw,3.2rem)/1.08 Georgia,serif}
.hub-heading p{max-width:48rem;margin:0;color:#c7d5e7}
.hub-heading-actions{display:flex;flex:0 0 auto;align-items:center;gap:.55rem}.hub-heading-actions a,.hub-interview>a{padding:.8rem 1rem;border-radius:.55rem;background:#f2c94c;color:#172033;font-weight:900;text-decoration:none}.hub-heading-actions a+a{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.07);color:#fff}
.hub-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}
.hub-modes article{display:flex;gap:.8rem;padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:#fff}
.hub-modes article>span{display:grid;width:2.4rem;height:2.4rem;flex:0 0 2.4rem;place-items:center;border-radius:50%;background:var(--navy);color:#f2c94c;font-weight:900}
.hub-modes small,.hub-topic-grid small{color:#986f00;font-size:.7rem;font-weight:900}
.hub-modes h2{margin:.15rem 0;font-size:1.05rem}
.hub-modes p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}
.hub-topic-section{padding:1.5rem;border:1px solid var(--line);border-radius:1rem;background:#fff}
.hub-topic-section>header h2{margin:.3rem 0;font:700 2rem Georgia,serif}
.hub-topic-section>header p{margin:0;color:var(--muted)}
.hub-topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;margin-top:1.2rem}
.hub-topic-grid article{padding:1rem;border:1px solid var(--line);border-radius:.75rem;background:#f8fafc}
.hub-topic-grid article:not(.active-topic):not(.available-topic){opacity:.78}
.active-topic{grid-column:span 2;border-color:#6ca5ff!important;background:linear-gradient(135deg,#edf4ff,#fff)!important;box-shadow:0 10px 25px rgba(21,94,239,.08)}
.available-topic{border-color:#60c9a6!important;background:linear-gradient(145deg,#edfff8,#fff)!important;box-shadow:0 10px 25px rgba(7,138,105,.08)}
.topic-icon{display:grid;width:2.8rem;height:2.8rem;margin-bottom:.7rem;place-items:center;border-radius:.65rem;background:var(--navy);color:#f2c94c;font:900 1rem monospace}
.hub-topic-grid h3{margin:.25rem 0;font-size:1.15rem}
.hub-topic-grid p,.hub-topic-grid li{color:#58677c;font-size:.82rem;line-height:1.5}
.hub-topic-grid ul{padding-left:1.1rem}
.topic-actions{display:flex;gap:.55rem}
.topic-actions a{padding:.65rem .8rem;border-radius:.45rem;background:var(--blue);color:#fff;font-size:.8rem;font-weight:900;text-decoration:none}
.topic-actions a+a{background:var(--navy)}
.hub-interview{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1rem 0;padding:1.3rem 1.5rem;border-radius:.8rem;background:#102a4c;color:#fff}
.hub-interview h2{margin:.2rem 0}
.hub-interview p{margin:0;color:#c7d5e7}
@media(max-width:850px){.hub-heading,.hub-interview{align-items:flex-start;flex-direction:column}
.hub-modes,.hub-topic-grid{grid-template-columns:1fr 1fr}
.active-topic{grid-column:span 2}
}
@media(max-width:580px){.hub-v2-main{padding:.65rem}
.hub-heading{padding:1.4rem}
.hub-heading-actions{width:100%;align-items:stretch;flex-direction:column}.hub-heading-actions a{text-align:center}
.hub-modes,.hub-topic-grid{grid-template-columns:1fr}
.active-topic{grid-column:auto}
.topic-actions{flex-direction:column}
.topic-actions a{text-align:center}
}

/* Placement Hub V5: revision and company-preparation pathways. */
.hub-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
.hub-company{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1rem 0;padding:1.3rem 1.5rem;border:1px solid #d4b54b;border-radius:.8rem;background:linear-gradient(120deg,#fff8dc,#fff);color:var(--ink)}
.hub-company small{color:#876500;font-weight:900;letter-spacing:.08em}
.hub-company h2{margin:.2rem 0}
.hub-company p{margin:0;color:#58677c}
.hub-company>a{flex:none;padding:.8rem 1rem;border-radius:.55rem;background:var(--navy);color:#fff;font-weight:900;text-decoration:none}
.topic-actions{flex-wrap:wrap}
@media(max-width:1000px){.hub-modes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hub-modes{grid-template-columns:1fr}.hub-company{align-items:flex-start;flex-direction:column}.hub-company>a{width:100%;text-align:center}}
.hub-evidence{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1rem 0;padding:1.3rem 1.5rem;border-radius:.8rem;background:linear-gradient(120deg,#0b2442,#123f70);color:#fff}.hub-evidence small{color:#f1c94e;font-weight:900;letter-spacing:.08em}.hub-evidence h2{margin:.2rem 0}.hub-evidence p{margin:0;color:#c8d7e8}.hub-evidence-actions{display:flex;flex:none;gap:.55rem}.hub-evidence-actions a{padding:.8rem 1rem;border-radius:.55rem;background:#f2c94c;color:#172033;font-weight:900;text-decoration:none}.hub-evidence-actions a+a{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}
.hub-mock{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin:1rem 0;padding:1.3rem 1.5rem;border:1px solid #7da7e3;border-radius:.8rem;background:linear-gradient(120deg,#edf4ff,#fff);color:var(--ink)}.hub-mock small{color:#8b6800;font-weight:900;letter-spacing:.08em}.hub-mock h2{margin:.2rem 0}.hub-mock p{margin:0;color:#58677c}.hub-mock>a{flex:none;padding:.8rem 1rem;border-radius:.55rem;background:#155eef;color:#fff;font-weight:900;text-decoration:none}
@media(max-width:750px){.hub-evidence{align-items:flex-start;flex-direction:column}.hub-evidence-actions{width:100%;flex-direction:column}.hub-evidence-actions a{text-align:center}}
@media(max-width:750px){.hub-mock{align-items:flex-start;flex-direction:column}.hub-mock>a{width:100%;text-align:center}}