/* Workload catalogs share the workstation circuit header, navigation and footer. */
.workload-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workload-page .circuit-hero.ws-hero{min-height:360px;padding-top:55px;padding-bottom:65px}
.workload-page .circuit-hero.ws-hero h1{font-size:clamp(32px,4.2vw,57px);overflow-wrap:anywhere}
.workload-overview{display:flex;justify-content:space-between;align-items:center;gap:35px;padding-top:42px;padding-bottom:10px}
.workload-overview h2{font-size:29px;margin:0 0 12px;letter-spacing:-1px}
.workload-overview p{max-width:790px;font-size:13px;line-height:1.85;margin:0;color:var(--muted)}
.workload-badge{width:64px;height:64px;flex-shrink:0;object-fit:contain;border:1px solid var(--line);padding:9px;background:var(--surface);border-radius:9px}
.workload-badge[src$="openai.png"]{background:#fff}
.workload-systems{padding-top:35px;padding-bottom:45px}
.workload-systems>h2{font-size:32px;letter-spacing:-1px;margin:0 0 15px}
.workload-intro{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 28px;max-width:900px}
.workload-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.workload-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:26px 23px;background:linear-gradient(145deg,color-mix(in srgb,var(--cyan,var(--blue)) 5%,var(--card)),var(--surface) 70%);border:1px solid var(--line);border-top:2px solid var(--accent);box-shadow:5px 6px 0 color-mix(in srgb,var(--accent) 9%,transparent);transition:transform .2s,border-color .2s}
.workload-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.workload-card-tag{font:10px/1.6 Consolas,monospace;text-transform:uppercase;letter-spacing:1px;color:var(--accent)}
.workload-card h3{font-size:25px;margin:10px 0;line-height:1.2;letter-spacing:-.7px}
.workload-card>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 18px}
.workload-card dl{margin:0 0 15px;font-size:12px}
.workload-card dl>div{padding:10px 0;border-bottom:1px solid var(--line)}
.workload-card dt{font:10px/1.5 Consolas,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px}
.workload-card dd{margin:0;color:var(--text);line-height:1.6;overflow-wrap:anywhere}
.workload-card details{font-size:11px;line-height:1.8;color:var(--muted);margin:0 0 15px}
.workload-card summary{cursor:pointer;color:var(--cyan,var(--blue))}
.workload-card .workload-price{font-size:23px;color:var(--text);font-weight:600;margin:auto 0 5px;padding-top:18px}
.workload-price-label{font:9px/1.5 Consolas,monospace;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.workload-card .button{margin-top:18px;display:flex;justify-content:center;width:100%;font-size:12px;padding:13px 8px;text-align:center}
.workload-card-note{font-size:10px;line-height:1.7;color:var(--muted);margin-top:12px}
.workload-guidance{padding-top:20px;padding-bottom:45px;display:grid;grid-template-columns:1.2fr 1fr;gap:45px}
.workload-guidance h2,.workload-memory h2{font-size:28px;letter-spacing:-.8px;margin:0 0 20px}
.workload-priorities{margin:0}
.workload-priorities>div{padding:15px 0;border-top:1px solid var(--line)}
.workload-priorities dt{font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}
.workload-priorities dd{font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
.workload-fit{border-left:2px solid var(--accent);padding-left:25px}
.workload-fit p,.workload-fit li{font-size:12px;line-height:1.9;color:var(--muted)}
.workload-fit ul{padding-left:18px}
.workload-fit .button{margin-top:12px;font-size:12px}
.workload-memory{padding-top:20px;padding-bottom:45px}
.workload-table-wrap{overflow-x:auto;border:1px solid var(--line)}
.workload-memory table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}
.workload-memory th,.workload-memory td{padding:15px 18px;border-bottom:1px solid var(--line);white-space:nowrap}
.workload-memory th{background:var(--surface);font-weight:600}
.workload-memory tbody tr:nth-child(even){background:color-mix(in srgb,var(--cyan,var(--blue)) 3%,transparent)}
.workload-memory p{font-size:11px;line-height:1.85;color:var(--muted);max-width:1000px}
.workload-sources{margin:0 5% 36px;padding:16px 20px;border:1px solid var(--line);font-size:11px;color:var(--muted)}
.workload-sources summary{cursor:pointer;color:var(--text);font-size:12px}
.workload-sources li{margin-top:10px;line-height:1.7}
.workload-sources a{color:var(--cyan,var(--blue));text-decoration:underline;text-underline-offset:3px}
.workload-related{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.workload-related a{border:1px solid var(--line);padding:7px 10px;font-size:11px;color:var(--muted)}
.workload-related a:hover{border-color:var(--accent);color:var(--text)}
.workload-preset-notice{border-left:3px solid var(--accent);padding:12px 16px;margin:20px 0;background:var(--surface);font-size:12px;line-height:1.8;color:var(--text)}
.workload-preset-notice a{color:var(--cyan,var(--blue));text-decoration:underline;margin-left:8px}
@media(max-width:1000px){.workload-cards{gap:14px}.workload-card{padding:23px 16px}.workload-card h3{font-size:22px}.workload-guidance{gap:25px}}
@media(max-width:760px){.workload-page .circuit-hero.ws-hero{padding:45px 36px;min-height:290px}.workload-page .circuit-hero.ws-hero h1{font-size:37px;letter-spacing:-1.4px}.workload-cards,.workload-guidance{grid-template-columns:1fr}.workload-overview{gap:20px;padding-top:30px}.workload-badge{width:50px;height:50px}.workload-card{padding:25px}.workload-card:hover{transform:none}.workload-systems{padding-top:26px}.workload-fit{margin-top:5px}.workload-memory th,.workload-memory td{padding:12px}.workload-overview h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){.workload-card{transition:none}.workload-card:hover{transform:none}}