/* Scoped to the directory pages only. Palette and navigation reuse Production Workspace. */
body.hub-dark{margin:0;font:14px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:radial-gradient(ellipse at 45% 5%,#171338,#10111c 55%);color:#ececf5;color-scheme:dark}
.hub-dark *{box-sizing:border-box}.hub-dark a{color:#d7c3fa;text-decoration:none}.hub-dark a:hover{color:#fff}.hub-dark a:focus-visible,.hub-dark button:focus-visible{outline:2px solid #c9a7ff;outline-offset:4px}.hub-dark .hub-content{min-width:0}.hub-dark .hub-top{min-height:64px;padding:16px 30px;border-bottom:1px solid #35344c;display:flex;align-items:center;gap:20px;background:#141521}.hub-dark .hub-top nav{display:flex;gap:22px;flex-wrap:wrap}.hub-dark .hub-top>a{margin-left:auto}.hub-dark .hub-main{padding:26px 30px 40px;max-width:1600px;margin:auto}.hub-dark .hub-hero{display:flex;align-items:center;gap:22px;background:linear-gradient(110deg,#211d39,#191a2a 65%,#292043);border:1px solid #403553;border-radius:16px;padding:26px 30px;margin-bottom:24px}.hub-dark .hub-emblem{font-size:38px;color:#c3a3ef;width:68px;height:68px;display:grid;place-items:center;background:#7851ac21;border:1px solid #6c4b8c;border-radius:16px;flex:none}.hub-dark .hub-kicker{margin:0 0 5px;color:#b6a0d4;font-size:12px}.hub-dark h1{font-size:clamp(26px,2.6vw,38px);line-height:1.15;margin:0 0 10px;font-weight:650;letter-spacing:-.7px}.hub-dark h2{font-size:19px;line-height:1.3;margin:0 0 12px}.hub-dark h3{font-size:18px;line-height:1.3;margin:0 0 8px;overflow-wrap:anywhere}.hub-dark p{color:#b9b9cf;margin:8px 0 14px;max-width:90ch}.hub-dark .hub-hero p:last-child{margin:0}.hub-dark .panel{background:#191a2a;border:1px solid #35344c;border-radius:14px;padding:22px;margin-bottom:22px;min-width:0}.hub-dark .panel>p:last-child{margin-bottom:0}.hub-dark form{margin:14px 0}.hub-dark .hub-button,.hub-dark button[type=submit]{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:11px 18px;border:1px solid #9569cd;border-radius:9px;background:#7045ab;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:1.35;text-align:center;cursor:pointer;text-decoration:none}.hub-dark button[type=submit]{font:600 14px/1.35 "Segoe UI",system-ui,sans-serif}.hub-dark .hub-button:hover,.hub-dark button[type=submit]:hover{background:#8253c0}.hub-dark .v21-library{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));gap:16px}.hub-dark .v21-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;align-items:start;padding:20px;background:#141622;border:1px solid #38384f;border-radius:12px;min-width:0}.hub-dark .v21-card>.hub-button{grid-column:2;justify-self:start}.hub-dark .v21-card p{font-size:13px}.hub-dark .hub-preview,.hub-dark .v21-mark{width:100px;height:112px;border-radius:9px;object-fit:contain;border:1px solid #403851;background:#242039}.hub-dark .v21-mark{display:grid;place-items:center;font-size:36px;color:#bca1ec}.hub-dark .more{display:flex;gap:16px;flex-wrap:wrap}.hub-dark .more a{padding:5px 0}.hub-dark .production-nav nav a{font-size:14px;text-align:left}.hub-dark .hub-top nav a{overflow-wrap:anywhere}
@media(min-width:1600px){.hub-dark .v21-library{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.hub-dark .hub-main{padding:22px 20px}.hub-dark .hub-hero{padding:22px;gap:16px}.hub-dark .hub-top{padding:16px 20px}.hub-dark .v21-card{grid-template-columns:76px minmax(0,1fr);gap:14px}.hub-dark .hub-preview,.hub-dark .v21-mark{width:76px;height:92px}}
@media(max-width:680px){.hub-dark .hub-main{padding:18px 14px}.hub-dark .hub-top{padding:14px;gap:12px}.hub-dark .hub-top nav{gap:12px}.hub-dark .hub-hero{padding:18px}.hub-dark .hub-emblem{width:48px;height:48px;font-size:28px}.hub-dark .panel{padding:18px}.hub-dark .production-nav nav a{font-size:13px}.hub-dark .v21-card>.hub-button{grid-column:1/-1;justify-self:stretch}}

@media(min-width:1101px){.hub-dark .v21-library{grid-template-columns:1fr}.hub-dark .v21-card{grid-template-columns:100px minmax(0,1fr) auto;align-items:center}.hub-dark .v21-card>.hub-button{grid-column:3;grid-row:1;justify-self:end}}