/* =========================================================================
   PALMIYE HERBARYUMU
   Tek sayfalik bicem dosyasi. Hicbir uzak kaynak kullanilmaz:
   yazi tipleri sistem yiginlaridir, gorseller yereldir, betik yoktur.

   Sinif adlari herbaryum ve botanik bahce alanindan gelir:
   sera, alinlik, arma, guzergah, tabela, iz, parsel, bahce, yatak,
   fide, etiket, yol, kutu, metin, levha, cizelge, komsu, toprak.
   Tum on ek: hrb-
   ========================================================================= */

:root {

  /* ---- 1. RENKLER -----------------------------------------------------
     Acik zemin: kurutulmus bitki kagidi tonu, sari yesile calan.
     Baskin renk: mürekkep mavisi, eski botanik levhalarinin cizgi rengi. */
  --zemin:          #edf1de;   /* genel zemin, herbaryum kagidi           */
  --zemin-kat:      #f8faf0;   /* zemin uzerine konan yuzeyler            */
  --zemin-oyuk:     #e3e9cf;   /* cukurlastirilmis seritler               */
  --murekkep:       #20261a;   /* ana metin                               */
  --murekkep-soluk: #4e5844;   /* ikincil metin, tarihler, notlar         */
  --tel:            #c3ceaa;   /* ayirma cizgileri                        */
  --vurgu:          #3b46a8;   /* baglantilar ve guclu isaretler          */
  --vurgu-koyu:     #252e7d;   /* baglanti uzerine gelince                */
  --vurgu-serin:    #0f6b52;   /* ikinci isaret, karsi renk               */
  --ustu-vurgu:     #f8faf0;   /* vurgu dolgusu UZERINDEKI yazi           */
  --odak: var(--vurgu-serin);  /* klavye odak cercevesi                   */
  --zemin-koyu:     #20261a;   /* sayfa alti                              */
  --murekkep-ters:  #eef2e0;   /* sayfa altindaki yazi                    */
  --baglanti-ters:  #b9c7f2;   /* sayfa altindaki baglanti uzerine gelince*/

  /* ---- 2. BOLUM DAMARLARI --------------------------------------------
     Her bolumun kendi rengi vardir; .hrb-damar-N sinifi ile tasinir. */
  --damar-1: #3b46a8;   /* murekkep mavisi */
  --damar-2: #1a6647;   /* yaprak yesili   */
  --damar-3: #8f3416;   /* kiremit         */
  --damar-4: #6a3487;   /* erguvan         */
  --damar-5: #1c5f77;   /* petrol mavisi   */
  --damar-6: #7a5a06;   /* kuru ot         */
  --damar: var(--vurgu);  /* gecerli deger, .hrb-damar-N ile degisir */

  /* ---- 3. YAZI TIPLERI (yalnizca sistem yiginlari) --------------------
     Baslik: eski usul, yuksek okunurluklu bir serif (macOS'ta Athelas,
     Windows'ta Constantia). Metin: dar ve humanist bir sans (Windows'ta
     Corbel, macOS'ta Seravek). Etiket: yalnizca kucuk ve buyuk harfle
     kullanilan bir kazima yazisi, herbaryum etiketi izlenimi icin. */
  --yazi-baslik: Athelas, Constantia, "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --yazi-metin:  Corbel, Seravek, Calibri, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --yazi-etiket: Copperplate, "Copperplate Gothic Light", "Big Caslon", "Palatino Linotype", Georgia, serif;

  /* ---- 4. OLCU VE RITIM -----------------------------------------------
     Corbel ve Seravek dar gozludur: satir uzunlugunu 60-75 isaret
     araliginda tutmak icin okuma genisligi daraltilmis, govde buyutulmustur. */
  --govde:   1.06rem;
  --satir:   1.7;
  --olcu:    34rem;    /* okuma genisligi                */
  --sera:    63rem;    /* sitenin azami genisligi        */
  --oluk:    clamp(1rem, 3.4vw, 2.1rem);
  --nefes:   clamp(2.2rem, 5vw, 3.8rem);
  --ray:     5.25rem;  /* soldaki numara ve tarih sutunu */
  --cizgi:   1px;
  --kavis:   0;
}

/* =========================================================================
   TEMEL
   ========================================================================= */

*, *::before, *::after { box-sizing: border-box; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation: none !important; transition: none !important; }
}

body {
  margin: 0;
  background: var(--zemin);
  color: var(--murekkep);
  font-family: var(--yazi-metin);
  font-size: var(--govde);
  line-height: var(--satir);
  overflow-wrap: break-word;
}

img, svg, video { max-width: 100%; height: auto; display: block; }

h1, h2, h3, h4 {
  font-family: var(--yazi-baslik);
  font-weight: 700;
  line-height: 1.18;
  margin: 0 0 .6em;
}

h1 { font-size: clamp(1.85rem, 1.15rem + 2.5vw, 2.85rem); letter-spacing: -.005em; }
h2 { font-size: clamp(1.35rem, 1.05rem + 1.3vw, 1.9rem); }
h3 { font-size: clamp(1.12rem, 1rem + .55vw, 1.35rem); }
h4 { font-size: 1.03rem; }

p, ul, ol, dl, figure, table, blockquote { margin: 0 0 1.2em; }

a { color: var(--vurgu); text-underline-offset: .18em; }
a:hover { color: var(--vurgu-koyu); }

:focus-visible {
  outline: 2px solid var(--odak);
  outline-offset: 3px;
}

hr {
  border: 0;
  border-top: var(--cizgi) solid var(--tel);
  margin: var(--nefes) 0;
}

/* Klavye ile icerige atlama baglantisi */
.hrb-atla {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--vurgu);
  color: var(--ustu-vurgu);
  padding: .7rem 1.1rem;
  z-index: 50;
}
.hrb-atla:focus { left: .75rem; top: .75rem; }

/* =========================================================================
   KAPLAR
   ========================================================================= */

.hrb-sera {
  width: 100%;
  max-width: var(--sera);
  margin-inline: auto;
  padding-inline: var(--oluk);
}

.hrb-sera--dar { max-width: calc(var(--olcu) + 2 * var(--oluk)); }

.hrb-parsel { padding-block: var(--nefes); }
.hrb-parsel + .hrb-parsel { border-top: var(--cizgi) solid var(--tel); }
.hrb-parsel--gomuk { background: var(--zemin-oyuk); }

.hrb-parsel__bas {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: .6rem 1.5rem;
  margin-bottom: 1.7rem;
  padding-bottom: .65rem;
  border-bottom: 2px solid var(--murekkep);
}
.hrb-parsel__bas h2 { margin: 0; }

.hrb-parsel__not {
  font-family: var(--yazi-etiket);
  font-size: .82rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--murekkep-soluk);
}

/* =========================================================================
   ALINLIK (site basligi)
   ========================================================================= */

.hrb-alinlik {
  background: var(--zemin-kat);
  border-bottom: var(--cizgi) solid var(--tel);
  box-shadow: inset 0 -5px 0 -1px var(--damar);
}

.hrb-alinlik__govde {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem 2rem;
  padding-block: 1.15rem 1.35rem;
}

.hrb-arma { text-decoration: none; color: inherit; display: block; }
.hrb-arma__ad {
  font-family: var(--yazi-baslik);
  font-size: 1.42rem;
  font-weight: 700;
  line-height: 1.1;
  display: block;
}
.hrb-arma__not {
  font-family: var(--yazi-etiket);
  font-size: .74rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--murekkep-soluk);
  display: block;
  margin-top: .3rem;
}

.hrb-guzergah ul {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem 1.25rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.hrb-guzergah a {
  font-family: var(--yazi-etiket);
  font-size: .82rem;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--murekkep);
  text-decoration: none;
  padding: .2rem 0;
  border-bottom: 2px solid transparent;
  display: inline-block;
}
.hrb-guzergah a:hover,
.hrb-guzergah a[aria-current="page"] {
  border-bottom-color: var(--damar);
  color: var(--murekkep);
}

/* =========================================================================
   TABELA (sayfa basligi)
   ========================================================================= */

.hrb-tabela {
  padding-block: clamp(1.9rem, 4.6vw, 3.2rem);
  border-bottom: var(--cizgi) solid var(--tel);
}
.hrb-tabela--damar { border-bottom: 4px solid var(--damar); }

.hrb-tabela__ust {
  font-family: var(--yazi-etiket);
  font-size: .8rem;
  letter-spacing: .17em;
  text-transform: uppercase;
  color: var(--damar);
  margin: 0 0 .75rem;
}

.hrb-tabela h1 { max-width: 21ch; }
.hrb-tabela--genis h1 { max-width: 28ch; }

.hrb-tabela__giris {
  max-width: var(--olcu);
  font-size: 1.07rem;
  color: var(--murekkep-soluk);
  margin-bottom: 0;
}

.hrb-tabela__no {
  font-family: var(--yazi-baslik);
  font-size: clamp(2.2rem, 5.5vw, 3.2rem);
  line-height: 1;
  color: var(--damar);
  font-variant-numeric: lining-nums tabular-nums;
  display: block;
  margin-bottom: .35rem;
}

/* Kisa notlar: tarih, sure, sayfa sayisi */
.hrb-not {
  font-family: var(--yazi-etiket);
  font-size: .8rem;
  letter-spacing: .07em;
  color: var(--murekkep-soluk);
  margin: 0;
}
.hrb-not--dizi {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem 1.35rem;
  list-style: none;
  padding: 0;
  margin: 1.15rem 0 0;
}

/* =========================================================================
   IZ (gezinme cizgisi)
   ========================================================================= */

.hrb-iz { padding-top: 1.15rem; }
.hrb-iz ol {
  display: flex;
  flex-wrap: wrap;
  gap: .2rem .5rem;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .05em;
  color: var(--murekkep-soluk);
}
.hrb-iz li + li::before { content: "\203A"; margin-right: .5rem; color: var(--murekkep-soluk); }
.hrb-iz a { color: var(--murekkep-soluk); }

/* =========================================================================
   BAHCE : ana sayfadaki bolum listesi
   Ritim kart degildir: solda dar numara sutunu, sagda genis govde,
   aralarinda ince tel. Hicbir yerde golge, hicbir yerde yuvarlak kose.
   ========================================================================= */

/* La regle de tete de section (.hrb-parsel__bas) sert deja de filet
   superieur : la liste n'en repose pas un second. */
.hrb-bahce {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hrb-yatak {
  display: grid;
  grid-template-columns: var(--ray) minmax(0, 1fr);
  gap: 0 var(--oluk);
  padding-block: clamp(1.5rem, 3.2vw, 2.2rem);
  border-bottom: var(--cizgi) solid var(--tel);
}

.hrb-yatak__kod { grid-column: 1; }

.hrb-yatak__no {
  font-family: var(--yazi-baslik);
  font-size: clamp(1.9rem, 4vw, 2.7rem);
  line-height: 1;
  color: var(--damar);
  font-variant-numeric: lining-nums tabular-nums;
  display: block;
}
.hrb-yatak__cizgi {
  display: block;
  width: 2.2rem;
  height: 4px;
  background: var(--damar);
  margin-top: .65rem;
}

.hrb-yatak__govde { grid-column: 2; min-width: 0; }

.hrb-yatak__ad { margin-bottom: .45rem; }
.hrb-yatak__ad a {
  color: var(--murekkep);
  text-decoration: none;
  background-image: linear-gradient(var(--damar), var(--damar));
  background-size: 0 2px;
  background-repeat: no-repeat;
  background-position: 0 100%;
  transition: background-size .18s ease-out;
}
.hrb-yatak__ad a:hover,
.hrb-yatak__ad a:focus-visible { background-size: 100% 2px; }

.hrb-yatak__ozet {
  max-width: 54ch;
  color: var(--murekkep-soluk);
  margin-bottom: .95rem;
}

/* Her bolumun altina konan sayfa baglantilari: yildizin kollari */
.hrb-yatak__liste {
  list-style: none;
  margin: 0 0 1rem;
  padding: 0;
  display: grid;
  gap: .35rem;
}
.hrb-yatak__liste li { position: relative; padding-left: 1.05rem; }
.hrb-yatak__liste li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .64em;
  width: .45rem;
  height: 2px;
  background: var(--damar);
}
.hrb-yatak__liste a {
  color: var(--murekkep);
  text-decoration: none;
  border-bottom: var(--cizgi) solid var(--tel);
}
.hrb-yatak__liste a:hover { border-bottom-color: var(--damar); }

@media (max-width: 46rem) {
  .hrb-yatak { grid-template-columns: 1fr; }
  .hrb-yatak__kod {
    grid-column: 1;
    display: flex;
    align-items: center;
    gap: .85rem;
    margin-bottom: .55rem;
  }
  .hrb-yatak__no { font-size: 1.8rem; }
  .hrb-yatak__cizgi { margin-top: 0; width: 1.5rem; }
  .hrb-yatak__govde { grid-column: 1; }
}

/* =========================================================================
   YOL : eylem baglantilari
   ========================================================================= */

.hrb-yol {
  display: inline-block;
  font-family: var(--yazi-etiket);
  font-size: .82rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--damar);
  text-decoration: none;
  border-bottom: 2px solid var(--damar);
  padding-bottom: .15rem;
}
.hrb-yol:hover { color: var(--murekkep); border-bottom-color: var(--murekkep); }
.hrb-yol::after { content: " \2192"; }

.hrb-yol--dolu {
  background: var(--damar);
  color: var(--ustu-vurgu);
  border: 0;
  padding: .65rem 1.15rem;
  border-radius: var(--kavis);
}
.hrb-yol--dolu:hover { background: var(--murekkep); color: var(--zemin); }

/* =========================================================================
   FIDE LISTESI : sayfa listeleri (ana sayfa ve bolum sayfalari)
   ========================================================================= */

.hrb-fideler {
  list-style: none;
  margin: 0;
  padding: 0;
}

.hrb-fide {
  display: grid;
  grid-template-columns: var(--ray) minmax(0, 1fr);
  gap: .2rem var(--oluk);
  padding-block: 1.25rem;
  border-bottom: var(--cizgi) solid var(--tel);
}

.hrb-fide__tarih {
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .04em;
  color: var(--murekkep-soluk);
  font-variant-numeric: lining-nums tabular-nums;
  padding-top: .35rem;
}

.hrb-fide__govde { min-width: 0; }

.hrb-fide__ad {
  font-family: var(--yazi-baslik);
  font-size: 1.2rem;
  line-height: 1.28;
  margin: 0 0 .35rem;
}
.hrb-fide__ad a { color: var(--murekkep); text-decoration: none; }
.hrb-fide__ad a:hover { color: var(--damar); }

.hrb-fide__ozet {
  margin: 0;
  color: var(--murekkep-soluk);
  max-width: 62ch;
}

.hrb-etiket {
  display: inline-block;
  font-family: var(--yazi-etiket);
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--damar);
  border: var(--cizgi) solid var(--damar);
  padding: .12rem .5rem;
  margin-bottom: .5rem;
  text-decoration: none;
}
a.hrb-etiket:hover { background: var(--damar); color: var(--ustu-vurgu); }

@media (max-width: 46rem) {
  .hrb-fide { grid-template-columns: 1fr; }
  .hrb-fide__tarih { padding-top: 0; margin-bottom: .25rem; }
}

/* =========================================================================
   KUTU : cerceveli not blogu
   ========================================================================= */

.hrb-kutu {
  background: var(--zemin-kat);
  border-left: 4px solid var(--damar);
  border-top: var(--cizgi) solid var(--tel);
  border-right: var(--cizgi) solid var(--tel);
  border-bottom: var(--cizgi) solid var(--tel);
  padding: 1.25rem 1.35rem;
  margin-block: 1.8rem;
}
.hrb-kutu h2, .hrb-kutu h3 { margin-bottom: .5rem; }
.hrb-kutu p:last-child, .hrb-kutu ul:last-child, .hrb-kutu dl:last-child { margin-bottom: 0; }
.hrb-kutu ul { padding-left: 1.1rem; }
.hrb-kutu li { margin-bottom: .35rem; }

/* =========================================================================
   OLCUT : bitki kimlik listesi (tanim listesi)
   Herbaryum etiketinin sayfa icindeki karsiligi.
   ========================================================================= */

.hrb-olcut {
  margin: 1.6rem 0;
  border-top: 2px solid var(--damar);
  border-bottom: var(--cizgi) solid var(--tel);
}
.hrb-olcut div {
  display: grid;
  grid-template-columns: 11rem minmax(0, 1fr);
  gap: 0 var(--oluk);
  padding: .55rem 0;
  border-bottom: var(--cizgi) solid var(--tel);
}
.hrb-olcut div:last-child { border-bottom: 0; }
.hrb-olcut dt {
  font-family: var(--yazi-etiket);
  font-size: .76rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--murekkep-soluk);
  padding-top: .2rem;
}
.hrb-olcut dd { margin: 0; }

@media (max-width: 34rem) {
  .hrb-olcut div { grid-template-columns: 1fr; gap: .1rem; }
}

/* =========================================================================
   METIN : bir sayfanin govdesi
   ========================================================================= */

.hrb-metin { max-width: var(--olcu); }
.hrb-metin > * { max-width: 100%; }

.hrb-metin h2 {
  margin-top: 2.2rem;
  padding-top: .85rem;
  border-top: 2px solid var(--damar);
}
.hrb-metin h3 { margin-top: 1.7rem; }

.hrb-metin ul, .hrb-metin ol { padding-left: 1.25rem; }
.hrb-metin li { margin-bottom: .45rem; }

/* icerideki bloklarin baslıklari h2 telini almaz */
.hrb-metin .hrb-kutu h2,
.hrb-metin .hrb-icindekiler h2 {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.hrb-giris {
  font-size: 1.11rem;
  line-height: 1.58;
  color: var(--murekkep);
  border-bottom: var(--cizgi) solid var(--tel);
  padding-bottom: 1.25rem;
  margin-bottom: 1.55rem;
}

.hrb-alinti {
  margin: 1.8rem 0;
  padding: .35rem 0 .35rem 1.25rem;
  border-left: 4px solid var(--damar);
  font-family: var(--yazi-baslik);
  font-size: 1.15rem;
  line-height: 1.42;
}
.hrb-alinti p:last-child { margin-bottom: 0; }
.hrb-alinti cite {
  display: block;
  margin-top: .55rem;
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  font-style: normal;
  letter-spacing: .08em;
  color: var(--murekkep-soluk);
}

.hrb-levha { margin: 1.8rem 0; }
.hrb-levha img {
  width: 100%;
  background: var(--zemin-oyuk);
  border: var(--cizgi) solid var(--tel);
}
.hrb-levha figcaption {
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .03em;
  color: var(--murekkep-soluk);
  padding-top: .5rem;
  margin-top: .5rem;
  border-top: var(--cizgi) solid var(--tel);
}

/* Sayfa ici icindekiler */
.hrb-icindekiler {
  background: var(--zemin-oyuk);
  padding: 1.05rem 1.25rem;
  margin-bottom: 2rem;
  border-left: 4px solid var(--tel);
}
.hrb-icindekiler h2 {
  font-family: var(--yazi-etiket);
  font-size: .8rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 .55rem;
  border: 0;
  padding: 0;
}
.hrb-icindekiler ol {
  margin: 0;
  padding-left: 1.15rem;
  font-size: .95rem;
}
.hrb-icindekiler li { margin-bottom: .28rem; }
.hrb-icindekiler a { color: var(--murekkep); }

/* =========================================================================
   CIZELGE : tablolar daima kaydirilabilir bir kap icinde
   ========================================================================= */

.hrb-cizelge {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1.4rem;
  border: var(--cizgi) solid var(--tel);
  background: var(--zemin-kat);
}
.hrb-cizelge table {
  border-collapse: collapse;
  width: 100%;
  min-width: 30rem;
  margin: 0;
  font-size: .94rem;
}
.hrb-cizelge th,
.hrb-cizelge td {
  text-align: left;
  padding: .58rem .8rem;
  border-bottom: var(--cizgi) solid var(--tel);
  vertical-align: top;
}
.hrb-cizelge tbody tr:last-child th,
.hrb-cizelge tbody tr:last-child td { border-bottom: 0; }
.hrb-cizelge thead th {
  font-family: var(--yazi-etiket);
  font-size: .76rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  background: var(--zemin-oyuk);
  border-bottom: 2px solid var(--damar);
}
.hrb-cizelge caption {
  caption-side: top;
  text-align: left;
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .04em;
  color: var(--murekkep-soluk);
  padding: .6rem .8rem;
  background: var(--zemin-kat);
}

/* =========================================================================
   KOMSU : capraz baglantilar (yildizin kollarini birbirine baglar)
   ========================================================================= */

.hrb-komsu__liste {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--cizgi);
  background: var(--tel);
  border: var(--cizgi) solid var(--tel);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
}
.hrb-komsu__liste li { background: var(--zemin-kat); }
.hrb-komsu__liste a {
  display: block;
  padding: .95rem 1.05rem;
  text-decoration: none;
  color: var(--murekkep);
  border-top: 4px solid var(--damar);
  height: 100%;
}
.hrb-komsu__liste a:hover { background: var(--zemin-oyuk); }
.hrb-komsu__ne {
  display: block;
  font-family: var(--yazi-etiket);
  font-size: .72rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--murekkep-soluk);
  margin-bottom: .28rem;
}
.hrb-komsu__ad {
  display: block;
  font-family: var(--yazi-baslik);
  font-size: 1.06rem;
  line-height: 1.28;
}

/* =========================================================================
   TOPRAK : sayfa alti
   ========================================================================= */

.hrb-toprak {
  background: var(--zemin-koyu);
  color: var(--murekkep-ters);
  margin-top: var(--nefes);
  padding-block: var(--nefes) 2rem;
  border-top: 5px solid var(--damar);
}
.hrb-toprak a { color: var(--murekkep-ters); }
.hrb-toprak a:hover { color: var(--baglanti-ters); }

.hrb-toprak__izgara {
  display: grid;
  gap: 2rem var(--oluk);
  grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
}
.hrb-toprak__sutun h2 {
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: .75rem;
  color: var(--murekkep-ters);
  opacity: .78;
}
.hrb-toprak ul { list-style: none; margin: 0; padding: 0; }
.hrb-toprak li { margin-bottom: .42rem; }

.hrb-toprak__alt {
  margin-top: 2.3rem;
  padding-top: 1.15rem;
  border-top: var(--cizgi) solid rgba(238, 242, 224, .28);
  font-family: var(--yazi-etiket);
  font-size: .78rem;
  letter-spacing: .04em;
  opacity: .82;
}

/* =========================================================================
   DAMARLAR : .hrb-yatak, .hrb-tabela, .hrb-parsel, .hrb-fide uzerine
   ya da tum sayfayi boyamak icin <body> uzerine konur.
   ========================================================================= */

.hrb-damar-1 { --damar: var(--damar-1); }
.hrb-damar-2 { --damar: var(--damar-2); }
.hrb-damar-3 { --damar: var(--damar-3); }
.hrb-damar-4 { --damar: var(--damar-4); }
.hrb-damar-5 { --damar: var(--damar-5); }
.hrb-damar-6 { --damar: var(--damar-6); }

/* =========================================================================
   YARDIMCILAR (bilerek az sayida)
   ========================================================================= */

.hrb-gizli {
  position: absolute;
  width: 1px; height: 1px;
  margin: -1px; padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.hrb-alt-bosluksuz { margin-bottom: 0; }