/* Güvenim Journal — isolated modern blog experience */
:root {
    --journal-ink: #071426;
    --journal-muted: #64748b;
    --journal-line: #e7edf4;
    --journal-blue: #00a8e8;
    --journal-indigo: #4f46e5;
    --journal-soft: #f4f7fb;
}

.journal-page *, .article-page * { box-sizing: border-box; }
.journal-page, .article-page { color: var(--journal-ink); background: #fff; overflow: clip; }
.journal-page a, .article-page a { text-decoration: none; }

/* Listing hero */
.journal-hero { position: relative; min-height: 620px; display: flex; align-items: center; overflow: hidden; background: radial-gradient(circle at 78% 15%, rgba(0,168,232,.14), transparent 28%), linear-gradient(135deg, #06111f 0%, #0b2039 54%, #0a2c4a 100%); }
.journal-hero::before { content: ""; position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(to right, #000, transparent 88%); }
.journal-orb { position: absolute; border-radius: 999px; filter: blur(2px); pointer-events: none; }
.journal-orb-one { width: 430px; height: 430px; right: -120px; top: -180px; border: 1px solid rgba(56,189,248,.2); box-shadow: inset 0 0 80px rgba(0,168,232,.08); }
.journal-orb-two { width: 240px; height: 240px; right: 24%; bottom: -160px; background: rgba(79,70,229,.14); filter: blur(70px); }
.journal-hero-inner { position: relative; z-index: 1; width: 100%; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 80px; align-items: center; padding-top: 72px; padding-bottom: 72px; }
.journal-eyebrow, .article-topic { display: inline-flex; align-items: center; gap: 8px; width: fit-content; padding: 7px 12px; border: 1px solid rgba(56,189,248,.28); border-radius: 999px; color: #7dd3fc; background: rgba(14,165,233,.09); font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.journal-eyebrow svg, .article-topic svg { width: 14px; height: 14px; }
.journal-hero-copy h1 { max-width: 850px; margin: 22px 0 20px; color: #fff; font-size: clamp(44px, 5vw, 76px); font-weight: 850; line-height: .99; letter-spacing: -.055em; }
.journal-title-line { display: block; color: #fff; }
.journal-hero-copy h1 .journal-title-accent { color: transparent; background: linear-gradient(100deg, #38bdf8, #818cf8); -webkit-background-clip: text; background-clip: text; }
.journal-hero-copy > p { max-width: 680px; margin: 0 0 30px; color: #a9bdd1; font-size: 17px; line-height: 1.75; }
.journal-search { width: min(650px, 100%); min-height: 62px; display: flex; align-items: center; gap: 12px; padding: 7px 8px 7px 20px; border: 1px solid rgba(255,255,255,.14); border-radius: 18px; background: rgba(255,255,255,.95); box-shadow: 0 20px 55px rgba(0,0,0,.22); }
.journal-search > svg { width: 20px; color: #64748b; }
.journal-search input { min-width: 0; flex: 1; border: 0; outline: none; color: #0f172a; background: transparent; font-size: 14px; }
.journal-search input::placeholder { color: #94a3b8; }
.journal-search button { height: 46px; padding: 0 19px; display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 12px; color: #fff; background: linear-gradient(135deg, var(--journal-blue), #2563eb); cursor: pointer; font-size: 13px; font-weight: 800; box-shadow: 0 8px 20px rgba(0,168,232,.25); }
.journal-search button svg { width: 16px; }
.journal-trust-row { display: flex; flex-wrap: wrap; gap: 22px; margin-top: 24px; color: #8fa7bd; font-size: 12px; font-weight: 650; }
.journal-trust-row span { display: inline-flex; align-items: center; gap: 7px; }
.journal-trust-row svg { width: 15px; color: #38bdf8; }
.journal-hero-visual { display: flex; justify-content: flex-end; }
.journal-signal-card { position: relative; width: 330px; min-height: 360px; padding: 30px; border: 1px solid rgba(255,255,255,.13); border-radius: 32px; display: flex; flex-direction: column; justify-content: space-between; color: #fff; background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(255,255,255,.035)); backdrop-filter: blur(16px); box-shadow: 0 35px 80px rgba(0,0,0,.25); transform: rotate(3deg); }
.journal-signal-card::after { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,255,255,.07); border-radius: 24px; pointer-events: none; }
.signal-live { display: flex; align-items: center; gap: 7px; color: #bae6fd; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.signal-live > span { width: 7px; height: 7px; border-radius: 50%; background: #34d399; box-shadow: 0 0 0 5px rgba(52,211,153,.12); }
.signal-icon { width: 92px; height: 92px; margin: auto; display: grid; place-items: center; border: 1px solid rgba(125,211,252,.2); border-radius: 28px; color: #7dd3fc; background: rgba(14,165,233,.09); box-shadow: 0 0 50px rgba(0,168,232,.12); }
.signal-icon svg { width: 44px; height: 44px; }
.journal-signal-card strong { font-size: 22px; line-height: 1.35; letter-spacing: -.02em; }
.signal-bars { height: 28px; display: flex; align-items: flex-end; gap: 5px; }
.signal-bars i { width: 5px; border-radius: 4px; background: linear-gradient(#38bdf8, #4f46e5); }
.signal-bars i:nth-child(1) { height: 30%; }.signal-bars i:nth-child(2) { height: 70%; }.signal-bars i:nth-child(3) { height: 48%; }.signal-bars i:nth-child(4) { height: 100%; }.signal-bars i:nth-child(5) { height: 62%; }

/* Listing content */
.journal-content { padding: 92px 0 100px; background: linear-gradient(#fff, #f8fafc); }
.journal-section-head { margin-bottom: 34px; display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.journal-section-head span, .related-heading span, .comments-heading > div > span { color: var(--journal-blue); font-size: 11px; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.journal-section-head h2, .related-heading h2 { margin: 6px 0 0; font-size: clamp(28px, 3vw, 42px); letter-spacing: -.04em; }
.journal-section-head p { max-width: 500px; margin: 0; color: var(--journal-muted); font-size: 14px; line-height: 1.7; }
.journal-search-result { margin-bottom: 34px; padding: 18px 22px; border: 1px solid var(--journal-line); border-radius: 18px; display: flex; align-items: center; justify-content: space-between; gap: 20px; background: #fff; box-shadow: 0 10px 30px rgba(15,23,42,.04); }
.journal-search-result div { display: grid; gap: 3px; }.journal-search-result div span { color: var(--journal-blue); font-size: 11px; font-weight: 800; text-transform: uppercase; }.journal-search-result strong { font-size: 15px; }
.journal-search-result > a { display: inline-flex; align-items: center; gap: 6px; color: #ef4444; font-size: 12px; font-weight: 750; }.journal-search-result svg { width: 14px; }
.journal-featured { min-height: 490px; margin-bottom: 34px; padding: 10px; display: grid; grid-template-columns: 1.18fr .82fr; border: 1px solid var(--journal-line); border-radius: 30px; background: #fff; box-shadow: 0 24px 70px rgba(15,23,42,.08); overflow: hidden; }
.journal-featured-media { position: relative; min-height: 470px; overflow: hidden; border-radius: 22px; background: #e2e8f0; }
.journal-featured-media::after, .journal-card-media::after, .related-card-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,12,24,.3), transparent 55%); pointer-events: none; }
.journal-featured-media img, .journal-card-media img, .related-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.8,.2,1); }
.journal-featured:hover img, .journal-card:hover img, .related-card:hover img { transform: scale(1.045); }
.journal-image-tag { position: absolute; z-index: 1; left: 20px; bottom: 20px; padding: 8px 12px; display: inline-flex; align-items: center; gap: 7px; border-radius: 10px; color: #fff; background: rgba(7,20,38,.76); backdrop-filter: blur(10px); font-size: 11px; font-weight: 800; }.journal-image-tag svg { width: 14px; color: #7dd3fc; }
.journal-featured-copy { padding: clamp(30px,4vw,58px); display: flex; flex-direction: column; justify-content: center; }
.journal-card-meta { display: flex; align-items: center; gap: 14px; color: #8290a3; font-size: 11px; font-weight: 650; }.journal-card-meta span { display: inline-flex; align-items: center; gap: 6px; }.journal-card-meta svg { width: 13px; }
.journal-topic { width: fit-content; margin: 26px 0 12px; padding: 5px 9px; border-radius: 7px; color: #0369a1; background: #e0f2fe; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.journal-featured-copy h2 { margin: 0 0 16px; font-size: clamp(27px,3vw,42px); line-height: 1.12; letter-spacing: -.045em; }.journal-featured-copy h2 a, .journal-card h3 a, .related-card h3 a { color: var(--journal-ink); }
.journal-featured-copy > p { margin: 0; color: var(--journal-muted); font-size: 15px; line-height: 1.75; }
.journal-featured-footer { margin-top: 34px; padding-top: 22px; border-top: 1px solid var(--journal-line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.journal-author { display: flex; align-items: center; gap: 10px; }.journal-author > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #0ea5e9, #4f46e5); font-size: 13px; font-weight: 800; }.journal-author div { display: grid; }.journal-author strong { font-size: 12px; }.journal-author small { color: #94a3b8; font-size: 10px; }
.journal-read-btn { display: inline-flex; align-items: center; gap: 8px; color: var(--journal-indigo); font-size: 12px; font-weight: 800; }.journal-read-btn svg, .journal-card-link svg { width: 15px; transition: transform .25s; }.journal-read-btn:hover svg, .journal-card-link:hover svg { transform: translate(2px,-2px); }
.journal-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 26px; }
.journal-card { min-height: 440px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--journal-line); border-radius: 23px; background: #fff; box-shadow: 0 12px 35px rgba(15,23,42,.045); transition: transform .35s, box-shadow .35s, border-color .35s; animation-delay: var(--delay); }.journal-card:hover { transform: translateY(-7px); border-color: #cceaf7; box-shadow: 0 25px 50px rgba(15,23,42,.09); }
.journal-card-media { position: relative; height: 225px; overflow: hidden; background: #e2e8f0; }.journal-card-media > span { position: absolute; z-index: 1; right: 14px; bottom: 14px; padding: 6px 9px; display: inline-flex; align-items: center; gap: 5px; border-radius: 8px; color: #fff; background: rgba(7,20,38,.74); backdrop-filter: blur(8px); font-size: 10px; font-weight: 750; }.journal-card-media svg { width: 12px; }
.journal-card-body { flex: 1; padding: 24px; display: flex; flex-direction: column; }.journal-card h3 { margin: 14px 0 11px; font-size: 19px; line-height: 1.38; letter-spacing: -.02em; }.journal-card p { flex: 1; margin: 0 0 20px; color: var(--journal-muted); font-size: 13px; line-height: 1.7; }.journal-card-link { display: inline-flex; align-items: center; gap: 6px; color: var(--journal-indigo); font-size: 12px; font-weight: 800; }
.journal-pagination { margin-top: 54px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }.journal-pagination > div { display: flex; gap: 7px; }.journal-pagination > div a { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--journal-line); border-radius: 11px; color: #64748b; background: #fff; font-size: 12px; font-weight: 750; }.journal-pagination > div a.active { color: #fff; border-color: var(--journal-indigo); background: var(--journal-indigo); box-shadow: 0 8px 18px rgba(79,70,229,.2); }.journal-page-arrow { display: inline-flex; align-items: center; gap: 7px; color: #334155; font-size: 12px; font-weight: 750; }.journal-page-arrow:last-child { justify-self: end; }.journal-page-arrow svg { width: 15px; }
.journal-empty { padding: 70px 20px; border: 1px dashed #cbd5e1; border-radius: 28px; display: flex; align-items: center; flex-direction: column; text-align: center; background: #fff; }.journal-empty > div { width: 66px; height: 66px; margin-bottom: 18px; display: grid; place-items: center; border-radius: 20px; color: var(--journal-blue); background: #e0f2fe; }.journal-empty > div svg { width: 28px; }.journal-empty > span { color: var(--journal-blue); font-size: 11px; font-weight: 850; text-transform: uppercase; letter-spacing: .1em; }.journal-empty h2 { margin: 8px 0; font-size: 27px; }.journal-empty p { color: var(--journal-muted); }.journal-empty > a { margin-top: 12px; display: inline-flex; align-items: center; gap: 7px; color: var(--journal-indigo); font-size: 13px; font-weight: 800; }.journal-empty > a svg { width: 15px; }
.journal-cta { padding: 0 0 95px; background: #f8fafc; }.journal-cta-card { padding: 38px 42px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; overflow: hidden; border-radius: 28px; color: #fff; background: linear-gradient(120deg, #071426, #102f50); box-shadow: 0 28px 60px rgba(7,20,38,.18); }.journal-cta-icon { width: 58px; height: 58px; display: grid; place-items: center; border: 1px solid rgba(125,211,252,.2); border-radius: 18px; color: #7dd3fc; background: rgba(14,165,233,.1); }.journal-cta-icon svg { width: 25px; }.journal-cta-card span { color: #7dd3fc; font-size: 10px; font-weight: 850; text-transform: uppercase; letter-spacing: .13em; }.journal-cta-card h2 { margin: 4px 0; font-size: 24px; }.journal-cta-card p { margin: 0; color: #9fb2c5; font-size: 12px; }.journal-cta-card > a { padding: 13px 17px; display: inline-flex; align-items: center; gap: 8px; border-radius: 11px; color: #071426; background: #fff; font-size: 12px; font-weight: 850; }.journal-cta-card > a svg { width: 15px; }

/* Article */
.article-progress { position: fixed; z-index: 100002; top: 0; left: 0; width: 100%; height: 3px; transform: scaleX(0); transform-origin: left; background: linear-gradient(90deg, var(--journal-blue), var(--journal-indigo)); }
.article-hero { position: relative; padding: 76px 0 70px; overflow: hidden; color: #fff; background: linear-gradient(135deg, #06111f, #0b2139 62%, #0d3150); }
.article-hero::before { content:""; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:58px 58px; }
.article-hero-glow { position: absolute; width: 480px; height: 480px; right: 8%; top: -260px; border-radius: 50%; background: rgba(14,165,233,.16); filter: blur(80px); }
.article-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1fr) minmax(360px, .72fr); gap: 70px; align-items: center; }
.article-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-bottom: 34px; color: #7892aa; font-size: 11px; font-weight: 650; }.article-breadcrumb a { color: #9fb4c8; }.article-breadcrumb svg { width: 12px; }
.article-topic { margin-bottom: 17px; }
.article-hero-copy h1 { max-width: 800px; margin: 0 0 20px; font-size: clamp(38px,4.5vw,66px); line-height: 1.05; letter-spacing: -.052em; }
.article-lead { max-width: 730px; margin: 0; color: #a9bdd0; font-size: 16px; line-height: 1.72; }
.article-author-line { margin-top: 30px; display: flex; flex-wrap: wrap; align-items: center; gap: 13px; color: #9bb0c4; font-size: 11px; }.article-author-avatar { width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #0ea5e9, #4f46e5); font-weight: 850; }.article-author-line > div { display:grid; }.article-author-line strong { color:#fff; font-size:12px; }.article-author-line small { font-size:10px; }.article-author-line > i { width:1px; height:26px; background:rgba(255,255,255,.15); }.article-author-line > span:not(.article-author-avatar) { display:inline-flex; align-items:center; gap:5px; }.article-author-line svg { width:13px; color:#7dd3fc; }
.article-cover { position:relative; height:440px; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:28px; background:#10243a; box-shadow:0 30px 70px rgba(0,0,0,.28); transform:rotate(1.5deg); }.article-cover img { width:100%;height:100%;object-fit:cover; }.article-cover::after { content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,12,24,.52),transparent 55%); }.article-cover figcaption { position:absolute;z-index:1;left:20px;bottom:18px;display:flex;align-items:center;gap:8px;color:#e0f2fe;font-size:11px;font-weight:750; }.article-cover figcaption svg { width:16px;color:#38bdf8; }
.article-shell { padding:74px 0 100px; background:linear-gradient(#fff,#f8fafc); }
.article-layout { display:grid;grid-template-columns:120px minmax(0,780px) minmax(230px,300px);gap:42px;align-items:start;justify-content:center; }
.article-left-rail,.article-sidebar { position:sticky;top:104px; }
.article-back { display:flex;align-items:center;gap:7px;color:#64748b;font-size:11px;font-weight:750; }.article-back svg{width:14px;}
.article-share-rail { margin-top:28px;padding-top:22px;border-top:1px solid var(--journal-line);display:flex;flex-direction:column;align-items:flex-start;gap:9px; }.article-share-rail > span { margin-bottom:3px;color:#94a3b8;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase; }.article-share-rail a,.article-share-rail button { width:37px;height:37px;border:1px solid var(--journal-line);border-radius:11px;display:grid;place-items:center;color:#64748b;background:#fff;cursor:pointer;transition:.25s; }.article-share-rail a:hover,.article-share-rail button:hover,.article-share-rail button.copied { color:#fff;border-color:var(--journal-indigo);background:var(--journal-indigo);transform:translateY(-2px); }.article-share-rail svg{width:15px;}
.article-paper { padding:clamp(28px,5vw,60px);border:1px solid var(--journal-line);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.065); }
.article-intro-note { margin-bottom:34px;padding:17px 18px;display:flex;gap:13px;border:1px solid #bae6fd;border-radius:15px;background:#f0f9ff; }.article-intro-note > svg { width:20px;flex:0 0 auto;color:#0284c7; }.article-intro-note div{display:grid;gap:3px;}.article-intro-note strong{font-size:12px;}.article-intro-note span{color:#527084;font-size:12px;line-height:1.55;}
.article-rich-content { color:#334155;font-size:16px;line-height:1.9;overflow-wrap:anywhere; }.article-rich-content > *:first-child{margin-top:0!important;}.article-rich-content h1,.article-rich-content h2,.article-rich-content h3,.article-rich-content h4 { scroll-margin-top:110px;color:var(--journal-ink);line-height:1.25;letter-spacing:-.025em; }.article-rich-content h2{margin:48px 0 17px;font-size:28px;}.article-rich-content h3{margin:35px 0 13px;font-size:21px;}.article-rich-content h4{margin:28px 0 10px;font-size:17px;}.article-rich-content p{margin:0 0 22px;}.article-rich-content ul,.article-rich-content ol{margin:0 0 26px;padding-left:23px;}.article-rich-content li{margin-bottom:9px;padding-left:4px;}.article-rich-content strong{color:#0f172a;}.article-rich-content a{color:#0369a1;text-decoration:underline;text-decoration-color:#7dd3fc;text-underline-offset:3px;}.article-rich-content img{max-width:100%;height:auto;margin:24px 0;border-radius:18px;box-shadow:0 14px 35px rgba(15,23,42,.12);}.article-rich-content blockquote{margin:32px 0;padding:22px 24px;border-left:4px solid var(--journal-blue);border-radius:0 14px 14px 0;color:#28445a;background:#f0f9ff;font-size:17px;font-weight:600;}.article-rich-content table{width:100%;margin:28px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--journal-line);border-radius:14px;font-size:13px;}.article-rich-content th,.article-rich-content td{padding:12px 14px;border-bottom:1px solid var(--journal-line);text-align:left;}.article-rich-content th{background:#f8fafc;color:#0f172a;}
.article-reaction-bar { margin-top:52px;padding-top:27px;border-top:1px solid var(--journal-line);display:flex;align-items:center;justify-content:space-between;gap:20px; }.article-reaction-bar > div{display:grid;gap:3px;}.article-reaction-bar span{font-size:13px;font-weight:800;}.article-reaction-bar small{color:#94a3b8;font-size:10px;}.article-like-button{padding:10px 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid #fecdd3;border-radius:12px;color:#e11d48;background:#fff1f2;cursor:pointer;font-size:11px;font-weight:800;}.article-like-button svg{width:15px;}.article-like-button b{min-width:23px;padding:2px 6px;border-radius:7px;background:#fff;font-size:10px;}.article-like-button.liked svg{fill:currentColor;}
.article-toc-card,.article-expert-card{padding:23px;border:1px solid var(--journal-line);border-radius:20px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.045);}.sidebar-kicker{color:var(--journal-blue);font-size:9px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;}.article-toc-card h3{margin:5px 0 18px;font-size:17px;}.article-toc-card nav{display:flex;flex-direction:column;gap:3px;}.article-toc-card nav a{padding:8px 0 8px 12px;border-left:2px solid #e2e8f0;color:#64748b;font-size:11px;line-height:1.45;transition:.2s;}.article-toc-card nav a:hover{border-color:var(--journal-blue);color:#0369a1;}.article-toc-card nav a.is-sub{padding-left:20px;font-size:10px;}.toc-empty{color:#94a3b8;font-size:11px;line-height:1.5;}
.article-expert-card{margin-top:18px;color:#fff;border:0;background:linear-gradient(145deg,#081827,#123a5d);box-shadow:0 20px 45px rgba(7,20,38,.16);}.expert-card-icon{width:43px;height:43px;margin-bottom:18px;display:grid;place-items:center;border-radius:13px;color:#7dd3fc;background:rgba(14,165,233,.13);}.expert-card-icon svg{width:20px;}.article-expert-card>span{color:#7dd3fc;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase;}.article-expert-card h3{margin:7px 0 10px;font-size:18px;line-height:1.35;}.article-expert-card p{margin:0 0 18px;color:#9eb3c5;font-size:11px;line-height:1.65;}.article-expert-card a{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-radius:10px;color:#071426;background:#fff;font-size:11px;font-weight:850;}.article-expert-card a svg{width:14px;}
.article-comments{margin-top:50px;}.comments-heading{margin-bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px;}.comments-heading h2{margin:5px 0 0;font-size:27px;letter-spacing:-.03em;}.comments-heading h2 b{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:8px;color:#0369a1;background:#e0f2fe;font-size:11px;vertical-align:middle;}.comments-heading p{max-width:290px;margin:0;color:#94a3b8;font-size:11px;text-align:right;}
.modern-comments-list{display:flex;flex-direction:column;gap:18px;margin-bottom:26px;}.modern-comment{padding:20px;display:flex;gap:14px;border:1px solid var(--journal-line);border-radius:18px;background:#fff;}.modern-comment-avatar{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0ea5e9,#4f46e5);font-size:12px;font-weight:850;}.modern-comment-body{min-width:0;flex:1;}.modern-comment-body header>div{display:flex;align-items:center;justify-content:space-between;gap:10px;}.modern-comment-body header strong{font-size:12px;}.modern-comment-body header span{color:#94a3b8;font-size:10px;}.modern-comment-body header em{padding:2px 6px;border-radius:5px;color:#0369a1;background:#e0f2fe;font-size:8px;font-style:normal;text-transform:uppercase;}.modern-comment-body>p{margin:9px 0 0;color:#526174;font-size:12px;line-height:1.65;}.modern-comment-actions{margin-top:10px;display:flex;gap:8px;}.modern-comment-actions button{padding:5px 7px;display:inline-flex;align-items:center;gap:5px;border:0;border-radius:7px;color:#64748b;background:#f8fafc;cursor:pointer;font-size:9px;font-weight:750;}.modern-comment-actions button svg{width:11px;}.modern-comment-actions button b{font-size:8px;}.modern-comment-actions .liked{color:#e11d48;background:#fff1f2;}.modern-replies{margin:12px 0 0 26px;padding-left:17px;border-left:2px solid #dbeafe;display:flex;flex-direction:column;gap:10px;}.modern-comment.is-reply{padding:15px;background:#fafdff;}.modern-comment.is-reply .modern-comment-avatar{width:33px;height:33px;border-radius:10px;}.modern-reply-form{margin-top:13px;padding:14px;border-radius:12px;background:#f8fafc;}.modern-reply-form[hidden]{display:none;}
.modern-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;}.modern-reply-form input,.modern-reply-form textarea,.modern-main-comment-form input,.modern-main-comment-form textarea{width:100%;padding:11px 13px;border:1px solid #dce5ef;border-radius:10px;outline:none;color:#0f172a;background:#fff;font:inherit;font-size:11px;transition:.2s;}.modern-reply-form textarea{margin-top:10px;resize:vertical;}.modern-reply-form input:focus,.modern-reply-form textarea:focus,.modern-main-comment-form input:focus,.modern-main-comment-form textarea:focus{border-color:#7dd3fc;box-shadow:0 0 0 3px rgba(14,165,233,.09);}.modern-reply-form button,.modern-main-comment-form>button{margin-top:10px;padding:10px 14px;border:0;border-radius:9px;display:inline-flex;align-items:center;gap:7px;color:#fff;background:linear-gradient(135deg,var(--journal-blue),var(--journal-indigo));cursor:pointer;font-size:10px;font-weight:850;}.modern-reply-form button svg,.modern-main-comment-form>button svg{width:13px;}
.modern-no-comments{margin-bottom:24px;padding:19px;border:1px dashed #cbd5e1;border-radius:16px;display:flex;align-items:center;gap:13px;color:#64748b;background:#fff;}.modern-no-comments>svg{width:22px;color:var(--journal-blue);}.modern-no-comments div{display:grid;gap:2px;}.modern-no-comments strong{color:#334155;font-size:12px;}.modern-no-comments span{font-size:10px;}
.modern-comment-form-card{padding:28px;border:1px solid var(--journal-line);border-radius:22px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.055);}.modern-form-title{margin-bottom:22px;display:flex;align-items:center;gap:12px;}.modern-form-title>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;color:#0369a1;background:#e0f2fe;}.modern-form-title svg{width:19px;}.modern-form-title h3{margin:0 0 2px;font-size:17px;}.modern-form-title p{margin:0;color:#94a3b8;font-size:10px;}.modern-main-comment-form{display:flex;flex-direction:column;gap:15px;}.modern-main-comment-form label{display:grid;gap:6px;color:#475569;font-size:10px;font-weight:800;}.modern-main-comment-form textarea{resize:vertical;min-height:125px;}.modern-main-comment-form input[readonly]{color:#64748b;background:#f8fafc;}.modern-main-comment-form>button{align-self:flex-start;margin-top:0;padding:12px 17px;}.modern-alert{margin-bottom:16px;padding:11px 13px;display:flex;align-items:center;gap:8px;border-radius:10px;font-size:11px;font-weight:700;}.modern-alert svg{width:15px;}.modern-alert.is-error{color:#b91c1c;background:#fef2f2;}.modern-alert.is-success{color:#047857;background:#ecfdf5;}
.article-related{padding:82px 0 100px;border-top:1px solid var(--journal-line);background:#fff;}.related-heading{margin-bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:20px;}.related-heading>a{display:inline-flex;align-items:center;gap:7px;color:var(--journal-indigo);font-size:12px;font-weight:800;}.related-heading>a svg{width:15px;}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}.related-card{overflow:hidden;border:1px solid var(--journal-line);border-radius:21px;background:#fff;transition:.3s;}.related-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px rgba(15,23,42,.08);}.related-card-image{position:relative;height:190px;display:block;overflow:hidden;background:#e2e8f0;}.related-card>div{padding:19px;}.related-card>div>span{color:#94a3b8;font-size:10px;}.related-card h3{margin:8px 0 15px;font-size:16px;line-height:1.4;}.related-card>div>a{display:inline-flex;align-items:center;gap:6px;color:var(--journal-indigo);font-size:10px;font-weight:850;}.related-card>div>a svg{width:13px;}

@media (max-width: 1180px) {
    .article-layout{grid-template-columns:minmax(0,760px) minmax(230px,290px);}.article-left-rail{display:none;}
}
@media (max-width: 991px) {
    .journal-hero-inner{grid-template-columns:1fr;gap:38px}.journal-hero-visual{display:none}.journal-featured{grid-template-columns:1fr}.journal-featured-media{min-height:380px}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-cta-card{grid-template-columns:auto 1fr}.journal-cta-card>a{grid-column:2;width:fit-content}
    .article-hero-grid{grid-template-columns:1fr;gap:38px}.article-cover{height:390px;transform:none}.article-layout{grid-template-columns:minmax(0,760px)}.article-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:18px}.article-expert-card{margin-top:0}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.related-card:last-child{display:none}
}
@media (max-width: 640px) {
    .journal-hero{min-height:auto}.journal-hero::before{background-size:42px 42px;opacity:.14}.journal-orb-one{width:280px;height:280px;right:-150px;top:-90px}.journal-hero-inner{grid-template-columns:minmax(0,1fr);padding:38px 20px 34px;gap:0}.journal-hero-copy{min-width:0}.journal-eyebrow{padding:6px 10px;font-size:9px;letter-spacing:.11em}.journal-hero-copy h1{width:100%;max-width:100%;margin:18px 0 17px;font-size:clamp(30px,8.4vw,35px);line-height:1.045;letter-spacing:-.045em}.journal-title-line{white-space:normal}.journal-hero-copy>p{max-width:360px;margin-bottom:24px;font-size:12.5px;line-height:1.68}.journal-search{width:100%;max-width:100%;min-height:54px;padding:5px 6px 5px 14px;border-radius:15px;gap:9px}.journal-search>svg{width:18px;flex:0 0 auto}.journal-search input{width:100%;font-size:11.5px}.journal-search button{width:43px;height:43px;flex:0 0 43px;padding:0;justify-content:center;border-radius:11px;font-size:0}.journal-search button svg{width:16px}.journal-trust-row{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:19px}.journal-trust-row span{min-width:0;gap:4px;font-size:8.5px;line-height:1.3;white-space:nowrap}.journal-trust-row svg{width:12px;height:12px;flex:0 0 auto}.journal-content{padding:56px 0 72px}.journal-section-head{display:block}.journal-section-head p{margin-top:10px}.journal-search-result{align-items:flex-start;flex-direction:column}.journal-featured{padding:7px;border-radius:23px}.journal-featured-media{min-height:245px;border-radius:17px}.journal-featured-copy{padding:24px 16px 20px}.journal-topic{margin-top:20px}.journal-featured-copy h2{font-size:27px}.journal-featured-footer{align-items:flex-start;flex-direction:column}.journal-grid{grid-template-columns:1fr}.journal-card{min-height:420px}.journal-card-media{height:220px}.journal-pagination .journal-page-arrow span{display:none}.journal-cta-card{padding:28px 24px;grid-template-columns:1fr}.journal-cta-icon{width:48px;height:48px}.journal-cta-card>a{grid-column:auto}.journal-cta-card h2{font-size:21px}
    .article-hero{padding:45px 0 48px}.article-breadcrumb{margin-bottom:25px}.article-hero-copy h1{font-size:38px}.article-lead{font-size:14px}.article-author-line>i{display:none}.article-author-line>span:not(.article-author-avatar){font-size:10px}.article-cover{height:270px;border-radius:21px}.article-shell{padding:40px 0 70px}.article-layout{display:block}.article-paper{padding:25px 19px;border-radius:21px}.article-intro-note{padding:14px}.article-rich-content{font-size:15px;line-height:1.82}.article-rich-content h2{margin-top:39px;font-size:24px}.article-rich-content h3{font-size:19px}.article-reaction-bar{align-items:flex-start;flex-direction:column}.article-sidebar{margin-top:22px;display:block}.article-toc-card{display:none}.article-expert-card{margin-top:0}.comments-heading{align-items:flex-start;flex-direction:column}.comments-heading p{text-align:left}.modern-comment{padding:16px}.modern-comment-body header>div{align-items:flex-start;flex-direction:column;gap:3px}.modern-replies{margin-left:12px;padding-left:10px}.modern-form-grid{grid-template-columns:1fr}.modern-comment-form-card{padding:22px 17px}.article-related{padding:60px 0 82px}.related-heading{align-items:flex-start;flex-direction:column}.related-grid{grid-template-columns:1fr}.related-card:last-child{display:block}.related-card-image{height:210px}
}

/* Global .container mobil kurallarına karşı Journal hero'nun dikey nefes alanını koru. */
@media (max-width: 640px) {
    .journal-hero .journal-hero-inner {
        min-height: 330px !important;
        padding-top: 26px !important;
        padding-bottom: 25px !important;
    }
    .journal-hero .journal-eyebrow {
        margin-top: 0 !important;
    }
    .journal-hero .journal-trust-row {
        margin-bottom: 0 !important;
    }
    .journal-page ~ .floating-support-menu,
    .journal-page ~ .ai-chat-widget,
    .article-page ~ .floating-support-menu,
    .article-page ~ .ai-chat-widget {
        display: none !important;
    }
}

@media (max-width: 370px) {
    .journal-hero-inner{padding-left:16px;padding-right:16px}.journal-hero-copy h1{font-size:29px}.journal-trust-row{grid-template-columns:1fr;gap:7px}.journal-trust-row span{font-size:9px}.journal-search input::placeholder{font-size:10.5px}
}

@media (prefers-reduced-motion: reduce) {
    .journal-featured img,.journal-card img,.related-card img{transition:none}.journal-card,.related-card{transition:none}
}
