/* 2026 HIT tuition: visual language derived from user's 211 static homepage.
   No external CSS/JS, icon font or CDN; original QR/poster widgets remain intact. */
:root{--ref-green:#008b69;--ref-green-bright:#09a77b;--ref-navy:#182b3b;--ref-muted:#75859a;--ref-bg:#f6f8fb;--ref-border:#e4eaf1;--ref-shadow:0 8px 26px rgba(24,47,61,.048);--ink:#203448;--green:#048a65;--background:#f6f8fb}
html{scroll-padding-top:72px}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',Arial,sans-serif!important;background:var(--ref-bg)!important;color:#203047!important;line-height:1.7}
.studio-site{overflow:visible;background:var(--ref-bg)}.studio-page{width:100%!important;max-width:none!important;margin:0!important}.ref-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle}
.reference-container{width:min(1200px,calc(100% - 32px));margin-left:auto;margin-right:auto}
/* Reference's small upper ribbon and white brand masthead */
.reference-topbar{height:36px;background:#f5f7fa;border-bottom:1px solid #edf1f5;font-size:12px;color:#6a7e91}
.reference-topbar-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;white-space:nowrap}
.ref-top-dot{color:#adbaca}.reference-brand-header{background:#fff;position:relative;z-index:40}.reference-brand-row{height:89px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.reference-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#172c3b}.reference-brand-mark{display:grid;place-items:center;background:linear-gradient(130deg,#15b78e,#00956d);color:#fff;width:43px;height:43px;border-radius:12px;box-shadow:0 7px 18px #0b9a652b}.reference-brand-mark .ref-icon{width:27px;height:27px}.reference-brand-copy strong{font-size:23px;font-weight:900;letter-spacing:-.8px;display:block;line-height:1.3}.reference-brand-copy strong span{color:#02a879}.reference-brand-copy small{display:block;color:#8396a7;font-size:11px;margin-top:3px}
.reference-head-actions{display:flex;align-items:center;gap:24px}.reference-school-link{font-size:12px;color:#6d8393;text-decoration:none}.reference-school-link:hover{color:var(--ref-green)}.reference-share-trigger{display:flex;align-items:center;gap:8px;background:#eefaf5;color:#087858;padding:10px 15px;border:1px solid #bbecd9;border-radius:9px;font-size:12px;font-weight:800}.reference-share-trigger .ref-icon{width:15px;height:15px}.reference-share-trigger:hover{background:#def6eb}.reference-menu-btn{display:none;border:1px solid #e0e7ec;color:#315269;background:#fff;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:750}
/* Entire horizontal green nav from 211 reference */
.reference-navigation{position:relative;background:linear-gradient(94deg,#007d61 0%,#06a47c 100%);box-shadow:0 4px 13px #116a541f;z-index:35}.reference-navigation-inner{height:54px;display:flex;align-items:stretch;gap:8px}
.reference-navigation a{display:flex;align-items:center;position:relative;padding:0 23px;color:#f0fff9;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}.reference-navigation a:hover{background:#ffffff1b;color:#fff}.reference-navigation a.active{font-weight:850;color:#fff}.reference-navigation a.active:after{content:'';height:3px;border-radius:3px 3px 0 0;background:#fff;position:absolute;bottom:7px;left:22px;right:22px}
/* Full bleed campus illustration, centered copy and prominent lookup box */
.reference-hero{position:relative;background:#e8f9f4;overflow:hidden;border-bottom:0;isolation:isolate}.reference-hero:before{content:none}
.reference-hero-inner{padding:56px 0 83px;text-align:center}.reference-hero-eyebrow{display:inline-flex;align-items:center;padding:7px 16px;border-radius:99px;background:#f9fffd;border:1px solid #a8ead3;color:#078566;font-size:12px;font-weight:800}
.reference-hero h1{font-size:clamp(34px,3.3vw,49px);font-weight:950;color:#192c3b;margin:16px 0 11px;line-height:1.3;letter-spacing:-1.35px}.reference-hero-sub{max-width:825px;margin:0 auto;color:#5f7588;font-size:15px;line-height:1.9}.reference-hero-update{color:#8b9eb0;margin:12px 0 0;font-size:11px}
.reference-hero-search{max-width:820px;margin:29px auto 0;display:flex;align-items:stretch;border:2px solid #0cbb8a;border-radius:12px;background:#fff;box-shadow:0 12px 30px #2a736a19;overflow:hidden;text-align:left;height:59px}
.reference-hero-search-input{flex:1;display:flex;min-width:0;gap:14px;align-items:center;padding:0 18px}.reference-hero-search-input .ref-icon{width:19px;height:19px;color:#05b783}.reference-hero-search-input input{flex:1;border:0;min-width:0;background:transparent;color:#2c3c4b;font-size:14px;outline:0}.reference-hero-search-input input::placeholder{color:#96a3ae}.reference-hero-search button{display:flex;align-items:center;gap:5px;border:0;color:white;background:#00a979;padding:0 23px;font-weight:800;font-size:14px}.reference-hero-search button:hover{background:#008963}.reference-hero-search button .ref-icon{width:17px;height:17px}.reference-hero-helper{margin:10px 0 0;color:#748a98;font-size:11px}
.mobile-break{display:none}
/* Reference 211's continuous four-cell metric ribbon */
.reference-overview{width:min(1200px,calc(100% - 32px));margin:-64px auto 0;position:relative;z-index:4;padding:0}.reference-overview>.studio-section-heading{display:none}.reference-overview .studio-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;background:#e2e9ef;padding:1px;border:1px solid #dfe7ee;border-radius:15px;overflow:hidden;box-shadow:0 11px 26px #0d493b16}
.reference-overview .studio-metrics-grid>.glass-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;min-height:110px;padding:21px 14px!important;text-align:center}.reference-overview .studio-metrics-grid>.glass-card:not(:last-child){border-right:1px solid #e3e9ef!important}.reference-overview .studio-metrics-grid>.glass-card:before{display:none}.reference-overview .studio-metrics-grid>.glass-card>div:first-child{justify-content:center;color:#70879b;font-size:12px}.reference-overview .studio-metrics-grid>.glass-card>div:first-child>.svg-icon{display:none}.reference-overview .studio-metrics-grid>.glass-card>.mt-2{justify-content:center;margin-top:5px}.reference-overview .studio-metrics-grid>.glass-card .text-2xl{font-size:29px;color:#04986f!important}.reference-overview .studio-metrics-grid>.glass-card p{font-size:10px;margin-top:3px;color:#8698a8;line-height:1.55}
/* Portal cards and guidance band, matching 211's four-up entries */
.reference-quick{padding-top:46px;padding-bottom:28px}.reference-section-header{display:flex;justify-content:space-between;align-items:end;padding-bottom:12px;border-bottom:1px solid #dce6ea;margin-bottom:17px}.reference-section-header h2{margin:0;font-size:23px;color:#203a4b;font-weight:900}.reference-section-header p{margin:4px 0 0;color:#91a2b3;font-size:12px}
.reference-portal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.reference-portal-card{position:relative;display:block;min-height:178px;padding:22px 22px 25px;border:1px solid #e1e8f0;border-radius:15px;background:#fff;box-shadow:0 5px 20px #203b5210;transition:box-shadow .2s,transform .2s,border .2s;color:#2b4555}.reference-portal-card:hover{color:#2b4555;transform:translateY(-2px);border-color:#a7dfcf;box-shadow:0 12px 26px #1f604825}.reference-portal-icon{display:grid;place-items:center;width:46px;height:44px;color:#08996f;background:#e6fbf1;border-radius:12px}.reference-portal-icon .ref-icon{width:23px;height:23px}.reference-portal-card h3{font-weight:850;color:#203b4b;font-size:17px;margin:15px 0 5px}.reference-portal-card p{font-size:12px;color:#8191a1;line-height:1.65;margin:0 10px 0 0}.reference-portal-arrow{position:absolute;bottom:14px;right:18px;color:#13aa80;font-size:20px;font-weight:700}
/* Full-width sections on muted background rather than pane switching */
.studio-main{width:min(1200px,calc(100% - 32px));margin:0 auto;padding-bottom:68px}.studio-main .studio-clues{margin:0 0 40px;box-shadow:none;border:1px solid #dce9e9;border-radius:12px}.studio-main .studio-clues>div{padding:14px 20px}.studio-main .studio-clues b{color:#425869}.studio-main .studio-clues small{color:#8c9aa9}.studio-main .studio-clues .svg-icon{color:#0b9972}
.studio-tab-panel,.reference-budget-section{margin-top:50px!important;scroll-margin-top:76px}.studio-section-heading{margin-bottom:18px}.studio-section-heading h2{font-size:25px;color:#23384b;letter-spacing:-.5px;margin:1px 0 0}.studio-section-heading .studio-section-index{font-size:10px;color:#1aa47f;letter-spacing:1.8px}.studio-section-heading>p{color:#7d8d9f;font-size:13px}
.studio-workbench{display:block!important}.studio-workbench-main{display:block!important}.studio-search,.studio-results-card{border:1px solid #e0e8ef!important;border-radius:13px!important;box-shadow:0 5px 20px #26384f0b!important;background:#fff!important}
.studio-search{padding:26px 30px!important;margin-bottom:15px}.studio-search .studio-eyebrow,.studio-results-head .studio-eyebrow{color:#13a27c}.studio-search h2{font-size:21px;color:#274254}.studio-search-header span:not(.studio-result-count){font-size:12px;color:#8091a2}.studio-result-count{background:#e8f9f1;color:#068967;border:1px solid #d3f1e5}.studio-search-entry{grid-template-columns:minmax(0,1fr) 205px 77px;gap:12px;margin-top:20px}
.studio-search-input{height:50px;background:#fff;border-color:#d6e2e7;border-radius:9px}.studio-search-input input{font-size:13px}.studio-search-entry select{font-size:13px;border-radius:9px;background:#fff}.studio-clear{font-size:13px;background:#f6f9fb;border-color:#dfe7ee}.studio-filter-block{align-items:flex-start;margin-top:20px;border-top:1px dashed #e5edf0;padding-top:17px}.studio-filter-block>span{font-size:12px;color:#557081;min-width:71px;line-height:34px}.studio-filter-options button{font-size:12px;border-radius:7px;background:#fff;border-color:#e0e8ef;color:#586f81;padding:7px 13px}.studio-filter-options button.selected{background:#078d6c;border-color:#078d6c;box-shadow:none}.studio-fee-notice{margin:15px 0;background:#fffaf1;border:1px solid #f1e4cc;font-size:12px;color:#796c50;border-left:4px solid #dbb269;padding:18px 22px}
.studio-results-card{margin-top:18px}.studio-results-head{padding:21px 27px;background:#fff;border-bottom-color:#e5edf2}.studio-results-head h3{font-size:18px;color:#223c50}.studio-results-head p{font-size:12px}.studio-results-card .overflow-x-auto{max-height:620px}.studio-results-card th{background:#f3f7fa;color:#627a8f;font-size:12px;padding:13px 18px}.studio-results-card td{font-size:12px;padding:14px 17px}.studio-results-card td:nth-child(2) .font-semibold{font-size:13px}.studio-results-card tbody tr:hover{background:#f0fbf6}
/* Fee calculator now its own full-width 211-like two-column information band */
.reference-budget-section .studio-detail-column{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);gap:20px;align-items:start}.reference-budget-section .studio-detail-column>*{min-width:0}.studio-budget{background:#fff!important;border:1px solid #dbe7e6;border-radius:14px!important;box-shadow:var(--ref-shadow);scroll-margin-top:90px}.studio-budget-head{background:linear-gradient(110deg,#088c6b,#06694f)!important;padding:23px 25px!important}.studio-budget h3{font-size:19px}.studio-detail-column>div{border-color:#e1e9ef!important;border-radius:14px!important;box-shadow:var(--ref-shadow)!important}
/* Local SVG visualization charts and five-dimension content */
.studio-charts-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-charts-grid>div{border-radius:13px!important;border-color:#dfe7ed!important;padding:23px!important;box-shadow:var(--ref-shadow)!important}.studio-charts-grid h3{font-size:17px;color:#254151}.studio-charts-grid p{font-size:12px}.hit-chart-box{height:300px}.studio-charts-grid .bg-white{background:#fff!important}
#guide-section>div:nth-child(2)>div.grid{gap:16px!important}#guide-section>div:nth-child(2)>div.grid>div{border-radius:13px!important;border:1px solid #e1e9ef!important;box-shadow:var(--ref-shadow)!important;padding:24px!important}#guide-section>div:nth-child(2)>div.grid h3{color:#254558;font-size:16px}#guide-section>div:nth-child(2)>div.grid p{font-size:12px;color:#71859a}
/* Footer: EXACT unchanged copyright/body text from last version, only 211's light modular style */
.studio-footer{margin-top:0;background:#fff!important;border-top:1px solid #e0e7ed!important;color:#65788a!important;font-size:12px}.studio-footer>div:first-child{max-width:1200px;padding:47px 0 42px;background:#fff}.studio-footer-grid{grid-template-columns:minmax(0,1.75fr) repeat(3,minmax(0,.87fr));gap:30px}.studio-footer-grid>div:first-child{max-width:none}.studio-footer h4{color:#2e4758!important;font-size:13px;border-left:3px solid #05ad7f!important;padding-left:11px!important}.studio-footer .text-white,.studio-footer .text-slate-300{color:#263f50!important}.studio-footer .text-slate-400{color:#75899d!important}.studio-footer .text-emerald-400,.studio-footer .text-emerald-500,.studio-footer .text-teal-400{color:#099e76!important}.studio-footer .bg-gradient-to-br{background:#059d77!important;color:#fff!important}.studio-footer .bg-slate-800{background:#ebf7f1!important;color:#209877!important;border-color:#cceada!important}.studio-footer li{margin-top:10px}.studio-footer a{color:#536e80}.studio-footer a:hover{color:#068e69}.studio-footer>div:last-child{background:#f5f8fa!important;border-top:1px solid #e4ebef!important;padding:20px 0}.studio-footer>div:last-child>div{max-width:1200px;padding:0;color:#8595a4;font-size:11px}.studio-footer>div:last-child a{color:#5b7182}
/* Existing QR modal and account poster styles intentionally unmodified. */
@media(max-width:1120px){.reference-navigation a{padding:0 17px}.reference-overview{margin-top:-54px}.reference-portal-card{padding:18px}.reference-portal-card h3{font-size:15px}.reference-budget-section .studio-detail-column{grid-template-columns:1fr 1fr}.studio-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-footer>div:first-child{padding-left:18px;padding-right:18px}.studio-footer>div:last-child>div{padding:0 18px}}
@media(max-width:790px){.reference-topbar{height:30px}.reference-topbar-inner{font-size:10px}.reference-topbar-note{display:none}.reference-brand-row{height:69px}.reference-brand-mark{width:37px;height:37px}.reference-brand-copy strong{font-size:19px}.reference-head-actions{margin-left:auto;margin-right:4px}.reference-school-link{display:none}.reference-share-trigger{padding:8px 10px;font-size:11px}.reference-menu-btn{display:inline-block}.reference-navigation-inner{height:auto;flex-direction:column;gap:0;align-items:stretch;padding:8px 0}.reference-navigation{display:none}.reference-navigation.is-open{display:block}.reference-navigation a{height:43px;padding:0 17px;border-radius:6px}.reference-navigation a.active:after{bottom:5px;left:17px;right:auto;width:70px}.reference-hero-inner{padding:41px 0 77px}.reference-hero h1{font-size:35px}.reference-hero-sub{font-size:13px}.reference-hero-search{height:54px}.reference-overview .studio-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-overview .studio-metrics-grid>.glass-card{min-height:110px}.reference-overview .studio-metrics-grid>.glass-card:nth-child(2){border-right:0!important}.reference-overview .studio-metrics-grid>.glass-card:nth-child(-n+2){border-bottom:1px solid #e3e9ef!important}.reference-portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-quick{padding-top:36px}.studio-main .studio-clues{grid-template-columns:1fr}.studio-main .studio-clues>div+div{border-left:0;border-top:1px solid #eef0f3}.studio-main .studio-clues>div{padding:10px 15px}.reference-budget-section .studio-detail-column{grid-template-columns:1fr}.studio-charts-grid{grid-template-columns:1fr}.studio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-footer-grid>div:first-child{grid-column:span 2;max-width:none}}
@media(max-width:520px){.reference-brand-row{height:65px;gap:8px}.reference-brand{gap:8px}.reference-brand-mark{width:35px;height:35px}.reference-brand-copy strong{font-size:17px}.reference-brand-copy small{font-size:9px}.reference-share-trigger{font-size:0;padding:9px}.reference-share-trigger .ref-icon{width:18px;height:18px}.reference-menu-btn{font-size:11px;padding:8px}.reference-topbar-inner{font-size:9px;letter-spacing:-.1px}.reference-hero-inner{padding:34px 0 70px}.reference-hero-eyebrow{font-size:10px;padding:6px 10px}.reference-hero h1{font-size:29px;letter-spacing:-.9px;line-height:1.4;margin-top:15px}.mobile-break{display:block}.reference-hero-sub{font-size:12px;line-height:1.75}.reference-hero-update{font-size:10px;line-height:1.7}.reference-hero-search{height:auto;flex-direction:column;overflow:visible;gap:0;border-width:1px;border-radius:12px}.reference-hero-search-input{height:54px;padding:0 13px}.reference-hero-search-input input{font-size:12px}.reference-hero-search button{height:42px;justify-content:center;border-radius:0 0 10px 10px;font-size:13px}.reference-hero-helper{font-size:10px;line-height:1.55}.reference-overview{margin-top:-40px}.reference-overview .studio-metrics-grid>.glass-card{padding:14px 6px!important;min-height:110px}.reference-overview .studio-metrics-grid>.glass-card>div:first-child{font-size:10px}.reference-overview .studio-metrics-grid>.glass-card .text-2xl{font-size:26px}.reference-overview .studio-metrics-grid>.glass-card p{font-size:9px}.reference-quick{padding-top:31px}.reference-section-header h2{font-size:20px}.reference-portal-grid{gap:10px}.reference-portal-card{padding:14px;min-height:168px}.reference-portal-icon{width:37px;height:37px}.reference-portal-icon .ref-icon{width:19px;height:19px}.reference-portal-card h3{font-size:14px;margin-top:14px}.reference-portal-card p{font-size:11px}.reference-portal-arrow{right:12px;bottom:7px}.studio-section-heading h2{font-size:22px}.studio-section-heading>p{font-size:11px}.studio-tab-panel,.reference-budget-section{margin-top:32px!important}.studio-search{padding:19px 15px!important}.studio-search h2{font-size:17px}.studio-search-entry{grid-template-columns:minmax(0,1fr) 82px;gap:8px}.studio-search-entry .studio-search-input{grid-column:1 / -1}.studio-search-entry select{height:41px;font-size:11px;grid-column:1}.studio-search-entry .studio-clear{grid-column:2}.studio-filter-block{display:block;margin-top:13px;padding-top:12px}.studio-filter-block>span{display:block;line-height:1.6;margin-bottom:9px}.studio-filter-options button{font-size:11px;padding:7px 9px}.studio-fee-notice{font-size:11px;padding:13px}.studio-results-head{padding:15px}.studio-results-head h3{font-size:15px}.studio-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 15px}.studio-footer-grid>div:first-child{grid-column:span 2}.studio-footer>div:first-child{padding:36px 16px}.studio-footer>div:last-child>div{padding:0 16px}.studio-footer .text-slate-400{font-size:11px}}
/* Make four footer groups occupy one desktop row (the original Tailwind lg:col-span-2 is overridden only visually). */
@media(min-width:791px){.studio-footer-grid>div:first-child{grid-column:auto!important}}
@media(max-width:790px){.studio-footer-grid>div:first-child{grid-column:1/-1!important}}
.studio-budget-poster{background:#048a67!important;border-color:#048a67!important;color:#fff!important;opacity:1!important;box-shadow:0 5px 13px #07885d17}.studio-budget-poster:hover{background:#006d51!important;color:#fff!important}
.reference-menu-btn{white-space:nowrap}
@media(max-width:360px){.reference-brand-copy small{display:none}.reference-brand-copy strong{font-size:16px}.reference-brand-mark{width:33px;height:33px}.reference-brand-mark .ref-icon{width:23px;height:23px}.reference-brand-row{gap:6px}.reference-menu-btn{font-size:10px;padding:7px 8px}.reference-head-actions{margin-right:0}.reference-share-trigger{padding:8px}}

/* 2026-10-08: requested logo/title/search polish, no other layout changes. */
.reference-hero-update{text-align:center;width:100%;}
.reference-hero-title-link,.reference-hero-title-link:visited{color:inherit;text-decoration:none;display:inline-block;}
.reference-hero-title-link:hover,.reference-hero-title-link:focus-visible{color:#168467;text-decoration:none;}
.studio-footer .hit-footer-brand-core{color:#fff;}
.studio-footer .hit-footer-brand-accent{color:#34d399;}
#major-results{scroll-margin-top:24px;}
@media(max-width:790px){#major-results{scroll-margin-top:14px;}}


/* 2026-10-09: reproduce original 211 site's dark navy footer palette, without changing footer text/links. */
.studio-footer {
  background: #102f4d !important;
  color: #c5d2dd !important;
  border-top: 0 !important;
}
.studio-footer > div:first-child {
  background: #102f4d !important;
}
.studio-footer h4,
.studio-footer .text-white,
.studio-footer .text-slate-300 {
  color: #f5fbff !important;
}
.studio-footer .text-slate-400,
.studio-footer .text-slate-500 {
  color: #c5d2dd !important;
}
.studio-footer a,
.studio-footer > div:last-child a {
  color: #d8e5ef !important;
}
.studio-footer a:hover,
.studio-footer > div:last-child a:hover {
  color: #6ee7b7 !important;
}
.studio-footer .bg-slate-800 {
  background: #1a425d !important;
  border-color: #3c5d70 !important;
  color: #d0f9e6 !important;
}
.studio-footer .text-emerald-400,
.studio-footer .text-emerald-500,
.studio-footer .text-teal-400 {
  color: #6ee7b7 !important;
}
.studio-footer .hit-footer-brand-core { color: #fff !important; }
.studio-footer .hit-footer-brand-accent { color: #6ee7b7 !important; }
.studio-footer > div:last-child {
  background: #0b2238 !important;
  border-top: 1px solid rgba(255,255,255,.13) !important;
}
.studio-footer > div:last-child > div { color: #aebdca !important; }
.studio-footer > div:last-child .text-slate-700 { color: #60768a !important; }
.studio-footer h4 { border-left-color: #34d399 !important; }
.studio-footer .bg-gradient-to-br { background: #059d77 !important; }

/* Compact the three new direct-navigation links without reducing mobile tap targets. */
@media (min-width: 791px) {
  .reference-navigation-inner { gap: 3px; justify-content: space-between; }
  .reference-navigation a { padding-left: 14px; padding-right: 14px; }
  .reference-navigation a.active::after { left: 14px; right: 14px; }
}
.reference-navigation .reference-nav-external { font-weight: 700; }
.reference-navigation .reference-nav-external:hover { background: rgba(255,255,255,.2); }
@media (min-width: 791px) and (max-width: 860px) {
  .reference-navigation a { padding-left: 7px; padding-right: 7px; font-size: 12px; }
  .reference-navigation a.active::after { left: 7px; right: 7px; }
}
/* Keep the mobile copyright disclaimer legible above the fixed back-to-top button. */
@media (max-width: 790px) {
  .studio-footer > div:last-child { padding-bottom: 66px !important; }
}


/* 2026-10-09: enlarge the actual mobile search INPUT and submit tap target.
   The hero query remains click-to-search; no JS / calculation changes. */
@media (max-width: 520px) {
  .reference-hero-search {
    width: calc(100% + 12px);
    max-width: none;
    height: auto;
    margin: 24px -6px 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .reference-hero-search-input {
    box-sizing: border-box;
    width: 100%;
    flex: 0 0 66px;
    min-height: 66px;
    padding: 0 16px;
    gap: 12px;
    border: 2px solid #0cbb8a;
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 7px 23px rgba(5, 107, 83, .11);
  }
  .reference-hero-search-input:focus-within {
    border-color: #008964;
    box-shadow: 0 0 0 3px rgba(0, 169, 121, .14);
  }
  .reference-hero-search-input .ref-icon { width: 23px; height: 23px; }
  .reference-hero-search-input input {
    width: 100%;
    min-width: 0;
    height: 100%;
    font-size: 16px;
    line-height: 1.4;
  }
  .reference-hero-search button {
    box-sizing: border-box;
    flex: none;
    width: 100%;
    min-height: 54px;
    height: 54px;
    border-radius: 12px;
    font-size: 16px;
    box-shadow: 0 7px 18px rgba(0, 132, 93, .14);
  }
  .reference-hero-search button .ref-icon { width: 20px; height: 20px; }
}

/* Homepage campus photograph: user-provided 1 (1).png.
   The image spans the reference hero, four KPI counters, and Quick Query heading.
   Gradient is only a translucent overlay; the photo is kept unmodified locally. */
.reference-campus-band {
  position: relative;
  isolation: isolate;
  background-color: #eaf7f4;
}
.reference-campus-band::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image:
    linear-gradient(180deg,
      rgba(255,255,255,.20) 0%,
      rgba(255,255,255,.28) 42%,
      rgba(247,250,252,.46) 68%,
      rgba(248,250,252,.74) 84%,
      rgba(248,250,252,.92) 94%,
      rgba(248,250,252,.98) 100%),
    url('../images/campus-background.webp');
  background-position: center, center 57%;
  background-size: 100% 100%, cover;
  background-repeat: no-repeat;
  pointer-events: none;
}
.reference-campus-band .reference-hero {
  background: transparent;
  overflow: visible;
  isolation: auto;
}
.reference-campus-band .reference-hero::before { content: none; }
.reference-quick-heading { padding: 46px 0 12px; }
.reference-quick-heading .reference-section-header { margin-bottom: 0; }
.reference-quick-cards { padding-top: 17px; }
@media (max-width: 790px) {
  .reference-quick-heading { padding-top: 36px; }
}
@media (max-width: 520px) {
  .reference-quick-heading { padding-top: 31px; }
  .reference-campus-band::before {
    background-position: center, center 61%;
    background-size: 100% 100%, cover;
  }
}

/* Heilongjiang University: source notes, official-plan disclosure */
.hlju-source-caution{display:inline-block;margin:18px auto 0;padding:8px 14px;color:#527568;font-size:12px;line-height:1.7;background:rgba(255,255,255,.79);border:1px solid #bde7d8;border-radius:9px;max-width:calc(100% - 8px)}
.hlju-footer-disclaimer{padding:13px 18px;margin:0 auto 12px;max-width:1200px;border:1px solid rgba(142,204,188,.28);border-radius:10px;background:rgba(255,255,255,.06);color:#d9e9e4;font-size:12px;line-height:1.9}
@media(max-width:520px){.hlju-source-caution{font-size:11px;margin-top:14px}.hlju-footer-disclaimer{margin-left:15px;margin-right:15px;font-size:11px}.reference-hero h1{font-size:clamp(23px,6.9vw,29px)}}