/* CMU Digital Service Desk — HESK 3.7.7 — revision 3.0 */
:root {
  --cmu-navy: #0b2345;
  --cmu-navy-dark: #071a35;
  --cmu-navy-light: #21476e;
  --cmu-maroon: #85323b;
  --cmu-bg: #f5f7fb;
  --cmu-border: #e1e8f0;
  --cmu-ink: #142b42;
  --cmu-muted: #5b6e81;
}
html {scroll-behavior:smooth}
body.cust-help {background:var(--cmu-bg)!important; color:var(--cmu-ink); font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important; -webkit-font-smoothing:antialiased}
body.cust-help .wrapper {min-height:100vh; background:var(--cmu-bg)!important}
body.cust-help .contr {max-width:1190px}
body.cust-help .main__content {padding-bottom:62px; background:var(--cmu-bg)!important}
/* One coherent masthead, not a second large logo above the content. */
body.cust-help .header {background:#fff!important; border-bottom:1px solid var(--cmu-border); box-shadow:0 2px 14px rgba(11,35,69,.035)}
body.cust-help .header__inner {min-height:74px; gap:22px; padding:10px 0; flex-wrap:wrap}
body.cust-help .header__logo.cmu-brand {display:inline-flex; align-items:center; gap:12px; text-decoration:none!important; color:var(--cmu-navy); flex:none; max-width:370px; line-height:1.2}
body.cust-help .cmu-brand__image {display:block; width:auto; height:50px; max-width:235px; object-fit:contain}
body.cust-help .cmu-brand__label {font-size:13px; max-width:117px; font-weight:750; border-left:1px solid #d2dbe4; padding-left:12px; letter-spacing:-.01em}
body.cust-help .cmu-quicknav {display:flex; align-items:center; justify-content:flex-end; gap:clamp(12px,2vw,24px); flex:1; white-space:nowrap}
body.cust-help .cmu-quicknav__link {font-size:13px; font-weight:650; text-decoration:none; color:var(--cmu-navy)!important; padding:10px 0; line-height:1.2}
body.cust-help .cmu-quicknav__link:hover {color:var(--cmu-maroon)!important}
body.cust-help .header__inner .header__nav {flex-grow:0; margin:0}
body.cust-help .header__inner .header__nav .nav-item a {color:var(--cmu-navy)}
body.cust-help .header .dropdown-select .label {color:var(--cmu-navy)}
body.cust-help .breadcrumbs {background:transparent!important; border:0!important}
body.cust-help .breadcrumbs__inner {padding-top:15px; padding-bottom:15px; color:var(--cmu-muted)}
body.cust-help.cmu-home .breadcrumbs {display:none}
/* Reduced vertical space and a single clean search field. */
body.cust-help.cmu-home .main__content > .contr > div:first-child {margin-bottom:0!important}
body.cust-help .help-search {position:relative; margin:26px 0 22px; padding:clamp(28px,4vw,49px)!important; border-radius:20px; background:radial-gradient(circle at 95% 0,rgba(87,150,193,.27),transparent 42%),linear-gradient(115deg,var(--cmu-navy-dark),#1d466b)!important; box-shadow:0 16px 30px rgba(11,35,69,.13); text-align:center}
body.cust-help .help-search:before {content:'CMU DIGITAL SERVICE DESK'; display:block; letter-spacing:.20em; color:#b9d8ed; font-size:11px; font-weight:800; margin-bottom:15px}
body.cust-help .help-search .search__title {color:#fff!important; font-size:clamp(29px,3.3vw,41px); font-weight:750; letter-spacing:-.035em; line-height:1.15; margin:0 0 10px}
body.cust-help .cmu-hero-subtitle {margin:0 auto 26px; color:#dae7f3; font-size:15px; line-height:1.5}
body.cust-help .help-search form[name="searchform"] {display:block!important; max-width:780px; margin:0 auto!important; width:100%}
body.cust-help .help-search .search__form {background:transparent!important; padding:0!important; max-width:none}
body.cust-help .help-search .search__form .form-group {max-width:none}
body.cust-help .help-search input#kb_search {background:#fff!important; color:var(--cmu-ink)!important; border:1px solid #dce6ef!important; border-radius:12px!important; min-height:56px; font-size:15px; box-shadow:0 4px 16px rgba(0,0,0,.12)}
body.cust-help .help-search .search__form .form-group .icon-search {fill:var(--cmu-navy-light)}
body.cust-help .help-search .search__form .search__submit {z-index:2}
body.cust-help .help-search .kb-suggestions {text-align:left}
/* More prominent actions without excessive scrolling. */
body.cust-help.cmu-home .nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:18px; margin:25px 0 29px}
body.cust-help.cmu-home .navlink {width:auto; max-width:none; min-height:115px; margin:0!important; padding:24px 26px!important; display:flex; align-items:center; background:#fff; border:1px solid var(--cmu-border); border-radius:16px!important; box-shadow:0 8px 24px rgba(12,35,69,.05); color:var(--cmu-navy); transition:transform .2s,box-shadow .2s,border-color .2s}
body.cust-help.cmu-home .navlink:hover {transform:translateY(-2px); box-shadow:0 14px 30px rgba(12,35,69,.09); border-color:#bbcbdb}
body.cust-help.cmu-home .navlink .navlink__title {color:var(--cmu-navy)!important; font-size:19px; font-weight:750}
body.cust-help .navlink__descr {color:var(--cmu-muted); font-size:13px}
body.cust-help .icon-in-circle {background:#e9f2f9; color:var(--cmu-navy-light); border-radius:14px}
body.cust-help .navlink .icon-in-circle {width:49px; height:49px; border-radius:13px; margin-right:17px}
body.cust-help .navlink .icon-in-circle .icon {fill:var(--cmu-navy-light)}
body.cust-help .navlink:hover>.icon-in-circle {background:var(--cmu-maroon)}
body.cust-help .navlink:hover>.icon-in-circle .icon {fill:#fff}
body.cust-help .article {background:#fff; border:1px solid var(--cmu-border); border-radius:16px; box-shadow:0 8px 24px rgba(12,35,69,.045); padding:clamp(18px,3vw,27px); margin-top:20px}
body.cust-help .article__heading,body.cust-help h1,body.cust-help h2,body.cust-help h3,body.cust-help h4,body.cust-help h5 {color:var(--cmu-navy); letter-spacing:-.02em}
body.cust-help .preview {border-radius:10px}
body.cust-help .preview:hover {background:#f1f6fa}
body.cust-help a:hover {color:var(--cmu-maroon)}
body.cust-help input:not([type=checkbox]):not([type=radio]),body.cust-help select,body.cust-help textarea {max-width:100%; border-radius:9px; min-height:43px}
body.cust-help input:focus-visible,body.cust-help button:focus-visible,body.cust-help a:focus-visible,body.cust-help select:focus-visible,body.cust-help textarea:focus-visible {outline:3px solid #338aca!important; outline-offset:2px}
body.cust-help .btn,body.cust-help button {border-radius:9px; font-weight:650}
body.cust-help .btn-full,body.cust-help button[type=submit].btn {background:var(--cmu-maroon); border-color:var(--cmu-maroon); color:#fff}
body.cust-help .btn-full:hover,body.cust-help button[type=submit].btn:hover {background:#6c2731; border-color:#6c2731; color:#fff}
body.cust-help .form-control:focus {border-color:#338aca; box-shadow:0 0 0 3px rgba(51,138,202,.16)}
body.cust-help .select__title {font-size:clamp(24px,3vw,34px); padding-top:15px}
body.cust-help .footer {border-top:1px solid var(--cmu-border)}
@media(max-width:980px) {
 body.cust-help .header__inner {gap:9px 18px}
 body.cust-help .cmu-quicknav {order:3; flex-basis:100%; justify-content:flex-start; gap:22px; border-top:1px solid var(--cmu-border); padding-top:2px}
 body.cust-help .header__inner .header__nav {margin-left:auto}
}
@media(max-width:700px) {
 body.cust-help .contr {padding-left:17px; padding-right:17px}
 body.cust-help .header__inner {min-height:65px}
 body.cust-help .cmu-brand__image {height:39px; max-width:178px}
 body.cust-help .cmu-brand__label {font-size:11px; max-width:92px; padding-left:9px}
 body.cust-help .cmu-quicknav {gap:16px; flex-wrap:wrap; padding:7px 0 0}
 body.cust-help .cmu-quicknav__link {font-size:12px; padding:5px 0}
 body.cust-help .help-search {border-radius:16px; margin:18px 0 20px; padding:29px 20px 32px!important}
 body.cust-help .help-search:before {font-size:10px}
 body.cust-help .cmu-hero-subtitle {font-size:13px; margin-bottom:20px}
 body.cust-help.cmu-home .nav {grid-template-columns:1fr; gap:13px}
 body.cust-help.cmu-home .navlink {min-height:95px; padding:20px!important}
 body.cust-help input,body.cust-help select,body.cust-help textarea {font-size:16px}
}
@media(max-width:430px) {
 body.cust-help .cmu-brand__image {max-width:141px; height:33px}
 body.cust-help .cmu-brand__label {max-width:78px; font-size:10px}
 body.cust-help .cmu-quicknav {gap:10px 14px}
}
@media(prefers-reduced-motion:reduce) {body.cust-help *,body.cust-help *:before,body.cust-help *:after {animation-duration:.01ms!important; transition-duration:.01ms!important}}

/* CMU v3: category selection - desktop and mobile friendly */
body.cust-help .cmu-category-panel {max-width:760px; margin:32px auto 58px; padding:clamp(24px,4vw,48px); background:#fff; border:1px solid var(--cmu-border); border-radius:20px; box-shadow:0 12px 32px rgba(11,35,69,.06); text-align:center}
body.cust-help .cmu-category-eyebrow {display:block; color:var(--cmu-maroon); font-size:11px; font-weight:800; letter-spacing:.16em; margin-bottom:10px}
body.cust-help .cmu-category-panel .select__title {margin:0 0 10px; padding:0; font-size:clamp(24px,3.2vw,35px); line-height:1.2}
body.cust-help .cmu-category-description {font-size:14px; line-height:1.6; color:var(--cmu-muted); max-width:530px; margin:0 auto 28px}
body.cust-help .cmu-category-panel form {width:100%; max-width:510px; margin:0 auto}
body.cust-help .cmu-category-panel form>div[style*="display: table"] {display:block!important; width:100%; margin:0 auto 21px!important}
body.cust-help .cmu-category-panel .cat-select {width:100%; min-height:52px; font-size:15px}
body.cust-help .cmu-category-panel .selectize-control {display:block; width:100%; text-align:left}
body.cust-help .cmu-category-panel .selectize-input {min-height:52px; padding:13px 17px; border-radius:10px; border:1px solid #bfcbd8; box-shadow:none; background:#fff; color:var(--cmu-navy)}
body.cust-help .cmu-category-panel .selectize-input.focus,body.cust-help .cmu-category-panel .selectize-input.input-active {border-color:#338aca; box-shadow:0 0 0 3px rgba(51,138,202,.16)}
body.cust-help .cmu-category-panel .selectize-dropdown {border:1px solid var(--cmu-border); border-radius:10px; box-shadow:0 12px 30px rgba(11,35,69,.14); overflow:hidden; text-align:left; font-size:15px}
body.cust-help .cmu-category-panel .selectize-dropdown .option {padding:12px 16px; line-height:1.4}
body.cust-help .cmu-category-panel .selectize-dropdown .active {background:#e8f0f7; color:var(--cmu-navy)}
body.cust-help .cmu-category-panel .form-footer {margin-top:6px}
body.cust-help .cmu-category-panel .form-footer .btn {min-height:50px; width:min(100%,510px); font-size:15px}
body.cust-help .cmu-category-panel .nav {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; gap:12px; text-align:left; margin:26px 0 0}
body.cust-help .cmu-category-panel .navlink {display:flex; padding:18px!important; border:1px solid var(--cmu-border); border-radius:12px; width:100%; margin:0!important; background:#fafcff}
body.cust-help .cmu-category-panel .navlink .navlink__title {font-size:16px; line-height:1.35; overflow-wrap:anywhere}
/* CMU service details above the intact HESK attribution (not hidden or modified). */
body.cust-help .cmu-site-footer {background:var(--cmu-navy); color:#e6eff7; margin-top:20px; padding:28px 0; font-size:13px}
body.cust-help .cmu-site-footer__inner {display:flex; gap:22px; align-items:center; justify-content:space-between; flex-wrap:wrap}
body.cust-help .cmu-site-footer__heading {color:#fff; font-size:15px; font-weight:800; margin-bottom:5px}
body.cust-help .cmu-site-footer__subtitle {color:#c5d6e8; line-height:1.5}
body.cust-help .cmu-site-footer__links {display:flex; gap:10px 18px; flex-wrap:wrap; align-items:center}
body.cust-help .cmu-site-footer__links a {color:#e4eff8!important; font-size:13px; font-weight:600; text-decoration:none}
body.cust-help .cmu-site-footer__links a:hover {color:#fff!important; text-decoration:underline}
body.cust-help .cmu-site-footer__copyright {font-size:12px; margin-top:12px; color:#b8cde0}
/* The existing HESK-generated .footer is deliberately retained and readable. */
body.cust-help .footer {background:#fff; color:var(--cmu-muted); margin:0; padding:19px 12px; border-top:0; text-align:center}
body.cust-help .footer p {margin:0; font-size:12px; line-height:1.6}
body.cust-help .footer .link {color:#255f92!important; text-decoration:underline}
@media(max-width:700px) {
 body.cust-help .cmu-category-panel {margin:18px auto 35px; padding:25px 18px}
 body.cust-help .cmu-category-panel .nav {grid-template-columns:1fr}
 body.cust-help .cmu-site-footer {padding:25px 0}
 body.cust-help .cmu-site-footer__inner {align-items:flex-start; flex-direction:column; gap:14px}
}