/* Task 34: loaded only on the Partners and Packaging Insights hubs. */
.hc-remaining-page .hc-core-hero { height: auto; min-height: 340px; padding: 52px 0; text-align: left; background-size: cover !important; }
.hc-remaining-page .hc-core-hero h1 { max-width: 850px; font-size: clamp(36px, 4.3vw, 60px); line-height: 1.08; }
.hc-remaining-page .hc-core-hero h1 + p { max-width: 730px; font-size: 18px; line-height: 1.6; }
.hc-remaining-page .hc-core-hero .hc-core-actions { margin-top: 24px; }
.hc-remaining-page .hc-core-hero .hc-core-link { color: #fff !important; }
.hc-remaining-page .hc-core-content > .bread { padding: 8px 0; margin: 0; font-size: 14px; }
.hc-remaining-page .bread a { display: inline-flex; align-items: center; min-height: 44px; }
.hc-remaining-page .bread [aria-current="page"] { color: #555; }
.hc-remaining-page .container { width: min(1180px, calc(100% - 48px)); }
.hc-remaining-page .hc-core-section { padding: 58px 0; }
.hc-remaining-page .hc-core-content h2 { font-size: clamp(28px, 2.7vw, 38px); line-height: 1.18; }
.hc-remaining-page .hc-core-content h3 { font-size: 20px; line-height: 1.3; }
.hc-remaining-page .hc-core-content p { line-height: 1.65; }
.hc-remaining-page .hc-remaining-intro { max-width: 800px; margin-bottom: 26px; }
.hc-remaining-page .hc-core-grid { gap: 20px; }
.hc-remaining-page .hc-core-grid article { min-width: 0; padding: 24px; }
.hc-remaining-page .hc-core-grid article p { font-size: 16px; }
.hc-remaining-page .hc-core-grid + .hc-core-link { margin-top: 18px; }
.hc-remaining-page .hc-core-link { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.hc-remaining-page .hc-core-button { min-height: 48px; text-align: center; line-height: 1.5; }
.hc-remaining-page .hc-core-actions { flex-wrap: wrap; gap: 12px 24px; }
.hc-remaining-page .hc-remaining-split { display: grid; grid-template-columns: 1fr 1.3fr; gap: 48px; }
.hc-remaining-page .hc-remaining-label { color: #a9000a; margin: 0 0 12px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
.hc-remaining-page .hc-core-process { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 26px; }
.hc-remaining-page .hc-core-process li { min-width: 0; }
.hc-remaining-page .hc-core-process li::before { margin-bottom: 16px; }
.hc-remaining-page .hc-core-process span { font-size: 16px; }
.hc-remaining-page .hc-core-cta { padding: 48px 0; }
.hc-remaining-page .hc-core-cta .container > div:first-child { min-width: 0; }
.hc-remaining-page .hc-core-cta .hc-core-actions { flex-direction: column; align-items: flex-start; }
.hc-remaining-page .hc-insights-empty { max-width: none; padding: 28px; background: #f6f6f4; }
.hc-remaining-page .hc-core-pillars { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 24px; }
.hc-remaining-page .hc-core-pillars li { min-width: 0; padding: 18px; }
.hc-remaining-page .hc-remaining-context { margin-top: 24px; margin-bottom: 0; }
.hc-remaining-page .hc-remaining-context a { display: inline-flex; align-items: center; min-height: 44px; color: #a9000a; text-decoration: underline; }
.hc-remaining-page .hc-insight-card h3 a { display: block; min-height: 44px; }
.hc-remaining-page .hc-insight-card time { color: #666; }
.hc-remaining-page main a:focus-visible { outline: 3px solid #007a72; outline-offset: 4px; }
.hc-remaining-page .hc-core-hero a:focus-visible { outline-color: #fff; }
@media (max-width: 980px) {
  .hc-remaining-page .hc-core-grid--three { grid-template-columns: 1fr; }
  .hc-remaining-page .hc-remaining-split { grid-template-columns: 1fr; gap: 12px; }
  .hc-remaining-page .hc-core-process { grid-template-columns: 1fr; }
  .hc-remaining-page .hc-core-process li { display: grid; grid-template-columns: 32px 1fr; column-gap: 16px; }
  .hc-remaining-page .hc-core-process li::before { grid-row: span 2; margin: 0; }
  .hc-remaining-page .hc-core-process span { grid-column: 2; }
}
@media (max-width: 620px) {
  .hc-remaining-page .container { width: calc(100% - 36px); }
  .hc-remaining-page .hc-core-hero { min-height: 0; padding: 34px 0; }
  .hc-remaining-page .hc-core-hero .container { width: calc(100% - 36px); }
  .hc-remaining-page .hc-core-hero h1 { font-size: 38px; }
  .hc-remaining-page .hc-core-hero h1 + p { margin-top: 18px; font-size: 16px; }
  .hc-remaining-page .hc-core-hero .hc-core-actions { margin-top: 20px; }
  .hc-remaining-page .hc-core-section { padding: 36px 0; }
  .hc-remaining-page .hc-core-grid { gap: 12px; }
  .hc-remaining-page .hc-core-grid article { padding: 20px; }
  .hc-remaining-page .hc-core-content h2 { font-size: 28px; }
  .hc-remaining-page .hc-core-actions { gap: 8px; align-items: stretch; }
  .hc-remaining-page .hc-core-link { justify-content: flex-start; }
  .hc-remaining-page .hc-core-hero .hc-core-link { justify-content: center; }
  .hc-remaining-page .hc-core-cta { padding: 36px 0; }
  .hc-remaining-page .hc-core-cta .container { gap: 20px; }
  .hc-remaining-page .hc-core-cta .hc-core-actions { align-items: stretch; }
  .hc-remaining-page .hc-core-pillars { grid-template-columns: 1fr; gap: 8px; }
  .hc-remaining-page .hc-core-pillars li { padding: 14px 16px; }
  .hc-remaining-page .hc-insights-empty { padding: 22px; }
  .hc-remaining-page .hc-core-process li { padding: 20px; }
}
