.decision-workspace-page { background: #fff; color: #0a203e; }
.decision-workspace-hero { padding-block: 74px 68px; border-bottom: 1px solid #d9e3ee; background: linear-gradient(115deg, #fff 0 53%, #eef4fb 100%); }
.decision-workspace-hero h1 { max-width: 990px; margin: 10px 0 18px; font: 500 clamp(48px, 5.4vw, 74px)/1.02 Georgia, serif; letter-spacing: -.045em; }
.decision-workspace-hero .container > p:not(.eyebrow) { max-width: 820px; margin: 0; color: #4f637c; font-size: 18px; line-height: 1.66; }
.decision-workspace-hero__principles { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-top: 25px; }
.decision-workspace-hero__principles span { position: relative; padding-left: 17px; color: #245174; font-size: 12px; font-weight: 750; }
.decision-workspace-hero__principles span::before { position: absolute; left: 0; color: #16805f; content: '✓'; }
.decision-workspace-index { display: grid; grid-template-columns: repeat(4, 1fr); border-bottom: 1px solid #dbe4ee; }
.decision-workspace-index a { display: flex; gap: 12px; align-items: center; padding: 19px 0; color: #405873; text-decoration: none; }
.decision-workspace-index a + a { padding-left: 25px; border-left: 1px solid #dbe4ee; }
.decision-workspace-index span { color: #1764db; font-size: 11px; font-weight: 850; }
.decision-workspace-index strong { font: 600 17px Georgia, serif; }
.decision-workspace-index a:hover strong, .decision-workspace-index a:focus-visible strong { color: #155bc8; }
.decision-workspace-intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: 80px; align-items: end; padding-block: 57px 37px; }
.decision-workspace-source { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 45px; align-items: center; margin-top: 42px; padding: 28px 30px; border-left: 4px solid #1764db; background: #f4f8fe; }
.decision-workspace-source h2 { margin: 5px 0 8px; font: 600 27px/1.18 Georgia, serif; }
.decision-workspace-source p:not(.eyebrow) { max-width: 800px; margin: 0; color: #53667d; font-size: 14px; line-height: 1.62; }
.decision-workspace-source nav { display: grid; gap: 10px; justify-items: start; }
.decision-workspace-source nav > a:not(.button) { color: #155bc8; font-size: 12px; font-weight: 800; }
.decision-workspace-intro h2, .decision-workspace-boundary h2 { max-width: 570px; margin: 7px 0 0; font: 600 36px/1.13 Georgia, serif; }
.decision-workspace-intro > p { margin: 0; color: #53667d; font-size: 16px; line-height: 1.72; }
.decision-workspace-stages { border-top: 1px solid #cfdbe8; }
.decision-workspace-stages article { display: grid; grid-template-columns: 150px minmax(260px, .78fr) minmax(420px, 1.22fr); min-height: 215px; border-bottom: 1px solid #cfdbe8; }
.decision-workspace-stage__number { display: flex; flex-direction: column; justify-content: space-between; padding: 29px 24px 27px 0; }
.decision-workspace-stage__number span { color: #1764db; font: 500 42px/1 Georgia, serif; }
.decision-workspace-stage__number small { color: #53667d; font-size: 11px; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.decision-workspace-stage__purpose { display: flex; align-items: center; padding: 30px 35px; border-left: 1px solid #dbe4ee; }
.decision-workspace-stage__purpose p { margin: 0; color: #3e5771; font: 500 20px/1.5 Georgia, serif; }
.decision-workspace-stage__tool { display: flex; flex-direction: column; justify-content: center; padding: 30px 0 30px 45px; border-left: 1px solid #dbe4ee; }
.decision-workspace-stage__tool h2 { margin: 0; font: 600 29px/1.15 Georgia, serif; }
.decision-workspace-stage__tool p { max-width: 620px; margin: 10px 0 16px; color: #5a6d83; font-size: 14px; line-height: 1.62; }
.decision-workspace-stage__tool a { align-self: flex-start; color: #155bc8; font-size: 13px; font-weight: 800; }
.decision-workspace-stages article:target { background: linear-gradient(90deg, #fff 0%, #f6f9fd 100%); }
.decision-workspace-boundary { display: grid; grid-template-columns: .85fr 1fr auto; gap: 55px; align-items: center; margin-block: 50px 72px; padding-block: 30px; border-block: 1px solid #d7e2ee; }
.decision-workspace-boundary h2 { font-size: 30px; }
.decision-workspace-boundary > p { margin: 0; color: #566a81; font-size: 14px; line-height: 1.67; }
.decision-workspace-boundary .button { white-space: nowrap; }
.decision-workspace-teaser { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .85fr) auto; gap: 38px; align-items: center; margin-block: 4px 42px; padding-block: 29px; border-block: 1px solid #d8e2ed; }
.decision-workspace-teaser h2 { margin: 5px 0 7px; font: 600 28px/1.15 Georgia, serif; }
.decision-workspace-teaser p:not(.eyebrow) { margin: 0; color: #53667d; font-size: 14px; line-height: 1.55; }
.decision-workspace-teaser__steps { display: flex; align-items: center; gap: 8px; color: #1764db; }
.decision-workspace-teaser__steps span { display: grid; width: 36px; height: 36px; place-items: center; border: 1px solid #bcd0ec; border-radius: 50%; background: #f6f9fe; font-size: 11px; font-weight: 850; }
.decision-workspace-teaser__steps i { width: 23px; height: 1px; background: #bcd0ec; }
@media (max-width: 980px) { .decision-workspace-source { grid-template-columns: 1fr; gap: 22px; } .decision-workspace-stages article { grid-template-columns: 100px 1fr; } .decision-workspace-stage__purpose { grid-column: 2; border-bottom: 1px solid #dbe4ee; } .decision-workspace-stage__tool { grid-column: 2; padding-left: 35px; } .decision-workspace-stage__number { grid-row: 1 / 3; } .decision-workspace-boundary { grid-template-columns: 1fr 1fr; } .decision-workspace-boundary .button { grid-column: 1 / -1; justify-self: start; } .decision-workspace-teaser { grid-template-columns: 1fr auto; } .decision-workspace-teaser__steps { display: none; } }
@media (max-width: 680px) { .decision-workspace-hero { padding-block: 48px; } .decision-workspace-hero h1 { font-size: 43px; } .decision-workspace-index { grid-template-columns: 1fr 1fr; } .decision-workspace-index a:nth-child(3) { border-left: 0; } .decision-workspace-index a:nth-child(n+3) { border-top: 1px solid #dbe4ee; } .decision-workspace-index a { padding-left: 0 !important; } .decision-workspace-intro, .decision-workspace-boundary { grid-template-columns: 1fr; gap: 20px; } .decision-workspace-stages article { grid-template-columns: 62px 1fr; } .decision-workspace-stage__number { padding-right: 12px; } .decision-workspace-stage__number span { font-size: 31px; } .decision-workspace-stage__purpose, .decision-workspace-stage__tool { padding: 24px 0 24px 22px; } .decision-workspace-stage__purpose p { font-size: 18px; } .decision-workspace-teaser { grid-template-columns: 1fr; } .decision-workspace-teaser .button { width: 100%; text-align: center; } }