/*
Theme Name: haber-wp
Version: 6.4
License: GNU General Public License v2 or later
Text Domain: haber
*/

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/merriweather-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/merriweather-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/merriweather-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(assets/fonts/merriweather-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/publicsans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/publicsans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/publicsans-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/publicsans-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --paper: var(--wp--preset--color--paper);
  --band: var(--wp--preset--color--band);
  --ink-hard: var(--wp--preset--color--ink-hard);
  --bar: var(--wp--preset--color--bar);
  --serif: var(--wp--preset--font-family--serif);
  --body-font: var(--wp--preset--font-family--body-font);
  --radius: var(--wp--custom--radius);
  --overlay-pad: var(--wp--custom--overlay-pad);
  --overlay-gap: var(--wp--custom--overlay-gap);
  --bar-pad: var(--wp--custom--bar-pad);
  --headline-lh: var(--wp--custom--headline-lh);
  --side-lh: var(--wp--custom--side-lh);
  --hero-headline-size: var(--wp--custom--hero-headline-size);
  --hero-headline-size-max: var(--wp--custom--hero-headline-size-max);
  --hero-headline-vw: var(--wp--custom--hero-headline-vw);
  --side-headline-size: var(--wp--custom--side-headline-size);
  --lead-overlay-size: var(--wp--custom--lead-overlay-size);
  --lead-overlay-lines: var(--wp--custom--lead-overlay-lines);
  --phone-thumb-width: var(--wp--custom--phone-thumb-width);
  --overlay-ink: var(--wp--preset--color--overlay-ink);
  --mono: var(--wp--preset--font-family--mono);
  --body-lh: var(--wp--custom--body-lh);
  --chip-radius: var(--wp--custom--chip-radius);
  --chip-pad: var(--wp--custom--chip-pad);
  --chip-track: var(--wp--custom--chip-track);
  --band-track: var(--wp--custom--band-track);
  --sd-time-opacity: var(--wp--custom--sd-time-opacity);
  --fs-xs: var(--wp--preset--font-size--fs-xs);
  --fs-s: var(--wp--preset--font-size--fs-s);
  --fs-m: var(--wp--preset--font-size--fs-m);
  --fs-l: var(--wp--preset--font-size--fs-l);
  --fs-xl: var(--wp--preset--font-size--fs-xl);
  --fs-xxl: var(--wp--preset--font-size--fs-xxl);
  --sp-1: var(--wp--preset--spacing--sp-1);
  --sp-2: var(--wp--preset--spacing--sp-2);
  --sp-3: var(--wp--preset--spacing--sp-3);
  --sp-4: var(--wp--preset--spacing--sp-4);
  --sp-5: var(--wp--preset--spacing--sp-5);
  --gutter: var(--wp--preset--spacing--gutter);
  --maxw: var(--wp--custom--maxw);
  --brand: #b80000;
}

.haber-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, calc(1280px / 4)), 1fr));
  gap: var(--wp--preset--spacing--gutter);
}

.haber-cards > li {
  display: flex;
  flex-direction: column;
  background: var(--wp--preset--color--band);
  border-radius: 6px;
  overflow: hidden;
  margin: 0;
}

.haber-cards .wp-block-post-featured-image {
  margin: 0;
}

.haber-cards .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  aspect-ratio: 3/2;
  height: auto;
  object-fit: cover;
}

.haber-card-body {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-2);
  padding: var(--wp--preset--spacing--sp-3);
}

.haber-card-body > * {
  margin: 0;
}

.haber-cards .wp-block-post-terms {
  font-size: var(--wp--preset--font-size--fs-xs);
  letter-spacing: .05em;
}

.haber-cards .wp-block-post-title {
  font-size: var(--wp--preset--font-size--fs-l);
}

.haber-cards .wp-block-post-date {
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: .7;
}

.haber-cards a {
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-article {
  max-width: calc(1280px / 2);
  margin-inline: auto;
}

.haber-article img {
  max-width: 100%;
  height: auto;
}

.haber-article .wp-block-post-featured-image img {
  display: block;
  width: 100%;
  max-height: calc(1280px / 2);
  object-fit: cover;
}

.haber-article a {
  color: var(--wp--preset--color--ink-hard);
}

.haber-article .wp-block-post-terms a {
  text-decoration: none;
}

.haber-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--sp-3);
  list-style: none;
  padding: 0;
  font-size: var(--wp--preset--font-size--fs-s);
  font-weight: 600;
}

.haber-nav a {
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-footer {
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-4);
}

.haber-footer-note {
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: .7;
}

.haber-404 a {
  color: var(--wp--preset--color--ink-hard);
}

.haber-404 .wp-block-post-title a {
  text-decoration: none;
}

.haber-credit {
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: .7;
  margin-top: var(--wp--preset--spacing--sp-1);
}

.haber-credit:empty {
  display: none;
}

.haber-category-band {
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-4);
  margin-bottom: var(--wp--preset--spacing--sp-4);
}

.haber-category-band .wp-block-query-title {
  font-size: var(--wp--preset--font-size--fs-xxl);
  margin: 0;
}

.haber-article-footer {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-2);
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-4);
  margin-top: var(--wp--preset--spacing--sp-4);
}

.haber-article-footer > * {
  margin: 0;
}

.haber-sources-fold {
  background: var(--wp--preset--color--band);
  border-radius: var(--radius);
  padding: var(--wp--preset--spacing--sp-2) var(--wp--preset--spacing--sp-3);
}

.haber-sources-fold summary {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--fs-l);
  cursor: pointer;
}

.haber-sources {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--sp-1) var(--wp--preset--spacing--sp-3);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-sources li:not(:last-child)::after {
  content: ",";
}

.haber-correction-notice {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-1);
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-3);
  margin-bottom: var(--wp--preset--spacing--sp-4);
}

.haber-correction-notice > * {
  margin: 0;
}

.haber-correction-badge {
  font-size: var(--wp--preset--font-size--fs-xs);
}

.haber-faq {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-2);
  background: var(--wp--preset--color--band);
  border-radius: 6px;
  padding: var(--wp--preset--spacing--sp-4);
  margin-top: var(--wp--preset--spacing--sp-4);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-faq > * {
  margin: 0;
}

.haber-faq h2 {
  font-size: var(--wp--preset--font-size--fs-m);
}

.haber-faq summary {
  display: flex;
  justify-content: space-between;
  gap: var(--wp--preset--spacing--sp-2);
  cursor: pointer;
  list-style: none;
  font-family: var(--wp--preset--font-family--body-font);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fs-m);
  line-height: var(--headline-lh);
}

.haber-faq summary::-webkit-details-marker {
  display: none;
}

.haber-faq summary::after {
  content: "+";
}

.haber-faq-item[open] summary::after {
  content: "\2013";
}

.haber-faq p {
  margin: 0;
  padding-top: var(--wp--preset--spacing--sp-1);
  font-family: var(--wp--preset--font-family--body-font);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--fs-s);
  line-height: var(--body-lh);
}

.haber-faq-item {
  border-bottom: 1px solid var(--wp--preset--color--ink-hard);
}

.haber-contact-form {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-3);
  max-width: calc(1280px / 2);
  margin-inline: auto;
}

.haber-contact-field {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--sp-1);
}

.haber-contact-form input,
.haber-contact-form textarea,
.haber-contact-form button {
  width: 100%;
  min-height: 48px;
  font-size: var(--wp--preset--font-size--fs-m);
}

.haber-contact-form textarea {
  resize: vertical;
}

.haber-contact-notice {
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-3);
}

.haber-contact-error {
  background: var(--wp--preset--color--band);
  padding: var(--wp--preset--spacing--sp-3);
  border-inline-start: var(--wp--preset--spacing--sp-1) solid var(--brand);
}

.haber-contact-note {
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: .7;
}

.haber-contact-honeypot {
  position: absolute;
  inset-inline-start: -100%;
  width: 0;
  overflow: hidden;
}

.hd > a {
  color: inherit;
  text-decoration: none;
}

.haber-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--sp-3);
  margin-top: var(--wp--preset--spacing--sp-4);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-pagination .current {
  font-weight: 600;
}

.haber-related {
  border-top: 2px solid var(--wp--preset--color--ink-hard);
  margin: var(--wp--preset--spacing--sp-4) 0;
  padding-top: var(--wp--preset--spacing--sp-2);
}

.haber-related h2 {
  font-family: var(--wp--preset--font-family--serif);
  font-size: var(--wp--preset--font-size--fs-l);
  margin: 0 0 var(--wp--preset--spacing--sp-2);
}

.haber-related ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: var(--wp--preset--spacing--sp-1);
}

.haber-related a {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fs-m);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-share {
  display: flex;
  gap: var(--wp--preset--spacing--sp-2);
  margin: var(--wp--preset--spacing--sp-2) 0 var(--wp--preset--spacing--sp-3);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-share a {
  border: 1px solid var(--wp--preset--color--ink-hard);
  border-radius: 6px;
  padding: var(--wp--preset--spacing--sp-1) var(--wp--preset--spacing--sp-2);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-consent {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--wp--preset--color--band);
  border-top: 2px solid var(--wp--preset--color--ink-hard);
  padding: var(--wp--preset--spacing--sp-3);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--wp--preset--spacing--sp-3);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-consent[hidden] {
  display: none;
}

.haber-consent button {
  font-size: var(--wp--preset--font-size--fs-s);
  padding: var(--wp--preset--spacing--sp-1) var(--wp--preset--spacing--sp-2);
}

.haber-consent-preferences {
  display: block;
  text-align: center;
  padding: var(--wp--preset--spacing--sp-2);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-front {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: var(--wp--preset--spacing--sp-4);
  align-items: start;
}

.haber-section {
  margin: 0 0 var(--wp--preset--spacing--sp-4);
}

.haber-section-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 2px solid var(--wp--preset--color--ink-hard);
  padding-bottom: var(--wp--preset--spacing--sp-1);
  margin-bottom: var(--wp--preset--spacing--sp-3);
}

.haber-section-head h2 {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--fs-l);
  margin: 0;
}

.haber-all-link {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-xs);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
  opacity: var(--sd-time-opacity);
}

.haber-section .haber-cards {
  grid-template-columns: repeat(3, 1fr);
}

.haber-section .haber-cards .wp-block-post-title {
  font-size: var(--wp--preset--font-size--fs-m);
}

.haber-sidebar {
  position: sticky;
  top: var(--wp--preset--spacing--sp-3);
}

.haber-sidebar section {
  background: var(--wp--preset--color--band);
  border-radius: var(--radius);
  padding: var(--wp--preset--spacing--sp-3);
  margin-bottom: var(--wp--preset--spacing--sp-3);
}

.haber-sidebar h3 {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-xs);
  letter-spacing: var(--band-track);
  text-transform: uppercase;
  margin: 0 0 var(--wp--preset--spacing--sp-2);
  border-bottom: 1px solid var(--wp--preset--color--ink-hard);
  padding-bottom: var(--wp--preset--spacing--sp-1);
}

.haber-trend ol,
.haber-category-latest ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--wp--preset--spacing--sp-2);
  display: grid;
  gap: var(--wp--preset--spacing--sp-2);
}

.haber-trend li a,
.haber-category-latest li a {
  display: grid;
  grid-template-columns: 64px 1fr;
  gap: var(--wp--preset--spacing--sp-2);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
  align-items: start;
}

.haber-sidebar-thumb {
  display: block;
  width: 64px;
  aspect-ratio: 4/3;
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--wp--preset--color--ink-hard);
}

.haber-sidebar-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.haber-sidebar-title {
  display: block;
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fs-s);
  line-height: var(--headline-lh);
}

.haber-sidebar-meta {
  display: block;
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: var(--sd-time-opacity);
  margin-top: var(--wp--preset--spacing--sp-1);
}

.haber-corrections-box ul {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--wp--preset--spacing--sp-2);
  display: grid;
  gap: var(--wp--preset--spacing--sp-2);
}

.haber-corrections-box li a {
  display: inline;
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-sidebar .haber-correction-badge {
  background: var(--brand);
  color: var(--wp--preset--color--overlay-ink);
  font-family: var(--wp--preset--font-family--mono);
  padding: var(--chip-pad);
  border-radius: var(--chip-radius);
}

.haber-editors-note blockquote {
  font-family: var(--wp--preset--font-family--serif);
  font-style: italic;
  font-size: var(--wp--preset--font-size--fs-m);
  margin: 0 0 var(--wp--preset--spacing--sp-1);
}

.haber-article-wrap {
  grid-template-columns: calc(1280px / 2) 300px;
  justify-content: center;
}

@media (max-width: 1023px) {
  .haber-front {
    grid-template-columns: 1fr;
  }
  .haber-article-wrap {
    grid-template-columns: minmax(0, calc(1280px / 2));
  }
  .haber-sidebar {
    position: static;
  }
  .haber-section .haber-cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 599px) {
  .haber-section .haber-cards {
    grid-template-columns: 1fr;
  }
}

.haber-persona-header {
  display: grid;
  grid-template-columns: 480px 1fr;
  gap: var(--wp--preset--spacing--sp-3);
  align-items: center;
  margin-bottom: var(--wp--preset--spacing--sp-4);
}

.haber-persona-header img {
  width: 480px;
  aspect-ratio: 1;
  height: auto;
  border-radius: var(--radius);
  object-fit: cover;
  display: block;
}

.haber-persona-header h2 {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--fs-l);
  margin: 0;
  color: var(--wp--preset--color--ink-hard);
}

.haber-persona-header p {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-s);
  opacity: var(--sd-time-opacity);
  margin: 0;
}

.haber-ekip-roster h2 {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--fs-l);
  color: var(--wp--preset--color--ink-hard);
  margin-top: var(--wp--preset--spacing--sp-4);
}

.haber-ekip-roster ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--wp--preset--spacing--sp-3);
  padding: 0;
  margin: 0;
  list-style: none;
}

.haber-ekip-roster li {
  display: grid;
  gap: var(--wp--preset--spacing--sp-1);
}

.haber-ekip-roster img {
  width: 100%;
  aspect-ratio: 1;
  height: auto;
  border-radius: var(--radius);
  object-fit: cover;
  display: block;
}

.haber-ekip-roster a {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fs-s);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-ekip-roster span {
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: var(--sd-time-opacity);
}

@media (max-width: 1023px) {
  .haber-ekip-roster ul {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 599px) {
  .haber-ekip-roster ul {
    grid-template-columns: 1fr;
  }
}

.haber-persona-stories h2 {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--fs-l);
  color: var(--wp--preset--color--ink-hard);
  margin-top: var(--wp--preset--spacing--sp-4);
}

.haber-persona-stories ul {
  display: grid;
  gap: var(--wp--preset--spacing--sp-2);
  padding: 0;
  margin: 0;
  list-style: none;
}

.haber-persona-stories a {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 700;
  font-size: var(--wp--preset--font-size--fs-s);
  line-height: var(--headline-lh);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-persona-stories span {
  display: block;
  font-family: var(--wp--preset--font-family--mono);
  font-size: var(--wp--preset--font-size--fs-xs);
  opacity: var(--sd-time-opacity);
  margin-top: var(--wp--preset--spacing--sp-1);
}

.haber-byline a {
  color: var(--wp--preset--color--ink-hard);
  text-decoration: underline;
}

.haber-tagline {
  font-family: var(--wp--preset--font-family--serif);
  font-weight: 400;
  font-size: var(--wp--preset--font-size--fs-s);
  opacity: var(--sd-time-opacity);
  margin: var(--wp--preset--spacing--sp-1) 0 var(--wp--preset--spacing--sp-2);
}

.haber-crumbs {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--sp-2);
  margin-bottom: var(--wp--preset--spacing--sp-2);
  font-size: var(--wp--preset--font-size--fs-s);
}

.haber-crumbs a {
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-follow {
  background: var(--wp--preset--color--band);
  border-inline-start: var(--wp--preset--spacing--sp-1) solid var(--brand);
  border-radius: 6px;
  padding: var(--wp--preset--spacing--sp-3);
  margin-bottom: var(--wp--preset--spacing--sp-4);
}

.haber-follow a {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--wp--preset--spacing--sp-2);
  color: var(--wp--preset--color--ink-hard);
  text-decoration: none;
}

.haber-follow strong {
  font-size: var(--wp--preset--font-size--fs-m);
}

.haber-follow span {
  font-size: var(--wp--preset--font-size--fs-s);
  opacity: .7;
}

.grid{display:grid;grid-template-columns:repeat(var(--cols,16),1fr);gap:var(--gutter)}
.c-1{grid-column:span 1}
.c-2{grid-column:span 2}
.c-3{grid-column:span 3}
.c-4{grid-column:span 4}
.c-5{grid-column:span 5}
.c-6{grid-column:span 6}
.c-7{grid-column:span 7}
.c-8{grid-column:span 8}
.c-9{grid-column:span 9}
.c-10{grid-column:span 10}
.c-11{grid-column:span 11}
.c-12{grid-column:span 12}
.c-13{grid-column:span 13}
.c-14{grid-column:span 14}
.c-15{grid-column:span 15}
.c-16{grid-column:span 16}
@media (max-width:1023px){.grid{--cols:8}}
@media (max-width:1023px){
.c-1{grid-column:span 1}
.c-2{grid-column:span 1}
.c-3{grid-column:span 2}
.c-4{grid-column:span 2}
.c-5{grid-column:span 3}
.c-6{grid-column:span 3}
.c-7{grid-column:span 4}
.c-8{grid-column:span 4}
.c-9{grid-column:span 5}
.c-10{grid-column:span 5}
.c-11{grid-column:span 6}
.c-12{grid-column:span 6}
.c-13{grid-column:span 7}
.c-14{grid-column:span 7}
.c-15{grid-column:span 8}
.c-16{grid-column:span 8}
.t-1{grid-column:span 1}
.t-2{grid-column:span 2}
.t-3{grid-column:span 3}
.t-4{grid-column:span 4}
.t-5{grid-column:span 5}
.t-6{grid-column:span 6}
.t-7{grid-column:span 7}
.t-8{grid-column:span 8}
}
@media (max-width:599px){.grid{--cols:4}}
@media (max-width:599px){
.grid > [class*="c-"]{grid-column:span 4}
.m-1{grid-column:span 1}
.m-2{grid-column:span 2}
.m-3{grid-column:span 3}
.m-4{grid-column:span 4}
}

.sd-bar{background:var(--ink-hard);color:var(--overlay-ink);display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-s)}
.sd-chip{background:var(--brand);color:var(--overlay-ink);font-weight:800;font-size:var(--fs-xs);letter-spacing:var(--chip-track);padding:var(--chip-pad);border-radius:var(--chip-radius);text-transform:uppercase;white-space:nowrap}
.sd-time{margin-left:auto;opacity:var(--sd-time-opacity);font-family:var(--mono)}
.hd{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-3);flex-wrap:wrap}
.logo{font-family:var(--serif);font-weight:900;font-size:var(--fs-xl);color:var(--ink-hard)}
.logo em{color:var(--brand);font-style:normal}
.hd nav{display:flex;gap:var(--sp-3);font-weight:600;font-size:var(--fs-s);margin:0 auto;flex-wrap:wrap}
.hd nav a{color:var(--ink-hard);text-decoration:none}
.date-band{background:var(--band);display:flex;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:var(--band-track);text-transform:uppercase;flex-wrap:wrap}

.hero-block{padding:var(--sp-3)}
.ph{position:relative;border-radius:var(--radius);overflow:hidden;flex:1;min-height:0}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ol{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:var(--overlay-gap);padding:var(--overlay-pad)}
.hl{font-family:var(--serif);font-weight:900;color:var(--overlay-ink);line-height:var(--headline-lh)}
.hl span,.lead-ol span{background:var(--bar);padding:var(--bar-pad);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hl-hero{font-size:clamp(var(--hero-headline-size),var(--hero-headline-vw),var(--hero-headline-size-max))}
.hl-side{font-size:var(--side-headline-size);line-height:var(--side-lh)}
.lead-ol{font-size:var(--lead-overlay-size);color:var(--overlay-ink);line-height:var(--headline-lh);display:-webkit-box;-webkit-line-clamp:var(--lead-overlay-lines);-webkit-box-orient:vertical;overflow:hidden}
.stack{display:grid;gap:var(--gutter)}
.stack-2{grid-template-rows:1fr 1fr}
.stack-3{grid-template-rows:1fr 1fr 1fr}
.stack .ph{min-height:160px}

@media (max-width:1023px){
.stack-3{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
.stack-3 .ph{min-height:200px}
.lead-ol{display:none}
}

@media (max-width:599px){
.stack-3{grid-template-columns:1fr}
.ph{min-height:300px}
.stack-2 .ph{min-height:220px}
.stack-3 .ph{min-height:0}
.stack-3 article{display:flex;gap:var(--sp-2);align-items:flex-start}
.stack-3 article img{position:static;width:var(--phone-thumb-width);flex:0 0 var(--phone-thumb-width);height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius)}
.stack-3 .ol{position:static;flex:1;padding:0}
.stack-3 .hl-side{font-size:var(--fs-s)}
}

.hero-block .ph a {
  display: contents;
  color: inherit;
  text-decoration: none;
}

.hero-block .ph {
  background: var(--wp--preset--color--ink-hard);
}

.sd-bar a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 599px) {
  .hd {
    gap: var(--wp--preset--spacing--sp-2);
    padding: var(--wp--preset--spacing--sp-2) var(--wp--preset--spacing--sp-3);
  }

  .hd .haber-nav {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
    width: 100%;
    order: 2;
  }

  .hd .haber-nav::-webkit-scrollbar {
    display: none;
  }

  .sd-title {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.sd-chip,
.date-band span,
.logo,
.haber-nav a,
.haber-consent button,
.haber-contact-form button,
.haber-correction-badge,
.haber-all-link {
  text-box: trim-both cap alphabetic;
}

.sd-chip {
  padding-top: var(--wp--preset--spacing--sp-1);
  padding-bottom: var(--wp--preset--spacing--sp-1);
}