/* ===========================================================================
 * Yardimci siniflar — bilerek AZ. Yaklasik 20 tane, hepsi elle secilmis.
 * Utility framework degil; bilesenlerin kucuk boslarini kapatir.
 * ======================================================================== */

@layer utilities {

.measure        { max-width: var(--measure); }
.measure-narrow { max-width: var(--measure-narrow); }
.measure-tight  { max-width: var(--measure-tight); }

.text-muted  { color: var(--text-muted); }
.text-faint  { color: var(--text-faint); }
.text-accent { color: var(--accent); }
.text-strong { color: var(--text-strong); }

.text-lede {
  font-size: var(--t-md);
  font-weight: 300;
  line-height: var(--lh-relaxed);
  color: var(--text-muted);
}

.text-caps {
  font-size: var(--t-2xs);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: var(--tr-eyebrow);
}

.text-display { font-family: var(--font-display); }
.text-center  { text-align: center; }
.text-end     { text-align: end; }

.rule { height: 0; border: 0; border-block-start: var(--border-hair); }
.rule--invert { border-block-start-color: var(--rule-invert); }

.bg-sand  { background: var(--sand-100); }
.bg-paper { background: var(--paper); }

.mt-auto { margin-block-start: auto; }
.hidden  { display: none !important; }

@media (max-width: 54rem)      { .hide-sm { display: none !important; } }

/* Katalog kirpma esigiyle ayni (44rem) */
@media (min-width: 44.001rem)  { .only-narrow { display: none !important; } }
@media (max-width: 44rem)      { .only-wide   { display: none !important; } }
@media (min-width: 54.001rem)  { .show-sm { display: none !important; } }

/* Header kendi esiginde (60rem) mobile geciyor */
@media (min-width: 60.001rem)  { .header-mobile { display: none !important; } }

}