/* /portfolio/<show> - one Trade Show's case studies by year (PortfolioShowHubPage, Owner task5..md 2026-10-26).
   External on purpose: no inline style, so no CSP hash. Same dark palette as the case pages. */
body{margin:0;background:#0a0c10;color:#e8edf2;font-family:Arial,sans-serif}
.case-nav{padding:18px 5vw;border-bottom:1px solid #2a2e38}.case-nav a{color:#ff6b4a;text-decoration:none}
.hub-shell{max-width:1040px;margin:0 auto;padding:24px 22px 72px}
.hub-crumbs{font-size:.85rem;color:#9aa4b2;margin:6px 0 18px}.hub-crumbs a{color:#9aa4b2}
.hub-shell h1{font-size:clamp(1.7rem,4vw,2.5rem);margin:0 0 10px}
.hub-lead{color:#c3cad5;max-width:760px;line-height:1.6}
.hub-jump{display:flex;flex-wrap:wrap;gap:8px 14px;margin:18px 0 6px}.hub-jump a{color:#ff6b4a;text-decoration:none;font-weight:600}
.hub-year{border-top:1px solid #2a2e38;margin-top:26px;padding-top:12px}
.hub-year h2{font-size:1.3rem;margin:6px 0 10px}.hub-year h2 small{color:#9aa4b2;font-weight:400;font-size:.85rem}
.hub-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 22px}
.hub-cases li{padding:8px 0;border-bottom:1px solid #1b2029;line-height:1.4}
.hub-cases a{color:#e8edf2;text-decoration:none;font-weight:600}.hub-cases a:hover{color:#ff6b4a}
.hub-cases span{display:block;color:#9aa4b2;font-size:.85rem}
.hub-more{margin-top:30px}.hub-more a{color:#ff6b4a}
@media (max-width:600px){.hub-shell{padding:16px 16px 56px}.hub-cases{grid-template-columns:1fr}}
