/* OfficeMaps Help - Scroll Sites theme overrides (OfficeMaps Design System + new login screen) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

/* ---------- Tokens ---------- */
:root{--om-navy:#000F70;--om-navy-ui:#002B40;--om-navy-deep:#000A4F;--om-teal:#00E6BE;--om-action:#00D0B3;--om-action-hover:#00AF91;--om-text:#2B2B2B;--om-muted:#73808C;--om-on-dark-muted:#B2C0CE;--om-grey:#F2F2F2;--om-border:#E7E7E9;--om-link:#336684;--om-gradient:linear-gradient(135deg,#00E6BE 0%,#00A7A7 47%,#000F70 100%);--om-shadow-md:0 6px 16px rgba(0,43,64,.10);--om-ease:cubic-bezier(.4,0,.2,1);--K15t-font-family-sans:"Poppins",Arial,Helvetica,sans-serif;--K15t-font-family-headline:"Poppins",Arial,Helvetica,sans-serif;--K15t-foreground:#2B2B2B;--K15t-foreground-subtle:#73808C;--K15t-link:#336684;--K15t-radius-factor:1.3333;--theme-primary-color:#00D0B3;--K15t-color-brand-25:#F7FAFC;--K15t-color-brand-50:#DBF0FF;--K15t-color-brand-75:#B8D7ED;--K15t-color-brand-100:#98BAD4;--K15t-color-brand-200:#769EBB;--K15t-color-brand-300:#5C88A7;--K15t-color-brand-400:#407495;--K15t-color-brand-500:#336684;--K15t-color-brand-600:#24526D;--K15t-color-brand-700:#154058;--K15t-color-brand-800:#002B40;--K15t-color-brand-900:#000F70;--K15t-border-input-selected:#00D0B3;--theme-primary-color:#00D0B3;--theme-on-primary-color:#002B40;--theme-headline-color:#002B40;--theme-text-color:#2B2B2B;--theme-roundness:4}

/* ---------- Base type ---------- */
body{font-family:"Poppins",Arial,Helvetica,sans-serif;color:var(--om-text)}
h1,h2,h3{font-weight:300;color:var(--om-navy-ui);letter-spacing:-.01em}
h4,h5,h6{font-weight:700;color:var(--om-navy-ui)}
a{transition:color 120ms var(--om-ease)}

/* ---------- Header ---------- */
header.header{border-bottom:1px solid var(--om-border)}
.header-links a{font-size:14px;font-weight:500;color:var(--om-navy-ui);text-decoration:none}
.header-links a:hover{color:var(--om-action-hover)}
.header-site-name{font-weight:500}

/* ---------- Hero banner (matches the new login screen) ---------- */
header.banner{position:relative;z-index:20;overflow:visible !important;isolation:isolate;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 16px;
  background-color:#020A47 !important;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='440' viewBox='0 0 420 440'%3E%3Cg fill='none' stroke='rgba(120,150,205,.2)' stroke-width='1.5'%3E%3Cpath d='M400 0V440M0 236H330'/%3E%3Crect x='110' y='176' width='210' height='104' rx='52'/%3E%3C/g%3E%3Crect x='52' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='132' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='212' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='52' y='80' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='132' y='80' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='212' y='80' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='52' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='132' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='212' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='52' y='378' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='132' y='378' width='68' height='40' rx='6' fill='%23193A62' stroke='none'/%3E%3Crect x='212' y='378' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='410' height='440' viewBox='0 0 410 440'%3E%3Cg fill='none' stroke='rgba(120,150,205,.2)' stroke-width='1.5'%3E%3Cpath d='M20 0V440M100 236H410'/%3E%3Ccircle cx='230' cy='228' r='62'/%3E%3C/g%3E%3Crect x='100' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='180' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='260' y='28' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='100' y='80' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='180' y='80' width='68' height='40' rx='6' fill='%23193A62' stroke='none'/%3E%3Crect x='260' y='80' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='100' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='180' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='260' y='326' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='100' y='378' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='180' y='378' width='68' height='40' rx='6' fill='none' stroke='rgba(120,150,205,.2)'/%3E%3Crect x='260' y='378' width='68' height='40' rx='6' fill='%23193A62' stroke='none'/%3E%3C/svg%3E"),
    radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px),
    radial-gradient(ellipse 45% 70% at 50% 55%,#10285A 0%,rgba(16,40,90,0) 75%),
    radial-gradient(ellipse 40% 90% at 0% 0%,#17365F 0%,rgba(23,54,95,0) 75%),
    linear-gradient(#020A47,#020A47) !important;
  background-size:auto 100%,auto 100%,24px 24px,100% 100%,100% 100%,100% 100% !important;
  background-position:left center,right center,center,center,center,center !important;
  background-repeat:no-repeat,no-repeat,repeat,no-repeat,no-repeat,no-repeat !important}
header.banner::before,header.banner::after{content:none}
@media (max-width:760px){header.banner{background-size:0 0,0 0,24px 24px,100% 100%,100% 100%,100% 100% !important;min-height:300px}}

/* Replace the space name + description with one heading */
header.banner p{display:none !important}
header.banner h1{font-size:0 !important;line-height:0;margin:0 0 28px;color:#fff;text-align:center}
header.banner h1::before{content:"";display:block;width:44px;height:60px;margin:0 auto 20px;background:url("data:image/png;base64,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") center/contain no-repeat}
header.banner h1::after{content:"How can we help?";display:block;font-size:clamp(30px,4.2vw,46px);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#fff}

/* Search */
header.banner search-bar,header.banner form{width:100%;max-width:640px}
header.banner .search-bar__input-container{box-shadow:0 14px 34px rgba(0,10,79,.35)}
header.banner search-bar,header.banner .search-bar{position:relative;z-index:30}
/* Search box: one pill shape, no focus outlines or rings */
.search-bar__input-container,.search-input,.search-input__input{border-radius:999px !important}
.search-input,.search-input:focus-within,.search-bar:focus-within .search-input{box-shadow:none !important;outline:none !important;border:0 !important}
.search-input__input,.search-input__input:focus,.search-input__input:focus-visible,.search-bar__input-container:focus-within,.search-bar__input-container *:focus,.search-bar__input-container *:focus-visible{outline:none !important}
.search-bar__input-container:focus-within{border-color:#E2E5EB !important}
header.banner .search-bar__input-container:focus-within{box-shadow:0 14px 34px rgba(0,10,79,.35) !important}

/* ---------- Header: Login and Free Trial (added by the custom JavaScript) ---------- */
.om-nav{display:flex;align-items:center;gap:12px;margin-inline-start:20px;flex-shrink:0}
.om-nav__login,.om-nav__trial{display:inline-flex;align-items:center;justify-content:center;padding:11px 24px;border:0;border-radius:12px;font-size:15px;font-weight:700;line-height:1.2;color:#fff !important;text-decoration:none !important;transition:background-color 150ms var(--om-ease)}
.om-nav__login{background:#56BCA7}
.om-nav__login:hover{background:#45A894}
.om-nav__trial{background:#000F70}
.om-nav__trial:hover{background:#0B2470}
@media (max-width:640px){.om-nav{gap:8px;margin-inline-start:10px}.om-nav__login,.om-nav__trial{padding:8px 14px;font-size:14px}}

/* ---------- Home: role cards (Try / Using / Managing) ---------- */
section.pages > h2{font-weight:600;font-size:28px;color:var(--om-navy);letter-spacing:-.01em}
.items.tiles{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none}
@media (max-width:900px){.items.tiles{grid-template-columns:1fr}}
.items.tiles > li{display:flex;margin:0}
.items.tiles .tile{position:relative;display:flex;flex-direction:column;width:100%;padding:32px 28px 28px;border-radius:16px;border:1px solid var(--om-border);background:#fff;box-shadow:0 1px 2px rgba(0,43,64,.06);transition:box-shadow 240ms var(--om-ease),border-color 240ms var(--om-ease),transform 240ms var(--om-ease)}
.items.tiles .tile:hover{border-color:transparent;box-shadow:0 22px 44px rgba(0,43,64,.18),0 6px 14px rgba(0,43,64,.08);transform:translateY(-8px)}
.items.tiles .tile::before{content:"";display:block;width:56px;height:56px;margin-bottom:22px;border-radius:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5l5 3.5-5 3.5z'/%3E%3C/svg%3E") center/28px 28px no-repeat,radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
.items.tiles > li:nth-child(2) .tile::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c0-3.9 3.1-7 7-7s7 3.1 7 7'/%3E%3C/svg%3E"),radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
.items.tiles > li:nth-child(3) .tile::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"),radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
.items.tiles .tile-body{display:flex;flex-direction:column;flex:1;padding:0 !important}
.items.tiles .tile-title{margin:0 0 10px;font-size:22px !important;line-height:1.25;font-weight:600 !important;letter-spacing:-.01em;color:var(--om-navy) !important}
.items.tiles .tile-title[data-role]::before{content:attr(data-role);display:block;margin-bottom:6px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--om-action-hover)}
.items.tiles .tile-title a{color:inherit !important;text-decoration:none}
.items.tiles .tile-title a::after{content:"";position:absolute;inset:0;border-radius:16px}
.items.tiles .tile-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.6;color:var(--om-muted)}
.items.tiles .tile-body::after{content:"Explore  \2192";display:block;margin-top:24px;font-size:14px;font-weight:600;color:var(--om-action-hover);white-space:pre}
.items.tiles .om-tile--loaded .tile-body::after{content:none}
.om-tile-links{list-style:none;margin:20px 0 0;padding:14px 0 0;border-top:1px solid var(--om-border);flex:1}
.om-tile-links li{margin:0}
.om-tile-links a{position:relative;z-index:1;display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;color:var(--om-navy-ui) !important;text-decoration:none}
.om-tile-links a::before{content:"";flex:0 0 16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300AF91' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform 150ms var(--om-ease)}
.om-tile-links a:hover{color:var(--om-action-hover) !important}
.om-tile-links a:hover::before{transform:translateX(3px)}
.om-tile-more{position:relative;z-index:1;margin-top:18px;font-size:14px;font-weight:600;color:var(--om-action-hover) !important;text-decoration:none}
.items.tiles .tile:focus-within{box-shadow:0 0 0 3px rgba(0,208,179,.35),0 14px 34px rgba(0,43,64,.14)}
.content .items a,.pages h3 a{color:var(--om-navy-ui);text-decoration:none}

/* ---------- Content source page: Details layout (K15t-style) ---------- */
.detail-layout header.banner{min-height:280px}
.detail-layout header.banner::before{content:"How can we help?";display:block;margin:0 0 26px;font-size:clamp(28px,3.8vw,42px);line-height:1.15;font-weight:700;letter-spacing:-.02em;color:#fff;text-align:center}
#content > section > h2{font-weight:600;font-size:28px;letter-spacing:-.01em;color:var(--om-navy)}
section.intro h1{display:flex;align-items:center;gap:16px;font-weight:700;letter-spacing:-.02em;color:var(--om-navy)}
section.intro h1 img{height:56px;width:auto;border-radius:12px}
section.intro p{font-size:17px;line-height:1.6;color:var(--om-muted)}
section.intro .button--primary{border-radius:10px;padding:12px 22px;font-weight:600;box-shadow:0 6px 18px rgba(0,208,179,.30)}
section.news .tile{border:0;border-radius:16px;padding:24px;background:#F7FAFC}
section.news .tile-title{font-size:12px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;color:var(--om-action-hover) !important}
section.news .tile-text a{font-size:15px;font-weight:600;color:var(--om-navy) !important;text-decoration:none}
section.news .tile-text a:hover{color:var(--om-action-hover) !important}

/* List layout ("Topics"): each role as a soft card with its sections */
section.pages .items.list{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none}
@media (max-width:900px){section.pages .items.list{grid-template-columns:1fr}}
section.pages .items.list > li{margin:0;padding:28px;border-radius:16px;background:#F7FAFC}
section.pages .items.list > li > h3{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-size:18px;font-weight:600}
section.pages .items.list > li > h3::before{content:"";flex:0 0 40px;height:40px;border-radius:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10 8.5l5 3.5-5 3.5z'/%3E%3C/svg%3E") center/20px 20px no-repeat,radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
section.pages .items.list > li:nth-child(3n+2) > h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c0-3.9 3.1-7 7-7s7 3.1 7 7'/%3E%3C/svg%3E"),radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
section.pages .items.list > li:nth-child(3n) > h3::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h9M17 7h3M4 12h3M11 12h9M4 17h11M19 17h1'/%3E%3Ccircle cx='15' cy='7' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='17' r='2'/%3E%3C/svg%3E"),radial-gradient(circle at 30% 25%,#0B2470 0%,#000F70 60%,#000A4F 100%)}
section.pages .items.list > li > h3 a{color:var(--om-navy) !important;text-decoration:none}
section.pages .items.list > li > ul{list-style:none;padding:0;margin:0}
section.pages .items.list > li > ul > li{padding:6px 0}
section.pages .items.list > li > ul a{font-size:15px;color:var(--om-link) !important;text-decoration:none}
section.pages .items.list > li > ul a:hover{color:var(--om-navy) !important;text-decoration:underline}
section.pages .items.list > li > a:last-child,.items.list .more{display:inline-block;margin-top:10px;font-size:14px;font-weight:600;color:var(--om-action-hover) !important}

/* ---------- Buttons and links ---------- */
.button--primary,.button.button--primary{background:var(--om-action);color:var(--om-navy-ui);border-color:transparent;border-radius:8px;font-weight:600}
.button--primary:hover{background:var(--om-action-hover);color:var(--om-navy-ui)}
.article-body a{color:var(--om-link)}
.article-body a:hover{color:var(--om-navy-ui);text-decoration:underline}
:focus-visible{outline:3px solid rgba(0,208,179,.35);outline-offset:2px}

/* ---------- Article pages: sidebar ---------- */
[data-page-template="article"] .navigator{background:#fff;border-right:1px solid var(--om-border)}
.tree{--theme-primary-color:var(--om-navy-ui);--theme-on-primary-color:#fff}
.tree .tree-item-header{border-radius:8px;transition:background-color 120ms var(--om-ease)}
.tree .tree-item-header a{font-size:14px;color:var(--om-navy-ui);text-decoration:none}
.tree .tree-item-header:hover{background:#EEF3F8}
.tree .tree-item-header:has(a[aria-current="page"]){background:var(--om-navy-ui) !important}
.tree .tree-item-header a[aria-current="page"]{color:#fff !important;background:none !important;font-weight:500}
.om-hide{display:none !important}
.om-back{display:flex;align-items:center;gap:12px;margin:8px 8px 18px;font-size:17px;font-weight:600;color:var(--om-link) !important;text-decoration:none}
.om-back::before{content:"";flex:0 0 8px;width:8px;height:8px;margin-left:3px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.om-back:hover{color:var(--om-navy) !important}
.om-tree-root > .tree-item-header{display:none !important}
.om-tree-root > ul > li{margin-top:18px}
.om-tree-root > ul > li > .tree-item-header{background:none !important;padding:8px 12px !important}
.om-tree-root > ul > li > .tree-item-header::before,.om-tree-root > ul > li > .tree-item-header .tree-action{display:none !important}
.om-tree-root > ul > li > .tree-item-header a{font-size:15.5px;font-weight:700;letter-spacing:.05em;line-height:1.35;text-transform:uppercase;color:var(--om-action-hover) !important;background:none !important}
.om-tree-root > ul > li > .tree-item-header:has(a[aria-current="page"]){background:var(--om-navy-ui) !important;padding:12px 14px !important}
.om-tree-root > ul > li > .tree-item-header a[aria-current="page"]{color:#fff !important}
.om-tree-root > ul > li > ul{padding-inline-start:0 !important;margin-inline-start:0 !important}
.om-tree-root > ul > li > ul .tree-item-header{padding:10px 14px !important}
.om-tree-root > ul > li > ul .tree-item-header::before{display:none !important}
.om-tree-root > ul > li > ul .tree-item-header a{font-size:15px;line-height:1.4}

/* ---------- Article pages: content ---------- */
.breadcrumbs ol{font-size:14px}
.breadcrumbs li::after{margin-inline:8px !important;color:var(--om-muted)}
.breadcrumbs a{color:var(--om-link);text-decoration:none}
.breadcrumbs a:hover{color:var(--om-navy);text-decoration:underline}
/* Hide the "Use with AI" button at the top of articles */
ai-actions,.ai-actions{display:none !important}
.om-eyebrow{margin:28px 0 8px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--om-action-hover)}
article#content > header h1{font-weight:500;font-size:clamp(30px,3.4vw,44px);line-height:1.15;letter-spacing:-.02em;color:var(--om-navy-ui);margin:0}
.om-meta{margin:12px 0 0;font-size:15px;color:var(--om-muted)}
.article-body{font-size:16px;line-height:1.7;color:var(--om-text)}
.article-body h2{font-weight:500;font-size:26px;letter-spacing:-.01em;color:var(--om-navy-ui);margin-top:44px}
.article-body h3{font-weight:600;font-size:19px;color:var(--om-navy-ui)}
.article-body img{border-radius:14px;border:1px solid var(--om-border);background:var(--om-grey)}
.article-body [data-component="image"]{border-radius:16px}
.article-body > ol{list-style:none;counter-reset:om-step;padding-left:0}
.article-body > ol > li{counter-increment:om-step;position:relative;padding:4px 0 12px 48px;margin:0}
.article-body > ol > li::before{content:counter(om-step);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--om-teal);color:var(--om-navy);font-weight:700;font-size:14px}
.article-body > ol > li:not(:last-child)::after{content:"";position:absolute;left:15px;top:36px;bottom:0;width:2px;background:#E7EEF5}
[data-component="panel"]{border-radius:12px !important;border:0 !important}
[data-component="panel"][data-appearance="info"]{background:#EEF6FF !important}
.toc-heading{font-size:11px !important;font-weight:700 !important;letter-spacing:.08em;text-transform:uppercase;color:var(--om-action-hover) !important}
.toc-link{font-size:13px;color:var(--om-muted) !important;text-decoration:none}
.toc-link[aria-current="true"]{color:var(--om-navy) !important;font-weight:600}

/* ---------- Section pages (e.g. Start here): article list as cards ---------- */
.child-pages > ul{display:grid;gap:12px;background:none !important;border:0 !important;border-radius:0 !important;overflow:visible !important}
.child-pages > ul > :is(li,[role="listitem"]){border:1px solid var(--om-border) !important;border-radius:12px;padding:18px 20px !important;background:#fff !important;transition:box-shadow 200ms var(--om-ease),border-color 200ms var(--om-ease),transform 200ms var(--om-ease)}
.child-pages > ul > :is(li,[role="listitem"])::before{background:transparent !important}
.child-pages > ul > :is(li,[role="listitem"]):hover{border-color:transparent !important;box-shadow:0 10px 26px rgba(0,43,64,.12);transform:translateY(-2px)}
.child-pages > ul > :is(li,[role="listitem"]) > article a{font-size:16px;font-weight:600;color:var(--om-navy) !important}
.child-pages > ul > li::after{content:"";grid-area:1/2;align-self:center;justify-self:center;width:8px;height:8px;margin:0 12px;border-top:2px solid var(--om-action-hover);border-right:2px solid var(--om-action-hover);transform:rotate(45deg)}
.child-pages button[aria-controls]{color:var(--om-action-hover);background:transparent !important}
.child-pages > ul > [role="listitem"] > ul:not([hidden]){border-top:1px solid var(--om-border);padding-top:14px !important}
.child-pages ul[id] a{font-size:14px;font-weight:400;color:var(--om-link) !important}

/* ---------- Category pages (Try / Using / Managing): hub with section cards ---------- */
html.om-category{--_content-width:1180px !important}
.om-category .navigator,.om-category nav.toc,.om-category .topbar,.om-category article#content > footer{display:none !important}
.om-category article#content > *,.om-category .article-body,.om-category .article-body > *{max-width:none !important}
.om-category section.article-page{display:block !important;max-width:none !important}
.om-category main.main-content{display:block !important;padding:0 !important}
.om-category article#content{max-width:1180px;margin:0 auto;padding:0 32px 24px;width:auto !important}
.om-category article#content > header{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);padding:36px 0 48px;margin-bottom:44px}
.om-category article#content > header::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/24px 24px,linear-gradient(120deg,#000F70 0%,#000F70 30%,#00A7A7 78%,#00E6BE 100%)}
.om-category article#content > header > *{grid-column:1}
.om-crumbs{grid-column:1 / -1 !important;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#fff}
.om-crumbs a{color:rgba(255,255,255,.75);text-decoration:none}
.om-crumbs a:hover{text-decoration:underline}
.om-category .om-eyebrow{margin-top:32px;color:var(--om-teal)}
.om-category article#content > header h1{font-size:clamp(32px,4vw,52px);color:#fff}
.om-intro{margin:14px 0 0;font-size:18px;line-height:1.55;color:rgba(255,255,255,.85);max-width:62ch}
.om-category .child-pages{margin:0}
.om-category .child-pages > ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;grid-auto-rows:auto !important;align-items:stretch}
@media (max-width:1000px){.om-category .child-pages > ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.om-category .child-pages > ul{grid-template-columns:1fr}}
.om-category .child-pages > ul > :is(li,[role="listitem"]){display:block !important;height:100%;box-sizing:border-box;padding:28px !important;border-radius:16px}
.om-category .child-pages > ul > :is(li,[role="listitem"])::before{content:none !important;display:none !important}
.om-category .child-pages > ul > :is(li,[role="listitem"]):hover{transform:none !important;box-shadow:none !important;border-color:var(--om-border) !important}
.om-category .child-pages > ul > :is(li,[role="listitem"]):hover > article a{color:var(--om-action-hover) !important}
.om-category .child-pages article{display:block;margin:0 !important}
.om-category .child-pages article a{font-size:22px !important;font-weight:500 !important;line-height:1.3;letter-spacing:-.01em;color:var(--om-navy) !important;transition:color 150ms var(--om-ease)}
.om-category .child-pages article a::after{content:none !important}
.om-category .child-pages article a:hover{color:var(--om-action-hover) !important}
.om-category .child-pages button[aria-controls]{display:none !important}
.om-category .child-pages ul[id]{display:block !important;margin:16px 0 0 !important;padding:0 !important;border:0 !important}
.om-category .child-pages ul[id] li{margin:0 !important}
.om-category .child-pages ul[id] a{display:flex;gap:12px;padding:9px 0;font-size:16px !important;line-height:1.4;color:var(--om-navy-ui) !important;text-decoration:none}
.om-category .child-pages ul[id] a::before{content:"";flex:0 0 20px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2373808C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h6'/%3E%3C/svg%3E") center/20px no-repeat}
.om-category .child-pages ul[id] a:hover{color:var(--om-action-hover) !important}
.om-category .child-pages > ul > li::after{content:"Open  \2192";display:block;width:auto;height:auto;margin:14px 0 0;border:0;transform:none;white-space:pre;font-size:14px;font-weight:600;color:var(--om-action-hover)}

/* ---------- Search results page ---------- */
[data-page-template="search"] .search-page__search-bar{position:relative;isolation:isolate;padding:56px 0 48px}
[data-page-template="search"] .search-page__search-bar::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.4px) 0 0/24px 24px,radial-gradient(ellipse 45% 80% at 50% 55%,#10285A 0%,rgba(16,40,90,0) 75%),radial-gradient(ellipse 40% 100% at 0% 0%,#17365F 0%,rgba(23,54,95,0) 75%),#020A47}
[data-page-template="search"] .search-page__search-bar .search-input{border:0 !important;border-radius:999px !important;box-shadow:0 14px 34px rgba(0,10,79,.35)}
[data-page-template="search"] search-page.body{overflow-x:clip}
.search-page__results-label{font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--om-muted)}
.search-page__main-inner{row-gap:14px !important}
.search-result{--highlight-background-color:#C8FFF4;position:relative;margin:0 !important;border:1px solid var(--om-border);border-radius:12px;padding:18px 20px;background:#fff;transition:box-shadow 200ms var(--om-ease),border-color 200ms var(--om-ease),transform 200ms var(--om-ease)}
.search-result:hover{border-color:transparent;box-shadow:0 10px 26px rgba(0,43,64,.12);transform:translateY(-2px)}
.search-result__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--om-navy);color:#fff}
.search-result__title{font-size:17px;font-weight:600;color:var(--om-navy) !important;text-decoration:none}
.search-result__title::after{content:"";position:absolute;inset:0}
.search-result__description{color:var(--om-muted);font-size:14px}
.search-result mark,.search-result em{background:#C8FFF4;color:var(--om-navy);border-radius:3px;padding:0 2px;font-style:normal}
.search-result__meta{color:var(--om-action-hover);font-weight:500}
.search-result__chevron{color:var(--om-action-hover)}
.pagination__item{border-radius:8px !important}
.pagination__item[aria-current],.pagination__item[aria-current="page"]{background:var(--om-navy) !important;color:#fff !important}

/* ---------- "Can't find what you need?" support panel (added by the custom JavaScript) ---------- */
.om-support{padding:0 16px;margin:72px 0 64px}
.om-support__inner{position:relative;overflow:hidden;isolation:isolate;max-width:1180px;margin:0 auto;border-radius:20px;padding:44px 48px;display:flex;align-items:center;justify-content:space-between;gap:28px 40px;flex-wrap:wrap;
  background:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/24px 24px,radial-gradient(ellipse 90% 140% at 20% 50%,#0B2470 0%,#000F70 55%,var(--om-navy-deep) 100%)}
.om-support h2{margin:0;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.01em;color:#fff}
.om-support p{margin:8px 0 0;font-size:16px;color:#fff}
.om-support__btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:10px;background:#56BCA7;color:#fff !important;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 8px 22px rgba(86,188,167,.30);transition:background-color 150ms var(--om-ease),transform 150ms var(--om-ease)}
.om-support__btn:hover{background:#45A894;transform:translateY(-2px)}
.om-support__btn::after{content:"\2197";font-size:15px}
@media (max-width:640px){.om-support__inner{padding:32px 24px}}

/* ---------- Footer ---------- */
footer.footer{border-top:4px solid transparent;border-image:var(--om-gradient) 1;font-size:13px}
footer.footer a{color:var(--om-on-dark-muted)}
footer.footer a:hover{color:#fff}

/* ---------- Home page spacing: gap under the cards matches the gap above "Start here" (72px) ---------- */
html[data-page-template="content-source"] main.hero-layout > .content{padding-bottom:0 !important}
html[data-page-template="content-source"] main.hero-layout > .content:not(:has(> :nth-child(2))){row-gap:0 !important}
html[data-page-template="content-source"] .om-support{margin-top:72px !important}