/* Yazı 01 makale stili — blog-yazi-01.html iç stilinden çıkarıldı.
   Üst/alt bar stilleri site-header.css ve site-footer.css tarafından sağlanır. */
:root { --navy: #07111f;
            --navy-2: #0c1a2b;
            --blue: #3b82f6;
            --blue-light: #60a5fa;
            --gold: #c9a45c;
            --gold-light: #e3c98b;
            --white: #ffffff;
            --cream: #f7f4ed;
            --cream-2: #eeeae1;
            --text: #18212c;
            --text-soft: #35404b;
            --muted: #66717d;
            --muted-2: #8b9298;
            --border: rgba(24,33,44,.12);
            --border-light: rgba(255,255,255,.12);
            --container: 1320px;
            --article-width: 820px;
            --ease: cubic-bezier(.22,.61,.36,1); }
* { margin: 0;
            padding: 0;
            box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: "DM Sans", sans-serif;
            background: var(--cream);
            color: var(--text);
            line-height: 1.8; }
body.menu-open { overflow: hidden; }
a { color: inherit;
            text-decoration: none; }
img { max-width: 100%; }
button { font: inherit; }
.article-hero { padding: 180px 25px 88px;
            background:
                radial-gradient(
                    circle at 82% 25%,
                    rgba(59,130,246,.14),
                    transparent 31%
                ),
                radial-gradient(
                    circle at 18% 90%,
                    rgba(201,164,92,.08),
                    transparent 27%
                ),
                linear-gradient(
                    135deg,
                    #07111f,
                    #0b192a 60%,
                    #0d2034
                );
            color: white;
            position: relative;
            overflow: hidden; }
.article-hero::before { content: "";
            position: absolute;
            width: 420px;
            height: 420px;
            border: 1px solid rgba(255,255,255,.045);
            border-radius: 50%;
            left: -210px;
            bottom: -230px; }
.article-hero::after { content: "";
            position: absolute;
            width: 560px;
            height: 560px;
            border: 1px solid rgba(201,164,92,.08);
            border-radius: 50%;
            right: -260px;
            top: 40px; }
.article-hero-inner { width: min(100%, var(--article-width));
            margin: auto;
            position: relative;
            z-index: 2; }
.back-link { display: inline-flex;
            align-items: center;
            gap: 12px;
            color: rgba(255,255,255,.55);
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            margin-bottom: 55px;
            transition: color .3s ease; }
.back-link::before { content: "←";
            font-size: 16px;
            transition: transform .3s ease; }
.back-link:hover { color: white; }
.back-link:hover::before { transform: translateX(-4px); }
.article-category { display: flex;
            align-items: center;
            gap: 12px;
            color: var(--gold-light);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 3px;
            text-transform: uppercase;
            margin-bottom: 21px; }
.article-category::before { content: "";
            width: 34px;
            height: 1px;
            background: var(--gold); }
.article-hero h1 { font-family: "Playfair Display", serif;
            font-weight: 500;
            font-size: clamp(45px, 6vw, 76px);
            line-height: 1.06;
            letter-spacing: -2px;
            max-width: 900px; }
.article-intro { max-width: 730px;
            margin-top: 31px;
            color: rgba(255,255,255,.63);
            font-size: 17px;
            line-height: 1.85;
            font-weight: 300; }
.article-meta { display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 14px;
            margin-top: 31px;
            color: rgba(255,255,255,.42);
            font-size: 10px; }
.article-meta .date { color: rgba(255,255,255,.72); }
.article-cover { width: 100%;
            max-height: 620px;
            overflow: hidden;
            background: linear-gradient(135deg,#0b192a,#172d44);
            position: relative; }
.article-cover::before { content: "";
            position: absolute;
            inset: 0;
            background:
                linear-gradient(
                    180deg,
                    rgba(7,17,31,.08),
                    transparent 40%,
                    rgba(7,17,31,.18)
                );
            z-index: 1;
            pointer-events: none; }
.article-cover img { width: 100%;
            height: min(620px, 55vw);
            min-height: 350px;
            object-fit: cover;
            display: block; }
.article-section { padding: 92px 25px 120px; }
.article-layout { width: min(100%, 1080px);
            margin: auto;
            display: grid;
            grid-template-columns: 150px minmax(0, var(--article-width));
            gap: 70px;
            align-items: start; }
.article-share { position: sticky;
            top: 120px; }
.share-label { color: var(--muted-2);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 18px; }
.share-line { width: 40px;
            height: 1px;
            background: var(--gold);
            margin-bottom: 18px; }
.share-note { color: var(--muted-2);
            font-size: 11px;
            line-height: 1.85; }
.article-content { font-size: 16px;
            color: var(--text-soft); }
.article-content > p:first-child { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 24px;
            line-height: 1.68;
            margin-bottom: 48px; }
.article-content p { margin-bottom: 29px; }
.article-content strong { color: var(--navy);
            font-weight: 700; }
.article-content em { font-style: italic; }
.article-content h2 { position: relative;
            color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 33px;
            line-height: 1.25;
            font-weight: 600;
            margin: 78px 0 28px;
            padding-top: 25px; }
.article-content h2::before { content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 38px;
            height: 2px;
            background: var(--gold); }
.article-content h3 { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 25px;
            line-height: 1.35;
            margin: 52px 0 20px; }
.section-number { display: block;
            color: var(--blue);
            font-family: "DM Sans", sans-serif;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 11px; }
.lead-statement { margin: 45px 0 55px;
            padding: 34px 36px;
            background: rgba(7,17,31,.045);
            border-left: 2px solid var(--blue); }
.lead-statement p { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 24px;
            line-height: 1.55;
            margin: 0; }
.article-quote { margin: 54px 0;
            padding: 39px 42px;
            border-left: 2px solid var(--gold);
            background: rgba(201,164,92,.075); }
.article-quote p { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 24px;
            line-height: 1.55;
            margin: 0; }
.theory-grid { display: grid;
            grid-template-columns: 1fr;
            gap: 18px;
            margin: 35px 0 55px; }
.theory-card { position: relative;
            padding: 31px 34px 32px;
            background: #fffdf8;
            border: 1px solid rgba(24,33,44,.09);
            box-shadow: 0 12px 35px rgba(7,17,31,.035); }
.theory-card::before { content: "";
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            width: 3px;
            background: var(--blue); }
.theory-card:nth-child(even)::before { background: var(--gold); }
.theory-label { color: var(--blue);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 10px; }
.theory-card:nth-child(even) .theory-label { color: #9a7837; }
.theory-card h3 { margin: 0 0 12px;
            font-family: "Playfair Display", serif;
            font-size: 24px; }
.theory-card p { margin: 0;
            font-size: 14px;
            line-height: 1.75; }
.formula { display: inline-block;
            margin: 8px 0 18px;
            padding: 9px 15px;
            background: var(--navy);
            color: white;
            font-family: Georgia, serif;
            font-size: 18px;
            letter-spacing: .5px; }
.callout { margin: 48px 0;
            padding: 31px 34px;
            background: var(--navy);
            color: rgba(255,255,255,.72); }
.callout-label { color: var(--gold-light);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 12px; }
.callout p { color: rgba(255,255,255,.74);
            font-size: 14px;
            line-height: 1.8;
            margin: 0; }
.callout strong { color: white; }
.practice-list { list-style: none;
            margin: 30px 0 42px;
            counter-reset: practice; }
.practice-list li { position: relative;
            padding: 22px 0 22px 52px;
            border-top: 1px solid var(--border); }
.practice-list li:last-child { border-bottom: 1px solid var(--border); }
.practice-list li::before { counter-increment: practice;
            content: counter(practice, decimal-leading-zero);
            position: absolute;
            left: 0;
            top: 22px;
            color: var(--gold);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1px; }
.practice-list strong { display: block;
            margin-bottom: 6px;
            font-size: 15px; }
.practice-list li { font-size: 14px;
            line-height: 1.8; }
.model-box { margin: 42px 0 55px;
            padding: 34px;
            background: #fffdf8;
            border: 1px solid rgba(24,33,44,.1); }
.model-box-head { display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 25px;
            margin-bottom: 22px; }
.model-index { color: var(--blue);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase; }
.model-box h3 { margin: 5px 0 0;
            font-size: 27px; }
.model-box > p { font-size: 14px;
            margin-bottom: 22px; }
.model-columns { display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 18px; }
.model-column { padding: 22px;
            background: var(--cream); }
.model-column h4 { color: var(--navy);
            font-size: 13px;
            margin-bottom: 11px; }
.model-column p { font-size: 13px;
            line-height: 1.75;
            margin: 0; }
.check-list { list-style: none;
            margin: 25px 0 45px; }
.check-list li { position: relative;
            padding: 12px 0 12px 28px;
            font-size: 14px;
            line-height: 1.75; }
.check-list li::before { content: "✓";
            position: absolute;
            left: 0;
            top: 12px;
            color: var(--blue);
            font-weight: 700; }
.why-chain { margin: 32px 0 45px;
            padding: 28px 30px;
            background: var(--navy);
            color: rgba(255,255,255,.74); }
.why-chain-title { color: var(--gold-light);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 22px; }
.why-step { display: grid;
            grid-template-columns: 80px 1fr;
            gap: 18px;
            padding: 13px 0;
            border-bottom: 1px solid rgba(255,255,255,.08); }
.why-step:last-child { border-bottom: 0; }
.why-label { color: var(--gold-light);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1px; }
.why-step p { color: rgba(255,255,255,.72);
            font-size: 13px;
            line-height: 1.7;
            margin: 0; }
.why-result { margin-top: 18px;
            padding-top: 18px;
            border-top: 1px solid rgba(255,255,255,.14);
            color: white;
            font-size: 14px; }
.question-group { margin: 32px 0 48px; }
.question-group-title { color: var(--navy);
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 15px; }
.question-card { padding: 17px 20px;
            margin-bottom: 8px;
            background: #fffdf8;
            border-left: 2px solid var(--blue);
            color: #4c5761;
            font-size: 13px;
            line-height: 1.7; }
.question-card::before { content: "“";
            color: var(--gold);
            font-family: Georgia, serif;
            font-size: 22px;
            margin-right: 7px;
            vertical-align: -4px; }
.table-wrap { width: 100%;
            overflow-x: auto;
            margin: 35px 0 50px;
            border: 1px solid var(--border); }
.comparison-table { width: 100%;
            border-collapse: collapse;
            min-width: 650px;
            background: #fffdf8; }
.comparison-table th, .comparison-table td { padding: 18px 20px;
            text-align: left;
            vertical-align: top;
            border-bottom: 1px solid var(--border);
            font-size: 13px;
            line-height: 1.7; }
.comparison-table th { color: var(--navy);
            background: #ebe6dc;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1px;
            text-transform: uppercase; }
.comparison-table tr:last-child td { border-bottom: 0; }
.comparison-table td:first-child { color: #6c7379; }
.comparison-table td strong { color: var(--navy); }
.article-end { width: min(100%, var(--article-width));
            margin: 78px auto 0;
            padding-top: 35px;
            border-top: 1px solid rgba(24,33,44,.12); }
.article-end-label { color: var(--blue);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 12px; }
.article-end > p { color: #78818a;
            font-size: 13px;
            line-height: 1.8;
            margin-bottom: 0; }
.article-author { margin-top: 38px;
            color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 22px;
            line-height: 1.4; }
.article-author span { display: block;
            margin-top: 4px;
            color: var(--muted);
            font-family: "DM Sans", sans-serif;
            font-size: 10px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase; }
.related-section { padding: 95px 25px 110px;
            background: var(--cream-2); }
.related-inner { width: min(100%, var(--container));
            margin: auto; }
.related-header { display: flex;
            justify-content: space-between;
            align-items: end;
            gap: 30px;
            margin-bottom: 40px; }
.related-header .kicker { color: var(--blue);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2.5px;
            text-transform: uppercase;
            margin-bottom: 13px; }
.related-header h2 { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 38px;
            font-weight: 500; }
.all-posts { color: var(--navy);
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase; }
.related-grid { display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 25px; }
.related-card { background: var(--cream);
            padding: 30px;
            min-height: 220px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            transition:
                transform .35s ease,
                box-shadow .35s ease; }
.related-card:hover { transform: translateY(-5px);
            box-shadow: 0 18px 45px rgba(7,17,31,.08); }
.related-card .category { color: var(--blue);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase; }
.related-card h3 { color: var(--navy);
            font-family: "Playfair Display", serif;
            font-size: 23px;
            line-height: 1.3;
            margin: 20px 0; }
.related-card .read { color: #69737c;
            font-size: 9px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase; }
@media (max-width: 1000px) {
.article-layout {
grid-template-columns: 1fr;
                gap: 0;
}
.article-share {
display: none;
}
}
@media (max-width: 900px) {
.model-columns {
grid-template-columns: 1fr;
}
.related-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 650px) {
.article-hero {
padding: 145px 22px 66px;
}
.back-link {
margin-bottom: 40px;
}
.article-category {
letter-spacing: 2px;
}
.article-hero h1 {
font-size: 43px;
                letter-spacing: -1.2px;
}
.article-intro {
font-size: 15px;
}
.article-meta {
gap: 9px;
                line-height: 1.6;
}
.article-cover img {
height: 330px;
                min-height: 0;
}
.article-section {
padding: 65px 22px 85px;
}
.article-content {
font-size: 15px;
}
.article-content > p:first-child {
font-size: 21px;
}
.article-content h2 {
font-size: 29px;
                margin-top: 62px;
}
.article-content h3 {
font-size: 23px;
}
.article-quote, .lead-statement {
padding: 27px 25px;
                margin: 40px 0;
}
.article-quote p, .lead-statement p {
font-size: 21px;
}
.theory-card, .model-box {
padding: 25px 22px;
}
.why-chain {
padding: 23px 20px;
}
.why-step {
grid-template-columns: 65px 1fr;
                gap: 10px;
}
.question-card {
padding: 15px 16px;
}
.related-section {
padding: 70px 22px 80px;
}
.related-header {
flex-direction: column;
                align-items: flex-start;
}
.related-header h2 {
font-size: 33px;
}
}