/* Responsive, cacheable presentation for the CI4 service catalog. */
.services-catalog{padding:0 0 clamp(2.5rem,5vw,4.5rem);color:#263548;background:#f5f7fa}
.services-catalog [hidden]{display:none!important}
.services-catalog__container{width:min(1500px,calc(100% - 2rem));margin-inline:auto}
.services-catalog .portal-breadcrumbs{margin:0 0 1rem;padding:.8rem 1rem}
.services-hero{position:relative;display:grid;justify-items:start;gap:.65rem;margin:0 0 1.35rem;padding:clamp(1.15rem,3vw,2rem);overflow:hidden;border:1px solid #e3e8ee;border-top:4px solid #b68a37;border-radius:20px;background:linear-gradient(115deg,#fff 0%,#fff 65%,#faf6ec 100%);box-shadow:0 8px 26px rgb(18 48 77 / 5%)}
.services-hero:after{position:absolute;inset-inline-end:-3rem;inset-block-start:-5rem;width:15rem;height:15rem;border:1px solid rgb(182 138 55 / 11%);border-radius:50%;box-shadow:0 0 0 25px rgb(182 138 55 / 4%),0 0 0 52px rgb(182 138 55 / 3%);content:"";pointer-events:none}
.services-hero__eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .7rem;border:1px solid #eee5d2;border-radius:999px;color:#8b6829;background:#fbf8f0;font-size:.78rem;font-weight:700}
.services-hero h1{margin:0;color:#17334f;font-size:clamp(1.65rem,3vw,2.35rem);font-weight:800;line-height:1.4;text-align:start}
.services-hero>p{max-width:720px;margin:0;color:#647386;font-size:.94rem;line-height:1.8;text-align:start}
.services-search{position:relative;z-index:1;display:flex;align-items:center;gap:.75rem;width:min(100%,600px);min-height:52px;margin-top:.45rem;padding:.35rem .9rem;border:1px solid #dce3eb;border-radius:13px;background:#fff;box-shadow:0 5px 16px rgb(18 48 77 / 5%);transition:border-color .18s ease,box-shadow .18s ease}
.services-search:focus-within{border-color:#b68a37;box-shadow:0 0 0 4px rgb(182 138 55 / 13%)}
.services-search>i{flex:0 0 auto;color:#98732f}
.services-search input{width:100%;min-width:0;height:42px;padding:0;border:0;outline:0;color:#263548;background:transparent;font:inherit;font-size:.88rem;text-align:start}
.services-search input::placeholder{color:#8c98a7;opacity:1}
.services-search input::-webkit-search-cancel-button{display:none}
.services-search__clear{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:0;border-radius:9px;color:#627184;background:#f1f3f6;cursor:pointer}
.services-search__clear:hover,.services-search__clear:focus-visible{color:#76571f;background:#f5ecd8;outline:2px solid #d5bd8a}
.services-category-nav{display:flex;gap:.55rem;margin:0 0 1.35rem;padding:.1rem .1rem .55rem;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#c6a968 #edf0f3}
.services-category-nav__link{display:inline-flex;flex:0 0 auto;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .85rem;border:1px solid #e0e5eb;border-radius:999px;color:#405166;background:#fff;font-size:.8rem;font-weight:650;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.services-category-nav__link:hover,.services-category-nav__link:focus-visible{transform:translateY(-1px);border-color:#c7a75f;color:#795b22;background:#fcf8ee;outline:0}
.services-category-nav__link i{color:#a27b31}
.services-category{scroll-margin-top:18px;margin:0 0 1.4rem;padding:clamp(.9rem,2vw,1.25rem);border:1px solid #e2e7ed;border-radius:18px;background:#fff;box-shadow:0 6px 20px rgb(18 48 77 / 4%)}
.services-category__header{display:flex;align-items:center;gap:.8rem;margin:0 0 1rem;padding:0 0 .9rem;border-bottom:1px solid #edf0f3;text-align:start}
.services-category__icon{display:grid;flex:0 0 44px;width:44px;height:44px;place-items:center;border:1px solid #f0e6d1;border-radius:13px;color:#92702e;background:#fbf7ee;font-size:1.1rem}
.services-category__heading{min-width:0;flex:1}
.services-category__title{margin:0;color:#183552;font-size:clamp(1.05rem,1.8vw,1.35rem);font-weight:750;line-height:1.5;text-align:start;overflow-wrap:anywhere}
.services-category__heading p{margin:.12rem 0 0;color:#8692a0;font-size:.76rem}
.services-category__count{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:11px;color:#866323;background:#f8f1e2;font-size:.82rem;font-weight:750;font-variant-numeric:tabular-nums}
.services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.service-tile{position:relative;display:flex;min-width:0;min-height:246px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid #e5e9ee;border-radius:14px;background:linear-gradient(160deg,#fff,#fdfdfc);text-align:start;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.service-tile:before{position:absolute;inset:0 12px auto;height:3px;border-radius:0 0 4px 4px;background:#b68a37;content:"";opacity:0;transition:opacity .18s ease}
.service-tile:hover{transform:translateY(-2px);border-color:#d8c392;box-shadow:0 10px 24px rgb(18 48 77 / 8%)}
.service-tile:hover:before{opacity:1}
.service-tile__topline{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.5rem}
.service-tile__icon{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border-radius:15px;color:#90702f;background:#f7f1e5;font-size:1.35rem}
.service-tile__icon img{display:block;width:48px;height:48px;object-fit:contain}
.service-tile__visits{display:inline-flex;align-items:center;gap:.35rem;color:#788596;font-size:.7rem;font-variant-numeric:tabular-nums}
.service-tile__visits i{color:#a27b31}
.service-tile__title{display:-webkit-box;min-height:3.1em;overflow:hidden;margin:.8rem 0 .4rem;color:#22364c;font-size:.9rem;font-weight:750;line-height:1.65;text-align:start;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.service-tile__description{display:-webkit-box;min-height:3.2em;overflow:hidden;margin:0 0 .85rem;color:#69788a;font-size:.73rem;line-height:1.65;text-align:start;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.service-tile__actions{display:flex;width:100%;align-items:stretch;gap:.45rem;margin-top:auto}
.service-tile__details{position:relative;flex:1 1 auto;min-width:0}
.service-tile__details>summary{list-style:none;cursor:pointer}
.service-tile__details>summary::-webkit-details-marker{display:none}
.service-tile__button{box-sizing:border-box;display:inline-flex;flex:1 1 0;min-width:0;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.45rem .5rem;border:1px solid #dfe5eb;border-radius:9px;font-family:inherit;font-size:.72rem;font-weight:700;line-height:1.3;text-align:center;text-decoration:none;white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}
.service-tile__button>i{flex:0 0 auto}
.service-tile__button>span{min-width:0}
.service-tile__details>.service-tile__button{width:100%;color:#4d5d70;background:#fff}
.service-tile__details>.service-tile__button:hover,.service-tile__details[open]>.service-tile__button{border-color:#d2bb86;color:#73561f;background:#fbf7ee}
.service-tile__button--primary{border-color:#92702e;color:#fff;background:#92702e}
.service-tile__button--primary:hover,.service-tile__button--primary:focus-visible{border-color:#765821;color:#fff;background:#765821;outline:2px solid #ddcea9;outline-offset:2px}
.service-tile__details-panel{position:absolute;z-index:5;inset-inline:0;inset-block-end:calc(100% + 8px);width:min(340px,80vw);max-height:220px;overflow:auto;padding:.85rem;border:1px solid #e1e6ec;border-radius:11px;color:#425267;background:#fff;box-shadow:0 12px 30px rgb(18 48 77 / 16%);font-size:.77rem;line-height:1.75;text-align:start}
.services-category--links{background:linear-gradient(140deg,#fff,#fbfaf6)}
.services-helpful-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}
.services-helpful-link{display:flex;align-items:center;gap:.7rem;min-width:0;min-height:56px;padding:.7rem .8rem;border:1px solid #e4e8ed;border-radius:12px;color:#2b3e53;background:#fff;font-size:.82rem;font-weight:650;line-height:1.6;text-align:start;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.services-helpful-link:hover,.services-helpful-link:focus-visible{transform:translateY(-1px);border-color:#cbb478;color:#75571f;box-shadow:0 7px 18px rgb(18 48 77 / 7%);outline:0}
.services-helpful-link>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
.services-helpful-link__icon{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:10px;color:#8c6a2b;background:#f7f1e5}
.services-helpful-link__arrow{flex:0 0 auto;color:#a27b31;font-size:.72rem}
.services-helpful-sections{display:grid;gap:.15rem;margin-block-start:clamp(1.25rem,3vw,2rem)}
.services-helpful-sections>.services-category:last-child{margin-block-end:0}
.services-empty,.services-empty-inline{color:#758395;text-align:center}
.services-empty{display:grid;justify-items:center;gap:.5rem;padding:2.2rem 1rem;border:1px dashed #dbe1e8;border-radius:16px;background:#fff}
.services-empty i{color:#a27b31;font-size:1.5rem}
.services-empty p,.services-empty-inline{margin:0}
.services-empty-inline{padding:1.2rem}
.services-empty--search{margin-top:1rem}
.services-catalog__status{margin:-.35rem 0 .8rem;color:#6c7989;font-size:.8rem;text-align:start}
@media(max-width:1100px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:780px){.services-catalog__container{width:min(100% - 1.25rem,720px)}.services-hero{border-radius:16px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.services-category{border-radius:15px}.service-tile{min-height:230px;padding:13px}.services-helpful-list{grid-template-columns:1fr}.services-helpful-sections{margin-block-start:1rem}}
@media(max-width:480px){.services-catalog__container{width:calc(100% - 1rem)}.services-hero{gap:.55rem;margin-bottom:1rem;padding:1rem;border-radius:14px}.services-hero>p{font-size:.82rem}.services-search{min-height:48px}.services-category-nav{margin-bottom:.9rem}.services-category-nav__link{min-height:39px;padding-inline:.7rem;font-size:.74rem}.services-category{margin-bottom:.9rem;padding:.8rem;border-radius:13px}.services-category__header{gap:.6rem;margin-bottom:.75rem;padding-bottom:.7rem}.services-category__icon{flex-basis:38px;width:38px;height:38px;border-radius:11px}.services-category__count{flex-basis:32px;width:32px;height:32px}.services-grid{grid-template-columns:1fr;gap:9px}.service-tile{min-height:0;padding:13px}.service-tile__title{min-height:0;margin:.65rem 0 .3rem;font-size:.88rem}.service-tile__description{min-height:0;margin-bottom:.75rem;font-size:.75rem}.service-tile__details-panel{width:min(340px,calc(100vw - 64px))}}
@media(prefers-reduced-motion:reduce){.services-catalog *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}