/* Hadi Sende Kariyer — haber / blog tasarım sistemi (açık tema).
   Hadi Sende Abone (public/abone/css/abone.css) ile birebir aynı dil: düz beyaz zemin, tek vurgu rengi Netflix kırmızısı (#e50914),
   nötr griler, Google Sans, 8 px ızgara. Bu dosya diğer stil dosyalarından SONRA yüklenir ve sitenin tüm renk değişkenlerini
   (--zemin, --yazi, --vurgu, ...) abone değerleriyle değiştirir; böylece mevcut tüm bileşenler otomatik olarak yeni temaya geçer.
   Sonraki bölümler üst menü, alt bilgi, haber akışı, ilan/blog makale düzenlerini içerir. */

/* ================================================================================ 1) Belirteçler */
:root,
html[data-theme="light"],
html[data-theme="dark"] {
  color-scheme: light;
  --font: "HS Sans", "Google Sans Variable", "Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* abone.css belirteçleri (birebir) */
  --hs-bg: #fff; --hs-s2: #fafafa; --hs-s3: #f5f5f5; --hs-s5: #ececec;
  --hs-line: rgba(20, 20, 20, .12); --hs-line2: rgba(20, 20, 20, .28); --hs-bd: #d9d9d9;
  --hs-tx: #141414; --hs-tx2: #333333; --hs-tx3: #5e5e5e; --hs-tx4: #737373;
  --hs-pri: #e50914; --hs-prih: #c40812; --hs-prid: #a9070f; --hs-pri-bg: #fdeced; --hs-pri-tx: #b20710; --hs-pri-lt: #f4a3a8;
  --hs-green: #1e8e3e; --hs-amber: #f9ab00; --hs-warn: #e37400; --hs-bad: #d93025;
  --hs-r: 12px; --hs-r2: 16px; --hs-maxw: 1200px; --hs-nav-h: 56px; --hs-gx: 16px;

  /* sitenin mevcut değişkenleri → abone değerleri */
  --zemin: #fff; --zemin-ust: #fff; --kart: #f5f5f5; --pencere: #fff; --girdi: #f5f5f5; --girdi-zemin: #f5f5f5; --girdi-hover: #ececec;
  --yuzey: #ececec; --yuzey-hover: #d9d9d9; --kutucuk: #fdeced; --kutucuk-simge: #e50914; --cizgi: #d9d9d9; --cizgi-koyu: #bdbdbd; --kart-hover: #ececec;
  --yazi: #141414; --yazi-2: #5e5e5e; --yazi-3: #737373;
  --vurgu: #e50914; --vurgu-hover: #c40812; --vurgu-koyu: #a9070f; --vurgu-acik: #fdeced; --vurgu-orta: #f4a3a8; --vurgu-ustu: #fff;
  --odak: rgb(229 9 20 / .5); --odak-hale: rgb(229 9 20 / .16);
  --hata: #d93025; --hata-acik: #fce8e6; --hata-orta: #f5b4ae; --hata-hover: #b3261e;
  --yesil: #1e8e3e; --yesil-acik: #e6f4ea; --yesil-orta: #a8dab5; --mor: #8430ce; --mor-acik: #f3e8fd; --mor-orta: #d7aefb;
  --turkuaz: #129eaf; --turkuaz-acik: #e4f7fb; --turkuaz-orta: #a1e4f2; --sari: #b06000; --sari-acik: #fef7e0; --sari-orta: #fde293;
  --golge-menu: 0 8px 28px rgb(20 20 20 / .16); --golge-pencere: 0 24px 70px rgb(20 20 20 / .24);
  --g-line: #d9d9d9; --g-ink: #141414; --g-mute: #5e5e5e; --g-blue: #e50914; --g-blue-d: #c40812; --g-tint: #fdeced; --g-tint-2: #f4a3a8; --g-surface: #f5f5f5;
  --hs-topbar-h: 56px;
  --ap-bg: #fff; --ap-alt: #f5f5f5; --ap-ink: #141414; --ap-mute: #5e5e5e; --ap-soft: #737373; --ap-line: #d9d9d9;
  --ap-blue: #e50914; --ap-blue-h: #c40812; --ap-link: #b20710; --ap-green: #1e8e3e; --ap-orange: #b06000; --ap-purple: #8430ce; --ap-red: #d93025; --ap-teal: #e50914;
}
@media (min-width: 600px) { :root { --hs-gx: 24px; } }
/* Sayfa içerik genişliği: abone ile aynı (1200 px kutu - 2×40 px = 1120 px içerik). mobile-menu.css bu değişkeni kullanır. */
:root { --hs-w: 1120px; }
@media (min-width: 1024px) { :root { --hs-gx: 40px; } }

/* ================================================================================ 2) Temel */
html, html body, body.ap, body.ap-auth { background: #fff !important; color: var(--hs-tx); }
html { color-scheme: light; scroll-padding-top: 72px; }
body, button, input, select, textarea, .btn, .ap-btn { font-family: var(--font); }
body.ap { font-size: 16px; line-height: 1.5; letter-spacing: 0; font-weight: 400; -webkit-font-smoothing: antialiased; }
body::before { background: #fff !important; }
h1, h2, h3, h4, .ap-h1, .ap-h2 { color: var(--hs-tx); font-weight: 700; letter-spacing: -.01em; line-height: 1.2; text-wrap: balance; }
a { color: var(--hs-pri-tx); }
a:hover { color: var(--hs-prih); }
::selection { background: rgba(229, 9, 20, .18); color: inherit; }
:focus-visible { outline: 2px solid var(--hs-pri); outline-offset: 2px; }
::placeholder { color: var(--hs-tx4); opacity: 1; }
* { scrollbar-width: thin; scrollbar-color: #c8c8c8 transparent; }
.ap-wrap { max-width: var(--hs-maxw); padding-left: var(--hs-gx); padding-right: var(--hs-gx); }
.ap-wrap--narrow { max-width: 760px; }
.ap-skip:focus { background: var(--hs-tx); color: #fff; }

/* ================================================================================ 3) Üst menü (abone .nav ile aynı) */
html body .ap-nav, html body .ap-nav.is-scrolled {
  position: sticky; top: 0; height: auto; background: #fff !important; -webkit-backdrop-filter: none; backdrop-filter: none;
  border: 0 !important; border-bottom: 1px solid var(--hs-line) !important; box-shadow: none !important; z-index: 100; }
html body .ap-nav__in { max-width: var(--hs-maxw); height: var(--hs-nav-h); padding: 0 var(--hs-gx); gap: 16px; justify-content: flex-start; }
html body .ap-logo { display: inline-flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 800; letter-spacing: -.03em; color: var(--hs-tx); text-decoration: none; }
html body .ap-logo__sub { font-size: 11px; font-weight: 700; letter-spacing: 0; padding: 2px 8px; border-radius: 999px; background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
html body .ap-nav__links { display: none; align-items: center; gap: 24px; margin-left: 16px; }
html body .ap-nav__links a { padding: 0; background: none; border-radius: 0; color: var(--hs-tx3); font-size: 14px; font-weight: 500; text-decoration: none; transition: color .2s; }
html body .ap-nav__links a:hover, html body .ap-nav__links a[aria-current="page"] { color: var(--hs-pri); background: none; }
@media (min-width: 900px) { html body .ap-nav__links { display: flex; } }
html body .ap-nav__cta { margin-left: auto; display: flex; align-items: center; gap: 8px; }
html body .ap-nav__contact { height: 36px; padding: 0 16px; border: 0; border-radius: 999px; background: var(--hs-pri); color: #fff; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .2s; }
html body .ap-nav__contact:hover { background: var(--hs-prih); }
html body .ap-burger span { background: var(--hs-tx) !important; }
html body .ap-menu { background: #fff; border-top: 1px solid var(--hs-line); }
html body .ap-menu a { color: var(--hs-tx); font-weight: 600; border-bottom: 1px solid var(--hs-line); }

/* ================================================================================ 4) Düğmeler / alanlar (abone .btn, .inp) */
.btn, .ap-btn, a.btn, button.btn { border-radius: 999px !important; font-weight: 600; letter-spacing: 0; }
.btn-primary, .ap-btn--primary, .ap-btn--blue, .btn.btn-primary { background: var(--hs-pri) !important; border-color: var(--hs-pri) !important; color: #fff !important; }
.btn-primary:hover, .ap-btn--primary:hover, .ap-btn--blue:hover { background: var(--hs-prih) !important; border-color: var(--hs-prih) !important; }
.btn-secondary, .btn-outline, .ap-btn--ghost, .ap-btn--light { background: #fff !important; color: var(--hs-tx) !important; box-shadow: inset 0 0 0 1px var(--hs-bd); border-color: transparent !important; }
.btn-secondary:hover, .btn-outline:hover, .ap-btn--ghost:hover, .ap-btn--light:hover { background: var(--hs-pri-bg) !important; color: var(--hs-pri-tx) !important; }
input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea, .input, .form-control { background: #fff; color: var(--hs-tx); border: 1px solid var(--hs-bd); border-radius: var(--hs-r); }
input:not([type=checkbox]):not([type=radio]):focus, select:focus, textarea:focus, .input:focus { border-color: var(--hs-pri); box-shadow: 0 0 0 3px var(--hs-pri-bg); outline: none; }
input[type=checkbox], input[type=radio] { accent-color: var(--hs-pri); }

/* ================================================================================ 5) Alt bilgi */
html body .ap-footer { background: #fff !important; border-top: 1px solid var(--hs-line); color: var(--hs-tx3); margin-top: 48px; padding-top: 40px; }
html body .ap-footer h4 { color: var(--hs-tx); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
html body .ap-footer a { color: var(--hs-tx3); }
html body .ap-footer a:hover { color: var(--hs-pri); }
html body .ap-footer__bottom { border-top: 1px solid var(--hs-line); color: var(--hs-tx4); }
html body .ap-social a { background: var(--hs-s3); border-radius: 50%; }

/* ================================================================================ 6) Ana sayfa: haber düzeni */
[hidden] { display: none !important; }
html body.ap .ap-hero.ap-hero--compact { padding-top: 28px; background: none; }
html body .ap-hero .ap-wrap > .nw-strip { margin-top: 0; }
@media (max-width: 899px) { html body.ap .ap-hero.ap-hero--compact { padding-top: 20px; } }

/* tarih + canlı sayılar şeridi */
.nw-strip { display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; flex-wrap: wrap; padding: 0 0 12px; margin: 0 0 20px; border-bottom: 2px solid var(--hs-tx); }
.nw-strip__date { font-size: 13px; font-weight: 600; color: var(--hs-tx3); letter-spacing: .01em; }
html body .nw-strip .pr-stats { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 20px; margin: 0; padding: 0; overflow: visible; scroll-snap-type: none; }
html body .nw-strip .pr-stats > .pr-stat { flex: none; width: auto; max-width: none; display: inline-flex; align-items: baseline; gap: 6px; padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; opacity: 1; transform: none; }
html body .nw-strip .pr-stat b { display: inline; font-size: 15px; font-weight: 800; letter-spacing: 0; color: var(--hs-pri); }
html body .nw-strip .pr-stat span { display: inline; margin: 0; font-size: 13px; color: var(--hs-tx3); }
html body .nw-strip .pr-stat--mapcard { align-items: center; padding: 6px 14px; border-radius: 999px; background: var(--hs-pri-bg); text-decoration: none; transition: background .2s; }
html body .nw-strip .pr-stat--mapcard b { font-size: 13px; font-weight: 700; color: var(--hs-pri-tx); }
html body .nw-strip .pr-stat--mapcard:hover { background: var(--hs-pri-lt); }

/* manşet + yan haberler */
.nw-lead { display: grid; gap: 16px; margin: 0 0 28px; }
@media (min-width: 900px) { .nw-lead { grid-template-columns: minmax(0, 1.8fr) minmax(0, 1fr); } .nw-lead--solo { grid-template-columns: 1fr; } }
.nw-hero { position: relative; overflow: hidden; border-radius: var(--hs-r2); color: #fff; background: radial-gradient(110% 90% at 100% 0%, rgba(229, 9, 20, .42), rgba(229, 9, 20, 0) 58%), #141414; }
.nw-hero__a, .nw-hero__a:hover { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; height: 100%; min-height: 300px; padding: 24px; color: #fff; text-decoration: none; }
@media (min-width: 700px) { .nw-hero__a { min-height: 360px; padding: 32px; gap: 16px; } }
.nw-tag { display: inline-flex; align-items: center; height: 24px; padding: 0 10px; border-radius: 999px; background: var(--hs-pri); color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.nw-hero__who { display: flex; align-items: center; gap: 12px; min-width: 0; }
.nw-hero__who .avatar { flex: none; border-radius: 12px; object-fit: cover; font-size: 16px; }
.nw-hero__kurum { font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, .88); overflow-wrap: anywhere; }
html body .nw-hero__t { margin: 0; color: #fff; font-size: clamp(26px, 3.6vw, 40px); font-weight: 800; line-height: 1.14; letter-spacing: -.02em; overflow-wrap: anywhere; }
.nw-hero__s { margin: 0; max-width: 62ch; font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, .78); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.nw-hero__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; font-size: 13px; color: rgba(255, 255, 255, .66); }
.nw-hero__meta i { font-style: normal; margin: 0 2px; opacity: .6; }
.nw-hero__foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; width: 100%; margin-top: auto; padding-top: 8px; }
.nw-due { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--hs-s3); color: var(--hs-tx2); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.nw-due--hot { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
.nw-hero .nw-due { background: rgba(255, 255, 255, .14); color: #fff; }
.nw-hero .nw-due--hot { background: var(--hs-pri); color: #fff; }
.nw-go { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; color: #fff; }
.nw-go svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: transform .2s; }
.nw-hero__a:hover .nw-go svg { transform: translateX(4px); }
.nw-side { display: grid; align-content: start; border: 1px solid var(--hs-line); border-radius: var(--hs-r2); background: #fff; overflow: hidden; }
.nw-story { border-top: 1px solid var(--hs-line); }
.nw-story:first-child { border-top: 0; }
.nw-story a, .nw-story a:hover { display: flex; flex-direction: column; gap: 6px; padding: 16px 18px; color: var(--hs-tx); text-decoration: none; transition: background .2s; }
.nw-story a:hover { background: var(--hs-s2); }
.nw-story__k { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hs-pri-tx); }
.nw-story__t { font-size: 17px; font-weight: 700; line-height: 1.3; letter-spacing: -.01em; overflow-wrap: anywhere; }
.nw-story a:hover .nw-story__t { color: var(--hs-pri); }
.nw-story__m { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 13px; color: var(--hs-tx4); }
.nw-story__m i { font-style: normal; margin: 0 2px; opacity: .6; }

/* öne çıkan ilanlar şeridi (yönetici seçimi) */
html body .kf-news { margin: 0 0 28px; }
html body .kf-news__head { margin: 0 0 10px; padding-bottom: 8px; border-bottom: 2px solid var(--hs-tx); }
html body .kf-item { border: 1px solid var(--hs-line); border-radius: var(--hs-r2); background: #fff; box-shadow: none; }
html body .kf-item::before { background: var(--hs-pri); left: 0; right: 0; height: 3px; border-radius: 0; }
html body .kf-item__title { font-weight: 700; color: var(--hs-tx); }
html body .kf-item__go { color: var(--hs-pri-tx); font-weight: 700; }
html body .kf-arr { border-color: var(--hs-bd); background: #fff; color: var(--hs-tx); }
html body .kf-arr:hover:not(:disabled) { background: var(--hs-pri); border-color: var(--hs-pri); color: #fff; }
html body .kf-dots button { background: var(--hs-bd); }
html body .kf-dots button.on { background: var(--hs-pri); }
html body .kf-all { color: var(--hs-pri-tx) !important; font-weight: 700; }

/* arama çubuğu */
html body .kl-home-sec { margin-top: 0; }
html body .kl-toolbar { margin-bottom: 8px; }
html body .kl-search { background: var(--hs-s3); border: 1px solid transparent; border-radius: 999px; }
html body .kl-search:focus-within { background: #fff; border-color: var(--hs-pri); box-shadow: 0 0 0 3px var(--hs-pri-bg); }
html body .kl-search input { background: transparent; border: 0; box-shadow: none; border-radius: 0; }
html body .kl-filterbtn { border-radius: 999px; background: #fff; color: var(--hs-tx); box-shadow: inset 0 0 0 1px var(--hs-bd); font-weight: 600; }
html body .kl-filterbtn:hover { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }

/* iki sütun: akış + yan panel */
.nw-cols { display: grid; gap: 28px; margin-top: 20px; align-items: start; }
@media (min-width: 1000px) { .nw-cols { grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; } }
.nw-main { min-width: 0; }
.nw-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 0 0 4px; padding-bottom: 10px; border-bottom: 2px solid var(--hs-tx); }
.nw-h h2 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 20px; font-weight: 800; letter-spacing: -.01em; }
.nw-h h2::before { content: ""; width: 4px; height: 18px; border-radius: 2px; background: var(--hs-pri); flex: none; }
.nw-h__n { font-size: 13px; color: var(--hs-tx4); font-weight: 500; }
.nw-h__a { display: none; color: var(--hs-pri-tx); font-weight: 700; text-decoration: none; }
.nw-h__a:hover { color: var(--hs-prih); text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 1000px) { .nw-h__c { display: none; } .nw-h__a { display: inline; } }
.nw-h--kurum { margin-top: 28px; margin-bottom: 14px; }
html.nw-filtering .nw-feedwrap { display: none !important; }

.nw-item__a, .nw-item__a:hover { display: flex; align-items: flex-start; gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--hs-line); color: var(--hs-tx); text-decoration: none; }
.nw-item__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.nw-item__k { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hs-pri-tx); overflow-wrap: anywhere; }
.nw-item__t { font-size: 20px; font-weight: 700; line-height: 1.28; letter-spacing: -.01em; overflow-wrap: anywhere; }
.nw-item__a:hover .nw-item__t { color: var(--hs-pri); }
.nw-item__s { font-size: 15px; line-height: 1.5; color: var(--hs-tx3); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.nw-item__m { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; margin-top: 2px; font-size: 13px; color: var(--hs-tx4); }
.nw-item__m i { font-style: normal; margin: 0 2px; opacity: .6; }
.nw-item__img { flex: none; }
.nw-item__img .avatar { width: 88px; height: 88px; border-radius: 14px; object-fit: cover; display: inline-flex; align-items: center; justify-content: center; font-size: 28px; font-weight: 700; }
@media (max-width: 599px) { .nw-item__a { gap: 14px; padding: 16px 0; } .nw-item__t { font-size: 18px; } .nw-item__img .avatar { width: 64px !important; height: 64px !important; font-size: 21px; border-radius: 12px; } }
.nw-more { display: block; margin: 22px auto 0; height: 44px; padding: 0 28px; border: 0; border-radius: 999px; background: #fff; color: var(--hs-tx); box-shadow: inset 0 0 0 1px var(--hs-bd); font: inherit; font-size: 14px; font-weight: 600; cursor: pointer; transition: background .2s, color .2s; }
.nw-more:hover { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
@media (min-width: 1000px) { .nw-more { display: none !important; } }

/* yan panel */
.nw-aside { display: grid; gap: 20px; min-width: 0; }
.nw-box { border: 1px solid var(--hs-line); border-radius: var(--hs-r2); background: #fff; padding: 18px 18px 6px; min-width: 0; }
.nw-box__h { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 16px; font-weight: 800; letter-spacing: -.01em; }
.nw-box__h::before { content: ""; width: 4px; height: 16px; border-radius: 2px; background: var(--hs-pri); flex: none; }
.nw-box__all { display: block; margin: 4px -18px 0; padding: 12px 18px; border-top: 1px solid var(--hs-line); font-size: 13.5px; font-weight: 700; color: var(--hs-pri-tx); text-decoration: none; }
.nw-box__all:hover { color: var(--hs-prih); background: var(--hs-s2); }
.nw-rank, .nw-soon, .nw-posts { list-style: none; margin: 0; padding: 0; }
.nw-rank { counter-reset: r; }
.nw-rank li, .nw-soon li, .nw-posts li { border-top: 1px solid var(--hs-line); }
.nw-rank li:first-child, .nw-soon li:first-child, .nw-posts li:first-child { border-top: 0; }
.nw-rank li { counter-increment: r; }
.nw-rank a, .nw-rank a:hover { display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; padding: 12px 0; color: var(--hs-tx); text-decoration: none; }
.nw-rank a::before { content: counter(r); grid-row: 1 / span 2; font-size: 24px; font-weight: 800; line-height: 1.05; color: var(--hs-pri); }
.nw-rank__t { font-size: 14.5px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.nw-rank a:hover .nw-rank__t { color: var(--hs-pri); }
.nw-rank__m { font-size: 12px; color: var(--hs-tx4); }
.nw-views::before { content: "·"; margin: 0 6px; }
.nw-soon a, .nw-soon a:hover { display: grid; gap: 3px; padding: 12px 0; color: var(--hs-tx); text-decoration: none; }
.nw-soon__d { justify-self: start; font-size: 12px; font-weight: 700; color: var(--hs-tx3); }
.nw-soon__d.is-hot { color: var(--hs-pri-tx); }
.nw-soon__t { font-size: 14.5px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.nw-soon a:hover .nw-soon__t { color: var(--hs-pri); }
.nw-soon__k { font-size: 12px; color: var(--hs-tx4); }
.nw-post, .nw-post:hover { display: flex; align-items: center; gap: 12px; padding: 12px 0; color: var(--hs-tx); text-decoration: none; }
.nw-post__img { flex: none; width: 88px; aspect-ratio: 16 / 10; border-radius: 10px; overflow: hidden; background: var(--hs-s3); }
.nw-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nw-post__t { min-width: 0; display: grid; gap: 3px; }
.nw-post__t small { font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hs-pri-tx); }
.nw-post__t b { font-size: 14px; font-weight: 700; line-height: 1.35; overflow-wrap: anywhere; }
.nw-post:hover .nw-post__t b { color: var(--hs-pri); }
.nw-promo { padding: 22px; border-radius: var(--hs-r2); background: var(--hs-pri); color: #fff; }
.nw-promo h2 { margin: 0 0 6px; color: #fff; font-size: 20px; font-weight: 800; line-height: 1.2; }
.nw-promo p { margin: 0 0 16px; font-size: 14.5px; line-height: 1.5; color: rgba(255, 255, 255, .92); }
html body .nw-promo .btn, html body .nw-promo .btn:hover { display: inline-flex; align-items: center; justify-content: center; height: 40px; padding: 0 22px; background: #fff !important; color: var(--hs-pri-tx) !important; border: 0 !important; text-decoration: none; }

/* kurum listesi + sonuç satırı */
html body .kl-result { color: var(--hs-tx3); }
html body .kl-list { margin-top: 0; }

/* bilgi kutusu ve alt çağrı */
html body .pr-note { background: var(--hs-s2); border: 1px solid var(--hs-line); border-radius: var(--hs-r); }
html body .pr-cta { background: radial-gradient(90% 140% at 100% 0%, rgba(229, 9, 20, .45), rgba(229, 9, 20, 0) 60%), #141414; color: #fff; border-radius: var(--hs-r2); }
html body .pr-cta::before { display: none; }
html[data-theme] body .pr-cta h2 { color: #fff; }
html[data-theme] body .pr-cta p { color: rgba(255, 255, 255, .82); }
html body .pr-cta .bb__btn, html body .pr-cta .bb__btn--main { background: var(--hs-pri); color: #fff; border-radius: 999px; }
html body .nw-item__img .avatar:not(img), html body .nw-hero__who .avatar:not(img) { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
html body .nw-hero__who .avatar:not(img) { background: var(--hs-pri); color: #fff; }
/* Kurumlara göre ilanlar: akıştan bağımsız, tam genişlikte; masaüstünde 3 kurum yan yana */
.nw-kurum { margin-top: 44px; min-width: 0; }
html body.ap .nw-kurum .nw-h--kurum { margin-top: 0; }
html body.ap .nw-kurum .kl-list, html body.ap .nw-kurum .kl-list:has(.kl-job), html body.ap .nw-kurum .kl-list:has(.kl-inst) { grid-template-columns: 1fr; column-gap: 32px; }
@media (min-width: 640px) { html body.ap .nw-kurum .kl-list:has(.kl-inst), html body.ap .nw-kurum .kl-list:has(.kl-job) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 960px) { html body.ap .nw-kurum .kl-list:has(.kl-inst) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html.nw-filtering .nw-cols { display: none; }
html.nw-filtering .nw-kurum { margin-top: 20px; }

/* ================================================================================ 7) Sayfa başlıkları, blog, makale, bilgi sayfaları */
html body .ap-pagehead { padding: 28px 0 0; background: none; text-align: left; }
html body .ap-pagehead > .ap-wrap { max-width: var(--hs-maxw); padding: 0 8px 22px; background: none; border-radius: 0; overflow: visible; border-bottom: 2px solid var(--hs-tx); }
html body .ap-pagehead > .ap-wrap.ap-wrap--narrow { max-width: 760px; }
html body .ap-pagehead > .ap-wrap::before { display: none; }
html body .ap-pagehead .ap-crumbs { margin: 0 0 14px; font-size: 13px; color: var(--hs-tx4); }
html body .ap-pagehead .ap-crumbs a { color: var(--hs-tx3); text-decoration: none; }
html body .ap-pagehead .ap-crumbs a:hover { color: var(--hs-pri); }
html body .ap-pagehead .ap-eyebrow { display: inline-block; padding: 0; background: none; border-radius: 0; color: var(--hs-pri-tx); font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
html body .ap-pagehead .ap-h1 { margin: 8px 0 0; max-width: 24ch; font-size: clamp(30px, 4.6vw, 48px) !important; font-weight: 800; letter-spacing: -.025em; line-height: 1.12; color: var(--hs-tx); text-align: left; }
html body .ap-pagehead .ap-lead { margin: 14px 0 0; max-width: 62ch; font-size: clamp(16px, 1.6vw, 19px); line-height: 1.55; color: var(--hs-tx3); text-align: left; }
html body .ap-grad, html body .ap-pagehead .ap-h1 .ap-grad { background: none !important; -webkit-text-fill-color: var(--hs-pri); color: var(--hs-pri); }
html body .ap-article__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 18px 0 0; font-size: 13.5px; color: var(--hs-tx4); }
html body .ap-article__meta time { font-weight: 600; color: var(--hs-tx3); }

/* makale gövdesi */
html body .ap-article { padding-top: 28px; padding-bottom: 12px; font-size: 18px; line-height: 1.75; color: var(--hs-tx2); }
html body .ap-article p, html body .ap-article li { font-size: 18px; line-height: 1.75; color: var(--hs-tx2); }
html body .ap-article > p:first-child { font-size: 20px; color: var(--hs-tx); }
html body .ap-article h2 { margin: 40px 0 12px; font-size: clamp(22px, 2.6vw, 27px); font-weight: 800; letter-spacing: -.015em; line-height: 1.25; color: var(--hs-tx); }
html body .ap-article h3 { margin: 28px 0 8px; font-size: 20px; font-weight: 700; color: var(--hs-tx); }
html body .ap-article ul, html body .ap-article ol { padding-left: 1.3em; }
html body .ap-article li { margin: 8px 0; }
html body .ap-article li::marker { color: var(--hs-pri); }
html body .ap-article a { color: var(--hs-pri-tx); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
html body .ap-article b, html body .ap-article strong { color: var(--hs-tx); }
html body .ap-article blockquote { margin: 28px 0; padding: 4px 0 4px 20px; border-left: 4px solid var(--hs-pri); font-size: 20px; line-height: 1.55; color: var(--hs-tx); }
html body .ap-callout, html body .ap-callout--blue { background: var(--hs-s2); border: 1px solid var(--hs-line); border-left: 4px solid var(--hs-pri); border-radius: var(--hs-r); }

/* blog kartları */
html body .ap-sec--tight > .ap-wrap > h2.ap-h2 { font-size: 22px !important; font-weight: 800; padding-bottom: 10px; border-bottom: 2px solid var(--hs-tx); margin-bottom: 20px !important; }
html body .ap-posts { display: grid; grid-template-columns: 1fr; gap: 32px 24px; }
@media (min-width: 700px) { html body .ap-posts { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 1000px) { html body .ap-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
html body .ap-post { position: relative; display: flex !important; flex-direction: column !important; background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
html body .ap-post__cover { position: relative; height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 9 !important; border-radius: var(--hs-r) !important; overflow: hidden; background: var(--hs-s3); }
html body .ap-post__cover::before { display: none; }
html body .ap-post__cover:not(:has(img)) { background: var(--hs-s3) !important; color: var(--hs-pri) !important; }
html body .ap-post__cover:not(:has(img)) svg { width: 44px !important; height: 44px !important; stroke: var(--hs-pri) !important; }
html body .ap-post__body { padding: 14px 0 0; display: flex; flex-direction: column; gap: 8px; flex: 1; }
html body .ap-post__meta { display: flex; flex-wrap: wrap; gap: 2px 12px; font-size: 12.5px; color: var(--hs-tx4); }
html body .ap-post__meta b { font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hs-pri-tx); font-size: 11.5px; }
html body .ap-post h3 { margin: 0; font-size: 20px; font-weight: 700; line-height: 1.28; letter-spacing: -.01em; }
html body .ap-post h3 a { color: var(--hs-tx); text-decoration: none; }
html body .ap-post:hover h3 a { color: var(--hs-pri); }
html body .ap-post p { margin: 0; font-size: 15px; line-height: 1.55; color: var(--hs-tx3); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
html body .ap-post__more { margin-top: auto; padding-top: 4px; font-size: 14px; font-weight: 700; color: var(--hs-pri-tx); }
html body:not(:has(.ap-article)) .ap-posts > .ap-post:first-child { grid-column: 1 / -1 !important; }
@media (min-width: 900px) {
  html body:not(:has(.ap-article)) .ap-posts > .ap-post:first-child { display: grid !important; flex-direction: initial !important; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 32px; align-items: center; padding-bottom: 28px; border-bottom: 1px solid var(--hs-line); }
  html body:not(:has(.ap-article)) .ap-posts > .ap-post:first-child .ap-post__body { padding: 0; }
  html body:not(:has(.ap-article)) .ap-posts > .ap-post:first-child h3 { font-size: 32px; line-height: 1.18; letter-spacing: -.02em; }
  html body:not(:has(.ap-article)) .ap-posts > .ap-post:first-child p { font-size: 17px; -webkit-line-clamp: 4; }
}

/* alt çağrı bandı */
html body .ap-cta { border-radius: var(--hs-r2); color: #fff; background: radial-gradient(90% 140% at 100% 0%, rgba(229, 9, 20, .45), rgba(229, 9, 20, 0) 60%), #141414; }
html body .ap-cta::before, html body .ap-cta::after { display: none; }
html body .ap-cta h2 { color: #fff; }
html body .ap-cta p { color: rgba(255, 255, 255, .8); }
html body .ap-cta { text-align: left; padding: clamp(28px, 4.5vw, 48px); }
html body .ap-cta h2 { font-size: clamp(24px, 3.6vw, 36px); line-height: 1.12; letter-spacing: -.02em; font-weight: 800; }
html body .ap-cta p { max-width: 560px; margin: 12px 0 22px; font-size: clamp(15px, 1.8vw, 18px); line-height: 1.45; }
html body .ap-sec--alt { background: var(--hs-s3); }

/* tanıtım (billboard) bandı — hakkımızda vb. */
html body .bb { border-radius: var(--hs-r2); background: radial-gradient(90% 130% at 100% 0%, rgba(229, 9, 20, .5), rgba(229, 9, 20, 0) 62%), #141414; }
html body .bb__blob { display: none; }
html body .bb__rings i { border-color: rgba(255, 255, 255, .14); }
html body .bb__icon { color: #fff; opacity: .16; }
html body .bb__tag { background: var(--hs-pri); color: #fff; font-weight: 700; }
html body .bb__tag::before { background: #fff; }
html body .bb__title { color: #fff; font-weight: 800; letter-spacing: -.02em; }
html body .bb__sub { color: rgba(255, 255, 255, .82); }
html body .bb__btn--main, html body .bb__btn--main:hover { background: var(--hs-pri); color: #fff; }
html body .bb__btn--main:hover { background: var(--hs-prih); }
html body .bb__btn--ghost { background: rgba(255, 255, 255, .14); color: #fff; }
html body .bb__btn--ghost:hover { background: rgba(255, 255, 255, .24); }

/* bölüm başlıkları, kartlar, adımlar */
html body .pr-head h2 { font-weight: 800; letter-spacing: -.02em; color: var(--hs-tx); }
html body .pr-head p { color: var(--hs-tx3); }
html body .pr-card, html body .pr-card:nth-child(3n+1) { background: var(--hs-s3); border-radius: var(--hs-r2); }
html body .pr-card__ic { background: #fff; color: var(--hs-pri); }
html body .pr-card h3, html body .pr-step h3 { font-weight: 700; color: var(--hs-tx); }
html body .pr-card p, html body .pr-step p { color: var(--hs-tx3); }
@media (hover: hover) and (pointer: fine) { html body .pr-card:hover { background: var(--hs-s3); box-shadow: inset 0 0 0 1.5px var(--hs-pri-lt); } }
html body .pr-step { border: 1px solid var(--hs-bd); border-radius: var(--hs-r2); }
html body .pr-step__n { background: var(--hs-pri); color: #fff; }
html body .ap-progress { background: var(--hs-pri); }
html body .ap-eyebrow--blue { color: var(--hs-pri-tx); }

@media (min-width: 900px) { html body.ap .ap-pagehead > .ap-wrap { padding-left: 0; padding-right: 0; } html body.ap .ap-pagehead > .ap-wrap.ap-wrap--narrow { max-width: 760px; } }

/* ================================================================================ 8) İlan sayfası (makale düzeni) */
html body .ad-detail { --am-line: var(--hs-line); --am-line-2: var(--hs-bd); --am-ink: var(--hs-tx); --am-mute: var(--hs-tx3); --am-faint: var(--hs-tx4); }
html body .ad-detail .am-title { margin: 0 0 18px; gap: 12px; }
html body .ad-detail .am-title__t h2 { margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--hs-pri-tx); }
html body .ad-detail .am-back { background: var(--hs-s3); color: var(--hs-tx); border: 0; box-shadow: none; }
html body .ad-detail .am-back:hover { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
html body .ad-detail .ad-hero { padding: 0 0 20px; border: 0; border-bottom: 2px solid var(--hs-tx); border-radius: 0; background: none; align-items: flex-start; gap: 16px; }
html body .ad-detail .ad-hero .am-thumb { flex: none; width: 56px; height: 56px; border-radius: 14px; background: var(--hs-pri-bg); color: var(--hs-pri-tx); border: 0; font-weight: 700; }
html body .ad-detail .ad-hero__k, html body .ad-detail .ad-hero__k a { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--hs-pri-tx); text-decoration: none; }
html body .ad-detail .ad-hero h1 { margin: 6px 0 8px; font-size: clamp(28px, 3.8vw, 40px); font-weight: 800; line-height: 1.14; letter-spacing: -.02em; color: var(--hs-tx); overflow-wrap: anywhere; }
html body .ad-detail .ad-hero__loc { margin: 0; font-size: 14px; color: var(--hs-tx4); }
/* istatistik kartları: eşit genişlikte, ortalı */
html body .ad-detail .ad-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0 8px; padding: 0; border: 0; background: none; }
html body .ad-detail .ad-stats .ad-stat, html body .ad-detail .ad-col--left .ad-stats .ad-stat {
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; min-width: 0; min-height: 88px; padding: 16px 10px;
  text-align: center; background: var(--hs-s3); border: 0; border-radius: 16px; box-shadow: none; }
html body .ad-detail .ad-stats .ad-stat b { display: block; margin: 0; font-size: 24px; line-height: 1.1; font-weight: 800; letter-spacing: -.02em; color: var(--hs-tx); }
html body .ad-detail .ad-stats .ad-stat.is-end b { color: var(--hs-pri-tx); }
html body .ad-detail .ad-stats .ad-stat.is-ok b { color: var(--hs-tx); }
html body .ad-detail .ad-stats .ad-stat span, html body .ad-detail .ad-col--left .ad-stats .ad-stat span { display: block; margin: 0; font-size: 12.5px; line-height: 1.3; font-weight: 500; color: var(--hs-tx3); white-space: normal; }
@media (max-width: 560px) {
  html body .ad-detail .ad-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
  html body .ad-detail .ad-stats .ad-stat { min-height: 80px; padding: 14px 8px; }
  html body .ad-detail .ad-stats .ad-stat b { font-size: 22px; }
}
html body .ad-detail .ad-sec h2, html body .ad-detail .section-title { display: flex; align-items: center; gap: 8px; margin: 24px 0 10px; font-size: 14px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; color: var(--hs-tx); }
html body .ad-detail .ad-sec h2::before, html body .ad-detail .section-title::before { content: ""; width: 4px; height: 14px; border-radius: 2px; background: var(--hs-pri); flex: none; }
html body .ad-detail .ad-sec--desc .ad-box, html body .ad-detail .ad-notes .card { padding: 0; background: none; border: 0; border-radius: 0; box-shadow: none; }
html body .ad-detail .ad-text { font-size: 18px; line-height: 1.75; color: var(--hs-tx2); }
html body .ad-detail .ad-notes ul { font-size: 16px !important; line-height: 1.7 !important; color: var(--hs-tx2); gap: 12px !important; }
html body .ad-detail .ad-notes li::marker { color: var(--hs-pri); }
html body .ad-detail .ad-notes a { color: var(--hs-pri-tx); text-decoration: underline; text-underline-offset: 3px; }
html body .ad-detail .ad-notes .small { color: var(--hs-tx4); }
html body .ad-detail .ad-sec--info .ad-box, html body .ad-detail .ad-sec--need .ad-box, html body .ad-detail .ad-sec--docs .ad-box { background: #fff; border: 1px solid var(--hs-line); border-radius: var(--hs-r2); box-shadow: none; }
html body .ad-detail .ad-kv { border-color: var(--hs-line); }
html body .ad-detail .ad-kv span { color: var(--hs-tx3); }
html body .ad-detail .ad-kv b, html body .ad-detail .ad-kv b a { color: var(--hs-tx); text-decoration: none; }
html body .ad-detail .ad-kv b a:hover { color: var(--hs-pri); }
html body .ad-detail .ad-chip { background: var(--hs-s3); border: 0; color: var(--hs-tx); border-radius: 999px; }
html body .ad-detail .ad-chip em { color: var(--hs-tx3); font-style: normal; }
html body .ad-detail .ad-chip.is-off { background: var(--hs-s2); color: var(--hs-tx4); }
html body .ad-detail .ad-chip.is-off em { color: var(--hs-tx4); }
html body .ad-detail .seo-related { list-style: none; margin: 0; padding: 0; border-top: 0; }
html body .ad-detail .seo-related li { border-top: 1px solid var(--hs-line); }
html body .ad-detail .seo-related li:first-child { border-top: 0; }
html body .ad-detail .seo-related a { display: grid; gap: 2px; padding: 12px 0; text-decoration: none; color: var(--hs-tx); }
html body .ad-detail .seo-related__t { font-size: 15px; font-weight: 700; line-height: 1.35; }
html body .ad-detail .seo-related a:hover .seo-related__t { color: var(--hs-pri); }
html body .ad-detail .seo-related__s { font-size: 12.5px; color: var(--hs-tx4); }
html body .ad-detail .seo-crumbs, html body .ad-detail .seo-note, html body .ad-detail .ad-legal { color: var(--hs-tx4); font-size: 13px; }
html body .ad-detail .seo-crumbs a, html body .ad-detail .seo-note a, html body .ad-detail .ad-legal a { color: var(--hs-tx3); }
html body .ad-detail .seo-crumbs a:hover, html body .ad-detail .ad-legal a:hover { color: var(--hs-pri); }
@media (min-width: 1000px) {
  html body .ad-cols { grid-template-columns: minmax(0, 1fr) 340px; gap: 0 40px; }
}
/* Başvur / Belgeler / Beğen çubuğu */
html[data-theme] body .ad-actionslot .kamu-actionbar.job-actions-bar { background: #fff !important; border: 1px solid var(--hs-line) !important; border-radius: var(--hs-r2); }
html[data-theme] body .kamu-actionbar .jb { color: var(--hs-tx); border-radius: 0; }
html[data-theme] body .kamu-actionbar .jb--primary { color: #fff; background: var(--hs-pri); font-weight: 700; }
html[data-theme] body .kamu-actionbar .jb--primary:hover { background: var(--hs-prih); }
html[data-theme] body .kamu-actionbar .jb[disabled], html[data-theme] body .kamu-actionbar .jb[aria-disabled="true"] { color: var(--hs-tx4); }

/* ================================================================================ 9) Giriş / kayıt / şifre sayfaları (iş arayan, işletme, yönetici) */
html body.ap.ap-auth, html body.ap.ap-auth.ap-auth--em, html body.ap.ap-auth.ap-auth--js, html body.ap.afl, html body.afl { background: #fff !important; color: var(--hs-tx); }
html body.ap-auth--em, html body.ap-auth--ad { --ap-blue: var(--hs-pri); --ap-blue-h: var(--hs-prih); --ap-link: var(--hs-pri-tx); --ap-ink: var(--hs-tx); --ap-mute: var(--hs-tx3); --ap-soft: var(--hs-tx4); --au-a: var(--hs-pri); --au-b: var(--hs-pri); --au-tint: var(--hs-pri-bg); --au-eb: var(--hs-pri-tx); }
html body .ap-auth--em .ap-nav, html body.ap-auth--em .ap-nav, html body.ap-auth--em .ap-nav.is-scrolled { background: #fff; box-shadow: none; }
html body.ap-auth--em .ap-logo, html body.ap-auth--ad .ap-logo { color: var(--hs-tx); font-size: 20px; font-weight: 800; letter-spacing: -.03em; text-transform: none; }
html body.ap-auth--em .ap-logo__sub, html body.ap-auth--ad .ap-logo__sub { color: var(--hs-pri-tx); font-weight: 700; letter-spacing: 0; }
html body.ap-auth--em .ap-nav__contact { color: var(--hs-pri-tx); background: var(--hs-pri-bg); }
html body.ap-auth--em .au-head .ap-eyebrow { display: inline-flex; padding: 4px 12px; border-radius: 999px; background: var(--hs-pri-bg); color: var(--hs-pri-tx); font-weight: 700; letter-spacing: 0; text-transform: none; }
html body.ap-auth .au-h1 { font-weight: 800; letter-spacing: -.03em; color: var(--hs-tx); }
html body.ap-auth .au-grad, html body.ap-auth--em .au-grad { background: none; -webkit-text-fill-color: currentColor; color: var(--hs-pri); }
html body.ap-auth .au-lead { color: var(--hs-tx3); }
html body.ap-auth .au-badge { background: var(--hs-pri); border-radius: 14px; box-shadow: none; }
html body.ap-auth .au-card { background: var(--hs-s3); border: 0; border-radius: 20px; box-shadow: none; }
html body.ap-auth--em .au-card, html body.ap-auth--ad .au-card { padding: 32px; }
html body.ap-auth .au-card__t { font-weight: 800; letter-spacing: -.02em; color: var(--hs-tx); }
html body.ap-auth--em .au-card__t { font-size: 26px; margin-top: 8px; }
html body.ap-auth .au-card__s { color: var(--hs-tx3); }
html body.ap-auth .au-seg { background: var(--hs-s5); border-radius: 999px; }
html body.ap-auth .au-seg a { border-radius: 999px; color: var(--hs-tx3); }
html body.ap-auth .au-seg a[aria-current="page"] { background: #fff; color: var(--hs-pri-tx); box-shadow: 0 1px 2px rgba(20, 20, 20, .12); }
html body.ap-auth .au-in { background: #fff; border: 1px solid var(--hs-bd); border-radius: 16px; color: var(--hs-tx); }
html body.ap-auth .au-in:hover { border-color: var(--hs-tx4); }
html body.ap-auth .au-in:focus { border-color: var(--hs-pri); box-shadow: 0 0 0 3px var(--hs-pri-bg); }
html body.ap-auth .au-in:focus ~ label, html body.ap-auth .au-in:focus + label { color: var(--hs-pri-tx); }
html body.ap-auth .au-eye { border-radius: 12px; }
html body.ap-auth .au-err { border-radius: 12px; }
html body.ap-auth .au-chip span { border-radius: 14px; background: #fff; border-color: var(--hs-bd); }
html body.ap-auth .au-chip input:checked + span { border-color: var(--hs-pri); background: var(--hs-pri-bg); box-shadow: 0 0 0 3px var(--hs-pri-bg); }
html body.ap-auth .au-chip input:checked + span svg { stroke: var(--hs-pri); }
html body.ap-auth .au-check__box { border-radius: 6px; border-color: var(--hs-bd); background: #fff; }
html body.ap-auth .au-check input:checked ~ .au-check__box { background: var(--hs-pri); border-color: var(--hs-pri); }
html body.ap-auth .au-steps i, html body.ap-auth .au-meter i { border-radius: 4px; }
html body.ap-auth .au-steps i.on { background: var(--hs-pri); }
html body.ap-auth .au-link, html body.ap-auth .au-linkbtn, html body.ap-auth .au-alt a { color: var(--hs-pri-tx); font-weight: 600; }
html body.ap-auth .ap-btn { border-radius: 999px; }
html body.ap-auth .ap-btn--primary { background: var(--hs-pri); color: #fff; }
html body.ap-auth .ap-btn--primary:hover { background: var(--hs-prih); }
html body.ap-auth .ap-btn--outline { border-radius: 999px; border-color: var(--hs-bd); color: var(--hs-tx); }
html body.ap-auth .au-trust div, html body.ap-auth .au-trust, html body.ap-auth .au-map { border-radius: 16px; }
html body.ap-auth .toast { border-radius: 12px; background: var(--hs-tx); border-left: 4px solid var(--hs-pri); }
html body.ap-auth .au-foot { background: #fff; color: var(--hs-tx4); border-top: 1px solid var(--hs-line); }
html body.ap-auth .au-foot a { color: var(--hs-tx3); }
html body.ap-auth .au-foot a:hover { color: var(--hs-pri); }
html body.ap-auth .hsck-card { border-radius: 16px; }
html body.ap-auth .hsck-btn { border-radius: 999px !important; }
html body.ap-auth .hsck-btn--primary { background: var(--hs-pri) !important; color: #fff !important; }
html body.ap-auth--em :is(a, button, input, select, textarea):focus-visible { outline-color: var(--hs-pri); }
/* yönetici girişi */
html body.afl .afl-card { background: var(--hs-s3); border: 0; border-radius: 20px; }
html body.afl .afl-brand { color: var(--hs-tx); font-weight: 800; }
html body.afl .afl-brand i, html body.afl .au-submit { background: var(--hs-pri); color: #fff; border-radius: 999px; }
html body.afl .afl-brand i { border-radius: 12px; box-shadow: none; }
html body.afl .afl-brand em { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
html body.afl .au-submit:hover { background: var(--hs-prih); }
html body.afl .afl-lock { background: var(--hs-pri-bg); }
html body.afl .afl-lock svg { stroke: var(--hs-pri); }
html body.afl .au-in { background: #fff; border-color: var(--hs-bd); border-radius: 16px; }
html body.afl .au-in:focus { border-color: var(--hs-pri); box-shadow: 0 0 0 3px var(--hs-pri-bg); }
html body.afl .afl-back { color: var(--hs-pri-tx); }

/* ================================================================================ 10) Pencereler ve diğer bileşenler */
html body .mp-card { background: var(--hs-s3); }
html body .mp-card::before, html body .ap-stage::before, html body .ap-big81::before { display: none; }
html body .ap-table td:last-child { background: var(--hs-pri-bg); }
html body .ap-callout--blue { background: var(--hs-s2); }
html body .ap-ba--map { background: var(--hs-pri-bg) !important; }

/* içindekiler şeridi (KVKK vb.): sayfa kenar boşluğu artık geniş olduğu için negatif kenar boşluğu taşma yaratıyordu */
@media (max-width: 899px) {
  html body .ap-toc { max-width: 100%; min-width: 0; }
  html body .ap-toc nav { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; max-width: 100%; }
}

/* ================================================================================ 11) Profil menüsü: standart, küçük açılır menü */
html.hs-mm body .ap-menu {
  width: min(232px, calc(100vw - 24px)); padding: 6px !important; border-radius: 14px; background: #fff !important;
  box-shadow: 0 0 0 1px rgb(20 20 20 / .08), 0 10px 28px -10px rgb(20 20 20 / .22) !important; }
html.hs-mm body .ap-menu nav { gap: 1px; }
html.hs-mm body .ap-menu nav a, html.hs-mm body .ap-menu nav button.ap-menu__item, html.hs-mm body .ap-menu nav button.ap-menu__row {
  padding: 10px 12px; border-radius: 10px; font: 500 14px/1.3 var(--font); letter-spacing: 0; color: var(--hs-tx); border: 0; }
html.hs-mm body .ap-menu nav a:hover, html.hs-mm body .ap-menu nav button.ap-menu__item:hover, html.hs-mm body .ap-menu nav button.ap-menu__row:hover,
html.hs-mm body .ap-menu nav a:focus-visible, html.hs-mm body .ap-menu nav button:focus-visible { background: var(--hs-s3); color: var(--hs-tx); }
html.hs-mm body .ap-menu nav a[aria-current="page"] { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
html.hs-mm body .ap-menu nav .ap-menu__me { gap: 10px; padding: 6px 8px 10px; margin-bottom: 4px; border-bottom: 1px solid var(--hs-line); }
html.hs-mm body .ap-menu .ap-menu__av { width: 32px; height: 32px; background: var(--hs-pri); color: #fff; font-size: 13px; }
html.hs-mm body .ap-menu .ap-menu__me b { font-size: 14px; font-weight: 600; color: var(--hs-tx); }

/* ================================================================================ 12) Profilim: kalın çizgi içerikle (kartlarla) aynı sağ-sol kenarlarda */
html body.mp-page .ap-pagehead.kl-head { padding: 28px 0 0; background: none; }
html body.mp-page .kl-head .mp-wrap > .kl-hp { padding-bottom: 22px; border-bottom: 2px solid var(--hs-tx); }
@media (min-width: 861px) and (max-width: 899px) { html body.ap .mp-wrap { padding-left: 24px; padding-right: 24px; } }

/* ================================================================================ 13) Profilim: Abone kartı */
html body.mp-page .mp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html body.mp-page .mp-tile--abone { grid-column: 1 / -1; background: var(--hs-pri-bg); border-color: transparent; }
@media (min-width: 861px) {
  html body.mp-page .mp-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  html body.mp-page .mp-tile--abone { grid-column: auto; }
}
html body.mp-page .mp-tile--abone .mp-tile__ic { background: var(--hs-pri); color: #fff; }
html body.mp-page .mp-tile--abone .mp-tile__t { color: var(--hs-pri-tx); }
html body.mp-page .mp-tile__b { margin-left: auto; padding: 3px 10px; border-radius: 999px; background: #fff; color: var(--hs-pri-tx); font-size: 11.5px; font-weight: 700; line-height: 1.3; }
@media (hover: hover) and (pointer: fine) { html body.mp-page .mp-tile--abone:hover { background: #fbdfe1; border-color: transparent; box-shadow: none; } }

/* ================================================================================ 14) Abone tanıtımı (tam ekran pencere) */
html.ai-open { overflow: hidden; }
body.ai-lock { position: fixed; left: 0; right: 0; width: 100%; overflow: hidden; }
.ai { position: fixed; inset: 0; z-index: 5000; display: flex; flex-direction: column; height: 100vh; height: 100dvh; background: #fff; color: var(--hs-tx);
  background-image: radial-gradient(70% 55% at 100% 0%, rgba(229, 9, 20, .08), rgba(229, 9, 20, 0) 70%); font-family: var(--font); opacity: 0; transform: translateY(14px); transition: opacity .28s ease, transform .32s cubic-bezier(.22, 1, .36, 1); }
.ai.is-in { opacity: 1; transform: none; }
.ai.is-out { opacity: 0; transform: translateY(10px); transition-duration: .2s; }
.ai.is-leaving { opacity: 0; transform: scale(.985); transition: opacity .55s ease, transform .55s ease; }
.ai svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.ai button { font: inherit; cursor: pointer; }
.ai__bar { flex: none; display: flex; align-items: center; gap: 16px; width: 100%; max-width: 1200px; margin: 0 auto; padding: calc(14px + env(safe-area-inset-top, 0px)) 16px 14px; box-sizing: border-box; }
@media (min-width: 900px) { .ai__bar { padding-left: 40px; padding-right: 40px; } }
.ai__logo { display: inline-flex; align-items: center; gap: 8px; font-size: 20px; font-weight: 800; letter-spacing: -.03em; white-space: nowrap; }
.ai__logo i { font-style: normal; font-size: 11px; font-weight: 700; letter-spacing: 0; padding: 3px 9px; border-radius: 999px; background: var(--hs-pri); color: #fff; }
.ai__prog { flex: 1 1 auto; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 6px; min-width: 0; margin: 0 8px; }
.ai__seg { height: 4px; border-radius: 4px; background: var(--hs-s5); position: relative; overflow: hidden; }
.ai__seg::after { content: ""; position: absolute; inset: 0; background: var(--hs-pri); transform: scaleX(0); transform-origin: left; transition: transform .45s cubic-bezier(.22, 1, .36, 1); }
.ai__seg.is-done::after, .ai__seg.is-cur::after { transform: scaleX(1); }
.ai__n { flex: none; font-size: 13px; font-weight: 600; color: var(--hs-tx4); font-variant-numeric: tabular-nums; }
.ai__x { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border: 0; border-radius: 50%; background: var(--hs-s3); color: var(--hs-tx); transition: background .2s; }
.ai__x:hover { background: var(--hs-pri-bg); color: var(--hs-pri-tx); }
.ai__body { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; }
.ai__main { width: 100%; max-width: 1200px; margin: auto; padding: 8px 16px 24px; box-sizing: border-box; display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px; align-items: center; }
@media (min-width: 900px) { .ai__main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 72px; padding: 16px 40px 32px; } }
.ai__main.is-fwd .ai__txt, .ai__main.is-fwd .ai__vis { animation: aiIn .5s cubic-bezier(.22, 1, .36, 1) both; }
.ai__main.is-back .ai__txt, .ai__main.is-back .ai__vis { animation: aiInB .5s cubic-bezier(.22, 1, .36, 1) both; }
.ai__main .ai__vis { animation-delay: .06s; }
@keyframes aiIn { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
@keyframes aiInB { from { opacity: 0; transform: translateX(-28px); } to { opacity: 1; transform: none; } }
.ai__txt { min-width: 0; }
.ai__e { margin: 0 0 14px; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--hs-pri-tx); }
.ai__txt h2 { margin: 0 0 16px; font-size: clamp(30px, 5.4vw, 52px); line-height: 1.08; font-weight: 800; letter-spacing: -.03em; outline: 0; text-wrap: balance; }
.ai__p { margin: 0; font-size: clamp(16px, 2vw, 19px); line-height: 1.65; color: var(--hs-tx2); max-width: 520px; }
.ai-ticks { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; max-width: 520px; }
.ai-ticks li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 12px; align-items: start; font-size: 15.5px; line-height: 1.55; color: var(--hs-tx2); }
.ai-tick { width: 24px; height: 24px; border-radius: 50%; background: var(--hs-pri-bg); color: var(--hs-pri); display: grid; place-items: center; }
.ai-tick svg { width: 14px; height: 14px; stroke-width: 2.6; }
.ai__vis { min-width: 0; }
.ai-card { max-width: 480px; margin: 0 auto; padding: 22px; border-radius: 24px; background: #fff; box-shadow: 0 0 0 1px var(--hs-line), 0 28px 56px -20px rgba(20, 20, 20, .22); }
.ai-card h3 { margin: 0; font-size: 20px; font-weight: 800; }
.ai-card__p { margin: 6px 0 18px; font-size: 14px; color: var(--hs-tx3); }
.ai-card__n { margin: 14px 0 0; text-align: center; font-size: 12.5px; color: var(--hs-tx4); }
.ai-jobs { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.ai-jobs li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 14px; box-shadow: inset 0 0 0 1px var(--hs-line); animation: aiRow .5s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--i) * 90ms + 200ms); }
@keyframes aiRow { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
.ai-jobs b { display: block; font-size: 15px; font-weight: 700; }
.ai-jobs small { display: block; margin-top: 2px; font-size: 12.5px; color: var(--hs-tx3); }
.ai-jobs li.is-no b, .ai-jobs li.is-no small { color: var(--hs-tx4); }
.ai-chip { display: inline-flex; align-items: center; gap: 4px; min-height: 28px; padding: 0 12px; border-radius: 999px; font-size: 12px; font-weight: 700; white-space: nowrap; }
.ai-chip svg { width: 14px; height: 14px; stroke-width: 2.6; }
.is-ok .ai-chip { background: #e8f5ec; color: #137333; }
.is-no .ai-chip { background: var(--hs-s5); color: var(--hs-tx3); }
.ai-chat { padding: 0; overflow: hidden; }
.ai-chat__h { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--hs-line); }
.ai-chat__h b { display: block; font-size: 15px; }
.ai-chat__h small { display: block; font-size: 12px; color: var(--hs-tx4); }
.ai-chat__av { flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--hs-pri); color: #fff; display: grid; place-items: center; font-size: 13px; font-weight: 800; }
.ai-chat__b { padding: 18px; background: var(--hs-s2); }
.ai-msg { padding: 14px 16px 10px; border-radius: 4px 16px 16px 16px; background: #fff; box-shadow: 0 0 0 1px var(--hs-line); font-size: 14px; line-height: 1.5; animation: aiRow .55s cubic-bezier(.22, 1, .36, 1) .25s both; }
.ai-msg em { display: block; margin-top: 8px; text-align: right; font-style: normal; font-size: 11.5px; color: var(--hs-tx4); }
.ai-chat .ai-card__n { padding: 0 0 14px; margin: 0; }
.ai-ctl { padding: 6px 22px; }
.ai-ctl__r { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--hs-line); color: var(--hs-tx3); }
.ai-ctl__r:last-child { border-bottom: 0; }
.ai-ctl__r b { display: block; font-size: 15px; font-weight: 700; color: var(--hs-tx); }
.ai-ctl__r small { display: block; margin-top: 2px; font-size: 12.5px; }
.ai-sw { flex: none; position: relative; width: 44px; height: 26px; border-radius: 999px; background: #8a8a8a; }
.ai-sw::after { content: ""; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: transform .3s; }
.ai-sw.is-on { background: var(--hs-pri); }
.ai-sw.is-on::after { transform: translateX(18px); }
.ai-start { padding: 26px 24px 22px; }
.ai-steps { display: grid; gap: 18px; margin: 0; padding: 0; list-style: none; }
.ai-steps li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 16px; align-items: start; animation: aiRow .5s cubic-bezier(.22, 1, .36, 1) both; animation-delay: calc(var(--i) * 110ms + 150ms); }
.ai-steps__n { width: 40px; height: 40px; border-radius: 50%; background: var(--hs-pri); color: #fff; display: grid; place-items: center; font-size: 17px; font-weight: 800; }
.ai-steps b { display: block; margin-top: 2px; font-size: 16.5px; font-weight: 700; }
.ai-steps small { display: block; margin-top: 3px; font-size: 14px; line-height: 1.45; color: var(--hs-tx3); }
.ai-free { display: flex; align-items: center; gap: 10px; margin: 22px 0 0; padding: 12px 14px; border-radius: 14px; background: var(--hs-pri-bg); color: var(--hs-pri-tx); font-size: 13.5px; font-weight: 600; line-height: 1.4; }
.ai-free span { flex: none; width: 22px; height: 22px; border-radius: 50%; background: var(--hs-pri); color: #fff; display: grid; place-items: center; }
.ai-free svg { width: 13px; height: 13px; stroke-width: 3; }
.ai__foot { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; max-width: 1200px; margin: 0 auto; padding: 12px 16px calc(18px + env(safe-area-inset-bottom, 0px)); box-sizing: border-box; border-top: 1px solid var(--hs-line); background: rgba(255, 255, 255, .92); }
@media (min-width: 900px) { .ai__foot { padding-left: 40px; padding-right: 40px; border-top: 0; background: none; } }
.ai__back { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 22px; border: 0; border-radius: 999px; background: #fff; color: var(--hs-tx); box-shadow: inset 0 0 0 1px var(--hs-bd); font-size: 15px; font-weight: 600; }
.ai__back:hover { background: var(--hs-s3); }
.ai__back[hidden] { display: none; }
.ai__next { margin-left: auto; display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 28px; border: 0; border-radius: 999px; background: var(--hs-pri); color: #fff; font-size: 15px; font-weight: 700; transition: background .2s, transform .15s; }
.ai__next:hover { background: var(--hs-prih); }
.ai__next:active { transform: scale(.98); }
.ai__next[disabled] { opacity: .9; cursor: default; }
.ai__next.is-final { padding: 0 32px; }
@media (max-width: 599px) { .ai__next { flex: 1 1 auto; } .ai__back { padding: 0 18px; } }
.ai-spin { width: 18px; height: 18px; border: 2.5px solid rgba(255, 255, 255, .45); border-top-color: #fff; border-radius: 50%; animation: aiSpin .7s linear infinite; }
@keyframes aiSpin { to { transform: rotate(360deg); } }
.ai :focus-visible { outline: 3px solid var(--hs-pri-lt); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .ai, .ai * { animation: none !important; transition-duration: .01s !important; } }
@media (max-width: 599px) {
  .ai__bar { flex-wrap: wrap; gap: 12px 8px; }
  .ai__logo { margin-right: auto; }
  .ai__n { display: none; }
  .ai__prog { order: 10; flex: 1 1 100%; margin: 0; }
}

/* ===== 15. Kurum logoları: her yerde daire, kare çerçeve yok; logo kırpılmadan sığar ===== */
html body .avatar,
html body img.avatar,
html body .kf-item__ph .avatar, html body .kf-item__ph img,
html body.ap .kl-list .kl-inst .avatar, html body.ap .kl-list .kl-inst img,
html body .kl-row > .avatar, html body .kl-row > img,
html body .nw-item__img .avatar, html body .nw-hero__who .avatar,
html body .am-thumb, html body .am-thumb img,
html body .mp-av-s, html body .mp-av-s img,
html body .ej-thumb, html body .ej-thumb img,
html body .job-employer-row .avatar, html body .moderator-card .avatar,
html body .employer-head-card__photo .avatar, html body .kl-prof > img.avatar { border-radius: 50% !important; }
/* kurum logosu olan yerlerde: beyaz zemin, ince halka, görsel kırpılmadan daire içine sığar */
html body .kf-item__ph img.avatar, html body .kf-item__ph img,
html body.ap .kl-list .kl-inst img.avatar, html body.ap .kl-list .kl-inst img,
html body .nw-item__img img.avatar, html body .nw-hero__who img.avatar,
html body .am-thumb img, html body .mp-av-s img, html body .ej-thumb img,
html body .job-employer-row img.avatar, html body .employer-head-card:not(.employer-head-card--person) img.avatar,
html body .kl-row > img.avatar { object-fit: contain; background: #fff; }
html body .kf-item__ph img.avatar, html body.ap .kl-list .kl-inst img.avatar, html body .nw-item__img img.avatar,
html body .nw-hero__who img.avatar, html body .job-employer-row img.avatar,
html body .employer-head-card:not(.employer-head-card--person) img.avatar { box-shadow: 0 0 0 1px rgba(20, 20, 20, .10) !important; border: 0 !important; }
html body .am-thumb { overflow: hidden; border: 0 !important; box-shadow: 0 0 0 1px rgba(20, 20, 20, .10); }
html body .am-thumb img { width: 100%; height: 100%; }
/* baş harf yedekleri de yuvarlak ve aynı boyda kalsın */
html body .kf-item__ph div.avatar, html body.ap .kl-list .kl-inst div.avatar { aspect-ratio: 1 / 1; }

/* ===== 16. Sag alt hizli menu: simge yanindaki yazilar kapali (8. guncelleme, paket 1d) ===== */
.hs-fab__tip { display: none !important; }

/* ===== 17. (9. güncelleme, paket 1g) İlan sayfası: mobilde küçük başlık / istatistik, Belgeler sırası; sayfa başlığı çizgisi içerik hizasında ===== */
/* Belgeler, "İlan bilgileri"nin hemen altında (mobilde sıra: bilgiler → belgeler → açıklama → şartlar → notlar; masaüstünde sağ sütunda bilgiler → belgeler → şartlar) */
html body .ad-cols .ad-sec--info { order: 3; }
html body .ad-cols .ad-sec--docs { order: 4; }
html body .ad-cols .ad-sec--desc { order: 5; }
html body .ad-cols .ad-sec--need { order: 6; }
@media (min-width: 900px) {
  html body .ad-cols .ad-col--right { display: flex; flex-direction: column; }
  html body .ad-cols .ad-col--right .ad-sec { margin-top: 0; }
}
/* Mobil: ilan başlığı ve istatistik kartları daha küçük */
@media (max-width: 560px) {
  html body .ad-detail .am-title { margin-bottom: 12px; }
  html body .ad-detail .ad-hero { gap: 12px; padding-bottom: 14px; }
  html body .ad-detail .ad-hero .am-thumb { width: 44px; height: 44px; font-size: 14px; }
  html body .ad-detail .ad-hero__k, html body .ad-detail .ad-hero__k a { font-size: 11px; letter-spacing: .05em; }
  html body .ad-detail .ad-hero h1 { margin: 3px 0 5px; font-size: 21px; line-height: 1.25; letter-spacing: -.01em; }
  html body .ad-detail .ad-hero__loc { font-size: 12.5px; }
  html body .ad-detail .ad-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin: 12px 0 0; }
  html body .ad-detail .ad-stats .ad-stat, html body .ad-detail .ad-col--left .ad-stats .ad-stat { min-height: 0; padding: 9px 2px; gap: 2px; border-radius: 12px; }
  html body .ad-detail .ad-stats .ad-stat b { font-size: 16px; }
  html body .ad-detail .ad-stats .ad-stat span, html body .ad-detail .ad-col--left .ad-stats .ad-stat span { font-size: 10.5px; line-height: 1.2; letter-spacing: -.01em; }
  html body .ad-detail .ad-text { font-size: 16px; line-height: 1.7; }
}
@media (max-width: 359px) {
  html body .ad-detail .ad-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html body .ad-detail .ad-stats .ad-stat, html body .ad-detail .ad-col--left .ad-stats .ad-stat { padding: 9px 4px; }
}
/* Sayfa başlığı altındaki kalın çizgi: telefon / tablette ekranın tamamına uzamaz; içerikle aynı yan boşlukta (--hs-gx) biter */
@media (max-width: 899.98px) {
  html body .ap-pagehead > .ap-wrap, html body .ap-pagehead.kl-head > .ap-wrap { box-sizing: border-box; width: auto; max-width: min(var(--hs-maxw, 1200px), calc(100% - 2 * var(--hs-gx, 16px))); margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }
  html body .ap-pagehead > .ap-wrap.ap-wrap--narrow { max-width: min(760px, calc(100% - 2 * var(--hs-gx, 16px))); }
}