.use-case-directory-heading{padding:45px 0 50px}.use-case-directory-heading>.micro{font-size:12px;color:#88ab99;margin-bottom:20px}.use-case-directory-heading h1{font-size:clamp(50px,6vw,94px);font-weight:400;line-height:1.02;letter-spacing:-.055em}.use-case-directory-heading>p:last-child{margin-top:23px;font-size:20px;color:#a3b7a9;line-height:1.5}
.use-case-directory-entry{display:grid;grid-template-columns:42px minmax(0,1.1fr) minmax(0,1fr) 30px;gap:28px;padding:37px 0;border-top:1px solid #8ba38f55;text-decoration:none;align-items:start}.use-case-directory-entry:last-child{border-bottom:1px solid #8ba38f55}.use-case-directory-entry>.micro{font-size:12px;color:#809c8c;margin-top:5px}.use-case-directory-entry h2{font-size:clamp(30px,3vw,43px);font-weight:400;letter-spacing:-.04em;line-height:1.12}.use-case-directory-entry:hover h2{color:#ef926d}.use-case-entry-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px;color:#90ae9b;font-size:13px;line-height:1.4}.use-case-directory-entry .entry-trigger{font-size:19px;line-height:1.4;margin-bottom:12px}.use-case-directory-entry .entry-outcome{font-size:16px;line-height:1.5;color:#a1b5a7}.use-case-directory-entry .entry-arrow{font-size:28px}.use-case-reference-note{font-size:14px;line-height:1.6;color:#88a491;max-width:800px;margin:25px 0}.use-case-directory-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:15px 0 55px;font-size:15px}.use-case-directory-foot a{text-decoration:none}
.use-case-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid #829d8d40;padding:23px 0}.use-case-switcher a{min-width:0;font-size:14px;color:#9db5a5;text-decoration:none;line-height:1.5}.use-case-switcher a[aria-current="page"]{color:#ef926d}.use-case-switcher a:hover{color:#f1f1ec}.use-case-role{display:flex;flex-direction:column;gap:8px;min-width:0}.use-case-overview-link{display:flex;justify-content:flex-end;padding-top:28px;font-size:15px}.use-case-overview-link a{text-underline-offset:6px}
.portfolio-workflow .incident-roles{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-workflow .incident-heading h1{max-width:950px}.portfolio-workflow .incident-boundary{max-width:1040px}.portfolio-workflow .incident-canvas{max-width:1260px}.portfolio-workflow .is-enhanced .incident-terminal:not(.on-path){opacity:.18}
@media(max-width:760px){.use-case-directory-heading{padding:32px 0 36px}.use-case-directory-heading h1{font-size:clamp(48px,11vw,70px)}.use-case-directory-heading>p:last-child{font-size:18px}.use-case-directory-entry{grid-template-columns:25px minmax(0,1fr) 24px;gap:13px;padding:28px 0}.use-case-directory-entry h2{font-size:32px}.use-case-entry-summary{grid-column:2;grid-row:2}.use-case-directory-entry .entry-arrow{grid-column:3;grid-row:1;font-size:24px}.use-case-directory-entry .entry-trigger{font-size:18px}.use-case-entry-meta{font-size:13px;margin-top:15px}.use-case-directory-foot{display:grid;padding-bottom:38px}.use-case-switcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 25px}.portfolio-workflow .incident-roles{grid-template-columns:minmax(0,1fr);gap:20px}.portfolio-workflow .incident-roles span{font-size:14px}.portfolio-workflow .incident-roles strong{font-size:26px}.use-case-overview-link{justify-content:flex-start}}
.placement-zone-title{font-size:19px;fill:#afadeb!important}.placement-zone-sub{font-size:14px;fill:#afadeb!important}.placement-qualifier{font-size:14px;fill:#a7bbad!important}.placement-destination .incident-node-name{font-size:21px}.placement-review .incident-terminal-name{font-size:22px}.placement-page .incident-number{font-size:14px}
.gpu-source-name{font-size:20px;letter-spacing:-.02em}.gpu-source-sub{font-size:12px;fill:#9bb5a8!important}.gpu-context-label{font-size:15px;fill:#95b2a3!important}.gpu-recommend .incident-glyph,.gpu-review .incident-glyph{stroke:#afadeb}.gpu-handoff rect{stroke:#afadeb88}.gpu-page .incident-experience[data-scenario="capacity"] .gpu-source-gpu .incident-node-frame,.gpu-page .incident-experience[data-scenario="storage"] .gpu-source-storage .incident-node-frame{stroke:#afadeb;stroke-width:1.5}
@media(max-width:760px){.placement-svg.incident-narrow .incident-node-sub{font-size:18px}.placement-svg.incident-narrow .placement-destination .incident-node-name{font-size:22px}.placement-svg.incident-narrow .incident-terminal-sub{font-size:17px}.placement-svg.incident-narrow .placement-zone-sub,.placement-svg.incident-narrow .placement-qualifier{font-size:16px}.gpu-source-name{font-size:21px}.gpu-source-sub{font-size:13px}.gpu-context-label{font-size:14px}}