/* UCSI-CSSA experience refinement — 2026-08-27 */
:root{
  --ucsi-focus:#8F1830;
  --ucsi-surface:#FFFFFF;
  --ucsi-surface-soft:#FBF9F5;
  --ucsi-surface-warm:#F6F2EC;
  --ucsi-line-soft:#E7E2DA;
}

/* Better keyboard and touch interaction */
a,button,.wp-element-button,.wp-block-button__link{touch-action:manipulation}
a:focus-visible,button:focus-visible,.wp-element-button:focus-visible,.wp-block-button__link:focus-visible{
  outline:3px solid rgba(169,21,46,.34);
  outline-offset:3px;
  border-radius:4px;
}
.ucsi-btn,.wp-element-button,.wp-block-button__link{min-height:46px}

/* Header: lighter, tighter and easier to scan */
.ucsi-masthead-inner{min-height:76px}
.ucsi-mainnav .ucsi-header-inner{min-height:54px}
.ucsi-header .wp-block-navigation{gap:1.3rem}
.ucsi-header .wp-block-navigation>ul>.wp-block-navigation-item>.wp-block-navigation-item__content{font-size:.86rem}

/* Hero: preserve the real photography instead of washing it out */
.ucsi-hero-slider,.ucsi-hero-inner{min-height:550px!important}
.ucsi-hero-slide::before{
  background:linear-gradient(90deg,rgba(251,249,245,.985) 0%,rgba(251,249,245,.94) 30%,rgba(251,249,245,.73) 49%,rgba(251,249,245,.24) 70%,rgba(251,249,245,.04) 100%)!important;
}
.ucsi-hero-copy{max-width:650px!important;padding:64px 0 76px!important}
.ucsi-hero-copy h1{font-size:clamp(40px,4.7vw,64px)!important;line-height:1.08!important;letter-spacing:-.042em!important}
.ucsi-hero-copy p{max-width:610px!important;font-size:1rem!important;line-height:1.75!important}
.ucsi-hero-actions{margin-top:24px!important}
.ucsi-hero-controls{bottom:20px!important}

/* Compact utility cards: less scrolling before content */
.ucsi-quick-wrap{margin-top:-18px}
.ucsi-quick-card{padding:23px 22px 26px;min-height:154px;border-radius:8px}
.ucsi-quick-card h3{font-size:1.08rem;margin:8px 0 6px}
.ucsi-quick-card p{font-size:.84rem;line-height:1.62}
.ucsi-stats{padding:30px 24px 8px}
.ucsi-stats-grid>div{padding:20px 20px}
.ucsi-stats strong{font-size:1.08rem}

/* More consistent section rhythm and cards */
.ucsi-section{padding-top:72px;padding-bottom:72px}
.ucsi-section-title{margin-bottom:32px}
.ucsi-section-title h2{font-size:clamp(1.9rem,3.5vw,3rem)}
.ucsi-card,.ucsi-org-panel,.ucsi-community-card,.ucsi-committee-card,.ucsi-guide-card,.ucsi-contact-card,.ucsi-service-hub-card,.ucsi-social-card,.ucsi-resource-card,.ucsi-coop-card{border-radius:8px}
.ucsi-card{padding:18px}
.ucsi-card .wp-block-post-featured-image{margin:-1px 0 15px;overflow:hidden;border-radius:5px}
.ucsi-news-card:not(:has(.wp-block-post-featured-image img))::before,.ucsi-event-card:not(:has(.wp-block-post-featured-image img))::before{margin:-18px -18px 16px;border-radius:7px 7px 0 0}
.ucsi-community-card{min-height:230px;padding:30px}
.ucsi-service-row{padding:21px 0}

/* Content pages: improve reading width and hierarchy */
.ucsi-content{padding-top:62px;padding-bottom:70px}
.ucsi-content>*{max-width:900px}
.ucsi-content .wp-block-post-content>p,.ucsi-content .wp-block-post-content>ul,.ucsi-content .wp-block-post-content>ol{max-width:780px}
.ucsi-content .wp-block-post-content p,.ucsi-content .wp-block-post-content li{line-height:1.82}
.ucsi-banner{padding-top:68px;padding-bottom:64px}

/* Softer mobile menu backdrop: avoid black/charcoal */
@media(max-width:781px){
  .ucsi-header .wp-block-navigation__responsive-container.is-menu-open{background:rgba(125,24,48,.16)!important;backdrop-filter:blur(5px)}
  .ucsi-masthead-inner{min-height:62px!important}
  .ucsi-mainnav .ucsi-header-inner{min-height:50px!important}
  .ucsi-hero-slider,.ucsi-hero-inner{min-height:470px!important}
  .ucsi-hero-slide{background-position:64% center!important}
  .ucsi-hero-slide::before{background:linear-gradient(90deg,rgba(251,249,245,.985) 0%,rgba(251,249,245,.95) 47%,rgba(251,249,245,.68) 76%,rgba(251,249,245,.30) 100%)!important}
  .ucsi-hero-copy{padding:48px 0 62px!important;max-width:94%!important}
  .ucsi-hero-copy h1{font-size:clamp(34px,10vw,43px)!important;line-height:1.1!important}
  .ucsi-hero-copy p{font-size:.94rem!important;line-height:1.68!important}
  .ucsi-hero-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%;max-width:360px}
  .ucsi-hero-actions .ucsi-btn{width:100%;padding-left:12px;padding-right:12px}
  .ucsi-quick-grid{gap:10px;padding:12px 16px 0}
  .ucsi-quick-card{border:1px solid var(--ucsi-line-soft)!important;min-height:0;padding:19px 18px 22px;border-radius:8px}
  .ucsi-quick-card .ucsi-arrow{right:18px;bottom:17px}
  .ucsi-stats{padding:26px 18px 0}
  .ucsi-stats-grid{border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .ucsi-stats-grid>div{border:1px solid var(--ucsi-line-soft)!important;border-radius:7px;padding:15px;background:#fff}
  .ucsi-stats strong{font-size:.96rem}
  .ucsi-stats span{font-size:.74rem;line-height:1.5}
  .ucsi-section{padding:52px 18px}
  .ucsi-section-title{margin-bottom:26px}
  .ucsi-section-title h2{font-size:1.9rem;line-height:1.18}
  .ucsi-section-head>.ucsi-text-link{margin-bottom:26px}
  .ucsi-community-card{padding:24px;min-height:0}
  .ucsi-content{padding-top:34px!important;padding-bottom:52px!important}
  .ucsi-banner{padding-top:42px;padding-bottom:40px}
}

@media(max-width:480px){
  .ucsi-hero-actions{grid-template-columns:1fr}
  .ucsi-stats-grid{grid-template-columns:1fr 1fr}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* President message — editorial feature */
.ucsi-president-feature{position:relative;overflow:hidden;background:linear-gradient(118deg,#F8F3EF 0%,#FBF9F5 54%,#F4E8EB 100%);border-top:1px solid var(--line);border-bottom:1px solid #E6D8DB}
.ucsi-president-feature:before{content:"PRESIDENT'S MESSAGE";position:absolute;right:-1.5%;top:20px;font-size:clamp(4rem,9vw,8.5rem);line-height:1;font-weight:900;letter-spacing:-.06em;color:rgba(169,21,46,.035);white-space:nowrap;pointer-events:none}
.ucsi-president-feature-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.45fr);gap:64px;align-items:stretch;padding:8px 0}
.ucsi-president-feature-media{position:relative;min-height:560px}
.ucsi-president-feature-media .ucsi-president-photo{position:absolute;inset:0;width:100%;height:100%;margin:0!important;aspect-ratio:auto!important;border:0;box-shadow:0 24px 60px rgba(40,50,60,.12);background:var(--stone)}
.ucsi-president-feature-media .ucsi-president-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.ucsi-president-feature-badge{position:absolute;left:22px;bottom:22px;display:flex;flex-direction:column;gap:2px;min-width:132px;padding:14px 16px;background:rgba(24,38,51,.92);color:#fff;backdrop-filter:blur(8px)}
.ucsi-president-feature-badge span{font-size:.67rem;letter-spacing:.16em;font-weight:800;color:rgba(255,255,255,.72)}
.ucsi-president-feature-badge strong{font-size:.9rem;letter-spacing:.08em}
.ucsi-president-feature-content{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:32px 0 28px}
.ucsi-president-feature-content .ucsi-kicker{margin:0 0 8px}
.ucsi-president-feature-label{margin:0 0 8px!important;font-size:.92rem;font-weight:800;color:var(--ucsi-red);letter-spacing:.04em}
.ucsi-president-feature-content h2{margin:0 0 24px!important;font-size:clamp(3rem,5.3vw,5.5rem);line-height:.98;letter-spacing:-.06em;color:var(--ucsi-navy)}
.ucsi-president-feature-content blockquote{position:relative;margin:0 0 24px!important;padding:22px 0 22px 26px;border-left:3px solid var(--ucsi-red);background:transparent;font-size:clamp(1.12rem,1.7vw,1.5rem);line-height:1.7;font-weight:650;letter-spacing:-.018em;color:var(--ucsi-navy);max-width:780px}
.ucsi-president-feature-summary{max-width:760px!important;margin:0!important;color:var(--graphite);font-size:1rem;line-height:1.9}
.ucsi-president-feature-principles{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ucsi-president-feature-principles span{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid #DCCED1;background:rgba(255,255,255,.7);color:var(--ucsi-deep);font-size:.76rem;font-weight:800;letter-spacing:.04em}
.ucsi-president-feature-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:34px;padding-top:24px;border-top:1px solid rgba(169,21,46,.16)}
.ucsi-president-feature-signature{display:flex;flex-direction:column;gap:3px}
.ucsi-president-feature-signature strong{font-size:1.35rem;letter-spacing:-.02em;color:var(--ucsi-navy)}
.ucsi-president-feature-signature span{font-size:.78rem;color:var(--muted)}
.ucsi-president-feature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.ucsi-president-feature-actions .ucsi-btn{min-width:126px}
@media(max-width:980px){.ucsi-president-feature-shell{grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:38px}.ucsi-president-feature-media{min-height:500px}.ucsi-president-feature-content h2{font-size:clamp(2.8rem,7vw,4.7rem)}}
@media(max-width:781px){.ucsi-president-feature{padding-top:52px!important;padding-bottom:52px!important}.ucsi-president-feature:before{top:12px;right:-6%;font-size:4.2rem}.ucsi-president-feature-shell{grid-template-columns:1fr;gap:28px}.ucsi-president-feature-media{min-height:0;aspect-ratio:4/5;max-width:520px;width:100%}.ucsi-president-feature-content{padding:0}.ucsi-president-feature-content h2{font-size:clamp(2.7rem,13vw,4rem);margin-bottom:20px!important}.ucsi-president-feature-content blockquote{font-size:1.12rem;padding:16px 0 16px 18px;margin-bottom:20px!important}.ucsi-president-feature-summary{font-size:.94rem;line-height:1.82}.ucsi-president-feature-footer{align-items:flex-start;flex-direction:column;gap:20px}.ucsi-president-feature-actions{width:100%;gap:12px}.ucsi-president-feature-actions .ucsi-btn{width:auto;min-width:132px}.ucsi-president-feature-actions .ucsi-text-link{white-space:normal}}
@media(max-width:480px){.ucsi-president-feature-badge{left:14px;bottom:14px}.ucsi-president-feature-actions{display:grid;grid-template-columns:1fr}.ucsi-president-feature-actions .ucsi-btn{width:100%}.ucsi-president-feature-actions .ucsi-text-link{justify-content:center}}

/* Hero readability — per-slide overlays and frosted copy panel */
.home .ucsi-hero-slider,.home .ucsi-hero-inner{min-height:560px!important}
.home .ucsi-hero-slide{background-position:70% center!important}
.home .ucsi-hero-slide::before{background:linear-gradient(90deg,rgba(250,248,244,.985) 0%,rgba(250,248,244,.965) 28%,rgba(250,248,244,.88) 46%,rgba(250,248,244,.62) 63%,rgba(250,248,244,.24) 82%,rgba(250,248,244,.04) 100%)!important}
.home .ucsi-hero-slide:nth-child(1)::before{background:linear-gradient(90deg,rgba(250,248,244,.995) 0%,rgba(250,248,244,.98) 30%,rgba(250,248,244,.91) 48%,rgba(250,248,244,.68) 66%,rgba(250,248,244,.28) 84%,rgba(250,248,244,.05) 100%)!important}
.home .ucsi-hero-slide:nth-child(2)::before{background:linear-gradient(90deg,rgba(250,248,244,.98) 0%,rgba(250,248,244,.95) 29%,rgba(250,248,244,.84) 47%,rgba(250,248,244,.56) 65%,rgba(250,248,244,.20) 83%,rgba(250,248,244,.03) 100%)!important}
.home .ucsi-hero-slide:nth-child(3)::before{background:linear-gradient(90deg,rgba(250,248,244,.985) 0%,rgba(250,248,244,.955) 29%,rgba(250,248,244,.86) 47%,rgba(250,248,244,.58) 65%,rgba(250,248,244,.22) 83%,rgba(250,248,244,.04) 100%)!important}
.home .ucsi-hero-copy{max-width:700px!important;padding:34px 38px 40px!important;background:rgba(255,252,248,.78);border:1px solid rgba(255,255,255,.72);box-shadow:0 20px 54px rgba(24,38,51,.14);backdrop-filter:blur(11px) saturate(118%);-webkit-backdrop-filter:blur(11px) saturate(118%);border-radius:14px}
.home .ucsi-hero-copy .ucsi-kicker{font-size:.82rem!important;font-weight:900!important;letter-spacing:.18em!important;color:#A9152E!important;margin-bottom:15px!important;text-shadow:none!important}
.home .ucsi-hero-copy h1{color:#182633!important;font-size:clamp(42px,4.8vw,66px)!important;line-height:1.055!important;letter-spacing:-.045em!important;margin:0 0 18px!important;text-shadow:0 1px 0 rgba(255,255,255,.7)!important}
.home .ucsi-hero-copy p{color:#3E4B57!important;font-size:1rem!important;line-height:1.78!important;max-width:610px!important;margin:0!important;text-shadow:none!important}
.home .ucsi-hero-actions{margin-top:26px!important}
.home .ucsi-hero-actions .ucsi-btn{box-shadow:0 10px 26px rgba(169,21,46,.16)!important}
.home .ucsi-hero-actions .ucsi-btn-outline{background:rgba(255,255,255,.94)!important;border-color:#D7C7C4!important;color:#182633!important;box-shadow:0 8px 22px rgba(24,38,51,.07)!important}
.home .ucsi-hero-controls{bottom:18px!important;padding:7px 10px;border-radius:999px;background:rgba(24,38,51,.20);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.home .ucsi-hero-dot{width:34px!important;height:3px!important;background:rgba(255,255,255,.72)!important;border-radius:99px}.home .ucsi-hero-dot.is-active{background:#A9152E!important}
@media(max-width:900px){.home .ucsi-hero-copy{max-width:640px!important;padding:30px 30px 34px!important}.home .ucsi-hero-slide{background-position:72% center!important}}
@media(max-width:781px){.home .ucsi-hero-slider,.home .ucsi-hero-inner{min-height:500px!important}.home .ucsi-hero-slide{background-position:74% center!important}.home .ucsi-hero-slide::before,.home .ucsi-hero-slide:nth-child(1)::before,.home .ucsi-hero-slide:nth-child(2)::before,.home .ucsi-hero-slide:nth-child(3)::before{background:linear-gradient(90deg,rgba(250,248,244,.995) 0%,rgba(250,248,244,.97) 47%,rgba(250,248,244,.82) 76%,rgba(250,248,244,.46) 100%)!important}.home .ucsi-hero-copy{max-width:94%!important;padding:24px 22px 28px!important;border-radius:12px;background:rgba(255,252,248,.82)}.home .ucsi-hero-copy h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.08!important}.home .ucsi-hero-copy p{font-size:.94rem!important;line-height:1.7!important}.home .ucsi-hero-controls{bottom:14px!important}}
@media(max-width:480px){.home .ucsi-hero-copy{padding:22px 18px 24px!important}.home .ucsi-hero-copy .ucsi-kicker{font-size:.7rem!important}.home .ucsi-hero-copy h1{font-size:clamp(32px,10.5vw,40px)!important}.home .ucsi-hero-actions{display:grid!important;grid-template-columns:1fr!important}.home .ucsi-hero-actions .ucsi-btn{width:100%!important}}