.post__desc { font-size: 16px; line-height: 1.8; color: #4a4a4a; }
.post__desc p { margin-bottom: 1.2em; }
.post__desc p.lead { font-size: 18px; font-weight: 500; color: #2c2c2c; margin-bottom: 1.6em; padding-bottom: 1.2em; border-bottom: 1px solid #eaeaea; }
.post__desc h2 { font-size: 26px; font-weight: 700; color: #1a1a1a; margin-top: 2em; margin-bottom: 0.8em; padding-bottom: 0.4em; border-bottom: 2px solid #0d6efd; }
.post__desc h3 { font-size: 20px; font-weight: 600; color: #2c2c2c; margin-top: 1.6em; margin-bottom: 0.6em; }
.post__desc ul, .post__desc ol { margin-bottom: 1.5em; padding-left: 1.5em; }
.post__desc li { margin-bottom: 0.5em; }
.post__desc table { width: 100%; border-collapse: collapse; margin: 1.5em 0; font-size: 15px; }
.post__desc table th { background: #0d6efd; color: #fff; padding: 12px; text-align: left; font-weight: 600; }
.post__desc table td { padding: 10px 12px; border-bottom: 1px solid #e9ecef; }
.post__desc table tr:nth-child(even) td { background: #f8f9fa; }
.post__desc blockquote { border-left: 4px solid #0d6efd; background: #f0f7ff; padding: 18px 24px; margin: 1.5em 0; font-style: italic; color: #1a1a1a; }
.post__desc strong { color: #1a1a1a; }
.post__desc a { color: #0d6efd; text-decoration: underline; }
.post__desc a:hover { color: #0a58ca; }
.article-hero { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr); margin:8px 0 28px; overflow:hidden; border:1px solid #dfe7f2; border-radius:22px; background:#fff; box-shadow:0 14px 36px rgba(13,36,71,.075); }
.article-hero__content { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:clamp(22px,2.2vw,32px); }
.article-hero__eyebrow { display:inline-flex; align-items:center; align-self:flex-start; gap:8px; margin-bottom:10px; color:#0d6efd; font-size:11px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.article-hero__eyebrow:before { content:""; width:30px; height:3px; border-radius:5px; background:linear-gradient(90deg,#0d6efd,#42c7be); }
.article-hero h1 { margin:0 0 10px; color:#0d2447; font-size:clamp(30px,2.05vw,36px); line-height:1.08; letter-spacing:-.035em; font-weight:800; }
.article-hero__summary { max-width:680px; margin:0; color:#53647a; font-size:14.5px; line-height:1.52; }
.article-hero__meta { display:flex; align-items:stretch; flex-wrap:wrap; gap:7px; margin-top:13px; }
.article-author { display:flex; align-items:center; gap:8px; min-height:44px; padding:5px 10px 5px 6px; border:1px solid #e1e9f4; border-radius:12px; background:#f8fbff; color:inherit; text-decoration:none; transition:.18s ease; }
.article-author:hover { border-color:#b8d2fa; background:#f1f7ff; transform:translateY(-1px); }
.article-author__avatar { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex:0 0 32px; border-radius:10px; background:linear-gradient(135deg,#0d6efd,#42a5ff); color:#fff; font-size:12px; font-weight:800; box-shadow:0 5px 12px rgba(13,110,253,.17); }
.article-author__name { display:block; color:#0d2447; font-size:12px; font-weight:800; line-height:1.2; }
.article-author__title { display:block; margin-top:2px; color:#728197; font-size:10.5px; line-height:1.2; }
.article-meta-item { display:flex; align-items:center; gap:7px; min-height:44px; padding:6px 9px; border:1px solid #e6ebf2; border-radius:12px; background:#fff; color:#53647a; font-size:11.5px; line-height:1.3; }
.article-meta-item i { color:#0d6efd; font-size:14px; }
.article-meta-item small { display:block; margin-bottom:1px; color:#91a0b2; font-size:9px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.article-meta-item time,.article-meta-item strong { display:block; color:#20344e; font-size:11.5px; font-weight:700; }
.article-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-top:13px; }
.article-hero__cta,.article-hero__read { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:9px 16px; border-radius:11px; font-size:13px; font-weight:800; text-decoration:none; transition:.18s ease; }
.article-hero__cta { color:#fff; background:linear-gradient(135deg,#0d6efd,#0b55bf); box-shadow:0 10px 22px rgba(13,110,253,.22); }
.article-hero__cta:hover { color:#fff; transform:translateY(-2px); box-shadow:0 14px 28px rgba(13,110,253,.27); }
.article-hero__read { color:#0d2447; border:1px solid #dce5f1; background:#fff; }
.article-hero__read:hover { color:#0d6efd; border-color:#b9d2f7; background:#f7fbff; }
.article-hero__media { position:relative; min-height:0; overflow:hidden; background:#0d2447; }
.article-hero__media:after { content:""; position:absolute; inset:0; pointer-events:none; box-shadow:inset 24px 0 50px rgba(13,36,71,.08); }
.article-hero__media img { display:block; width:100%; height:100%; object-fit:cover; }
.article-inline-tool { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:17px; margin:0 0 30px; padding:20px 22px; border:1px solid #cfe0f7; border-radius:16px; background:linear-gradient(135deg,#f5f9ff,#eefbf9); box-shadow:0 10px 28px rgba(13,36,71,.06); }
.article-inline-tool__icon { display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border-radius:14px; background:#0d6efd; color:#fff; font-size:20px; box-shadow:0 8px 18px rgba(13,110,253,.2); }
.article-inline-tool strong { display:block; margin-bottom:3px; color:#0d2447; font-size:16px; }
.article-inline-tool p { margin:0; color:#5f6f84; font-size:13.5px; line-height:1.5; }
.article-inline-tool a { display:inline-flex; align-items:center; gap:8px; min-height:42px; padding:10px 16px; border-radius:10px; background:#0d2447; color:#fff; font-size:13.5px; font-weight:800; text-decoration:none; white-space:nowrap; }
.article-inline-tool a:hover { color:#fff; background:#0d6efd; }

.article-toc-panel { position: sticky; top: 108px; margin: 4px 0 34px; padding: 22px 18px 20px; border: 1px solid #e2e9f3; border-radius: 16px; background: #fff; box-shadow: 0 12px 36px rgba(13,36,71,.07); max-height: calc(100vh - 130px); overflow: auto; }
.article-toc-panel__label { display: flex; align-items: center; gap: 9px; margin-bottom: 17px; color: #0d2447; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.article-toc-panel__label:before { content: ""; width: 4px; height: 18px; border-radius: 8px; background: linear-gradient(180deg,#0d6efd,#42c7be); }
.article-toc-panel ol { list-style: none; counter-reset: toc; margin: 0; padding: 0 0 0 8px; border-left: 1px solid #dce5f1; }
.article-toc-panel li { counter-increment: toc; position: relative; margin: 0; padding: 0; }
.article-toc-panel a { display: grid; grid-template-columns: 25px 1fr; gap: 8px; padding: 9px 5px 9px 12px; color: #64748b; font-size: 13px; line-height: 1.38; text-decoration: none; border-radius: 8px; transition: .18s ease; }
.article-toc-panel a:before { content: counter(toc, decimal-leading-zero); color: #9aa8ba; font-size: 10px; font-weight: 800; letter-spacing: .04em; padding-top: 2px; }
.article-toc-panel a:hover, .article-toc-panel a:focus { color: #0d2447; background: #eef5ff; transform: translateX(2px); }
.article-toc-panel a:hover:before, .article-toc-panel a:focus:before { color: #0d6efd; }
.article-toc-panel li.is-active a { color: #0d2447; background: #eef5ff; font-weight: 700; }
.article-toc-panel li.is-active a:before { color: #0d6efd; }
.article-toc-panel li.is-active:before { content: ""; position: absolute; left: -10px; top: 8px; width: 3px; height: calc(100% - 16px); border-radius: 4px; background: #0d6efd; }
.post__desc h2 { scroll-margin-top: 120px; }
.trh-tool { margin: 0 0 34px; }
.trh-tool h2 { scroll-margin-top: 120px; }
.trh-lookup { display:grid; grid-template-columns:minmax(120px,.7fr) minmax(160px,1fr) minmax(220px,1.3fr); gap:14px; align-items:end; margin:20px 0 22px; padding:20px; border:1px solid #dbe6f3; border-radius:14px; background:#f8fbff; }
.trh-lookup label { display:block; margin:0 0 7px; color:#20344e; font-size:13px; font-weight:800; }
.trh-lookup select { width:100%; min-height:46px; padding:10px 12px; border:1px solid #bdcce0; border-radius:9px; background:#fff; color:#0d2447; font:inherit; }
.trh-lookup__result { min-height:74px; padding:12px 16px; border-radius:10px; background:#0d2447; color:#fff; }
.trh-lookup__result span,.trh-lookup__result small { display:block; color:rgba(255,255,255,.78); }
.trh-lookup__result strong { display:block; margin:2px 0; color:#fff; font-size:24px; }
.trh-table-wrap { max-height:560px; overflow:auto; border:1px solid #dce5f1; border-radius:12px; }
.post__desc .trh-table-wrap table { margin:0; }
.post__desc .trh-table-wrap caption { padding:12px 14px; color:#53647a; font-size:13px; text-align:left; caption-side:top; background:#f8fafc; }
.post__desc .trh-table-wrap thead { position:sticky; top:0; z-index:2; }
.post__desc .trh-table-wrap tbody tr.is-selected td,.post__desc .trh-table-wrap tbody tr.is-selected th { background:#dcecff; color:#0d2447; font-weight:800; }
.trh-source { margin-top:14px; color:#64748b; font-size:13px; }
.blog-single .post-item .post__img { margin-bottom: 30px; }

.post__desc .callout { border-radius: 10px; padding: 16px 20px; margin: 1.6em 0; font-size: 15.5px; line-height: 1.7; }
.post__desc .callout strong { display: inline; }
.post__desc .callout--answer { background: #eef5ff; border-left: 4px solid #0d6efd; color: #14213d; }
.post__desc .callout--warning { background: #fff6e6; border-left: 4px solid #f59f00; color: #4a3200; }
.post__desc .callout--note { background: #f1f5f9; border-left: 4px solid #64748b; color: #24303f; }
.blog-single #makale-icerigi { margin-top:34px; }
.blog-single #makale-icerigi .post__desc > p:first-child.callout--answer { margin:0 0 28px; padding:20px 24px; border:1px solid #d8e6f8; border-left:4px solid #0d6efd; border-radius:0 14px 14px 0; background:linear-gradient(115deg,#f5f9ff 0%,#eef5ff 100%); color:#253851; box-shadow:0 8px 22px rgba(13,36,71,.045); }

.post__desc ul.toc { background: #f8fbff; border: 1px solid #dde5f1; border-radius: 10px;
  padding: 18px 20px 18px 38px; margin: 1.5em 0; }
.post__desc ul.toc li { margin-bottom: 0.35em; }
.post__desc ul.toc a { text-decoration: none; }
.post__desc ul.toc a:hover { text-decoration: underline; }

.post__desc .table-responsive { overflow-x: auto; margin: 1.5em 0; }
.post__desc .table-responsive table { margin: 0; }

.post__desc .cta-block { background: linear-gradient(135deg, #0b5ed7, #084298); color: #fff;
  border-radius: 14px; padding: 26px 28px; margin: 2em 0; }
.post__desc .cta-block h2 { color: #fff; border-bottom: 0; margin: 0 0 10px; padding: 0; font-size: 22px; }
.post__desc .cta-block p { color: rgba(255,255,255,0.92); margin-bottom: 0.9em; }
.post__desc .cta-block p:last-child { margin-bottom: 0; }
.post__desc .cta-block a.btn { display: inline-block; margin: 4px 8px 4px 0; padding: 11px 22px;
  border-radius: 10px; text-decoration: none; font-weight: 600; }
.post__desc .cta-block a.btn__primary { background: #fff; color: #0b5ed7; }
.post__desc .cta-block a.btn__primary:hover { background: #eef4ff; color: #084298; }
.post__desc .cta-block a.btn__secondary { background: rgba(255,255,255,0.14); color: #fff;
  border: 1px solid rgba(255,255,255,0.45); }
.post__desc .cta-block a.btn__secondary:hover { background: rgba(255,255,255,0.24); color: #fff; }

/* 3-kolon blog layout */
.blog-layout { display: grid; grid-template-columns: 220px 1fr 300px; gap: 28px; }
.blog-sidebar-right { align-self: start; position: sticky; top: 90px; }
@media (max-width: 1199px) { .blog-layout { grid-template-columns: 200px 1fr; } .blog-sidebar-right { display: none; } }
@media (max-width: 991px) { .blog-layout { grid-template-columns: 1fr; } .blog-toc-col { display: none; } }

/* Sol TOC */
.blog-toc { position: sticky; top: 90px; max-height: calc(100vh - 120px); overflow-y: auto; }
.blog-toc h5 { font-size: 13px; font-weight: 800; color: #0d2447; margin: 0 0 14px; text-transform: uppercase; letter-spacing: 0.6px; }
.blog-toc ul { list-style: none; padding: 0; margin: 0; }
.blog-toc li { margin-bottom: 2px; }
.blog-toc a { font-size: 13px; color: #64748b; text-decoration: none; display: block; padding: 6px 12px; border-left: 2px solid #e2e8f0; line-height: 1.45; transition: 0.15s; }
.blog-toc a:hover { color: #0d6efd; border-left-color: #93c5fd; }
.blog-toc a.active { color: #0d6efd; font-weight: 700; border-left-color: #0d6efd; background: #f0f7ff; }
.blog-toc .toc-h3 { padding-left: 22px; font-size: 12px; }

/* Hero kompakt */
.post__img { border-radius: 12px; overflow: hidden; margin-bottom: 24px; max-height: 260px; }
.post__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1199px) { .post__img { max-height: 220px; } }
@media (max-width: 991px) { .post__img { max-height: 200px; } }

/* Sag sidebar widgetlari */
.calc-related-widget { background: linear-gradient(135deg, #0d6efd, #1e3a8a); color: #fff; padding: 22px; border-radius: 12px; margin-bottom: 24px; }
.calc-related-widget h5 { color: #fff; margin: 0 0 14px; font-size: 15px; font-weight: 700; }
.calc-related-widget a { display: block; color: #fff; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.15); text-decoration: none; font-size: 14px; }
.calc-related-widget a:last-child { border: 0; }
.calc-related-widget a:hover { padding-left: 8px; transition: 0.2s; }
.calc-related-widget .price { font-size: 13px; opacity: 0.85; }
/* Kapak: 1200x630 görsel tam genişlikte çok yer kaplıyordu; içerik sütununa oranlı bir banda indirildi. */
.blog-single .post-item .post__img { aspect-ratio: 1200 / 480; max-height: 400px; border-radius: 16px; background: #0d2447; }
.blog-single .post-item .post__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.blog-single .post-item:hover .post__img img { transform: none; }
/* Son makaleler: küçük, oranı korunan kart; görseldeki yazı kırpılmasın diye 1200x630 oranı sabit. */
.blog-single .widget-posts .widget-post-item { gap: 14px; margin-bottom: 0; padding: 12px 0; border-bottom: 1px solid rgba(14,32,77,0.08); align-items: flex-start !important; }
.blog-single .widget-posts .widget-post-item:last-child { border-bottom: 0; padding-bottom: 0; }
.blog-single .widget-posts .widget-post__img { flex: 0 0 104px; max-width: 104px; margin-right: 0; }
.blog-single .widget-posts .widget-post__img img { display: block; width: 104px; height: auto; aspect-ratio: 1200 / 630; object-fit: cover; border-radius: 8px; box-shadow: 0 2px 8px rgba(14,32,77,0.12); }
.blog-single .widget-posts .widget-post__content { min-width: 0; }
.blog-single .widget-posts .widget-post__date { display: block; font-size: 12px; color: #6b7c8c; margin-bottom: 4px; }
.blog-single .widget.widget-posts { padding: 26px 24px; }
.blog-single .widget-posts .widget-post__title { font-size: 14.5px !important; line-height: 1.4 !important; font-weight: 600; margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog-single .widget-posts .widget-post__title a { color: #0e204d; }
.blog-single .widget-posts .widget-post__title a:hover { color: #0d6efd; }
.embedded-estimate { margin:34px 0 0; padding:26px; border:1px solid #dbe6f3; border-radius:16px; background:#f8fbff; box-shadow:0 10px 28px rgba(13,36,71,.06); scroll-margin-top:120px; }
.embedded-estimate h2 { margin:0 0 9px; color:#0d2447; font-size:24px; }
.embedded-estimate > p { margin:0 0 20px; color:#53647a; line-height:1.65; }
.embedded-estimate__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.embedded-estimate label { display:block; margin:0 0 6px; color:#20344e; font-size:13px; font-weight:800; }
.embedded-estimate input,.embedded-estimate select { width:100%; min-height:46px; padding:10px 12px; border:1px solid #bdcce0; border-radius:9px; background:#fff; color:#0d2447; font:inherit; }
.embedded-estimate__full { grid-column:1/-1; }
.embedded-estimate button { width:100%; min-height:50px; border:0; border-radius:10px; background:linear-gradient(135deg,#0d6efd,#1e3a8a); color:#fff; font-weight:800; cursor:pointer; }
.embedded-estimate__note { display:block; margin-top:10px; color:#64748b; font-size:12px; line-height:1.5; }
.embedded-estimate__error { margin:0 0 16px; padding:12px 14px; border-left:4px solid #dc3545; border-radius:8px; background:#fff1f2; color:#9f1239; }
@media (max-width: 991px) {
  .article-hero { grid-template-columns:1fr; margin-bottom:30px; }
  .article-hero__media { order:-1; min-height:0; aspect-ratio:16/7; }
  .article-hero__media:after { box-shadow:inset 0 -20px 45px rgba(13,36,71,.08); }
  .article-hero h1 { font-size:clamp(31px,6vw,43px); }
  .blog-single #makale-icerigi { margin-top:24px; }
  .article-toc-panel { position: static; max-height: none; margin: 0 0 26px; }
  .article-toc-panel ol { columns: 2; column-gap: 24px; }
  .article-toc-panel li { break-inside: avoid; }
}
@media (max-width: 575px) {
  .article-hero { border-radius:17px; }
  .article-hero__media { aspect-ratio:16/9; }
  .article-hero__content { padding:24px 21px 26px; }
  .article-hero h1 { font-size:30px; }
  .article-hero__summary { font-size:15.5px; }
  .article-hero__meta { display:grid; grid-template-columns:1fr 1fr; }
  .article-author { grid-column:1/-1; }
  .article-meta-item { padding:8px 10px; }
  .article-hero__actions,.article-hero__cta,.article-hero__read { width:100%; }
  .article-inline-tool { grid-template-columns:auto 1fr; padding:17px; }
  .article-inline-tool a { grid-column:1/-1; justify-content:center; width:100%; }
  .article-toc-panel ol { columns: 1; }
  .trh-lookup { grid-template-columns:1fr; }
  .embedded-estimate__grid { grid-template-columns:1fr; }
  .embedded-estimate__full { grid-column:auto; }
}