/* ==========================================================================
   Inner pages — About Us (161:5335), Contact Us (161:5578),
   Event Category (161:5826), Event (161:6184).
   Load AFTER styles.css, layout.css and responsive.css.
   Everything shared (header, ticker, nav, newsletter widget, latest-news
   cards, byline, chips, footer) comes from the existing files; this file only
   holds what is different on inner pages. All rules are scoped to
   body.page-inner, so the Home page is not affected.
   ========================================================================== */

/* ---------- Header ads: 960×200 instead of Home's 1400×171 ---------- */
/* Top ad 161:5436 — y 13, zone 224 tall */
/* .page-inner .top-ad{ height:224px; padding-top:13px; }
.page-inner .slider{ width:960px; max-width:100%; height:200px; aspect-ratio:auto; } */

/* Ad band 161:5337 / 161:5435 — #fafafa band 219 tall, ad 960×200 at +10 */
/* .page-inner .ad-band{ padding-top:10px; }
.page-inner .ad-band .ad{ width:960px; max-width:100%; height:200px; margin:0 auto; } */

/* .page-inner footer.site-footer{ margin-top:0; } */

/* ---------- Shared inner-page pieces ---------- */
.inner-ad{ width:960px; max-width:100%; height:200px; margin:0 auto 60px; overflow:hidden; }
.inner-ad img{ width:100%; height:100%; object-fit:cover; display:block; }

.page-title{ font-family:var(--serif); font-weight:600; font-size:44px; line-height:47.52px;
  letter-spacing:-.352px; color:var(--ink); margin:0; }
.page-copy{ font-size:16px; line-height:24.8px; color:var(--ink-soft); }
.page-copy p{ margin:0; }
.page-copy b{ font-weight:700; }
.page-copy a{ text-decoration:underline; text-underline-position:from-font; }

/* Breadcrumb 161:6069 */
.breadcrumb{ display:flex; align-items:center; gap:8px; height:16px; margin-top:20.26px;
  font-size:13px; font-weight:500; line-height:normal; color:#666; white-space:nowrap; }
.breadcrumb a{ color:inherit; }
.breadcrumb a:hover{ color:var(--ink); text-decoration:underline; }

/* Sidebar 161:5558 — 336×280 ad, 20 gap, newsletter widget (same as Home) */
.side-stack{ display:flex; flex-direction:column; gap:20px; }
.side-ad{ width:336px; height:280px; border-radius:3px; overflow:hidden; }
.side-ad img{ width:100%; height:100%; object-fit:cover; display:block; }
.side-ad.dashed{ border:1px dashed var(--accent); }
.side-ad.small{ width:240px; height:400px; margin:0 auto; }
.side-stack .widget.dark{ height:254.25px; overflow:hidden; }

/* ---------- About Us ---------- */
/* skyscraper 160 | 77 | copy 766 | 62 | sidebar 335 — total 1400 */
.about-grid{ display:grid; grid-template-columns:160px 1fr 335px; height:600px;
  margin-top:70.26px; margin-bottom:60px; align-items:start; }
.skyscraper{ width:160px; height:600px; border-radius:3px; overflow:hidden; }
.skyscraper img{ width:100%; height:100%; object-fit:cover; display:block; }
.about-copy{ padding:0 62px 0 77px; display:flex; flex-direction:column; gap:9px; }

/* ---------- Contact Us (161:5799) ---------- */
.contact-card{ width:1163px; max-width:100%; height:463px; margin:54.26px auto 52px;
  background:var(--paper-alt); padding:32px; display:flex; gap:12px; align-items:center; }
.contact-info{ flex:1 1 0; min-width:0; display:flex; flex-direction:column; gap:12px; }
.contact-row{ display:flex; gap:8px; align-items:center; }
.contact-row.top{ align-items:flex-start; }
.contact-row img{ width:24px; height:24px; flex:none; display:block; }
.contact-row img.sm{ width:22px; height:22px; }
.contact-row p{ flex:1; min-width:0; margin:0; }
.contact-row a{ color:inherit; }
.contact-row a{ text-decoration:none; }
.contact-row a.u{ text-decoration:underline; text-underline-position:from-font; }
.contact-photo{ flex:1 1 0; min-width:0; height:399px; overflow:hidden; }
.contact-photo img{ width:100%; height:100%; object-fit:cover; display:block; }

/* ---------- Category + Event: content 1045 | 20 | sidebar 335 ---------- */
.inner-grid{ display:grid; grid-template-columns:1045px 335px; column-gap:20px; margin-top:18px; align-items:start; }
.inner-col{ min-width:0; }

/* Featured row (161:6046 / 161:6404): image 511.5 | 24 | text 509.5, 450 tall */
.feature-row{ display:grid; grid-template-columns:511.5px 509.5px; column-gap:24px; height:450px; align-items:center; }
.feature-img{ height:450px; border:1px solid var(--line); border-radius:3px; overflow:hidden; display:block; }
.feature-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.feature-img.contain{ background:#fff; }
.feature-img.contain img{ object-fit:contain; }
.feature-text{ min-width:0; display:flex; flex-direction:column; gap:15px; }
.feature-text .page-copy a.more{ text-decoration:underline; }
.feature-text .byline{ padding-top:0; letter-spacing:.23px; line-height:17.25px; }
.feature-text .byline .dot{ font-size:27.5px; line-height:17.25px; }
.feature-text .byline a{ color:inherit; text-decoration:underline; text-underline-position:from-font; }
.feature-text .chips{ height:33px; padding-top:12px; margin-top:0; }

/* Category list (161:6094): Home "Latest news" cards, no section heading */
.cat-list{ max-width:1042px; margin-top:33px; padding-top:22px; }
.cat-list .load-more{ height:60px; padding-top:24px; }

/* Second sidebar group (161:6178) sits 72.75 below the first, 2px further right */
.side-stack + .side-stack{ margin-top:72.75px; margin-left:2px; width:335px; }
.side-col{ display:flex; flex-direction:column; }

/* Space below the top content before the bottom ad */
.inner-grid.event{ margin-bottom:60.75px; }
.inner-grid.category{ margin-bottom:60px; }

/* ---------- Responsive (desktop above 1439px is untouched) ---------- */
@media (max-width:1439px){
  .page-inner .top-ad{ height:auto; padding:16px var(--gutter); }
  .page-inner .slider{ height:auto; aspect-ratio:960/200; }
  .page-inner .ad-band{ padding:10px var(--gutter); }
  .page-inner .ad-band .ad{ height:auto; aspect-ratio:960/200; }
  .inner-ad{ width:auto; max-width:960px; height:auto; aspect-ratio:960/200; margin:0 var(--gutter) 48px; }
  @supports (margin:max(1px,2px)){ .inner-ad{ margin-left:max(var(--gutter),calc((100% - 960px)/2)); margin-right:max(var(--gutter),calc((100% - 960px)/2)); } }

  .about-grid{ grid-template-columns:160px 1fr 300px; height:auto; column-gap:32px; margin-top:48px; margin-bottom:48px; }
  .about-copy{ padding:0; }
  .contact-card{ width:auto; height:auto; margin:48px var(--gutter); }
  @supports (margin:max(1px,2px)){ .contact-card{ margin-left:max(var(--gutter),calc((100% - 1163px)/2)); margin-right:max(var(--gutter),calc((100% - 1163px)/2)); } }

  .inner-grid{ grid-template-columns:minmax(0,1fr) 300px; column-gap:24px; }
  .side-ad{ width:100%; height:auto; aspect-ratio:336/280; }
  .side-ad.small{ width:240px; aspect-ratio:auto; height:400px; }
  .side-stack .widget.dark{ height:auto; }
  .side-stack + .side-stack{ margin-left:0; margin-top:40px; width:auto; }
  .feature-row{ grid-template-columns:1fr 1fr; height:auto; }
  .feature-img{ height:auto; aspect-ratio:511.5/450; }
}

@media (max-width:1024px){
  .about-grid{ grid-template-columns:1fr 300px; }
  .skyscraper{ display:none; }
  .inner-grid{ grid-template-columns:1fr; }
  .side-col{ margin-top:48px; display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
  .side-stack + .side-stack{ margin-top:0; }
  .page-title{ font-size:38px; line-height:1.1; }
}

@media (max-width:768px){
  .about-grid{ grid-template-columns:1fr; row-gap:40px; }
  .contact-card{ flex-direction:column; align-items:stretch; padding:24px; gap:24px; }
  .contact-photo{ flex:none; height:auto; aspect-ratio:543.5/399; }
  .feature-row{ grid-template-columns:1fr; row-gap:20px; }
  .side-col{ grid-template-columns:1fr; }
  .breadcrumb{ overflow-x:auto; }
  .page-title{ font-size:32px; }
}

@media (max-width:480px){
  .page-title{ font-size:28px; }
  .contact-card{ padding:20px 16px; }
  .side-ad.small{ width:100%; height:auto; aspect-ratio:240/400; max-width:240px; }
}