/* ═══════════════════════════════════════════════════════════
   İç sayfalar — makale / hizmet / liste
   ═══════════════════════════════════════════════════════════ */

.page-hero{
  padding:36px 0 28px;
  background:linear-gradient(180deg,#f4f8fa 0%,#fff 100%);
  border-bottom:1px solid var(--line-soft);
  text-align:center;
}
.page-hero .container{
  max-width:var(--container);
  margin-inline:auto;
}
.page-hero__crumbs{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;
  margin-bottom:18px;
  font-size:12.5px;font-weight:500;color:var(--muted);
}
.page-hero__crumbs a{color:var(--teal);transition:color .2s var(--ease)}
.page-hero__crumbs a:hover{color:var(--deep)}
.page-hero__crumbs span[aria-hidden]{opacity:.45}
.page-hero__title{
  max-width:820px;margin:0 auto;
  font-size:clamp(28px,3.2vw,40px);font-weight:700;
  line-height:1.18;letter-spacing:-.03em;color:var(--navy);
}
.page-hero__meta{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px 22px;margin-top:14px;
  font-size:13px;color:var(--body);
}
.page-hero__lead{
  max-width:640px;margin:14px auto 0;
  font-size:15.5px;line-height:1.7;color:var(--body);
}

.page-layout{
  display:grid;grid-template-columns:minmax(0,1fr) 300px;
  gap:48px;align-items:start;
  padding-block:40px 64px;
}
.page-layout--single{
  grid-template-columns:minmax(0,1fr);
  max-width:820px;
  margin-inline:auto;
}

.prose{
  font-size:15.5px;line-height:1.8;color:var(--body);
}
.prose > *:first-child{margin-top:0}
.prose h2,.prose h3,.prose h4{
  margin:1.6em 0 .55em;color:var(--navy);letter-spacing:-.02em;
}
.prose h2{font-size:1.45em}
.prose h3{font-size:1.2em}
.prose h4{font-size:1.05em}
.prose p{margin:0 0 1em}
.prose ul,.prose ol{
  margin:0 0 1.15em;padding-left:1.25em;list-style:revert;
}
.prose li{margin:.35em 0}
.prose li::marker{color:var(--teal)}
.prose a{color:var(--teal);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.prose a:hover{color:var(--deep)}
.prose strong{color:var(--navy);font-weight:700}
.prose img,
.prose .wp-block-image img,
.prose figure img{
  display:block;
  width:auto;
  max-width:min(100%,720px);
  height:auto;
  margin:1.4em auto;
  border-radius:var(--radius);
  box-shadow:var(--shadow-card);
}
.prose .aligncenter,
.prose img.aligncenter,
.prose .wp-block-image{
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.prose .alignleft,
.prose img.alignleft{float:left;margin:0.4em 1.25em 1em 0;max-width:min(48%,360px)}
.prose .alignright,
.prose img.alignright{float:right;margin:0.4em 0 1em 1.25em;max-width:min(48%,360px)}
.prose::after{content:"";display:table;clear:both}
.prose blockquote{
  margin:1.4em 0;padding:16px 20px;
  border-left:3px solid var(--teal);
  background:#f4f8fa;border-radius:0 12px 12px 0;
  color:var(--navy);font-weight:500;
}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:14px}
.prose th,.prose td{padding:10px 12px;border:1px solid var(--line);text-align:left}
.prose th{background:#f4f8fa;color:var(--navy);font-weight:700}
.prose figure{margin:1.4em auto;max-width:min(100%,720px)}
.prose figcaption{margin-top:8px;font-size:12.5px;color:var(--muted);text-align:center}
.prose iframe{display:block;width:100%;max-width:100%;aspect-ratio:16/9;margin:1.4em auto;border:0;border-radius:var(--radius)}

.page-cover,
.service-cover,
.post-cover{
  overflow:hidden;
  max-width:820px;
  margin:0 auto 28px;
  border-radius:var(--radius-lg);
  border:1px solid var(--line-soft);
  box-shadow:var(--shadow-card);
  background:#e8eef2;
}
.page-cover img,
.service-cover img,
.post-cover img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  aspect-ratio:16/9;
  object-fit:cover;
  margin:0;
  border-radius:0;
  box-shadow:none;
}

.page-aside{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px}
.aside-card{
  padding:22px 20px;border-radius:var(--radius);
  background:#f7fafc;border:1px solid var(--line-soft);
}
.aside-card__title{
  margin:0 0 12px;font-size:14px;font-weight:700;
  letter-spacing:-.02em;color:var(--navy);
}
.aside-card__list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}
.aside-card__list a{
  display:block;padding:8px 10px;border-radius:8px;
  font-size:13px;font-weight:500;line-height:1.35;color:var(--body);
  transition:background-color .2s var(--ease), color .2s var(--ease);
}
.aside-card__list a:hover{background:#fff;color:var(--teal)}
.aside-card .btn{width:100%;justify-content:center;margin-top:4px}

.listing-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;padding-block:36px 56px;
}
.listing-card{
  display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--radius);background:#fff;
  border:1px solid var(--line-soft);box-shadow:var(--shadow-card);
  transition:transform .3s var(--ease), box-shadow .3s var(--ease);
}
.listing-card:hover{
  transform:translateY(-4px);
  box-shadow:0 6px 14px rgba(27,42,56,.05), 0 22px 46px rgba(27,42,56,.1);
}
.listing-card__media{display:block;overflow:hidden;background:#e8eef2}
.listing-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .6s var(--ease)}
.listing-card:hover .listing-card__media img{transform:scale(1.04)}
.listing-card__body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;flex:1}
.listing-card__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;letter-spacing:-.02em;color:var(--navy)}
.listing-card__excerpt{margin:0;font-size:13.5px;line-height:1.55;color:var(--body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.listing-card__link{margin-top:auto;padding-top:6px}

@media (max-width:1100px){
  .page-layout{grid-template-columns:1fr;gap:32px}
  .page-aside{position:static}
  .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .listing-grid{grid-template-columns:1fr}
  .page-hero{padding:28px 0 22px}
}
