/* H-455 Seo:ReosIntroCardsH455: "RE-OS nedir" cards (home, /mls-nedir) and "Ofisin bir günü" / "Hangisi size uygun" / FAQ cards (vs pages).
   Same card look as .home-bilgi-kart (band #f7fafd, white card, 12px corner, 22x24 padding, 1.05rem bold title). Every rule is scoped under .tk-h455,
   so nothing leaks into the page. Cards of one row stretch to the same height. */
.tk-h455 { padding: 48px 0; background: #f7fafd; }
.tk-h455 .tk-h2 { margin: 0 0 20px; font-size: 1.5rem; font-weight: 700; line-height: 1.3; color: #022041; text-align: center; }
.tk-h455 .tk-giris { max-width: 860px; margin: 0 auto 24px; font-size: 16px; line-height: 1.65; color: #444; text-align: center; }
.tk-h455 .tk-giris a, .tk-h455 .tk-metin a { color: #0b4f9c; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tk-h455 .tk-giris a:focus-visible, .tk-h455 .tk-metin a:focus-visible { outline: 3px solid #0b4f9c; outline-offset: 3px; border-radius: 3px; }
.tk-h455 .tk-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); grid-auto-rows: 1fr; gap: 20px; }
.tk-h455.tk-tek .tk-grid { grid-template-columns: minmax(0, 960px); justify-content: center; }
.tk-h455 .tk-grid.tk-iki { grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); }
.tk-h455 .tk-kart { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: 22px 24px; background: #fff; border: 1px solid #e3eaf3; border-radius: 12px; box-shadow: 0 2px 8px rgba(2,32,65,.05); }
.tk-h455 .tk-ikon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 44px; height: 44px; margin: 0 0 12px; border-radius: 50%; background: #eaf2fb; color: #0b4f9c; font-size: 20px; line-height: 1; }
.tk-h455 .tk-baslik { margin: 0 0 8px; font-size: 1.05rem; font-weight: 700; line-height: 1.35; color: #022041; }
.tk-h455 .tk-metin { margin: 0 0 12px; font-size: 15px; line-height: 1.65; color: #444; }
.tk-h455 .tk-metin:last-child { margin-bottom: 0; }
@media (max-width: 639px) { .tk-h455 .tk-grid { grid-auto-rows: auto; } .tk-h455 { padding: 36px 0; } }