.public-page {
  width: 100%;
  max-width: 1500px;
  padding: 10px 20px 48px;
  overflow-x: hidden;
  box-sizing: border-box;
}

.uh-page,
.uh-error {
  --uh-navy: #071b53;
  --uh-blue: #0868ef;
  --uh-orange: #ff6413;
  --uh-text: #102b5d;
  --uh-muted: #64789a;
  --uh-line: #cfe0f4;
  --uh-soft: #f5f9ff;
  color: var(--uh-text);
  font-family: Arial, Helvetica, sans-serif;
}

.uh-page *,.uh-error * { box-sizing: border-box; }
.uh-anchor { position: relative; top: -10px; }
.uh-inline-panel { display: inline-flex; }

.uh-breadcrumb {
  display: flex; flex-wrap: wrap; gap: 7px; align-items: center;
  margin: 2px 0 9px; color: #7588a6; font-size: 11px;
}
.uh-breadcrumb a { color: #1764c8; font-weight: 800; text-decoration: none; }

.uh-hero {
  min-height: 230px; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(390px,.75fr);
  overflow: hidden; border: 1px solid #b8d5f4; border-radius: 16px 16px 0 0;
  background: linear-gradient(115deg,#f8fcff 0%,#e8f5ff 57%,#bfddff 100%);
  box-shadow: 0 12px 30px rgba(7,54,120,.1);
}
.uh-hero.no-campus-image { grid-template-columns: minmax(0,1fr); }
.uh-hero.no-campus-image .uh-hero-copy { min-width: 0; }
.uh-hero-copy { position: relative; z-index: 2; padding: 27px 34px; display: flex; align-items: center; }
.uh-identity { display: flex; align-items: center; gap: 25px; min-width: 0; }
.uh-logo-wrap {
  width: 146px; height: 146px; flex: 0 0 146px; display: grid; place-items: center; padding: 9px;
  border: 1px solid #bed6ef; border-radius: 50%; background: rgba(255,255,255,.94);
  box-shadow: 0 9px 25px rgba(12,62,127,.14);
}
.uh-logo { display: block; max-width: 126px; max-height: 126px; object-fit: contain; }
.uh-logo-fallback { width: 120px; height: 120px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#0868ef,#6537dd); font-size: 27px; font-weight: 900; }
.uh-identity-copy { min-width: 0; }
.uh-eyebrow,.uh-kicker { display: block; margin: 0 0 5px; color: #0667d9; font-size: 10px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.uh-hero h1 { margin: 0; color: var(--uh-navy); font-size: clamp(31px,3.25vw,51px); line-height: 1; letter-spacing: -.035em; overflow-wrap: anywhere; }
.uh-formal-name { margin: 7px 0 0; color: #17396e; font-size: 17px; font-weight: 800; line-height: 1.3; }
.uh-hero-topics { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin: 10px 0; color: #183660; font-size: 12px; font-weight: 800; }
.uh-hero-topics i { width: 4px; height: 4px; border-radius: 50%; background: #0a5ed1; }
.uh-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.uh-location-chip,.uh-official-link { display: inline-flex; gap: 7px; align-items: center; min-height: 34px; padding: 7px 12px; border: 1px solid #c3d9f2; border-radius: 10px; color: #17396b; background: rgba(255,255,255,.82); font-size: 11px; font-weight: 800; text-decoration: none; }
.uh-location-chip { max-width: 620px; }
.uh-location-chip b { color: #0868ef; font-size: 17px; }
.uh-official-link:hover { border-color: #0868ef; color: #064db0; background: #fff; }
.uh-hero-media { position: relative; min-width: 0; background: linear-gradient(130deg,#173a87,#0189ce); }
.uh-hero-media::before { content:""; position:absolute; inset:0 auto 0 -70px; z-index:1; width:150px; background:linear-gradient(90deg,#e8f5ff 0%,rgba(232,245,255,0) 100%); }
.uh-campus-image { display:block; width:100%; height:100%; min-height:230px; object-fit:cover; }
.uh-campus-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:28px; color:#fff; text-align:center; background:radial-gradient(circle at 80% 20%,rgba(111,192,255,.45),transparent 34%),linear-gradient(130deg,#173a87,#008bca); }
.uh-campus-placeholder strong { font-size:19px; }
.uh-campus-placeholder > span:last-child { color:#dceeff; font-size:11px; }
.uh-campus-mark { position:relative; display:flex; align-items:flex-end; gap:5px; width:116px; height:58px; padding:16px 19px 7px; border-bottom:6px solid #fff; }
.uh-campus-mark::before,.uh-campus-mark::after { content:""; position:absolute; left:12px; right:12px; height:6px; background:#fff; }
.uh-campus-mark::before { top:7px; transform:skewX(-24deg); }.uh-campus-mark::after { bottom:3px; }
.uh-campus-mark i { width:10px; height:34px; background:#fff; }

.uh-hub-nav { min-height:52px; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); align-items:stretch; margin:0 0 16px; overflow:hidden; border-radius:0 0 12px 12px; background:linear-gradient(90deg,#073b8f,#062260); box-shadow:0 8px 20px rgba(4,31,82,.14); }
.uh-hub-nav a { display:flex; align-items:center; justify-content:center; gap:10px; padding:11px 8px; color:#fff; font-size:14px; font-weight:800; text-align:center; text-decoration:none; border-right:1px solid rgba(255,255,255,.09); }
.uh-hub-nav a span { font-size:21px; }.uh-hub-nav a:hover,.uh-hub-nav a:focus-visible { background:rgba(255,255,255,.12); }.uh-hub-nav a.is-active { margin:7px; padding:4px 8px; border-radius:8px; color:#0749ae; background:#fff; }

.uh-section { border:1px solid var(--uh-line); border-radius:14px; background:#fff; box-shadow:0 6px 18px rgba(23,64,118,.06); }
.uh-section-heading { margin-bottom:11px; }.uh-section-heading h2 { margin:0; color:var(--uh-navy); font-size:21px; line-height:1.15; }.uh-section-heading h2::after { content:""; display:block; width:36px; height:3px; margin-top:5px; border-radius:5px; background:#ff8a00; }
.uh-heading-row { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }.uh-heading-note { align-self:center; color:#7486a2; font-size:11px; font-weight:700; }
.uh-top-grid { display:grid; grid-template-columns:minmax(0,2.1fr) minmax(320px,.9fr); gap:14px; margin-bottom:14px; }
.uh-quick-section { padding:14px 18px 17px; }
.uh-quick-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; }
.uh-quick-link { min-height:95px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; padding:9px 6px; border:1px solid rgba(30,92,170,.08); border-radius:11px; color:#091d55; font-size:13px; font-weight:900; text-align:center; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }
.uh-quick-link:hover { transform:translateY(-2px); box-shadow:0 8px 18px rgba(34,82,142,.13); }.uh-quick-icon { width:37px; height:37px; display:grid; place-items:center; border-radius:10px; color:currentColor; background:#fff; box-shadow:0 4px 10px rgba(16,49,97,.1); font-size:22px; }
.uh-blue{color:#0868ef;background:#edf7ff}.uh-purple{color:#7441e8;background:#f3edff}.uh-red{color:#ef334d;background:#fff0f1}.uh-orange{color:#ff8500;background:#fff6dd}.uh-green{color:#0d9a4b;background:#eafaf0}.uh-indigo{color:#2764e5;background:#edf3ff}
.uh-alert-panel { min-height:143px; position:relative; overflow:hidden; display:flex; align-items:center; gap:15px; padding:18px 22px; border-radius:14px; color:#fff; background:linear-gradient(125deg,#ff6b00,#ff4a1d 70%,#ff855c); box-shadow:0 8px 22px rgba(234,87,13,.22); }
.uh-alert-panel::after { content:""; position:absolute; width:150px; height:150px; right:-35px; top:-70px; border:2px solid rgba(255,255,255,.18); border-radius:50%; }
.uh-alert-icon { position:relative; z-index:1; flex:0 0 61px; height:61px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.6); border-radius:50%; font-size:31px; background:rgba(255,255,255,.12); }
.uh-alert-copy { position:relative; z-index:1; min-width:0; }.uh-alert-copy .uh-kicker { color:#fff4dc; }.uh-alert-copy h2 { margin:0 0 4px; font-size:22px; line-height:1.1; }.uh-alert-copy p { margin:0 0 11px; font-size:11px; line-height:1.45; }.uh-alert-actions { display:flex; flex-wrap:wrap; align-items:center; gap:9px; font-size:10px; font-weight:800; }.uh-alert-pending { display:inline-block; padding:8px 10px; border-radius:8px; background:rgba(255,255,255,.16); font-size:11px; font-weight:800; }
.uh-button { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:34px; padding:8px 13px; border:0; border-radius:8px; font-size:11px; font-weight:900; text-decoration:none; }.uh-button-light { color:#e84e0e; background:#fff; }.uh-button-primary { color:#fff; background:linear-gradient(135deg,#0868ef,#0749ad); box-shadow:0 6px 14px rgba(8,79,183,.2); }

.uh-dates-section { position:relative; display:grid; grid-template-columns:175px minmax(0,1fr) 70px; align-items:stretch; gap:0; min-height:74px; margin-bottom:14px; overflow:hidden; border:1px solid #78b1ec; border-radius:12px; background:#fff; box-shadow:0 6px 18px rgba(23,64,118,.06); }
.uh-dates-title { display:flex; align-items:center; gap:10px; padding:12px 16px; color:#fff; background:linear-gradient(135deg,#075ac9,#053a8d); font-size:16px; }.uh-dates-title span { color:#ffc400; font-size:24px; }
.uh-date-scroller { display:flex; overflow-x:auto; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#80b3ec #e7f2ff; }
.uh-date-card { min-width:240px; display:grid; grid-template-columns:48px minmax(0,1fr); align-items:center; gap:8px; padding:9px 12px; border-right:1px solid #dae7f6; scroll-snap-align:start; }
.uh-date-block { width:46px; height:50px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-radius:8px; color:#fff; background:#0868ef; }.uh-date-block strong { font-size:18px; line-height:1; }.uh-date-block span { margin-top:3px; font-size:9px; font-weight:900; }
.uh-date-copy { min-width:0; }.uh-date-range { color:#7688a4; font-size:8px; font-weight:800; text-transform:uppercase; }.uh-date-copy h3 { display:-webkit-box; margin:2px 0; overflow:hidden; color:#0b2557; font-size:11px; line-height:1.25; -webkit-box-orient:vertical; -webkit-line-clamp:2; }.uh-card-link { color:#0964d9; font-size:9px; font-weight:900; text-decoration:none; }
.uh-date-empty { display:flex; flex-direction:column; justify-content:center; padding:9px 17px; }.uh-date-empty strong { font-size:12px; }.uh-date-empty span { color:#6d81a1; font-size:10px; }.uh-dates-all { display:flex; align-items:center; justify-content:center; color:#0862d3; font-size:10px; font-weight:900; text-decoration:none; background:#f4f9ff; }

.uh-feature-grid { display:grid; grid-template-columns:minmax(250px,.85fr) minmax(430px,1.55fr) minmax(220px,.7fr); gap:14px; margin-bottom:14px; align-items:stretch; }
.uh-feature-guide { min-height:310px; position:relative; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid #b9d7f5; border-radius:14px; background:linear-gradient(145deg,#f0faff,#d9f2ff 58%,#edf4ff); box-shadow:0 6px 18px rgba(23,64,118,.07); }
.uh-guide-art { position:absolute; inset:0 0 auto 0; height:50%; background:radial-gradient(circle at 60% 20%,#fff 0 10%,transparent 11%),linear-gradient(125deg,#d2f1ff,#eff6ff); }
.uh-screen { position:absolute; width:116px; height:75px; right:23px; top:30px; border:7px solid #082b69; border-radius:7px; background:#e8f7ff; transform:rotate(3deg); box-shadow:0 8px 15px rgba(7,41,96,.18); }.uh-screen i { position:absolute; width:55px; height:9px; left:13px; top:17px; border-radius:4px; background:#4b7cca; box-shadow:0 16px 0 #97bce8; }.uh-screen b { position:absolute; right:10px; bottom:9px; width:26px; height:26px; display:grid; place-items:center; border-radius:50%; color:#fff; background:#0caf67; }.uh-books { position:absolute; width:115px; height:14px; right:11px; bottom:10px; border-radius:4px; background:#ff9b18; box-shadow:10px -14px 0 #ef3655,-4px -28px 0 #0c61dc; }
.uh-feature-copy { position:relative; z-index:1; padding:140px 17px 17px; }.uh-feature-copy > span { color:#0870dc; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.uh-feature-copy h2 { margin:3px 0 5px; color:#071b53; font-size:19px; line-height:1.15; }.uh-feature-copy p { margin:0 0 11px; color:#496383; font-size:10px; line-height:1.45; }
.uh-updates-section,.uh-useful { padding:14px; }.uh-update-list { overflow:hidden; border:1px solid #e0eaf6; border-radius:10px; }.uh-update-row { min-height:48px; display:grid; grid-template-columns:82px minmax(0,1fr) 28px; align-items:center; gap:9px; padding:6px 8px; border-bottom:1px solid #e6edf7; }.uh-update-row:last-child { border-bottom:0; }.uh-tag { display:inline-flex; justify-content:center; padding:5px 6px; border-radius:12px; color:#3c1c91; background:#eee5ff; font-size:8px; font-weight:900; text-transform:uppercase; }.uh-tag.results{color:#087b3b;background:#dff8e8}.uh-tag.notification{color:#e36b00;background:#fff0d9}.uh-tag.time-table{color:#5d2fbd;background:#eee6ff}.uh-tag.hall-tickets{color:#bf3049;background:#ffe5ea}.uh-update-copy { min-width:0; }.uh-update-copy h3 { margin:0; font-size:11px; line-height:1.25; }.uh-update-copy h3 a { color:#102d60; text-decoration:none; }.uh-update-copy > span { color:#8190a9; font-size:8px; font-weight:700; }.uh-row-arrow { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:#0868ef; background:#eaf3ff; font-size:19px; text-decoration:none; }
.uh-text-link { align-self:center; color:#0863d6; font-size:10px; font-weight:900; text-decoration:none; white-space:nowrap; }
.uh-useful > a,.uh-useful .uh-inline-panel > a { width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; padding:11px 2px; border-bottom:1px solid #dfe9f5; color:#12366d; font-size:11px; font-weight:800; text-decoration:none; }.uh-useful > a:last-child,.uh-useful .uh-inline-panel:last-child > a { border-bottom:0; }.uh-useful a b { color:#0868ef; }.uh-useful .uh-inline-panel { width:100%; }

.uh-guides { margin-bottom:14px; padding:18px; }.uh-content-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.uh-content-card { position:relative; min-height:140px; overflow:hidden; display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; border:1px solid #d8e5f3; border-radius:12px; color:#112e61; background:#f8fbff; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease; }.uh-content-card:hover { transform:translateY(-2px); box-shadow:0 10px 24px rgba(24,68,127,.13); }
.uh-content-art { position:relative; height:100%; overflow:hidden; background:linear-gradient(145deg,#dff3ff,#a7d9ff); }.uh-content-art::after { content:""; position:absolute; width:105px; height:68px; left:25px; top:28px; border:5px solid #0c3d86; border-radius:7px; background:#f4fbff; transform:rotate(-3deg); box-shadow:0 9px 18px rgba(10,56,121,.18); }.uh-content-art i { position:absolute; z-index:2; width:49px; height:7px; left:46px; top:53px; border-radius:3px; background:#66a4e8; box-shadow:0 13px 0 #b3d6f6; }.uh-content-art b { position:absolute; z-index:3; width:56px; height:9px; left:74px; top:97px; border-radius:3px; background:#ff8a16; box-shadow:-9px -9px 0 #e93657; }.uh-content-art em { position:absolute; z-index:4; width:25px; height:25px; display:grid; place-items:center; left:103px; top:72px; border-radius:50%; color:#fff; background:#0db067; font-style:normal; }
.uh-content-copy { min-width:0; padding:14px 16px; }.uh-content-copy small { display:block; margin-bottom:5px; color:#0a67d9; font-size:8px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }.uh-content-copy strong { display:-webkit-box; overflow:hidden; font-size:14px; line-height:1.28; -webkit-box-orient:vertical; -webkit-line-clamp:3; }.uh-content-copy > span { display:block; margin-top:12px; color:#0b64d5; font-size:10px; font-weight:900; }.uh-content-theme-2 .uh-content-art{background:linear-gradient(145deg,#f2e8ff,#d2b7ff)}.uh-content-theme-3 .uh-content-art{background:linear-gradient(145deg,#fff0dd,#ffd095)}.uh-content-theme-4 .uh-content-art{background:linear-gradient(145deg,#e4faef,#a8e7c6)}

.uh-resources { margin-bottom:14px; padding:18px; }.uh-resources .uh-section-heading p { margin:6px 0 0; color:#7184a2; font-size:11px; }.uh-module-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }.uh-module { min-height:100px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; padding:10px 5px; border:1px dashed #ccd9e9; border-radius:10px; color:#71819a; background:#f5f8fc; text-align:center; }.uh-module > span { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:#8199b9; background:#e4edf8; }.uh-module strong { color:#405474; font-size:11px; }.uh-module small { font-size:8px; }
.uh-about { padding:18px; }.uh-about-heading { display:flex; align-items:center; gap:12px; margin-bottom:13px; }.uh-about-heading h2 { margin:0; color:#071b53; font-size:21px; }.uh-about-heading strong { font-size:12px; }.uh-about-icon { width:43px; height:43px; display:grid; place-items:center; border-radius:11px; color:#fff; background:#0868ef; font-size:24px; }.uh-about-layout { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(420px,1fr); gap:24px; }.uh-about-copy p,.uh-about-full { margin:0; color:#425c7e; font-size:11px; line-height:1.6; }.uh-about-full { margin-top:8px; }.uh-about-toggle { margin-top:7px; padding:0; border:0; color:#0863d5; background:transparent; font-size:10px; font-weight:900; cursor:pointer; }.uh-facts-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; border:1px solid #dce7f3; border-radius:10px; overflow:hidden; }.uh-facts-list div { min-width:0; padding:11px; border-right:1px solid #e1eaf4; border-bottom:1px solid #e1eaf4; }.uh-facts-list div:nth-child(2n){border-right:0}.uh-facts-list div:nth-last-child(-n+2){border-bottom:0}.uh-facts-list dt { color:#7183a1; font-size:8px; font-weight:900; text-transform:uppercase; }.uh-facts-list dd { margin:3px 0 0; color:#153669; font-size:10px; font-weight:800; line-height:1.35; overflow-wrap:anywhere; }
.uh-empty { padding:18px; text-align:center; color:#6b7f9d; }.uh-empty strong,.uh-empty span { display:block; }.uh-empty strong { color:#18355f; font-size:12px; }.uh-empty span { margin-top:4px; font-size:10px; }
.uh-mobile-nav { display:none; }
.uh-error { max-width:700px; margin:60px auto; padding:35px; border:1px solid #d8e5f5; border-radius:16px; background:#fff; text-align:center; box-shadow:0 12px 30px rgba(22,64,122,.1); }.uh-error-code { width:52px; height:52px; display:grid; place-items:center; margin:0 auto 12px; border-radius:50%; color:#fff; background:#e5465d; font-size:28px; font-weight:900; }.uh-error h1 { margin:0; color:#071b53; }.uh-error p { color:#627897; }

@media (max-width:1100px) {
  .uh-hero { grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr); }.uh-logo-wrap{width:122px;height:122px;flex-basis:122px}.uh-logo{max-width:104px;max-height:104px}.uh-hero-copy{padding:24px}.uh-hero h1{font-size:35px}.uh-formal-name{font-size:14px}
  .uh-hub-nav a{font-size:11px;gap:5px}.uh-hub-nav a span{font-size:17px}.uh-top-grid{grid-template-columns:1fr}.uh-alert-panel{min-height:128px}.uh-feature-grid{grid-template-columns:1fr 1.5fr}.uh-useful{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.uh-useful .uh-section-heading{grid-column:1/-1}.uh-useful>a,.uh-useful .uh-inline-panel>a{border:1px solid #dce7f3!important;border-radius:8px;padding:10px}.uh-module-grid{grid-template-columns:repeat(3,1fr)}
}

@media (max-width:720px) {
  .public-page { padding:0 0 82px; }.uh-page{width:100%;}.uh-breadcrumb{display:none}.uh-hero{min-height:0;display:block;border:0;border-radius:0;box-shadow:none;background:#f2f9ff}.uh-hero-copy{padding:14px 16px 9px}.uh-identity{align-items:flex-start;gap:12px}.uh-logo-wrap{width:72px;height:72px;flex-basis:72px;padding:5px}.uh-logo{max-width:62px;max-height:62px}.uh-logo-fallback{width:60px;height:60px;font-size:16px}.uh-eyebrow{font-size:7px}.uh-hero h1{font-size:24px;line-height:1.05}.uh-formal-name{margin-top:4px;font-size:10px}.uh-hero-topics{display:none}.uh-hero-actions{margin-top:7px}.uh-location-chip{min-height:27px;padding:5px 8px;font-size:8px}.uh-official-link{min-height:27px;padding:5px 8px;font-size:8px}.uh-hero-media{height:130px}.uh-campus-image{min-height:130px}.uh-hero-media::before{display:none}.uh-campus-placeholder{padding:12px}.uh-campus-placeholder strong{font-size:14px}.uh-campus-placeholder>span:last-child{font-size:8px}.uh-campus-mark{transform:scale(.7);margin:-8px 0}.uh-hub-nav{display:none}
  .uh-top-grid{display:block;margin:0;padding:10px 10px 0}.uh-section{border-radius:11px}.uh-quick-section{padding:10px}.uh-section-heading h2{font-size:17px}.uh-quick-grid{grid-template-columns:repeat(3,1fr);gap:7px}.uh-quick-link{min-height:85px;font-size:10px}.uh-quick-icon{width:33px;height:33px;font-size:19px}.uh-alert-panel{min-height:0;margin-top:10px;padding:14px;gap:10px;border-radius:11px}.uh-alert-icon{flex-basis:47px;height:47px;font-size:23px}.uh-alert-copy h2{font-size:17px}.uh-alert-copy p{font-size:9px}.uh-alert-actions{font-size:8px}
  .uh-dates-section{grid-template-columns:1fr;margin:10px;border-radius:10px}.uh-dates-title{padding:9px 11px;font-size:13px}.uh-dates-title span{font-size:19px}.uh-date-card{min-width:230px}.uh-dates-all{position:absolute;right:9px;top:9px;color:#fff;background:transparent}.uh-date-empty{min-height:70px}
  .uh-feature-grid{display:flex;flex-direction:column;margin:0 10px 10px;gap:10px}.uh-feature-guide{min-height:220px;flex-direction:row;align-items:flex-end}.uh-guide-art{height:100%;width:45%;right:auto}.uh-screen{width:89px;height:59px;right:10px;top:43px}.uh-books{width:88px;right:6px;bottom:29px}.uh-feature-copy{width:62%;margin-left:auto;padding:17px 13px}.uh-feature-copy h2{font-size:16px}.uh-updates-section,.uh-useful{padding:11px}.uh-update-row{grid-template-columns:70px minmax(0,1fr) 25px}.uh-update-copy h3{font-size:9px}.uh-useful{display:block}.uh-useful>a,.uh-useful .uh-inline-panel>a{margin-bottom:7px}
  .uh-guides,.uh-resources,.uh-about{margin:0 10px 10px;padding:12px}.uh-heading-note{display:none}.uh-content-grid{grid-template-columns:1fr;gap:8px}.uh-content-card{min-height:104px;grid-template-columns:105px minmax(0,1fr)}.uh-content-art::after{width:78px;height:51px;left:14px;top:21px}.uh-content-art i{left:29px;top:40px}.uh-content-art b{left:48px;top:71px}.uh-content-art em{left:70px;top:53px}.uh-content-copy{padding:10px}.uh-content-copy strong{font-size:11px}.uh-content-copy>span{margin-top:7px}.uh-module-grid{grid-template-columns:repeat(3,1fr);gap:7px}.uh-module{min-height:88px}.uh-module strong{font-size:9px}.uh-about-layout{grid-template-columns:1fr;gap:12px}.uh-about-copy p,.uh-about-full{font-size:10px}.uh-facts-list{grid-template-columns:1fr 1fr}
  .uh-mobile-nav{position:fixed;z-index:900;left:0;right:0;bottom:0;height:64px;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 7px max(5px,env(safe-area-inset-bottom));border-top:1px solid #ccddf0;background:rgba(255,255,255,.97);box-shadow:0 -5px 20px rgba(8,39,87,.13);backdrop-filter:blur(10px)}.uh-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#173768;font-size:8px;font-weight:900;text-decoration:none}.uh-mobile-nav a span{font-size:19px}.uh-mobile-nav a.is-active{color:#0868ef}
}

@media (prefers-reduced-motion:reduce) { .uh-quick-link,.uh-content-card{transition:none}.uh-date-scroller{scroll-behavior:auto} }

/* Task 12C-R: strict approved-layout correction */
.public-page { max-width: 1320px; padding: 12px 18px 46px; }
.uh-page { font-size: 14px; }
.uh-binding-only { display: none !important; }
.uh-hero { min-height: 205px; grid-template-columns: minmax(0, 1.18fr) minmax(390px, .82fr); }
.uh-hero-copy { padding: 24px 30px; }
.uh-logo-wrap { width: 128px; height: 128px; flex-basis: 128px; }
.uh-logo { max-width: 110px; max-height: 110px; }
.uh-logo-fallback { width: 104px; height: 104px; }
.uh-hero h1 { font-size: clamp(34px, 3vw, 44px); }
.uh-formal-name { font-size: 16px; }
.uh-hero-topics { font-size: 13px; }
.uh-location-chip, .uh-official-link { min-height: 36px; font-size: 12px; }
.uh-campus-image { min-height: 205px; }
.uh-campus-placeholder strong { font-size: 20px; }
.uh-campus-placeholder > span:last-child { font-size: 12px; }
.uh-hub-nav { min-height: 50px; margin-bottom: 14px; }
.uh-hub-nav a { font-size: 14px; }
.uh-section-heading h2 { font-size: 21px; }
.uh-kicker, .uh-eyebrow { font-size: 10px; }
.uh-top-grid { grid-template-columns: minmax(0, 7fr) minmax(330px, 3fr); gap: 13px; }
.uh-quick-section { padding: 14px 15px 15px; }
.uh-quick-grid { gap: 8px; }
.uh-quick-link { min-height: 91px; font-size: 13px; }
.uh-quick-icon { width: 39px; height: 39px; font-size: 22px; }
.uh-alert-panel { min-height: 139px; padding: 16px 18px; gap: 13px; }
.uh-alert-panel::after { width: 112px; height: 112px; right: -38px; top: -52px; }
.uh-alert-icon { flex-basis: 55px; height: 55px; font-size: 28px; }
.uh-alert-copy h2 { font-size: 21px; line-height: 1.15; }
.uh-alert-copy p { max-width: 330px; margin-bottom: 9px; font-size: 12px; line-height: 1.45; }
.uh-alert-actions { font-size: 11px; }
.uh-button { min-height: 36px; font-size: 12px; }

.uh-dates-section { grid-template-columns: 170px minmax(0, 1fr) 112px; min-height: 84px; }
.uh-dates-title { padding: 12px 14px; font-size: 16px; }
.uh-date-card { min-width: 250px; grid-template-columns: 50px minmax(0, 1fr); gap: 10px; padding: 9px 12px; }
.uh-date-block { width: 48px; height: 54px; }
.uh-date-block strong { font-size: 19px; }
.uh-date-block span { font-size: 10px; }
.uh-date-range { font-size: 9px; }
.uh-date-copy h3 { margin: 3px 0 4px; font-size: 12px; line-height: 1.3; }
.uh-card-link { font-size: 10px; }
.uh-date-controls { display: flex; flex-direction: column; align-items: stretch; justify-content: center; gap: 7px; padding: 7px; background: #f3f8ff; }
.uh-date-controls > div { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.uh-date-controls button { width: 100%; height: 29px; border: 0; border-radius: 7px; color: #fff; background: #0a3e91; font-size: 21px; line-height: 1; cursor: pointer; }
.uh-date-controls button:disabled { opacity: .4; cursor: default; }
.uh-dates-all { padding: 0; font-size: 11px; background: transparent; }
.uh-date-empty strong { font-size: 13px; }
.uh-date-empty span { font-size: 11px; }

.uh-feature-grid { grid-template-columns: minmax(270px, .9fr) minmax(480px, 1.55fr) minmax(230px, .72fr); gap: 13px; }
.uh-feature-guide { min-height: 286px; }
.uh-guide-art { height: 120px; }
.uh-screen { width: 105px; height: 69px; right: 22px; top: 28px; }
.uh-feature-copy { padding: 132px 17px 17px; }
.uh-feature-copy > span { font-size: 10px; }
.uh-feature-copy h2 { font-size: 20px; }
.uh-feature-copy p { font-size: 12px; line-height: 1.45; }
.uh-updates-section, .uh-useful { padding: 14px; }
.uh-update-row { min-height: 55px; grid-template-columns: 86px minmax(0, 1fr) 28px; padding: 7px 8px; }
.uh-update-row:nth-child(n+5) { display: none; }
.uh-tag { font-size: 9px; }
.uh-update-copy h3 { font-size: 12px; line-height: 1.32; }
.uh-update-copy > span { display: inline-block; margin-top: 2px; font-size: 9px; }
.uh-text-link { font-size: 11px; }
.uh-useful > a, .uh-useful .uh-inline-panel > a { padding: 12px 2px; font-size: 12px; }

.uh-content-modules { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 13px; margin-bottom: 14px; }
.uh-content-module { min-height: 225px; overflow: hidden; padding: 14px; border: 1px solid var(--uh-line); border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(23,64,118,.06); }
.uh-content-module header { display: flex; align-items: center; gap: 9px; margin-bottom: 12px; padding-bottom: 9px; border-bottom: 1px solid #e2ebf6; }
.uh-content-module header h2 { margin: 0; color: var(--uh-navy); font-size: 18px; }
.uh-module-symbol { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 9px; color: #fff; font-size: 15px; font-weight: 900; }
.uh-video-symbol { background: #f12626; }.uh-article-symbol { background: #ff7a00; }.uh-study-symbol { background: #6b52e7; }.uh-link-symbol { background: #0871dc; }
.uh-module-empty { min-height: 148px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 11px; border-radius: 10px; background: #f6f9fd; text-align: center; }
.uh-empty-visual { width: 55px; height: 55px; display: grid; place-items: center; margin-bottom: 9px; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #ff3b30, #d91031); font-size: 21px; }
.uh-module-empty strong { color: #183563; font-size: 13px; }
.uh-module-empty p { margin: 5px 0 0; color: #7183a0; font-size: 11px; line-height: 1.4; }
.uh-module-article-list, .uh-module-link-list { display: flex; flex-direction: column; gap: 7px; }
.uh-module-article-link { display: grid; grid-template-columns: 58px minmax(0, 1fr); align-items: center; gap: 8px; min-height: 61px; padding: 6px; border: 1px solid #e1eaf5; border-radius: 9px; color: #143362; background: #f9fbfe; text-decoration: none; }
.uh-module-article-thumb { height: 47px; display: grid; place-items: center; border-radius: 7px; color: #fff; background: linear-gradient(145deg, #0d74e9, #6749dc); font-size: 20px; }
.uh-module-article-link strong { display: -webkit-box; overflow: hidden; font-size: 12px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.uh-module-link-list a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 33px; padding: 7px 9px; border: 1px solid #e0eaf5; border-radius: 8px; color: #15376d; background: #f9fbfe; font-size: 11px; font-weight: 800; text-decoration: none; }
.uh-module-loading { margin: 0; color: #7889a3; font-size: 11px; }
.uh-resource-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.uh-resource-tiles > div { min-height: 144px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; padding: 8px 4px; border-radius: 9px; background: #edf5ff; text-align: center; }
.uh-resource-tiles > div:nth-child(2) { background: #fff1ed; }.uh-resource-tiles > div:nth-child(3) { background: #f1edff; }
.uh-resource-tiles span { width: 35px; height: 35px; display: grid; place-items: center; border-radius: 8px; color: #1767d2; background: #fff; font-size: 14px; font-weight: 900; }
.uh-resource-tiles strong { color: #193766; font-size: 11px; line-height: 1.25; }.uh-resource-tiles small { color: #7486a3; font-size: 9px; line-height: 1.3; }

.uh-guides { padding: 18px; }
.uh-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.uh-content-card { min-height: 118px; grid-template-columns: 118px minmax(0, 1fr); }
.uh-content-card:nth-child(n+5) { display: none; }
.uh-guides.is-expanded .uh-content-card:nth-child(n+5) { display: grid; }
.uh-content-art::after { width: 78px; height: 51px; left: 20px; top: 27px; }
.uh-content-art i { left: 34px; top: 46px; }.uh-content-art b { left: 53px; top: 76px; }.uh-content-art em { left: 76px; top: 58px; }
.uh-content-copy { padding: 12px 14px; }.uh-content-copy small { font-size: 9px; }.uh-content-copy strong { font-size: 13px; line-height: 1.32; }.uh-content-copy > span { margin-top: 8px; font-size: 11px; }
.uh-guides-actions { display: flex; justify-content: center; margin-top: 13px; }
.uh-guides-toggle { min-height: 38px; padding: 8px 17px; border: 1px solid #0a63d6; border-radius: 9px; color: #0758c1; background: #f1f7ff; font-size: 12px; font-weight: 900; cursor: pointer; }
.uh-guides-toggle:hover { color: #fff; background: #0868ef; }

.uh-about { padding: 20px; }
.uh-about-layout { grid-template-columns: minmax(0, 1.1fr) minmax(560px, 1fr); align-items: stretch; }
.uh-about-copy p, .uh-about-full { font-size: 13px; line-height: 1.58; }
.uh-about-toggle { font-size: 12px; }
.uh-facts-list { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.uh-facts-list div, .uh-facts-list div:nth-child(2n), .uh-facts-list div:nth-last-child(-n+2) { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 116px; padding: 11px 8px; border-right: 1px solid #e1eaf4; border-bottom: 0; text-align: center; }
.uh-facts-list div:last-child { border-right: 0; }
.uh-fact-icon { width: 35px; height: 35px; display: grid; place-items: center; margin-bottom: 6px; border-radius: 9px; color: #0868ef; background: #e9f3ff; font-size: 18px; }
.uh-facts-list dt { font-size: 9px; }.uh-facts-list dd { font-size: 10px; }
.uh-mobile-nav { display: none !important; }

@media (max-width: 1100px) {
  .public-page { max-width: 100%; }
  .uh-feature-grid { grid-template-columns: minmax(250px, .9fr) minmax(420px, 1.45fr); }
  .uh-useful { grid-column: 1 / -1; }
  .uh-content-modules { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .uh-about-layout { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .public-page { padding: 0 0 24px; }
  .uh-page { font-size: 15px; }
  .uh-hero-copy { padding: 14px 15px 11px; }
  .uh-hero h1 { font-size: 25px; }
  .uh-formal-name { font-size: 12px; line-height: 1.35; }
  .uh-location-chip, .uh-official-link { min-height: 30px; font-size: 9px; }
  .uh-hero-media { height: 118px; }.uh-campus-image { min-height: 118px; }
  .uh-campus-placeholder strong { font-size: 16px; }.uh-campus-placeholder > span:last-child { font-size: 9px; }
  .uh-top-grid { padding: 10px 9px 0; }
  .uh-section-heading h2 { font-size: 19px; }
  .uh-quick-section { padding: 11px; }
  .uh-quick-link { min-height: 87px; font-size: 12px; }
  .uh-alert-panel { padding: 15px; }.uh-alert-copy h2 { font-size: 19px; }.uh-alert-copy p { font-size: 11px; }.uh-alert-actions { font-size: 9px; }
  .uh-dates-section { grid-template-columns: 1fr; min-height: 0; margin: 10px 9px; }
  .uh-date-card { min-width: 250px; }.uh-date-copy h3 { font-size: 12px; }.uh-date-range { font-size: 9px; }
  .uh-date-controls { position: static; display: grid; grid-template-columns: 80px minmax(0, 1fr); padding: 6px; }.uh-date-controls > div { display: grid; }.uh-dates-all { position: static; color: #075dc8; }
  .uh-feature-grid { display: flex; flex-direction: column; margin: 0 9px 10px; }
  .uh-updates-section { order: 1; }.uh-feature-guide { order: 2; min-height: 220px; display: block; }.uh-useful { order: 3; }
  .uh-guide-art { width: 42%; height: 100%; }.uh-feature-copy { width: 62%; min-height: 220px; display: flex; flex-direction: column; justify-content: center; margin-left: auto; padding: 15px 12px; }.uh-feature-copy h2 { font-size: 17px; }.uh-feature-copy p { font-size: 11px; }
  .uh-update-row { min-height: 58px; grid-template-columns: 73px minmax(0, 1fr) 25px; }.uh-update-copy h3 { font-size: 11px; }.uh-update-copy > span { font-size: 9px; }
  .uh-content-modules { grid-template-columns: 1fr; gap: 9px; margin: 0 9px 10px; }
  .uh-content-module { min-height: 0; padding: 12px; }.uh-module-empty { min-height: 118px; }.uh-resource-tiles > div { min-height: 110px; }.uh-module-article-link { min-height: 64px; }
  .uh-guides, .uh-about { margin: 0 9px 10px; padding: 13px; }
  .uh-content-grid { grid-template-columns: 1fr; }.uh-content-card { min-height: 108px; grid-template-columns: 104px minmax(0, 1fr); }.uh-content-copy strong { font-size: 12px; }.uh-content-copy > span { font-size: 10px; }
  .uh-about-layout { grid-template-columns: 1fr; }.uh-about-copy p, .uh-about-full { font-size: 12px; }.uh-facts-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }.uh-facts-list div, .uh-facts-list div:nth-child(2n), .uh-facts-list div:nth-last-child(-n+2) { min-height: 105px; border-right: 1px solid #e1eaf4; border-bottom: 1px solid #e1eaf4; }.uh-facts-list div:nth-child(2n) { border-right: 0; }.uh-facts-list div:nth-last-child(-n+2) { border-bottom: 0; }
}

/* Task 12F: stronger results guides, explicit university navigation and safe detail adapter. */
.uh-guide-compact-list {
  gap: 8px;
  max-height: none;
  overflow: visible;
  padding: 0;
}
.uh-guide-compact-list a {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) 20px;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  padding: 9px 10px;
  border-color: #bfd8f1;
  color: #0d2c5d;
  background: #fff;
  font-size: 13px;
  font-weight: 750;
  line-height: 1.38;
  box-shadow: 0 3px 9px rgba(20, 63, 118, .06);
}
.uh-guide-compact-list a:nth-child(n+7) { display: none; }
.uh-guide-compact-list a i {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: linear-gradient(145deg, #0a72e8, #174bad);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}
.uh-guide-compact-list a span {
  display: block;
  overflow: visible;
  -webkit-line-clamp: initial;
}
.uh-guide-compact-list a b { font-size: 17px; text-align: right; }
.uh-feature-guide .uh-feature-copy > h2 { font-size: 23px; line-height: 1.2; }
.uh-feature-guide .uh-feature-copy > p { color: #536b8e; font-size: 13px; line-height: 1.5; }
.uh-guides-all {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  color: #075fc9;
  font-size: 12px;
  font-weight: 850;
  text-decoration: none;
}
.uh-guides-all:hover,.uh-guides-all:focus-visible { text-decoration: underline; }

.uh-university-home-tab { border: 1px solid rgba(255,255,255,.3); }
.uh-university-home-tab > span { color: inherit !important; background: transparent !important; font-size: 15px !important; }

.uh-detail-page { max-width: 1050px; }
.uh-detail-card {
  overflow: hidden;
  border: 1px solid #c9dff4;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 9px 28px rgba(23, 64, 118, .09);
}
.uh-detail-header { padding: 30px; background: linear-gradient(135deg, #eef7ff, #fff); }
.uh-detail-header h1 { max-width: 900px; margin: 7px 0 14px; color: #0b2557; font-size: clamp(27px, 3.2vw, 42px); line-height: 1.18; }
.uh-detail-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; color: #58708f; font-size: 13px; font-weight: 700; }
.uh-detail-meta .uh-inline-panel { display: inline-flex; align-items: center; gap: 5px; }
.uh-detail-description { padding: 22px 30px 0; }
.uh-detail-description p { margin: 0; color: #415875; font-size: 15px; line-height: 1.7; }
.uh-detail-actions { display: flex; flex-wrap: wrap; gap: 10px; padding: 25px 30px 16px; }
.uh-button-secondary { border: 1px solid #b7cee7; color: #174b82; background: #f5f9fd; }
.uh-detail-note { margin: 0; padding: 0 30px 28px; color: #72849d; font-size: 12px; line-height: 1.5; }
.uh-facts-list { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); }

@media (max-width: 720px) {
  .uh-guide-compact-list a { min-height: 52px; padding: 10px; font-size: 13px; }
  .uh-guide-compact-list a:nth-child(n+6) { display: none; }
  .uh-feature-guide .uh-feature-copy { min-height: 0; padding: 116px 13px 15px; }
  .uh-feature-guide .uh-feature-copy > h2 { font-size: 21px; }
  .uh-feature-guide .uh-feature-copy > p { font-size: 12px; }
  .uh-detail-page { margin: 0 9px 12px; }
  .uh-detail-header { padding: 20px 17px; }
  .uh-detail-header h1 { font-size: 26px; }
  .uh-detail-description { padding: 18px 17px 0; }
  .uh-detail-description p { font-size: 14px; }
  .uh-detail-actions { padding: 21px 17px 13px; }
  .uh-detail-actions .uh-button { width: 100%; justify-content: center; text-align: center; }
  .uh-detail-note { padding: 0 17px 22px; }
}

/* Task 12C-S: scoped typography, alert contrast and editorial guide cards. */
.uh-page,
.uh-error {
  color: #334155;
  font-family: "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

.uh-page h1,
.uh-page h2,
.uh-page h3,
.uh-page strong,
.uh-page nav,
.uh-page button,
.uh-page .uh-button,
.uh-error h1 {
  font-family: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
}

.uh-eyebrow,
.uh-kicker {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .065em;
}

.uh-hero h1 {
  color: #0b1f4d;
  font-size: clamp(30px, 2.25vw, 34px);
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -.025em;
}

.uh-formal-name { font-size: 15px; font-weight: 700; }
.uh-section-heading h2,
.uh-content-module h2,
.uh-about-heading h2 { font-size: 20px; font-weight: 750; line-height: 1.25; }
.uh-heading-note { color: #64748b; font-size: 13px; font-weight: 600; }
.uh-hub-nav a { font-size: 14px; font-weight: 700; }
.uh-quick-link { font-size: 14px; font-weight: 750; }
.uh-update-copy h3 { font-size: 14px; font-weight: 650; line-height: 1.4; }
.uh-update-copy > span { font-size: 12px; }
.uh-useful > a,
.uh-useful .uh-inline-panel > a { font-size: 14px; font-weight: 650; }

.uh-alert-panel {
  min-height: 143px;
  background:
    radial-gradient(circle at 96% 10%, rgba(255,255,255,.15), transparent 32%),
    linear-gradient(135deg, #c74300 0%, #a92e16 100%);
  box-shadow: 0 9px 24px rgba(146, 48, 13, .24);
}
.uh-alert-copy,
.uh-alert-copy h2 { color: #fff; }
.uh-alert-label {
  display: block;
  margin-bottom: 4px;
  color: #fff4e8;
  font-family: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .055em;
  text-transform: uppercase;
}
.uh-alert-copy h2 { margin-bottom: 6px; font-size: 21px; font-weight: 750; line-height: 1.2; }
.uh-alert-copy p { margin-bottom: 12px; color: #fff4e8; font-size: 13px; line-height: 1.45; }
.uh-alert-actions { color: #fff7ed; font-size: 12px; font-weight: 650; }
.uh-alert-copy .uh-button-light {
  color: #9a3000;
  background: #fff;
  font-size: 12px;
  font-weight: 800;
  box-shadow: 0 4px 12px rgba(78, 26, 8, .18);
}
.uh-alert-pending { color: #fff; background: rgba(66, 20, 6, .28); font-size: 12px; }

.uh-guides {
  padding: 22px;
  background: linear-gradient(180deg, #fff 0%, #f8fbff 100%);
}
.uh-content-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.uh-content-card {
  min-height: 292px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  border-color: #d7e4f1;
  color: #102a56;
  background: #fff;
  box-shadow: 0 5px 16px rgba(20, 63, 118, .07);
}
.uh-content-card:focus-visible {
  outline: 3px solid #ff9a2f;
  outline-offset: 3px;
}
.uh-content-art {
  width: 100%;
  height: 142px;
  flex: 0 0 142px;
  border-bottom: 1px solid rgba(9, 49, 99, .08);
}
.uh-content-art::after { width: 116px; height: 74px; left: calc(50% - 58px); top: 28px; }
.uh-content-art i { left: calc(50% - 36px); top: 52px; }
.uh-content-art b { left: calc(50% - 7px); top: 98px; }
.uh-content-art em { left: calc(50% + 24px); top: 68px; }
.uh-content-theme-1 .uh-content-art { background: linear-gradient(145deg, #e1f3ff, #9fd4ff); }
.uh-content-theme-2 .uh-content-art { background: linear-gradient(145deg, #f1e8ff, #c6afff); }
.uh-content-theme-3 .uh-content-art { background: linear-gradient(145deg, #fff0dc, #ffc47d); }
.uh-content-theme-4 .uh-content-art { background: linear-gradient(145deg, #dcf8ed, #8ddfc4); }
.uh-content-copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; }
.uh-content-copy small { color: #64748b; font-size: 11px; font-weight: 750; letter-spacing: .045em; }
.uh-content-copy strong { margin-top: 7px; color: #102a56; font-size: 15px; font-weight: 750; line-height: 1.4; }
.uh-content-copy > span { margin-top: auto; padding-top: 14px; color: #075fc9; font-size: 13px; font-weight: 750; }
.uh-guides.is-expanded .uh-content-card:nth-child(n+5) { display: flex; }
.uh-guides-toggle { font-family: "Plus Jakarta Sans", "Segoe UI", Arial, sans-serif; font-size: 13px; }

.uh-content-module { color: #334155; }
.uh-content-module h2 { color: #0b2557; }
.uh-content-module .uh-module-empty strong,
.uh-content-module .uh-resource-tiles strong { font-size: 14px; }
.uh-content-module .uh-module-empty p,
.uh-content-module .uh-resource-tiles small { color: #64748b; font-size: 13px; line-height: 1.45; }
.uh-article-visual { color: #c74300; background: #fff0e8; }
.uh-about-copy p,
.uh-about-full { color: #475569; font-size: 14px; line-height: 1.65; }
.uh-facts-list dt { font-size: 12px; }
.uh-facts-list dd { color: #334155; font-size: 13px; }

@media (max-width: 1100px) {
  .uh-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .uh-page { font-size: 14px; }
  .uh-hero h1 { font-size: 24px; line-height: 1.15; }
  .uh-formal-name { font-size: 13px; }
  .uh-section-heading h2,
  .uh-content-module h2,
  .uh-about-heading h2 { font-size: 18px; }
  .uh-heading-note { font-size: 12px; }
  .uh-alert-copy h2 { font-size: 19px; }
  .uh-alert-copy p { font-size: 12px; }
  .uh-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .uh-content-card { min-height: 250px; }
  .uh-content-art { height: 102px; flex-basis: 102px; }
  .uh-content-art::after { width: 82px; height: 53px; left: calc(50% - 41px); top: 18px; border-width: 4px; }
  .uh-content-art i { width: 39px; left: calc(50% - 27px); top: 37px; }
  .uh-content-art b { width: 43px; left: calc(50% - 4px); top: 69px; }
  .uh-content-art em { width: 22px; height: 22px; left: calc(50% + 15px); top: 47px; }
  .uh-content-copy { padding: 11px; }
  .uh-content-copy small { font-size: 10px; }
  .uh-content-copy strong { font-size: 14px; line-height: 1.35; }
  .uh-content-copy > span { padding-top: 9px; font-size: 12px; }
  .uh-about-copy p,
  .uh-about-full { font-size: 13px; }
}

@media (max-width: 370px) {
  .uh-content-grid { grid-template-columns: 1fr; }
  .uh-content-card { min-height: 0; display: grid; grid-template-columns: 106px minmax(0, 1fr); }
  .uh-content-art { width: 106px; height: 100%; min-height: 138px; border-right: 1px solid rgba(9, 49, 99, .08); border-bottom: 0; }
  .uh-content-art::after { left: 12px; top: 27px; }
  .uh-content-art i { left: 26px; top: 46px; }
  .uh-content-art b { left: 48px; top: 78px; }
  .uh-content-art em { left: 69px; top: 56px; }
  .uh-guides.is-expanded .uh-content-card:nth-child(n+5) { display: grid; }
}

/* Task 12E functional module and compact-guide additions. */
.uh-guide-compact-list { display: flex; flex-direction: column; gap: 5px; max-height: 205px; overflow-y: auto; padding-right: 3px; }
.uh-guide-compact-list a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 31px; padding: 6px 8px; border: 1px solid #d5e5f5; border-radius: 8px; color: #12366d; background: rgba(255,255,255,.9); font-size: 11px; font-weight: 700; line-height: 1.3; text-decoration: none; }
.uh-guide-compact-list a:hover,.uh-guide-compact-list a:focus-visible { border-color: #2c78d4; color: #0758bd; background: #fff; }
.uh-guide-compact-list a span { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uh-guide-compact-list a b { flex: 0 0 auto; color: #0868ef; }
.uh-feature-guide .uh-feature-copy { padding-bottom: 14px; }

.uh-content-module header > a { margin-left: auto; color: #0863d6; font-size: 11px; font-weight: 800; text-decoration: none; }
.uh-news-symbol { background: #0b8c6f; }
.uh-module-record-list { display: flex; flex-direction: column; gap: 7px; }
.uh-module-record-list > a { display: block; min-height: 46px; padding: 7px 9px; border: 1px solid #e0eaf5; border-radius: 8px; color: #15376d; background: #f9fbfe; text-decoration: none; }
.uh-module-record-list > a:hover,.uh-module-record-list > a:focus-visible { border-color: #89b5ea; background: #f2f8ff; }
.uh-module-record-list strong { display: -webkit-box; overflow: hidden; font-size: 11px; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.uh-module-record-list span { display: block; margin-top: 3px; overflow: hidden; color: #7083a0; font-size: 9px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }

.uh-module-page { max-width: 1200px; }
.uh-module-hero { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 14px; padding: 24px 28px; border: 1px solid #b9d7f5; border-radius: 15px; background: linear-gradient(135deg,#eaf6ff,#f8fbff); box-shadow: 0 7px 20px rgba(23,64,118,.07); }
.uh-module-hero h1 { margin: 0; color: var(--uh-navy); font-size: clamp(28px,3vw,40px); line-height: 1.1; }
.uh-module-hero p { margin: 8px 0 0; color: #506a8b; font-size: 14px; }
.uh-module-tabs { display: flex; gap: 7px; margin-bottom: 14px; padding: 9px; overflow-x: auto; border-radius: 12px; background: #062d72; }
.uh-module-tabs a { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding: 8px 11px; border-radius: 8px; color: #e9f3ff; font-size: 12px; font-weight: 750; text-decoration: none; }
.uh-module-tabs a span { min-width: 22px; padding: 2px 5px; border-radius: 9px; color: #164276; background: #dfeeff; font-size: 9px; text-align: center; }
.uh-module-tabs a.is-active,.uh-module-tabs a:hover,.uh-module-tabs a:focus-visible { color: #074ba9; background: #fff; }
.uh-module-list-section { padding: 20px; border: 1px solid var(--uh-line); border-radius: 14px; background: #fff; box-shadow: 0 6px 18px rgba(23,64,118,.06); }
.uh-module-records { overflow: hidden; border: 1px solid #dfe9f5; border-radius: 11px; }
.uh-module-record { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; min-height: 73px; padding: 10px 13px; border-bottom: 1px solid #e5edf7; }
.uh-module-record:last-child { border-bottom: 0; }
.uh-record-badge { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 10px; color: #fff; background: linear-gradient(145deg,#0a72e8,#174bad); font-size: 11px; font-weight: 850; }
.uh-record-copy { min-width: 0; }
.uh-record-copy > span { color: #7486a1; font-size: 10px; font-weight: 650; }
.uh-record-copy h3 { margin: 4px 0 0; font-size: 14px; line-height: 1.35; }
.uh-record-copy h3 a { color: #102e60; text-decoration: none; }
.uh-record-copy h3 a:hover { color: #075fc9; }
.uh-record-open { display: inline-flex; align-items: center; gap: 5px; padding: 7px 9px; border-radius: 8px; color: #075fc9; background: #edf5ff; font-size: 11px; font-weight: 800; text-decoration: none; }
.uh-module-empty-state { min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.uh-pager { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; margin-top: 16px; }
.uh-pager a { justify-self: start; padding: 8px 12px; border: 1px solid #b9d5f2; border-radius: 8px; color: #075fc9; font-size: 12px; font-weight: 800; text-decoration: none; }
.uh-pager a:last-child { justify-self: end; }
.uh-pager span { color: #5f7390; font-size: 12px; font-weight: 700; }

@media (max-width: 720px) {
  .uh-guide-compact-list { max-height: 190px; }
  .uh-feature-guide .uh-feature-copy { width: 100%; padding-top: 105px; }
  .uh-feature-guide .uh-guide-art { width: 100%; height: 100px; }
  .uh-module-page { margin: 0 9px 12px; }
  .uh-module-hero { align-items: flex-start; flex-direction: column; padding: 18px; }
  .uh-module-hero h1 { font-size: 27px; }
  .uh-module-list-section { padding: 12px; }
  .uh-module-record { grid-template-columns: 38px minmax(0,1fr); gap: 9px; padding: 9px; }
  .uh-record-badge { width: 36px; height: 36px; }
  .uh-record-open { grid-column: 2; justify-self: start; }
  .uh-record-copy h3 { font-size: 13px; }
  .uh-pager { grid-template-columns: 1fr 1fr; }
  .uh-pager span { grid-column: 1/-1; grid-row: 1; text-align: center; }
}

/* Task 12F final cascade: intentionally follows the Task 12E module rules. */
.uh-guide-compact-list { gap: 8px; max-height: none; overflow: visible; padding: 0; }
.uh-guide-compact-list a { display: grid; grid-template-columns: 28px minmax(0,1fr) 20px; justify-content: initial; gap: 9px; min-height: 48px; padding: 9px 10px; border-color: #bfd8f1; color: #0d2c5d; background: #fff; font-size: 13px; font-weight: 750; line-height: 1.38; box-shadow: 0 3px 9px rgba(20,63,118,.06); }
.uh-guide-compact-list a:nth-child(n+7) { display: none; }
.uh-guide-compact-list a i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: #fff; background: linear-gradient(145deg,#0a72e8,#174bad); font-size: 12px; font-style: normal; font-weight: 900; }
.uh-guide-compact-list a span { display: block; overflow: visible; -webkit-line-clamp: initial; }
.uh-guide-compact-list a b { font-size: 17px; text-align: right; }
.uh-feature-guide .uh-feature-copy > h2 { font-size: 23px; line-height: 1.2; }
.uh-feature-guide .uh-feature-copy > p { color: #536b8e; font-size: 13px; line-height: 1.5; }
.uh-guides-all { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; color: #075fc9; font-size: 12px; font-weight: 850; text-decoration: none; }
.uh-guides-all:hover,.uh-guides-all:focus-visible { text-decoration: underline; }
.uh-facts-list { grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); }
.uh-facts-list .uh-contact-fact { grid-column: span 2; }
.uh-contact-details { white-space: pre-line; overflow-wrap: anywhere; }

@media (max-width: 720px) {
  .uh-facts-list .uh-contact-fact { grid-column: 1 / -1; }
  .uh-guide-compact-list { max-height: none; }
  .uh-guide-compact-list a { min-height: 52px; padding: 10px; font-size: 13px; }
  .uh-guide-compact-list a:nth-child(n+6) { display: none; }
  .uh-feature-guide .uh-feature-copy { min-height: 0; padding: 116px 13px 15px; }
  .uh-feature-guide .uh-feature-copy > h2 { font-size: 21px; }
  .uh-feature-guide .uh-feature-copy > p { font-size: 12px; }
}

/* Task 12F-R: show the eight records already supplied by the service and style aggregate filters. */
.uh-update-row:nth-child(n+5) { display: grid; }
.uh-module-filters { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; padding: 10px 12px; overflow-x: auto; border: 1px solid #c9def3; border-radius: 11px; background: #f4f9ff; }
.uh-module-filters > strong { flex: 0 0 auto; color: #12366d; font-size: 12px; }
.uh-module-filters > div { display: flex; gap: 6px; }
.uh-module-filters a { flex: 0 0 auto; padding: 7px 10px; border: 1px solid #bad4ee; border-radius: 999px; color: #17518e; background: #fff; font-size: 11px; font-weight: 800; text-decoration: none; }
.uh-module-filters a:hover,.uh-module-filters a:focus-visible,.uh-module-filters a.is-active { border-color: #0868ef; color: #fff; background: #0868ef; }

@media (max-width: 720px) {
  .uh-module-filters { align-items: flex-start; flex-direction: column; }
  .uh-module-filters > div { width: 100%; overflow-x: auto; padding-bottom: 2px; }
  .uh-module-page { width: calc(100% - 18px); max-width: calc(100% - 18px); min-width: 0; overflow-x: hidden; }
  .uh-module-hero > div,.uh-record-copy { min-width: 0; }
  .uh-module-hero h1,.uh-module-hero p,.uh-record-copy h3 a { overflow-wrap: anywhere; }
}