/* Mavi Eksen Blog ve editoryal katılım alanı */
.blog-page,
.blog-article,
.write-page { background: var(--cream-2); }

.blog-hero {
  min-height: 690px;
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 78% 30%, rgba(10,168,165,.34), transparent 26%),
    linear-gradient(135deg, #03142f 0%, #062d55 58%, #08757e 100%);
  color: #fff;
}
.blog-hero::after {
  content: "";
  position: absolute;
  inset: auto -8% -36% 36%;
  height: 420px;
  border: 1px solid rgba(255,255,255,.13);
  border-radius: 50%;
  transform: rotate(-7deg);
}
.blog-hero-grid { position: absolute; inset: 0; z-index: -1; opacity: .18; }
.blog-hero-grid::before,
.blog-hero-grid::after { content: ""; position: absolute; inset: 0; }
.blog-hero-grid::before {
  background-image: linear-gradient(rgba(255,255,255,.11) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px);
  background-size: 72px 72px;
  mask-image: linear-gradient(90deg,#000,transparent 74%);
}
.blog-hero-grid::after { background: linear-gradient(115deg,transparent 0 47%,rgba(240,169,31,.62) 47.15% 47.35%,transparent 47.5%); }
.blog-hero-grid i { position: absolute; width: 9px; height: 9px; border: 1px solid #7fe5de; border-radius: 50%; box-shadow: 0 0 0 7px rgba(127,229,222,.07); }
.blog-hero-grid i:nth-child(1) { left: 9%; top: 18%; }
.blog-hero-grid i:nth-child(2) { left: 42%; top: 70%; }
.blog-hero-grid i:nth-child(3) { right: 12%; top: 16%; }
.blog-hero-grid i:nth-child(4) { right: 6%; bottom: 13%; }
.blog-hero-inner { width: 100%; padding-block: clamp(82px,10vw,130px); position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.05fr) minmax(360px,.72fr); gap: clamp(45px,7vw,110px); align-items: center; }
.blog-hero-copy h1 { margin: 13px 0 25px; font-family: Georgia,serif; font-size: clamp(76px,10vw,150px); line-height: .74; font-weight: 500; letter-spacing: -.075em; }
.blog-hero-copy h1 em { color: var(--gold); font-weight: 400; }
.blog-hero-copy>p:not(.eyebrow) { max-width: 650px; margin: 0; color: rgba(255,255,255,.74); font-size: clamp(17px,1.55vw,22px); line-height: 1.6; }
.blog-hero-actions { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 11px; }
.blog-outline-button { border: 1px solid rgba(255,255,255,.42); background: rgba(4,27,58,.18); color: #fff; backdrop-filter: blur(7px); }
.blog-outline-button:hover { border-color: #fff; background: #fff; color: var(--navy); }
.blog-route-compass { width: min(430px,38vw); min-height: 560px; position: relative; justify-self: end; overflow: hidden; padding: 24px; display: grid; grid-template-rows:auto 1fr auto auto; border: 1px solid rgba(255,255,255,.22); background: linear-gradient(155deg,rgba(255,255,255,.11),rgba(3,24,51,.22)); box-shadow: 0 28px 80px rgba(0,0,0,.22); backdrop-filter: blur(12px); color:#fff; }
.blog-route-compass::before { content:""; position:absolute; inset:72px -42% auto 8%; height:1px; background:linear-gradient(90deg,transparent,rgba(120,224,219,.55),transparent); transform:rotate(-17deg); }
.blog-route-compass-head { position:relative; z-index:3; display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.blog-route-compass-head>span { color:#79e0db; font-size:10px; font-weight:900; letter-spacing:.15em; }
.blog-route-compass-head>small { max-width:145px; color:rgba(255,255,255,.52); font-size:10px; line-height:1.35; text-align:right; }
.blog-route-dial { width:250px; aspect-ratio:1; position:relative; align-self:center; justify-self:center; display:grid; place-content:center; text-align:center; border:1px solid rgba(255,255,255,.2); border-radius:50%; background:radial-gradient(circle,rgba(3,24,51,.82) 0 24%,transparent 25%),repeating-conic-gradient(from -1deg,rgba(255,255,255,.2) 0 1deg,transparent 1deg 15deg); box-shadow:inset 0 0 0 30px rgba(255,255,255,.025),0 0 0 13px rgba(121,224,219,.035); }
.blog-route-ring { position:absolute; inset:14%; border:1px dashed rgba(121,224,219,.34); border-radius:50%; }
.blog-route-needle { width:3px; height:66%; position:absolute; left:50%; top:17%; background:linear-gradient(var(--gold) 0 47%,#fff 47% 52%,#79e0db 52%); transform:translateX(-50%) rotate(27deg); clip-path:polygon(50% 0,100% 46%,68% 46%,68% 100%,32% 100%,32% 46%,0 46%); transform-origin:center; animation:blog-route-needle 5s ease-in-out infinite; }
.blog-route-dial strong { position:relative; z-index:2; color:var(--gold); font:500 44px/.85 Georgia,serif; }
.blog-route-dial span { position:relative; z-index:2; margin-top:7px; color:#fff; font-size:11px; font-weight:900; letter-spacing:.13em; text-transform:uppercase; }
.blog-route-choice { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; }
.blog-route-choice button { min-height:50px; padding:6px 4px; display:grid; place-content:center; gap:2px; border:1px solid rgba(255,255,255,.16); background:rgba(3,24,51,.38); color:rgba(255,255,255,.72); font:800 9px Arial,sans-serif; cursor:pointer; }
.blog-route-choice button span { color:#79e0db; font:500 12px Georgia,serif; }
.blog-route-choice button:hover,.blog-route-choice button:focus-visible { border-color:#79e0db; color:#fff; outline:0; }
.blog-route-choice button.is-active { border-color:var(--gold); background:var(--gold); color:var(--navy); }
.blog-route-choice button.is-active span { color:var(--navy); }
.blog-route-selected { min-height:76px; margin-top:12px; padding:13px 15px; position:relative; z-index:3; display:grid; grid-template-columns:1fr auto; gap:4px 12px; align-content:center; border-left:3px solid var(--gold); background:rgba(3,24,51,.56); }
.blog-route-selected>span { color:#79e0db; font-size:8px; font-weight:900; letter-spacing:.15em; }
.blog-route-selected>strong { grid-column:1/-1; color:#fff; font:500 16px/1.15 Georgia,serif; }
.blog-route-selected>small { position:absolute; right:15px; top:13px; color:rgba(255,255,255,.42); font-size:8px; }
@keyframes blog-route-needle { 50% { transform:translateX(-50%) rotate(32deg); } }

.blog-featured { padding-block: clamp(70px,8vw,115px); background: var(--cream); }
.blog-featured-grid { min-height: 450px; display: grid; grid-template-columns: minmax(300px,.72fr) 1.28fr; background: #fff; box-shadow: var(--shadow); }
.blog-featured-route { position: relative; overflow: hidden; display: grid; place-items: center; background: radial-gradient(circle at 68% 30%,#14bab5,transparent 28%),linear-gradient(145deg,#061c40,#07546a); color: #fff; }
.blog-featured-route::before,
.blog-featured-route::after { content: ""; position: absolute; width: 115%; height: 1px; background: rgba(255,255,255,.2); transform: rotate(-31deg); }
.blog-featured-route::after { transform: rotate(31deg); }
.blog-featured-route>span { position: absolute; left: 28px; top: 25px; color: #70ded8; font-size: 12px; font-weight: 900; letter-spacing: .16em; }
.blog-featured-route>strong { position: absolute; right: 27px; bottom: 25px; font-size: 12px; letter-spacing: .2em; }
.blog-featured-route>i { position: absolute; border: 1px solid rgba(255,255,255,.24); border-radius: 50%; }
.blog-featured-route>i:nth-of-type(1) { width: 210px; aspect-ratio: 1; }
.blog-featured-route>i:nth-of-type(2) { width: 105px; aspect-ratio: 1; }
.blog-featured-route>i:nth-of-type(3) { width: 14px; aspect-ratio: 1; border: 0; background: var(--gold); box-shadow: 0 0 0 11px rgba(240,169,31,.12); }
.blog-featured-grid>article { padding: clamp(38px,5vw,76px); display: flex; flex-direction: column; }
.blog-featured-meta { display: flex; justify-content: space-between; gap: 20px; color: #687688; font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.blog-featured-meta span { color: #078d8d; }
.blog-featured-grid h2 { max-width: 820px; margin: 35px 0 20px; color: var(--navy); font-family: Georgia,serif; font-size: clamp(42px,5vw,72px); line-height: .98; font-weight: 500; letter-spacing: -.048em; }
.blog-featured-grid article>p { max-width: 760px; margin: 0; color: #5b687a; font-size: 17px; line-height: 1.7; }
.blog-featured-grid article>div:last-child { margin-top: auto; padding-top: 34px; display: flex; justify-content: space-between; align-items: center; gap: 24px; border-top: 1px solid var(--line); }
.blog-featured-grid article small { color: #778395; font-size: 12px; }
.blog-featured-grid article a { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; color: var(--navy); font-size: 12px; font-weight: 900; letter-spacing: .06em; text-decoration: none; text-transform: uppercase; }
.blog-featured-grid article a span { color: var(--turquoise); font-size: 19px; }

.blog-library { padding-block: clamp(80px,9vw,135px); }
.blog-library-heading { display: grid; grid-template-columns: 1fr minmax(280px,430px); gap: 70px; align-items: end; }
.blog-library-heading h2 { margin: 13px 0 0; color: var(--navy); font-family: Georgia,serif; font-size: clamp(55px,7vw,98px); line-height: .88; font-weight: 500; letter-spacing: -.058em; }
.blog-library-heading h2 em { color: var(--turquoise); font-weight: 400; }
.blog-library-heading>p { margin: 0 0 7px; color: #5f6c7e; font-size: 17px; line-height: 1.7; }
.blog-tools { margin-top: 58px; padding: 17px; display: grid; grid-template-columns: 1fr minmax(250px,340px); gap: 18px; align-items: center; border: 1px solid var(--line); background: #fff; box-shadow: 0 15px 48px rgba(6,27,60,.06); }
.blog-axis-filter { display: flex; gap: 8px; overflow-x: auto; scrollbar-width: thin; padding-bottom: 2px; }
.blog-axis-filter button { min-height: 46px; padding: 0 15px; flex: 0 0 auto; border: 1px solid rgba(6,27,60,.15); border-radius: 999px; background: transparent; color: #48566a; font-family: Arial,sans-serif; font-size: 12px; font-weight: 800; cursor: pointer; transition: border-color .2s ease,background .2s ease,color .2s ease; }
.blog-axis-filter button span { margin-right: 7px; color: var(--turquoise); }
.blog-axis-filter button:hover { border-color: var(--turquoise); }
.blog-axis-filter button.is-active { border-color: var(--navy); background: var(--navy); color: #fff; }
.blog-axis-filter button.is-active span { color: #75e0da; }
.blog-search { min-height: 48px; padding: 0 15px; display: flex; align-items: center; gap: 10px; border-left: 1px solid var(--line); background: var(--cream-2); }
.blog-search i { color: var(--turquoise); font-size: 25px; font-style: normal; }
.blog-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--navy); font: 16px Arial,sans-serif; }
.blog-search input::placeholder { color: #7b8798; }
.blog-result-count { margin: 18px 0 30px; color: #748193; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.blog-card-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.blog-card { min-height: 450px; position: relative; overflow: hidden; padding: 34px; display: flex; flex-direction: column; border-top: 6px solid var(--card-color,#0aa8a5); background: #fff; box-shadow: 0 18px 55px rgba(6,27,60,.08); transition: transform .22s ease,box-shadow .22s ease; }
.blog-card:hover { transform: translateY(-5px); box-shadow: 0 25px 70px rgba(6,27,60,.14); }
.blog-card-kok { --card-color:#0aa8a5; }
.blog-card-ufuk { --card-color:#0c5bd8; }
.blog-card-derinlik { --card-color:#087b75; }
.blog-card-insan { --card-color:#ed3e3a; }
.blog-card-esin { --card-color:#8e5aa9; }
.blog-card-kesif { --card-color:#f0a91f; }
.blog-card-kiyi { --card-color:#4d86a8; }
.blog-card-map { height: 105px; margin: -34px -34px 29px; position: relative; overflow: hidden; background: linear-gradient(135deg,color-mix(in srgb,var(--card-color) 80%,#061b3c),var(--navy)); }
.blog-card-map::before { content: ""; position: absolute; inset: 0; opacity: .24; background-image: linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px); background-size: 34px 34px; }
.blog-card-map::after { content: ""; position: absolute; left: 13%; right: -4%; bottom: 21%; height: 1px; background: rgba(255,255,255,.7); transform: rotate(-8deg); transform-origin: left; }
.blog-card-map i { position: absolute; z-index: 2; width: 7px; height: 7px; border: 1px solid #fff; border-radius: 50%; }
.blog-card-map i:nth-child(1) { left: 13%; bottom: 28%; }
.blog-card-map i:nth-child(2) { left: 51%; bottom: 43%; }
.blog-card-map i:nth-child(3) { right: 10%; bottom: 58%; background: var(--gold); border-color: var(--gold); box-shadow: 0 0 0 7px rgba(240,169,31,.16); }
.blog-card-meta { display: flex; justify-content: space-between; gap: 17px; color: #6f7c8e; font-size: 12px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.blog-card-meta span { color: var(--card-color); }
.blog-card h3 { max-width: 650px; margin: 26px 0 16px; color: var(--navy); font-family: Georgia,serif; font-size: clamp(31px,3vw,45px); line-height: 1.02; font-weight: 500; letter-spacing: -.035em; }
.blog-card>p { max-width: 660px; margin: 0 0 30px; color: #617084; font-size: 15px; line-height: 1.66; }
.blog-card-footer { margin-top: auto; padding-top: 21px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-top: 1px solid var(--line); }
.blog-card-footer time { color: #7c8796; font-size: 12px; }
.blog-card-footer a { min-height: 44px; display: inline-flex; align-items: center; gap: 9px; color: var(--navy); font-size: 12px; font-weight: 900; text-decoration: none; text-transform: uppercase; }
.blog-card-footer a span { color: var(--card-color); font-size: 18px; }
.blog-card-index { position: absolute; right: 15px; bottom: 70px; color: rgba(6,27,60,.055); font-family: Georgia,serif; font-size: 92px; line-height: 1; pointer-events: none; }
.blog-empty { padding: 70px 30px; border: 1px dashed rgba(6,27,60,.25); background: var(--cream); text-align: center; }
.blog-empty>span { color: var(--turquoise); font-size: 50px; }
.blog-empty h3 { margin: 12px 0; color: var(--navy); font: 500 34px/1.1 Georgia,serif; }
.blog-empty p { color: #687587; }
.blog-empty button { min-height: 44px; padding: 0 18px; border: 0; border-radius: 999px; background: var(--navy); color: #fff; font-weight: 800; cursor: pointer; }

.blog-contribute { padding-block: clamp(75px,9vw,130px); position: relative; overflow: hidden; background: linear-gradient(135deg,#041831,#073b63 68%,#078489); color: #fff; }
.blog-contribute::after { content: ""; position: absolute; right: -150px; top: -180px; width: 570px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.02); }
.blog-contribute-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .72fr; gap: clamp(55px,9vw,140px); align-items: end; }
.blog-contribute h2 { margin: 12px 0 0; font-family: Georgia,serif; font-size: clamp(52px,7vw,98px); line-height: .9; font-weight: 500; letter-spacing: -.055em; }
.blog-contribute h2 em { color: var(--gold); font-weight: 400; }
.blog-contribute-grid>div:last-child>p { margin: 0 0 28px; color: rgba(255,255,255,.72); font-size: 17px; line-height: 1.68; }

/* Blog yazısı */
.blog-article { --article-accent: var(--turquoise); }
.blog-article-ufuk { --article-accent: #4b9cff; }
.blog-article-derinlik { --article-accent: #22c0ad; }
.blog-article-insan { --article-accent: #ff716c; }
.blog-article-esin { --article-accent: #c699db; }
.blog-article-kesif { --article-accent: #f0b43c; }
.blog-article-kiyi { --article-accent: #75b6d7; }
.blog-article-header { min-height: 650px; position: relative; overflow: hidden; display: flex; align-items: end; background: radial-gradient(circle at 78% 22%,color-mix(in srgb,var(--article-accent) 42%,transparent),transparent 25%),linear-gradient(145deg,#03152f,#073c5f); color: #fff; }
.blog-article-header::after { content: ""; position: absolute; inset: 0; opacity: .13; background-image: linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px); background-size: 62px 62px; mask-image: linear-gradient(90deg,transparent,#000); }
.blog-article-route { width: min(42vw,600px); aspect-ratio: 1; position: absolute; right: -11%; top: -25%; z-index: 2; border: 1px solid rgba(255,255,255,.17); border-radius: 50%; }
.blog-article-route::before,
.blog-article-route::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; }
.blog-article-route::before { inset: 15%; }
.blog-article-route::after { inset: 35%; background: color-mix(in srgb,var(--article-accent) 13%,transparent); }
.blog-article-route>span,
.blog-article-route>strong { position: absolute; z-index: 2; color: var(--article-accent); font-size: 12px; letter-spacing: .17em; }
.blog-article-route>span { left: 11%; top: 50%; }
.blog-article-route>strong { right: 15%; bottom: 18%; color: #fff; }
.blog-article-route>i { position: absolute; left: 50%; top: -3%; width: 1px; height: 106%; background: rgba(255,255,255,.16); transform-origin: center; }
.blog-article-route>i:nth-of-type(2) { transform: rotate(60deg); }
.blog-article-route>i:nth-of-type(3) { transform: rotate(120deg); }
.blog-article-head-inner { padding-block: 90px 70px; position: relative; z-index: 3; }
.blog-article-head-inner>a { min-height: 44px; display: inline-flex; align-items: center; color: rgba(255,255,255,.73); font-size: 12px; font-weight: 800; text-decoration: none; }
.blog-article-head-inner h1 { max-width: 1030px; margin: 20px 0 25px; font-family: Georgia,serif; font-size: clamp(52px,7vw,98px); line-height: .95; font-weight: 500; letter-spacing: -.055em; }
.blog-article-head-inner>p:not(.eyebrow) { max-width: 850px; margin: 0; color: rgba(255,255,255,.75); font-size: clamp(18px,1.8vw,24px); line-height: 1.55; }
.blog-article-byline { margin-top: 33px; display: flex; flex-wrap: wrap; gap: 10px 26px; color: rgba(255,255,255,.58); font-size: 12px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.blog-article-byline span:first-child { color: var(--article-accent); }
.blog-article-layout { padding-block: clamp(65px,8vw,120px); display: grid; grid-template-columns: minmax(220px,290px) minmax(0,760px); gap: clamp(55px,8vw,120px); justify-content: center; align-items: start; }
.blog-article-aside { position: sticky; top: 120px; padding: 27px; border-top: 5px solid var(--article-accent); background: var(--cream); }
.blog-article-aside>span { color: #6e7a8c; font-size: 12px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.blog-article-aside>p { margin: 17px 0 24px; color: #4f5e73; font-size: 14px; line-height: 1.65; }
.blog-article-aside nav { display: grid; }
.blog-article-aside a { min-height: 44px; padding: 12px 0; border-top: 1px solid var(--line); color: var(--navy); font-size: 12px; line-height: 1.45; text-decoration: none; }
.blog-article-body { min-width: 0; }
.blog-article-lead { margin: 0 0 48px; padding-left: 25px; border-left: 5px solid var(--article-accent); color: var(--navy); font: 500 clamp(23px,2.4vw,31px)/1.53 Georgia,serif; }
.blog-article-body>section:not(.blog-takeaways):not(.blog-sources) { scroll-margin-top: 110px; }
.blog-article-body>section>h2 { margin: 55px 0 21px; color: var(--navy); font-family: Georgia,serif; font-size: clamp(35px,4vw,51px); line-height: 1.04; font-weight: 500; letter-spacing: -.035em; }
.blog-article-body>section>p { margin: 0 0 25px; color: #344359; font: 400 clamp(18px,1.8vw,22px)/1.77 Georgia,serif; }
.blog-takeaways { margin-top: 60px; padding: 32px; border-left: 6px solid var(--gold); background: var(--navy); color: #fff; }
.blog-takeaways h2 { margin: 0 0 20px !important; color: #fff !important; font-size: 32px !important; }
.blog-takeaways ul { margin: 0; padding-left: 20px; }
.blog-takeaways li { margin: 10px 0; color: rgba(255,255,255,.78); font-size: 15px; line-height: 1.65; }
.blog-sources { margin-top: 45px; padding-top: 35px; border-top: 1px solid var(--line); }
.blog-sources h2 { margin: 0 0 21px !important; font-size: 34px !important; }
.blog-sources ol { margin: 0; padding-left: 22px; }
.blog-sources li { margin: 12px 0; color: #617084; font-size: 14px; line-height: 1.55; }
.blog-sources a { color: var(--navy); font-weight: 800; text-decoration-color: var(--turquoise); text-underline-offset: 3px; }
.blog-related { padding-block: 80px; background: var(--navy); color: #fff; }
.blog-related .shell { max-width: 1000px; }
.blog-related h2 { max-width: 850px; margin: 15px 0 18px; font: 500 clamp(38px,5vw,66px)/1 Georgia,serif; letter-spacing: -.04em; }
.blog-related p { max-width: 700px; color: rgba(255,255,255,.65); font-size: 16px; line-height: 1.65; }
.editorial-links { margin-top: 60px; padding: 32px; border-top: 5px solid var(--article-accent,var(--turquoise)); background: var(--cream); }
.editorial-links>span { color: #087f80; font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.editorial-links h2 { margin: 12px 0 24px!important; color: var(--navy); font: 500 clamp(28px,3.2vw,40px)/1.05 Georgia,serif!important; }
.editorial-links ul { margin: 0; padding: 0; display: grid; list-style: none; }
.editorial-links li { border-top: 1px solid var(--line); }
.editorial-links a { min-height: 66px; padding: 12px 0; display: grid; grid-template-columns: 1fr auto; gap: 3px 16px; align-items: center; color: var(--navy); text-decoration: none; }
.editorial-links strong { font: 600 16px/1.35 Arial,sans-serif; }
.editorial-links small { color: #687688; font: 12px/1.35 Arial,sans-serif; }
.editorial-links i { grid-column: 2; grid-row: 1/3; color: var(--article-accent,var(--turquoise)); font-size: 20px; font-style: normal; }
.editorial-links a:hover strong { color: #087f80; }

/* Mavi Eksen'e Yaz */
.write-hero { padding-block: clamp(95px,11vw,160px); position: relative; overflow: hidden; background: radial-gradient(circle at 78% 32%,rgba(10,168,165,.32),transparent 27%),linear-gradient(135deg,#03142f,#073e63); color: #fff; }
.write-hero::after { content: ""; position: absolute; right: -180px; top: -290px; width: 700px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,255,255,.025),0 0 0 200px rgba(255,255,255,.018); }
.write-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr minmax(300px,480px); gap: clamp(60px,10vw,160px); align-items: end; }
.write-hero h1 { margin: 14px 0 0; font-family: Georgia,serif; font-size: clamp(75px,10vw,145px); line-height: .76; font-weight: 500; letter-spacing: -.075em; }
.write-hero h1 em { color: var(--gold); font-weight: 400; }
.write-hero-grid>div:last-child { padding-left: 30px; border-left: 1px solid rgba(255,255,255,.24); }
.write-hero-grid>div:last-child p { margin: 0; color: rgba(255,255,255,.75); font-size: 19px; line-height: 1.67; }
.write-hero-grid>div:last-child span { margin-top: 25px; display: block; color: #79dfda; font-size: 12px; font-weight: 900; line-height: 1.55; letter-spacing: .1em; text-transform: uppercase; }
.write-intro { padding-block: clamp(75px,9vw,130px); }
.write-intro-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(60px,10vw,150px); }
.write-intro h2,
.write-section-heading h2,
.write-checklist h2,
.write-submit h2 { margin: 13px 0 0; color: var(--navy); font-family: Georgia,serif; font-size: clamp(51px,6.5vw,91px); line-height: .91; font-weight: 500; letter-spacing: -.055em; }
.write-intro h2 em,
.write-section-heading h2 em,
.write-checklist h2 em { color: var(--turquoise); font-weight: 400; }
.write-intro-grid>div:last-child { max-width: 710px; padding-top: 32px; }
.write-intro-grid>div:last-child p { margin: 0 0 23px; color: #4e5d72; font-size: 18px; line-height: 1.75; }
.write-routes { padding-block: clamp(75px,8vw,115px); background: var(--navy); color: #fff; }
.write-section-heading h2 { color: #fff; }
.write-section-heading h2 em { color: var(--gold); }
.write-route-grid { margin-top: 55px; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.18); border-left: 1px solid rgba(255,255,255,.18); }
.write-route-grid>div { min-height: 185px; padding: 25px; border-right: 1px solid rgba(255,255,255,.18); border-bottom: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.025); transition: background .2s ease; }
.write-route-grid>div:hover { background: rgba(10,168,165,.13); }
.write-route-grid>div:last-child { grid-column: span 2; }
.write-route-grid span { color: #70dcd7; font-size: 12px; font-weight: 900; letter-spacing: .13em; }
.write-route-grid h3 { max-width: 280px; margin: 29px 0 0; font: 500 24px/1.12 Georgia,serif; }
.write-process { padding-block: clamp(80px,9vw,135px); background: var(--cream); }
.write-section-heading.dark h2 { color: var(--navy); }
.write-section-heading.dark h2 em { color: var(--turquoise); }
.write-process ol { margin: 60px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(6,27,60,.2); }
.write-process li { min-height: 165px; padding: 28px 0; display: grid; grid-template-columns: 140px 1fr; gap: 30px; align-items: center; border-bottom: 1px solid rgba(6,27,60,.2); }
.write-process li>span { color: var(--turquoise); font: italic 500 58px/1 Georgia,serif; }
.write-process li>div { display: grid; grid-template-columns: .7fr 1.1fr; gap: 60px; align-items: center; }
.write-process h3 { margin: 0; color: var(--navy); font: 500 34px/1.08 Georgia,serif; }
.write-process p { margin: 0; color: #566477; font-size: 16px; line-height: 1.68; }
.write-checklist { padding-block: clamp(80px,9vw,135px); }
.write-checklist-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(60px,10vw,150px); align-items: start; }
.write-checklist ul { margin: 0; padding: 0; list-style: none; border-top: 5px solid var(--turquoise); }
.write-checklist li { min-height: 100px; padding: 22px 8px; display: grid; grid-template-columns: 55px 1fr; gap: 20px; align-items: center; border-bottom: 1px solid var(--line); }
.write-checklist li span { color: var(--turquoise); font-size: 12px; font-weight: 900; }
.write-checklist li p { margin: 0; color: #39485c; font: 500 20px/1.45 Georgia,serif; }
.write-submit { padding-block: clamp(80px,9vw,135px); position: relative; overflow: hidden; background: linear-gradient(135deg,#041832,#074260 72%,#087e82); color: #fff; }
.write-submit-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr minmax(360px,.72fr); gap: clamp(60px,9vw,135px); align-items: center; }
.write-submit h2 { color: #fff; }
.write-submit h2 em { color: var(--gold); font-weight: 400; }
.write-submit-grid>div:first-child>p:last-child { max-width: 670px; margin: 28px 0 0; color: rgba(255,255,255,.67); font-size: 16px; line-height: 1.68; }
.write-submit-card { padding: 38px; border-top: 6px solid var(--gold); background: #fff; box-shadow: 0 25px 70px rgba(0,0,0,.2); color: var(--navy); }
.write-submit-card>span { color: var(--turquoise); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.write-submit-card>strong { margin: 15px 0 28px; display: block; overflow-wrap: anywhere; font: 500 clamp(25px,2.5vw,36px)/1.2 Georgia,serif; }
.write-submit-card .button { width: 100%; justify-content: center; text-align: center; }
.write-submit-card>small { margin-top: 21px; display: block; color: #697588; font-size: 12px; line-height: 1.6; }
.write-submit-card>small a { color: var(--navy); font-weight: 800; text-underline-offset: 3px; }

/* Ana sayfa Blog geçidi */
.home-blog-callout { padding-block: clamp(75px,8vw,115px); position: relative; overflow: hidden; background: linear-gradient(135deg,#03172f,#073a60 65%,#087a80); color: #fff; }
.home-blog-callout::after { content: ""; position: absolute; right: -10%; top: -80%; width: 650px; aspect-ratio: 1; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; box-shadow: 0 0 0 100px rgba(255,255,255,.025); }
.home-blog-layout { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr minmax(320px,.58fr); gap: clamp(55px,8vw,120px); align-items: center; }
.home-blog-layout h2 { margin: 13px 0 20px; font: 500 clamp(48px,6.2vw,88px)/.92 Georgia,serif; letter-spacing: -.05em; }
.home-blog-layout h2 em { color: var(--gold); font-weight: 400; }
.home-blog-layout>div>p:not(.eyebrow) { max-width: 680px; color: rgba(255,255,255,.68); font-size: 16px; line-height: 1.68; }
.home-blog-layout>div>.button { margin-top: 17px; }
.home-blog-write { min-height: 330px; position: relative; padding: 34px; display: flex; flex-direction: column; border-top: 6px solid var(--gold); background: #fff; color: var(--navy); box-shadow: 0 25px 70px rgba(0,0,0,.18); text-decoration: none; }
.home-blog-write>span { color: var(--turquoise); font-size: 12px; font-weight: 900; letter-spacing: .12em; }
.home-blog-write>strong { margin: 22px 0 18px; font: 500 50px/ .92 Georgia,serif; letter-spacing: -.045em; }
.home-blog-write>p { margin: 0; color: #5e6b7d; font-size: 14px; line-height: 1.6; }
.home-blog-write>i { margin-top: auto; align-self: end; color: var(--turquoise); font-size: 28px; font-style: normal; transition: transform .2s ease; }
.home-blog-write:hover>i { transform: translate(4px,-4px); }

@keyframes blog-compass-breathe { 50% { transform: rotate(2deg) scale(1.015); } }

@media (min-width:1081px) and (max-width:1480px) {
  .platform-nav > a[href="/mavi-eksene-yaz"] { display: none; }
}

@media (max-width:1000px) {
  .blog-hero-inner,
  .blog-library-heading,
  .blog-contribute-grid,
  .write-hero-grid,
  .write-intro-grid,
  .write-checklist-grid,
  .write-submit-grid,
  .home-blog-layout { grid-template-columns: 1fr; }
  .blog-route-compass { width:min(680px,100%); min-height:0; justify-self:start; grid-template-columns:190px 1fr; grid-template-rows:auto auto auto; gap:14px 22px; }
  .blog-route-compass-head { grid-column:1/-1; }
  .blog-route-dial { width:170px; grid-row:2/4; }
  .blog-route-choice { grid-column:2; }
  .blog-route-selected { grid-column:2; margin-top:0; }
  .blog-featured-grid { grid-template-columns: .75fr 1.25fr; }
  .blog-tools { grid-template-columns: 1fr; }
  .blog-search { border-left: 0; border-top: 1px solid var(--line); }
  .write-hero-grid { gap: 50px; }
  .write-hero-grid>div:last-child { max-width: 700px; padding-left: 0; border-left: 0; }
  .write-route-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .write-route-grid>div:last-child { grid-column: auto; }
  .write-checklist-grid ul { max-width: 760px; }
  .write-submit-card { max-width: 590px; }
  .home-blog-write { max-width: 590px; }
}

@media (max-width:760px) {
  .blog-hero { min-height: auto; }
  .blog-hero-inner { padding-block: 70px; gap: 48px; }
  .blog-hero-copy h1 { font-size: clamp(66px,20vw,98px); }
  .blog-route-compass { width:100%; grid-template-columns:150px 1fr; padding:20px; }
  .blog-route-dial { width:145px; }
  .blog-route-choice { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .blog-featured-grid { min-height: 0; grid-template-columns: 1fr; }
  .blog-featured-route { min-height: 270px; }
  .blog-card-grid { grid-template-columns: 1fr; }
  .blog-card { min-height: 420px; }
  .blog-article-header { min-height: 640px; }
  .blog-article-route { width: 76vw; right: -34%; top: -12%; }
  .blog-article-layout { grid-template-columns: 1fr; gap: 45px; }
  .blog-article-aside { position: static; }
  .write-route-grid { grid-template-columns: 1fr; }
  .write-process li { grid-template-columns: 75px 1fr; }
  .write-process li>div { grid-template-columns: 1fr; gap: 14px; }
}

@media (max-width:560px) {
  .blog-hero-inner { padding-block: 58px 67px; }
  .blog-hero-copy h1 { font-size: 69px; }
  .blog-hero-copy>p:not(.eyebrow) { font-size: 17px; }
  .blog-hero-actions { align-items: stretch; flex-direction: column; }
  .blog-hero-actions .button { width: 100%; justify-content: center; }
  .blog-route-compass { min-height:0; padding:18px; grid-template-columns:1fr; grid-template-rows:auto auto auto auto; gap:14px; }
  .blog-route-compass-head { grid-column:1; }
  .blog-route-compass-head>small { max-width:120px; }
  .blog-route-dial { width:150px; grid-column:1; grid-row:auto; }
  .blog-route-dial strong { font-size:34px; }
  .blog-route-choice { grid-column:1; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .blog-route-choice button { min-height:48px; grid-template-columns:24px 1fr; gap:6px; place-content:center; align-items:center; text-align:left; font-size:10px; }
  .blog-route-selected { grid-column:1; min-height:72px; }
  .blog-featured-grid>article { padding: 28px; }
  .blog-featured-meta { align-items: flex-start; flex-direction: column; }
  .blog-featured-grid h2 { font-size: 40px; }
  .blog-featured-grid article>div:last-child { align-items: flex-start; flex-direction: column; }
  .blog-library-heading h2 { font-size: 54px; }
  .blog-tools { margin-inline: -8px; padding: 12px; }
  .blog-card { padding: 26px; }
  .blog-card-map { margin: -26px -26px 25px; }
  .blog-card h3 { font-size: 34px; }
  .blog-card-meta { align-items: flex-start; flex-direction: column; }
  .blog-card-index { font-size: 72px; }
  .blog-contribute h2 { font-size: 53px; }
  .blog-article-header { min-height: calc(100svh - 78px); }
  .blog-article-head-inner { padding-block: 56px 48px; }
  .blog-article-head-inner h1 { font-size: 46px; }
  .blog-article-layout { padding-block: 55px; }
  .blog-article-lead { padding-left: 19px; font-size: 22px; }
  .blog-takeaways { padding: 25px; }
  .blog-related { padding-block: 65px; }
  .write-hero { padding-block: 72px; }
  .write-hero h1 { font-size: 67px; }
  .write-hero-grid>div:last-child p { font-size: 17px; }
  .write-intro h2,
  .write-section-heading h2,
  .write-checklist h2,
  .write-submit h2 { font-size: 50px; }
  .write-route-grid { margin-top: 38px; }
  .write-route-grid>div { min-height: 155px; }
  .write-process ol { margin-top: 40px; }
  .write-process li { grid-template-columns: 55px 1fr; gap: 14px; }
  .write-process li>span { font-size: 38px; }
  .write-process h3 { font-size: 27px; }
  .write-checklist li { grid-template-columns: 40px 1fr; gap: 10px; }
  .write-checklist li p { font-size: 18px; }
  .write-submit-card { padding: 27px; }
  .home-blog-layout h2 { font-size: 49px; }
  .home-blog-write { min-height: 300px; padding: 27px; }
}

@media (prefers-reduced-motion:reduce) {
  .blog-route-needle { animation:none; }
  .blog-card,
  .home-blog-write>i { transition: none; }
}

/* Okur odaklı editoryal giriş */
.blog-perspective { padding:80px 0; background:var(--cream); border-bottom:1px solid rgba(6,27,60,.12); }
.blog-perspective-inner { max-width:940px; }
.blog-perspective h2 { margin:14px 0 24px; color:var(--navy); font:500 clamp(44px,5.2vw,70px)/.98 Georgia,serif; letter-spacing:-.045em; }
.blog-perspective h2 em { color:#078f91; font-weight:400; }
.blog-perspective-inner>p:last-child { max-width:720px; margin:0; color:var(--muted); font-size:18px; line-height:1.72; }
.blog-type-filter { margin-top:17px; display:flex; gap:8px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:thin; }
.blog-type-filter button { min-height:44px; padding:0 16px; flex:0 0 auto; border:1px solid rgba(6,27,60,.18); border-radius:999px; background:#fff; color:#405167; font-size:12px; font-weight:900; cursor:pointer; }
.blog-type-filter button.is-active { border-color:var(--turquoise); background:var(--turquoise); color:var(--navy); }
.blog-card .blog-card-type { margin:22px 0 0; color:#78611f; font:900 11px/1.35 Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; }
.blog-card .blog-card-type+h3 { margin-top:22px; }

@media(max-width:600px) {
  .blog-perspective { padding:60px 0; }
  .blog-perspective h2 { font-size:42px; }
  .blog-perspective-inner>p:last-child { font-size:16px; }
  .blog-type-filter { width:calc(100vw - 28px); padding-bottom:8px; }
  .blog-card .blog-card-type { margin-top:18px; }
  .blog-card .blog-card-type+h3 { margin-top:19px; }
}