/* İç sayfa şablonu: onaylı ana sayfa stillerine dokunmadan uygulanır. */
.inner-page { background: #f5f8fb; }
.inner-page .site-frame { overflow: visible; background: #fff; }
.inner-page .inner-site-header {
  position: relative;
  min-height: 108px;
  overflow: visible;
  border-bottom: 1px solid rgba(13,67,111,.12);
  background: linear-gradient(180deg, #f5fbff, #eaf6fd);
}
.inner-page .inner-site-header::before {
  opacity: .4;
  background: radial-gradient(circle at 82% -20%, rgba(68,183,226,.2), transparent 38%), linear-gradient(90deg, rgba(255,255,255,.72), rgba(255,255,255,.18));
}
.inner-page .inner-site-header::after { background: linear-gradient(180deg, rgba(255,255,255,.2), rgba(255,255,255,.62)); }
.inner-page .inner-site-header .clouds { top: -50px; height: 180px; opacity: .14; }
.inner-page .nav-label { text-decoration: none; }
.inner-page .mobile-menu-link { text-decoration: none; }

.inner-main { background: #fff; }
.inner-page-banner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 290px;
  overflow: hidden;
  isolation: isolate;
  color: #082a52;
  background: linear-gradient(135deg, #76c9ea, #dff5ff 58%, #f5fbff);
}
.vanta-content-sky { position: absolute; z-index: -3; inset: 0; opacity: 0; transition: opacity .75s ease; }
.vanta-content-sky.is-ready { opacity: 1; }
.vanta-content-sky canvas { display: block !important; width: 100% !important; height: 100% !important; filter: saturate(1.06) brightness(1.08) contrast(.95); }
.inner-page-banner-wash {
  position: absolute;
  z-index: -2;
  inset: 0;
  background:
    radial-gradient(circle at 78% 18%, rgba(255,236,170,.3), transparent 21%),
    linear-gradient(90deg, rgba(244,251,255,.68), rgba(238,249,255,.3) 44%, rgba(255,255,255,.06));
}
.inner-page-banner::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -7%;
  bottom: -125px;
  width: 56%;
  height: 210px;
  border-radius: 50%;
  background: rgba(255,255,255,.35);
  filter: blur(18px);
}
.inner-banner-content { width: min(1180px, calc(100% - 72px)); margin: 0 auto; padding: 46px 0 42px; }
.breadcrumbs { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 24px; color: #47657f; font-size: 14px; font-weight: 650; }
.breadcrumbs a { color: #0a639f; text-decoration: none; }
.breadcrumbs strong { color: #12375e; }
.inner-kicker { display: inline-flex; margin-bottom: 8px; color: #0873b5; font-size: 14px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.inner-page-banner h1 { max-width: 760px; margin: 0; font-size: clamp(42px, 4.2vw, 64px); line-height: 1.04; letter-spacing: -.035em; }
.inner-page-banner p { max-width: 740px; margin: 18px 0 0; color: #294a68; font-size: 19px; font-weight: 520; line-height: 1.65; }

.inner-content-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 310px;
  gap: 64px;
  width: min(1180px, calc(100% - 72px));
  margin: 0 auto;
  padding: 64px 0 82px;
}
.article-content { min-width: 0; color: #344b64; font-size: 18px; line-height: 1.82; }
.article-content .article-lead { margin-top: 0; color: #183a5e; font-size: 22px; font-weight: 620; line-height: 1.65; }
.article-content h2 { margin: 46px 0 16px; color: #092c55; font-size: 31px; line-height: 1.2; letter-spacing: -.02em; }
.article-content p { margin: 0 0 21px; }
.article-content blockquote {
  position: relative;
  margin: 38px 0;
  padding: 26px 30px 26px 34px;
  border-left: 5px solid #1594c9;
  border-radius: 0 14px 14px 0;
  color: #0b3a65;
  background: linear-gradient(110deg, #edf9ff, #f7fcff);
  box-shadow: 0 12px 30px rgba(10,66,110,.07);
  font-size: 22px;
  font-weight: 720;
  line-height: 1.55;
}
.principle-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 15px; margin: 30px 0 42px; }
.principle-grid section { padding: 24px 20px; border: 1.5px solid #c9dbe8; border-radius: 12px; background: #fff; box-shadow: 0 9px 24px rgba(8,51,90,.055); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.principle-grid section:hover { transform: translateY(-4px); border-color: rgba(15,108,183,.42); box-shadow: 0 16px 31px rgba(8,51,90,.12); }
.principle-grid svg { width: 34px; height: 34px; color: #0876b7; }
.principle-grid h3 { margin: 15px 0 8px; color: #102f53; font-size: 18px; line-height: 1.3; }
.principle-grid p { margin: 0; color: #5d7187; font-size: 15px; line-height: 1.65; }
.article-note { display: grid; grid-template-columns: auto 1fr; gap: 16px; margin-top: 38px; padding: 22px; border: 1px solid #c8dce9; border-radius: 13px; background: #f2f9fd; }
.article-note > svg { width: 30px; height: 30px; color: #0874b5; }
.article-note strong { display: block; margin-bottom: 4px; color: #123a60; font-size: 17px; }
.article-note p { margin: 0; color: #567087; font-size: 15px; line-height: 1.6; }

.inner-sidebar { position: sticky; top: 20px; align-self: start; min-width: 0; }
.sidebar-card { position: static; overflow: hidden; padding: 25px; border: 1.5px solid #cbdbe7; border-radius: 14px; background: #fff; box-shadow: 0 14px 38px rgba(9,53,91,.08); }
.sidebar-card + .sidebar-card { margin-top: 20px; }
.sidebar-eyebrow { color: #1685ba; font-size: 13px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.sidebar-card h2 { margin: 6px 0 18px; color: #0a315b; font-size: 24px; line-height: 1.2; }
.sidebar-card nav { display: grid; gap: 5px; }
.sidebar-card nav span { position: relative; display: flex; align-items: center; min-height: 44px; padding: 9px 12px; border-radius: 8px; color: #50667b; font-size: 15px; font-weight: 650; transition: color .22s ease, background-color .22s ease, transform .22s ease; }
.sidebar-card nav span:hover { color: #075c94; background: #eef8fd; transform: translateX(3px); }
.sidebar-card nav .is-current { padding-left: 17px; color: #fff; background: linear-gradient(110deg, #09649c, #1199c5); }
.sidebar-card nav .is-current::before { content: ""; position: absolute; left: 8px; width: 3px; height: 18px; border-radius: 3px; background: rgba(255,255,255,.8); }
.sidebar-help { position: static; color: #fff; background: linear-gradient(145deg, #063467, #087da9); }
.sidebar-help > svg { width: 34px; height: 34px; margin-bottom: 14px; color: #bcecff; }
.sidebar-help h2 { margin-top: 0; color: #fff; font-size: 21px; }
.sidebar-help p { color: #d4e7f2; font-size: 15px; line-height: 1.65; }
.sidebar-help > span { display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; color: #fff; font-size: 14px; font-weight: 800; }
.sidebar-help > span svg { width: 17px; height: 17px; }

@media (max-width: 1100px) {
  .inner-page .inner-site-header { min-height: 130px; }
  .inner-page-banner { min-height: 250px; }
  .inner-banner-content, .inner-content-layout { width: min(100% - 48px, 920px); }
  .inner-content-layout { grid-template-columns: minmax(0,1fr) 270px; gap: 36px; padding-top: 48px; }
  .principle-grid { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
  .inner-page .inner-site-header { position: relative; background: linear-gradient(180deg, #f4fbff, #eaf6fd); }
  .inner-page-banner { min-height: 235px; }
  .inner-banner-content { width: calc(100% - 40px); padding: 34px 0 36px; }
  .breadcrumbs { margin-bottom: 18px; font-size: 13px; }
  .inner-page-banner h1 { font-size: 43px; }
  .inner-page-banner p { font-size: 17px; }
  .inner-content-layout { grid-template-columns: 1fr; width: calc(100% - 40px); gap: 42px; padding: 44px 0 62px; }
  .article-content { font-size: 17px; line-height: 1.78; }
  .article-content .article-lead { font-size: 20px; }
  .article-content h2 { margin-top: 38px; font-size: 28px; }
  .inner-sidebar { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
  .inner-sidebar { position: static; }
  .sidebar-card, .sidebar-card + .sidebar-card { position: static; margin-top: 0; }
}

@media (max-width: 560px) {
  .inner-page-banner { min-height: 225px; }
  .inner-banner-content { width: calc(100% - 32px); padding: 28px 0 31px; }
  .breadcrumbs { gap: 6px; margin-bottom: 15px; font-size: 12px; }
  .inner-kicker { font-size: 12px; }
  .inner-page-banner h1 { font-size: 37px; }
  .inner-page-banner p { margin-top: 13px; font-size: 16px; line-height: 1.55; }
  .inner-content-layout { width: calc(100% - 32px); padding: 36px 0 54px; }
  .article-content { font-size: 16.5px; line-height: 1.75; }
  .article-content .article-lead { font-size: 19px; line-height: 1.6; }
  .article-content h2 { margin-top: 34px; font-size: 25px; }
  .article-content blockquote { margin: 29px 0; padding: 21px 19px 21px 23px; font-size: 19px; }
  .principle-grid section { padding: 20px 18px; }
  .article-note { grid-template-columns: 1fr; }
  .inner-sidebar { grid-template-columns: 1fr; }
  .sidebar-card { padding: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .vanta-content-sky { display: none; }
}