/* Resource hub only. Shared navigation and article reading styles stay in site-brand.css. */
.resource-hub, .resource-hub * { box-sizing: border-box; }
.resource-hub { max-width: 1152px; width: calc(100% - 64px); margin: 0 auto; padding: 42px 0 0; }
.resource-hub h1, .resource-hub h2 { font-family: var(--hshc-heading-font); font-weight: 500; color: var(--hshc-primary); }
.hub-intro { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 64px; margin-bottom: 32px; }
.hub-eyebrow { margin: 0 0 12px; font-size: 14px; line-height: 1.4; letter-spacing: .13em; text-transform: uppercase; font-weight: 700; color: var(--hshc-primary); }
.resource-hub h1 { margin: 0; font-size: clamp(42px, 4.8vw, 62px); line-height: .99; letter-spacing: -.035em; }
.hub-welcome { padding: 18px 0 0; max-width: 440px; }
.hub-welcome p { margin: 0; font-size: 21px; line-height: 1.5; }
.hub-welcome .hub-local { margin-top: 15px; font-size: 16px; line-height: 1.45; color: #53655f; }
.hub-feature { display: grid; grid-template-columns: 1.04fr 1fr; background: white; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 36px rgba(34,50,61,.06); }
.hub-feature-image { position: relative; display: block; min-height: 394px; overflow: hidden; background: #e6e4da; }
.hub-feature-image img { position: absolute; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 48% center; }
.hub-feature-image::after { content: ""; position: absolute; inset: 55% 0 0; background: linear-gradient(transparent,rgba(17,38,34,.65)); pointer-events: none; }
.hub-image-note { position: absolute; bottom: 26px; left: 28px; right: 28px; z-index: 1; color: #fff; font: 500 27px/1.2 var(--hshc-heading-font); text-shadow: 0 1px 6px rgba(0,0,0,.3); }
.hub-feature-content { padding: 36px 40px 38px; align-self: center; }
.hub-meta { display: flex; flex-wrap: wrap; gap: 7px 16px; align-items: center; font-size: 14px; color: #53655f; }
.hub-meta span { color: var(--hshc-primary); text-transform: uppercase; font-size: 12px; letter-spacing: .09em; font-weight: 700; }
.hub-meta time { border-left: 1px solid #cbd4cf; padding-left: 16px; }
.resource-hub .hub-feature h2 { margin: 17px 0 16px; font-size: clamp(31px,3vw,40px); line-height: 1.08; letter-spacing: -.02em; }
.hub-feature h2 a { color: inherit; text-decoration: none; }
.hub-feature h2 a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.hub-feature-content > p { margin: 0 0 24px; font-size: 18px; line-height: 1.55; }
.hub-button { display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 12px 22px; min-height: 50px; border: 2px solid var(--hshc-primary); border-radius: 6px; background: var(--hshc-primary); color: #fff; font-size: 18px; font-weight: 600; line-height: 1.3; text-decoration: none; }
.hub-button:hover { background: var(--hshc-primary-hover); border-color: var(--hshc-primary-hover); }
.hub-button span, .hub-contact-link span { font-size: 24px; line-height: 1; }
.hub-help { display: flex; align-items: center; gap: 22px; padding: 38px 0 42px; }
.hub-help-icon { display: flex; flex: 0 0 66px; height: 66px; align-items: center; justify-content: center; border-radius: 50%; background: #e7eee6; color: var(--hshc-primary); }
.resource-hub .hub-help h2 { margin: 0 0 6px; font-size: 29px; line-height: 1.15; }
.hub-help p { margin: 0; font-size: 18px; line-height: 1.5; }
.hub-contact-link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 20px; margin-left: auto; padding: 12px 2px; color: var(--hshc-primary); font-size: 18px; font-weight: 600; text-decoration: none; border-bottom: 1px solid var(--hshc-primary); }
.hub-contact-link:hover { color: var(--hshc-primary-hover); border-color: var(--hshc-primary-hover); }
.resource-hub a:focus-visible { outline: 3px solid var(--hshc-primary-hover); outline-offset: 5px; }
/* Use this grid only when additional real articles are published. */
.hub-archive { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; margin-top: 32px; }
.hub-archive article { padding: 26px; border-radius: 12px; background: #fff; }
.hub-archive h2 { font-size: 29px; line-height: 1.15; margin: 14px 0; }
.hub-archive h2 a { color: inherit; text-decoration: none; }
.hub-archive p { margin: 0 0 18px; }
.hub-archive a { color: var(--hshc-primary); text-underline-offset: 4px; }
@media (max-width: 900px) {
  .hub-intro { gap: 32px; }
  .hub-feature { grid-template-columns: 1fr 1fr; }
  .hub-feature-content { padding: 28px; }
  .hub-feature-image { min-height: 410px; }
  .hub-image-note { font-size: 24px; left: 22px; right: 22px; }
  .hub-help { gap: 18px; flex-wrap: wrap; }
  .hub-help > div:nth-child(2) { flex: 1; }
  .hub-contact-link { margin-left: 84px; }
  .hub-archive { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .resource-hub { width: calc(100% - 40px); padding-top: 28px; }
  .hub-intro { display: block; margin-bottom: 24px; }
  .hub-eyebrow { margin-bottom: 10px; font-size: 12px; }
  .resource-hub h1 { font-size: 46px; line-height: 1; }
  .hub-welcome { padding-top: 18px; }
  .hub-welcome p { font-size: 18px; line-height: 1.45; }
  .hub-welcome .hub-local { margin-top: 9px; font-size: 15px; }
  .hub-feature { display: block; border-radius: 12px; }
  .hub-feature-image { min-height: 0; height: auto; aspect-ratio: 1.55; }
  .hub-feature-image img { object-position: center 40%; }
  .hub-image-note { left: 18px; right: 18px; bottom: 18px; font-size: 22px; }
  .hub-feature-content { padding: 25px 24px 28px; }
  .resource-hub .hub-feature h2 { font-size: 34px; margin: 15px 0; }
  .hub-meta { font-size: 13px; gap: 6px 10px; }
  .hub-meta time { padding-left: 10px; }
  .hub-feature-content > p { font-size: 18px; margin-bottom: 22px; }
  .hub-button { width: 100%; justify-content: space-between; }
  .hub-help { display: block; padding: 30px 0 36px; }
  .hub-help-icon { width: 52px; height: 52px; margin-bottom: 16px; }
  .resource-hub .hub-help h2 { font-size: 30px; max-width: 330px; }
  .hub-help p { margin-top: 10px; }
  .hub-contact-link { margin: 12px 0 0; }
  .hub-archive { grid-template-columns: 1fr; }
}
@media (max-width: 360px) {
  .resource-hub { width: calc(100% - 32px); }
  .resource-hub h1 { font-size: 40px; }
  .hub-feature-content { padding: 22px 20px 25px; }
  .resource-hub .hub-feature h2 { font-size: 30px; }
  .hub-meta time { border: 0; padding: 0; }
}
@media print {
  .resource-hub { width: 100%; padding: 0; }
  .hub-intro { gap: 24px; }
  .hub-feature { box-shadow: none; border: 1px solid #ccc; }
  .hub-feature-image { min-height: 300px; }
  .hub-help { display: none; }
}

.hub-local-guides{margin:3.5rem 0}.hub-local-guides>h2{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.15;color:var(--brand-teal,#165f64);margin:0 0 .75rem}.hub-local-guides>p{font-size:1.15rem}.hub-local-guides h3{font-size:1.6rem;line-height:1.2;margin:0 0 .75rem}.hub-local-guides .hub-archive{margin-top:1.5rem}