:root{--surf-ink:#111;--surf-muted:#666;--surf-rule:#d8d8d8;--surf-soft:#f5f5f2;--surf-accent:#8b0000;--surf-shell:1280px;--surf-reading:740px;--surf-serif:Georgia,"Times New Roman",serif;--surf-sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{font-size:16px}body{margin:0;color:var(--surf-ink);background:#fff;font-family:var(--surf-sans);line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img,video,iframe{max-width:100%;height:auto}.surf-shell{width:min(calc(100% - 40px),var(--surf-shell));margin-inline:auto}.surf-utility{border-bottom:1px solid var(--surf-rule);font-size:.78rem;padding:.38rem 0;color:var(--surf-muted)}.surf-header{padding:1.45rem 0 1.15rem}.surf-header__inner{text-align:center}.surf-branding{display:flex;justify-content:center;align-items:center;gap:1rem}.surf-branding__logo img{max-height:76px;width:auto}.surf-branding__name{font:700 clamp(2rem,5vw,4.75rem)/.95 var(--surf-serif);letter-spacing:-.045em}.surf-branding__slogan{margin-top:.4rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--surf-muted)}.surf-primary-nav{border-top:1px solid var(--surf-ink);border-bottom:1px solid var(--surf-ink)}.surf-menu{display:flex;justify-content:center;align-items:center;gap:1.3rem;list-style:none;margin:0;padding:.68rem 0}.surf-menu__item{position:relative}.surf-menu__link{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.045em}.surf-menu__submenu{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:220px;background:#fff;border:1px solid var(--surf-rule);padding:.5rem;list-style:none}.surf-menu__item:hover>.surf-menu__submenu{display:block}.surf-secondary-nav{border-bottom:1px solid var(--surf-rule);font-size:.82rem}.surf-menu-toggle{display:none}.surf-main{padding:2rem 0 3rem}.surf-home-hero{padding-top:1.5rem}.surf-article-stage{width:100%;padding:clamp(1.5rem,4vw,4rem) 20px;background:linear-gradient(#f2f2ef 0,#fff 320px)}.surf-article{max-width:1120px;margin:0 auto;background:#fff;box-shadow:0 16px 55px rgba(0,0,0,.10);padding:clamp(1.5rem,5vw,5.5rem) clamp(1.25rem,7vw,7.5rem);border-top:4px solid var(--surf-ink)}.surf-article__header{max-width:900px;margin:0 auto 2rem;text-align:center}.surf-article__kicker,.surf-story-card__kicker{color:var(--surf-accent);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.surf-article__title{margin:.45rem 0 1rem;font:700 clamp(2.35rem,6vw,5.25rem)/.98 var(--surf-serif);letter-spacing:-.04em}.surf-article__deck{max-width:780px;margin:.5rem auto;font:400 clamp(1.12rem,2.2vw,1.55rem)/1.45 var(--surf-serif);color:#444}.surf-article__meta{display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem 1rem;margin-top:1.5rem;font-size:.82rem;color:var(--surf-muted)}.surf-article__meta span+span:before{content:"•";margin-right:1rem}.surf-article__updated{font-size:.75rem;color:var(--surf-muted);margin-top:.35rem}.surf-article__lead-media{width:min(100%,1000px);margin:2rem auto}.surf-article__lead-media img{display:block;width:100%;max-height:720px;object-fit:contain;background:var(--surf-soft)}.surf-article__body{max-width:var(--surf-reading);margin:0 auto;font:400 1.18rem/1.78 var(--surf-serif)}.surf-article__body p{margin:0 0 1.45em}.surf-article__body h2,.surf-article__body h3{font-family:var(--surf-serif);line-height:1.15;margin:2em 0 .65em}.surf-article__body blockquote{margin:2rem -4rem;padding:1.25rem 0;border-top:1px solid var(--surf-ink);border-bottom:1px solid var(--surf-ink);font:italic 1.65rem/1.35 var(--surf-serif);text-align:center}.surf-article__body figure{margin:2rem -8vw}.surf-article__body figcaption,.field--type-image figcaption{font:400 .78rem/1.4 var(--surf-sans);color:var(--surf-muted);margin-top:.45rem}.surf-article__tags,.surf-article__links,.surf-article__comments{max-width:var(--surf-reading);margin:2rem auto 0;border-top:1px solid var(--surf-rule);padding-top:1.25rem}.surf-story-card{border-top:1px solid var(--surf-ink);padding-top:1rem}.surf-story-card__media img{width:100%;aspect-ratio:16/9;object-fit:cover}.surf-story-card__title{font:700 1.55rem/1.08 var(--surf-serif);margin:.45rem 0}.surf-story-card__summary{font:400 .95rem/1.45 var(--surf-serif);color:#444}.surf-story-card__meta{font-size:.75rem;color:var(--surf-muted);margin-top:.6rem}.surf-footer{margin-top:3rem;border-top:3px double var(--surf-ink);background:var(--surf-soft);padding:2.5rem 0}.node-form .form-actions{position:sticky;bottom:0;z-index:50;background:#fff;border-top:1px solid var(--surf-rule);padding:1rem;box-shadow:0 -8px 24px rgba(0,0,0,.08)}@media(max-width:800px){.surf-shell{width:min(calc(100% - 24px),var(--surf-shell))}.surf-menu-toggle{display:block;width:100%;border:0;background:#fff;padding:.7rem;text-align:left;font-weight:700}.surf-primary-nav .surf-menu{display:none;flex-direction:column;align-items:flex-start;padding:0 0 1rem}.surf-primary-nav.is-open .surf-menu{display:flex}.surf-menu__submenu{position:static;border:0;padding-left:1rem}.surf-article-stage{padding:1rem 8px}.surf-article{box-shadow:none;padding:1.5rem 16px}.surf-article__header{text-align:left}.surf-article__meta{justify-content:flex-start}.surf-article__meta span+span:before{display:none}.surf-article__body{font-size:1.08rem;line-height:1.7}.surf-article__body blockquote,.surf-article__body figure{margin:2rem 0}.surf-branding__name{font-size:2.4rem}}

/* Surf News 1.1 editorial refinement. */
body.surf-immersive-article{background:#f1f0ec}.surf-site--article .surf-main{padding:0}.surf-site--article .surf-header{background:#fff}.surf-site--article .surf-primary-nav,.surf-site--article .surf-secondary-nav{background:#fff}.surf-article-stage{position:relative;padding:clamp(2.25rem,5vw,5.5rem) 20px 5rem;background:linear-gradient(180deg,#e9e7e1 0,#f4f3ef 360px,#f1f0ec 100%)}.surf-article-stage:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:#d2d0ca}.surf-article{position:relative;max-width:1060px;margin:0 auto;background:#fff;box-shadow:0 24px 70px rgba(28,25,20,.13);padding:clamp(2rem,5.5vw,5.75rem) clamp(1.25rem,7vw,7rem) clamp(3rem,6vw,6rem);border:1px solid #dedbd4;border-top:5px solid var(--surf-ink)}.surf-article:before{content:"";display:block;width:54px;height:1px;margin:0 auto 2.25rem;background:var(--surf-accent)}.surf-article__header{max-width:880px;margin:0 auto 2.6rem}.surf-article__title{font-weight:700;letter-spacing:-.045em;text-wrap:balance}.surf-article__deck{color:#3e3e3b;text-wrap:balance}.surf-article__meta{padding-top:1.15rem;border-top:1px solid #e2e0da;max-width:720px;margin-left:auto;margin-right:auto}.surf-article__lead-media{margin-top:2.5rem;margin-bottom:3rem}.surf-article__lead-media img{background:#f4f3ef}.surf-article__body{font-size:1.2rem;line-height:1.82;color:#1d1d1b}.surf-article__body>p:first-child:first-letter{float:left;font:700 4.5rem/.78 var(--surf-serif);padding:.12rem .45rem 0 0;color:var(--surf-ink)}.surf-article__body a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.surf-article__body h2{font-size:2rem;letter-spacing:-.02em}.surf-article__body h3{font-size:1.55rem}.surf-article__tags,.surf-article__links,.surf-article__comments{max-width:var(--surf-reading)}.surf-site--article .surf-footer{margin-top:0}
@media(max-width:800px){body.surf-immersive-article{background:#fff}.surf-article-stage{padding:0;background:#fff}.surf-article{border:0;border-top:3px solid var(--surf-ink);box-shadow:none;padding:2rem 18px 3rem}.surf-article:before{margin-bottom:1.5rem}.surf-article__title{font-size:clamp(2.25rem,11vw,3.65rem)}.surf-article__body{font-size:1.09rem;line-height:1.72}.surf-article__body>p:first-child:first-letter{font-size:3.7rem}.surf-article__lead-media{margin-left:-18px;margin-right:-18px}.surf-article__lead-media img{width:100%}}

/* Surf News 1.2: wider reading experience and a denser editorial homepage. */
:root{
  --surf-reading:860px;
  --surf-home-gap:18px;
}

/* Article typography: wider, larger and deliberately book-like. */
.surf-article{max-width:1180px;padding-left:clamp(1.25rem,6.5vw,7rem);padding-right:clamp(1.25rem,6.5vw,7rem)}
.surf-article__header{max-width:980px}
.surf-article__lead-media{width:min(100%,1080px)}
.surf-article__body{max-width:var(--surf-reading);font-family:Georgia,"Times New Roman",serif;font-size:1.34rem;line-height:1.76;letter-spacing:.002em}
.surf-article__body p{margin-bottom:1.38em}
.surf-article__body>p:first-child{font-size:1.08em;line-height:1.68}
.surf-article__body h2{font-size:2.15rem;margin-top:1.8em}
.surf-article__body h3{font-size:1.65rem}
.surf-article__body ul,.surf-article__body ol{padding-left:1.35em;margin:0 0 1.45em}
.surf-article__body li{margin-bottom:.45em}
.surf-article__body figure{margin-left:-70px;margin-right:-70px}

/* Front page: compact masthead, less empty space and more journalism above the fold. */
.surf-site--front .surf-utility{padding:.24rem 0}
.surf-site--front .surf-header{padding:.72rem 0 .62rem}
.surf-site--front .surf-branding__logo img{max-height:62px}
.surf-site--front .surf-branding__name{font-size:clamp(2rem,4.25vw,4rem)}
.surf-site--front .surf-branding__slogan{margin-top:.22rem;font-size:.69rem}
.surf-site--front .surf-menu{gap:1rem;padding:.48rem 0}
.surf-site--front .surf-menu__link{font-size:.72rem}
.surf-site--front .surf-main{padding:1rem 0 1.75rem}
.surf-site--front .surf-home-hero{padding-top:.85rem}
.surf-site--front .surf-content-top,.surf-site--front .surf-content-bottom,
.surf-site--front .surf-latest,.surf-site--front .surf-opinion,.surf-site--front .surf-sections,
.surf-site--front .surf-calendar,.surf-site--front .surf-eedition,.surf-site--front .surf-newsletter{margin-top:1.35rem}

/* Views and block output receive a flexible newspaper grid without requiring a specific View name. */
.surf-site--front .view-content{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--surf-home-gap);
  align-items:start;
}
.surf-site--front .view-content>.views-row{grid-column:span 4;min-width:0}
.surf-site--front .surf-home-hero .view-content>.views-row:first-child{grid-column:span 7;grid-row:span 2}
.surf-site--front .surf-home-hero .view-content>.views-row:nth-child(2),
.surf-site--front .surf-home-hero .view-content>.views-row:nth-child(3){grid-column:span 5}
.surf-site--front .surf-home-hero .view-content>.views-row:nth-child(n+4){grid-column:span 3}
.surf-site--front .surf-home-hero .surf-story-card__title{font-size:1.3rem}
.surf-site--front .surf-home-hero .views-row:first-child .surf-story-card__title{font-size:clamp(2rem,3.5vw,3.35rem);line-height:1.02}
.surf-site--front .surf-home-hero .views-row:first-child .surf-story-card__summary{font-size:1.02rem}
.surf-site--front .surf-home-hero .views-row:nth-child(n+4) .surf-story-card__summary{display:none}
.surf-site--front .surf-story-card{padding-top:.65rem}
.surf-site--front .surf-story-card__title{margin:.3rem 0;font-size:1.28rem;line-height:1.08}
.surf-site--front .surf-story-card__summary{font-size:.9rem;line-height:1.36}
.surf-site--front .surf-story-card__meta{margin-top:.35rem;font-size:.68rem}
.surf-site--front .surf-story-card__media img{aspect-ratio:3/2}

/* Editorial section headings. */
.surf-site--front .block>h2,.surf-site--front .block-title{
  margin:0 0 .75rem;
  padding:.45rem 0 .38rem;
  border-top:3px double var(--surf-ink);
  border-bottom:1px solid var(--surf-rule);
  font:700 1.12rem/1 var(--surf-serif);
  letter-spacing:-.01em;
}
.surf-site--front .surf-latest .view-content>.views-row,
.surf-site--front .surf-sections .view-content>.views-row{grid-column:span 3}
.surf-site--front .surf-opinion .view-content>.views-row{grid-column:span 4}
.surf-site--front .surf-calendar .view-content>.views-row,
.surf-site--front .surf-eedition .view-content>.views-row,
.surf-site--front .surf-newsletter .view-content>.views-row{grid-column:span 6}

@media(max-width:1000px){
  .surf-site--front .surf-home-hero .view-content>.views-row:first-child{grid-column:span 8}
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(2),
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(3){grid-column:span 4}
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(n+4),
  .surf-site--front .surf-latest .view-content>.views-row,
  .surf-site--front .surf-sections .view-content>.views-row{grid-column:span 6}
}

@media(max-width:800px){
  :root{--surf-reading:100%}
  .surf-article__body{font-size:1.18rem;line-height:1.72}
  .surf-article__body>p:first-child{font-size:1.04em}
  .surf-article__body figure{margin-left:0;margin-right:0}
  .surf-site--front .surf-header{padding:.65rem 0}
  .surf-site--front .surf-main{padding-top:.6rem}
  .surf-site--front .view-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .surf-site--front .view-content>.views-row,
  .surf-site--front .surf-home-hero .view-content>.views-row:first-child,
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(2),
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(3),
  .surf-site--front .surf-home-hero .view-content>.views-row:nth-child(n+4),
  .surf-site--front .surf-latest .view-content>.views-row,
  .surf-site--front .surf-opinion .view-content>.views-row,
  .surf-site--front .surf-sections .view-content>.views-row,
  .surf-site--front .surf-calendar .view-content>.views-row,
  .surf-site--front .surf-eedition .view-content>.views-row,
  .surf-site--front .surf-newsletter .view-content>.views-row{grid-column:span 1}
  .surf-site--front .surf-home-hero .view-content>.views-row:first-child{grid-column:1/-1}
  .surf-site--front .surf-home-hero .views-row:first-child .surf-story-card__title{font-size:2.25rem}
}

@media(max-width:560px){
  .surf-site--front .view-content{display:block}
  .surf-site--front .view-content>.views-row{margin-bottom:1rem}
  .surf-site--front .surf-home-hero .views-row:nth-child(n+4) .surf-story-card__summary{display:block}
}

/* Surf News 1.3: premium editorial article presentation. */
:root{
  --surf-paper:#fffefa;
  --surf-page:#fbfbf8;
  --surf-reading:900px;
}
body.surf-immersive-article{background:var(--surf-page)}
.surf-site--article .surf-main{background:var(--surf-page)}
.surf-article-stage{
  padding:clamp(1.5rem,3vw,3rem) 20px 5rem;
  background:var(--surf-page);
}
.surf-article-stage:before{display:none}
.surf-article{
  max-width:1220px;
  background:var(--surf-paper);
  border:1px solid #ecebe6;
  border-top:0;
  box-shadow:0 12px 38px rgba(20,20,16,.055);
  padding:clamp(2.25rem,5vw,5.75rem) clamp(1.25rem,6.5vw,7.25rem) clamp(3rem,6vw,6rem);
}
.surf-article:before{display:none}
.surf-article__header{
  max-width:940px;
  margin:0 auto 2.25rem;
  text-align:left;
}
.surf-article__kicker{margin-bottom:.7rem;color:#1b5f83}
.surf-article__title{
  margin:.25rem 0 .8rem;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(3rem,6vw,5.65rem);
  font-weight:700;
  line-height:.98;
  letter-spacing:-.045em;
}
.surf-article__deck{
  max-width:820px;
  margin:.7rem 0 1.4rem;
  color:#55534e;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.25rem,2vw,1.65rem);
  font-style:italic;
  line-height:1.45;
}
.surf-article__meta{
  justify-content:flex-start;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  gap:.55rem 1rem;
  color:#4e4e4b;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.88rem;
}
.surf-article__meta a{color:#176188;font-weight:700}
.surf-article__meta span+span:before{content:"";display:inline-block;height:18px;border-left:1px solid #bbb9b2;margin:0 1rem 0 0;vertical-align:middle}
.surf-article__reading-time:before{content:"◷ ";border-left:0!important;margin-right:.25rem!important}
.surf-article__updated{text-align:left}
.surf-article__lead-media{width:min(100%,1080px);margin:2rem auto 2.1rem}
.surf-article__lead-media img{width:100%;max-height:none;object-fit:cover;background:#f4f3ef}
.surf-article__lead-media .field__label{display:none}
.surf-article__lead-media .field__item{margin:0}
.surf-article__body,
.surf-article__body .field--name-body,
.surf-article__body .field--name-body .field__item,
.node--type-article.node--view-mode-full .field--name-body,
.node--type-article.node--view-mode-full .field--name-body p,
.node--type-article.node--view-mode-full .field--name-body li{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:22px!important;
  line-height:1.72!important;
  color:#171714!important;
}
.surf-article__body{max-width:var(--surf-reading);margin:0 auto}
.surf-article__body .field__label{display:none}
.surf-article__body p{margin:0 0 1.35em!important}
.surf-article__body>p:first-child,
.surf-article__body .field--name-body>.field__item>p:first-child{font-size:23px!important;line-height:1.66!important}
.surf-article__body>p:first-child:first-letter,
.surf-article__body .field--name-body>.field__item>p:first-child:first-letter{
  float:left;
  padding:.12rem .48rem 0 0;
  color:#111;
  font-family:Georgia,"Times New Roman",serif;
  font-size:5rem;
  font-weight:700;
  line-height:.76;
}
.surf-article__body h2,.surf-article__body h3{font-family:Georgia,"Times New Roman",serif!important}
.surf-article__body figure{margin-top:2.25rem;margin-bottom:2.25rem}
.surf-article__body figcaption,.surf-article__lead-media figcaption,.surf-article__lead-media .field--type-image+div{
  font-family:Georgia,"Times New Roman",serif;
  font-size:.84rem;
  font-style:italic;
  line-height:1.45;
  color:#5b5954;
}
.surf-article__obituary-flow{display:flow-root;max-width:var(--surf-reading);margin:0 auto}
.surf-article__obituary-flow .surf-article__body{max-width:none;margin:0}
.surf-article__lead-media--obituary{float:left;width:min(42%,320px);margin:0 2rem 1rem 0}
.surf-article__lead-media--obituary img{max-height:480px;object-fit:contain}
@media(max-width:800px){
  body.surf-immersive-article,.surf-site--article .surf-main{background:#fff}
  .surf-article-stage{padding:0;background:#fff}
  .surf-article{background:#fff;border:0;box-shadow:none;padding:2rem 18px 3rem}
  .surf-article__title{font-size:clamp(2.5rem,12vw,4rem)}
  .surf-article__meta{font-size:.8rem}
  .surf-article__meta span+span:before{display:none}
  .surf-article__lead-media--obituary{float:none;width:min(100%,360px);margin:0 auto 1.75rem}
  .surf-article__body,
  .surf-article__body .field--name-body,
  .surf-article__body .field--name-body .field__item,
  .node--type-article.node--view-mode-full .field--name-body,
  .node--type-article.node--view-mode-full .field--name-body p,
  .node--type-article.node--view-mode-full .field--name-body li{font-size:20px!important;line-height:1.68!important}
}

/* Surf News 1.4: structured newspaper header and clean page surfaces. */
:root{
  --surf-site-bg:#fff;
  --surf-article-bg:#f2f2f2;
}
html,body,.surf-site{background:var(--surf-site-bg)}

/* Small centred utility/user-links bar. */
.surf-utility{
  min-height:30px;
  padding:.28rem 0;
  border-bottom:1px solid #e2e2e2;
  background:#fff;
  color:#555;
}
.surf-utility__inner{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.surf-utility .menu,
.surf-utility ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:.25rem 1.15rem;
  margin:0;
  padding:0;
  list-style:none;
}
.surf-utility a{
  font-family:Arial,Helvetica,sans-serif;
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.035em;
  text-transform:uppercase;
  color:#555;
}

/* Three-column masthead: ad, logo, account. */
.surf-header{
  padding:1rem 0 .85rem;
  background:#fff;
}
.surf-header__grid{
  display:grid;
  grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(180px,1fr);
  align-items:center;
  gap:1.5rem;
  min-height:100px;
}
.surf-header__ad{
  display:flex;
  justify-content:flex-start;
  align-items:center;
  min-width:0;
}
.surf-header__ad:empty:before{
  content:"Advertisement";
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(100%,250px);
  min-height:70px;
  border:1px dashed #d0d0d0;
  color:#999;
  font:600 .62rem/1 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.surf-header__brand{
  display:flex;
  justify-content:center;
  align-items:center;
  text-align:center;
  min-width:0;
}
.surf-header__brand .block{margin:0}
.surf-header__account{
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.surf-account-button{
  display:inline-flex;
  min-width:92px;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:.65rem 1rem;
  border:1px solid #111;
  background:#111;
  color:#fff!important;
  font:700 .75rem/1 Arial,Helvetica,sans-serif;
  letter-spacing:.025em;
  text-transform:uppercase;
  text-decoration:none!important;
}
.surf-account-button:hover,.surf-account-button:focus{
  background:#fff;
  color:#111!important;
}

/* Main navigation with a traditional double rule below. */
.surf-primary-nav{
  border-top:1px solid #111;
  border-bottom:3px double #111;
  background:#fff;
}
.surf-primary-nav .surf-menu{
  min-height:42px;
  padding:.55rem 0;
  gap:clamp(.7rem,2vw,1.5rem);
}
.surf-primary-nav .surf-menu__link{
  font-size:.75rem;
  letter-spacing:.035em;
}
.surf-secondary-nav{
  background:#fff;
  border-bottom:1px solid #ddd;
}

/* Entire site remains white; only the immersive article stage is off-white. */
.surf-main{background:#fff}
body.surf-immersive-article,
.surf-site--article .surf-main,
.surf-site--article .surf-article-stage{
  background:var(--surf-article-bg);
}
.surf-site--article .surf-article{
  background:#fff;
}

@media(max-width:900px){
  .surf-header__grid{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand account"
      "ad ad";
    min-height:auto;
    gap:.75rem 1rem;
  }
  .surf-header__brand{grid-area:brand;justify-content:flex-start;text-align:left}
  .surf-header__account{grid-area:account}
  .surf-header__ad{grid-area:ad;justify-content:center}
  .surf-header__ad:empty:before{min-height:54px;width:min(100%,320px)}
}

@media(max-width:600px){
  .surf-utility .menu,.surf-utility ul{gap:.2rem .75rem}
  .surf-utility a{font-size:.66rem}
  .surf-header{padding:.7rem 0}
  .surf-header__grid{
    grid-template-columns:1fr auto;
    grid-template-areas:
      "brand account"
      "ad ad";
  }
  .surf-branding__logo img{max-height:52px}
  .surf-branding__name{font-size:2rem}
  .surf-account-button{min-width:74px;min-height:34px;padding:.55rem .7rem;font-size:.68rem}
  .surf-primary-nav{border-top:1px solid #111;border-bottom:3px double #111}
  .surf-primary-nav .surf-menu{padding:.4rem 0}
}

/* Surf News 1.4.1: do not treat Drupal contextual-link menus as site menus. */
.surf-utility .contextual-links,
.surf-header .contextual-links,
.surf-primary-nav .contextual-links,
.surf-secondary-nav .contextual-links {
  display:none;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:0;
  margin:0;
  padding:.25rem 0;
  list-style:none;
  text-align:left;
}
.surf-utility .contextual.open .contextual-links,
.surf-header .contextual.open .contextual-links,
.surf-primary-nav .contextual.open .contextual-links,
.surf-secondary-nav .contextual.open .contextual-links {
  display:block;
}
.surf-utility .contextual-links a,
.surf-header .contextual-links a,
.surf-primary-nav .contextual-links a,
.surf-secondary-nav .contextual-links a {
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px;
  font-weight:400;
  letter-spacing:normal;
  text-transform:none;
}


/* Surf News 1.4.2: article surface and inline listen control. */
body.surf-immersive-article,
.surf-site--article .surf-main,
.surf-site--article .surf-article-stage{
  background:#f5f5f3;
}
.surf-site--article .surf-article-stage{
  background:#f5f5f3!important;
}
.surf-site--article .surf-article{
  background:#fff;
}

/* A Listen block placed in the article_audio region is moved beside reading time. */
.surf-article__listen{
  display:inline-flex;
  align-items:center;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font:inherit;
}
.surf-article__listen:before{
  content:"";
  display:inline-block;
  height:18px;
  margin-right:1rem;
  border-left:1px solid #bbb9b2;
}
.surf-article__listen h2,
.surf-article__listen h3,
.surf-article__listen .block__title,
.surf-article__listen .field__label{
  display:none!important;
}
.surf-article__listen .contextual,
.surf-article__listen .contextual-region{
  font-size:inherit;
}
.surf-article__listen p,
.surf-article__listen .field,
.surf-article__listen .field__item{
  display:inline-flex;
  align-items:center;
  margin:0!important;
  padding:0!important;
}
.surf-article__listen a,
.surf-article__listen button{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  min-height:auto;
  padding:0;
  border:0;
  background:transparent;
  color:#176188;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.88rem;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
}
.surf-article__listen a:before,
.surf-article__listen button:before{
  content:"▶";
  font-size:.68em;
}
.surf-article__listen a:hover,
.surf-article__listen button:hover{
  text-decoration:underline;
}
@media(max-width:800px){
  body.surf-immersive-article,
  .surf-site--article .surf-main,
  .surf-site--article .surf-article-stage{
    background:#fff;
  }
  .surf-article__listen:before{display:none}
  .surf-article__listen a,
  .surf-article__listen button{font-size:.8rem}
}


/* Surf News 1.4.3: reliable BigPipe-safe article audio placement. */
.surf-article-audio-source{
  display:none;
}
.surf-article__listen-slot{
  display:inline-flex;
  align-items:center;
}
.surf-article__listen-slot:empty{
  display:none;
}
.surf-article__listen-slot .surf-article-audio-source.surf-article__listen{
  display:inline-flex;
}


/* Surf News 1.4.5: compact newspaper search above the account button. */
.surf-header__account{
  flex-direction:column;
  align-items:flex-end;
  gap:.55rem;
}
.surf-header__search{
  width:min(100%,250px);
}
.surf-header__search .block,
.surf-header__search form{
  margin:0;
}
.surf-header__search .block>h2,
.surf-header__search .block-title,
.surf-header__search .form-item>label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
.surf-header__search .container-inline,
.surf-header__search .form-wrapper,
.surf-header__search form{
  display:flex;
  width:100%;
  align-items:stretch;
}
.surf-header__search .form-item{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
.surf-header__search input[type="search"],
.surf-header__search input[type="text"]{
  width:100%;
  min-width:0;
  height:36px;
  margin:0;
  padding:.45rem .7rem;
  border:1px solid #a7a7a7;
  border-right:0;
  border-radius:0;
  background:#fff;
  color:#111;
  font:400 .76rem/1 Arial,Helvetica,sans-serif;
  outline-offset:2px;
}
.surf-header__search input::placeholder{
  color:#777;
  opacity:1;
}
.surf-header__search input:focus{
  border-color:#111;
  box-shadow:inset 0 0 0 1px #111;
}
.surf-header__search input[type="submit"],
.surf-header__search button[type="submit"]{
  width:40px;
  min-width:40px;
  height:36px;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  color:transparent;
  font-size:0;
  cursor:pointer;
  position:relative;
}
.surf-header__search input[type="submit"]{
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
}
.surf-header__search button[type="submit"]:before{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/18px 18px no-repeat;
}
.surf-header__search input[type="submit"]:hover,
.surf-header__search input[type="submit"]:focus,
.surf-header__search button[type="submit"]:hover,
.surf-header__search button[type="submit"]:focus{
  background-color:#f1f1f1;
}
.surf-header__search .contextual-links{
  display:none;
}
.surf-header__search .contextual.open .contextual-links{
  display:block;
}
@media(max-width:900px){
  .surf-header__account{gap:.4rem}
  .surf-header__search{width:210px}
}
@media(max-width:600px){
  .surf-header__grid{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .surf-header__search{width:min(46vw,190px)}
  .surf-header__search input[type="search"],
  .surf-header__search input[type="text"]{
    height:34px;
    padding:.4rem .55rem;
    font-size:.7rem;
  }
  .surf-header__search input[type="submit"],
  .surf-header__search button[type="submit"]{
    width:36px;
    min-width:36px;
    height:34px;
  }
}


/* Surf News 1.4.6: render header search directly so it is not dependent on block placement. */
.surf-header-search-form{
  display:flex;
  width:100%;
  margin:0;
  align-items:stretch;
}
.surf-header-search-form input[type="search"]{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:36px;
  margin:0;
  padding:.45rem .7rem;
  border:1px solid #a7a7a7;
  border-right:0;
  border-radius:0;
  background:#fff;
  color:#111;
  font:400 .76rem/1 Arial,Helvetica,sans-serif;
}
.surf-header-search-form input[type="search"]:focus{
  border-color:#111;
  box-shadow:inset 0 0 0 1px #111;
  outline:2px solid transparent;
}
.surf-header-search-form button[type="submit"]{
  position:relative;
  width:40px;
  min-width:40px;
  height:36px;
  margin:0;
  padding:0;
  border:1px solid #111;
  border-radius:0;
  background:#fff;
  cursor:pointer;
}
.surf-header-search-form button[type="submit"]:before{
  content:"";
  position:absolute;
  inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/18px 18px no-repeat;
}
.surf-header-search-form button[type="submit"]:hover,
.surf-header-search-form button[type="submit"]:focus{background:#f1f1f1}
.surf-header__search-block-fallback{display:none!important}
@media(max-width:600px){
  .surf-header-search-form input[type="search"]{height:34px;padding:.4rem .55rem;font-size:.7rem}
  .surf-header-search-form button[type="submit"]{width:36px;min-width:36px;height:34px}
}

/* Surf News 2.0 foundation. */
:root{--surf-sidebar:clamp(300px,27vw,350px);--surf-gutter:30px;--surf-sticky-offset:0px}
.surf-masthead-wrap{background:#fff;z-index:90}
.surf-masthead-wrap.is-sticky{position:sticky;top:0;box-shadow:0 6px 22px rgba(0,0,0,.06)}
body.toolbar-fixed .surf-masthead-wrap.is-sticky{top:39px}
body.toolbar-fixed.toolbar-tray-open .surf-masthead-wrap.is-sticky{top:79px}
.surf-header__grid{display:grid;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(230px,1fr);align-items:center;gap:1.5rem}
.surf-header__ad{min-height:50px;display:flex;align-items:center}
.surf-header__brand{text-align:center}
.surf-header__account{display:flex;flex-direction:column;align-items:flex-end;gap:.55rem}
.surf-header__search{width:min(100%,300px)}
.surf-header-search-form{display:grid;grid-template-columns:1fr 42px;border:1px solid #aaa;background:#fff;border-radius:999px;overflow:hidden;transition:border-color .2s,box-shadow .2s}
.surf-header-search-form:focus-within{border-color:#222;box-shadow:0 0 0 3px rgba(0,0,0,.08)}
.surf-header-search-form input{min-width:0;border:0;background:transparent;padding:.62rem .9rem;font:inherit;outline:0}
.surf-header-search-form button{border:0;border-left:1px solid #ddd;background:#f4f4f1;font-size:1.2rem;cursor:pointer}
.surf-account-button{display:inline-flex;align-items:center;justify-content:center;min-width:92px;border:1px solid #222;padding:.45rem .85rem;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.surf-breaking{border-bottom:1px solid #d8d8d8;background:#faf9f6}
.surf-breaking__inner{display:flex;align-items:flex-start;gap:1rem;padding:.65rem 0}
.surf-breaking__label{flex:0 0 auto;color:#8b0000;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
.surf-breaking__content{flex:1;min-width:0}
.surf-breaking__content .item-list ul,.surf-breaking__content ul{display:flex;flex-wrap:wrap;gap:.35rem 1.6rem;margin:0;padding:0;list-style:none}
.surf-breaking__content li{font:700 .92rem/1.25 var(--surf-serif)}
.surf-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--surf-gutter)}
.surf-layout--sidebar{grid-template-columns:minmax(0,1fr) var(--surf-sidebar);align-items:start}
.surf-layout__sidebar{min-width:0}
.surf-layout__sidebar>*+*{margin-top:1.5rem}
.surf-sidebar__top,.surf-sidebar__bottom{min-height:90px}
.surf-mobile-ad{display:none}
.surf-front-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);gap:20px;padding-top:1.25rem;padding-bottom:1.25rem;border-bottom:3px double #111}
.surf-front-hero>*{min-width:0}
.surf-front-hero__centre{padding-inline:20px;border-inline:1px solid #d8d8d8}
.surf-front-hero__left .views-row+.views-row,.surf-front-hero__right .views-row+.views-row{border-top:1px solid #bbb;margin-top:1rem;padding-top:1rem}
.surf-front-hero__centre .surf-story-card__title{font-size:clamp(2rem,3.2vw,3.4rem)}
.surf-section-header{margin:0 0 1.5rem;border-top:4px solid #111;border-bottom:1px solid #111;padding:.75rem 0}
.surf-section-header h1{margin:0;font:700 clamp(2.2rem,4vw,4rem)/1 var(--surf-serif);letter-spacing:-.035em}
.surf-section-content .view-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.surf-section-content .view-content>.views-row{min-width:0;display:flex}
.surf-section-content .view-content>.views-row:first-child{grid-column:1/-1;display:block;border-bottom:3px double #111;padding-bottom:1.5rem}
.surf-section-content .view-content>.views-row:first-child .surf-story-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);gap:24px;border-top:0;padding-top:0}
.surf-section-content .view-content>.views-row:first-child .surf-story-card__title{font-size:clamp(2rem,3.2vw,3.35rem)}
.surf-section-content .view-content>.views-row:not(:first-child) .surf-story-card{display:flex;flex-direction:column;width:100%;min-height:100%;padding-bottom:1rem}
.surf-section-content .view-content>.views-row:not(:first-child) .surf-story-card__summary{flex:1}
.surf-article-tool-region{max-width:940px;margin:0 auto -1px;background:#fff;border:1px solid #ecebe6;border-bottom:0;padding:.75rem clamp(1.25rem,6.5vw,7.25rem);position:relative;z-index:2}
.surf-article-tool-region .block{margin:0}
.surf-article-tool-region .block>h2{display:none}
.surf-author-profile,.surf-related-stories{max-width:900px;margin:2rem auto 0;background:#fff;border-top:3px double #111;padding:1.5rem}
.surf-author-profile .block>h2,.surf-related-stories .block>h2{margin:0 0 1rem;font:700 1.45rem/1.1 var(--surf-serif)}
.surf-author-profile img{width:96px;height:96px;border-radius:50%;object-fit:cover;float:left;margin:0 1rem .5rem 0}
.surf-related-stories .view-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}

@media(max-width:1050px){
  .surf-header__grid{grid-template-columns:1fr 1.5fr 1fr}
  .surf-layout--sidebar{grid-template-columns:minmax(0,1fr) 300px}
  .surf-front-hero{grid-template-columns:1fr 1.45fr 1fr}
}
@media(max-width:800px){
  .surf-masthead-wrap.is-sticky{position:relative;top:auto!important;box-shadow:none}
  .surf-header__grid{grid-template-columns:1fr;gap:.8rem;text-align:center}
  .surf-header__ad{display:none}
  .surf-header__account{align-items:center}
  .surf-header__search{width:min(100%,420px)}
  .surf-breaking__inner{display:block}
  .surf-breaking__label{display:block;margin-bottom:.35rem}
  .surf-breaking__content .item-list ul,.surf-breaking__content ul{display:block}
  .surf-breaking__content li+li{margin-top:.35rem}
  .surf-layout--sidebar{display:block}
  .surf-layout__sidebar{display:none}
  .surf-mobile-ad{display:block;width:min(calc(100% - 24px),var(--surf-shell));margin:1rem auto}
  .surf-front-hero{grid-template-columns:1fr 1fr}
  .surf-front-hero__centre{grid-column:1/-1;grid-row:1;padding:0 0 1.25rem;border:0;border-bottom:1px solid #111}
  .surf-front-hero__left,.surf-front-hero__right{grid-row:2}
  .surf-section-content .view-content{grid-template-columns:1fr}
  .surf-section-content .view-content>.views-row:first-child{grid-column:auto}
  .surf-section-content .view-content>.views-row:first-child .surf-story-card{display:block}
  .surf-related-stories .view-content{grid-template-columns:1fr}
  .surf-article-tool-region{margin:0;padding:.65rem 18px;border-inline:0}
}
@media(max-width:560px){
  .surf-front-hero{display:block}
  .surf-front-hero>*+*{margin-top:1rem;padding-top:1rem;border-top:1px solid #bbb}
  .surf-front-hero__centre{border-bottom:0}
}


/* Surf News 2.0.1: article polish and unified header search. */
.surf-header__account{
  gap:.65rem;
}
.surf-header__search{
  width:min(100%,310px);
}
.surf-header__search .block,
.surf-header__search .content,
.surf-header__search form,
.surf-header-search-form{
  width:100%;
  margin:0;
}
.surf-header__search form,
.surf-header-search-form,
.surf-header__search .container-inline{
  position:relative;
  display:flex;
  align-items:center;
  min-height:42px;
  border:1px solid #aaa;
  border-radius:999px;
  background:#fff;
  overflow:hidden;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.surf-header__search form:focus-within,
.surf-header-search-form:focus-within,
.surf-header__search .container-inline:focus-within{
  border-color:#111;
  box-shadow:0 0 0 3px rgba(17,17,17,.09);
}
.surf-header__search .form-item{
  flex:1 1 auto;
  min-width:0;
  margin:0!important;
}
.surf-header__search input[type="search"],
.surf-header__search input[type="text"],
.surf-header-search-form input[type="search"]{
  flex:1 1 auto;
  width:100%;
  min-width:0;
  height:40px!important;
  margin:0!important;
  padding:.62rem 3.15rem .62rem 1rem!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#111;
  font:400 .82rem/1.2 var(--surf-sans)!important;
  outline:0!important;
}
.surf-header__search input[type="submit"],
.surf-header__search button[type="submit"],
.surf-header-search-form button[type="submit"]{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:46px!important;
  min-width:46px!important;
  height:40px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid #ddd!important;
  border-radius:0!important;
  background-color:transparent!important;
  color:transparent!important;
  font-size:0!important;
  cursor:pointer;
}
.surf-header__search input[type="submit"],
.surf-header__search button[type="submit"]:before,
.surf-search-icon{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:19px 19px!important;
}
.surf-header__search button[type="submit"]:before{
  content:"";
  position:absolute;
  inset:0;
}
.surf-header__search button[type="submit"]:hover,
.surf-header__search button[type="submit"]:focus,
.surf-header__search input[type="submit"]:hover,
.surf-header__search input[type="submit"]:focus{
  background-color:#f4f4f1!important;
}

.surf-article__header{
  margin-bottom:1.65rem;
}
.surf-article__title{
  font-kerning:normal;
  font-variant-ligatures:common-ligatures;
  text-rendering:optimizeLegibility;
}
.surf-article__meta{
  align-items:center;
  row-gap:.65rem;
  padding-top:1rem;
  margin-top:1.25rem;
}
.surf-article__listen-slot{
  display:inline-flex;
  align-items:center;
  min-height:32px;
}
.surf-article__listen-slot:empty{
  display:none;
}
.surf-article__listen-slot:empty:before{
  display:none;
}
.surf-article-tool-region.surf-article__listen{
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  z-index:auto;
}
.surf-article-tool-region.surf-article__listen .contextual-region{
  position:relative;
}
.surf-article-tool-region.surf-article__listen a,
.surf-article-tool-region.surf-article__listen button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:.35rem .75rem;
  border:1px solid #b8b6af;
  border-radius:999px;
  background:#fff;
  color:#111;
  font:700 .75rem/1 var(--surf-sans);
  text-decoration:none;
}
.surf-article-tool-region.surf-article__listen a:before,
.surf-article-tool-region.surf-article__listen button:before{
  content:"▶";
  margin-right:.42rem;
  font-size:.62rem;
}
.surf-article__lead-media{
  margin-top:1.65rem;
}

.surf-reading-progress{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height:3px;
  z-index:1001;
  pointer-events:none;
  background:transparent;
}
.surf-reading-progress__bar{
  display:block;
  width:100%;
  height:100%;
  background:var(--surf-accent);
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
body.toolbar-fixed .surf-reading-progress{top:39px}
body.toolbar-fixed.toolbar-tray-open .surf-reading-progress{top:79px}

@media(max-width:800px){
  .surf-header__search{width:min(50vw,220px)}
  .surf-header__search form,
  .surf-header-search-form,
  .surf-header__search .container-inline{min-height:38px}
  .surf-header__search input[type="search"],
  .surf-header__search input[type="text"],
  .surf-header-search-form input[type="search"]{height:36px!important;font-size:.75rem!important}
  .surf-header__search input[type="submit"],
  .surf-header__search button[type="submit"],
  .surf-header-search-form button[type="submit"]{height:36px!important;width:42px!important;min-width:42px!important}
  .surf-article__meta{align-items:flex-start}
  .surf-article__listen-slot{width:100%;margin-top:.2rem}
}


/* Surf News 2.0.2: compact masthead and reliable article-audio source. */
.surf-header{
  padding:.7rem 0 .6rem;
}
.surf-header__grid{
  grid-template-columns:minmax(150px,.8fr) minmax(340px,2.2fr) minmax(240px,.9fr);
  gap:1.1rem;
  min-height:82px;
}
.surf-header__ad{
  min-height:0;
}
.surf-header__ad:empty:before{
  display:none;
}
.surf-header__brand .surf-branding__logo img,
.surf-header__brand img{
  max-height:62px;
  width:auto;
}
.surf-header__account{
  display:flex;
  flex-direction:row;
  justify-content:flex-end;
  align-items:center;
  gap:0;
}
.surf-header__search{
  width:min(100%,300px);
}
.surf-primary-nav .surf-menu{
  padding:.52rem 0;
}

/* The wrapper must remain available while Drupal/BigPipe fills the region. */
.surf-article-audio-source:empty{
  min-height:0;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.surf-article-audio-source:not(.surf-article__listen):not(:empty){
  max-width:900px;
  margin:0 auto .75rem;
  padding:.5rem 0;
  background:transparent;
  border:0;
}

@media(max-width:1000px){
  .surf-header__grid{
    grid-template-columns:minmax(0,1.7fr) minmax(220px,.8fr);
    min-height:72px;
  }
  .surf-header__ad{display:none}
  .surf-header__brand{text-align:left;justify-content:flex-start}
}
@media(max-width:700px){
  .surf-header{padding:.55rem 0}
  .surf-header__grid{
    grid-template-columns:1fr;
    gap:.45rem;
    min-height:0;
  }
  .surf-header__brand{
    justify-content:center;
    text-align:center;
  }
  .surf-header__brand .surf-branding__logo img,
  .surf-header__brand img{max-height:52px}
  .surf-header__account{justify-content:center}
  .surf-header__search{width:min(100%,420px)}
}


/* Surf News 2.0.3: article deck and byline field normalization. */
.surf-article__deck{
  max-width:820px;
  margin:.8rem auto 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(1.35rem,2.25vw,1.85rem);
  line-height:1.35;
  font-weight:400;
  color:#353532;
}
.surf-article__deck .field,
.surf-article__deck .field__item{
  display:inline;
  margin:0;
  padding:0;
}
.surf-article__byline{
  display:inline-flex;
  align-items:baseline;
  gap:.28em;
  white-space:nowrap;
}
.surf-article__byline a{
  color:#145c82;
  font-weight:700;
}
@media(max-width:800px){
  .surf-article__deck{
    margin-left:0;
    margin-right:0;
    font-size:1.28rem;
    line-height:1.4;
  }
  .surf-article__byline{white-space:normal}
}


/* Surf News 2.1 — newspaper section fronts. */
.surf-main--section{padding-top:.55rem}
.surf-main--section .surf-section-header{margin:0 0 2rem;padding:.35rem 0 .85rem;border-top:0;border-bottom:1px solid var(--surf-ink)}
.surf-main--section .surf-section-header h1{font-size:clamp(3rem,5vw,5rem);line-height:.95}
.surf-section-header__description{max-width:760px;margin-top:.75rem;color:#555;font:400 1.05rem/1.5 var(--surf-serif)}
.surf-section-header__description p{margin:0}
.surf-main--section .surf-layout--sidebar{gap:clamp(28px,3.5vw,48px)}
.surf-main--section .surf-section-content>.block>h2,
.surf-main--section .surf-section-content>.block .view-header>h2:first-child,
.surf-main--section .surf-section-content .view>h2:first-child{display:none}

/* Support ordinary Views, taxonomy Views, and AJAX/infinite-scroll wrappers. */
.surf-main--section .surf-section-content .view-content,
.surf-main--section .surf-section-content .views-infinite-scroll-content-wrapper{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px 24px;
}
.surf-main--section .surf-section-content .view-content>.views-row,
.surf-main--section .surf-section-content .views-infinite-scroll-content-wrapper>.views-row{
  min-width:0;
  display:flex;
}
.surf-main--section .surf-section-content .view-content>.views-row:first-child,
.surf-main--section .surf-section-content .views-infinite-scroll-content-wrapper>.views-row:first-child{
  grid-column:1/-1;
  display:block;
  padding-bottom:2rem;
  margin-bottom:.25rem;
  border-bottom:3px double var(--surf-ink);
}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(260px,.9fr);
  gap:clamp(24px,3vw,40px);
  align-items:end;
  border-top:0;
  padding-top:0;
}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card__media{grid-column:1;grid-row:1}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card__content{grid-column:2;grid-row:1;padding-bottom:.15rem}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card__media img{
  display:block;width:100%;aspect-ratio:16/10;object-fit:cover;
}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card__title{
  margin:.5rem 0 .7rem;font-size:clamp(2rem,3.15vw,3.55rem);line-height:1.01;letter-spacing:-.035em;
}
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card__summary{font-size:1.03rem;line-height:1.5}
.surf-main--section .surf-section-content .views-row:not(:first-child) .surf-story-card{
  width:100%;display:flex;flex-direction:column;min-height:100%;padding:0 0 1.25rem;border-top:1px solid var(--surf-ink);
}
.surf-main--section .surf-section-content .views-row:not(:first-child) .surf-story-card__media{display:block;margin-top:.85rem}
.surf-main--section .surf-section-content .views-row:not(:first-child) .surf-story-card__media img{
  display:block;width:100%;aspect-ratio:3/2;object-fit:cover;
}
.surf-main--section .surf-section-content .views-row:not(:first-child) .surf-story-card__content{display:flex;flex-direction:column;flex:1;padding-top:.65rem}
.surf-main--section .surf-section-content .views-row:not(:first-child) .surf-story-card__summary{flex:1}
.surf-main--section .surf-story-card__kicker .field__label,
.surf-main--section .surf-story-card__summary .field__label,
.surf-main--section .surf-story-card__media .field__label{display:none}
.surf-main--section .surf-story-card__kicker .field__items,
.surf-main--section .surf-story-card__kicker .field__item,
.surf-main--section .surf-story-card__summary .field__items,
.surf-main--section .surf-story-card__summary .field__item{display:inline}
.surf-main--section .surf-story-card__meta{display:flex;flex-wrap:wrap;gap:.35rem .85rem;margin-top:.7rem}
.surf-main--section .surf-story-card__meta span:before{content:"•";margin-right:.85rem}
.surf-section-sidebar{position:sticky;top:var(--surf-sticky-offset);align-self:start}
.surf-section-sidebar:empty{display:block;min-height:600px}
.surf-section-sidebar .block{padding-bottom:1.5rem;border-bottom:1px solid var(--surf-rule)}
.surf-section-sidebar .block+.block{margin-top:1.5rem}
.surf-section-sidebar img{display:block;margin-inline:auto}
.surf-main--section .pager{grid-column:1/-1;margin-top:1rem;border-top:1px solid var(--surf-ink);padding-top:1.25rem}
.surf-main--section .pager__items{display:flex;justify-content:center;gap:.4rem;list-style:none;padding:0}
.surf-main--section .pager a{display:inline-flex;min-width:2.4rem;height:2.4rem;align-items:center;justify-content:center;border:1px solid var(--surf-rule);font-weight:700}
.surf-main--section .pager a:hover{background:var(--surf-ink);color:#fff;text-decoration:none}

@media(max-width:1000px){
  .surf-main--section .surf-section-content .views-row:first-child .surf-story-card{grid-template-columns:minmax(0,1.25fr) minmax(240px,.9fr)}
  .surf-main--section .surf-section-content .views-row:first-child .surf-story-card__title{font-size:2.45rem}
}
@media(max-width:800px){
  .surf-main--section{padding-top:.35rem}
  .surf-main--section .surf-section-header{margin-bottom:1.25rem}
  .surf-main--section .surf-section-header h1{font-size:3rem}
  .surf-main--section .surf-section-content .view-content,
  .surf-main--section .surf-section-content .views-infinite-scroll-content-wrapper{grid-template-columns:1fr;gap:24px}
  .surf-main--section .surf-section-content .view-content>.views-row:first-child,
  .surf-main--section .surf-section-content .views-infinite-scroll-content-wrapper>.views-row:first-child{grid-column:auto;padding-bottom:1.5rem}
  .surf-main--section .surf-section-content .views-row:first-child .surf-story-card{display:block}
  .surf-main--section .surf-section-content .views-row:first-child .surf-story-card__content{padding-top:.85rem}
  .surf-main--section .surf-section-content .views-row:first-child .surf-story-card__title{font-size:2.15rem}
  .surf-section-sidebar{position:static}
  .surf-main--section .surf-story-card__meta span:before{display:none}
}


/* Surf News 2.1.1 — robust taxonomy View targeting. */
.surf-main--section .surf-section-content .view-taxonomy-term > header,
.surf-main--section .surf-section-content .views-element-container .view > header,
.surf-main--section .surf-section-content .view .feed-icon {
  display: none;
}
.surf-main--section .surf-section-content .views-element-container,
.surf-main--section .surf-section-content .view,
.surf-main--section .surf-section-content .view-content {
  width: 100%;
  min-width: 0;
}
/* Empty sidebars should reserve newspaper-ad space without squeezing results. */
.surf-main--section .surf-layout--sidebar {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 340px);
}
@media (max-width: 980px) {
  .surf-main--section .surf-layout--sidebar { grid-template-columns: 1fr; }
  .surf-main--section .surf-section-sidebar:empty { display: none; min-height: 0; }
}

/* Surf News 2.1.2 — valid teaser DOM and exact taxonomy View targeting. */
.surf-main--section .surf-section-content .views-element-container > div > header,
.surf-main--section #block-surf-news-content .views-element-container > div > header,
.surf-main--section .surf-section-content .feed-icon {
  display: none !important;
}
.surf-main--section .surf-section-content .view-content {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 30px 24px !important;
}
.surf-main--section .surf-section-content .view-content > .views-row {
  display: flex !important;
  min-width: 0;
}
.surf-main--section .surf-section-content .view-content > .views-row:first-child {
  grid-column: 1 / -1 !important;
  display: block !important;
}
.surf-main--section .surf-section-content .view-content > .views-row:first-child > .surf-story-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .9fr) !important;
  gap: clamp(24px, 3vw, 40px) !important;
  align-items: end;
}
.surf-main--section .surf-story-card__media .field,
.surf-main--section .surf-story-card__media .field__item,
.surf-main--section .surf-story-card__media a {
  display: block;
}
.surf-main--section .surf-story-card__media img {
  width: 100%;
  height: auto;
}
@media (max-width: 800px) {
  .surf-main--section .surf-section-content .view-content {
    grid-template-columns: 1fr !important;
  }
  .surf-main--section .surf-section-content .view-content > .views-row:first-child > .surf-story-card {
    display: block !important;
  }
}

/* Surf News 2.1.3 — taxonomy Views without a view-content wrapper. */
.surf-main--section .surf-section-content .views-element-container > .contextual-region.js-view-dom-id-024379c9924c5667e1ab195ac9c55024352144fc1d4deb39ddd8b5de31719047,
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  width:100%;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > header,
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .feed-icon {
  display:none;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > [data-contextual-id] {
  position:absolute;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row {
  min-width:0;
  display:flex;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type {
  grid-column:1/-1;
  display:block;
  padding-bottom:1.5rem;
  border-bottom:3px double #111;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type > .surf-story-card {
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);
  gap:24px;
  align-items:start;
  width:100%;
  border-top:0;
  padding-top:0;
}
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:not(:first-of-type) > .surf-story-card {
  display:flex;
  flex-direction:column;
  width:100%;
  min-height:100%;
}
@media (max-width:900px){
  .surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"]{
    grid-template-columns:1fr;
  }
  .surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
    grid-column:auto;
  }
  .surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type > .surf-story-card{
    display:block;
  }
}

/* Surf News 2.2.0 — homepage editorial polish. */
/* Breaking-news Views may render rows directly rather than inside view-content. */
.surf-breaking__inner{
  align-items:center;
}
.surf-breaking__content .views-element-container,
.surf-breaking__content .view,
.surf-breaking__content .view-content,
.surf-breaking__content [class*="js-view-dom-id-"]{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.25rem 1.4rem;
  width:100%;
}
.surf-breaking__content .views-row{
  display:inline-flex;
  align-items:center;
  margin:0;
  padding:0;
  border:0;
  font:700 .92rem/1.25 var(--surf-serif);
}
.surf-breaking__content .views-row + .views-row::before{
  content:"•";
  margin-right:1.4rem;
  color:#9a9a94;
}
.surf-breaking__content .views-row h2,
.surf-breaking__content .views-row h3,
.surf-breaking__content .views-row p{
  display:inline;
  margin:0;
  font:inherit;
}
.surf-breaking__content .views-row a{
  white-space:nowrap;
}
.surf-breaking__content header,
.surf-breaking__content .feed-icon{
  display:none!important;
}

/* Keep Drupal contextual actions hidden until their pencil/menu is actively used. */
.contextual-region:not(:hover):not(:focus-within) > .contextual{
  opacity:0;
  pointer-events:none;
}
.contextual-region:hover > .contextual,
.contextual-region:focus-within > .contextual,
.contextual.open{
  opacity:1;
  pointer-events:auto;
}
.contextual.open:not(:hover):not(:focus-within) .contextual-links{
  display:none!important;
}

/* Consistent newspaper typography throughout the homepage lead package. */
.surf-front-hero h2,
.surf-front-hero h3,
.surf-front-hero .views-field-title,
.surf-front-hero .surf-story-card__title{
  font-family:var(--surf-serif);
  font-weight:700;
  letter-spacing:-.025em;
  line-height:1.08;
}
.surf-front-hero h2{
  margin:.15rem 0 .55rem;
  font-size:clamp(1.35rem,1.8vw,1.75rem);
}
.surf-front-hero__centre h2,
.surf-front-hero__centre .surf-story-card__title{
  font-size:clamp(2rem,3.15vw,3.35rem);
  line-height:1.02;
}

/* Compact text-first stack in the left column. */
.surf-front-hero__left .views-row,
.surf-front-hero__left .surf-story-card{
  padding:0 0 .9rem;
  margin:0 0 .9rem;
}
.surf-front-hero__left .views-row + .views-row,
.surf-front-hero__left .surf-story-card + .surf-story-card{
  padding-top:.9rem;
  margin-top:0;
}
.surf-front-hero__left h2,
.surf-front-hero__left .surf-story-card__title{
  margin:0 0 .4rem;
  font-size:clamp(1.25rem,1.65vw,1.62rem);
}
.surf-front-hero__left .field,
.surf-front-hero__left .views-field,
.surf-front-hero__left p{
  margin-top:0;
  margin-bottom:.35rem;
}
.surf-front-hero__left .surf-story-card__meta,
.surf-front-hero__left time{
  margin-top:.35rem;
  font-size:.75rem;
  color:var(--surf-muted);
}
.surf-front-hero__left .surf-story-card__summary,
.surf-front-hero__left .views-field-body,
.surf-front-hero__left .views-field-field-subhead{
  font:400 .94rem/1.42 var(--surf-serif);
  color:#333;
}

/* Right-column stories use compact thumbnails with text wrapping beside them. */
.surf-front-hero__right .views-row,
.surf-front-hero__right .surf-story-card{
  display:flow-root;
  padding:0 0 1rem;
  margin:0 0 1rem;
}
.surf-front-hero__right .views-row + .views-row,
.surf-front-hero__right .surf-story-card + .surf-story-card{
  padding-top:1rem;
  margin-top:0;
}
.surf-front-hero__right img,
.surf-front-hero__right .surf-story-card__media{
  float:left;
  width:clamp(105px,38%,145px);
  margin:0 .9rem .55rem 0;
}
.surf-front-hero__right .surf-story-card__media img{
  float:none;
  width:100%;
  margin:0;
  aspect-ratio:4/3;
  object-fit:cover;
}
.surf-front-hero__right h2,
.surf-front-hero__right .surf-story-card__title{
  margin:0 0 .45rem;
  font-size:clamp(1.25rem,1.65vw,1.6rem);
}
.surf-front-hero__right .surf-story-card__summary,
.surf-front-hero__right .views-field-body,
.surf-front-hero__right .views-field-field-subhead{
  font:400 .9rem/1.38 var(--surf-serif);
  color:#333;
}
.surf-front-hero__right .surf-story-card__meta,
.surf-front-hero__right time{
  font-size:.73rem;
  color:var(--surf-muted);
}

@media(max-width:800px){
  .surf-breaking__content .views-element-container,
  .surf-breaking__content .view,
  .surf-breaking__content .view-content,
  .surf-breaking__content [class*="js-view-dom-id-"]{
    display:block;
  }
  .surf-breaking__content .views-row{
    display:block;
  }
  .surf-breaking__content .views-row + .views-row{
    margin-top:.35rem;
  }
  .surf-breaking__content .views-row + .views-row::before{
    display:none;
  }
}
@media(max-width:560px){
  .surf-front-hero__right img,
  .surf-front-hero__right .surf-story-card__media{
    width:120px;
  }
}

/* Surf News 2.3.0 — centred breaking news and editorial homepage packages. */

/* Centre the complete breaking-news line across the available screen width. */
.surf-breaking__inner{
  justify-content:center;
  text-align:center;
}
.surf-breaking__content{
  flex:0 1 auto;
  width:auto;
}
.surf-breaking__content .views-element-container,
.surf-breaking__content .view,
.surf-breaking__content .view-content,
.surf-breaking__content [class*="js-view-dom-id-"]{
  justify-content:center;
  width:auto;
}

/* Give the right side enough room for a lead item over two compact cards. */
.surf-front-hero{
  grid-template-columns:minmax(0,.92fr) minmax(0,1.62fr) minmax(300px,1.16fr);
}

/* Right homepage package: one large story, followed by two stories side by side. */
.surf-front-hero__right .view-content,
.surf-front-hero__right .views-infinite-scroll-content-wrapper,
.surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.1rem .9rem;
  align-items:start;
}
.surf-front-hero__right .view-content > .views-row,
.surf-front-hero__right .views-infinite-scroll-content-wrapper > .views-row,
.surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"] > .views-row{
  display:block;
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.surf-front-hero__right .view-content > .views-row:first-child,
.surf-front-hero__right .views-infinite-scroll-content-wrapper > .views-row:first-child,
.surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
  grid-column:1/-1;
  padding-bottom:1rem;
  border-bottom:1px solid var(--surf-rule);
}
.surf-front-hero__right .views-row .surf-story-card,
.surf-front-hero__right .views-row{
  display:block;
}
.surf-front-hero__right .views-row img,
.surf-front-hero__right .views-row .surf-story-card__media{
  float:none;
  width:100%;
  margin:0 0 .65rem;
}
.surf-front-hero__right .views-row img{
  display:block;
  aspect-ratio:4/3;
  object-fit:cover;
}
.surf-front-hero__right .views-row:first-child img,
.surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type img{
  aspect-ratio:16/10;
}
.surf-front-hero__right .views-row h2,
.surf-front-hero__right .views-row .surf-story-card__title{
  margin:.15rem 0 .35rem;
  font-size:clamp(1.05rem,1.35vw,1.35rem);
  line-height:1.08;
}
.surf-front-hero__right .views-row:first-child h2,
.surf-front-hero__right .views-row:first-child .surf-story-card__title,
.surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type h2{
  font-size:clamp(1.5rem,2vw,2rem);
}
.surf-front-hero__right .views-row:not(:first-child) .surf-story-card__summary,
.surf-front-hero__right .views-row:not(:first-child) .views-field-body,
.surf-front-hero__right .views-row:not(:first-child) .views-field-field-subhead{
  display:none;
}

/*
 * Reusable taxonomy section packages.
 * Place one or more Views blocks in the "Section packages" region.
 * Each View should return four articles: the first is the visual lead on the
 * right, and the next three form the compact text stack on the left.
 */
.surf-sections{
  padding-top:clamp(1.5rem,3vw,2.75rem);
  padding-bottom:clamp(1.5rem,3vw,2.75rem);
}
.surf-sections > .region > .block,
.surf-sections > .block{
  padding:0 0 clamp(2rem,4vw,3.5rem);
  margin:0 0 clamp(2rem,4vw,3.5rem);
  border-bottom:3px double var(--surf-ink);
}
.surf-sections .block > h2,
.surf-sections .view > header h2{
  margin:0 0 1.15rem;
  padding-bottom:.55rem;
  border-bottom:2px solid var(--surf-ink);
  font:700 clamp(1.7rem,2.6vw,2.5rem)/1 var(--surf-serif);
  letter-spacing:-.025em;
}
.surf-sections .view-content,
.surf-sections .views-infinite-scroll-content-wrapper,
.surf-sections .views-element-container > [class*="js-view-dom-id-"]{
  display:grid;
  grid-template-columns:minmax(260px,.82fr) minmax(0,1.38fr);
  grid-template-rows:repeat(3,auto);
  gap:0 clamp(1.5rem,3vw,2.5rem);
  align-items:start;
}
.surf-sections .view-content > .views-row,
.surf-sections .views-infinite-scroll-content-wrapper > .views-row,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row{
  grid-column:1;
  min-width:0;
  margin:0;
  padding:.85rem 0;
  border-top:1px solid var(--surf-rule);
}
.surf-sections .view-content > .views-row:first-child,
.surf-sections .views-infinite-scroll-content-wrapper > .views-row:first-child,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
  grid-column:2;
  grid-row:1 / span 3;
  padding:0;
  border:0;
}
.surf-sections .views-row .surf-story-card{
  display:block;
  min-height:0;
  border:0;
  padding:0;
}
.surf-sections .views-row:not(:first-child) .surf-story-card__media,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:not(:first-of-type) .surf-story-card__media{
  display:none;
}
.surf-sections .views-row h2,
.surf-sections .views-row .surf-story-card__title{
  margin:0 0 .4rem;
  font:700 clamp(1.25rem,1.8vw,1.75rem)/1.08 var(--surf-serif);
  letter-spacing:-.02em;
}
.surf-sections .views-row:first-child h2,
.surf-sections .views-row:first-child .surf-story-card__title,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type h2{
  font-size:clamp(2rem,3.4vw,3.35rem);
  font-weight:500;
}
.surf-sections .views-row:first-child .surf-story-card__media,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type .surf-story-card__media{
  display:block;
  margin-bottom:.9rem;
}
.surf-sections .views-row:first-child img,
.surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.surf-sections .surf-story-card__summary,
.surf-sections .views-field-body,
.surf-sections .views-field-field-subhead{
  font:400 1rem/1.42 var(--surf-serif);
  color:var(--surf-muted);
}
.surf-sections .surf-story-card__meta{
  margin-top:.45rem;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.surf-sections .feed-icon{
  display:none;
}

@media(max-width:1050px){
  .surf-front-hero{
    grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(270px,1fr);
  }
}
@media(max-width:800px){
  .surf-breaking__inner{
    text-align:left;
  }
  .surf-breaking__content,
  .surf-breaking__content .views-element-container,
  .surf-breaking__content .view,
  .surf-breaking__content .view-content,
  .surf-breaking__content [class*="js-view-dom-id-"]{
    width:100%;
    justify-content:flex-start;
  }
  .surf-front-hero__right .view-content,
  .surf-front-hero__right .views-infinite-scroll-content-wrapper,
  .surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"]{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .surf-sections .view-content,
  .surf-sections .views-infinite-scroll-content-wrapper,
  .surf-sections .views-element-container > [class*="js-view-dom-id-"]{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .surf-sections .view-content > .views-row:first-child,
  .surf-sections .views-infinite-scroll-content-wrapper > .views-row:first-child,
  .surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
    grid-column:1;
    grid-row:auto;
    margin-bottom:.6rem;
  }
  .surf-sections .views-row:not(:first-child) .surf-story-card__media,
  .surf-sections .views-element-container > [class*="js-view-dom-id-"] > .views-row:not(:first-of-type) .surf-story-card__media{
    display:block;
    float:left;
    width:120px;
    margin:0 .85rem .45rem 0;
  }
}
@media(max-width:560px){
  .surf-front-hero__right .view-content,
  .surf-front-hero__right .views-infinite-scroll-content-wrapper,
  .surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"]{
    grid-template-columns:1fr;
  }
  .surf-front-hero__right .view-content > .views-row:first-child,
  .surf-front-hero__right .views-infinite-scroll-content-wrapper > .views-row:first-child,
  .surf-front-hero__right .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
    grid-column:auto;
  }
}

/* Surf News 2.3.1 — wrapper-independent right homepage package. */
.surf-front-hero__right .surf-right-package-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:1.1rem .9rem !important;
  align-items:start;
}
.surf-front-hero__right .surf-right-package-grid > :not(.views-row):not(.surf-right-package-item){
  position:absolute;
}
.surf-front-hero__right .surf-right-package-item{
  display:block !important;
  min-width:0;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-front-hero__right .surf-right-package-item--lead{
  grid-column:1 / -1 !important;
  padding-bottom:1rem !important;
  border-bottom:1px solid var(--surf-rule) !important;
}
.surf-front-hero__right .surf-right-package-item .surf-story-card{
  display:block !important;
  min-height:0;
  padding:0;
  border:0;
}
.surf-front-hero__right .surf-right-package-item img,
.surf-front-hero__right .surf-right-package-item .surf-story-card__media{
  float:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 0 .65rem !important;
}
.surf-front-hero__right .surf-right-package-item img{
  display:block;
  aspect-ratio:4 / 3;
  object-fit:cover;
}
.surf-front-hero__right .surf-right-package-item--lead img{
  aspect-ratio:16 / 10;
}
.surf-front-hero__right .surf-right-package-item--small .surf-story-card__summary,
.surf-front-hero__right .surf-right-package-item--small .views-field-body,
.surf-front-hero__right .surf-right-package-item--small .views-field-field-subhead{
  display:none;
}
.surf-front-hero__right .surf-right-package-item--small h2,
.surf-front-hero__right .surf-right-package-item--small .surf-story-card__title{
  font-size:clamp(1.05rem,1.35vw,1.35rem);
  line-height:1.08;
}
.surf-front-hero__right .surf-right-package-item--lead h2,
.surf-front-hero__right .surf-right-package-item--lead .surf-story-card__title{
  font-size:clamp(1.5rem,2vw,2rem);
}
@media(max-width:560px){
  .surf-front-hero__right .surf-right-package-grid{
    grid-template-columns:1fr !important;
  }
  .surf-front-hero__right .surf-right-package-item--lead{
    grid-column:auto !important;
  }
}


/* Surf News 2.4.0 — alternating homepage section fronts with ad rails. */
.surf-home-banner{
  margin-top:clamp(1.25rem,2.5vw,2.25rem);
  margin-bottom:clamp(1.75rem,3.5vw,3rem);
  text-align:center;
}
.surf-home-banner > .region,
.surf-home-banner .block{
  width:100%;
}
.surf-home-banner img,
.surf-home-banner iframe{
  display:block;
  max-width:100%;
  height:auto;
  margin-inline:auto;
}

.surf-home-section{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  gap:clamp(1.5rem,3vw,2.75rem);
  align-items:start;
  padding-block:clamp(1.6rem,3.5vw,3rem);
  border-top:3px double var(--surf-ink);
}
.surf-home-section--ads-first{
  grid-template-columns:minmax(220px,300px) minmax(0,1fr);
}
.surf-home-section__content,
.surf-home-section__ads{
  min-width:0;
}
.surf-home-section__ads > .region,
.surf-home-section__ads{
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
.surf-home-section__ads .block{
  margin:0;
  padding:0 0 1.25rem;
  border-bottom:1px solid var(--surf-rule);
}
.surf-home-section__ads img,
.surf-home-section__ads iframe{
  display:block;
  width:100%;
  max-width:300px;
  height:auto;
  margin-inline:auto;
}

.surf-home-section__content > .region > .block,
.surf-home-section__content > .block{
  margin:0;
}
.surf-home-section__content .block > h2,
.surf-home-section__content .view > header h2{
  margin:0 0 1rem;
  padding-bottom:.55rem;
  border-bottom:2px solid var(--surf-ink);
  font:700 clamp(1.8rem,2.8vw,2.7rem)/1 var(--surf-serif);
  letter-spacing:-.03em;
}
.surf-home-section__content .view > header{
  margin:0;
}
.surf-home-section__content .feed-icon{
  display:none;
}

/* JS-normalized structure: compact headlines at left, visual lead at right. */
.surf-home-section-grid{
  display:grid !important;
  grid-template-columns:minmax(220px,.78fr) minmax(0,1.42fr) !important;
  grid-template-rows:repeat(3,auto);
  column-gap:clamp(1.35rem,2.75vw,2.5rem);
  align-items:start;
}
.surf-home-section-grid > :not(.surf-home-section-item):not(.views-row){
  position:absolute;
}
.surf-home-section-item{
  min-width:0;
  margin:0 !important;
  padding:.9rem 0 !important;
  border-top:1px solid var(--surf-rule) !important;
}
.surf-home-section-item--lead{
  grid-column:2;
  grid-row:1 / span 3;
  padding:0 !important;
  border:0 !important;
}
.surf-home-section-item .surf-story-card{
  display:block !important;
  min-height:0;
  padding:0;
  border:0;
}
.surf-home-section-item--brief .surf-story-card__media,
.surf-home-section-item--brief .views-field-field-image,
.surf-home-section-item--brief .views-field-field-photo-gallery{
  display:none !important;
}
.surf-home-section-item--brief h2,
.surf-home-section-item--brief .surf-story-card__title{
  margin:0 0 .45rem;
  font:700 clamp(1.25rem,1.65vw,1.7rem)/1.08 var(--surf-serif);
  letter-spacing:-.02em;
}
.surf-home-section-item--brief .surf-story-card__summary{
  margin:.25rem 0 .45rem;
  color:var(--surf-muted);
  font:400 1rem/1.38 var(--surf-serif);
}
.surf-home-section-item--lead .surf-story-card__media{
  display:block;
  margin:0 0 .8rem;
}
.surf-home-section-item--lead img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.surf-home-section-item--lead h2,
.surf-home-section-item--lead .surf-story-card__title{
  margin:.15rem 0 .45rem;
  font:500 clamp(2rem,3.3vw,3.25rem)/1.02 var(--surf-serif);
  letter-spacing:-.035em;
}
.surf-home-section-item .surf-story-card__meta{
  margin-top:.45rem;
  font-size:.72rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* The lower package reverses the outside ad/content order, while retaining
   the familiar headline-list + lead-image editorial treatment internally. */
.surf-home-section--ads-first .surf-home-section__ads{
  grid-column:1;
}
.surf-home-section--ads-first .surf-home-section__content{
  grid-column:2;
}

@media(max-width:950px){
  .surf-home-section,
  .surf-home-section--ads-first{
    grid-template-columns:minmax(0,1fr) minmax(180px,240px);
    gap:1.5rem;
  }
  .surf-home-section--ads-first{
    grid-template-columns:minmax(180px,240px) minmax(0,1fr);
  }
  .surf-home-section-grid{
    grid-template-columns:minmax(190px,.8fr) minmax(0,1.2fr) !important;
  }
}
@media(max-width:760px){
  .surf-home-section,
  .surf-home-section--ads-first{
    grid-template-columns:1fr;
  }
  .surf-home-section--ads-first .surf-home-section__content,
  .surf-home-section--ads-first .surf-home-section__ads{
    grid-column:auto;
  }
  .surf-home-section--ads-first .surf-home-section__content{
    order:1;
  }
  .surf-home-section--ads-first .surf-home-section__ads{
    order:2;
  }
  .surf-home-section__ads{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .surf-home-section-grid{
    grid-template-columns:1fr !important;
    grid-template-rows:auto;
  }
  .surf-home-section-item--lead{
    grid-column:1;
    grid-row:auto;
    margin-bottom:.5rem !important;
  }
  .surf-home-section-item--brief .surf-story-card__media{
    display:block !important;
    float:left;
    width:110px;
    margin:0 .8rem .4rem 0;
  }
}
@media(max-width:520px){
  .surf-home-section__ads{
    grid-template-columns:1fr;
  }
}


/* Surf News 2.5.0 — modular lower homepage content decks. */
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals{
  margin-top:clamp(1.75rem,3.5vw,3.25rem);
  padding-top:clamp(1.5rem,3vw,2.5rem);
  border-top:3px double var(--surf-ink);
}
.surf-lower-deck--cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.25rem,2.5vw,2.25rem);
}
.surf-lower-deck__cell,
.surf-lower-visuals__cell,
.surf-lower-feature > *{
  min-width:0;
}
.surf-lower-deck__cell:not(:first-child){
  padding-left:clamp(.75rem,1.5vw,1.5rem);
  border-left:1px solid var(--surf-rule);
}
.surf-lower-deck .block,
.surf-lower-visuals .block,
.surf-lower-feature .block{
  margin:0;
}
.surf-lower-deck .block > h2,
.surf-lower-visuals .block > h2,
.surf-lower-feature .block > h2{
  margin:0 0 .8rem;
  padding-bottom:.45rem;
  border-bottom:2px solid var(--surf-ink);
  font:700 clamp(1.35rem,2vw,2rem)/1.05 var(--surf-serif);
  letter-spacing:-.025em;
}
.surf-lower-deck img,
.surf-lower-visuals img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  margin:0 0 .75rem;
}
.surf-lower-deck h2,
.surf-lower-deck h3,
.surf-lower-visuals h2,
.surf-lower-visuals h3{
  font-family:var(--surf-serif);
}
.surf-lower-deck .views-row,
.surf-lower-visuals .views-row{
  margin:0 0 1rem;
}

.surf-lower-feature{
  display:grid;
  grid-template-columns:minmax(220px,.85fr) minmax(300px,1.35fr) minmax(220px,.85fr);
  gap:clamp(1.25rem,2.6vw,2.5rem);
  align-items:start;
}
.surf-lower-feature__centre{
  padding-inline:clamp(.5rem,1.25vw,1.25rem);
  border-inline:1px solid var(--surf-rule);
  text-align:center;
}
.surf-lower-feature__centre img,
.surf-lower-feature__centre iframe{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin-inline:auto;
}
.surf-lower-feature__list .views-row,
.surf-lower-feature__list .block + .block{
  padding:.8rem 0;
  border-top:1px solid var(--surf-rule);
}
.surf-lower-feature__list .views-row:first-child{
  padding-top:0;
  border-top:0;
}
.surf-lower-feature__list .surf-story-card,
.surf-lower-feature__list article{
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:.8rem;
  align-items:start;
  min-height:0;
  padding:0;
  border:0;
}
.surf-lower-feature__list .surf-story-card__media,
.surf-lower-feature__list .views-field-field-image{
  grid-column:1;
  grid-row:1 / span 4;
  margin:0;
}
.surf-lower-feature__list img{
  display:block;
  width:72px;
  height:72px;
  object-fit:cover;
}
.surf-lower-feature__list .surf-story-card__content{
  grid-column:2;
}
.surf-lower-feature__list h2,
.surf-lower-feature__list h3,
.surf-lower-feature__list .surf-story-card__title{
  margin:0 0 .3rem;
  font:700 clamp(1.02rem,1.25vw,1.25rem)/1.08 var(--surf-serif);
}
.surf-lower-feature__list .surf-story-card__summary{
  display:none;
}
.surf-lower-feature__list .surf-story-card__meta{
  font-size:.68rem;
}

.surf-lower-visuals{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1rem,2vw,1.75rem);
  padding-bottom:clamp(1.75rem,3.5vw,3rem);
}
.surf-lower-visuals__cell:not(:first-child){
  padding-left:clamp(.5rem,1vw,1rem);
  border-left:1px solid var(--surf-rule);
}
.surf-lower-visuals .surf-story-card__summary{
  display:none;
}
.surf-lower-visuals h2,
.surf-lower-visuals h3,
.surf-lower-visuals .surf-story-card__title{
  margin:.15rem 0 .4rem;
  font:700 clamp(1.15rem,1.55vw,1.55rem)/1.08 var(--surf-serif);
}

@media(max-width:900px){
  .surf-lower-deck--cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .surf-lower-deck__cell:nth-child(3){
    grid-column:1 / -1;
    padding-left:0;
    padding-top:1.25rem;
    border-left:0;
    border-top:1px solid var(--surf-rule);
  }
  .surf-lower-feature{
    grid-template-columns:minmax(180px,.8fr) minmax(260px,1.2fr);
  }
  .surf-lower-feature__list--right{
    grid-column:1 / -1;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:1rem;
    padding-top:1.25rem;
    border-top:1px solid var(--surf-rule);
  }
  .surf-lower-feature__list--right .views-row{
    border-top:0;
  }
  .surf-lower-visuals{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .surf-lower-visuals__cell:nth-child(3){
    padding-left:0;
    border-left:0;
  }
}
@media(max-width:620px){
  .surf-lower-deck--cards,
  .surf-lower-feature,
  .surf-lower-visuals{
    grid-template-columns:1fr;
  }
  .surf-lower-deck__cell,
  .surf-lower-deck__cell:not(:first-child),
  .surf-lower-visuals__cell,
  .surf-lower-visuals__cell:not(:first-child){
    padding:1rem 0 0;
    border-left:0;
    border-top:1px solid var(--surf-rule);
  }
  .surf-lower-deck__cell:first-child,
  .surf-lower-visuals__cell:first-child{
    padding-top:0;
    border-top:0;
  }
  .surf-lower-feature__centre{
    order:-1;
    padding:0 0 1.25rem;
    border:0;
    border-bottom:1px solid var(--surf-rule);
  }
  .surf-lower-feature__list--right{
    grid-column:auto;
    grid-template-columns:1fr;
  }
}

/* Surf News 2.6.0 — homepage taxonomy labels, category headings and front-feed cleanup. */
.surf-main--front .surf-story-card__kicker--above-media{
  display:block;
  margin:0 0 .45rem;
  color:var(--surf-accent);
  font-family:var(--surf-sans);
  font-size:.74rem;
  font-weight:800;
  line-height:1.25;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.surf-main--front .surf-story-card__kicker--above-media .field__label{display:none}
.surf-main--front .surf-story-card__kicker--above-media .field__items,
.surf-main--front .surf-story-card__kicker--above-media .field__item{display:inline}
.surf-main--front .surf-story-card__kicker--above-media .field__item + .field__item:before{
  content:" / ";
  color:var(--surf-muted);
}
.surf-home-section-wrap{
  margin-top:clamp(2.5rem,5vw,4.75rem);
  border-top:3px double var(--surf-ink);
  padding-top:1rem;
}
.surf-home-section-wrap .surf-home-section{
  width:100%;
  margin-top:0;
}
.surf-home-section-title{
  margin:0 0 1rem;
  min-height:1px;
}
.surf-home-section-title .block{margin:0}
.surf-home-section-title h2,
.surf-home-section-title h3,
.surf-home-section-title .block > h2{
  display:inline-block;
  margin:0;
  padding:0 0 .35rem;
  border-bottom:4px solid var(--surf-accent);
  font:700 clamp(1.8rem,3vw,3rem)/1 var(--surf-serif);
  letter-spacing:-.025em;
}
.surf-home-section-title p{
  margin:.35rem 0 0;
  color:var(--surf-muted);
}

/* ================================================================
   Surf News 2.7.0 cleanup: front page, mobile, galleries, e-editions
   ================================================================ */

/* View block titles are the section headings; no extra title block needed. */
.surf-home-section__content > .region > .block > h2,
.surf-home-section__content > .block > h2,
.surf-home-section__content .view > header h2,
.surf-home-section__content .view-header h2 {
  display: block;
  margin: 0 0 1rem;
  padding: 0 0 .55rem;
  border-bottom: 3px double var(--surf-ink);
  font: 700 clamp(1.7rem, 3vw, 2.35rem)/1 var(--surf-serif);
  letter-spacing: -.025em;
}

/* Latest e-edition View block. */
.surf-eedition .surf-eedition-card {
  display: grid;
  grid-template-columns: minmax(150px, 260px) minmax(0, 1fr);
  gap: clamp(1.25rem, 3vw, 2.5rem);
  align-items: center;
  padding: clamp(1rem, 2.5vw, 2rem);
  border-top: 3px double var(--surf-ink);
  border-bottom: 1px solid var(--surf-rule);
  background: var(--surf-soft);
}
.surf-eedition-card__cover img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  box-shadow: 0 10px 28px rgba(0,0,0,.16);
}
.surf-eedition-card__eyebrow {
  color: var(--surf-accent);
  font-size: .75rem;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.surf-eedition-card__title {
  margin: .35rem 0 .65rem;
  font: 700 clamp(2rem, 4vw, 3.4rem)/1 var(--surf-serif);
  letter-spacing: -.035em;
}
.surf-eedition-card__date { color: var(--surf-muted); margin-bottom: 1rem; }
.surf-eedition-card__link {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: .65rem 1rem;
  border: 1px solid var(--surf-ink);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.surf-eedition-card__link:hover { background: var(--surf-ink); color: #fff; text-decoration: none; }

/* Gallery and photo-gallery pages. */
body.node-type-gallery .surf-main,
body.node-type-photo-gallery .surf-main,
body.node-type-photo_gallery .surf-main { padding-top: 1.5rem; }
body.node-type-gallery .node--view-mode-full,
body.node-type-photo-gallery .node--view-mode-full,
body.node-type-photo_gallery .node--view-mode-full {
  width: min(calc(100% - 40px), var(--surf-shell));
  margin-inline: auto;
}
body.node-type-gallery .field--type-image,
body.node-type-photo-gallery .field--type-image,
body.node-type-photo_gallery .field--type-image,
.node--view-mode-full .field--name-field-photo-gallery,
.node--view-mode-full .field--name-field-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem;
  margin-top: 1.5rem;
}
body.node-type-gallery .field--type-image > .field__item,
body.node-type-photo-gallery .field--type-image > .field__item,
body.node-type-photo_gallery .field--type-image > .field__item,
.node--view-mode-full .field--name-field-photo-gallery > .field__items > .field__item,
.node--view-mode-full .field--name-field-gallery > .field__items > .field__item {
  min-width: 0;
}
body.node-type-gallery .field--type-image img,
body.node-type-photo-gallery .field--type-image img,
body.node-type-photo_gallery .field--type-image img,
.node--view-mode-full .field--name-field-photo-gallery img,
.node--view-mode-full .field--name-field-gallery img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  background: var(--surf-soft);
}
body.node-type-gallery .field--type-image a,
body.node-type-photo-gallery .field--type-image a,
body.node-type-photo_gallery .field--type-image a { display: block; }

/* A more deliberate mobile sections menu and reading experience. */
@media (max-width: 800px) {
  .surf-primary-nav { position: relative; background: #fff; }
  .surf-primary-nav .surf-shell { width: 100%; }
  .surf-menu-toggle {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 52px;
    padding: .8rem 18px;
    border: 0;
    background: var(--surf-ink);
    color: #fff;
    font-size: .85rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
  }
  .surf-menu-toggle::after {
    content: "☰";
    font-size: 1.35rem;
    line-height: 1;
  }
  .surf-primary-nav.is-open .surf-menu-toggle::after { content: "×"; font-size: 1.8rem; }
  .surf-primary-nav .surf-menu {
    display: none;
    gap: 0;
    width: 100%;
    padding: .35rem 18px 1rem;
    background: #fff;
    border-bottom: 3px double var(--surf-ink);
    box-shadow: 0 16px 28px rgba(0,0,0,.12);
  }
  .surf-primary-nav.is-open .surf-menu { display: block; }
  .surf-primary-nav .surf-menu__item { width: 100%; border-bottom: 1px solid var(--surf-rule); }
  .surf-primary-nav .surf-menu__item:last-child { border-bottom: 0; }
  .surf-primary-nav .surf-menu__link {
    display: block;
    width: 100%;
    padding: .9rem .25rem;
    font: 700 1.08rem/1.1 var(--surf-serif);
    letter-spacing: 0;
    text-transform: none;
  }
  .surf-menu__submenu {
    display: block;
    position: static;
    min-width: 0;
    padding: 0 0 .65rem 1rem;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .surf-menu__submenu .surf-menu__item { border: 0; }
  .surf-menu__submenu .surf-menu__link { padding: .45rem 0; font-size: .98rem; color: var(--surf-muted); }
  body.surf-menu-open { overflow: hidden; }

  .surf-article__body,
  .surf-article__body .field--name-body,
  .surf-article__body .field--name-body .field__item {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.3rem !important;
    line-height: 1.72 !important;
    letter-spacing: 0;
  }
  .surf-article__body > p:first-child,
  .surf-article__body .field--name-body > .field__item > p:first-child {
    font-size: 1.08em !important;
    line-height: 1.68 !important;
  }
  .surf-article__body h2 { font-size: 1.9rem; }
  .surf-article__body h3 { font-size: 1.55rem; }

  .surf-eedition .surf-eedition-card { grid-template-columns: 120px minmax(0,1fr); gap: 1rem; padding: 1rem; }
  .surf-eedition-card__title { font-size: 1.65rem; }

  body.node-type-gallery .field--type-image,
  body.node-type-photo-gallery .field--type-image,
  body.node-type-photo_gallery .field--type-image,
  .node--view-mode-full .field--name-field-photo-gallery,
  .node--view-mode-full .field--name-field-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); gap: .7rem; }
}

@media (max-width: 520px) {
  .surf-eedition .surf-eedition-card { grid-template-columns: 1fr; }
  .surf-eedition-card__cover { max-width: 220px; }
  body.node-type-gallery .field--type-image,
  body.node-type-photo-gallery .field--type-image,
  body.node-type-photo_gallery .field--type-image,
  .node--view-mode-full .field--name-field-photo-gallery,
  .node--view-mode-full .field--name-field-gallery { grid-template-columns: 1fr; }
}


/* ================================================================
   Surf News 2.7.1 — restore Latest/Opinion and simplify homepage rules
   ================================================================ */
.surf-front-editorial-extras{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);
  gap:clamp(1.5rem,3vw,2.75rem);
  align-items:start;
  margin-top:clamp(1.25rem,2.5vw,2rem);
  padding-top:clamp(1rem,2vw,1.5rem);
  border-top:1px solid var(--surf-ink);
}
.surf-front-editorial-extras > *{min-width:0}
.surf-front-editorial-extras .block{margin:0}
.surf-front-editorial-extras .block > h2,
.surf-front-editorial-extras .block-title,
.surf-front-editorial-extras .view > header h2,
.surf-front-editorial-extras .view-header h2{
  margin:0 0 .85rem;
  padding:0 0 .45rem;
  border-top:0;
  border-bottom:1px solid var(--surf-ink);
  font:700 clamp(1.55rem,2.4vw,2.15rem)/1 var(--surf-serif);
  letter-spacing:-.025em;
}
.surf-front-editorial-extras .feed-icon{display:none}

/* One restrained separator and less unused vertical space between homepage decks. */
.surf-home-section,
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals,
.surf-site--front .surf-calendar,
.surf-site--front .surf-eedition,
.surf-site--front .surf-newsletter{
  border-top:1px solid var(--surf-ink) !important;
}
.surf-home-section{
  padding-block:clamp(1.15rem,2.25vw,1.85rem) !important;
}
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals{
  margin-top:clamp(1.15rem,2.25vw,1.85rem) !important;
  padding-top:clamp(1rem,2vw,1.5rem) !important;
}
.surf-site--front .surf-calendar,
.surf-site--front .surf-eedition,
.surf-site--front .surf-newsletter{
  margin-top:clamp(1.15rem,2.25vw,1.85rem) !important;
  padding-top:clamp(1rem,2vw,1.5rem);
}

/* Replace remaining double section-title rules on the homepage. */
.surf-site--front .block > h2,
.surf-site--front .block-title,
.surf-home-section__content > .region > .block > h2,
.surf-home-section__content > .block > h2,
.surf-home-section__content .view > header h2,
.surf-home-section__content .view-header h2,
.surf-lower-deck .block > h2,
.surf-lower-visuals .block > h2,
.surf-lower-feature .block > h2{
  border-top:0 !important;
  border-bottom:1px solid var(--surf-ink) !important;
}

/* Avoid stacked rules where one homepage section follows another. */
.surf-main--front > .surf-shell + .surf-shell{
  margin-top:clamp(1.15rem,2.25vw,1.85rem);
}
.surf-main--front > .surf-home-section-wrap + .surf-home-section-wrap,
.surf-main--front > .surf-home-section-wrap + .surf-lower-deck,
.surf-main--front > .surf-lower-deck + .surf-lower-feature,
.surf-main--front > .surf-lower-feature + .surf-lower-visuals{
  margin-top:0 !important;
}

@media(max-width:760px){
  .surf-front-editorial-extras{grid-template-columns:1fr;gap:1.5rem}
}


/* ================================================================
   Surf News 2.7.2 — bottom editorial regions and homepage refinements
   ================================================================ */

/* Latest News and Opinion are separate, full-width decks at the true bottom. */
.surf-front-editorial-extra{
  display:block;
  width:min(calc(100% - 40px),var(--surf-shell));
  margin-top:clamp(1.5rem,3vw,2.5rem) !important;
  padding-top:clamp(.85rem,1.6vw,1.25rem);
  border-top:2px solid var(--surf-ink) !important;
}
.surf-front-editorial-extra + .surf-front-editorial-extra{
  margin-top:clamp(1.25rem,2.5vw,2rem) !important;
}
.surf-front-editorial-extra > .region,
.surf-front-editorial-extra .block,
.surf-front-editorial-extra .view{width:100%;margin:0}
.surf-front-editorial-extras{display:none !important}

/* A single consistent two-pixel rule for homepage decks. */
.surf-home-section-wrap,
.surf-home-section,
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals,
.surf-site--front .surf-calendar,
.surf-site--front .surf-eedition,
.surf-site--front .surf-newsletter{
  border-top:2px solid var(--surf-ink) !important;
  border-bottom:0 !important;
}
.surf-home-section-wrap{
  margin-top:clamp(1.5rem,3vw,2.5rem) !important;
  padding-top:0 !important;
  border-top:0 !important;
}
.surf-home-section{
  padding-block:clamp(1rem,2vw,1.6rem) !important;
}
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals{
  margin-top:clamp(1.5rem,3vw,2.5rem) !important;
  padding-top:clamp(1rem,2vw,1.5rem) !important;
}

/* All homepage block headings use the compact taxonomy-heading language. */
.surf-main--front .block > h2,
.surf-main--front .block-title,
.surf-main--front .view > header h2,
.surf-main--front .view-header h2,
.surf-home-section__content > .region > .block > h2,
.surf-home-section__content > .block > h2{
  display:block;
  margin:0 0 .8rem !important;
  padding:0 0 .42rem !important;
  border:0 !important;
  border-bottom:2px solid var(--surf-ink) !important;
  color:var(--surf-accent);
  font:800 clamp(.95rem,1.2vw,1.12rem)/1.1 var(--surf-sans) !important;
  letter-spacing:.095em !important;
  text-transform:uppercase;
}

/* News/Sports section fronts: show a concise excerpt and lift the visual lead
   so its image begins alongside the section title on larger screens. */
.surf-home-section-item .surf-story-card__summary{
  display:-webkit-box !important;
  overflow:hidden;
  margin:.28rem 0 .45rem;
  color:var(--surf-muted);
  font:400 1rem/1.38 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
@media(min-width:761px){
  .surf-home-section-item--lead{
    margin-top:-2.75rem !important;
  }
}

/* Lower cards, lower visuals, Latest and Opinion: taxonomy kicker becomes the
   heading line. Remove the rule above the row and place it below the kicker. */
.surf-lower-deck .views-row,
.surf-lower-visuals .views-row,
.surf-front-editorial-extra .views-row{
  border-top:0 !important;
}
.surf-lower-deck .surf-story-card__kicker--above-media,
.surf-lower-visuals .surf-story-card__kicker--above-media,
.surf-front-editorial-extra .surf-story-card__kicker--above-media{
  margin:0 0 .7rem !important;
  padding:0 0 .42rem;
  border-bottom:2px solid var(--surf-ink);
}

/* Do not let generic adjacent-shell rules recreate blank vertical bands. */
.surf-main--front > .surf-shell + .surf-shell{
  margin-top:clamp(1.25rem,2.5vw,2rem);
}
.surf-main--front > .surf-front-editorial-extra + .surf-shell{
  margin-top:clamp(1.25rem,2.5vw,2rem);
}

@media(max-width:760px){
  .surf-front-editorial-extra{width:min(calc(100% - 28px),var(--surf-shell))}
  .surf-home-section-item--lead{margin-top:0 !important}
}

/* ================================================================
   Surf News 2.7.3 — homepage final polish pass
   ================================================================ */

/* Alternating News/Sports packages: the visual lead begins at the top of the
   story grid. Its taxonomy kicker follows the image; compact stories retain
   the kicker above their headline. */
.surf-home-section-item--lead{
  margin-top:0 !important;
}
.surf-home-section-item--lead .surf-story-card{
  display:flex !important;
  flex-direction:column;
}
.surf-home-section-item--lead .surf-story-card__media{
  order:1;
  margin:0 0 .55rem;
}
.surf-home-section-item--lead .surf-story-card__kicker--above-media{
  order:2;
  margin:0 0 .3rem !important;
  padding:0 !important;
  border:0 !important;
}
.surf-home-section-item--lead .surf-story-card__content{
  order:3;
}
.surf-home-section-item--brief .surf-story-card__summary{
  display:-webkit-box !important;
  overflow:hidden;
  margin:.25rem 0 .4rem;
  color:var(--surf-muted);
  font:400 1rem/1.38 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

/* Latest News is a scanning list: headline and metadata only. */
.surf-latest .surf-story-card__summary,
.surf-latest .views-field-body,
.surf-latest .views-field-field-subhead,
.surf-latest .views-field-field-summary{
  display:none !important;
}

/* No rule above taxonomy labels in the lower editorial decks. The taxonomy
   label itself carries the rule underneath and acts as the small heading. */
.surf-lower-deck .views-row,
.surf-lower-visuals .views-row,
.surf-lower-feature .views-row,
.surf-front-editorial-extra .views-row,
.surf-lower-deck .surf-story-card,
.surf-lower-visuals .surf-story-card,
.surf-lower-feature .surf-story-card,
.surf-front-editorial-extra .surf-story-card{
  border-top:0 !important;
}
.surf-lower-deck .surf-story-card__kicker--above-media,
.surf-lower-visuals .surf-story-card__kicker--above-media,
.surf-lower-feature .surf-story-card__kicker--above-media,
.surf-front-editorial-extra .surf-story-card__kicker--above-media{
  margin:0 0 .65rem !important;
  padding:0 0 .42rem !important;
  border-top:0 !important;
  border-bottom:2px solid var(--surf-ink) !important;
}

/* Compact, consistent editorial block headers. */
.surf-main--front .block > h2,
.surf-main--front .block-title,
.surf-main--front .view > header h2,
.surf-main--front .view-header h2{
  margin:0 0 .85rem !important;
  padding:0 0 .45rem !important;
  border-top:0 !important;
  border-bottom:2px solid var(--surf-ink) !important;
  color:var(--surf-ink);
  font:800 clamp(1.05rem,1.4vw,1.28rem)/1.05 var(--surf-sans) !important;
  letter-spacing:.025em !important;
  text-transform:none;
}

/* Newsletter subscription panel: works with Simplenews and ordinary Drupal
   form markup without requiring a custom template. */
.surf-site--front .surf-newsletter{
  position:relative;
  overflow:hidden;
  padding:clamp(1.5rem,3vw,2.5rem) !important;
  border-top:2px solid var(--surf-ink) !important;
  background:var(--surf-soft);
}
.surf-site--front .surf-newsletter::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background:var(--surf-accent);
}
.surf-site--front .surf-newsletter > .region,
.surf-site--front .surf-newsletter .block,
.surf-site--front .surf-newsletter form{
  width:100%;
  margin:0;
}
.surf-site--front .surf-newsletter .block > h2,
.surf-site--front .surf-newsletter .block-title{
  margin:0 0 .65rem !important;
  padding:0 !important;
  border:0 !important;
  color:var(--surf-ink);
  font:700 clamp(1.8rem,3vw,2.65rem)/1 var(--surf-serif) !important;
  letter-spacing:-.025em !important;
  text-transform:none;
}
.surf-site--front .surf-newsletter .form-item,
.surf-site--front .surf-newsletter p{
  margin:.55rem 0;
}
.surf-site--front .surf-newsletter label{
  font-weight:700;
}
.surf-site--front .surf-newsletter input[type="email"],
.surf-site--front .surf-newsletter input[type="text"]{
  width:min(100%,560px);
  min-height:48px;
  padding:.75rem 1rem;
  border:1px solid var(--surf-rule);
  border-radius:0;
  background:#fff;
  font:400 1rem/1.2 var(--surf-sans);
}
.surf-site--front .surf-newsletter input[type="email"]:focus,
.surf-site--front .surf-newsletter input[type="text"]:focus{
  outline:2px solid var(--surf-accent);
  outline-offset:1px;
  border-color:var(--surf-accent);
}
.surf-site--front .surf-newsletter input[type="submit"],
.surf-site--front .surf-newsletter button[type="submit"]{
  min-height:46px;
  padding:.7rem 1.25rem;
  border:1px solid var(--surf-ink);
  border-radius:0;
  background:var(--surf-ink);
  color:#fff;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
}
.surf-site--front .surf-newsletter input[type="submit"]:hover,
.surf-site--front .surf-newsletter button[type="submit"]:hover{
  background:var(--surf-accent);
  border-color:var(--surf-accent);
}
.surf-site--front .surf-newsletter .form-checkbox{
  width:18px;
  height:18px;
  vertical-align:-3px;
}
.surf-site--front .surf-newsletter .description{
  color:var(--surf-muted);
  font-size:.88rem;
}

/* Photos and Most Popular use the same restrained editorial language. */
.surf-lower-feature__centre img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
}
.surf-lower-feature__centre .view-content{
  gap:.75rem;
}
.surf-lower-feature__list .views-row{
  padding:.7rem 0 !important;
  border-bottom:1px solid var(--surf-rule);
}
.surf-lower-feature__list .views-row:last-child{
  border-bottom:0;
}
.surf-lower-feature__list h2,
.surf-lower-feature__list h3,
.surf-lower-feature__list .surf-story-card__title{
  margin:0 0 .25rem;
  font:700 clamp(1.15rem,1.55vw,1.45rem)/1.08 var(--surf-serif);
}

/* Slightly tighter spacing through the lower half of the front page. */
.surf-lower-deck,
.surf-lower-feature,
.surf-lower-visuals,
.surf-front-editorial-extra,
.surf-site--front .surf-calendar,
.surf-site--front .surf-eedition,
.surf-site--front .surf-newsletter{
  margin-top:clamp(1.1rem,2vw,1.75rem) !important;
}

@media(max-width:760px){
  .surf-site--front .surf-newsletter{
    padding:1.35rem 1.1rem 1.4rem !important;
  }
  .surf-site--front .surf-newsletter input[type="email"],
  .surf-site--front .surf-newsletter input[type="text"],
  .surf-site--front .surf-newsletter input[type="submit"],
  .surf-site--front .surf-newsletter button[type="submit"]{
    width:100%;
  }
}

/* ================================================================
   Surf News 2.8.0 — dedicated E-Editions showcase and archive
   ================================================================ */
.surf-main--eeditions{
  padding-bottom:clamp(3rem,6vw,6rem);
  background:#fff;
}
.surf-eeditions-hero{
  margin:0 0 clamp(2rem,4vw,3.5rem);
  padding:clamp(2.2rem,5vw,4.5rem) 0;
  border-bottom:1px solid var(--surf-rule);
  background:var(--surf-soft);
}
.surf-eeditions-hero__inner{
  max-width:900px;
  text-align:center;
}
.surf-eeditions-hero__eyebrow{
  margin:0 0 .7rem;
  color:var(--surf-accent);
  font:800 .76rem/1 var(--surf-sans);
  letter-spacing:.13em;
  text-transform:uppercase;
}
.surf-eeditions-hero h1{
  margin:0;
  color:var(--surf-ink);
  font:700 clamp(3rem,7vw,6.25rem)/.9 var(--surf-serif);
  letter-spacing:-.045em;
}
.surf-eeditions-hero p{
  max-width:680px;
  margin:1rem auto 0;
  color:var(--surf-muted);
  font:400 clamp(1.1rem,2vw,1.35rem)/1.55 var(--surf-serif);
}
.surf-eeditions-content{
  max-width:1180px;
}
/* Hide View/page headings because the dedicated hero supplies the page title. */
.surf-eeditions-content > .region > .block > h2,
.surf-eeditions-content .view > header,
.surf-eeditions-content .view-header,
.surf-eeditions-content .page-title{
  display:none !important;
}
/* Views can emit rows directly or inside .view-content. Normalise both. */
.surf-eeditions-content .view-content,
.surf-eeditions-content .views-element-container > div:not([data-contextual-id]){
  min-width:0;
}
.surf-eeditions-content .view-content{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.5rem);
}
.surf-eeditions-content .views-row{
  min-width:0;
}
/* First issue becomes the featured current edition. */
.surf-eeditions-content .view-content > .views-row:first-child,
.surf-eeditions-content .views-element-container > div > .views-row:first-of-type{
  grid-column:1/-1;
  margin:0 0 clamp(1.5rem,3vw,2.75rem);
  padding:0 0 clamp(2rem,4vw,3.5rem);
  border-bottom:2px solid var(--surf-ink);
}
.surf-eeditions-content .views-row:first-child .surf-eedition-card{
  display:grid;
  grid-template-columns:minmax(260px,430px) minmax(0,1fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
  max-width:1040px;
  margin:0 auto;
}
.surf-eedition-card{
  height:100%;
}
.surf-eedition-card__cover{
  display:block;
  overflow:hidden;
  background:#e9e6df;
  box-shadow:0 12px 32px rgba(0,0,0,.14);
  transition:transform .2s ease,box-shadow .2s ease;
}
.surf-eedition-card__cover:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(0,0,0,.19);
}
.surf-eedition-card__cover img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
}
.surf-eedition-card__content{
  padding:1rem 0 0;
}
.surf-eedition-card__eyebrow{
  margin:0 0 .55rem;
  color:var(--surf-accent);
  font:800 .72rem/1 var(--surf-sans);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.surf-eedition-card__title{
  margin:0 0 .5rem;
  font:700 clamp(1.5rem,2.4vw,2.2rem)/1.02 var(--surf-serif);
  letter-spacing:-.02em;
}
.surf-eedition-card__title a{
  color:var(--surf-ink);
  text-decoration:none;
}
.surf-eedition-card__title a:hover{
  color:var(--surf-accent);
}
.surf-eedition-card__date{
  margin:0 0 1rem;
  color:var(--surf-muted);
  font:.8rem/1.3 var(--surf-sans);
  letter-spacing:.06em;
  text-transform:uppercase;
}
.surf-eedition-card__link{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:.65rem 1rem;
  border:1px solid var(--surf-ink);
  background:var(--surf-ink);
  color:#fff;
  font:800 .72rem/1 var(--surf-sans);
  letter-spacing:.08em;
  text-decoration:none;
  text-transform:uppercase;
}
.surf-eedition-card__link:hover{
  border-color:var(--surf-accent);
  background:var(--surf-accent);
  color:#fff;
}
.surf-eeditions-content .views-row:first-child .surf-eedition-card__content{
  padding:0;
}
.surf-eeditions-content .views-row:first-child .surf-eedition-card__eyebrow::before{
  content:"Latest ";
}
.surf-eeditions-content .views-row:first-child .surf-eedition-card__title{
  font-size:clamp(2.25rem,4vw,4.3rem);
}
.surf-eeditions-content .views-row:not(:first-child) .surf-eedition-card{
  display:flex;
  flex-direction:column;
}
.surf-eeditions-content .views-row:not(:first-child) .surf-eedition-card__content{
  display:flex;
  flex:1;
  flex-direction:column;
}
.surf-eeditions-content .views-row:not(:first-child) .surf-eedition-card__link{
  align-self:flex-start;
  margin-top:auto;
}
.surf-eeditions-content nav.pager{
  grid-column:1/-1;
  margin-top:1rem;
  padding-top:1.5rem;
  border-top:1px solid var(--surf-rule);
}
.surf-eeditions-content .feed-icon{
  display:none;
}
@media(max-width:900px){
  .surf-eeditions-content .view-content{grid-template-columns:repeat(2,minmax(0,1fr))}
  .surf-eeditions-content .views-row:first-child .surf-eedition-card{grid-template-columns:minmax(220px,330px) minmax(0,1fr)}
}
@media(max-width:640px){
  .surf-eeditions-hero{padding:2rem 0 2.3rem}
  .surf-eeditions-content .view-content{grid-template-columns:1fr}
  .surf-eeditions-content .views-row:first-child .surf-eedition-card{grid-template-columns:1fr;gap:1.35rem}
  .surf-eeditions-content .views-row:first-child .surf-eedition-card__cover{max-width:360px;margin:0 auto}
  .surf-eeditions-content .views-row:first-child .surf-eedition-card__content{text-align:center}
  .surf-eeditions-content .views-row:first-child .surf-eedition-card__link{justify-content:center}
}


/* ================================================================
   Surf News 2.8.1 — light E-Editions cover archive
   ================================================================ */
.surf-main--eeditions{
  background:#fff;
}
.surf-eeditions-hero{
  margin-bottom:clamp(1.5rem,3vw,2.5rem);
  padding:clamp(1.7rem,3vw,2.75rem) 0;
  background:#fff;
  border-bottom:2px solid var(--surf-ink);
}
.surf-eeditions-hero h1{
  font-size:clamp(2.75rem,5vw,4.75rem);
}
.surf-eeditions-hero p{
  margin-top:.75rem;
}
/* Every issue receives the same quiet cover-card treatment. */
.surf-eeditions-content .view-content{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(1.25rem,2.4vw,2.1rem);
  align-items:start;
}
.surf-eeditions-content .view-content > .views-row:first-child,
.surf-eeditions-content .views-element-container > div > .views-row:first-of-type{
  grid-column:auto;
  margin:0;
  padding:0;
  border:0;
}
.surf-eeditions-content .views-row:first-child .surf-eedition-card,
.surf-eeditions-content .views-row:not(:first-child) .surf-eedition-card,
.surf-eedition-card{
  display:flex;
  flex-direction:column;
  gap:0;
  height:100%;
  max-width:none;
  margin:0;
  background:transparent;
}
.surf-eedition-card__cover,
.surf-eeditions-content .views-row:first-child .surf-eedition-card__cover{
  display:block;
  max-width:none;
  margin:0;
  overflow:hidden;
  border:1px solid #d9d9d9;
  background:#f4f2ed;
  box-shadow:0 7px 20px rgba(0,0,0,.10);
}
.surf-eedition-card__cover:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(0,0,0,.15);
}
.surf-eedition-card__cover img{
  width:100%;
  aspect-ratio:3/4;
  object-fit:cover;
}
.surf-eedition-card__content,
.surf-eeditions-content .views-row:first-child .surf-eedition-card__content,
.surf-eeditions-content .views-row:not(:first-child) .surf-eedition-card__content{
  display:block;
  padding:.85rem .1rem 0;
  text-align:left;
}
.surf-eedition-card__eyebrow,
.surf-eedition-card__link{
  display:none !important;
}
.surf-eedition-card__title,
.surf-eeditions-content .views-row:first-child .surf-eedition-card__title{
  margin:0;
  font:700 clamp(1.15rem,1.7vw,1.5rem)/1.12 var(--surf-serif);
  letter-spacing:-.01em;
}
.surf-eedition-card__date{
  margin:.4rem 0 0;
  color:var(--surf-muted);
  font:.76rem/1.35 var(--surf-sans);
  letter-spacing:.05em;
  text-transform:uppercase;
}
@media(max-width:1000px){
  .surf-eeditions-content .view-content{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
  .surf-eeditions-content .view-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
}
@media(max-width:430px){
  .surf-eeditions-content .view-content{grid-template-columns:1fr}
  .surf-eedition-card{max-width:340px;margin-inline:auto}
}

/* ================================================================

/* Surf News 3.1.1: direct front-page Drupal block heading fallback. */
html body .surf-site.surf-site--front main.surf-main.surf-main--front section.surf-shell .views-element-container.contextual-region > h2,
html body .surf-site.surf-site--front main.surf-main.surf-main--front section.surf-shell .block > h2:first-child,
html body .surf-site.surf-site--front #block-surf-news-views-block-surf-cms-latest-news-block-1 > h2 {
  margin:0 0 .85rem !important;
  padding:0 0 .5rem !important;
  border:0 !important;
  border-bottom:1px solid currentColor !important;
  background:transparent !important;
  color:var(--surf-block-title-color,var(--surf-accent,#8b0000)) !important;
  font-family:Arial,Helvetica,sans-serif !important;
  font-size:16px !important;
  font-style:normal !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:.075em !important;
  text-transform:uppercase !important;
}

/* Surf News 3.2: editorial sticky header with a compact scroll state. */
.surf-header__main{
  display:grid;
  grid-template-columns:minmax(150px,.8fr) minmax(320px,2.2fr) minmax(220px,.9fr);
  align-items:center;
  gap:1.1rem;
  min-height:82px;
}
.surf-header__flag-ad{
  min-width:0;
  display:flex;
  align-items:center;
}
.surf-header__brand{
  min-width:0;
  display:flex;
  justify-content:center;
  text-align:center;
}
.surf-header__identity{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding-top:.45rem;
  color:var(--surf-muted);
  font-size:.72rem;
  letter-spacing:.04em;
}
.surf-header__date{white-space:nowrap}
.surf-header__slogan{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-align:right;
  text-transform:uppercase;
  letter-spacing:.12em;
}

@media(min-width:801px){
  .surf-masthead-wrap.is-sticky{
    transition:box-shadow .2s ease;
  }
  .surf-masthead-wrap.is-sticky .surf-header,
  .surf-masthead-wrap.is-sticky .surf-header__main,
  .surf-masthead-wrap.is-sticky .surf-header__brand img,
  .surf-masthead-wrap.is-sticky .surf-branding__logo img,
  .surf-masthead-wrap.is-sticky .surf-primary-nav .surf-menu,
  .surf-masthead-wrap.is-sticky .surf-menu__link,
  .surf-masthead-wrap.is-sticky .surf-header__search,
  .surf-masthead-wrap.is-sticky .surf-header-search-form,
  .surf-masthead-wrap.is-sticky .surf-header-search-form input,
  .surf-masthead-wrap.is-sticky .surf-header-search-form button{
    transition:all .2s ease;
  }
  .surf-masthead-wrap.is-sticky.is-condensed{
    box-shadow:0 5px 18px rgba(0,0,0,.11);
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header{
    padding:.28rem 0 .2rem;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__main{
    grid-template-columns:0 minmax(220px,1fr) minmax(180px,260px);
    gap:.8rem;
    min-height:48px;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__flag-ad{
    visibility:hidden;
    width:0;
    height:0;
    overflow:hidden;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__brand{
    justify-content:flex-start;
    text-align:left;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-branding{
    justify-content:flex-start;
    gap:.65rem;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-branding__logo img,
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__brand img{
    max-height:38px;
    width:auto;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-branding__name{
    font-size:clamp(1.55rem,2.4vw,2.25rem);
    line-height:1;
    letter-spacing:-.035em;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-branding__slogan,
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__identity{
    display:none;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search{
    width:min(100%,240px);
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header-search-form,
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search form,
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search .container-inline{
    min-height:32px;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search input[type="search"],
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search input[type="text"],
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header-search-form input[type="search"]{
    height:32px!important;
    padding:.35rem .65rem!important;
    font-size:.7rem!important;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search input[type="submit"],
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__search button[type="submit"],
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header-search-form button[type="submit"]{
    width:36px!important;
    min-width:36px!important;
    height:32px!important;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-primary-nav .surf-menu{
    gap:1rem;
    padding:.34rem 0;
  }
  .surf-masthead-wrap.is-sticky.is-condensed .surf-menu__link{
    font-size:.69rem;
    letter-spacing:.04em;
  }
}

@media(max-width:1000px) and (min-width:801px){
  .surf-header__main{
    grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);
    min-height:72px;
  }
  .surf-header__flag-ad{display:none}
  .surf-header__brand{justify-content:flex-start;text-align:left}
  .surf-masthead-wrap.is-sticky.is-condensed .surf-header__main{
    grid-template-columns:minmax(0,1fr) minmax(180px,240px);
  }
}

@media(max-width:800px){
  .surf-header__main{
    grid-template-columns:1fr;
    gap:.45rem;
    min-height:0;
  }
  .surf-header__flag-ad{display:none}
  .surf-header__brand{justify-content:center;text-align:center}
  .surf-header__account{justify-content:center}
  .surf-header__identity{justify-content:center;text-align:center}
  .surf-header__slogan{display:none}
}

@media(prefers-reduced-motion:reduce){
  .surf-masthead-wrap.is-sticky,
  .surf-masthead-wrap.is-sticky *{
    scroll-behavior:auto!important;
    transition:none!important;
  }
}

/* ================================================================
   SURF NEWS 3.2.6 — INTERNAL PAGES AND MOBILE AUDIT
   ================================================================ */

/* Footer: three true columns, regardless of region/block wrappers. */
.surf-footer__columns{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(1.5rem,4vw,4rem) !important;
  align-items:start;
}
.surf-footer__column{display:block;min-width:0}
.surf-footer__column > .region{display:block !important}
.surf-footer__column > .region > * + *{margin-top:1.4rem}
.surf-footer{background:var(--surf-secondary,#222)}

/* Taxonomy/section pages: a full-width lead story followed by columns. */
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper){
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.5rem);
}
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child{
  grid-column:1/-1;
  padding-bottom:clamp(1.5rem,3vw,2.5rem);
  border-bottom:2px solid var(--surf-ink);
}
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card{
  display:grid;
  grid-template-columns:minmax(280px,46%) minmax(0,1fr);
  gap:clamp(1.5rem,3vw,3rem);
  align-items:start;
  border-top:0;
  padding-top:0;
}
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__kicker{
  grid-column:2;
  grid-row:1;
  align-self:start;
  margin:0 0 .35rem;
}
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__media{
  grid-column:1;
  grid-row:1 / span 2;
}
.surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__content{
  grid-column:2;
  grid-row:2;
}
.surf-section-content .surf-story-card{
  border-top:0;
  border-bottom:1px solid var(--surf-rule);
  padding:0 0 1.35rem;
}
.surf-section-content .surf-story-card__kicker{
  display:block;
  margin:0 0 .55rem;
  padding:0 0 .45rem;
  border-top:0 !important;
  border-bottom:1px solid var(--surf-accent);
}
.surf-section-content .views-row:first-child .surf-story-card__title{
  font-size:clamp(2.1rem,4vw,4rem);
}
.surf-section-content .views-row:first-child .surf-story-card__summary{
  font-size:1.08rem;
  line-height:1.5;
}

/* Sidebar poll and popular-content components share front-page language. */
.surf-section-sidebar .block{
  margin:0 0 2rem;
}
.surf-section-sidebar .block > h2:first-child{
  margin:0 0 .85rem;
  padding:0 0 .5rem;
  border-bottom:1px solid var(--surf-accent);
  color:var(--surf-accent);
  font:800 .82rem/1.15 var(--surf-sans);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.surf-section-sidebar :is(.poll,.block-poll){
  padding:1.15rem;
  background:#f4efe6;
}
.surf-section-sidebar :is(.poll,.block-poll) .form-radios > .form-item{
  margin:.55rem 0;
}
.surf-section-sidebar :is(.poll,.block-poll) input[type="submit"]{
  min-height:40px;
  padding:.65rem 1rem;
  border:0;
  background:var(--surf-accent);
  color:#fff;
  font-weight:800;
  text-transform:uppercase;
}
.surf-section-sidebar :is(.view-popular-content,.popular-content,.block-views-blockpopular-content-block-1) :is(.views-row,li){
  margin:0;
  padding:.72rem 0;
  border-bottom:1px solid var(--surf-rule);
}
.surf-section-sidebar :is(.view-popular-content,.popular-content,.block-views-blockpopular-content-block-1) :is(h2,h3,.views-field-title){
  margin:0;
  font:700 1rem/1.25 var(--surf-serif);
}
.surf-section-sidebar :is(.view-popular-content,.popular-content,.block-views-blockpopular-content-block-1) :is(.views-field-created,.node__meta,.surf-story-card__meta){
  margin:.18rem 0 0;
  color:var(--surf-muted);
  font-size:.69rem;
  line-height:1.2;
  text-transform:uppercase;
}

/* Most Popular: quieter surface and compact field rhythm. */
.surf-front-panel--popular{
  background:#f5f5f5 !important;
}
.surf-front-panel--popular :is(.views-row,li,.surf-story-card){
  padding:.5rem 0 !important;
  row-gap:0 !important;
}
.surf-front-panel--popular :is(.surf-story-card__content,.views-field-title,.views-field-field-post-category,.views-field-field-category,.views-field-created){
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}
.surf-front-panel--popular .surf-story-card__kicker{margin:0 0 .08rem !important;padding:0 !important;border:0 !important}
.surf-front-panel--popular .surf-story-card__meta{margin:.1rem 0 0 !important}

/* Mobile: prioritize the center lead, retain branding and enlarge reading UI. */
@media(max-width:800px){
  html{font-size:17px}
  body{font-size:1rem;line-height:1.58}
  .surf-front-hero{display:flex !important;flex-direction:column}
  .surf-front-hero__centre{order:1}
  .surf-front-hero__left{order:2}
  .surf-front-hero__right{order:3}
  .surf-branding,.surf-branding__logo,.surf-branding__logo img,.surf-header__brand img{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .surf-branding__logo img,.surf-header__brand img{max-height:54px !important;width:auto !important}
  .surf-branding__name{display:block !important;font-size:2.45rem !important}
  .surf-header__main{grid-template-columns:1fr auto !important;min-height:64px}
  .surf-header__flag-ad{display:none}
  .surf-header__brand{justify-content:flex-start}
  .surf-story-card__title{font-size:1.55rem}
  .surf-story-card__summary{font-size:1rem}
  .surf-story-card__meta{font-size:.78rem}
  .surf-menu__link{font-size:.95rem}
  .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper){grid-template-columns:1fr}
  .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card{
    grid-template-columns:1fr;
  }
  .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__kicker,
  .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__media,
  .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child .surf-story-card__content{
    grid-column:1;
    grid-row:auto;
  }
  .surf-footer__columns{grid-template-columns:1fr !important}
}

@media(prefers-reduced-motion:reduce){
  .surf-masthead-wrap *{transition:none !important}
}

/* ================================================================
   SURF NEWS 3.2.7 — CATEGORY LEAD AND SIDEBAR REFINEMENTS
   ================================================================ */

/* Restore print-inspired serif body/deck typography in the homepage lead. */
.surf-front-hero__centre :is(
  .surf-story-card__summary,
  .views-field-body,
  .views-field-field-subhead,
  .field--name-body,
  .field--name-field-subhead,
  p
){
  font-family:var(--surf-serif) !important;
}
.surf-front-hero__centre .surf-story-card__summary,
.surf-front-hero__centre .views-field-field-subhead,
.surf-front-hero__centre .field--name-field-subhead{
  font-size:clamp(1.02rem,1.35vw,1.2rem);
  line-height:1.45;
  color:#444;
}

/*
 * Category pages receive one lead only, even when Views inserts multiple
 * wrappers or blocks. JavaScript marks the first result for this purpose.
 */
.surf-main--section .surf-section-content,
.surf-main--section .surf-section-content > .region{
  display:block !important;
  width:100%;
}
.surf-main--section .surf-section-content > .region > .block,
.surf-main--section .surf-section-content > .block{
  width:100%;
  margin:0 0 clamp(1.75rem,3vw,3rem);
}

/* Reset every wrapper-local first-row lead rule. */
.surf-main--section .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper),
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"]{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:clamp(1.5rem,3vw,2.5rem) !important;
  width:100%;
}
.surf-main--section .surf-section-content .views-row,
.surf-main--section .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper) > .views-row:first-child,
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type{
  grid-column:auto !important;
  display:flex !important;
  min-width:0;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-main--section .surf-section-content .views-row .surf-story-card,
.surf-main--section .surf-section-content .views-row:first-child .surf-story-card,
.surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"] > .views-row:first-of-type > .surf-story-card{
  display:flex !important;
  flex-direction:column;
  width:100%;
  min-height:100%;
  padding:0 0 1.35rem !important;
  border-top:0 !important;
  border-bottom:1px solid var(--surf-rule) !important;
}

/* The single marked lead spans the complete story grid. */
.surf-main--section .surf-section-content .views-row.surf-section-lead-row{
  grid-column:1/-1 !important;
  display:block !important;
  padding:0 0 clamp(1.5rem,3vw,2.5rem) !important;
  border-bottom:2px solid var(--surf-ink) !important;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card{
  display:grid !important;
  grid-template-columns:minmax(300px,46%) minmax(0,1fr) !important;
  gap:clamp(1.5rem,3.5vw,3.5rem) !important;
  align-items:start;
  padding:0 !important;
  border:0 !important;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__media{
  grid-column:1;
  grid-row:1;
  margin:0 !important;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__media img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__kicker{
  grid-column:2;
  grid-row:1;
  align-self:start;
  margin:0 0 .45rem !important;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__content{
  grid-column:2;
  grid-row:1;
  align-self:start;
  padding:1.6rem 0 0 !important;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__title{
  margin:0 0 .65rem;
  font-size:clamp(2.15rem,4vw,4.15rem) !important;
  line-height:1.01;
  letter-spacing:-.035em;
}
.surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__summary{
  font-size:1.08rem;
  line-height:1.52;
}

/* Taxonomy labels use only the lower red rule—never a top rule. */
.surf-main--section .surf-section-content :is(
  .surf-story-card,
  .surf-story-card__kicker,
  .views-field-field-post-category,
  .views-field-field-category,
  .field--name-field-post-category,
  .field--name-field-category
){
  border-top:0 !important;
  box-shadow:none !important;
}
.surf-main--section .surf-section-content .surf-story-card__kicker{
  margin:0 0 .55rem;
  padding:0 0 .42rem;
  border-bottom:1px solid var(--surf-accent) !important;
}

/* Sidebar Most Popular: compact horizontal rows with left-aligned images. */
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(.views-row,li){
  display:flow-root !important;
  min-height:0;
  margin:0 !important;
  padding:.85rem 0 !important;
  border-bottom:1px solid var(--surf-rule) !important;
  text-align:left !important;
}
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(
  .views-field-field-image,
  .views-field-field-photo-gallery,
  .surf-story-card__media,
  .field--type-image
){
  float:left !important;
  width:92px !important;
  max-width:32% !important;
  margin:0 .85rem .35rem 0 !important;
  text-align:left !important;
}
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(
  .views-field-field-image,
  .views-field-field-photo-gallery,
  .surf-story-card__media,
  .field--type-image
) img{
  display:block !important;
  width:92px !important;
  height:72px !important;
  margin:0 !important;
  object-fit:cover;
}
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(h2,h3,.views-field-title,.surf-story-card__title){
  margin:0 0 .25rem !important;
  font:700 1.04rem/1.17 var(--surf-serif) !important;
  letter-spacing:-.01em;
}
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(
  .views-field-body,
  .views-field-field-subhead,
  .surf-story-card__summary
){
  margin:.18rem 0 0 !important;
  color:#555;
  font:400 .86rem/1.36 var(--surf-serif) !important;
}
.surf-section-sidebar :is(
  .view-popular-content,
  .popular-content,
  .block-views-blockpopular-content-block-1,
  [class*="popular"]
) :is(.views-field-created,.node__meta,.surf-story-card__meta){
  clear:none;
  margin:.28rem 0 0 !important;
  font-size:.67rem !important;
}

@media(max-width:800px){
  .surf-main--section .surf-section-content :is(.view-content,.views-infinite-scroll-content-wrapper),
  .surf-main--section .surf-section-content .views-element-container > [class*="js-view-dom-id-"]{
    grid-template-columns:1fr !important;
  }
  .surf-main--section .surf-section-content .views-row.surf-section-lead-row{
    grid-column:auto !important;
  }
  .surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card{
    display:block !important;
  }
  .surf-main--section .surf-section-content .views-row.surf-section-lead-row .surf-story-card__content{
    padding:.9rem 0 0 !important;
  }
}
#block-surf-news-views-block-article-blocks-block-2 .views-field-body {color: #666; font-family:Georgia,"Times New Roman",serif;font-size:1.0rem;line-height:1.0;letter-spacing:.002em; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; min-height: 85px}
#block-surf-news-views-block-article-blocks-block-2 .views-field-title h3 {font-family:Georgia,"Times New Roman",serif; margin-bottom: 2px; margin-top: -3px}

/* Surf News 3.2.8 — article utilities, internal sidebars, author and related cards. */

/* Internal layouts use a compact, non-sticky information rail. */
.surf-site:not(.surf-site--front) .surf-layout--sidebar,
.surf-site--section .surf-layout--sidebar{
  grid-template-columns:minmax(0,1fr) 200px !important;
  gap:clamp(24px,3vw,40px);
}
.surf-site:not(.surf-site--front) .surf-layout__sidebar,
.surf-site--section .surf-section-sidebar{
  position:static !important;
  top:auto !important;
  align-self:start;
  width:200px;
  min-width:0;
}
.surf-site:not(.surf-site--front) .surf-layout__sidebar img,
.surf-site--section .surf-section-sidebar img{
  max-width:100%;
  height:auto;
}

/* Related and author regions align with the complete article card. */
.surf-author-profile,
.surf-related-stories{
  width:min(calc(100% - 40px),1180px);
  max-width:1180px;
  margin:2rem auto 0;
}

/* Keep the masthead brand visible on phones, including Drupal's block wrappers. */
@media(max-width:800px){
  .surf-header__brand,
  .surf-header__brand > div,
  .surf-header__brand .block,
  .surf-header__brand .contextual-region,
  .surf-header__brand .surf-branding,
  .surf-header__brand .surf-branding__logo,
  .surf-header__brand .surf-branding__logo a{
    display:flex !important;
    align-items:center;
    visibility:visible !important;
    opacity:1 !important;
    min-width:0;
  }
  .surf-header__brand{
    justify-content:flex-start !important;
    min-height:56px;
  }
  .surf-header__brand .surf-branding__logo img,
  .surf-header__brand img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:auto !important;
    max-width:min(72vw,300px) !important;
    max-height:54px !important;
    object-fit:contain;
  }
  .surf-header__brand .surf-branding__text{
    min-width:0;
  }
}

/* Listen and text-resize tools behave as one compact inline control group. */
.surf-article__meta .surf-article__listen-slot{
  display:inline-flex;
  align-items:center;
  width:auto;
  margin:0;
}
.surf-article-tool-region.surf-article__listen,
.surf-article-tool-region.surf-article__listen .block,
.surf-article-tool-region.surf-article__listen .block-content,
.surf-article-tool-region.surf-article__listen .content,
.surf-article-tool-region.surf-article__listen form,
.surf-article-tool-region.surf-article__listen .field,
.surf-article-tool-region.surf-article__listen .field__items{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.38rem;
  width:auto;
  margin:0;
  padding:0;
}
.surf-article-tool-region.surf-article__listen a,
.surf-article-tool-region.surf-article__listen button{
  min-width:34px;
  min-height:34px;
  padding:.38rem .7rem;
  border:1px solid #c8c5bd;
  border-radius:999px;
  background:#fff;
  box-shadow:none;
  line-height:1;
}
.surf-article-tool-region.surf-article__listen a:before,
.surf-article-tool-region.surf-article__listen button:before{
  content:none;
}
.surf-article-tool-region.surf-article__listen :is(.listen,.listen-button,[class*="listen"],button:first-of-type,a:first-of-type):before{
  content:"▶";
  margin-right:.38rem;
  font-size:.58rem;
}
.surf-article-tool-region.surf-article__listen a:hover,
.surf-article-tool-region.surf-article__listen button:hover,
.surf-article-tool-region.surf-article__listen a:focus-visible,
.surf-article-tool-region.surf-article__listen button:focus-visible{
  border-color:var(--surf-ink);
  background:#f6f5f1;
  text-decoration:none;
}

/* Author profile: reusable editorial card, independent of field machine names. */
.surf-author-profile{
  overflow:hidden;
  padding:clamp(1.25rem,3vw,2rem);
  border:1px solid #dedbd4;
  border-top:4px solid var(--surf-ink);
  background:#f7f7f5;
  box-shadow:0 10px 30px rgba(28,25,20,.06);
}
.surf-author-profile .block > h2{
  margin:0 0 1.2rem;
  padding-bottom:.65rem;
  border-bottom:1px solid #cbc8c0;
  font:700 1rem/1 var(--surf-sans);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.surf-author-profile :is(article,.node,.views-row,.field-content){
  min-width:0;
}
.surf-author-profile :is(.node,.views-row,article){
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:1.25rem 1.5rem;
  align-items:start;
}
.surf-author-profile :is(.field--type-image,.views-field-field-image,.views-field-field-headshot){
  grid-column:1;
  grid-row:1 / span 8;
  margin:0;
}
.surf-author-profile img{
  float:none !important;
  display:block;
  width:120px;
  height:120px;
  margin:0 !important;
  border-radius:50%;
  object-fit:cover;
}
.surf-author-profile :is(h2,h3,.node__title,.views-field-title){
  grid-column:2;
  margin:0 0 .2rem;
  font:700 clamp(1.55rem,2.4vw,2rem)/1.08 var(--surf-serif);
}
.surf-author-profile .field{
  grid-column:2;
  margin:.18rem 0;
}
.surf-author-profile .field__label{
  display:inline;
  margin-right:.35rem;
  color:#555;
  font:700 .72rem/1.3 var(--surf-sans);
  letter-spacing:.045em;
  text-transform:uppercase;
}
.surf-author-profile .field__item,
.surf-author-profile .field__items{
  display:inline;
}
.surf-author-profile :is(.field--name-body,.views-field-body,.author-bio,.bio){
  grid-column:2;
  display:-webkit-box;
  overflow:hidden;
  margin-top:.45rem;
  color:#41413e;
  font:400 1rem/1.55 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;
}
.surf-author-profile :is(.field--name-body,.views-field-body,.author-bio,.bio) p{
  margin:0;
}

/* Related stories: full-width editorial cards. Add image + linked title in the View. */
.surf-related-stories{
  padding:clamp(1.25rem,3vw,2rem);
  border-top:3px double var(--surf-ink);
  background:#fff;
}
.surf-related-stories .block > h2{
  margin:0 0 1.25rem;
  font:700 clamp(1.65rem,2.5vw,2.25rem)/1.05 var(--surf-serif);
}
.surf-related-stories :is(.view-content,.views-infinite-scroll-content-wrapper){
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);
}
.surf-related-stories :is(.views-row,article,.surf-story-card){
  min-width:0;
}
.surf-related-stories .views-row{
  overflow:hidden;
  border:1px solid #dedbd4;
  background:#fff;
  transition:transform .18s ease,box-shadow .18s ease;
}
.surf-related-stories .views-row:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(28,25,20,.08);
}
.surf-related-stories :is(.views-field-field-image,.views-field-field-photo-gallery,.surf-story-card__media,.field--type-image){
  margin:0;
}
.surf-related-stories :is(.views-field-field-image,.views-field-field-photo-gallery,.surf-story-card__media,.field--type-image) img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
}
.surf-related-stories :is(.views-field-title,.surf-story-card__title,h2,h3){
  margin:0;
  padding:1rem 1rem .35rem;
  font:700 1.2rem/1.18 var(--surf-serif);
}
.surf-related-stories :is(.views-field-title,.surf-story-card__title,h2,h3) a{
  text-decoration:none;
}
.surf-related-stories :is(.views-field-title,.surf-story-card__title,h2,h3) a:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.surf-related-stories :is(.views-field-created,.surf-story-card__meta,.node__meta){
  padding:0 1rem 1rem;
  color:var(--surf-muted);
  font-size:.72rem;
  letter-spacing:.035em;
  text-transform:uppercase;
}
/* Give legacy title-only lists a card shape until the View includes images. */
.surf-related-stories .item-list ul{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(16px,2vw,24px);
  margin:0;
  padding:0;
  list-style:none;
}
.surf-related-stories .item-list li{
  margin:0;
  padding:1rem;
  border:1px solid #dedbd4;
  font:700 1.2rem/1.18 var(--surf-serif);
}

@media(max-width:980px){
  .surf-site:not(.surf-site--front) .surf-layout--sidebar,
  .surf-site--section .surf-layout--sidebar{
    grid-template-columns:1fr !important;
  }
  .surf-site:not(.surf-site--front) .surf-layout__sidebar,
  .surf-site--section .surf-section-sidebar{
    width:auto;
  }
}
@media(max-width:800px){
  .surf-author-profile,
  .surf-related-stories{
    width:calc(100% - 24px);
  }
  .surf-author-profile :is(.node,.views-row,article){
    grid-template-columns:84px minmax(0,1fr);
    gap:1rem;
  }
  .surf-author-profile img{
    width:84px;
    height:84px;
  }
  .surf-related-stories :is(.view-content,.views-infinite-scroll-content-wrapper),
  .surf-related-stories .item-list ul{
    grid-template-columns:1fr;
  }
  .surf-article__meta .surf-article__listen-slot{
    flex-basis:100%;
  }
}

/* ================================================================
   SURF NEWS 3.2.9 — MOBILE BRANDING AND ARTICLE TOOLBAR
   ================================================================ */

/* Do not let the listen region inherit article-meta separators. */
.surf-article__meta > .surf-article__listen-slot::before{
  content:none !important;
  display:none !important;
  margin:0 !important;
}

/* Present Listen and text sizing as one intentional toolbar. */
.surf-article__listen-slot{
  align-self:center;
}
.surf-article-tool-region.surf-article__listen{
  display:inline-flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  width:auto !important;
  min-height:40px;
  margin:0 !important;
  padding:3px !important;
  border:1px solid #c9c6be;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 8px rgba(17,17,17,.06);
  white-space:nowrap;
}
.surf-article-tool-region.surf-article__listen :is(.block,.block-content,.content,form,.field,.field__items,.field__item){
  display:contents !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,input[type="button"]){
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-width:34px;
  min-height:32px;
  margin:0 !important;
  padding:.42rem .62rem !important;
  border:0 !important;
  border-radius:999px !important;
  background:transparent !important;
  color:var(--surf-ink) !important;
  box-shadow:none !important;
  font:700 .78rem/1 var(--surf-sans) !important;
  text-decoration:none !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,input[type="button"]) + :is(a,button,input[type="button"]){
  border-left:1px solid #ddd9d1 !important;
  border-radius:0 !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,input[type="button"]):hover,
.surf-article-tool-region.surf-article__listen :is(a,button,input[type="button"]):focus-visible{
  background:#f3f2ee !important;
  outline:none;
}
.surf-article-tool-region.surf-article__listen :is(img,svg){
  display:block !important;
  width:22px !important;
  height:22px !important;
  max-width:22px !important;
  max-height:22px !important;
  margin:0 !important;
  object-fit:contain;
}
.surf-article-tool-region.surf-article__listen :is(.listen,.listen-button,[class*="listen"],button:first-of-type,a:first-of-type)::before{
  margin-right:.42rem;
}

@media(max-width:800px){
  /* Stack the masthead deliberately. This avoids the logo losing its grid
     track when the flag-ad column is removed on small screens. */
  .surf-header__main{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:.7rem !important;
    min-height:0 !important;
  }
  .surf-header__brand{
    order:1;
    display:flex !important;
    width:100% !important;
    min-height:58px !important;
    justify-content:center !important;
    align-items:center !important;
    overflow:visible !important;
  }
  .surf-header__brand > *,
  .surf-header__brand .block,
  .surf-header__brand .contextual-region,
  .surf-header__brand .surf-branding{
    display:flex !important;
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    justify-content:center !important;
    align-items:center !important;
    overflow:visible !important;
  }
  .surf-header__brand .surf-branding__logo,
  .surf-header__brand .surf-branding__logo a{
    display:block !important;
    width:auto !important;
    height:auto !important;
    overflow:visible !important;
  }
  .surf-header__brand .surf-branding__logo img,
  .surf-header__brand img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:min(88vw,420px) !important;
    max-height:68px !important;
    margin:0 auto !important;
    visibility:visible !important;
    opacity:1 !important;
    transform:none !important;
    clip:auto !important;
    clip-path:none !important;
  }
  .surf-header__account{
    order:2;
    width:100%;
    justify-content:center !important;
  }
  .surf-header__identity{
    padding-top:.15rem;
  }
  .surf-article__meta{
    gap:.65rem .9rem;
  }
  .surf-article__meta .surf-article__listen-slot{
    flex-basis:100%;
    width:100%;
    margin-top:.45rem;
  }
  .surf-article-tool-region.surf-article__listen{
    margin-inline:0 !important;
  }
}

/* ================================================================
   SURF NEWS 3.2.10 — COMPACT ARTICLE AUDIO CONTROLS
   The Auto / Listen block may arrive with full-width Drupal wrappers.
   Keep the complete tool group content-sized inside article metadata.
   ================================================================ */
.surf-article__meta > .surf-article__listen-slot{
  display:inline-flex !important;
  flex:0 0 auto !important;
  flex-basis:auto !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  align-self:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-article__listen-slot::before,
.surf-article__listen-slot::after,
.surf-article__listen-slot span::before,
.surf-article__listen-slot span::after{
  content:none !important;
  display:none !important;
  border:0 !important;
  margin:0 !important;
}
.surf-article__listen-slot > *,
.surf-article__listen-slot .surf-article-audio-source,
.surf-article__listen-slot .surf-article-tool-region,
.surf-article__listen-slot .contextual-region,
.surf-article__listen-slot .block,
.surf-article__listen-slot .content,
.surf-article__listen-slot form{
  flex:0 0 auto !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
}
.surf-article__listen-slot .surf-article-tool-region.surf-article__listen{
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:38px !important;
  overflow:visible !important;
}
/* Some text-resizer modules output spans or image links rather than buttons. */
.surf-article-tool-region.surf-article__listen :is(.content,.field,.field__items,.field__item,p,span){
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  line-height:1 !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,[role="button"]){
  vertical-align:middle !important;
}
@media(max-width:800px){
  .surf-article__meta > .surf-article__listen-slot{
    flex-basis:auto !important;
    width:max-content !important;
    margin-top:.2rem !important;
  }
}


/* ================================================================
   SURF NEWS 3.2.11 — ARTICLE TOOLBAR MARKUP CORRECTION
   The Drupal audio region is a block-level element. Its destination is now
   a block-level flex item, and metadata separators are limited to direct
   metadata fields so they cannot leak into nested Listen/resizer markup.
   ================================================================ */
.surf-article__meta > span::before,
.surf-article__meta > div::before,
.surf-article__meta .surf-article__listen-slot *,
.surf-article__meta .surf-article__listen-slot *::before,
.surf-article__meta .surf-article__listen-slot *::after{
  content:none !important;
  border:0 !important;
}
.surf-article__meta > .surf-article__listen-slot{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding-left:1rem !important;
  margin-left:0 !important;
  border-left:1px solid #bbb9b2 !important;
  line-height:1 !important;
}
.surf-article__listen-slot > .surf-article-audio-source{
  position:static !important;
  inset:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.surf-article__listen-slot .surf-article-tool-region.surf-article__listen{
  min-height:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,[role="button"],input[type="button"]){
  min-height:34px !important;
  padding:.4rem .55rem !important;
  border-radius:6px !important;
}
.surf-article-tool-region.surf-article__listen :is(a,button,[role="button"],input[type="button"]) + :is(a,button,[role="button"],input[type="button"]){
  border-left:0 !important;
  margin-left:.2rem !important;
}
@media(max-width:800px){
  .surf-article__meta > .surf-article__listen-slot{
    padding-left:0 !important;
    border-left:0 !important;
  }
}


/* ================================================================
   SURF NEWS 3.2.12 — BIGPIPE-SAFE ARTICLE TOOL PLACEMENT
   Keep the destination invisible until the Article Auto / Listen region is
   actually moved into it. The previous border belonged to an empty slot and
   produced the tall vertical rule visible beside the reading time.
   ================================================================ */
.surf-article__meta > .surf-article__listen-slot:empty{
  display:none !important;
  width:0 !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-article__meta > .surf-article__listen-slot.is-populated,
.surf-article__meta > .surf-article__listen-slot:not(:empty){
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:auto !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  line-height:1 !important;
}
.surf-article__listen-slot .surf-article-audio-source:empty{
  display:none !important;
}
.surf-article__listen-slot .surf-article-audio-source:not(:empty){
  display:inline-flex !important;
  align-items:center !important;
  gap:.35rem !important;
}

/* ================================================================
   SURF NEWS 3.2.13 — SIMPLE, VISIBLE ARTICLE TEXT-SIZE CONTROL
   ================================================================ */
.surf-article__meta > .surf-article__listen-slot.is-populated,
.surf-article__meta > .surf-article__listen-slot:not(:empty){
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  align-self:center !important;
  gap:.5rem !important;
  width:max-content !important;
  min-width:max-content !important;
  max-width:none !important;
  min-height:2.5rem !important;
  overflow:visible !important;
}
.surf-article__listen-slot .surf-article-audio-source:not(:empty){
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  gap:.35rem !important;
}
.surf-original-text-resizer{
  display:none !important;
}
.surf-text-size-toggle{
  appearance:none;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:2.5rem !important;
  height:2.5rem !important;
  min-width:2.5rem !important;
  min-height:2.5rem !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #b9b5ad !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  font:700 .95rem/1 Arial,Helvetica,sans-serif !important;
  letter-spacing:-.03em;
  cursor:pointer;
  box-shadow:none !important;
}
.surf-text-size-toggle:hover,
.surf-text-size-toggle:focus-visible{
  background:#f2f1ee !important;
  border-color:#111 !important;
  outline:none;
}
.surf-text-size-toggle::before,
.surf-text-size-toggle::after{
  display:none !important;
  content:none !important;
}
.surf-article--larger-text .surf-article__body,
.surf-article--larger-text .node__content{
  font-size:1.18em;
}
.surf-article--larger-text .surf-article__body p,
.surf-article--larger-text .node__content p{
  line-height:1.7;
}
@media(max-width:800px){
  .surf-article__meta > .surf-article__listen-slot.is-populated,
  .surf-article__meta > .surf-article__listen-slot:not(:empty){
    width:max-content !important;
    min-width:max-content !important;
  }
}

/* ================================================================
   SURF NEWS 3.2.14 — THEME-OWNED ARTICLE READING TOOLBAR
   ================================================================ */
.surf-article__meta > .surf-article__reader-tools{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  gap:.45rem !important;
  width:auto !important;
  min-width:0 !important;
  height:2.5rem !important;
  min-height:2.5rem !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  line-height:1 !important;
}
.surf-article__reader-tools::before,
.surf-article__reader-tools::after,
.surf-article__reader-tools *::before,
.surf-article__reader-tools *::after{
  border:0 !important;
}
.surf-article__reader-tools .surf-article__listen-slot{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-items:center !important;
  width:auto !important;
  min-width:0 !important;
  height:2.5rem !important;
  min-height:2.5rem !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-listen-proxy,
.surf-article__reader-tools > .surf-text-size-toggle{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.42rem !important;
  height:2.5rem !important;
  min-height:2.5rem !important;
  margin:0 !important;
  border:1px solid #b9b5ad !important;
  border-radius:999px !important;
  background:#fff !important;
  color:#111 !important;
  font:700 .82rem/1 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.surf-listen-proxy{padding:0 .9rem !important;min-width:auto !important;width:auto !important}
.surf-article__reader-tools > .surf-text-size-toggle{padding:0 !important;width:2.5rem !important;min-width:2.5rem !important}
.surf-listen-proxy:hover,.surf-listen-proxy:focus-visible,
.surf-article__reader-tools > .surf-text-size-toggle:hover,
.surf-article__reader-tools > .surf-text-size-toggle:focus-visible{
  border-color:#111 !important;
  background:#f2f1ee !important;
  outline:none !important;
}
/* The contributed block remains functional but no longer controls layout. */
.surf-article__reader-tools .surf-audio-engine{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  overflow:hidden !important;
  clip:rect(0 0 0 0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  margin:-1px !important;
  padding:0 !important;
  border:0 !important;
}
.surf-article__reader-tools .surf-original-text-resizer{display:none !important}
.surf-article--larger-text .surf-article__body{
  font-size:1.42rem !important;
  line-height:1.82 !important;
}
@media(max-width:800px){
  .surf-article__meta > .surf-article__reader-tools{
    height:2.75rem !important;
    min-height:2.75rem !important;
  }
  .surf-listen-proxy,
  .surf-article__reader-tools > .surf-text-size-toggle{
    height:2.75rem !important;
    min-height:2.75rem !important;
  }
  .surf-article__reader-tools > .surf-text-size-toggle{width:2.75rem !important;min-width:2.75rem !important}
}


/* ================================================================
   SURF NEWS 3.2.15 — THREE-STATE ARTICLE TEXT SIZE CONTROLS
   ================================================================ */
.surf-text-size-controls{
  display:inline-flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
  height:2.5rem !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #b9b5ad !important;
  border-radius:999px !important;
  overflow:hidden !important;
  background:#fff !important;
}
.surf-text-size-control{
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:2.35rem !important;
  min-width:2.35rem !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-right:1px solid #ddd9d1 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#222 !important;
  font:700 .78rem/1 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
.surf-text-size-control:last-child{border-right:0 !important}
.surf-text-size-control:hover,
.surf-text-size-control:focus-visible{background:#f2f1ee !important;outline:none !important}
.surf-text-size-control.is-active{
  background:#222 !important;
  color:#fff !important;
}
/* Override earlier fixed paragraph sizes so the reader controls visibly work. */
.surf-article[data-surf-text-size="small"] .surf-article__body,
.surf-article[data-surf-text-size="small"] .surf-article__body .field--name-body,
.surf-article[data-surf-text-size="small"] .surf-article__body .field--name-body .field__item{
  font-size:1.08rem !important;
  line-height:1.72 !important;
}
.surf-article[data-surf-text-size="default"] .surf-article__body,
.surf-article[data-surf-text-size="default"] .surf-article__body .field--name-body,
.surf-article[data-surf-text-size="default"] .surf-article__body .field--name-body .field__item{
  font-size:1.34rem !important;
  line-height:1.76 !important;
}
.surf-article[data-surf-text-size="large"] .surf-article__body,
.surf-article[data-surf-text-size="large"] .surf-article__body .field--name-body,
.surf-article[data-surf-text-size="large"] .surf-article__body .field--name-body .field__item{
  font-size:1.58rem !important;
  line-height:1.72 !important;
}
.surf-article[data-surf-text-size="small"] .surf-article__body p,
.surf-article[data-surf-text-size="small"] .surf-article__body .field--name-body > .field__item > p:first-child{
  font-size:1em !important;
  line-height:1.72 !important;
}
.surf-article[data-surf-text-size="default"] .surf-article__body p,
.surf-article[data-surf-text-size="default"] .surf-article__body .field--name-body > .field__item > p:first-child{
  font-size:1em !important;
  line-height:1.76 !important;
}
.surf-article[data-surf-text-size="large"] .surf-article__body p,
.surf-article[data-surf-text-size="large"] .surf-article__body .field--name-body > .field__item > p:first-child{
  font-size:1em !important;
  line-height:1.72 !important;
}
/* Retire the old single toggle when cached markup briefly coexists. */
.surf-article__reader-tools > .surf-text-size-toggle{display:none !important}

/* Surf News 3.2.29: Community Calendar event pages. */
.surf-event {
  overflow: hidden;
  border: 1px solid #dedbd4;
  border-top: 5px solid var(--surf-accent);
  background: #fff;
  box-shadow: 0 18px 48px rgba(28, 25, 20, .09);
}
.surf-event__header {
  padding: clamp(1.5rem, 4vw, 3.25rem) clamp(1.25rem, 5vw, 4rem);
  border-bottom: 1px solid #dedbd4;
  background: linear-gradient(135deg, #f4f3ef 0%, #fff 72%);
}
.surf-event__eyebrow,
.surf-event__details-label {
  margin: 0 0 .45rem;
  color: var(--surf-accent);
  font: 800 .75rem/1.2 var(--surf-sans);
  letter-spacing: .11em;
  text-transform: uppercase;
}
.surf-event__title {
  max-width: 850px;
  margin: 0;
  font: 700 clamp(2.2rem, 5vw, 4.5rem)/1 var(--surf-serif);
  letter-spacing: -.035em;
  text-wrap: balance;
}
.surf-event__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 300px);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  padding: clamp(1.5rem, 4vw, 3.5rem) clamp(1.25rem, 5vw, 4rem);
}
.surf-event__description {
  font: 400 1.15rem/1.75 var(--surf-serif);
  color: #262624;
}
.surf-event__description .field__label { display: none; }
.surf-event__description p:first-child { margin-top: 0; }
.surf-event__additional > .field {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--surf-rule);
}
.surf-event__details {
  align-self: start;
  padding: 1.25rem;
  border: 1px solid #d8d5ce;
  border-radius: 4px;
  background: var(--surf-soft);
}
.surf-event__date .field__label { display: none; }
.surf-event__date .field__item {
  font: 700 1.15rem/1.45 var(--surf-serif);
}
.surf-event__links {
  padding: 0 clamp(1.25rem, 5vw, 4rem) 2rem;
}
@media (max-width: 700px) {
  .surf-event { border-right: 0; border-left: 0; box-shadow: none; }
  .surf-event__layout { grid-template-columns: 1fr; }
  .surf-event__details { grid-row: 1; }
}

/* Surf News 3.2.30: compact e-edition teasers outside the archive page. */
.surf-site:not(.surf-site--eeditions) .surf-eedition-card {
  display: grid;
  grid-template-columns: clamp(120px, 28%, 180px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(1rem, 2.5vw, 1.75rem);
  width: 100%;
  height: auto;
  max-width: 560px;
  margin: 0;
}
.surf-site:not(.surf-site--eeditions) .surf-eedition-card__cover {
  width: 100%;
  max-width: 180px;
  margin: 0;
  border: 1px solid #d9d9d9;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, .12);
}
.surf-site:not(.surf-site--eeditions) .surf-eedition-card__cover img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 240px;
  aspect-ratio: auto;
  object-fit: contain;
}
.surf-site:not(.surf-site--eeditions) .surf-eedition-card__content {
  min-width: 0;
  padding: .15rem 0 0;
}
.surf-site:not(.surf-site--eeditions) .surf-eedition-card__title {
  margin: 0 0 .55rem;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
}
@media (max-width: 520px) {
  .surf-site:not(.surf-site--eeditions) .surf-eedition-card {
    grid-template-columns: 100px minmax(0, 1fr);
    gap: .9rem;
  }
  .surf-site:not(.surf-site--eeditions) .surf-eedition-card__cover { max-width: 100px; }
  .surf-site:not(.surf-site--eeditions) .surf-eedition-card__cover img { max-height: 150px; }
}

/* Surf News 3.2.31: normalise Views-field e-edition blocks and archive rows. */
.surf-site--front :is(.surf-front-pair__edition, .surf-eedition) :is(.views-row, article):has(img) {
  display: grid !important;
  grid-template-columns: clamp(110px, 30%, 170px) minmax(0, 1fr) !important;
  grid-auto-flow: row;
  align-items: start;
  gap: .45rem clamp(1rem, 2.5vw, 1.6rem) !important;
}
.surf-site--front :is(.surf-front-pair__edition, .surf-eedition) :is(.views-row, article):has(img) > :is(.views-field, .field):has(img) {
  grid-column: 1;
  grid-row: 1 / span 10;
}
.surf-site--front :is(.surf-front-pair__edition, .surf-eedition) :is(.views-row, article):has(img) > :is(.views-field, .field):not(:has(img)) {
  grid-column: 2;
}
.surf-site--front :is(.surf-front-pair__edition, .surf-eedition) img {
  display: block;
  width: 100% !important;
  max-width: 170px !important;
  height: auto !important;
  max-height: 225px;
  margin: 0 !important;
  object-fit: contain !important;
}

/* The archive keeps a cover only for the latest (first) edition. */
.surf-eeditions-content .view-content > .views-row:not(:first-child) :is(.surf-eedition-card__cover, .views-field:has(img), .field:has(img)) {
  display: none !important;
}
.surf-eeditions-content .view-content > .views-row:not(:first-child) .surf-eedition-card {
  display: block !important;
  height: auto;
  padding: .9rem 0;
  border-top: 1px solid var(--surf-rule);
}
.surf-eeditions-content .view-content > .views-row:not(:first-child) .surf-eedition-card__content {
  padding: 0;
}
@media (max-width: 520px) {
  .surf-site--front :is(.surf-front-pair__edition, .surf-eedition) :is(.views-row, article):has(img) {
    grid-template-columns: 95px minmax(0, 1fr) !important;
  }
  .surf-site--front :is(.surf-front-pair__edition, .surf-eedition) img {
    max-width: 95px !important;
    max-height: 140px;
  }
}

/* Surf News 3.2.26: independently scrolling mobile sections drawer. */
.surf-submenu-toggle,
.surf-menu-backdrop { display: none; }
.surf-submenu-panel { display: contents; }
.surf-menu__item:hover > .surf-submenu-panel > .surf-menu__submenu { display: block; }

@media (max-width: 800px) {
  .surf-primary-nav { position: relative; z-index: 120; }
  .surf-primary-nav .surf-shell { width: 100%; }
  .surf-primary-nav.is-open .surf-shell {
    position: fixed;
    z-index: 122;
    inset: 0 auto 0 0;
    width: min(88vw, 380px);
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
    background: #fff;
    box-shadow: 12px 0 36px rgba(0, 0, 0, .28);
  }
  .surf-primary-nav.is-open .surf-menu-toggle {
    position: sticky;
    z-index: 2;
    top: 0;
  }
  .surf-primary-nav.is-open .surf-menu {
    display: block;
    min-height: calc(100% - 52px);
    padding-bottom: max(2rem, env(safe-area-inset-bottom));
    box-shadow: none;
  }
  .surf-menu-backdrop {
    position: fixed;
    z-index: 121;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(0, 0, 0, .52);
    cursor: default;
  }
  body.surf-menu-open .surf-menu-backdrop { display: block; }
  body.surf-menu-open { overflow: hidden; }
  .surf-primary-nav .surf-menu__item--expanded {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
  }
  .surf-primary-nav .surf-menu__item--expanded > .surf-menu__link { grid-column: 1; }
  .surf-submenu-toggle {
    display: block;
    grid-column: 2;
    grid-row: 1;
    min-width: 48px;
    border: 0;
    border-left: 1px solid var(--surf-rule);
    background: transparent;
    color: var(--surf-ink);
  }
  .surf-submenu-toggle::after {
    content: "+";
    font: 700 1.35rem/1 var(--surf-sans);
  }
  .surf-submenu-toggle[aria-expanded="true"]::after { content: "−"; }
  .surf-submenu-panel {
    display: none;
    grid-column: 1 / -1;
  }
  .surf-submenu-toggle[aria-expanded="true"] + .surf-submenu-panel { display: block; }
  .surf-submenu-panel .surf-menu__submenu { display: block; }
}
@media(max-width:800px){
  .surf-text-size-controls{height:2.75rem !important}
  .surf-text-size-control{width:2.5rem !important;min-width:2.5rem !important;font-size:.82rem !important}
  .surf-article[data-surf-text-size="small"] .surf-article__body,
  .surf-article[data-surf-text-size="small"] .surf-article__body .field--name-body,
  .surf-article[data-surf-text-size="small"] .surf-article__body .field--name-body .field__item{font-size:1rem !important}
  .surf-article[data-surf-text-size="default"] .surf-article__body,
  .surf-article[data-surf-text-size="default"] .surf-article__body .field--name-body,
  .surf-article[data-surf-text-size="default"] .surf-article__body .field--name-body .field__item{font-size:1.18rem !important}
  .surf-article[data-surf-text-size="large"] .surf-article__body,
  .surf-article[data-surf-text-size="large"] .surf-article__body .field--name-body,
  .surf-article[data-surf-text-size="large"] .surf-article__body .field--name-body .field__item{font-size:1.38rem !important}
}

/* ================================================================
   SURF NEWS 3.2.16 — COMPACT AUTHOR PROFILE TEASER
   Styles the referenced Author Profile teaser below article pages.
   ================================================================ */
.surf-author-profile .node--type-author-profile1.node--view-mode-teaser,
.surf-author-profile .node--type-author-profile.node--view-mode-teaser,
.surf-author-profile article[class*="node--type-author-profile"][class*="node--view-mode-teaser"]{
  position:relative;
  display:grid !important;
  grid-template-columns:96px minmax(0,1fr);
  gap:.25rem 1rem;
  align-items:start;
  padding:1.15rem 1.25rem;
  border:1px solid #dedbd4;
  border-left:4px solid var(--surf-primary, var(--surf-accent, #8f0d0d));
  background:#f7f7f5;
  box-shadow:none;
}

.surf-author-profile .node--view-mode-teaser .node__title,
.surf-author-profile .node--view-mode-teaser > h2{
  grid-column:2;
  margin:0;
  font:700 1.35rem/1.12 var(--surf-serif);
}
.surf-author-profile .node--view-mode-teaser .node__title a,
.surf-author-profile .node--view-mode-teaser > h2 a{
  color:var(--surf-ink);
  text-decoration:none;
}
.surf-author-profile .node--view-mode-teaser .node__title a:hover,
.surf-author-profile .node--view-mode-teaser .node__title a:focus-visible{
  text-decoration:underline;
  text-underline-offset:.15em;
}

.surf-author-profile .node--view-mode-teaser .field--type-image,
.surf-author-profile .node--view-mode-teaser [class*="field--name-field-"][class*="image"],
.surf-author-profile .node--view-mode-teaser .field--name-field-headshot,
.surf-author-profile .node--view-mode-teaser .field--name-field-author-image{
  grid-column:1;
  grid-row:1 / span 10;
  margin:0;
}
.surf-author-profile .node--view-mode-teaser img{
  float:none !important;
  width:96px !important;
  height:96px !important;
  margin:0 !important;
  border-radius:50%;
  object-fit:cover;
}

.surf-author-profile .node--view-mode-teaser .field{
  grid-column:2;
  margin:0;
  font:400 .9rem/1.4 var(--surf-sans);
}
.surf-author-profile .node--view-mode-teaser .field__label{
  display:none;
}
.surf-author-profile .node--view-mode-teaser .field__item,
.surf-author-profile .node--view-mode-teaser .field__items{
  display:block;
}

/* Job title: supports the expected machine name and common alternatives. */
.surf-author-profile .node--view-mode-teaser :is(
  .field--name-field-job-title,
  .field--name-field-title,
  .field--name-field-position,
  .author-job-title
){
  color:#555;
  font:italic 600 .88rem/1.35 var(--surf-serif);
}

/* Compact biography. */
.surf-author-profile .node--view-mode-teaser :is(
  .field--name-field-short-bio,
  .field--name-body,
  .author-bio,
  .bio
){
  display:-webkit-box;
  overflow:hidden;
  margin-top:.35rem;
  color:#3f3f3c;
  font:400 .92rem/1.5 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.surf-author-profile .node--view-mode-teaser :is(.field--name-field-short-bio,.field--name-body) p{
  margin:0;
}

/* Hide utility data that does not belong in the compact card. */
.surf-author-profile .node--view-mode-teaser :is(
  .field--name-field-email,
  .field--name-field-email-address,
  .field--name-nodeviewcount,
  .field--name-field-view-count,
  .node__meta,
  .statistics-counter
){
  display:none !important;
}

/* Turn Drupal teaser links into a restrained card action. */
.surf-author-profile .node--view-mode-teaser .node__links,
.surf-author-profile .node--view-mode-teaser .links{
  grid-column:2;
  margin:.45rem 0 0;
  padding:0;
  list-style:none;
}
.surf-author-profile .node--view-mode-teaser .node__links li,
.surf-author-profile .node--view-mode-teaser .links li{
  display:inline-block;
  margin:0 .65rem 0 0;
  padding:0;
}
.surf-author-profile .node--view-mode-teaser .node__links a,
.surf-author-profile .node--view-mode-teaser .links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:.45rem .75rem;
  border:1px solid #bcb8af;
  color:var(--surf-ink);
  background:#fff;
  font:700 .72rem/1 var(--surf-sans);
  letter-spacing:.045em;
  text-decoration:none;
  text-transform:uppercase;
}
.surf-author-profile .node--view-mode-teaser .node__links a:hover,
.surf-author-profile .node--view-mode-teaser .node__links a:focus-visible,
.surf-author-profile .node--view-mode-teaser .links a:hover,
.surf-author-profile .node--view-mode-teaser .links a:focus-visible{
  border-color:var(--surf-ink);
  background:var(--surf-ink);
  color:#fff;
}

@media(max-width:640px){
  .surf-author-profile .node--type-author-profile1.node--view-mode-teaser,
  .surf-author-profile article[class*="node--type-author-profile"][class*="node--view-mode-teaser"]{
    grid-template-columns:72px minmax(0,1fr);
    gap:.25rem .85rem;
    padding:1rem;
  }
  .surf-author-profile .node--view-mode-teaser img{
    width:72px !important;
    height:72px !important;
  }
  .surf-author-profile .node--view-mode-teaser .node__title,
  .surf-author-profile .node--view-mode-teaser > h2{
    font-size:1.18rem;
  }
}

/* ================================================================
   SURF NEWS 3.2.17 — AUTHOR CARD MARKUP FALLBACK
   Supports referenced Author Profile teasers whose formatter strips
   Drupal node, field, and view-mode classes from the rendered markup.
   ================================================================ */
.surf-author-profile > div > div > article,
.surf-author-profile article:not([class]){
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr);
  column-gap:1rem;
  row-gap:.25rem;
  align-items:start;
  max-width:760px;
  margin:1.5rem 0;
  padding:1.15rem 1.25rem;
  border:1px solid #dedbd4;
  border-left:4px solid var(--surf-primary, var(--surf-accent, #8f0d0d));
  background:#f7f7f5;
  box-shadow:none;
}

/* Flatten only the anonymous content wrapper so its fields can join the card grid. */
.surf-author-profile article:not([class]) > div:last-child,
.surf-author-profile > div > div > article > div:last-child{
  display:contents !important;
}

.surf-author-profile article:not([class]) > h2,
.surf-author-profile > div > div > article > h2{
  grid-column:2;
  margin:0 0 .05rem;
  font:700 1.28rem/1.15 var(--surf-serif);
}
.surf-author-profile article:not([class]) > h2 a,
.surf-author-profile > div > div > article > h2 a{
  color:var(--surf-ink);
  text-decoration:none;
}
.surf-author-profile article:not([class]) > h2 a:hover,
.surf-author-profile article:not([class]) > h2 a:focus-visible{
  text-decoration:underline;
  text-underline-offset:.14em;
}

/* Headshot field: the first anonymous field wrapper containing an image. */
.surf-author-profile article:not([class]) > div:last-child > div:has(img),
.surf-author-profile > div > div > article > div:last-child > div:has(img){
  grid-column:1;
  grid-row:1 / span 8;
  margin:0;
}
.surf-author-profile article:not([class]) img,
.surf-author-profile > div > div > article img{
  display:block;
  float:none !important;
  width:92px !important;
  height:92px !important;
  margin:0 !important;
  border-radius:50%;
  object-fit:cover;
}

/* Hide the generic teaser link list and counters; a cleaner profile action is generated below. */
.surf-author-profile article:not([class]) ul.links,
.surf-author-profile > div > div > article ul.links{
  display:none !important;
}

/* Anonymous fields after the image sit in the text column. */
.surf-author-profile article:not([class]) > div:last-child > div:not(:has(img)),
.surf-author-profile > div > div > article > div:last-child > div:not(:has(img)){
  grid-column:2;
  min-width:0;
  margin:0;
  color:#3f3f3c;
  font:400 .9rem/1.45 var(--surf-sans);
}

/* Job title: first plain-text field after the headshot. */
.surf-author-profile article:not([class]) > div:last-child > div:has(img) + div,
.surf-author-profile > div > div > article > div:last-child > div:has(img) + div{
  color:#595752;
  font:italic 600 .88rem/1.35 var(--surf-serif);
}

/* Hide the email field in compact cards. */
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href^="mailto:"]),
.surf-author-profile article:not([class]) > div:last-child > div:has(> div:only-child):has(> div:not(:has(*))){
  /* mailto is the reliable case; structural fallback intentionally omitted */
}
.surf-author-profile article:not([class]) a[href^="mailto:"],
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href^="mailto:"]){
  display:none !important;
}
/* Current formatter prints email as text. Hide the field immediately after job title. */
.surf-author-profile article:not([class]) > div:last-child > div:has(img) + div + div,
.surf-author-profile > div > div > article > div:last-child > div:has(img) + div + div{
  display:none !important;
}

/* Bio: paragraph field, visually limited to three lines. */
.surf-author-profile article:not([class]) > div:last-child > div:has(p),
.surf-author-profile > div > div > article > div:last-child > div:has(p){
  display:-webkit-box;
  overflow:hidden;
  margin-top:.3rem;
  color:#3f3f3c;
  font:400 .91rem/1.5 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.surf-author-profile article:not([class]) > div:last-child > div:has(p) p{
  margin:0;
}

/* Social links become accessible icon buttons based on their URL. */
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href*="facebook.com"]),
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href*="instagram.com"]),
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href*="twitter.com"]),
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href*="x.com"]),
.surf-author-profile article:not([class]) > div:last-child > div:has(a[href*="linkedin.com"]),
.surf-author-profile > div > div > article > div:last-child > div:has(a[href*="facebook.com"]),
.surf-author-profile > div > div > article > div:last-child > div:has(a[href*="instagram.com"]){
  display:inline-flex !important;
  grid-column:2;
  width:auto;
  margin:.45rem .35rem 0 0;
}
.surf-author-profile article:not([class]) a[href*="facebook.com"],
.surf-author-profile article:not([class]) a[href*="instagram.com"],
.surf-author-profile article:not([class]) a[href*="twitter.com"],
.surf-author-profile article:not([class]) a[href*="x.com"],
.surf-author-profile article:not([class]) a[href*="linkedin.com"],
.surf-author-profile > div > div > article a[href*="facebook.com"],
.surf-author-profile > div > div > article a[href*="instagram.com"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  overflow:hidden;
  border:1px solid #c9c5bd;
  border-radius:50%;
  background:#fff;
  color:transparent !important;
  font-size:0 !important;
  text-decoration:none;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease;
}
.surf-author-profile article:not([class]) a[href*="facebook.com"]::before,
.surf-author-profile article:not([class]) a[href*="instagram.com"]::before,
.surf-author-profile article:not([class]) a[href*="twitter.com"]::before,
.surf-author-profile article:not([class]) a[href*="x.com"]::before,
.surf-author-profile article:not([class]) a[href*="linkedin.com"]::before,
.surf-author-profile > div > div > article a[href*="facebook.com"]::before,
.surf-author-profile > div > div > article a[href*="instagram.com"]::before{
  content:"";
  width:16px;
  height:16px;
  background:currentColor;
  color:#222;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;
}
.surf-author-profile article a[href*="facebook.com"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3.3 0-5 2-5 5v2H6v4h3v9h4v-9h3.3l.7-4H13V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3.3 0-5 2-5 5v2H6v4h3v9h4v-9h3.3l.7-4H13V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E");
}
.surf-author-profile article a[href*="instagram.com"]::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-1h.01'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm5 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm6-1h.01'/%3E%3C/svg%3E");
}
.surf-author-profile article a[href*="twitter.com"]::before,
.surf-author-profile article a[href*="x.com"]::before{
  content:"X";
  width:auto;
  height:auto;
  background:none;
  color:#222;
  font:700 13px/1 var(--surf-sans);
  -webkit-mask-image:none;
  mask-image:none;
}
.surf-author-profile article a[href*="linkedin.com"]::before{
  content:"in";
  width:auto;
  height:auto;
  background:none;
  color:#222;
  font:700 13px/1 var(--surf-sans);
  -webkit-mask-image:none;
  mask-image:none;
}
.surf-author-profile article a[href*="facebook.com"]:hover,
.surf-author-profile article a[href*="instagram.com"]:hover,
.surf-author-profile article a[href*="twitter.com"]:hover,
.surf-author-profile article a[href*="x.com"]:hover,
.surf-author-profile article a[href*="linkedin.com"]:hover,
.surf-author-profile article a[href*="facebook.com"]:focus-visible,
.surf-author-profile article a[href*="instagram.com"]:focus-visible{
  border-color:#222;
  background:#222;
  transform:translateY(-1px);
}
.surf-author-profile article a[href*="facebook.com"]:hover::before,
.surf-author-profile article a[href*="instagram.com"]:hover::before,
.surf-author-profile article a[href*="twitter.com"]:hover::before,
.surf-author-profile article a[href*="x.com"]:hover::before,
.surf-author-profile article a[href*="linkedin.com"]:hover::before{
  color:#fff;
}

/* Add a clean profile action using the title URL. */
.surf-author-profile article:not([class])::after,
.surf-author-profile > div > div > article::after{
  content:"View profile →";
  grid-column:2;
  justify-self:start;
  margin-top:.5rem;
  color:var(--surf-primary, #8f0d0d);
  font:700 .74rem/1 var(--surf-sans);
  letter-spacing:.04em;
  text-transform:uppercase;
}

@media(max-width:640px){
  .surf-author-profile > div > div > article,
  .surf-author-profile article:not([class]){
    grid-template-columns:70px minmax(0,1fr);
    column-gap:.8rem;
    padding:1rem;
  }
  .surf-author-profile article:not([class]) img,
  .surf-author-profile > div > div > article img{
    width:70px !important;
    height:70px !important;
  }
  .surf-author-profile article:not([class]) > h2,
  .surf-author-profile > div > div > article > h2{
    font-size:1.12rem;
  }
}

/* ================================================================
   SURF NEWS 3.2.18 — AUTHOR CARD DOM-NORMALIZED STYLING
   Stable classes are assigned by surfNewsAuthorCard for formatter
   markup that omits Drupal field and view-mode classes.
   ================================================================ */
.surf-author-profile .surf-author-card{
  display:grid !important;
  grid-template-columns:92px minmax(0,1fr);
  gap:.25rem 1rem;
  align-items:start;
  max-width:760px;
  margin:1.5rem 0;
  padding:1.15rem 1.25rem;
  border:1px solid #dedbd4;
  border-left:4px solid var(--surf-primary,#8f0d0d);
  background:#f7f7f5;
}
.surf-author-profile .surf-author-card__content{display:contents !important;}
.surf-author-profile .surf-author-card__name{
  grid-column:2;
  margin:0 !important;
  font:700 1.28rem/1.15 var(--surf-serif) !important;
}
.surf-author-profile .surf-author-card__name a{color:var(--surf-ink);text-decoration:none;}
.surf-author-profile .surf-author-card__name a:hover{text-decoration:underline;text-underline-offset:.14em;}
.surf-author-profile .surf-author-card__photo{
  grid-column:1;
  grid-row:1 / span 8;
  margin:0 !important;
}
.surf-author-profile .surf-author-card__photo img{
  display:block;
  width:92px !important;
  height:92px !important;
  margin:0 !important;
  border-radius:50%;
  object-fit:cover;
}
.surf-author-profile .surf-author-card__job,
.surf-author-profile .surf-author-card__bio,
.surf-author-profile .surf-author-card__social{
  grid-column:2;
}
.surf-author-profile .surf-author-card__job{
  margin:0;
  color:#595752;
  font:italic 600 .88rem/1.35 var(--surf-serif);
}
.surf-author-profile .surf-author-card__email,
.surf-author-profile .surf-author-card__links{display:none !important;}
.surf-author-profile .surf-author-card__bio{
  display:-webkit-box;
  overflow:hidden;
  margin:.3rem 0 0;
  color:#3f3f3c;
  font:400 .91rem/1.5 var(--surf-serif);
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.surf-author-profile .surf-author-card__bio p{margin:0;}
.surf-author-profile .surf-author-card__social{
  display:inline-flex !important;
  width:auto;
  margin:.45rem .35rem 0 0;
}
.surf-author-profile .surf-author-card__social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  overflow:hidden;
  border:1px solid #c9c5bd;
  border-radius:50%;
  background:#fff;
  color:transparent !important;
  font-size:0 !important;
  text-decoration:none;
}
.surf-author-profile .surf-author-card__social a::before{
  display:block;
  color:#222;
  font:700 14px/1 var(--surf-sans);
}
.surf-author-profile .surf-author-card__social a[href*="facebook.com"]::before{content:"f";font-size:18px;}
.surf-author-profile .surf-author-card__social a[href*="instagram.com"]::before{content:"◎";font-size:18px;}
.surf-author-profile .surf-author-card__social a[href*="twitter.com"]::before,
.surf-author-profile .surf-author-card__social a[href*="x.com"]::before{content:"X";}
.surf-author-profile .surf-author-card__social a[href*="linkedin.com"]::before{content:"in";}
.surf-author-profile .surf-author-card__social a:hover,
.surf-author-profile .surf-author-card__social a:focus-visible{background:#222;border-color:#222;}
.surf-author-profile .surf-author-card__social a:hover::before,
.surf-author-profile .surf-author-card__social a:focus-visible::before{color:#fff;}
@media(max-width:640px){
  .surf-author-profile .surf-author-card{grid-template-columns:70px minmax(0,1fr);padding:1rem;gap:.25rem .8rem;}
  .surf-author-profile .surf-author-card__photo img{width:70px !important;height:70px !important;}
  .surf-author-profile .surf-author-card__name{font-size:1.12rem !important;}
}

/* 3.2.19 — Theme-owned article author card. */
.surf-article > .surf-author-card{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  gap:1.15rem;
  margin:2.5rem 0 1.75rem;
  padding:1.25rem;
  border-top:3px solid var(--surf-accent,#8b0000);
  background:#f6f6f4;
}
.surf-author-card__image{display:block;align-self:start;text-decoration:none;}
.surf-author-card__image .field{margin:0;}
.surf-author-card__image img{
  display:block;
  width:104px;
  height:104px;
  border-radius:50%;
  object-fit:cover;
}
.surf-author-card__content{min-width:0;}
.surf-author-card__eyebrow{
  margin:0 0 .2rem;
  color:var(--surf-accent,#8b0000);
  font:700 .72rem/1.2 var(--surf-sans,sans-serif);
  letter-spacing:.09em;
  text-transform:uppercase;
}
.surf-author-card__name{margin:0;font:700 1.35rem/1.15 var(--surf-serif,serif);}
.surf-author-card__name a{color:inherit;text-decoration:none;}
.surf-author-card__name a:hover{text-decoration:underline;text-underline-offset:.14em;}
.surf-author-card__job{margin:.18rem 0 0;color:#5c5953;font:italic 600 .9rem/1.35 var(--surf-serif,serif);}
.surf-author-card__bio{margin:.55rem 0 0;color:#383733;font:400 .94rem/1.5 var(--surf-serif,serif);}
.surf-author-card__footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem 1.25rem;margin-top:.8rem;}
.surf-author-card__social{display:flex;flex-wrap:wrap;gap:.35rem;}
.surf-author-card__social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  border:1px solid #c8c5bd;
  border-radius:50%;
  background:#fff;
  color:#222;
  font:700 .78rem/1 var(--surf-sans,sans-serif);
  text-decoration:none;
}
.surf-author-card__social-link:hover,.surf-author-card__social-link:focus-visible{border-color:#222;background:#222;color:#fff;}
.surf-author-card__social-link--instagram span{font-size:1rem;}
.surf-author-card__social-link--bluesky span{font-size:.88rem;}
.surf-author-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem 1rem;font:700 .78rem/1.3 var(--surf-sans,sans-serif);}
.surf-author-card__actions a{color:var(--surf-accent,#8b0000);text-decoration:none;}
.surf-author-card__actions a:hover{text-decoration:underline;text-underline-offset:.14em;}
@media(max-width:640px){
  .surf-article > .surf-author-card{grid-template-columns:72px minmax(0,1fr);gap:.85rem;padding:1rem;}
  .surf-author-card__image img{width:72px;height:72px;}
  .surf-author-card__name{font-size:1.15rem;}
  .surf-author-card__footer{align-items:flex-start;flex-direction:column;}
  .surf-author-card__actions{justify-content:flex-start;}
}

/* ================================================================
   SURF NEWS 3.2.20 — FULL AUTHOR PROFILE PAGE
   ================================================================ */
.node-type-author_profile1 .surf-main,
.node-type-author_profile1 .layout-content{
  min-width:0;
}
.node-type-author_profile1 .surf-author-page{
  max-width:1040px;
  margin:0 auto;
  padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2rem) 4rem;
  color:var(--surf-ink,#111);
}
.surf-author-page__header{
  padding-bottom:clamp(1.5rem,3vw,2.5rem);
  border-bottom:1px solid #cfcac1;
}
.surf-author-page__identity{
  display:grid;
  grid-template-columns:minmax(180px,260px) minmax(0,1fr);
  gap:clamp(1.5rem,4vw,3.25rem);
  align-items:center;
}
.surf-author-page__photo .field{margin:0;}
.surf-author-page__photo img{
  display:block;
  width:100%;
  max-width:260px;
  aspect-ratio:1 / 1;
  object-fit:cover;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(17,17,17,.12);
}
.surf-author-page__eyebrow{
  margin:0 0 .55rem;
  color:var(--surf-accent,#8b0000);
  font:700 .78rem/1.2 var(--surf-sans,sans-serif);
  letter-spacing:.12em;
  text-transform:uppercase;
}
.surf-author-page__name{
  max-width:14ch;
  margin:0;
  font:700 clamp(2.7rem,7vw,5.5rem)/.94 var(--surf-serif,Georgia,serif);
  letter-spacing:-.035em;
}
.surf-author-page__job{
  margin:.8rem 0 0;
  color:#55514b;
  font:italic 600 clamp(1.05rem,2vw,1.35rem)/1.35 var(--surf-serif,Georgia,serif);
}
.surf-author-page__contact{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.8rem 1.15rem;
  margin-top:1.35rem;
}
.surf-author-page__email{
  color:var(--surf-ink,#111);
  font:600 .9rem/1.3 var(--surf-sans,sans-serif);
  text-decoration:none;
}
.surf-author-page__email:hover{text-decoration:underline;text-underline-offset:.16em;}
.surf-author-page__social{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.surf-author-page__social-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid #c8c3bb;
  border-radius:50%;
  background:#fff;
  color:#181818;
  font:700 .9rem/1 var(--surf-sans,sans-serif);
  text-decoration:none;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;
}
.surf-author-page__social-link:hover,
.surf-author-page__social-link:focus-visible{
  border-color:#181818;
  background:#181818;
  color:#fff;
  transform:translateY(-1px);
}
.surf-author-page__social-link--instagram span{font-size:1.15rem;}
.surf-author-page__social-link--facebook span{font-size:1.2rem;}
.surf-author-page__social-link--bluesky span{font-size:1rem;}
.surf-author-page__body{
  max-width:760px;
  margin:clamp(1.75rem,4vw,3rem) auto 0;
  color:#2b2a27;
  font:400 clamp(1.08rem,1.6vw,1.25rem)/1.72 var(--surf-serif,Georgia,serif);
}
.surf-author-page__body .field{margin:0;}
.surf-author-page__body p{margin:0 0 1.25em;}
.surf-author-page__body a{color:var(--surf-accent,#8b0000);text-underline-offset:.15em;}
.surf-author-page__stories{
  max-width:1040px;
  margin:clamp(2.5rem,6vw,4.5rem) auto 0;
  padding-top:1.1rem;
  border-top:3px double #222;
}
.surf-author-page__stories h2{
  margin:0;
  font:700 clamp(1.7rem,3vw,2.35rem)/1.05 var(--surf-serif,Georgia,serif);
}
.surf-author-page__stories-placeholder:empty{display:none;}

@media(max-width:700px){
  .surf-author-page__identity{
    grid-template-columns:92px minmax(0,1fr);
    gap:1rem;
    align-items:start;
  }
  .surf-author-page__photo img{width:92px;height:92px;}
  .surf-author-page__name{font-size:clamp(2rem,10vw,3.15rem);}
  .surf-author-page__job{margin-top:.45rem;font-size:1rem;}
  .surf-author-page__contact{grid-column:1 / -1;margin-top:.8rem;}
  .surf-author-page__body{font-size:1.08rem;line-height:1.66;}
}

/* ==========================================================
   3.2.21 — Author profile story grid
   ========================================================== */
.surf-author-stories-region{
  margin-top:clamp(2rem,5vw,4.5rem);
  margin-bottom:clamp(2.5rem,6vw,5rem);
  padding-top:clamp(1.4rem,3vw,2.25rem);
  border-top:2px solid var(--surf-ink,#111);
}
.surf-author-stories-region > .region,
.surf-author-stories-region .block,
.surf-author-stories-region .view{
  margin:0;
}
.surf-author-stories-region .block > h2,
.surf-author-stories-region .block__title,
.surf-author-stories-region .view-header h2{
  margin:0 0 1.35rem;
  color:var(--surf-ink,#111);
  font:700 clamp(1.65rem,3vw,2.35rem)/1.08 var(--surf-serif,Georgia,serif);
  letter-spacing:-.02em;
}
.surf-author-stories-region .view-content{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.25rem,2.5vw,2rem);
}
.surf-author-stories-region .views-row{
  min-width:0;
  padding:0 0 1.15rem;
  border-bottom:1px solid #d7d5d0;
}
.surf-author-stories-region .views-field{
  margin:0;
}
.surf-author-stories-region img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  margin:0 0 .75rem;
  background:#eceae5;
}
.surf-author-stories-region .views-field-title,
.surf-author-stories-region .views-field-title-1{
  margin:.1rem 0 0;
  font:700 clamp(1.08rem,1.8vw,1.38rem)/1.17 var(--surf-serif,Georgia,serif);
  letter-spacing:-.012em;
}
.surf-author-stories-region .views-field-title a,
.surf-author-stories-region h3 a{
  color:var(--surf-ink,#111);
  text-decoration:none;
}
.surf-author-stories-region .views-field-title a:hover,
.surf-author-stories-region .views-field-title a:focus-visible,
.surf-author-stories-region h3 a:hover,
.surf-author-stories-region h3 a:focus-visible{
  color:var(--surf-accent,#8b0000);
  text-decoration:underline;
  text-underline-offset:.15em;
}
.surf-author-stories-region .views-field-created,
.surf-author-stories-region .views-field-field-section,
.surf-author-stories-region .views-field-field-category,
.surf-author-stories-region time{
  display:block;
  margin:.45rem 0 0;
  color:#66635d;
  font:700 .72rem/1.35 var(--surf-sans,Arial,sans-serif);
  letter-spacing:.075em;
  text-transform:uppercase;
}
.surf-author-stories-region .views-row > article,
.surf-author-stories-region .views-row > .node,
.surf-author-stories-region .views-row .node--view-mode-teaser{
  display:block;
  margin:0;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}
.surf-author-stories-region .views-row :is(h2,h3,.node__title){
  margin:.1rem 0 0;
  font:700 clamp(1.08rem,1.8vw,1.38rem)/1.17 var(--surf-serif,Georgia,serif);
  letter-spacing:-.012em;
}
.surf-author-stories-region .views-row :is(h2,h3,.node__title) a{
  color:var(--surf-ink,#111);
  text-decoration:none;
}
.surf-author-stories-region .views-row :is(h2,h3,.node__title) a:hover,
.surf-author-stories-region .views-row :is(h2,h3,.node__title) a:focus-visible{
  color:var(--surf-accent,#8b0000);
  text-decoration:underline;
  text-underline-offset:.15em;
}
.surf-author-stories-region .views-row .field--type-image,
.surf-author-stories-region .views-row .views-field-field-image{
  margin:0;
}
.surf-author-stories-region .views-row .field--name-body,
.surf-author-stories-region .views-row .node__content > :not(.field--type-image):not(.field--name-field-image),
.surf-author-stories-region .views-row .links,
.surf-author-stories-region .views-row .node__links{
  display:none;
}
.surf-author-stories-region .pager{
  margin-top:2rem;
}
.surf-author-stories-region .more-link{
  margin-top:1.5rem;
  text-align:left;
}
.surf-author-stories-region .more-link a{
  color:var(--surf-accent,#8b0000);
  font:700 .82rem/1.3 var(--surf-sans,Arial,sans-serif);
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.06em;
}
@media (max-width:900px){
  .surf-author-stories-region .view-content{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:620px){
  .surf-author-stories-region{margin-top:2rem;padding-top:1.2rem;}
  .surf-author-stories-region .view-content{grid-template-columns:1fr;gap:1.25rem;}
  .surf-author-stories-region .views-row{
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    gap:.85rem;
    align-items:start;
  }
  .surf-author-stories-region img{margin:0;aspect-ratio:4/3;}
  .surf-author-stories-region .views-field-title{margin:0;}
}

/* ==========================================================
   3.2.23 — Author story cards: exact Views markup
   Some Views displays omit the standard .view-content wrapper.
   Target the generated view DOM container directly.
   ========================================================== */
.surf-author-stories-region [class*="js-view-dom-id-"] {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.25rem,2.5vw,2rem);
}
.surf-author-stories-region [class*="js-view-dom-id-"] > [data-contextual-id],
.surf-author-stories-region [class*="js-view-dom-id-"] > .contextual {
  position:absolute;
}
.surf-author-stories-region [class*="js-view-dom-id-"] > .views-row {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  padding:0 0 1rem;
  overflow:hidden;
  border-bottom:1px solid #d7d5d0;
}
.surf-author-stories-region .views-row .views-field-field-image {
  order:1;
  margin:0 0 .75rem;
}
.surf-author-stories-region .views-row .views-field-title {
  order:2;
  margin:0;
}
.surf-author-stories-region .views-row .views-field-created {
  order:3;
  margin:.42rem 0 0;
}
.surf-author-stories-region .views-row .views-field-field-image a,
.surf-author-stories-region .views-row .views-field-field-image .field-content {
  display:block;
}
.surf-author-stories-region .views-row .views-field-field-image img {
  display:block;
  width:100%;
  height:auto;
  margin:0;
  aspect-ratio:16/9;
  object-fit:cover;
}
.surf-author-stories-region .views-row .views-field-title a {
  display:block;
  color:var(--surf-ink,#111);
  font:700 clamp(1.08rem,1.8vw,1.38rem)/1.17 var(--surf-serif,Georgia,serif);
  letter-spacing:-.012em;
  text-decoration:none;
}
.surf-author-stories-region .views-row .views-field-created,
.surf-author-stories-region .views-row .views-field-created time {
  color:#66635d;
  font:700 .72rem/1.35 var(--surf-sans,Arial,sans-serif);
  letter-spacing:.075em;
  text-transform:uppercase;
}
@media (max-width:900px){
  .surf-author-stories-region [class*="js-view-dom-id-"] {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:620px){
  .surf-author-stories-region [class*="js-view-dom-id-"] {
    grid-template-columns:1fr;
    gap:1.1rem;
  }
  .surf-author-stories-region [class*="js-view-dom-id-"] > .views-row {
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    grid-template-rows:auto auto;
    column-gap:.85rem;
    align-items:start;
  }
  .surf-author-stories-region .views-row .views-field-field-image {
    grid-column:1;
    grid-row:1 / span 2;
    margin:0;
  }
  .surf-author-stories-region .views-row .views-field-title {
    grid-column:2;
    grid-row:1;
  }
  .surf-author-stories-region .views-row .views-field-created {
    grid-column:2;
    grid-row:2;
  }
  .surf-author-stories-region .views-row .views-field-field-image img {
    aspect-ratio:4/3;
  }
}


/* ================================================================
   SURF NEWS 3.2.24 — CLEAN ARTICLE ENDING
   Remove empty footer rules and Drupal node-link/view-count output
   beneath the theme-owned author card.
   ================================================================ */
.surf-article > .surf-author-card + .surf-article__tags:empty,
.surf-article > .surf-author-card + .surf-article__links:empty,
.surf-article > .surf-author-card + .surf-article__comments:empty,
.surf-article__tags:empty,
.surf-article__links:empty,
.surf-article__comments:empty {
  display:none !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}
.surf-article__links,
.surf-article > .links,
.surf-article > .node__links {
  display:none !important;
}
.field--name-field-gallery-images .field__items {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 24px 0;
}

.field--name-field-gallery-images .field__item {
  min-width: 0;
  overflow: hidden;
  background: #f4f4f4;
  border-radius: 5px;
}

.field--name-field-gallery-images figure {
  margin: 0;
}

.field--name-field-gallery-images img {
  display: block;
  width: 100% !important;
  height: 240px !important;
  max-width: none !important;
  object-fit: cover;
}

.field--name-field-gallery-images figcaption,
.field--name-field-gallery-images .image-caption,
.field--name-field-gallery-images .image-field-caption {
  padding: 10px 12px 12px;
  color: #555;
  font-size: 14px;
  line-height: 20px;
}

@media (max-width: 800px) {
  .field--name-field-gallery-images .field__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .field--name-field-gallery-images .field__items {
    grid-template-columns: 1fr;
  }

  .field--name-field-gallery-images img {
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
}
#block-surf-news-paywall {width: 100%; background: #222; color: #fff; border-radius: 5px; padding: 30px}
#block-surf-news-paywall a {color: #f1f1f1; text-decoration: underline}

/* Canonical article pages can be switched to the teaser view mode by the
   paywall. Give that page-level teaser an article introduction layout without
   changing teaser cards used by Views, the homepage, or taxonomy listings. */
.surf-main--article .surf-story-card--page-teaser {
  width: min(100%, 1120px);
  margin: 0 auto;
  padding: clamp(1.25rem, 3vw, 2.5rem);
  overflow: hidden;
  background: #fff;
  border-top: 4px solid var(--surf-ink);
  box-shadow: 0 16px 55px rgba(0, 0, 0, .10);
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__kicker--above-media {
  width: min(100%, 900px);
  margin: 0 auto .75rem;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__media {
  width: min(100%, 900px);
  margin: 0 auto;
  overflow: hidden;
  background: var(--surf-soft);
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__media :is(.field, .field__item, figure, a) {
  display: block;
  margin: 0;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 560px;
  aspect-ratio: auto;
  object-fit: contain;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__content {
  width: min(100%, 820px);
  margin: 0 auto;
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 0;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__title {
  margin: 0 0 .65rem;
  font-size: clamp(2rem, 4.5vw, 3.75rem);
  line-height: 1.02;
  letter-spacing: -.035em;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__summary {
  max-width: 740px;
  font-size: clamp(1.05rem, 1.8vw, 1.3rem);
  line-height: 1.5;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__summary :is(.field, p) {
  margin: 0;
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem 1rem;
  margin-top: 1rem;
  padding-top: .8rem;
  border-top: 1px solid var(--surf-rule);
}

.surf-main--article .surf-story-card--page-teaser .surf-story-card__meta span + span::before {
  content: "\2022";
  margin-right: 1rem;
}

.surf-main--article #block-surf-news-paywall {
  width: min(100%, var(--surf-reading));
  margin: 2rem auto 0;
}

@media (max-width: 800px) {
  .surf-main--article .surf-story-card--page-teaser {
    padding: 1rem;
    box-shadow: none;
  }

  .surf-main--article .surf-story-card--page-teaser .surf-story-card__media img {
    max-height: none;
  }

  .surf-main--article .surf-story-card--page-teaser .surf-story-card__meta span + span::before {
    display: none;
  }

  .surf-main--article #block-surf-news-paywall {
    padding: 1.25rem;
  }
}
/* Surf News 3.2.26 — adjustable regular desktop masthead logo. */
@media (min-width: 801px) {
  .surf-masthead-wrap:not(.is-condensed) .surf-header__brand :is(.surf-branding__logo img, img) {
    width: auto !important;
    max-width: 100% !important;
    max-height: var(--surf-regular-logo-max-height, 96px) !important;
  }
}
/* Surf News 3.2.27: full-width Surf E-Edition reader route. */
.surf-site--edition-viewer .surf-main--edition-viewer {
  padding-block: clamp(1.25rem, 3vw, 2.5rem) clamp(2.5rem, 5vw, 4.5rem);
}

.surf-site--edition-viewer .surf-edition-viewer-content {
  width: min(calc(100% - 32px), 1440px);
  min-width: 0;
  margin-inline: auto;
}

.surf-site--edition-viewer .surf-edition-viewer-content > .region,
.surf-site--edition-viewer .surf-edition-viewer-content > .region > .block,
.surf-site--edition-viewer .surf-edition-viewer-content .surf-edition,
.surf-site--edition-viewer .surf-edition-viewer-content .surf-reader {
  width: 100%;
  min-width: 0;
  max-width: none;
}

@media (max-width: 800px) {
  .surf-site--edition-viewer .surf-edition-viewer-content {
    width: min(calc(100% - 24px), 1440px);
  }
}

/* Drupal status messages shown below the newspaper navigation. */
.surf-highlighted:not(:empty) {
  margin-block: 1rem 0;
}

.surf-highlighted :is(.messages, .messages-list, [data-drupal-messages] > *) {
  position: relative;
  margin: 0;
  padding: 1rem 1.2rem 1rem 3.25rem;
  border: 1px solid #b9d6c1;
  border-inline-start: 5px solid #277a43;
  border-radius: 5px;
  background: #f2faf4;
  box-shadow: 0 8px 22px rgb(23 25 27 / 7%);
  color: #173d23;
  font-size: .95rem;
  font-weight: 700;
  line-height: 1.45;
}

.surf-highlighted :is(.messages, .messages-list, [data-drupal-messages] > *)::before {
  position: absolute;
  inset: 50% auto auto 1.15rem;
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 50%;
  background: #277a43;
  color: #fff;
  content: "\2713";
  font-size: .75rem;
  line-height: 1.15rem;
  text-align: center;
  transform: translateY(-50%);
}

.surf-highlighted :is(.messages__list, ul) {
  margin: 0;
  padding: 0;
  list-style: none;
}