/* * DiraChart adaptation layer. * The foundation file above is the DiraReach public stylesheet copied directly. * These rules map the existing DiraChart/Drupal markup into that exact system. */ html { background: var(--cloud); } body.dirachart-reach-match { overflow-x: hidden; background: var(--cloud); color: var(--ink); font-family: var(--serif); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } body.dirachart-reach-match .dc-reach-main { min-height: 62vh; overflow: clip; } body.dirachart-reach-match .dc-reach-main > .region-content, body.dirachart-reach-match .dc-reach-main > .region-content > .block-system-main-block { min-width: 0; } body.dirachart-reach-match .dc-reach-main :where(.layout-container,.container,.container-fluid) { width: auto; max-width: none; margin: 0; padding: 0; } body.dirachart-reach-match .dc-reach-main :where([style*="width: 100vw"],[style*="width:100vw"]) { width: 100% !important; } body.dirachart-reach-match .dc-reach-main :where([style*="min-width"]) { min-width: 0 !important; } body.dirachart-reach-match .dc-reach-main img { max-width: 100%; } /* Exact DiraReach type roles. */ body.dirachart-reach-match .dc-reach-main :where(h1,h2,h3,h4,h5,h6) { color: var(--navy); font-family: var(--display); font-weight: 700; letter-spacing: .015em; } body.dirachart-reach-match .dc-reach-main h1 { font-size: clamp(3.5rem, 6.5vw, 6.6rem); line-height: .90; } body.dirachart-reach-match .dc-reach-main h2 { font-size: clamp(2.55rem, 5vw, 4.7rem); line-height: .96; } body.dirachart-reach-match .dc-reach-main h3 { font-size: 2.1rem; line-height: 1; } body.dirachart-reach-match .dc-reach-main :where(p,li,dd,td) { color: var(--haze); } body.dirachart-reach-match .dc-reach-main :where(button,input,textarea,select,.button,[class*="btn"],[class*="button"],nav,a) { font-family: var(--ui); } body.dirachart-reach-match .dc-reach-main :where(.eyebrow,[class*="eyebrow"],[class*="kicker"],[class*="label"]) { font-family: var(--mono); } /* Drupal utility regions. */ .dc-system-header { border-bottom: 1px solid var(--line); background: #eef4f7; } .dc-system-header > * { width: min(1240px, calc(100% - 40px)); margin-inline: auto; } .dc-system-highlighted,.dc-system-breadcrumb { padding-block: 12px; } .messages { margin: 14px 0; padding: 14px 17px; border: 1px solid #cad9e4; border-radius: 8px; background: white; color: var(--navy); font-family: var(--ui); font-size: .82rem; box-shadow: var(--shadow-soft); } .block-page-title-block { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding-top: 54px; } .block-page-title-block h1 { margin: 0; } /* Exact DiraReach controls. */ body.dirachart-reach-match :where(.form-submit,input[type="submit"],button.button,a.button) { min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 7px; background: var(--navy); color: white; font: 700 .84rem/1 var(--ui); box-shadow: 0 12px 28px rgba(26,58,92,.18); } body.dirachart-reach-match :where(input[type="text"],input[type="search"],input[type="email"],input[type="password"],input[type="number"],textarea,select) { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #cbd9e3; border-radius: 6px; background: #fbfdfe; color: var(--ink); font-family: var(--ui); } body.dirachart-reach-match :where(input,textarea,select,button,a):focus-visible { outline: 3px solid rgba(62,156,150,.24); outline-offset: 2px; } /* Existing DiraChart public-page markup, remapped to DiraReach. */ .dcv2-wrap { width: min(1180px, calc(100% - 40px)) !important; margin-inline: auto !important; } .dcv2-hero { position: relative !important; overflow: hidden !important; padding: clamp(72px,9vw,130px) 0 clamp(82px,9vw,120px) !important; background: radial-gradient(circle at 80% 20%,rgba(74,128,196,.11),transparent 28rem),linear-gradient(180deg,#f7fafb 0%,#eef5f7 100%) !important; color: var(--ink) !important; } .dcv2-hero::after { top: auto !important; right: -200px !important; bottom: -320px !important; width: 620px !important; height: 620px !important; border: 80px solid rgba(124,153,184,.08) !important; box-shadow: none !important; } .dcv2-hero-grid { display: grid !important; grid-template-columns: 1.03fr .97fr !important; gap: clamp(40px,7vw,90px) !important; align-items: center !important; } .dcv2-hero h1 { max-width: 900px !important; margin: 18px 0 24px !important; color: var(--navy) !important; font: 700 clamp(3.55rem,7.3vw,7rem)/.88 var(--display) !important; letter-spacing: .015em !important; } .dcv2-eyebrow,.dcv2-kicker { color: var(--teal) !important; font: 600 .7rem/1.3 var(--mono) !important; letter-spacing: .15em !important; } .dcv2-hero-lead,.dcv2-hero p { max-width: 720px !important; color: #435f79 !important; font-family: var(--serif) !important; font-size: 1.08rem !important; } .dcv2-cta-row { gap: 12px !important; margin-top: 28px !important; } .dcv2-btn { min-height: 48px !important; padding: 0 20px !important; border-radius: 7px !important; font: 700 .84rem/1 var(--ui) !important; } .dcv2-btn-gold,.dcv2-btn-dark { background: var(--teal) !important; color: white !important; box-shadow: 0 12px 28px rgba(62,156,150,.23) !important; } .dcv2-btn-ghost,.dcv2-btn-paper { border: 1px solid #cddbe5 !important; background: white !important; color: var(--navy) !important; } .dcv2-feature-slider-section,.dcv2-section { padding: clamp(70px,8vw,112px) 0 !important; } .dcv2-feature-slider-section,.dcv2-section-alt { background: #eef3f6 !important; } .dcv2-feature-slider,.dcv2-entry,.dcv2-product,.dcv2-journey { border: 1px solid var(--line) !important; border-radius: 22px !important; background: white !important; box-shadow: var(--shadow-soft) !important; } .dcv2-feature-slider { padding: 30px !important; } .dcv2-section-head { max-width: 780px !important; margin-bottom: 38px !important; } .dcv2-section-head h2,.dcv2-feature-slide h2 { margin: 12px 0 14px !important; color: var(--navy) !important; font: 700 clamp(2.55rem,5vw,4.7rem)/.96 var(--display) !important; } .dcv2-section-head p { color: var(--haze) !important; font-size: 1.05rem !important; } .dcv2-entry-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 18px !important; } .dcv2-product-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 18px !important; } .dcv2-journey-grid { grid-template-columns: repeat(4,minmax(0,1fr)) !important; gap: 12px !important; } .dcv2-entry,.dcv2-product,.dcv2-journey { padding: 28px !important; } .dcv2-entry h3,.dcv2-product h3,.dcv2-journey h3 { margin: 20px 0 8px !important; color: var(--navy) !important; font: 700 2.1rem/1 var(--display) !important; } .dcv2-entry p,.dcv2-product p,.dcv2-journey p { color: var(--haze) !important; font-size: .9rem !important; } .dcv2-spotlight,.dcv2-facility-band { padding: clamp(34px,5vw,60px) !important; border-radius: 28px !important; background: linear-gradient(130deg,#102038,#284870) !important; box-shadow: var(--shadow) !important; } .dcv2-spotlight h2,.dcv2-facility-band h2 { color: white !important; font: 700 clamp(2.8rem,5vw,5.1rem)/.92 var(--display) !important; } .dcv2-mini-grid { gap: 10px !important; } .dcv2-mini-card { min-height: 130px !important; padding: 20px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 16px !important; background: rgba(255,255,255,.055) !important; } /* Nursing Home, Home Care, training, AI, and facility landing pages. */ body:is(.dc-route-nursing-home,.dc-route-home-care,.dc-route-training,.dc-route-ai,.dc-route-facilities) .block-page-title-block { padding-top: clamp(70px,8vw,112px); } body:is(.dc-route-nursing-home,.dc-route-home-care,.dc-route-training,.dc-route-ai,.dc-route-facilities) .dc-reach-main :where(.views-element-container,.block-system-main-block) > :where(section,div):not(.contextual) { box-sizing: border-box; } body:is(.dc-route-nursing-home,.dc-route-home-care,.dc-route-training,.dc-route-ai,.dc-route-facilities) .dc-reach-main :where(.card,[class*="card"],[class*="panel"]) { border-color: var(--line); border-radius: 18px; } /* MDS application: same DiraReach spacing, typography, panels, and grids. */ body:is(.dc-route-mds-lookup,.dc-route-mds-section,.dc-route-mds-item,.dc-route-mds-matrix,.dc-route-mds-qm) .block-page-title-block { display: none !important; } body.dirachart-reach-match :where(.dcmds,.dcmds-lookup,.dcmds-section,.dc-mds-page) { width: min(1180px,calc(100% - 40px)) !important; max-width: 1180px !important; margin-inline: auto !important; padding: 58px 0 96px !important; color: var(--ink) !important; } body.dirachart-reach-match .dcmds :where(h1,h2,h3,h4) { color: var(--navy) !important; font-family: var(--display) !important; font-weight: 700 !important; letter-spacing: .015em !important; } body.dirachart-reach-match .dcmds h1 { max-width: 960px !important; font-size: clamp(3.2rem,6vw,5.8rem) !important; line-height: .9 !important; } body.dirachart-reach-match .dcmds h2, body.dirachart-reach-match :where(.dcmds-panel,.dcx-panel,.dcmds-community-panel) h2 { font-size: clamp(2.35rem,4.2vw,4.1rem) !important; line-height: .96 !important; } body.dirachart-reach-match .dcmds h3, body.dirachart-reach-match :where(.dcmds-panel,.dcx-panel,.dcmds-community-panel) h3 { font-size: 1.75rem !important; line-height: 1 !important; } body.dirachart-reach-match .dcmds :where(p,li) { color: var(--haze) !important; } .dcmds-breadcrumb { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-bottom: 18px !important; color: var(--haze) !important; font: 600 .66rem/1.5 var(--mono) !important; } .dcmds-breadcrumb a { color: var(--navy) !important; font-weight: 600 !important; } .dcmds-source-row,.dcmds-chip-row { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 22px !important; } .dcmds-source-pill,.dcmds-soft-chip,.dcmds-code,.dcx-chip,.dcmds-chip-row > * { display: inline-flex !important; min-height: 30px !important; padding: 7px 11px !important; border: 1px solid var(--line) !important; border-radius: 999px !important; align-items: center !important; background: white !important; color: var(--navy) !important; font: 600 .65rem/1 var(--mono) !important; } .dcmds-item-hero,.dcmds-panel,.dcx-panel,.dcmds-community-panel,.dcmds-fragment,.dcprl-small-card { width: auto !important; max-width: none !important; margin: 0 0 18px !important; padding: clamp(28px,4vw,48px) !important; border: 1px solid var(--line) !important; border-radius: 20px !important; background: white !important; box-shadow: var(--shadow-soft) !important; } .dcmds-item-hero { position: relative !important; overflow: hidden !important; background: linear-gradient(180deg,#fff,#f4f8fa) !important; } .dcmds-item-hero::after { top: -180px !important; right: -130px !important; width: 390px !important; height: 390px !important; border: 55px solid rgba(124,153,184,.08) !important; border-radius: 50% !important; box-shadow: none !important; } .dcmds-item-hero h1 { margin: 14px 0 18px !important; } .dcmds-item-hero > p { max-width: 820px !important; color: var(--haze) !important; font-size: 1.03rem !important; } .dcmds-hero-actions,.dcai-cta-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 24px !important; } .dcmds-button,.dcai-btn { display: inline-flex !important; min-height: 46px !important; padding: 0 17px !important; border: 1px solid #cddbe5 !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: white !important; color: var(--navy) !important; font: 700 .76rem/1 var(--ui) !important; } .dcmds-button:not(.secondary),.dcai-btn:first-child { border-color: var(--teal) !important; background: var(--teal) !important; color: white !important; } .dcmds-tabs { position: sticky !important; z-index: 40 !important; top: 88px !important; display: flex !important; gap: 7px !important; overflow-x: auto !important; margin: 18px 0 !important; padding: 9px !important; border: 1px solid var(--line) !important; border-radius: 10px !important; background: rgba(247,250,251,.95) !important; backdrop-filter: blur(16px) !important; } .dcmds-tabs :where(a,button) { min-height: 39px !important; padding: 8px 13px !important; border: 1px solid #cddbe5 !important; border-radius: 7px !important; background: white !important; color: var(--navy) !important; font: 700 .69rem/1 var(--ui) !important; } .dcmds-warning,.dcx-warn,.dcmds-note,.dcmds-exact-proof.needs-review { margin: 14px 0 !important; padding: 14px 16px !important; border: 1px solid #e6d6a8 !important; border-left: 4px solid #c99724 !important; border-radius: 8px !important; background: #fff4d9 !important; color: #765116 !important; font-family: var(--ui) !important; font-size: .82rem !important; } .dcai-hero-cta,.dcmds-approved-ai-card { padding: 28px !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 20px !important; background: linear-gradient(145deg,var(--navy-deep),var(--panel)) !important; color: white !important; box-shadow: var(--shadow) !important; } .dcai-hero-cta :where(h2,h3),.dcmds-approved-ai-card :where(h2,h3) { color: white !important; font: 700 2.1rem/1 var(--display) !important; } .dcai-hero-cta p,.dcmds-approved-ai-card p { color: #c9dae7 !important; font-family: var(--serif) !important; font-size: .88rem !important; } .dcai-hero-cta .dcai-btn,.dcmds-approved-ai-card .dcai-btn { width: 100% !important; border-color: rgba(255,255,255,.25) !important; background: rgba(255,255,255,.06) !important; color: white !important; } .dcai-hero-cta .dcai-btn:first-child,.dcmds-approved-ai-card .dcai-btn:first-child { border-color: var(--teal) !important; background: var(--teal) !important; } /* Lookup hero uses the same DiraReach tool-hero treatment. */ .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand) { position: relative !important; overflow: hidden !important; padding: clamp(38px,5vw,62px) !important; border: 0 !important; border-radius: 24px !important; background: linear-gradient(135deg,#102038,#284870) !important; color: white !important; box-shadow: var(--shadow) !important; } .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand)::after { position: absolute; right: -100px; bottom: -145px; width: 340px; height: 340px; border: 40px solid rgba(159,188,216,.13); border-radius: 50%; content: ""; } .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand) > * { position: relative; z-index: 1; } .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand) :where(h1,h2,h3,p) { color: white !important; } .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand) h1 { font: 700 clamp(3.7rem,7vw,6.8rem)/.88 var(--display) !important; } .dc-route-mds-lookup .dc-reach-main :where(.dcmds-lookup-hero,.dc-lookup-hero,.dcmds-search-hero,.dc-lookup-brand) input { min-height: 54px !important; border: 0 !important; } /* Fix the six narrow stalls and all other skinny card rows. */ body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid) { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 18px !important; align-items: stretch !important; } body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid) > * { min-width: 0 !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 25px !important; border: 1px solid var(--line) !important; border-radius: 14px !important; background: white !important; box-shadow: var(--shadow-soft) !important; } body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid) :where(h3,h4) { margin: 15px 0 8px !important; color: var(--navy) !important; font: 700 1.55rem/1 var(--display) !important; overflow-wrap: anywhere !important; } body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid) p { font-size: .88rem !important; } .dcmds-source-grid { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; } .dcmds-source-grid > * { padding: 18px !important; border: 1px solid var(--line) !important; border-radius: 10px !important; background: #f7fafb !important; } .dc-route-mds-section .dc-reach-main :where(.dcmds-section-list,.dcmds-items,.item-list,.views-view-grid) { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 18px !important; width: 100% !important; max-width: none !important; } .dc-route-mds-section .dc-reach-main :where(.dcmds-section-list,.dcmds-items,.item-list,.views-view-grid) > * { min-width: 0 !important; width: auto !important; margin: 0 !important; padding: 25px !important; border: 1px solid var(--line) !important; border-radius: 14px !important; background: white !important; box-shadow: var(--shadow-soft) !important; } .dcmds-community-head,.dcx-head { display: flex !important; justify-content: space-between !important; gap: 28px !important; align-items: flex-start !important; } .dcmds-community-empty { padding: 16px !important; border: 1px dashed #cbd9e3 !important; border-radius: 8px !important; background: #fafcfc !important; color: var(--haze) !important; } /* Tables use DiraReach's compact UI type. */ body.dirachart-reach-match .dc-reach-main table { width: 100% !important; border-collapse: collapse !important; font-family: var(--ui) !important; font-size: .78rem !important; } body.dirachart-reach-match .dc-reach-main :where(th,td) { padding: 13px 12px !important; border-bottom: 1px solid var(--line) !important; text-align: left !important; vertical-align: top !important; } body.dirachart-reach-match .dc-reach-main th { color: var(--navy) !important; font-family: var(--mono) !important; font-size: .64rem !important; letter-spacing: .06em !important; text-transform: uppercase !important; } /* Stable desktop item rail. */ @media (min-width: 75rem) { .dc-route-mds-item .dcmds { display: grid !important; grid-template-columns: minmax(0,1fr) 310px !important; gap: 0 28px !important; } .dc-route-mds-item .dcmds > * { grid-column: 1; min-width: 0 !important; } .dc-route-mds-item .dcmds > :where(.dcmds-breadcrumb,.dcmds-source-row,.dcmds-item-hero) { grid-column: 1 / -1 !important; } .dc-route-mds-item .dcmds > :where(#dcmds-target-ai-top,.dcai-hero-cta,.dcmds-approved-ai-card) { grid-column: 2 !important; grid-row: 4 / span 8 !important; align-self: start !important; position: sticky !important; top: 104px !important; } } /* Floating tools stay visible without covering the content. */ body.dirachart-reach-match :where(.dcmds-float,.dc-floating-actions,.dcmds-floating-tools,[class*="floating"][class*="action"]) { right: 18px !important; bottom: 18px !important; gap: 8px !important; max-width: 190px !important; } body.dirachart-reach-match :where(.dcmds-float a,.dc-floating-actions a,.dcmds-floating-tools a) { min-height: 42px !important; padding: 8px 13px !important; border-radius: 999px !important; background: var(--navy-deep) !important; color: white !important; font: 700 .7rem/1.2 var(--ui) !important; box-shadow: 0 10px 26px rgba(16,32,56,.20) !important; } @media (max-width: 1020px) { .dcv2-hero-grid { grid-template-columns: 1fr !important; } .dcv2-product-grid,.dcv2-journey-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid) { grid-template-columns: repeat(2,minmax(0,1fr)) !important; } } @media (max-width: 700px) { body.dirachart-reach-match .dc-reach-main h1 { font-size: clamp(3.25rem,16vw,5.2rem); } body.dirachart-reach-match .dc-reach-main h2 { font-size: clamp(2.5rem,13vw,4rem); } .block-page-title-block { width: min(100% - 24px,1180px); padding-top: 42px; } .dcv2-wrap,body.dirachart-reach-match :where(.dcmds,.dcmds-lookup,.dcmds-section,.dc-mds-page) { width: min(100% - 24px,1180px) !important; } .dcv2-hero { padding: 65px 0 72px !important; } .dcv2-hero h1 { font-size: clamp(3.25rem,16vw,5.2rem) !important; } .dcv2-btn { width: 100% !important; } .dcv2-product-grid,.dcv2-journey-grid,.dcv2-entry-grid { grid-template-columns: 1fr !important; } .dcv2-spotlight,.dcv2-facility-band { padding: 28px 20px !important; border-radius: 20px !important; } body.dirachart-reach-match :where(.dcmds,.dcmds-lookup,.dcmds-section,.dc-mds-page) { padding: 34px 0 70px !important; } .dcmds-item-hero,.dcmds-panel,.dcx-panel,.dcmds-community-panel,.dcmds-fragment,.dcprl-small-card { padding: 22px !important; border-radius: 14px !important; } body.dirachart-reach-match .dcmds h1 { font-size: clamp(3rem,14vw,4.5rem) !important; } body.dirachart-reach-match .dcmds h2 { font-size: clamp(2.4rem,12vw,3.6rem) !important; } .dcmds-tabs { top: 76px !important; } body.dirachart-reach-match :where(.dcx-grid,.dcmds-related-grid,.dcmds-card-grid,.dcmds-card-row,.dc-related-grid,.dcmds-community-grid,.dcmds-source-grid), .dc-route-mds-section .dc-reach-main :where(.dcmds-section-list,.dcmds-items,.item-list,.views-view-grid) { grid-template-columns: 1fr !important; } .dcmds-community-head,.dcx-head { display: block !important; } body.dirachart-reach-match :where(.dcmds-float,.dc-floating-actions,.dcmds-floating-tools,[class*="floating"][class*="action"]) { right: 10px !important; bottom: 10px !important; } } /* BEGIN CARE SETTING PREMIUM v3.1.6 */ /* * This section deliberately uses the already-loaded * dirachart-adaptation.css file. */ section[data-dc-care-setting="premium-v3.1.5"] { position: relative !important; left: 50% !important; overflow: hidden !important; box-sizing: border-box !important; width: 100vw !important; max-width: none !important; margin: clamp(70px, 8vw, 110px) 0 clamp(74px, 8vw, 116px) -50vw !important; padding: clamp(78px, 8vw, 112px) 0 clamp(82px, 9vw, 124px) !important; background: radial-gradient( circle at 7% 10%, rgba(81, 183, 173, .19), transparent 31rem ), radial-gradient( circle at 96% 90%, rgba(87, 139, 202, .17), transparent 34rem ), linear-gradient( 135deg, #0d2035 0%, #15314d 50%, #274a70 100% ) !important; color: #ffffff !important; } section[data-dc-care-setting="premium-v3.1.5"]::before { position: absolute !important; top: -260px !important; right: -210px !important; display: block !important; box-sizing: border-box !important; width: 560px !important; height: 560px !important; border: 68px solid rgba(175, 211, 225, .065) !important; border-radius: 50% !important; background: transparent !important; content: "" !important; pointer-events: none !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-wrap { position: relative !important; z-index: 2 !important; box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto !important; padding: 0 !important; } /* Header */ section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head { display: grid !important; grid-template-columns: minmax(320px, .86fr) minmax(400px, 1.14fr) !important; grid-template-areas: "label label" "title description" !important; gap: 12px 70px !important; width: 100% !important; max-width: none !important; margin: 0 0 52px !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head::before { grid-area: label !important; display: block !important; margin: 0 0 7px !important; color: #7fd3cb !important; font-family: var(--mono) !important; font-size: .69rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .16em !important; text-transform: uppercase !important; content: "Choose your workspace" !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head h2 { grid-area: title !important; max-width: 560px !important; margin: 0 !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--display) !important; font-size: clamp(3.8rem, 6vw, 5.8rem) !important; font-weight: 700 !important; line-height: .89 !important; letter-spacing: .008em !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head p { grid-area: description !important; align-self: end !important; max-width: 590px !important; margin: 0 0 7px !important; color: #d3e0e9 !important; -webkit-text-fill-color: #d3e0e9 !important; opacity: 1 !important; font-family: var(--serif) !important; font-size: 1.08rem !important; line-height: 1.68 !important; } /* Two workspace cards */ section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; width: 100% !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry { --dc-workspace-accent: #3f9d96; position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; box-sizing: border-box !important; min-width: 0 !important; min-height: 530px !important; padding: 38px !important; border: 0 !important; border-top: 6px solid var(--dc-workspace-accent) !important; border-radius: 20px !important; background: linear-gradient( 180deg, #ffffff 0%, #f7fafc 100% ) !important; color: #173651 !important; box-shadow: 0 28px 68px rgba(3, 17, 31, .28) !important; transform: translateY(0) !important; transition: transform 180ms ease, box-shadow 180ms ease !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry:nth-child(2), section[data-dc-care-setting="premium-v3.1.5"] #home-care { --dc-workspace-accent: #4c83c6; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry:hover { transform: translateY(-6px) !important; box-shadow: 0 38px 82px rgba(3, 17, 31, .36) !important; } /* Remove the original beige corner decoration. */ section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry::after { display: none !important; width: 0 !important; height: 0 !important; background: none !important; content: none !important; } /* Subtle workspace number instead. */ section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry::before { position: absolute !important; top: 22px !important; right: 28px !important; display: block !important; color: rgba(25, 58, 89, .08) !important; font-family: var(--display) !important; font-size: 4.7rem !important; font-weight: 700 !important; line-height: 1 !important; content: "01" !important; pointer-events: none !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry:nth-child(2)::before, section[data-dc-care-setting="premium-v3.1.5"] #home-care::before { content: "02" !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-kicker { position: relative !important; z-index: 2 !important; margin: 0 !important; color: var(--dc-workspace-accent) !important; -webkit-text-fill-color: var(--dc-workspace-accent) !important; font-family: var(--mono) !important; font-size: .66rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry h3 { position: relative !important; z-index: 2 !important; max-width: 450px !important; margin: 23px 0 14px !important; color: #183958 !important; -webkit-text-fill-color: #183958 !important; font-family: var(--display) !important; font-size: clamp(2.45rem, 3.25vw, 3.2rem) !important; font-weight: 700 !important; line-height: .96 !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry > p { position: relative !important; z-index: 2 !important; max-width: 500px !important; margin: 0 0 27px !important; color: #526e86 !important; -webkit-text-fill-color: #526e86 !important; opacity: 1 !important; font-family: var(--serif) !important; font-size: .96rem !important; line-height: 1.58 !important; } /* Product rows */ section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry ul { position: relative !important; z-index: 2 !important; display: grid !important; gap: 9px !important; width: 100% !important; margin: 0 0 30px !important; padding: 0 !important; list-style: none !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry li { display: flex !important; box-sizing: border-box !important; min-height: 47px !important; padding: 11px 14px !important; border: 1px solid #d9e5ec !important; border-radius: 9px !important; gap: 14px !important; align-items: center !important; justify-content: space-between !important; background: #f4f8fa !important; color: #1c4264 !important; -webkit-text-fill-color: #1c4264 !important; font-family: var(--ui) !important; font-size: .77rem !important; font-weight: 700 !important; line-height: 1.3 !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry li:hover { border-color: #bcd3dc !important; background: #edf5f6 !important; } /* Status pills */ section[data-dc-care-setting="premium-v3.1.5"] .tag { flex: 0 0 auto !important; display: inline-flex !important; padding: 6px 9px !important; border: 0 !important; border-radius: 999px !important; align-items: center !important; background: #dff2e8 !important; color: #26784d !important; -webkit-text-fill-color: #26784d !important; font-family: var(--ui) !important; font-size: .58rem !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .045em !important; text-transform: uppercase !important; } section[data-dc-care-setting="premium-v3.1.5"] .tag.soon, section[data-dc-care-setting="premium-v3.1.5"] .tag[class*="soon"] { background: #e4edf7 !important; color: #356a9e !important; -webkit-text-fill-color: #356a9e !important; } /* Bottom buttons */ section[data-dc-care-setting="premium-v3.1.5"] .go { position: relative !important; z-index: 2 !important; display: inline-flex !important; box-sizing: border-box !important; width: fit-content !important; min-height: 49px !important; margin-top: auto !important; padding: 0 20px !important; border: 0 !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: var(--dc-workspace-accent) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: .8rem !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: 0 12px 27px rgba(24, 57, 88, .20) !important; } section[data-dc-care-setting="premium-v3.1.5"] .go::after { margin-left: 10px !important; content: "→" !important; } section[data-dc-care-setting="premium-v3.1.5"] .go:hover { filter: brightness(.94) !important; transform: translateY(-2px) !important; } /* Tablet */ @media (max-width: 900px) { section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head { grid-template-columns: 1fr !important; grid-template-areas: "label" "title" "description" !important; gap: 12px !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head p { max-width: 700px !important; margin-top: 8px !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry-grid { grid-template-columns: 1fr !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry { min-height: auto !important; } } /* Mobile */ @media (max-width: 640px) { section[data-dc-care-setting="premium-v3.1.5"] { margin-top: 52px !important; margin-bottom: 64px !important; padding: 64px 0 74px !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-wrap { width: calc(100% - 24px) !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-section-head h2 { font-size: clamp(3.1rem, 15vw, 4.5rem) !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry { padding: 29px 23px !important; border-radius: 17px !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry h3 { max-width: 310px !important; font-size: clamp(2.4rem, 11vw, 3rem) !important; } section[data-dc-care-setting="premium-v3.1.5"] .dcv2-entry::before { top: 20px !important; right: 18px !important; font-size: 3.8rem !important; } section[data-dc-care-setting="premium-v3.1.5"] .go { width: 100% !important; } } /* END CARE SETTING PREMIUM v3.1.6 */ /* BEGIN MDS LOOKUP FLAGSHIP v3.2.0 */ body.dc-lookup-flagship-page { background: #f3f7f9 !important; } body.dc-lookup-flagship-page .dc-reach-main { padding-bottom: 96px; } body.dc-lookup-flagship-page .dc-lookup-remove-title, body.dc-lookup-flagship-page .dc-lookup-remove-intro, body.dc-lookup-flagship-page .dc-lookup-hidden-internal { display: none !important; } body.dc-lookup-flagship-page .dcmds, body.dc-lookup-flagship-page .dcmds-lookup, body.dc-lookup-flagship-page .dc-mds-page { width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin-inline: auto !important; padding-top: 26px !important; } /* Personal workspace utility rail. */ body.dc-lookup-flagship-page .dc-lookup-workspace { position: relative !important; display: grid !important; grid-template-columns: minmax(260px, .85fr) minmax(0, 1.15fr) !important; gap: 24px 38px !important; align-items: center !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 18px auto 16px !important; padding: 20px 22px !important; border: 1px solid #d6e2e8 !important; border-radius: 14px !important; background: rgba(255, 255, 255, .96) !important; box-shadow: 0 12px 34px rgba(18, 45, 70, .07) !important; } body.dc-lookup-flagship-page .dc-lookup-workspace-label { display: block; margin-bottom: 3px; color: #3f8f89; font: 700 .62rem/1.3 var(--mono); letter-spacing: .15em; text-transform: uppercase; } body.dc-lookup-flagship-page .dc-lookup-workspace :where(h1, h2, h3) { margin: 0 !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; font: 700 1.65rem/1 var(--display) !important; } body.dc-lookup-flagship-page .dc-lookup-workspace-copy { margin: 6px 0 0 !important; color: #62798a !important; -webkit-text-fill-color: #62798a !important; font: 400 .82rem/1.45 var(--serif) !important; } body.dc-lookup-flagship-page .dc-lookup-workspace-actions { display: grid !important; grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: 8px !important; align-items: stretch !important; } body.dc-lookup-flagship-page .dc-lookup-workspace :where(a, button, .button) { min-width: 0 !important; min-height: 42px !important; padding: 10px 12px !important; border: 1px solid #d3e0e7 !important; border-radius: 8px !important; background: #f6f9fa !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; font: 700 .68rem/1.2 var(--ui) !important; text-align: center !important; box-shadow: none !important; } body.dc-lookup-flagship-page .dc-lookup-workspace :where(a, button, .button):hover { border-color: #77bdb7 !important; background: #eaf5f3 !important; } /* AI becomes a horizontal desktop strip. */ body.dc-lookup-flagship-page .dc-lookup-ai-strip { display: grid !important; grid-template-columns: minmax(250px, .82fr) minmax(0, 1.6fr) !important; gap: 22px 34px !important; align-items: center !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 16px auto 24px !important; padding: 26px 28px !important; border: 1px solid rgba(255, 255, 255, .1) !important; border-radius: 18px !important; background: radial-gradient(circle at 92% 14%, rgba(98, 202, 193, .14), transparent 24rem), linear-gradient(135deg, #10243d 0%, #183a58 100%) !important; color: #ffffff !important; box-shadow: 0 18px 46px rgba(16, 36, 61, .18) !important; } body.dc-lookup-flagship-page .dc-lookup-ai-strip :where(h1, h2, h3) { margin: 0 0 8px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 2.25rem/.96 var(--display) !important; } body.dc-lookup-flagship-page .dc-lookup-ai-strip p { margin: 0 !important; color: #c9dbe7 !important; -webkit-text-fill-color: #c9dbe7 !important; font: 400 .84rem/1.55 var(--serif) !important; } body.dc-lookup-flagship-page .dc-lookup-ai-actions { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 9px !important; } body.dc-lookup-flagship-page .dc-lookup-ai-strip :where(a, button, .button) { min-width: 0 !important; min-height: 48px !important; padding: 11px 12px !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .06) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .69rem/1.25 var(--ui) !important; text-align: center !important; box-shadow: none !important; } body.dc-lookup-flagship-page .dc-lookup-ai-strip :where(a, button, .button):first-of-type { border-color: #6fc9c1 !important; background: #6fc9c1 !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; } /* Flagship search command center. */ body.dc-lookup-flagship-page .dc-lookup-command { position: relative !important; overflow: hidden !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto 34px !important; padding: clamp(38px, 5vw, 58px) !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 24px !important; background: radial-gradient(circle at 96% 92%, rgba(111, 201, 193, .33), transparent 22rem), linear-gradient(135deg, #11243d 0%, #1d4961 58%, #34786f 100%) !important; color: #ffffff !important; box-shadow: 0 26px 64px rgba(17, 36, 61, .22) !important; } body.dc-lookup-flagship-page .dc-lookup-command::after { position: absolute; right: -150px; bottom: -220px; width: 430px; height: 430px; border: 52px solid rgba(255, 255, 255, .07); border-radius: 50%; content: ''; pointer-events: none; } body.dc-lookup-flagship-page .dc-lookup-command > * { position: relative !important; z-index: 1 !important; } body.dc-lookup-flagship-page .dc-lookup-command :where(h1, h2, h3) { max-width: 850px !important; margin: 8px 0 8px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 clamp(3.7rem, 6vw, 5.8rem)/.88 var(--display) !important; } body.dc-lookup-flagship-page .dc-lookup-command-tagline { max-width: 760px !important; margin: 0 0 10px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 clamp(1.15rem, 2vw, 1.5rem)/1.25 var(--ui) !important; } body.dc-lookup-flagship-page .dc-lookup-command p:not(.dc-lookup-command-tagline) { max-width: 790px !important; color: #d4e5e8 !important; -webkit-text-fill-color: #d4e5e8 !important; } body.dc-lookup-flagship-page .dc-lookup-source-baselines { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 0 0 20px !important; color: #d8e9ec !important; } body.dc-lookup-flagship-page .dc-lookup-source-baselines > * { padding: 7px 10px !important; border: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .62rem/1 var(--ui) !important; } body.dc-lookup-flagship-page .dc-lookup-metrics { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin: 24px 0 18px !important; } body.dc-lookup-flagship-page .dc-lookup-metrics > * { padding: 8px 11px !important; border: 1px solid rgba(255, 255, 255, .15) !important; border-radius: 8px !important; background: rgba(255, 255, 255, .1) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .7rem/1 var(--ui) !important; } body.dc-lookup-flagship-page .dc-lookup-search-shell { display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 10px !important; align-items: stretch !important; width: 100% !important; margin: 20px 0 16px !important; } body.dc-lookup-flagship-page .dc-lookup-search-shell :where(input[type='search'], input[type='text']) { min-height: 58px !important; border: 1px solid rgba(255, 255, 255, .18) !important; border-radius: 9px !important; background: rgba(255, 255, 255, .96) !important; color: #173653 !important; font-size: .92rem !important; } body.dc-lookup-flagship-page .dc-lookup-search-shell :where(button, input[type='submit']) { min-height: 58px !important; padding-inline: 25px !important; border-radius: 9px !important; background: #ffffff !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; } body.dc-lookup-flagship-page .dc-lookup-secondary-action { display: inline-flex !important; min-height: 40px !important; margin: 5px 7px 0 0 !important; padding: 9px 13px !important; border: 1px solid rgba(255, 255, 255, .22) !important; border-radius: 7px !important; background: rgba(255, 255, 255, .08) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .68rem/1 var(--ui) !important; text-decoration: none !important; box-shadow: none !important; } body.dc-lookup-flagship-page .dc-lookup-popular-codes { display: flex !important; flex-wrap: wrap !important; gap: 7px !important; margin-top: 14px !important; } body.dc-lookup-flagship-page .dc-lookup-popular-codes a { padding: 7px 10px !important; border: 1px solid rgba(255, 255, 255, .14) !important; border-radius: 999px !important; background: rgba(255, 255, 255, .1) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .65rem/1 var(--ui) !important; } /* Assessment Types: collapsed by default. */ body.dc-lookup-flagship-page .dc-assessment-accordion { width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 28px auto 58px !important; } body.dc-lookup-flagship-page .dc-assessment-details { overflow: hidden; border: 1px solid #d4e2e8; border-radius: 16px; background: #ffffff; box-shadow: 0 14px 38px rgba(20, 47, 73, .07); } body.dc-lookup-flagship-page .dc-assessment-details > summary { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding: 24px 26px; cursor: pointer; list-style: none; } body.dc-lookup-flagship-page .dc-assessment-details > summary::-webkit-details-marker { display: none; } body.dc-lookup-flagship-page .dc-assessment-summary-main { display: grid; gap: 4px; } body.dc-lookup-flagship-page .dc-assessment-kicker { color: #3f8f89; font: 700 .62rem/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; } body.dc-lookup-flagship-page .dc-assessment-summary-main strong { color: #173653; font: 700 2.15rem/1 var(--display); } body.dc-lookup-flagship-page .dc-assessment-summary-main > span:last-child { max-width: 760px; color: #62798a; font: 400 .86rem/1.5 var(--serif); } body.dc-lookup-flagship-page .dc-assessment-summary-count { display: inline-flex; padding: 9px 12px; border-radius: 999px; background: #e8f3f2; color: #286d68; font: 700 .65rem/1 var(--ui); } body.dc-lookup-flagship-page .dc-assessment-details > summary::after { content: '+'; display: grid; grid-column: 2; grid-row: 1; place-items: center; width: 34px; height: 34px; margin-left: auto; border: 1px solid #cadde2; border-radius: 50%; color: #173653; font: 700 1.2rem/1 var(--ui); } body.dc-lookup-flagship-page .dc-assessment-details[open] > summary::after { content: '–'; } body.dc-lookup-flagship-page .dc-assessment-summary-count { margin-right: 48px; } body.dc-lookup-flagship-page .dc-assessment-original { width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 26px 28px !important; border-top: 1px solid #e0e9ed !important; } body.dc-lookup-flagship-page .dc-assessment-original > :where(h1, h2, h3):first-of-type { display: none !important; } /* Section browser. */ body.dc-lookup-flagship-page .dc-section-browser { width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto 72px !important; padding: 0 !important; } body.dc-lookup-flagship-page .dc-section-browser > :where(h1, h2, h3) { margin: 0 0 8px !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; font: 700 clamp(3rem, 5vw, 4.4rem)/.94 var(--display) !important; } body.dc-lookup-flagship-page .dc-section-browser-copy { margin: 0 0 26px !important; color: #607789 !important; -webkit-text-fill-color: #607789 !important; font: 400 .95rem/1.55 var(--serif) !important; } body.dc-lookup-flagship-page .dc-section-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 13px !important; width: 100% !important; } body.dc-lookup-flagship-page .dc-section-card { position: relative !important; display: flex !important; flex-direction: column !important; justify-content: center !important; min-width: 0 !important; min-height: 118px !important; padding: 18px 42px 18px 18px !important; border: 1px solid #d5e2e7 !important; border-radius: 12px !important; background: #ffffff !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; text-decoration: none !important; box-shadow: 0 9px 26px rgba(18, 45, 70, .055) !important; transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease; } body.dc-lookup-flagship-page .dc-section-card::after { position: absolute; right: 17px; top: 50%; color: #3f9d96; font: 700 1.1rem/1 var(--ui); content: '→'; transform: translateY(-50%); } body.dc-lookup-flagship-page .dc-section-card:hover { border-color: #7dc0ba !important; box-shadow: 0 16px 34px rgba(18, 45, 70, .11) !important; transform: translateY(-3px); } /* Matrix and QM product spotlights. */ body.dc-lookup-flagship-page .dc-lookup-product-spotlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; width: min(1180px, calc(100% - 40px)); max-width: 1180px; margin: 0 auto 34px; } body.dc-lookup-flagship-page .dc-matrix-spotlight, body.dc-lookup-flagship-page .dc-qm-launch-card { position: relative !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; min-width: 0 !important; min-height: 500px !important; margin: 0 !important; padding: 38px !important; border: 0 !important; border-radius: 22px !important; color: #ffffff !important; box-shadow: 0 26px 62px rgba(16, 36, 61, .2) !important; } body.dc-lookup-flagship-page .dc-matrix-spotlight { background: radial-gradient(circle at 95% 88%, rgba(111, 201, 193, .18), transparent 22rem), linear-gradient(145deg, #10243d 0%, #244f76 100%) !important; } body.dc-lookup-flagship-page .dc-qm-launch-card { background: radial-gradient(circle at 95% 8%, rgba(255, 255, 255, .16), transparent 22rem), linear-gradient(145deg, #17635d 0%, #398d83 100%) !important; } body.dc-lookup-flagship-page .dc-spotlight-kicker { margin-bottom: 20px; color: #91ddd6; font: 700 .66rem/1.3 var(--mono); letter-spacing: .15em; text-transform: uppercase; } body.dc-lookup-flagship-page .dc-qm-launch-card .dc-spotlight-kicker { color: #d7fffa; } body.dc-lookup-flagship-page :where(.dc-matrix-spotlight, .dc-qm-launch-card) h2 { max-width: 500px !important; margin: 0 0 18px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 clamp(3rem, 4.6vw, 4.5rem)/.9 var(--display) !important; } body.dc-lookup-flagship-page :where(.dc-matrix-spotlight, .dc-qm-launch-card) p { margin: 0 0 24px !important; color: #d4e4ec !important; -webkit-text-fill-color: #d4e4ec !important; font: 400 .93rem/1.62 var(--serif) !important; } body.dc-lookup-flagship-page .dc-qm-launch-card p { color: #e1f3f0 !important; -webkit-text-fill-color: #e1f3f0 !important; } body.dc-lookup-flagship-page .dc-spotlight-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; margin: auto 0 24px; } body.dc-lookup-flagship-page .dc-spotlight-metrics span { display: grid; gap: 4px; padding: 14px 12px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 10px; background: rgba(255, 255, 255, .06); color: #cbdde8; font: 600 .66rem/1.3 var(--ui); } body.dc-lookup-flagship-page .dc-spotlight-metrics strong { color: #ffffff; font: 700 1.5rem/1 var(--display); } body.dc-lookup-flagship-page .dc-qm-launch-card ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; margin: 0 0 24px; padding: 0; list-style: none; } body.dc-lookup-flagship-page .dc-qm-launch-card li { padding: 12px 13px; border: 1px solid rgba(255, 255, 255, .14); border-radius: 9px; background: rgba(255, 255, 255, .07); color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font: 700 .7rem/1.35 var(--ui) !important; } body.dc-lookup-flagship-page .dc-qm-launch-footer { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-top: auto; } body.dc-lookup-flagship-page .dc-qm-launch-footer > span { color: #d7fffa; font: 700 .64rem/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; } body.dc-lookup-flagship-page .dc-spotlight-button { display: inline-flex !important; width: fit-content !important; min-height: 50px !important; padding: 0 19px !important; border: 0 !important; border-radius: 8px !important; align-items: center !important; gap: 9px !important; background: #ffffff !important; color: #173653 !important; -webkit-text-fill-color: #173653 !important; font: 700 .78rem/1 var(--ui) !important; text-decoration: none !important; box-shadow: 0 12px 28px rgba(0, 0, 0, .14) !important; } @media (max-width: 980px) { body.dc-lookup-flagship-page .dc-lookup-workspace, body.dc-lookup-flagship-page .dc-lookup-ai-strip { grid-template-columns: 1fr !important; } body.dc-lookup-flagship-page .dc-lookup-workspace-actions { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.dc-lookup-flagship-page .dc-lookup-ai-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } body.dc-lookup-flagship-page .dc-section-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } body.dc-lookup-flagship-page .dc-lookup-product-spotlights { grid-template-columns: 1fr; } body.dc-lookup-flagship-page .dc-matrix-spotlight, body.dc-lookup-flagship-page .dc-qm-launch-card { min-height: 430px !important; } } @media (max-width: 700px) { body.dc-lookup-flagship-page .dcmds, body.dc-lookup-flagship-page .dcmds-lookup, body.dc-lookup-flagship-page .dc-mds-page, body.dc-lookup-flagship-page .dc-lookup-workspace, body.dc-lookup-flagship-page .dc-lookup-ai-strip, body.dc-lookup-flagship-page .dc-lookup-command, body.dc-lookup-flagship-page .dc-assessment-accordion, body.dc-lookup-flagship-page .dc-section-browser, body.dc-lookup-flagship-page .dc-lookup-product-spotlights { width: calc(100% - 24px) !important; } body.dc-lookup-flagship-page .dc-lookup-workspace, body.dc-lookup-flagship-page .dc-lookup-ai-strip { padding: 22px !important; border-radius: 15px !important; } body.dc-lookup-flagship-page .dc-lookup-workspace-actions, body.dc-lookup-flagship-page .dc-lookup-ai-actions { grid-template-columns: 1fr !important; } body.dc-lookup-flagship-page .dc-lookup-command { padding: 30px 23px !important; border-radius: 18px !important; } body.dc-lookup-flagship-page .dc-lookup-command :where(h1, h2, h3) { font-size: clamp(3rem, 15vw, 4.5rem) !important; } body.dc-lookup-flagship-page .dc-lookup-search-shell { grid-template-columns: 1fr !important; } body.dc-lookup-flagship-page .dc-assessment-details > summary { grid-template-columns: 1fr auto; padding: 21px; } body.dc-lookup-flagship-page .dc-assessment-summary-count { display: none; } body.dc-lookup-flagship-page .dc-assessment-original { padding: 0 18px 20px !important; } body.dc-lookup-flagship-page .dc-section-grid { grid-template-columns: 1fr !important; } body.dc-lookup-flagship-page .dc-matrix-spotlight, body.dc-lookup-flagship-page .dc-qm-launch-card { min-height: auto !important; padding: 28px 23px !important; border-radius: 18px !important; } body.dc-lookup-flagship-page .dc-spotlight-metrics, body.dc-lookup-flagship-page .dc-qm-launch-card ul { grid-template-columns: 1fr !important; } body.dc-lookup-flagship-page .dc-spotlight-button { width: 100% !important; justify-content: center !important; } } /* END MDS LOOKUP FLAGSHIP v3.2.0 */ /* BEGIN MDS LOOKUP TOP v3.2.1 */ /* * Applies only to the main MDS Lookup landing page. */ body.dc-mds-lookup-page { --dc-lookup-navy: #10243d; --dc-lookup-blue: #1d4165; --dc-lookup-teal: #4faea5; --dc-lookup-pale: #edf5f7; --dc-lookup-border: #c9dbe1; } /* Remove the duplicate Drupal page title. */ body.dc-mds-lookup-page .dc-mds-duplicate-title { display: none !important; } /* * My DiraChart Workspace: * prominent personal command rail. */ body.dc-mds-lookup-page .dc-mds-workspace-rail { position: relative !important; z-index: 5 !important; box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 20px auto 22px !important; padding: 17px 19px !important; display: flex !important; gap: 16px !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; border: 1px solid var(--dc-lookup-border) !important; border-left: 5px solid var(--dc-lookup-teal) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #ffffff 0%, #f0f7f8 100% ) !important; color: var(--dc-lookup-navy) !important; box-shadow: 0 12px 30px rgba(16, 36, 61, .10) !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail::before { position: absolute !important; top: -9px !important; left: 19px !important; padding: 3px 8px !important; border-radius: 999px !important; background: var(--dc-lookup-navy) !important; color: #ffffff !important; font-family: var(--mono) !important; font-size: .55rem !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: .11em !important; text-transform: uppercase !important; content: "Your saved work" !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(h1, h2, h3, h4) { margin: 0 !important; color: var(--dc-lookup-navy) !important; -webkit-text-fill-color: var(--dc-lookup-navy) !important; font-family: var(--ui) !important; font-size: 1rem !important; font-weight: 800 !important; line-height: 1.2 !important; letter-spacing: -.01em !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(p, span) { color: #587184 !important; -webkit-text-fill-color: #587184 !important; font-family: var(--ui) !important; font-size: .72rem !important; line-height: 1.4 !important; } body.dc-mds-lookup-page .dc-mds-workspace-status { display: inline-flex !important; padding: 5px 9px !important; border-radius: 999px !important; align-items: center !important; background: #e1f2e8 !important; color: #26784d !important; -webkit-text-fill-color: #26784d !important; font-size: .62rem !important; font-weight: 800 !important; } body.dc-mds-lookup-page .dc-mds-workspace-status::before { width: 7px !important; height: 7px !important; margin-right: 6px !important; border-radius: 50% !important; background: #2f9a62 !important; content: "" !important; } body.dc-mds-lookup-page .dc-mds-workspace-actions { display: flex !important; gap: 8px !important; align-items: center !important; justify-content: flex-end !important; flex-wrap: wrap !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(a, button, .button) { box-sizing: border-box !important; min-height: 39px !important; padding: 0 13px !important; display: inline-flex !important; border: 1px solid #c6d7de !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; color: #173651 !important; -webkit-text-fill-color: #173651 !important; font-family: var(--ui) !important; font-size: .7rem !important; font-weight: 750 !important; line-height: 1 !important; text-decoration: none !important; box-shadow: none !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(a, button, .button):hover { border-color: var(--dc-lookup-teal) !important; background: #eef8f7 !important; transform: translateY(-1px) !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(a, button, .button):last-child { border-color: var(--dc-lookup-navy) !important; background: var(--dc-lookup-navy) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } /* * DiraChart AI: * horizontal desktop action strip, * stacked mobile actions. */ body.dc-mds-lookup-page .dc-mds-ai-strip { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto 24px !important; padding: 23px 25px !important; border: 1px solid rgba(255, 255, 255, .08) !important; border-radius: 15px !important; background: radial-gradient( circle at 94% 10%, rgba(79, 174, 165, .18), transparent 28% ), linear-gradient( 135deg, #10243d 0%, #183957 100% ) !important; color: #ffffff !important; box-shadow: 0 16px 38px rgba(16, 36, 61, .16) !important; } body.dc-mds-lookup-page .dc-mds-ai-strip :where(h1, h2, h3, h4) { margin: 0 0 7px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: 1.08rem !important; font-weight: 800 !important; line-height: 1.2 !important; } body.dc-mds-lookup-page .dc-mds-ai-strip p { max-width: 820px !important; margin: 0 0 17px !important; color: #d3e1ea !important; -webkit-text-fill-color: #d3e1ea !important; font-family: var(--serif) !important; font-size: .82rem !important; line-height: 1.5 !important; } body.dc-mds-lookup-page .dc-mds-ai-actions { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 10px !important; width: 100% !important; } body.dc-mds-lookup-page .dc-mds-ai-actions :where(a, button, .button) { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; min-height: 45px !important; padding: 10px 13px !important; display: flex !important; border: 1px solid rgba(255, 255, 255, .25) !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, .08) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: .71rem !important; font-weight: 750 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: none !important; } body.dc-mds-lookup-page .dc-mds-ai-actions :where(a, button, .button):first-child { border-color: var(--dc-lookup-teal) !important; background: var(--dc-lookup-teal) !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; } body.dc-mds-lookup-page .dc-mds-ai-actions :where(a, button, .button):hover { border-color: #83d5cd !important; background: rgba(79, 174, 165, .20) !important; transform: translateY(-2px) !important; } /* * Keep the lookup command center close to the tools. */ body.dc-mds-lookup-page .dc-mds-ai-strip + * { margin-top: 0 !important; } /* Tablet */ @media (max-width: 900px) { body.dc-mds-lookup-page .dc-mds-workspace-rail { align-items: flex-start !important; } body.dc-mds-lookup-page .dc-mds-workspace-actions { width: 100% !important; justify-content: flex-start !important; } body.dc-mds-lookup-page .dc-mds-ai-actions { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Mobile */ @media (max-width: 640px) { body.dc-mds-lookup-page .dc-mds-workspace-rail, body.dc-mds-lookup-page .dc-mds-ai-strip { width: calc(100% - 24px) !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail { margin-top: 16px !important; padding: 19px 15px 14px !important; } body.dc-mds-lookup-page .dc-mds-workspace-actions { overflow-x: auto !important; padding-bottom: 4px !important; flex-wrap: nowrap !important; scrollbar-width: thin !important; } body.dc-mds-lookup-page .dc-mds-workspace-rail :where(a, button, .button) { flex: 0 0 auto !important; } body.dc-mds-lookup-page .dc-mds-ai-strip { padding: 21px 17px !important; } body.dc-mds-lookup-page .dc-mds-ai-actions { grid-template-columns: 1fr !important; } } /* END MDS LOOKUP TOP v3.2.1 */ /* BEGIN MDS SECTION ALIGNMENT v3.3.1 */ /* * Break the redesigned section components out of the old narrow * content wrapper and center them against the browser viewport. */ body.dc-mds-section-page :is( .dc-section-workspace, .dc-section-ai, .dc-section-identity, .dc-section-toolbar, .dc-section-item-grid, .dc-section-bottom-cta ) { position: relative !important; left: 50% !important; box-sizing: border-box !important; width: min(1180px, calc(100vw - 40px)) !important; max-width: 1180px !important; margin-left: 0 !important; margin-right: 0 !important; transform: translateX(-50%) !important; } /* * Force the item collection to use the full professional grid. * Old section CSS assigned fixed widths and first-column placement * to the original cards. */ body.dc-mds-section-page .dc-section-item-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; grid-auto-flow: row !important; grid-auto-columns: minmax(0, 1fr) !important; gap: 20px !important; align-items: stretch !important; justify-items: stretch !important; margin-top: 0 !important; margin-bottom: 0 !important; padding: 0 !important; } /* Remove every legacy fixed-width or forced-column rule. */ body.dc-mds-section-page .dc-section-item-grid > .dc-section-item-card { grid-column: auto !important; grid-row: auto !important; justify-self: stretch !important; align-self: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; margin: 0 !important; } /* * Some cards contain one more legacy wrapper. It must also occupy * the full grid cell rather than retaining the former narrow width. */ body.dc-mds-section-page .dc-section-item-card > :where(article, div, li, a) { box-sizing: border-box !important; width: 100% !important; max-width: none !important; } /* Keep card text from producing unnecessarily narrow columns. */ body.dc-mds-section-page .dc-section-item-card :where(h1, h2, h3, h4, p, strong, a) { max-width: none !important; } /* Ensure the toolbar spans the same width as the item grid. */ body.dc-mds-section-page .dc-section-toolbar { grid-template-columns: minmax(0, 1fr) minmax(300px, 430px) !important; margin-top: 0 !important; margin-bottom: 20px !important; } /* Keep the section identity and Matrix CTA properly centered. */ body.dc-mds-section-page .dc-section-identity { margin-top: 28px !important; margin-bottom: 24px !important; } body.dc-mds-section-page .dc-section-bottom-cta { margin-top: 54px !important; margin-bottom: 0 !important; } /* Tablet */ @media (max-width: 980px) { body.dc-mds-section-page .dc-section-item-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Mobile */ @media (max-width: 680px) { body.dc-mds-section-page :is( .dc-section-workspace, .dc-section-ai, .dc-section-identity, .dc-section-toolbar, .dc-section-item-grid, .dc-section-bottom-cta ) { width: calc(100vw - 24px) !important; } body.dc-mds-section-page .dc-section-item-grid { grid-template-columns: 1fr !important; gap: 14px !important; } body.dc-mds-section-page .dc-section-toolbar { grid-template-columns: 1fr !important; } } /* END MDS SECTION ALIGNMENT v3.3.1 */ /* BEGIN MDS ITEM TOP v3.4.0 */ body.dc-mds-item-page { --dc-item-navy: #10243d; --dc-item-blue: #1d4266; --dc-item-teal: #4ea9a1; --dc-item-pale: #eef5f7; --dc-item-border: #cfdee4; background: #f3f7f8 !important; } body.dc-mds-item-page main { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 0 96px !important; } body.dc-mds-item-page .dc-item-hidden-title, body.dc-mds-item-page .dc-item-generic-hero { display: none !important; } /* Breadcrumbs */ body.dc-mds-item-page .dc-item-breadcrumb { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 20px auto 10px !important; color: #5a7184 !important; font-family: var(--ui) !important; font-size: .72rem !important; } /* Workspace command rail */ body.dc-mds-item-page .dc-item-workspace { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 18px auto 18px !important; padding: 16px 18px !important; border: 1px solid var(--dc-item-border) !important; border-left: 5px solid var(--dc-item-teal) !important; border-radius: 12px !important; background: linear-gradient( 180deg, #ffffff, #f0f7f8 ) !important; color: var(--dc-item-navy) !important; box-shadow: 0 11px 29px rgba(16, 36, 61, .09) !important; } /* Item top grid */ body.dc-mds-item-page .dc-item-top-grid { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 24px auto 20px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(285px, 330px) !important; gap: 24px !important; align-items: start !important; } /* Item identity command center */ body.dc-mds-item-page .dc-item-identity { position: relative !important; overflow: hidden !important; box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: clamp(38px, 5vw, 60px) !important; border: 1px solid #d0dfe5 !important; border-radius: 22px !important; background: radial-gradient( circle at 96% 4%, rgba(75, 145, 190, .10), transparent 31% ), linear-gradient( 145deg, #ffffff 0%, #eef5f9 100% ) !important; color: var(--dc-item-navy) !important; box-shadow: 0 23px 52px rgba(16, 36, 61, .13) !important; } body.dc-mds-item-page .dc-item-identity::after { position: absolute !important; top: -175px !important; right: -145px !important; width: 390px !important; height: 390px !important; border: 48px solid rgba(40, 94, 140, .055) !important; border-radius: 50% !important; content: "" !important; pointer-events: none !important; } body.dc-mds-item-page .dc-item-eyebrow { position: relative !important; z-index: 2 !important; margin: 0 0 13px !important; color: #287d76 !important; font-family: var(--mono) !important; font-size: .67rem !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } body.dc-mds-item-page .dc-item-main-heading { position: relative !important; z-index: 2 !important; max-width: 820px !important; margin: 0 0 18px !important; color: var(--dc-item-navy) !important; -webkit-text-fill-color: var(--dc-item-navy) !important; font-family: var(--display) !important; font-size: clamp(3.3rem, 5.7vw, 5.5rem) !important; font-weight: 700 !important; line-height: .91 !important; letter-spacing: .005em !important; } body.dc-mds-item-page .dc-item-identity :where(p, li) { position: relative !important; z-index: 2 !important; max-width: 780px !important; color: #536f84 !important; -webkit-text-fill-color: #536f84 !important; font-family: var(--serif) !important; line-height: 1.62 !important; } body.dc-mds-item-page .dc-item-identity :where(a, button, .button) { position: relative !important; z-index: 2 !important; min-height: 44px !important; padding: 0 15px !important; display: inline-flex !important; border: 1px solid #c5d6de !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: #ffffff !important; color: #173651 !important; -webkit-text-fill-color: #173651 !important; font-family: var(--ui) !important; font-size: .73rem !important; font-weight: 750 !important; text-decoration: none !important; } /* Right assistance rail */ body.dc-mds-item-page .dc-item-side-rail { position: sticky !important; top: 96px !important; display: grid !important; gap: 16px !important; min-width: 0 !important; } body.dc-mds-item-page .dc-item-ai-panel { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 25px 23px !important; border-radius: 17px !important; background: radial-gradient( circle at 92% 5%, rgba(78, 169, 161, .18), transparent 31% ), linear-gradient( 145deg, #10243d, #1b425e ) !important; color: #ffffff !important; box-shadow: 0 18px 42px rgba(16, 36, 61, .18) !important; } body.dc-mds-item-page .dc-item-ai-panel :where(h1, h2, h3, h4, strong) { margin: 0 0 10px !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: 1.15rem !important; font-weight: 800 !important; line-height: 1.25 !important; } body.dc-mds-item-page .dc-item-ai-panel p { color: #d4e2ea !important; -webkit-text-fill-color: #d4e2ea !important; font-size: .81rem !important; line-height: 1.55 !important; } body.dc-mds-item-page .dc-item-ai-panel :where(a, button, .button) { box-sizing: border-box !important; width: 100% !important; min-height: 43px !important; padding: 9px 12px !important; display: flex !important; border: 1px solid rgba(255, 255, 255, .25) !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: rgba(255, 255, 255, .07) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: .7rem !important; font-weight: 750 !important; text-align: center !important; text-decoration: none !important; } body.dc-mds-item-page .dc-item-ai-panel :where(a, button, .button):first-of-type { border-color: var(--dc-item-teal) !important; background: var(--dc-item-teal) !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; } /* CMS source card */ body.dc-mds-item-page .dc-item-source-card { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 21px !important; border: 1px solid #bfd7e3 !important; border-radius: 15px !important; background: linear-gradient( 145deg, #e8f3f8, #f7fbfd ) !important; color: #173651 !important; box-shadow: 0 12px 30px rgba(16, 36, 61, .10) !important; } body.dc-mds-item-page .dc-item-source-card :where(h1, h2, h3, h4, strong) { color: var(--dc-item-navy) !important; -webkit-text-fill-color: var(--dc-item-navy) !important; } body.dc-mds-item-page .dc-item-source-card :where(a, button, .button) { min-height: 42px !important; padding: 0 13px !important; display: inline-flex !important; border-radius: 7px !important; align-items: center !important; justify-content: center !important; background: var(--dc-item-navy) !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-weight: 750 !important; text-decoration: none !important; } /* Sticky in-page item navigation */ body.dc-mds-item-page .dc-item-section-nav { position: sticky !important; top: 78px !important; z-index: 20 !important; box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 0 auto 24px !important; padding: 9px !important; display: flex !important; gap: 7px !important; overflow-x: auto !important; border: 1px solid var(--dc-item-border) !important; border-radius: 11px !important; background: rgba(255, 255, 255, .96) !important; box-shadow: 0 10px 28px rgba(16, 36, 61, .10) !important; backdrop-filter: blur(12px) !important; } body.dc-mds-item-page .dc-item-section-nav a { flex: 0 0 auto !important; min-height: 38px !important; padding: 0 13px !important; display: inline-flex !important; border-radius: 7px !important; align-items: center !important; color: #294b68 !important; -webkit-text-fill-color: #294b68 !important; font-family: var(--ui) !important; font-size: .68rem !important; font-weight: 750 !important; text-decoration: none !important; } body.dc-mds-item-page .dc-item-section-nav a:hover { background: #e9f4f3 !important; color: #1d6e68 !important; -webkit-text-fill-color: #1d6e68 !important; } body.dc-mds-item-page .dc-item-content-section { scroll-margin-top: 150px !important; } /* Tablet */ @media (max-width: 980px) { body.dc-mds-item-page .dc-item-top-grid { grid-template-columns: minmax(0, 1fr) minmax(250px, 290px) !important; } } /* Mobile */ @media (max-width: 760px) { body.dc-mds-item-page .dc-item-workspace, body.dc-mds-item-page .dc-item-top-grid, body.dc-mds-item-page .dc-item-section-nav, body.dc-mds-item-page .dc-item-breadcrumb { width: calc(100% - 24px) !important; } body.dc-mds-item-page .dc-item-top-grid { grid-template-columns: 1fr !important; } body.dc-mds-item-page .dc-item-side-rail { position: static !important; top: auto !important; } body.dc-mds-item-page .dc-item-identity { padding: 34px 24px !important; } body.dc-mds-item-page .dc-item-main-heading { font-size: clamp(3rem, 13vw, 4.4rem) !important; } body.dc-mds-item-page .dc-item-section-nav { top: 64px !important; } } /* END MDS ITEM TOP v3.4.0 */ /* BEGIN MDS ITEM PRIORITY v3.4.1 */ /* Workspace — primary persistent utility */ body.dc-item-priority-v341 .dc-item-workspace-priority { position: relative !important; z-index: 8 !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 18px auto 16px !important; padding: 19px 21px !important; border: 1px solid #bfd5dd !important; border-left: 6px solid #4ea9a1 !important; border-radius: 13px !important; background: linear-gradient( 180deg, #ffffff 0%, #eef7f7 100% ) !important; box-shadow: 0 14px 34px rgba(16, 36, 61, .11) !important; } body.dc-item-priority-v341 .dc-item-workspace-priority::before { position: absolute !important; top: -10px !important; left: 21px !important; padding: 4px 9px !important; border-radius: 999px !important; background: #10243d !important; color: #ffffff !important; font-family: var(--mono) !important; font-size: .56rem !important; font-weight: 700 !important; letter-spacing: .12em !important; text-transform: uppercase !important; content: "Your DiraChart workspace" !important; } body.dc-item-priority-v341 .dc-workspace-unsaved { display: inline-flex !important; padding: 5px 9px !important; border-radius: 999px !important; background: #fff1d6 !important; color: #8b5c12 !important; -webkit-text-fill-color: #8b5c12 !important; font-weight: 750 !important; } body.dc-item-priority-v341 .dc-workspace-saved { display: inline-flex !important; padding: 5px 9px !important; border-radius: 999px !important; background: #e1f2e8 !important; color: #26784d !important; -webkit-text-fill-color: #26784d !important; font-weight: 750 !important; } /* Official source verification */ body.dc-item-priority-v341 .dc-item-source-verify { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 24px auto !important; overflow: hidden !important; border: 1px solid #b9d2dc !important; border-top: 6px solid #4ea9a1 !important; border-radius: 18px !important; background: #ffffff !important; box-shadow: 0 22px 50px rgba(16, 36, 61, .14) !important; } .dc-source-verify-head { padding: 29px 31px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 28px !important; align-items: center !important; background: radial-gradient( circle at 95% 5%, rgba(78, 169, 161, .13), transparent 30% ), linear-gradient( 135deg, #f7fbfc, #e9f3f7 ) !important; } .dc-source-verify-label { display: block !important; margin: 0 0 9px !important; color: #287b75 !important; font-family: var(--mono) !important; font-size: .65rem !important; font-weight: 700 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } .dc-source-verify-head h2 { margin: 0 0 10px !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-family: var(--display) !important; font-size: clamp(2.5rem, 4vw, 4rem) !important; font-weight: 700 !important; line-height: .94 !important; } .dc-source-verify-head p { max-width: 720px !important; margin: 0 !important; color: #536f83 !important; -webkit-text-fill-color: #536f83 !important; font-family: var(--serif) !important; font-size: .96rem !important; line-height: 1.6 !important; } .dc-source-inline-toggle { min-width: 205px !important; min-height: 51px !important; padding: 0 20px !important; border: 0 !important; border-radius: 8px !important; background: #10243d !important; color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: .8rem !important; font-weight: 800 !important; box-shadow: 0 13px 29px rgba(16, 36, 61, .19) !important; cursor: pointer !important; } .dc-source-inline-toggle:hover { background: #1b4668 !important; transform: translateY(-2px) !important; } .dc-source-inline-viewer { scroll-margin-top: 115px !important; border-top: 1px solid #cadde4 !important; background: #10243d !important; } .dc-source-inline-viewer[hidden] { display: none !important; } .dc-source-viewer-toolbar { padding: 13px 18px !important; display: flex !important; gap: 18px !important; align-items: center !important; justify-content: space-between !important; background: #10243d !important; color: #ffffff !important; } .dc-source-viewer-toolbar strong { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; font-family: var(--ui) !important; font-size: .8rem !important; } .dc-source-viewer-toolbar span { color: #bfd1dd !important; -webkit-text-fill-color: #bfd1dd !important; font-family: var(--ui) !important; font-size: .69rem !important; } .dc-source-inline-viewer iframe { display: block !important; width: 100% !important; height: min(760px, 78vh) !important; border: 0 !important; background: #ffffff !important; } .dc-source-existing-card { padding: 18px 22px 22px !important; border-top: 1px solid #d2e1e6 !important; background: #f7fafb !important; } body.dc-item-priority-v341 .dc-source-card-promoted { position: static !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 17px !important; border-radius: 11px !important; box-shadow: none !important; } body.dc-item-priority-v341 .dc-source-card-promoted :where(a, button, .button) { min-height: 42px !important; padding: 0 14px !important; border-radius: 7px !important; font-family: var(--ui) !important; font-size: .72rem !important; font-weight: 750 !important; } /* Related items — promoted near the top */ body.dc-item-priority-v341 .dc-related-items-premium { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 26px auto 38px !important; padding: 31px !important; border: 1px solid #cedee4 !important; border-radius: 18px !important; background: linear-gradient( 180deg, #ffffff, #f4f8fa ) !important; box-shadow: 0 18px 43px rgba(16, 36, 61, .11) !important; } body.dc-item-priority-v341 .dc-related-items-premium > :where(h1, h2, h3, h4) { margin: 0 0 8px !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-family: var(--display) !important; font-size: clamp(2.7rem, 4.5vw, 4.2rem) !important; line-height: .94 !important; } .dc-related-items-intro { position: relative !important; margin: 0 0 23px !important; padding-right: 150px !important; } .dc-related-items-intro span { display: block !important; margin: 0 0 7px !important; color: #287d76 !important; font-family: var(--mono) !important; font-size: .62rem !important; font-weight: 700 !important; letter-spacing: .13em !important; text-transform: uppercase !important; } .dc-related-items-intro p { max-width: 720px !important; margin: 0 !important; color: #587185 !important; -webkit-text-fill-color: #587185 !important; line-height: 1.55 !important; } .dc-related-items-intro strong { position: absolute !important; top: 0 !important; right: 0 !important; padding: 7px 11px !important; border-radius: 999px !important; background: #e3f2f0 !important; color: #26746e !important; -webkit-text-fill-color: #26746e !important; font-family: var(--ui) !important; font-size: .64rem !important; } body.dc-item-priority-v341 .dc-related-items-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; grid-auto-flow: row !important; gap: 14px !important; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body.dc-item-priority-v341 .dc-related-item-card { box-sizing: border-box !important; grid-column: auto !important; grid-row: auto !important; width: 100% !important; min-width: 0 !important; max-width: none !important; min-height: 175px !important; height: 100% !important; margin: 0 !important; padding: 18px !important; border: 1px solid #d2e0e5 !important; border-top: 4px solid #d8e8ea !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 8px 20px rgba(16, 36, 61, .07) !important; transition: transform 160ms ease, border-color 160ms ease, box-shadow 160ms ease !important; } body.dc-item-priority-v341 .dc-related-item-card:hover { border-color: #83c5bf !important; border-top-color: #4ea9a1 !important; transform: translateY(-4px) !important; box-shadow: 0 16px 32px rgba(16, 36, 61, .13) !important; } body.dc-item-priority-v341 .dc-related-item-card :where(h1, h2, h3, h4, strong) { color: #10243d !important; -webkit-text-fill-color: #10243d !important; } /* Community and practice notes */ body.dc-item-priority-v341 .dc-item-community-hub { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 40px auto !important; padding: 28px !important; border: 1px solid #cbdde3 !important; border-radius: 19px !important; background: #ffffff !important; box-shadow: 0 19px 44px rgba(16, 36, 61, .11) !important; } .dc-community-choice-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px !important; } .dc-community-question-card, .dc-community-practice-card { box-sizing: border-box !important; min-width: 0 !important; padding: 28px !important; border-radius: 16px !important; } .dc-community-question-card { background: radial-gradient( circle at 95% 5%, rgba(78, 169, 161, .19), transparent 31% ), linear-gradient( 145deg, #10243d, #1d4664 ) !important; color: #ffffff !important; } .dc-community-practice-card { border: 1px solid #bcdad6 !important; background: linear-gradient( 145deg, #edf8f6, #ffffff ) !important; color: #10243d !important; } .dc-community-eyebrow, .dc-practice-eyebrow { display: block !important; margin: 0 0 10px !important; font-family: var(--mono) !important; font-size: .62rem !important; font-weight: 700 !important; letter-spacing: .14em !important; text-transform: uppercase !important; } .dc-community-eyebrow { color: #7fd2ca !important; } .dc-practice-eyebrow { color: #287d76 !important; } .dc-community-question-card :where(h1, h2, h3, h4, strong) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .dc-community-question-card :where(p, li) { color: #d6e4eb !important; -webkit-text-fill-color: #d6e4eb !important; } .dc-community-practice-card :where(h1, h2, h3, h4, strong) { color: #10243d !important; -webkit-text-fill-color: #10243d !important; } .dc-community-practice-card :where(p, li) { color: #536f82 !important; -webkit-text-fill-color: #536f82 !important; } .dc-community-lead, .dc-practice-lead { margin: 9px 0 19px !important; font-family: var(--serif) !important; font-size: .92rem !important; line-height: 1.6 !important; } .dc-community-question-card :where(a, button, .button) { min-height: 45px !important; padding: 0 16px !important; border: 1px solid #69c5bc !important; border-radius: 7px !important; background: #69c5bc !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-weight: 800 !important; } .dc-community-practice-card :where(a, button, .button) { min-height: 45px !important; padding: 0 16px !important; border: 1px solid #1f6f69 !important; border-radius: 7px !important; background: #ffffff !important; color: #1f6f69 !important; -webkit-text-fill-color: #1f6f69 !important; font-weight: 800 !important; } /* Tablet */ @media (max-width: 980px) { body.dc-item-priority-v341 .dc-related-items-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } /* Mobile */ @media (max-width: 720px) { body.dc-item-priority-v341 .dc-item-workspace-priority, body.dc-item-priority-v341 .dc-item-source-verify, body.dc-item-priority-v341 .dc-related-items-premium, body.dc-item-priority-v341 .dc-item-community-hub { width: calc(100% - 24px) !important; } .dc-source-verify-head { grid-template-columns: 1fr !important; padding: 25px 21px !important; } .dc-source-inline-toggle { width: 100% !important; } .dc-source-viewer-toolbar { display: grid !important; gap: 5px !important; } .dc-source-inline-viewer iframe { height: 68vh !important; } body.dc-item-priority-v341 .dc-related-items-premium { padding: 24px 20px !important; } body.dc-item-priority-v341 .dc-related-items-grid, .dc-community-choice-grid { grid-template-columns: 1fr !important; } .dc-related-items-intro { padding-right: 0 !important; } .dc-related-items-intro strong { position: static !important; display: inline-flex !important; margin-top: 13px !important; } body.dc-item-priority-v341 .dc-related-item-card { min-height: 150px !important; } body.dc-item-priority-v341 .dc-item-community-hub { padding: 18px !important; } } /* END MDS ITEM PRIORITY v3.4.1 */ /* BEGIN MDS ITEM CONTRAST v3.4.2 */ body.dc-item-contrast-v342 { --dc-v342-navy: #10243d; --dc-v342-navy-light: #1d4363; --dc-v342-teal: #4ea9a1; --dc-v342-teal-dark: #236e68; --dc-v342-page: #eef3f5; --dc-v342-card: #ffffff; --dc-v342-border: #c9d9df; --dc-v342-copy: #425b70; --dc-v342-muted: #63798b; background: var(--dc-v342-page) !important; color: var(--dc-v342-copy) !important; } /* Preserve the current AI position. Color only. */ body.dc-item-contrast-v342 .dc-item-ai-panel { background: radial-gradient( circle at 92% 4%, rgba(78, 169, 161, .22), transparent 32% ), linear-gradient( 145deg, #10243d 0%, #1c4362 100% ) !important; color: #ffffff !important; box-shadow: 0 20px 46px rgba(16, 36, 61, .22) !important; } body.dc-item-contrast-v342 .dc-item-ai-panel :where(h1, h2, h3, h4, strong) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.dc-item-contrast-v342 .dc-item-ai-panel p { color: #d8e5ec !important; -webkit-text-fill-color: #d8e5ec !important; } /* General clinical reading panels */ body.dc-item-contrast-v342 :is( .dc-v342-clinical-panel, .dc-v342-study-panel, .dc-v342-integrity-panel ) { box-sizing: border-box !important; border: 1px solid var(--dc-v342-border) !important; border-radius: 16px !important; background: var(--dc-v342-card) !important; color: var(--dc-v342-copy) !important; box-shadow: 0 13px 32px rgba(16, 36, 61, .09) !important; } body.dc-item-contrast-v342 :is( .dc-v342-clinical-panel, .dc-v342-study-panel, .dc-v342-integrity-panel ) :where(h1, h2, h3, h4, strong) { color: var(--dc-v342-navy) !important; -webkit-text-fill-color: var(--dc-v342-navy) !important; } body.dc-item-contrast-v342 :is( .dc-v342-clinical-panel, .dc-v342-study-panel, .dc-v342-integrity-panel ) :where(p, li, dd) { color: var(--dc-v342-copy) !important; -webkit-text-fill-color: var(--dc-v342-copy) !important; opacity: 1 !important; } body.dc-item-contrast-v342 .dc-v342-study-panel { border-left: 6px solid var(--dc-v342-teal) !important; background: linear-gradient( 145deg, #ffffff, #edf7f6 ) !important; } body.dc-item-contrast-v342 .dc-v342-integrity-panel { border-left: 6px solid #7893a7 !important; background: linear-gradient( 145deg, #ffffff, #f2f6f8 ) !important; } /* Community stage pulled out of the narrow legacy column */ body.dc-item-contrast-v342 .dc-v342-community-stage { box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; max-width: 1180px !important; margin: 44px auto !important; padding: 32px !important; border: 1px solid var(--dc-v342-border) !important; border-radius: 20px !important; background: linear-gradient( 180deg, #ffffff 0%, #f4f8fa 100% ) !important; box-shadow: 0 22px 52px rgba(16, 36, 61, .13) !important; } .dc-v342-community-header { display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(340px, 1.1fr) !important; gap: 34px !important; align-items: end !important; margin: 0 0 26px !important; } .dc-v342-community-header span { display: block !important; margin: 0 0 8px !important; color: var(--dc-v342-teal-dark) !important; font-family: var(--mono) !important; font-size: .64rem !important; font-weight: 700 !important; letter-spacing: .15em !important; text-transform: uppercase !important; } .dc-v342-community-header h2 { margin: 0 !important; color: var(--dc-v342-navy) !important; -webkit-text-fill-color: var(--dc-v342-navy) !important; font-family: var(--display) !important; font-size: clamp(2.9rem, 4.8vw, 4.5rem) !important; font-weight: 700 !important; line-height: .93 !important; } .dc-v342-community-header p { max-width: 610px !important; margin: 0 !important; color: var(--dc-v342-copy) !important; -webkit-text-fill-color: var(--dc-v342-copy) !important; font-family: var(--serif) !important; font-size: .96rem !important; line-height: 1.65 !important; } .dc-v342-community-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; width: 100% !important; } /* Ask the MDS Nurse Community */ body.dc-item-contrast-v342 .dc-v342-community-card { box-sizing: border-box !important; min-width: 0 !important; min-height: 390px !important; padding: 31px !important; border: 1px solid rgba(255, 255, 255, .10) !important; border-radius: 17px !important; background: radial-gradient( circle at 94% 4%, rgba(78, 169, 161, .23), transparent 33% ), linear-gradient( 145deg, #10243d, #1b425f ) !important; color: #ffffff !important; box-shadow: 0 19px 42px rgba(16, 36, 61, .20) !important; } body.dc-item-contrast-v342 .dc-v342-community-card :where(h1, h2, h3, h4, strong) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.dc-item-contrast-v342 .dc-v342-community-card :where(p, li, span) { color: #d7e5ec !important; -webkit-text-fill-color: #d7e5ec !important; opacity: 1 !important; } .dc-v342-community-lead, .dc-v342-practice-lead { margin: 11px 0 20px !important; font-family: var(--serif) !important; font-size: .94rem !important; line-height: 1.62 !important; } body.dc-item-contrast-v342 .dc-v342-community-card :where(a, button, .button) { min-height: 46px !important; padding: 0 17px !important; border: 1px solid #6ac4bc !important; border-radius: 7px !important; background: #6ac4bc !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-family: var(--ui) !important; font-size: .75rem !important; font-weight: 800 !important; text-decoration: none !important; } /* MDS Practice Notes */ body.dc-item-contrast-v342 .dc-v342-practice-card { box-sizing: border-box !important; min-width: 0 !important; min-height: 390px !important; padding: 31px !important; border: 1px solid #afd5d0 !important; border-top: 6px solid var(--dc-v342-teal) !important; border-radius: 17px !important; background: linear-gradient( 145deg, #eaf7f5 0%, #ffffff 72% ) !important; color: var(--dc-v342-navy) !important; box-shadow: 0 16px 38px rgba(16, 36, 61, .11) !important; } body.dc-item-contrast-v342 .dc-v342-practice-card :where(h1, h2, h3, h4, strong) { color: var(--dc-v342-navy) !important; -webkit-text-fill-color: var(--dc-v342-navy) !important; } body.dc-item-contrast-v342 .dc-v342-practice-card :where(p, li, span) { color: var(--dc-v342-copy) !important; -webkit-text-fill-color: var(--dc-v342-copy) !important; opacity: 1 !important; } body.dc-item-contrast-v342 .dc-v342-practice-card :where(a, button, .button) { min-height: 46px !important; padding: 0 17px !important; border: 1px solid var(--dc-v342-teal-dark) !important; border-radius: 7px !important; background: #ffffff !important; color: var(--dc-v342-teal-dark) !important; -webkit-text-fill-color: var(--dc-v342-teal-dark) !important; font-family: var(--ui) !important; font-size: .75rem !important; font-weight: 800 !important; text-decoration: none !important; } /* Warning contrast */ body.dc-item-contrast-v342 :where( .messages--warning, [class*="warning"], [class*="alert"] ) { border-color: #e0bd6c !important; background: #fff4d8 !important; color: #65460d !important; -webkit-text-fill-color: #65460d !important; } /* Tablet */ @media (max-width: 900px) { .dc-v342-community-header { grid-template-columns: 1fr !important; } } /* Mobile */ @media (max-width: 720px) { body.dc-item-contrast-v342 .dc-v342-community-stage { width: calc(100% - 24px) !important; padding: 21px !important; } .dc-v342-community-grid { grid-template-columns: 1fr !important; } body.dc-item-contrast-v342 :is( .dc-v342-community-card, .dc-v342-practice-card ) { min-height: auto !important; padding: 25px 22px !important; } } /* END MDS ITEM CONTRAST v3.4.2 */ /* BEGIN ITEM COMMUNITY REPAIR v3.4.3 */ /* * The community stage is now a direct child of main. * Keep its current page position while restoring full width. */ body.dc-community-repair-v343 main > .dc-v343-community-fixed { position: relative !important; left: auto !important; right: auto !important; box-sizing: border-box !important; width: min(1180px, calc(100% - 40px)) !important; min-width: 0 !important; max-width: 1180px !important; height: auto !important; min-height: 0 !important; margin: 44px auto !important; padding: 34px !important; display: block !important; overflow: visible !important; border: 1px solid #c7d8df !important; border-radius: 20px !important; background: linear-gradient( 180deg, #ffffff 0%, #f3f8f9 100% ) !important; box-shadow: 0 22px 52px rgba(16, 36, 61, .13) !important; transform: none !important; float: none !important; } /* Header */ body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-header { box-sizing: border-box !important; width: 100% !important; max-width: none !important; margin: 0 0 28px !important; padding: 0 !important; display: grid !important; grid-template-columns: minmax(0, .9fr) minmax(360px, 1.1fr) !important; gap: 42px !important; align-items: end !important; position: relative !important; left: auto !important; top: auto !important; transform: none !important; } body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-header h2 { margin: 0 !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-family: var(--display) !important; font-size: clamp(3rem, 4.7vw, 4.5rem) !important; font-weight: 700 !important; line-height: .93 !important; } body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-header p { margin: 0 !important; color: #435f74 !important; -webkit-text-fill-color: #435f74 !important; font-family: var(--serif) !important; font-size: .98rem !important; line-height: 1.65 !important; } /* Two-column functional grid */ body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-grid { position: relative !important; left: auto !important; right: auto !important; top: auto !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; grid-auto-flow: row !important; grid-auto-columns: minmax(0, 1fr) !important; gap: 22px !important; align-items: stretch !important; justify-items: stretch !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; } /* Reset legacy fixed-width card rules */ body.dc-community-repair-v343 .dc-v342-community-grid > .dc-v343-community-card, body.dc-community-repair-v343 .dc-v342-community-grid > .dc-v343-practice-card { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; grid-column: auto !important; grid-row: auto !important; justify-self: stretch !important; align-self: stretch !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 380px !important; max-height: none !important; margin: 0 !important; padding: 31px !important; display: flex !important; flex-direction: column !important; overflow: visible !important; border-radius: 17px !important; transform: none !important; float: none !important; } /* Reset the compressed inner legacy wrappers. */ body.dc-community-repair-v343 :is( .dc-v343-community-card, .dc-v343-practice-card ) :where( section, article, div, form, fieldset, ul ) { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; max-height: none !important; margin-left: 0 !important; margin-right: 0 !important; transform: none !important; float: none !important; } /* Ask the MDS Nurse Community */ body.dc-community-repair-v343 .dc-v343-community-card { border: 1px solid rgba(255, 255, 255, .11) !important; background: radial-gradient( circle at 94% 4%, rgba(78, 169, 161, .25), transparent 34% ), linear-gradient( 145deg, #10243d 0%, #1c4564 100% ) !important; color: #ffffff !important; box-shadow: 0 19px 42px rgba(16, 36, 61, .20) !important; } body.dc-community-repair-v343 .dc-v343-community-card :where(h1, h2, h3, h4, strong) { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } body.dc-community-repair-v343 .dc-v343-community-card :where(p, li, label, span) { color: #d7e5ec !important; -webkit-text-fill-color: #d7e5ec !important; opacity: 1 !important; } body.dc-community-repair-v343 .dc-v343-community-card :where(a, button, .button) { min-height: 45px !important; padding: 0 17px !important; border: 1px solid #70c8c0 !important; border-radius: 7px !important; background: #70c8c0 !important; color: #10243d !important; -webkit-text-fill-color: #10243d !important; font-family: var(--ui) !important; font-size: .76rem !important; font-weight: 800 !important; text-decoration: none !important; } /* MDS Practice Notes */ body.dc-community-repair-v343 .dc-v343-practice-card { border: 1px solid #add2ce !important; border-top: 6px solid #4ea9a1 !important; background: linear-gradient( 145deg, #e9f7f5 0%, #ffffff 76% ) !important; color: #10243d !important; box-shadow: 0 17px 39px rgba(16, 36, 61, .11) !important; } body.dc-community-repair-v343 .dc-v343-practice-card :where(h1, h2, h3, h4, strong) { color: #10243d !important; -webkit-text-fill-color: #10243d !important; } body.dc-community-repair-v343 .dc-v343-practice-card :where(p, li, label, span) { color: #425f73 !important; -webkit-text-fill-color: #425f73 !important; opacity: 1 !important; } body.dc-community-repair-v343 .dc-v343-practice-card :where(a, button, .button) { min-height: 45px !important; padding: 0 17px !important; border: 1px solid #236e68 !important; border-radius: 7px !important; background: #ffffff !important; color: #236e68 !important; -webkit-text-fill-color: #236e68 !important; font-family: var(--ui) !important; font-size: .76rem !important; font-weight: 800 !important; text-decoration: none !important; } /* Tablet */ @media (max-width: 900px) { body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-header { grid-template-columns: 1fr !important; } } /* Mobile */ @media (max-width: 720px) { body.dc-community-repair-v343 main > .dc-v343-community-fixed { width: calc(100% - 24px) !important; margin: 30px auto !important; padding: 21px !important; } body.dc-community-repair-v343 .dc-v343-community-fixed .dc-v342-community-grid { grid-template-columns: 1fr !important; } body.dc-community-repair-v343 .dc-v342-community-grid > .dc-v343-community-card, body.dc-community-repair-v343 .dc-v342-community-grid > .dc-v343-practice-card { min-height: auto !important; padding: 25px 22px !important; } } /* END ITEM COMMUNITY REPAIR v3.4.3 */