/* Haberler ve basın odası (/haberler, /haberler/{slug}) ve ana sayfadaki haber blokları */
.hb,
.hb-home,
.hb-slide {
    --hb-navy: #0F172A;
    --hb-surface: #1E293B;
    --hb-bg: #F1F5F9;
    --hb-blue: #2563EB;
    --hb-blue-dark: #1D4ED8;
    --hb-gold: #F59E0B;
    --hb-gold-ink: #451A03;
    --hb-gold-text: #B45309;
    --hb-muted: #475569;
    --hb-dark-muted: #94A3B8;
    --hb-dark-soft: #CBD5E1;
    --hb-line: #E2E8F0;
    --hb-display: "Outfit", "Public Sans", sans-serif;
    --hb-body: "Public Sans", "Outfit", sans-serif;
}

.hb {
    background: var(--hb-bg);
    color: var(--hb-navy);
    font-family: var(--hb-body);
    padding-bottom: 64px;
}

.hb-wrap {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .hb-wrap { padding: 0 32px; }
}

.hb-sr {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.hb a:focus-visible,
.hb button:focus-visible,
.hb-home a:focus-visible {
    outline: 3px solid var(--hb-blue);
    outline-offset: 3px;
    border-radius: 8px;
}

.hb-on-dark a:focus-visible,
.hb-on-dark button:focus-visible {
    outline-color: var(--hb-gold);
}

.hb-media a:focus-visible,
.hb-card--cta a:focus-visible {
    outline-color: #fff;
}

/* Sabit menünün altında kalmasın */
.hb [id] { scroll-margin-top: 112px; }

/* Tür etiketleri */
.hb-tag {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 999px;
    font-family: var(--hb-display);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.4;
    white-space: nowrap;
}
.hb-tag--odul { background: #FEF3C7; color: #92400E; }
.hb-tag--proje { background: #DBEAFE; color: #1E3A8A; }
.hb-tag--etkinlik { background: #EDE9FE; color: #5B21B6; }
.hb-tag--urun { background: #CCFBF1; color: #115E59; }
.hb-tag--gold { background: var(--hb-gold); color: var(--hb-gold-ink); }

/* Düğmeler */
.hb-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 26px;
    border-radius: 999px;
    font-family: var(--hb-display);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}
.hb-btn:hover { transform: translateY(-1px); }
.hb-btn--primary { background: var(--hb-blue); color: #fff; }
.hb-btn--primary:hover { background: var(--hb-blue-dark); }
.hb-btn--ghost { border: 2px solid rgba(255, 255, 255, .4); color: #fff; }
.hb-btn--ghost:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
.hb-btn--light { background: #fff; color: var(--hb-blue-dark); }
.hb-btn--light:hover { background: #EFF6FF; }
.hb-btn--outline { border: 2px solid var(--hb-navy); color: var(--hb-navy); }
.hb-btn--outline:hover { background: var(--hb-navy); color: #fff; }

/* Başlıklar */
.hb-h2 {
    font-family: var(--hb-display);
    font-size: clamp(28px, 3.4vw, 40px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: var(--hb-navy);
}

.hb-section { padding-top: 72px; }
.hb-section__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 28px;
}

/* Gündem şeridi */
.hb-ticker {
    margin-top: -16px;
    background: var(--hb-navy);
    color: var(--hb-dark-soft);
    font-size: 15px;
}
.hb-ticker__inner {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 48px;
}
.hb-ticker__label { flex: none; }
.hb-ticker__viewport {
    position: relative;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
    mask-image: linear-gradient(90deg, transparent 0, #000 32px, #000 calc(100% - 32px), transparent 100%);
}
.hb-ticker__track {
    display: flex;
    width: max-content;
    animation: hb-ticker 45s linear infinite;
}
.hb-ticker__viewport:hover .hb-ticker__track,
.hb-ticker__viewport:focus-within .hb-ticker__track {
    animation-play-state: paused;
}
.hb-ticker__list {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 12px 40px 12px 0;
    margin: 0;
    list-style: none;
    white-space: nowrap;
}
.hb-ticker__item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}
.hb-ticker__item::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--hb-gold);
    flex: none;
}
.hb-ticker__item a { color: #fff; font-weight: 600; text-decoration: none; }
.hb-ticker__item a:hover { text-decoration: underline; }
.hb-ticker__item strong { color: #fff; font-weight: 700; }

@keyframes hb-ticker {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .hb-ticker__track { animation: none; }
    .hb-ticker__viewport { overflow-x: auto; -webkit-mask-image: none; mask-image: none; }
    .hb-ticker__list[aria-hidden="true"] { display: none; }
    .hb-btn, .hb-clip { transition: none; }
    .hb-btn:hover { transform: none; }
}

/* Sayfa başlığı */
.hb-head { padding-top: 40px; padding-bottom: 0; }
.hb-lead-section { margin-top: 32px; }
.hb-head h1 {
    font-family: var(--hb-display);
    font-size: clamp(28px, 3.6vw, 40px);
    font-weight: 900;
    line-height: 1.1;
    letter-spacing: -0.02em;
}
.hb-head p { margin-top: 8px; color: var(--hb-muted); font-size: 17px; }

/* Manşet */
.hb-lead {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    background: var(--hb-navy);
    color: #fff;
    padding: clamp(24px, 5vw, 64px) clamp(20px, 5vw, 64px) 0;
}
.hb-lead__decor {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.hb-lead__grid {
    position: relative;
    display: grid;
    gap: 48px;
    align-items: center;
}
@media (min-width: 1024px) {
    .hb-lead__grid { grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr); }
}
.hb-lead__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--hb-dark-soft);
    font-size: 15px;
    font-weight: 600;
}
.hb-lead__title {
    margin-top: 20px;
    font-family: var(--hb-display);
    font-size: clamp(40px, 6vw, 68px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.03em;
    text-wrap: balance;
}
.hb-lead__title a { color: inherit; text-decoration: none; }
.hb-lead__title a:hover { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
.hb-lead__text {
    margin-top: 24px;
    max-width: 62ch;
    color: var(--hb-dark-soft);
    font-size: clamp(17px, 1.4vw, 19px);
    line-height: 1.6;
}
.hb-lead__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 32px;
}
.hb-lead__photo {
    border-radius: 24px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: linear-gradient(160deg, var(--hb-surface), #0B1222);
}
.hb-lead__photo img { width: 100%; height: 100%; object-fit: cover; }

/* Manşet madalyonu: plaketten esinlenen altın madalyon, defne dalları, 46 projelik nokta şeridi */
.hb-medal { display: flex; flex-direction: column; align-items: center; text-align: center; }
.hb-medal__art {
    position: relative;
    width: 300px;
    max-width: 100%;
    aspect-ratio: 300 / 270;
    container-type: inline-size;
}
.hb-medal__laurel { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.hb-medal__disc {
    position: absolute;
    left: 50%;
    top: 48.15%;
    display: grid;
    place-items: center;
    width: 66.67%;
    aspect-ratio: 1;
    overflow: hidden;
    border-radius: 50%;
    background: linear-gradient(145deg, #FCD34D 0%, #F59E0B 52%, #B45309 100%);
    box-shadow: 0 0 0 4px rgba(252, 211, 77, .22), 0 22px 50px -12px rgba(245, 158, 11, .6), inset 0 -12px 26px rgba(69, 26, 3, .35);
    transform: translate(-50%, -50%);
}
.hb-medal__disc::before {
    content: "";
    position: absolute;
    inset: 7%;
    border: 2px solid rgba(255, 247, 214, .6);
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(69, 26, 3, .25), 0 0 0 1px rgba(69, 26, 3, .2);
}
.hb-medal__disc::after {
    content: "";
    position: absolute;
    inset: -30%;
    background: linear-gradient(115deg, transparent 40%, rgba(255, 255, 255, .6) 50%, transparent 60%);
    transform: translateX(-110%);
    animation: hb-medal-shine 1.4s ease-in-out .9s 1 forwards;
}
.hb-medal__disc span {
    position: relative;
    font-family: var(--hb-display);
    font-size: 40cqw;
    font-weight: 900;
    line-height: 1;
    color: var(--hb-gold-ink);
    text-shadow: 0 1px 0 rgba(255, 237, 180, .55);
}
.hb-medal__title {
    margin-top: 12px;
    font-family: var(--hb-display);
    font-size: 28px;
    font-weight: 800;
    line-height: 1.2;
    color: #fff;
}
.hb-medal__note { margin-top: 6px; color: var(--hb-dark-muted); font-size: 15px; text-wrap: balance; }
.hb-nowrap { white-space: nowrap; }
.hb-medal__strip {
    display: grid;
    grid-template-columns: repeat(46, minmax(0, 1fr));
    gap: 3px;
    width: 100%;
    max-width: 420px;
    margin-top: 24px;
}
.hb-medal__dot {
    aspect-ratio: 1;
    border-radius: 50%;
    background: rgba(148, 163, 184, .4);
    animation: hb-medal-dot .35s ease-out both;
    animation-delay: calc(var(--i) * 28ms + 300ms);
}
.hb-medal__dot--win { background: var(--hb-gold); box-shadow: 0 0 0 2px rgba(245, 158, 11, .3), 0 0 10px rgba(245, 158, 11, .7); }
.hb-medal__legend { margin-top: 10px; color: var(--hb-dark-muted); font-size: 14px; }

@keyframes hb-medal-shine {
    to { transform: translateX(110%); }
}
@keyframes hb-medal-dot {
    from { opacity: 0; transform: scale(.3); }
    to { opacity: 1; transform: scale(1); }
}
@media (prefers-reduced-motion: reduce) {
    .hb-medal__disc::after { display: none; }
    .hb-medal__dot { animation: none; }
}

/* Rakam bandı */
.hb-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin: 0;
}
@media (min-width: 900px) {
    .hb-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.hb-stats__item { padding: 24px 20px; }
.hb-stats__value,
.hb-stats__label { display: block; }
.hb-stats__value {
    font-family: var(--hb-display);
    font-size: clamp(30px, 3.6vw, 44px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.02em;
}
.hb-stats__label { margin-top: 6px; font-size: 15px; line-height: 1.45; }

.hb-lead .hb-stats {
    position: relative;
    margin: 48px calc(-1 * clamp(20px, 5vw, 64px)) 0;
    background: rgba(148, 163, 184, .2);
    border-top: 1px solid rgba(148, 163, 184, .2);
}
.hb-lead .hb-stats__item { background: var(--hb-navy); padding: 28px clamp(20px, 3vw, 40px); }
.hb-lead .hb-stats__value { color: #fff; }
.hb-lead .hb-stats__value.is-award { color: var(--hb-gold); }
.hb-lead--nostats { padding-bottom: clamp(24px, 5vw, 64px); }
.hb-lead .hb-stats__label { color: var(--hb-dark-muted); }

.hb-stats--light {
    margin-top: 40px;
    overflow: hidden;
    border-radius: 24px;
    background: var(--hb-line);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 32px -16px rgba(15, 23, 42, .18);
}
.hb-stats--light .hb-stats__item { background: #fff; padding: 28px 28px; }
.hb-stats--light .hb-stats__value { color: var(--hb-navy); }
.hb-stats--light .hb-stats__value.is-award { color: var(--hb-gold-text); }
.hb-stats--light .hb-stats__label { color: var(--hb-muted); }

/* Basın küpürleri */
.hb-clips {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
@media (min-width: 768px) {
    .hb-clips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.hb-clip {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    border: 1px solid var(--hb-line);
    border-radius: 20px;
    background: #fff;
    padding: 24px;
    transition: border-color .2s ease, box-shadow .2s ease;
}
.hb-clip:hover { border-color: var(--hb-blue); box-shadow: 0 12px 28px -18px rgba(37, 99, 235, .45); }
.hb-clip:focus-within { border-color: var(--hb-blue); outline: 3px solid var(--hb-blue); outline-offset: 3px; }
.hb-clip__top { display: flex; align-items: center; gap: 12px; }
.hb-clip__badge {
    display: grid;
    place-items: center;
    flex: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--hb-navy);
    color: #fff;
    font-family: var(--hb-display);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
}
.hb-clip__outlet { font-family: var(--hb-display); font-size: 18px; font-weight: 700; line-height: 1.25; color: var(--hb-navy); }
.hb-clip__date { margin-top: 2px; font-family: var(--hb-body); font-size: 14px; color: #64748B; }
.hb-clip__headline {
    flex: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-family: var(--hb-display);
    font-size: 20px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--hb-navy);
}
.hb-clip__link {
    align-self: flex-start;
    color: var(--hb-blue-dark);
    font-family: var(--hb-display);
    font-weight: 700;
    text-decoration: none;
}
.hb-clip__link::after { content: ""; position: absolute; inset: 0; border-radius: 20px; }
.hb-clip__link:focus-visible { outline: none; }
.hb-clip:hover .hb-clip__link { text-decoration: underline; }

/* Zaman çizgisi */
.hb-journey {
    border-radius: 32px;
    background: #fff;
    padding: clamp(24px, 4vw, 48px);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.hb-steps {
    position: relative;
    display: grid;
    gap: 28px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}
.hb-steps::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 8px;
    bottom: 8px;
    width: 2px;
    background: #CBD5E1;
}
.hb-step { position: relative; padding-left: 40px; }
.hb-step::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--hb-blue);
    box-shadow: 0 0 0 4px #DBEAFE;
}
.hb-step__when {
    font-family: var(--hb-display);
    font-size: 15px;
    font-weight: 800;
    color: var(--hb-muted);
}
.hb-step__text { margin-top: 6px; font-size: 17px; line-height: 1.5; color: var(--hb-navy); }
.hb-step--highlight::before { background: var(--hb-gold); box-shadow: 0 0 0 5px rgba(245, 158, 11, .3); }
.hb-step--highlight .hb-step__body {
    border-radius: 16px;
    background: var(--hb-gold);
    color: var(--hb-gold-ink);
    padding: 14px 18px;
}
.hb-step--highlight .hb-step__when,
.hb-step--highlight .hb-step__text { color: var(--hb-gold-ink); }
.hb-step--highlight .hb-step__text { font-weight: 700; }
@media (min-width: 900px) {
    .hb-steps { grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 28px; }
    .hb-steps::before { left: 8px; right: 8px; top: 7px; bottom: auto; width: auto; height: 2px; }
    .hb-step { padding-left: 0; padding-top: 40px; }
}

/* Haber akışı */
.hb-filter ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hb-filter a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid #CBD5E1;
    border-radius: 999px;
    background: #fff;
    color: var(--hb-navy);
    font-family: var(--hb-display);
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
}
.hb-filter a:hover { border-color: var(--hb-navy); }
.hb-filter a[aria-current="page"] { background: var(--hb-navy); border-color: var(--hb-navy); color: #fff; }
.hb-feed {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.hb-feed li + li { border-top: 1px solid var(--hb-line); }
.hb-feed__row {
    display: grid;
    gap: 8px 20px;
    grid-template-columns: auto auto;
    justify-content: start;
    align-items: center;
    padding: 20px 24px;
    color: var(--hb-navy);
    text-decoration: none;
}
.hb-feed__row .hb-tag { justify-self: start; }
.hb-feed__date { color: var(--hb-muted); font-size: 15px; font-weight: 600; }
.hb-feed__title {
    grid-column: 1 / -1;
    font-family: var(--hb-display);
    font-size: 19px;
    font-weight: 800;
    line-height: 1.3;
}
.hb-feed__row:hover .hb-feed__title { color: var(--hb-blue-dark); text-decoration: underline; }
@media (min-width: 768px) {
    .hb-feed__row { grid-template-columns: 150px 110px minmax(0, 1fr); justify-content: stretch; padding: 22px 28px; }
    .hb-feed__title { grid-column: auto; }
}
.hb-feed__empty { padding: 32px 28px; color: var(--hb-muted); font-size: 17px; }

/* Gazeteciler için bant */
.hb-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    border-radius: 32px;
    background: var(--hb-blue);
    color: #fff;
    padding: clamp(28px, 4vw, 48px);
}
.hb-media h2 { color: #fff; }
.hb-media p { margin-top: 8px; font-size: 17px; }
.hb-media p a { color: #fff; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }

/* Haber sayfası: giriş */
.hb-intro {
    position: relative;
    overflow: hidden;
    margin-top: -16px;
    background: var(--hb-navy);
    color: #fff;
    padding: 48px 0 150px;
}
.hb-intro__mark {
    position: absolute;
    top: -0.16em;
    right: 0.02em;
    font-family: var(--hb-display);
    font-size: clamp(240px, 36vw, 540px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.06em;
    color: rgba(255, 255, 255, .045);
    pointer-events: none;
    user-select: none;
}
.hb-intro__inner { position: relative; }
.hb-crumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: var(--hb-dark-muted);
    font-size: 14px;
    font-weight: 600;
}
.hb-crumbs li > span[aria-hidden] { margin-right: 8px; }
.hb-crumbs a { color: var(--hb-dark-soft); text-decoration: none; }
.hb-crumbs a:hover { color: #fff; text-decoration: underline; }
.hb-crumbs [aria-current="page"] { color: #fff; }
.hb-intro__meta > span { white-space: nowrap; }
.hb-intro__meta > span > span[aria-hidden] { margin-right: 6px; }
.hb-intro__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
    margin-top: 28px;
    color: var(--hb-dark-soft);
    font-size: 15px;
    font-weight: 600;
}
.hb-intro__grid { display: grid; gap: 32px; align-items: end; }
@media (min-width: 1024px) {
    .hb-intro__grid { grid-template-columns: minmax(0, 1fr) auto; gap: 64px; }
}
.hb-intro h1 {
    margin-top: 20px;
    max-width: 20ch;
    font-family: var(--hb-display);
    font-size: clamp(36px, 5.6vw, 76px);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -0.03em;
}
.hb-intro__lead {
    margin-top: 24px;
    max-width: 64ch;
    color: var(--hb-dark-soft);
    font-size: clamp(17px, 1.5vw, 20px);
    line-height: 1.6;
}
.hb-share__label {
    font-family: var(--hb-display);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--hb-dark-muted);
}
.hb-share ul { display: flex; gap: 10px; margin: 12px 0 0; padding: 0; list-style: none; }
.hb-share a,
.hb-share button {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: #fff;
    cursor: pointer;
    transition: background-color .2s ease, border-color .2s ease;
}
.hb-share a:hover,
.hb-share button:hover { background: rgba(255, 255, 255, .16); border-color: #fff; }
.hb-share svg { width: 20px; height: 20px; }
.hb-share__status { min-height: 1.4em; margin-top: 8px; color: var(--hb-dark-soft); font-size: 14px; }

/* Fotoğraf */
/* Fotoğraf doğal genişliğinden büyük gösterilmez: genişlik img'nin width niteliğinden (yoksa doğal boyuttan) gelir, kaba sığmazsa küçülür. */
.hb-figure { position: relative; z-index: 1; width: fit-content; max-width: 100%; margin: -104px auto 0; }
.hb-figure__frame {
    overflow: hidden;
    border-radius: 28px;
    background: linear-gradient(160deg, #1E293B 0%, #0B1222 100%);
    box-shadow: 0 34px 60px -28px rgba(15, 23, 42, .55);
}
.hb-figure__frame img { max-width: 100%; height: auto; }
.hb-figure--empty { width: 100%; }
.hb-figure--empty .hb-figure__frame { aspect-ratio: 16 / 9; }
@media (min-width: 1024px) {
    .hb-figure--empty .hb-figure__frame { aspect-ratio: 21 / 9; }
}
.hb-figure figcaption { margin-top: 12px; color: var(--hb-muted); font-size: 14px; }

/* Makale düzeni */
.hb-layout { display: grid; gap: 48px; margin-top: 56px; }
@media (min-width: 1024px) {
    .hb-layout { grid-template-columns: minmax(0, 780px) minmax(0, 340px); justify-content: space-between; }
}
.hb-prose { max-width: 780px; color: #1E293B; font-size: 18px; line-height: 1.75; }
.hb-prose > p { margin: 0 0 22px; }
.hb-prose > p:first-of-type::first-letter {
    float: left;
    margin: 0.08em 0.12em 0 0;
    font-family: var(--hb-display);
    font-size: 4.4em;
    font-weight: 900;
    line-height: 0.8;
    color: var(--hb-navy);
}
.hb-prose h2 {
    margin: 52px 0 16px;
    font-family: var(--hb-display);
    font-size: clamp(26px, 2.6vw, 32px);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -0.02em;
    color: var(--hb-navy);
}
.hb-prose h3 {
    margin: 56px 0 12px;
    padding-top: 24px;
    border-top: 1px solid #CBD5E1;
    font-family: var(--hb-display);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--hb-muted);
}
.hb-prose h3 + p { color: var(--hb-muted); font-size: 16px; line-height: 1.7; }
.hb-prose > ul { margin: 0 0 22px; padding: 0; list-style: none; }
.hb-prose > ul > li { position: relative; padding-left: 26px; margin-bottom: 8px; }
.hb-prose > ul > li::before {
    content: "";
    position: absolute;
    left: 4px;
    top: 0.68em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hb-blue);
}
.hb-prose strong { color: var(--hb-navy); font-weight: 700; }

/* Akış şeması */
.hb-flow {
    container-type: inline-size;
    margin: 36px 0 40px;
    border-radius: 28px;
    background: var(--hb-navy);
    color: #fff;
    padding: clamp(24px, 4vw, 36px);
}
.hb-flow__steps {
    display: flex;
    flex-direction: column;
    gap: 36px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.hb-flow__step { position: relative; }
.hb-flow__step:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 24px;
    height: 24px;
    transform: translateX(-50%) rotate(90deg);
    background: no-repeat center / 24px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.hb-flow__box {
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 16px;
    background: var(--hb-surface);
    padding: 14px 16px;
    text-align: center;
}
.hb-flow__name {
    display: block;
    font-family: var(--hb-display);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.25;
    color: #fff;
}
.hb-flow__desc { display: block; margin-top: 4px; font-size: 14px; line-height: 1.4; color: var(--hb-dark-soft); }
.hb-flow__box--gold { border-color: var(--hb-gold); background: var(--hb-gold); box-shadow: 0 0 32px -4px rgba(245, 158, 11, .55); }
.hb-flow__box--gold .hb-flow__name,
.hb-flow__box--gold .hb-flow__desc { color: var(--hb-gold-ink); }
.hb-flow__split { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
@container (min-width: 640px) {
    .hb-flow__steps { flex-direction: row; align-items: center; gap: 32px; }
    .hb-flow__step { flex: 1 1 0; min-width: 0; }
    .hb-flow__step:not(:last-child)::after { left: auto; right: -29px; bottom: auto; top: 50%; transform: translateY(-50%); }
}

/* Alıntı */
.hb-quote {
    position: relative;
    margin: 40px 0 44px;
    border-radius: 24px;
    background: #fff;
    padding: 44px clamp(24px, 4vw, 40px) 32px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 32px -18px rgba(15, 23, 42, .2);
}
.hb-quote__mark {
    position: absolute;
    top: -6px;
    left: clamp(18px, 3vw, 32px);
    font-family: var(--hb-display);
    font-size: 110px;
    font-weight: 800;
    line-height: 1;
    color: var(--hb-blue);
}
.hb-quote blockquote { margin: 0; }
.hb-quote blockquote p {
    position: relative;
    font-family: var(--hb-display);
    font-size: clamp(19px, 2vw, 22px);
    font-weight: 600;
    line-height: 1.5;
    color: var(--hb-navy);
}
.hb-quote figcaption { display: flex; align-items: center; gap: 14px; margin-top: 24px; }
.hb-quote__avatar {
    display: grid;
    place-items: center;
    flex: none;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%;
    background: var(--hb-navy);
    color: #fff;
    font-family: var(--hb-display);
    font-size: 18px;
    font-weight: 800;
}
.hb-quote__avatar img { width: 100%; height: 100%; object-fit: cover; }
.hb-quote__name { display: block; font-family: var(--hb-display); font-size: 17px; font-weight: 800; color: var(--hb-navy); }
.hb-quote__role { display: block; font-size: 15px; color: var(--hb-muted); }

/* Yan sütun */
.hb-aside { display: flex; flex-direction: column; gap: 24px; }
.hb-card {
    border-radius: 24px;
    background: #fff;
    padding: 28px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
}
.hb-card h2 {
    font-family: var(--hb-display);
    font-size: 20px;
    font-weight: 900;
    color: var(--hb-navy);
}
.hb-facts { margin: 16px 0 0; }
.hb-facts div { padding: 14px 0; border-top: 1px solid var(--hb-line); }
.hb-facts div:first-child { border-top: 0; padding-top: 4px; }
.hb-facts dt {
    font-family: var(--hb-display);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--hb-muted);
}
.hb-facts dd { margin: 4px 0 0; font-size: 16px; line-height: 1.5; color: var(--hb-navy); }
.hb-card--cta { background: var(--hb-blue); color: #fff; }
.hb-card--cta h2 { color: #fff; }
.hb-card--cta p { margin-top: 8px; font-size: 17px; line-height: 1.6; }
.hb-card--cta .hb-btn { margin-top: 20px; }
.hb-related { margin: 12px 0 0; padding: 0; list-style: none; }
.hb-related li + li { border-top: 1px solid var(--hb-line); }
.hb-related a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    color: var(--hb-navy);
    font-family: var(--hb-display);
    font-size: 17px;
    font-weight: 700;
    text-decoration: none;
}
.hb-related a:hover { color: var(--hb-blue-dark); }

.hb-all { margin-top: 40px; }

/* Bulunamadı */
.hb-missing { padding-top: 96px; padding-bottom: 96px; }
.hb-missing h1 { font-family: var(--hb-display); font-size: 40px; font-weight: 900; }
.hb-missing p { margin-top: 16px; font-size: 18px; color: var(--hb-muted); }
.hb-missing a { color: var(--hb-blue-dark); font-weight: 700; text-decoration: underline; }

/* Ana sayfa: son haberler */
.hb-home { font-family: var(--hb-body); color: var(--hb-navy); }
.hb-home__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px 24px;
    margin-bottom: 24px;
}
.hb-home__all {
    color: var(--hb-blue-dark);
    font-family: var(--hb-display);
    font-weight: 700;
    text-decoration: none;
}
.hb-home__all:hover { text-decoration: underline; }
.hb-home__grid { display: grid; gap: 20px; }
@media (min-width: 1024px) {
    .hb-home__grid { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); }
    .hb-home__grid--single { grid-template-columns: minmax(0, 1fr); }
}
.hb-home__lead {
    position: relative;
    display: grid;
    gap: 32px;
    align-items: center;
    overflow: hidden;
    border-radius: 32px;
    background: var(--hb-navy);
    color: #fff;
    padding: clamp(24px, 4vw, 48px);
}
@media (min-width: 768px) {
    .hb-home__lead { grid-template-columns: minmax(0, 1fr) auto; }
}
.hb-home__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    color: var(--hb-dark-soft);
    font-size: 15px;
    font-weight: 600;
}
.hb-home__title {
    margin-top: 16px;
    font-family: var(--hb-display);
    font-size: clamp(28px, 3.6vw, 48px);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.02em;
}
.hb-home__title a { color: inherit; text-decoration: none; }
.hb-home__title a:hover { text-decoration: underline; text-underline-offset: 5px; }
.hb-home__text { margin-top: 16px; max-width: 62ch; color: var(--hb-dark-soft); font-size: 17px; line-height: 1.6; }
.hb-home__lead .hb-btn { margin-top: 24px; }
.hb-home__award { text-align: center; }
.hb-home__mark {
    display: block;
    font-family: var(--hb-display);
    font-size: clamp(96px, 14vw, 180px);
    font-weight: 900;
    line-height: 0.9;
    letter-spacing: -0.05em;
    color: var(--hb-gold);
    text-shadow: 0 0 48px rgba(245, 158, 11, .35);
}
.hb-home__award-label { display: block; max-width: 18ch; margin: 8px auto 0; color: var(--hb-dark-soft); font-size: 15px; }
.hb-home__list { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
.hb-home__item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    border-radius: 24px;
    background: #fff;
    padding: 24px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}
.hb-home__item h3 { font-family: var(--hb-display); font-size: 20px; font-weight: 800; line-height: 1.3; }
.hb-home__item a { color: var(--hb-navy); text-decoration: none; }
.hb-home__item a:hover { color: var(--hb-blue-dark); text-decoration: underline; }
.hb-home__date { color: var(--hb-muted); font-size: 14px; }
.hb-home__item .hb-home__meta { color: var(--hb-muted); }

/* Ana sayfa: kayan banner'daki haber slaytı (diğer slaytlarla aynı yükseklik, düğme ve geçiş) */
.hero-slide .hb-slide__bg {
    background-color: var(--hb-navy);
    background-image:
        linear-gradient(rgba(148, 163, 184, .07) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .07) 1px, transparent 1px),
        radial-gradient(1100px 620px at 18% 12%, #1E3A8A 0%, #0F172A 58%);
    background-size: 56px 56px, 56px 56px, cover;
    background-position: 0 0, 0 0, center;
}
.hero-slide .hb-slide__content {
    display: grid;
    gap: 48px;
    align-items: center;
    width: 100%;
    max-width: 1200px;
    text-align: left;
}
@media (min-width: 1024px) {
    .hero-slide .hb-slide__content { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
    .hero-slide .hb-slide__text p { max-width: 46ch; }
}
.hb-slide__tag {
    display: inline-flex;
    padding: 6px 14px;
    border-radius: 999px;
    background: var(--hb-gold);
    color: var(--hb-gold-ink);
    font-family: var(--hb-display);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .02em;
    text-shadow: none;
}
.hb-slide__title { margin-top: 20px; text-wrap: balance; }
.hero-slide .hb-slide__text p { margin: 20px 0 0; }
.hb-slide .cta-wrapper .hero-btn { justify-content: center; margin-top: 0; }
.hb-slide__photo { position: relative; display: none; justify-self: end; max-width: 100%; margin: 0; }
@media (min-width: 1024px) {
    .hb-slide__photo { display: block; }
}
.hb-slide__photo img {
    max-width: 100%;
    height: auto;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 24px;
    box-shadow: 0 30px 60px -24px rgba(0, 0, 0, .6);
}
.hb-slide__badge {
    position: absolute;
    top: -18px;
    right: -18px;
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(145deg, #FCD34D 0%, #F59E0B 55%, #B45309 100%);
    color: var(--hb-gold-ink);
    font-family: var(--hb-display);
    font-size: 24px;
    font-weight: 900;
    text-shadow: none;
    box-shadow: 0 0 0 4px rgba(15, 23, 42, .6), 0 10px 24px -6px rgba(245, 158, 11, .6);
}