/* GDS Resource Articles - shared CSS. Paste into Elementor > Custom Code, location , condition = all resource article pages. Scoped to .gds-resource so it does not affect the rest of the site. Site font Open Sans used. */ .gds-resource{ scroll-behavior: smooth; } .gds-resource *{ box-sizing: border-box; } .gds-resource{ margin: 0; background: #f4f6f8; color: #1f2933; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 17px; line-height: 1.68; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } .gds-resource a{ color: #214188; text-decoration: none; } .gds-resource a:hover{ color: #9a0305; } .gds-resource img{ display: block; max-width: 100%; } .gds-resource .skip{ position: absolute; left: 18px; top: -80px; background: #214188; color: #ffffff; padding: 12px 16px; border-radius: 8px; z-index: 100; transition: top .2s ease; } .gds-resource .skip:focus{ top: 18px; } .gds-resource .progress{ position: fixed; top: 0; left: 0; height: 4px; width: 0; background: linear-gradient(90deg, #bd0406, #214188); z-index: 1000; } .gds-resource .site-shell{ min-height: 100vh; background: radial-gradient(circle at top left, rgba(10,77,140,.10), transparent 28rem), radial-gradient(circle at top right, rgba(242,169,0,.12), transparent 30rem), #f4f6f8; } .gds-resource .topbar{ background: #081f36; color: #dfeaf4; border-bottom: 1px solid rgba(255,255,255,.10); } .gds-resource .topbar-inner{ max-width: 1240px; margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .gds-resource .brand{ display: flex; align-items: center; gap: 12px; font-family: "Open Sans", "Open Sans", Arial, sans-serif; letter-spacing: .08em; text-transform: uppercase; font-size: 15px; font-weight: 700; color: #ffffff; } .gds-resource .brand-mark{ width: 34px; height: 34px; border-radius: 50%; background: linear-gradient(135deg, #214188, #bd0406); display: grid; place-items: center; color: #ffffff; font-size: 12px; font-weight: 900; box-shadow: 0 12px 30px rgba(0,0,0,.22); } .gds-resource .top-actions{ display: flex; align-items: center; gap: 16px; font-size: 14px; } .gds-resource .top-actions a{ color: #dfeaf4; font-weight: 600; } .gds-resource .top-actions .quote{ background: #bd0406; color: #071d33; padding: 10px 16px; border-radius: 999px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; font-size: 12px; } .gds-resource .hero-wrap{ max-width: 1320px; margin: 0 auto; padding: 34px 24px 0; } .gds-resource .hero-image-card{ background: #ffffff; border: 1px solid rgba(8,31,54,.10); border-radius: 28px; padding: 12px; box-shadow: 0 28px 70px rgba(7,29,51,.18); overflow: hidden; } .gds-resource .hero-image-card img{ width: 100%; height: auto; border-radius: 20px; } .gds-resource .title-panel{ max-width: 1240px; margin: 0 auto; padding: 34px 24px 30px; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .65fr); gap: 28px; align-items: stretch; } .gds-resource .headline-card{ background: #ffffff; border: 1px solid rgba(8,31,54,.10); border-radius: 26px; padding: clamp(28px, 4vw, 52px); box-shadow: 0 20px 55px rgba(7,29,51,.08); position: relative; overflow: hidden; } .gds-resource .headline-card:before{ content: ""; position: absolute; left: 0; top: 0; width: 8px; height: 100%; background: linear-gradient(180deg, #214188, #bd0406); } .gds-resource .breadcrumb{ margin: 0 0 18px; color: #637282; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .gds-resource h1, .gds-resource h2, .gds-resource h3, .gds-resource h4{ font-family: "Open Sans", "Open Sans", Arial, sans-serif; color: #081f36; line-height: 1.08; margin: 0; } .gds-resource h1{ font-size: clamp(44px, 6vw, 82px); letter-spacing: -.035em; font-weight: 700; max-width: 950px; } .gds-resource .dek{ color: #405264; font-size: clamp(19px, 2.2vw, 24px); line-height: 1.55; max-width: 850px; margin: 24px 0 0; } .gds-resource .article-meta{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; } .gds-resource .pill{ display: inline-flex; align-items: center; gap: 8px; border: 1px solid #dce5ee; background: #f7fafc; color: #22384d; padding: 9px 13px; border-radius: 999px; font-size: 13px; font-weight: 700; } .gds-resource .pill b{ color: #214188; } .gds-resource .outcome-card{ background: linear-gradient(150deg, #071d33, #214188); color: #e7f1fb; border-radius: 26px; padding: 34px; box-shadow: 0 20px 55px rgba(7,29,51,.18); position: relative; overflow: hidden; } .gds-resource .outcome-card:after{ content: ""; position: absolute; right: -82px; top: -82px; width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(242,169,0,.34), transparent 68%); } .gds-resource .outcome-card h2{ color: #ffffff; font-size: 30px; margin-bottom: 18px; position: relative; } .gds-resource .outcome-card p{ margin: 0 0 20px; position: relative; } .gds-resource .outcome-list{ list-style: none; padding: 0; margin: 0; position: relative; display: grid; gap: 12px; } .gds-resource .outcome-list li{ display: grid; grid-template-columns: 28px 1fr; gap: 10px; align-items: start; color: #e7f1fb; font-size: 15px; } .gds-resource .check{ width: 24px; height: 24px; border-radius: 50%; background: #bd0406; color: #071d33; display: grid; place-items: center; font-weight: 900; line-height: 1; } .gds-resource .section-band{ max-width: 1240px; margin: 0 auto; padding: 0 24px 46px; } .gds-resource .pipeline-card{ background: #ffffff; border: 1px solid rgba(8,31,54,.10); border-radius: 26px; padding: 30px; box-shadow: 0 18px 48px rgba(7,29,51,.08); } .gds-resource .section-kicker{ color: #9a0305; font-family: "Open Sans", "Open Sans", Arial, sans-serif; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } .gds-resource .section-title{ font-size: clamp(32px, 3.8vw, 52px); margin-bottom: 24px; } .gds-resource .flow{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; } .gds-resource .flow-step{ min-height: 150px; background: #f7fafc; border: 1px solid #dde6ef; border-radius: 18px; padding: 18px; position: relative; overflow: hidden; } .gds-resource .flow-step:before{ content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(10,77,140,.08), transparent 55%); pointer-events: none; } .gds-resource .flow-num{ font-family: "Open Sans", "Open Sans", Arial, sans-serif; color: #bd0406; font-weight: 700; font-size: 32px; line-height: 1; margin-bottom: 12px; } .gds-resource .flow-step h3{ font-size: 22px; margin-bottom: 8px; } .gds-resource .flow-step p{ margin: 0; font-size: 14px; color: #536678; line-height: 1.45; } .gds-resource .layout{ max-width: 1240px; margin: 0 auto; padding: 0 24px 70px; display: grid; grid-template-columns: 285px minmax(0, 1fr); gap: 34px; align-items: start; } .gds-resource .toc{ position: sticky; top: 110px; background: #ffffff; border: 1px solid rgba(8,31,54,.10); border-radius: 22px; padding: 22px; box-shadow: 0 14px 38px rgba(7,29,51,.08); } .gds-resource .toc-title{ font-family: "Open Sans", "Open Sans", Arial, sans-serif; font-weight: 700; color: #081f36; font-size: 18px; margin-bottom: 12px; } .gds-resource .toc a{ display: block; padding: 10px 0; border-top: 1px solid #edf2f7; color: #506477; font-size: 14px; font-weight: 700; line-height: 1.35; } .gds-resource .toc a:hover{ color: #214188; transform: translateX(2px); } .gds-resource .toc .primary-link{ margin-top: 18px; display: inline-flex; justify-content: center; width: 100%; color: #071d33; background: #bd0406; border: none; border-radius: 999px; padding: 12px 16px; text-transform: uppercase; letter-spacing: .04em; font-size: 12px; } .gds-resource .article{ display: grid; gap: 26px; } .gds-resource .article-section{ background: #ffffff; border: 1px solid rgba(8,31,54,.10); border-radius: 26px; padding: clamp(28px, 4vw, 52px); box-shadow: 0 14px 38px rgba(7,29,51,.07); } .gds-resource .article-section h2{ font-size: clamp(32px, 3.5vw, 48px); margin-bottom: 18px; letter-spacing: -.02em; } .gds-resource .article-section h3{ font-size: clamp(24px, 2.5vw, 32px); margin-top: 34px; margin-bottom: 12px; color: #214188; } .gds-resource .article-section p{ margin: 0 0 18px; max-width: 820px; } .gds-resource .article-section p:last-child{ margin-bottom: 0; } .gds-resource .article-section strong{ color: #081f36; font-weight: 800; } .gds-resource .article-section a:not(.btn){ border-bottom: 2px solid rgba(10,77,140,.18); font-weight: 700; } .gds-resource .article-section a:not(.btn):hover{ border-bottom-color: #bd0406; } .gds-resource .lead-text{ font-size: 21px; color: #26394a; line-height: 1.65; } .gds-resource .callout{ margin: 28px 0 0; background: #f7fafc; border: 1px solid #dfe7ef; border-left: 6px solid #bd0406; border-radius: 18px; padding: 22px; color: #35485a; } .gds-resource .data-table{ width: 100%; border-collapse: collapse; margin-top: 22px; overflow: hidden; border-radius: 18px; box-shadow: 0 0 0 1px #dfe7ef; font-size: 15px; } .gds-resource .data-table th{ background: #081f36; color: #ffffff; text-align: left; font-family: "Open Sans", "Open Sans", Arial, sans-serif; letter-spacing: .04em; text-transform: uppercase; padding: 14px 16px; font-size: 13px; } .gds-resource .data-table td{ padding: 15px 16px; border-top: 1px solid #e6edf4; } .gds-resource .data-table tr:nth-child(even) td{ background: #f8fafc; } .gds-resource .quick-facts{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 22px; } .gds-resource .fact{ background: #071d33; color: #e7f1fb; border-radius: 18px; padding: 18px; min-height: 142px; } .gds-resource .fact span{ display: block; color: #bd0406; font-family: "Open Sans", "Open Sans", Arial, sans-serif; text-transform: uppercase; letter-spacing: .08em; font-size: 12px; font-weight: 700; margin-bottom: 10px; } .gds-resource .fact b{ color: #ffffff; font-size: 15px; line-height: 1.35; } .gds-resource .strategy-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; } .gds-resource .strategy{ border: 1px solid #dfe7ef; border-radius: 20px; overflow: hidden; background: #f8fafc; } .gds-resource .strategy h3{ margin: 0; padding: 16px 18px; color: #ffffff; background: #9e9e9e; font-size: 25px; } .gds-resource .strategy:nth-child(2) h3{ background: #214188; } .gds-resource .strategy:nth-child(3) h3{ background: #bd0406; color: #071d33; } .gds-resource .strategy dl{ margin: 0; padding: 18px; display: grid; gap: 14px; } .gds-resource .strategy dt{ font-size: 12px; text-transform: uppercase; letter-spacing: .08em; font-weight: 800; color: #6a7b8c; } .gds-resource .strategy dd{ margin: 2px 0 0; color: #26394a; font-weight: 700; } .gds-resource .learn-links{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 20px; } .gds-resource .learn-links a{ background: #f7fafc; border: 1px solid #dfe7ef; border-radius: 18px; padding: 18px; color: #081f36; font-family: "Open Sans", "Open Sans", Arial, sans-serif; font-size: 20px; line-height: 1.1; font-weight: 700; min-height: 118px; display: flex; align-items: flex-end; } .gds-resource .learn-links a:hover{ background: #214188; color: #ffffff; border-color: #214188; transform: translateY(-2px); } .gds-resource .faq-list{ display: grid; gap: 12px; margin-top: 20px; } .gds-resource details{ border: 1px solid #dfe7ef; border-radius: 18px; background: #f8fafc; overflow: hidden; } .gds-resource summary{ cursor: pointer; padding: 18px 22px; font-weight: 800; color: #081f36; list-style: none; display: flex; justify-content: space-between; gap: 20px; } .gds-resource summary::-webkit-details-marker{ display: none; } .gds-resource summary:after{ content: "+"; color: #214188; font-size: 24px; line-height: 1; } .gds-resource details[open] summary:after{ content: "×"; color: #9a0305; } .gds-resource details p{ padding: 0 22px 20px; margin: 0; } .gds-resource .cta{ background: linear-gradient(135deg, #071d33, #214188); color: #e7f1fb; border-radius: 30px; padding: clamp(34px, 5vw, 62px); position: relative; overflow: hidden; box-shadow: 0 28px 70px rgba(7,29,51,.18); } .gds-resource .cta:before{ content: ""; position: absolute; right: -120px; bottom: -120px; width: 340px; height: 340px; border-radius: 50%; background: radial-gradient(circle, rgba(242,169,0,.34), transparent 70%); } .gds-resource .cta h2{ color: #ffffff; position: relative; } .gds-resource .cta p{ color: #dce8f3; position: relative; font-size: 20px; } .gds-resource .btn-row{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 26px; position: relative; } .gds-resource .btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 14px 22px; border-radius: 999px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; font-size: 13px; } .gds-resource .btn-primary{ background: #bd0406; color: #071d33; } .gds-resource .btn-secondary{ border: 1px solid rgba(255,255,255,.32); color: #ffffff; } .gds-resource .btn:hover{ transform: translateY(-2px); } .gds-resource .footer{ border-top: 1px solid #dfe7ef; background: #ffffff; padding: 26px 24px; color: #637282; font-size: 14px; } .gds-resource .footer-inner{ max-width: 1240px; margin: 0 auto; display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap; } @media (max-width: 1080px){ .gds-resource .title-panel, .gds-resource .layout{ grid-template-columns:minmax(0,1fr); } .gds-resource .toc{ position: static; } .gds-resource .flow, .gds-resource .quick-facts, .gds-resource .learn-links{ grid-template-columns: repeat(2, 1fr); } .gds-resource .strategy-grid{ grid-template-columns:minmax(0,1fr); } } @media (max-width: 720px){ .gds-resource{ font-size: 16px; } .gds-resource .topbar-inner{ align-items: flex-start; flex-direction: column; } .gds-resource .top-actions{ width: 100%; justify-content: space-between; flex-wrap: wrap; } .gds-resource .hero-wrap{ padding: 18px 14px 0; } .gds-resource .title-panel, .gds-resource .section-band, .gds-resource .layout{ padding-left: 14px; padding-right: 14px; } .gds-resource .headline-card, .gds-resource .article-section, .gds-resource .pipeline-card, .gds-resource .outcome-card{ border-radius: 20px; } .gds-resource h1{ font-size: 42px; } .gds-resource .flow, .gds-resource .quick-facts, .gds-resource .learn-links{ grid-template-columns:minmax(0,1fr); } .gds-resource .data-table{ display: block; overflow-x: auto; white-space: nowrap; } } .gds-resource .flow{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))} .gds-resource .quick-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} .gds-resource .progress{position:sticky;width:100%} /* ===== GDS live-site colors + screenshot FAQ (applied 2026-07-05) ===== */ .gds-resource h1,.gds-resource h2,.gds-resource h3,.gds-resource .section-title,.gds-resource .headline-card h1{color:#003b8e!important} .gds-resource .outcome-card h2,.gds-resource .cta h2,.gds-resource .cta h3{color:#ffffff!important} .gds-resource p,.gds-resource li,.gds-resource td,.gds-resource dd,.gds-resource .lead-text,.gds-resource .dek,.gds-resource figcaption{color:#7a7a7a!important} .gds-resource .outcome-card,.gds-resource .outcome-card *{color:#e7f1fb!important} .gds-resource .cta p{color:#dbe6f3!important} .gds-resource a{color:#214188} .gds-resource .toc a:not(.primary-link){color:#214188!important} .gds-resource .fact span{color:#ffffff!important} .gds-resource .fact b{color:#cbd5e1!important;font-weight:400!important} /* Buttons on light background */ .gds-resource .btn,.gds-resource .primary-link{background:#214188!important;border-color:#214188!important;color:#ffffff!important} .gds-resource .btn:hover,.gds-resource .btn:focus,.gds-resource .primary-link:hover,.gds-resource .primary-link:focus{background:#bd0406!important;border-color:#bd0406!important;color:#ffffff!important} /* Buttons on dark CTA band (reversed) */ .gds-resource .cta .btn-primary{background:#bd0406!important;border-color:#bd0406!important} .gds-resource .cta .btn-primary:hover,.gds-resource .cta .btn-primary:focus{background:#214188!important;border-color:#214188!important} .gds-resource .cta .btn-secondary{background:transparent!important;border:2px solid rgba(255,255,255,.75)!important;color:#ffffff!important} .gds-resource .cta .btn-secondary:hover,.gds-resource .cta .btn-secondary:focus{background:#ffffff!important;border-color:#ffffff!important;color:#003b8e!important} /* FAQ: blue bars like the screenshot */ .gds-resource .faq-list{display:flex;flex-direction:column;gap:12px} .gds-resource .faq-list details{border:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;margin:0!important} .gds-resource .faq-list summary{list-style:none;cursor:pointer;background:#214188!important;color:#ffffff!important;font-weight:700;padding:16px 22px;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px} .gds-resource .faq-list summary::-webkit-details-marker{display:none} .gds-resource .faq-list summary::after{content:"+";color:#ffffff!important;font-size:1.6rem;font-weight:700;line-height:1;flex:none} .gds-resource .faq-list details[open] summary{border-radius:10px 10px 0 0} .gds-resource .faq-list details[open] summary::after{content:"\2212";color:#ffffff!important} .gds-resource .faq-list summary:focus-visible{outline:3px solid #bd0406;outline-offset:2px} .gds-resource .faq-list details p{background:#ffffff!important;color:#7a7a7a!important;margin:0!important;padding:18px 22px!important;border:1px solid #e3e8ef!important;border-top:none!important;border-radius:0 0 10px 10px!important} .gds-resource .toc a.active{color:#bd0406!important;font-weight:700!important} /* Offset anchor targets below the site's fixed 115px top navbar */ .gds-resource [id]{scroll-margin-top:110px} .gds-resource .learn-links a{display:flex!important;flex-direction:column;align-items:center!important;justify-content:center!important;text-align:center!important} .gds-resource .layout>*{min-width:0} .gds-resource .article{min-width:0;overflow-wrap:break-word} .gds-resource .outcome-card,.gds-resource .cta,.gds-resource .pipeline-card,.gds-resource .headline-card,.gds-resource .hero-image-card{overflow:hidden} .gds-resource .article{display:block!important} /* refined continue-learning cards */ .gds-resource .learn-links a{position:relative;overflow:hidden;background:#ffffff!important;border:1px solid #e6ebf2!important;border-radius:14px!important;box-shadow:0 2px 7px rgba(8,31,54,.05)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important} .gds-resource .learn-links a::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#bd0406,#214188)} .gds-resource .learn-links a:hover{background:#214188!important;color:#ffffff!important;transform:translateY(-5px);box-shadow:0 16px 32px rgba(8,31,54,.15)!important;border-color:#214188!important} /* ============================================================ Client-reviewed additions (2026-07-07): GDS support panel + inline help + location strip + city chips + scope note. Scoped to .gds-resource; Open Sans (Roboto dropped); live-site red. ============================================================ */ .gds-resource .gds-inline-help{margin:22px 0 0;padding:20px 22px;border-radius:20px;background:#f7fafc;border:1px solid #dfe8f1;color:#405264} .gds-resource .gds-inline-help a{font-weight:800} .gds-resource .gds-support-panel{margin:42px 0;border-radius:30px;overflow:hidden;border:1px solid rgba(8,31,54,.12);background:linear-gradient(135deg,#ffffff 0%,#f7fafc 56%,#eef4fb 100%);box-shadow:0 24px 70px rgba(7,29,51,.10)} .gds-resource .gds-support-inner{padding:clamp(26px,4vw,44px)} .gds-resource .gds-support-kicker{color:#9a0305;font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:8px} .gds-resource .gds-support-panel h2{font-size:clamp(31px,4vw,50px);margin:0 0 14px} .gds-resource .gds-support-panel p{max-width:980px;margin:0 0 16px} .gds-resource .gds-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px} .gds-resource .gds-service-card{position:relative;display:grid;gap:8px;min-height:178px;padding:20px;border-radius:22px;background:#ffffff;border:1px solid rgba(8,31,54,.10);color:#081f36;box-shadow:0 14px 34px rgba(7,29,51,.07);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .gds-resource .gds-service-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(7,29,51,.12);border-color:rgba(189,4,6,.35)} .gds-resource .gds-service-card strong{display:block;color:#081f36;font-size:22px;line-height:1.08} .gds-resource .gds-service-card span{color:#526679;font-size:14px;line-height:1.45} .gds-resource .gds-service-card em{margin-top:auto;font-style:normal;color:#9a0305;font-weight:800;font-size:13px} .gds-resource .gds-location-strip{margin-top:24px;padding:20px;border-radius:22px;background:#081f36;color:#dfeaf4} .gds-resource .gds-location-strip p{color:#dfeaf4!important;margin-bottom:14px} .gds-resource .gds-location-strip a{color:#ffffff!important;font-weight:800;text-decoration:underline} .gds-resource .gds-city-chips{display:flex;flex-wrap:wrap;gap:8px} .gds-resource .gds-chip{display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);color:#eaf2fa;font-size:13px;font-weight:600;line-height:1} .gds-resource .gds-scope-note{margin-top:18px;padding:16px 18px;border-left:4px solid #bd0406;border-radius:16px;background:#fff7f7;color:#405264;font-size:15px;line-height:1.55} .gds-resource .gds-scope-note strong{color:#081f36} @media (max-width:980px){.gds-resource .gds-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:640px){.gds-resource .gds-service-grid{grid-template-columns:1fr}.gds-resource .gds-support-inner{padding:24px}} /* ============================================================ Round1 client-reviewed (Articles 1-10) "How GDS Can Help" service callout. Uses DIFFERENT classes than 11-20 (service-callout / service-grid / service-card / location-strip / scope-note). Scoped to .gds-resource. Card border forced !important to beat .article-section a:not(.btn) border-bottom. 2026-07-08. ============================================================ */ .gds-resource .service-callout{position:relative;border:1px solid rgba(33,65,136,.18);border-radius:24px;padding:clamp(24px,3.2vw,38px);background:radial-gradient(circle at 8% 0%, rgba(33,65,136,.10), transparent 32rem),radial-gradient(circle at 92% 20%, rgba(189,4,6,.08), transparent 28rem),linear-gradient(135deg,#ffffff 0%,#f7faff 100%);box-shadow:0 22px 58px rgba(7,29,51,.10);overflow:hidden} .gds-resource .service-callout::before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:linear-gradient(90deg,#214188,#bd0406)} .gds-resource .service-callout h2{margin-top:0!important;color:#003b8e!important} .gds-resource .service-callout p{max-width:980px} .gds-resource .service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 18px} .gds-resource .service-card{display:flex!important;flex-direction:column;min-height:126px;gap:8px;padding:18px;border:1px solid rgba(33,65,136,.16)!important;border-radius:18px;background:#ffffff;box-shadow:0 12px 30px rgba(7,29,51,.06);color:#214188!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease} .gds-resource .service-card:hover,.gds-resource .service-card:focus{transform:translateY(-3px);border-color:#bd0406!important;box-shadow:0 18px 42px rgba(7,29,51,.12);color:#bd0406!important} .gds-resource .service-card b{font-size:1rem;color:#003b8e!important} .gds-resource .service-card span{font-size:.92rem;line-height:1.45;color:#637282!important;font-weight:400} .gds-resource .location-strip{margin-top:14px!important;padding:16px 18px;border-radius:16px;background:#eef4ff;border:1px solid rgba(33,65,136,.14);color:#415061!important} .gds-resource .location-strip p{color:#415061!important} .gds-resource .location-strip a{font-weight:700;color:#214188!important} .gds-resource .scope-note{margin-top:14px!important;padding:14px 16px;border-left:4px solid #bd0406;border-radius:12px;background:#fff;color:#637282!important;font-size:.95rem} @media (max-width:900px){.gds-resource .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:560px){.gds-resource .service-grid{grid-template-columns:1fr}.gds-resource .service-card{min-height:auto}} /* ============================================================ Client "Continue Reading" cards (gds-next-articles): kicker + title + desc. Extracted from client Articles 31-40; scoped .gds-resource; Open Sans. 2026-07-08. ============================================================ */ .gds-resource .continue-intro{max-width:860px;margin:0 0 22px!important;color:#536678!important;font-size:17px!important;line-height:1.65!important} .gds-resource .article-section .learn-links.gds-next-articles{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important;margin-top:20px!important} .gds-resource .article-section .learn-links.gds-next-articles a{align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;min-height:170px!important;padding:20px!important;border-radius:18px!important;background:#ffffff!important;border:1px solid #dfe7ef!important;box-shadow:0 10px 28px rgba(7,29,51,.07)!important;color:#081f36!important;display:flex!important;flex-direction:column!important;gap:10px!important;position:relative!important;overflow:hidden!important} .gds-resource .article-section .learn-links.gds-next-articles a::before{content:"";position:absolute;left:0;top:0;right:0;height:5px;background:linear-gradient(90deg,#bd0406,#214188)} .gds-resource .article-section .learn-links.gds-next-articles a:hover{transform:translateY(-4px)!important;box-shadow:0 18px 38px rgba(7,29,51,.14)!important;border-color:#cbd7e6!important;background:#ffffff!important;color:#081f36!important} .gds-resource .gds-next-card-label{font-size:12px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#bd0406!important} .gds-resource .article-section .learn-links.gds-next-articles strong{font-size:22px!important;line-height:1.12!important;color:#003b8e!important;font-weight:800!important} .gds-resource .article-section .learn-links.gds-next-articles em{font-style:normal!important;color:#637282!important;font-size:14px!important;line-height:1.45!important;font-weight:500!important} @media (max-width:720px){.gds-resource .article-section .learn-links.gds-next-articles{grid-template-columns:minmax(0,1fr)!important}.gds-resource .article-section .learn-links.gds-next-articles a{min-height:auto!important}.gds-resource .continue-intro{font-size:16px!important}} /* Quick Facts cards are dark navy: force links inside them to be light + underlined (they were inheriting .gds-resource a{color:#214188} = unreadable). 2026-07-08 */ .gds-resource .quick-facts a,.gds-resource .fact a{color:#ffffff!important;text-decoration:underline!important;text-underline-offset:2px;font-weight:600!important} .gds-resource .quick-facts a:hover,.gds-resource .fact a:hover{color:#ffc2c3!important}