.dy-read {
    display: grid;
    grid-template-columns: minmax(0, var(--dy-article, 740px)) minmax(220px, 280px);
    gap: 28px 32px;
    justify-content: center;
    align-items: start;
}
.dy-article,
.dy-article-col { min-width: 0; max-width: 100%; }
.dy-article { width: min(100%, var(--dy-article, 740px)); margin: 0 auto; }
.dy-read .dy-article { width: 100%; margin: 0; }
.dy-title {
    margin: 8px 0 12px;
    font-size: clamp(1.55rem, 3vw, 2.4rem);
    line-height: 1.16;
    letter-spacing: -0.035em;
    overflow-wrap: anywhere;
}
.dy-spot {
    margin: 0 0 16px;
    font-size: 1.2rem;
    line-height: 1.5;
    color: var(--dy-muted);
}
.dy-crumbs { margin: 0 0 14px; }
.dy-crumbs ol { display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; list-style: none; color: var(--dy-muted); font-size: 0.92rem; }
.dy-crumbs a { text-decoration: none; }
.dy-crumbs [aria-hidden] { margin-left: 8px; }
.dy-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; color: var(--dy-muted); }
.dy-meta a { color: inherit; font-weight: 680; text-decoration: none; }
.dy-meta-avatar { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
.dy-cover { margin: 18px 0 8px; }
.dy-cover img { width: 100%; height: auto; border-radius: var(--dy-radius-md, 16px); object-fit: cover; }
.dy-cover figcaption { margin-top: 8px; color: var(--dy-muted); font-size: 0.92rem; }
.dy-rail { min-width: 0; }
.dy-rail > .pub-ad { position: sticky; top: 92px; align-self: start; max-height: calc(100vh - 110px); overflow: auto; }
.dy-article .pub-body { font-size: 1.08rem; line-height: 1.75; overflow-wrap: break-word; }
.dy-article .pub-body > * { max-width: 100%; }
.dy-article .pub-body p { margin: 0 0 1.05em; }
.dy-article .pub-body a { color: var(--dy-accent); text-underline-offset: 0.16em; }
.dy-article .pub-body h2,
.dy-article .pub-body h3,
.dy-article .pub-body h4 { line-height: 1.25; letter-spacing: -0.03em; overflow-wrap: anywhere; }
.dy-article .pub-body h2 { margin: 1.7em 0 0.45em; font-size: 1.65rem; }
.dy-article .pub-body h3 { margin: 1.45em 0 0.4em; font-size: 1.32rem; }
.dy-article .pub-body h4 { margin: 1.3em 0 0.35em; font-size: 1.12rem; }
.dy-article .pub-body ul,
.dy-article .pub-body ol { margin: 0 0 1.05em; padding-left: 1.25em; }
.dy-article .pub-body li + li { margin-top: 0.35em; }
.dy-article .pub-image,
.dy-article .pub-gallery,
.dy-article .pub-embed,
.dy-article .pub-video-wrap,
.dy-article .pub-quote,
.dy-article .pub-info,
.dy-article .pub-warning,
.dy-article .pub-proscons,
.dy-article .pub-cta,
.dy-article .pub-faq,
.dy-article .pub-related,
.dy-article .pub-product,
.dy-article .pub-poll,
.dy-article .pub-file { margin: 1.35em 0; }
.dy-article .pub-image { max-width: min(100%, 860px); margin-left: auto; margin-right: auto; }
.dy-article .pub-image img,
.dy-article .pub-gallery img,
.dy-article .pub-video { width: 100%; height: auto; border-radius: 12px; }
.dy-article .pub-align-wide { width: min(100%, 920px); }
.dy-article figcaption,
.dy-article .pub-code-name { color: var(--dy-muted); font-size: 0.92rem; }
.dy-article .pub-gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr)); gap: 10px; }
.dy-article .pub-gallery[data-layout="slider"] { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; }
.dy-article .pub-gallery[data-layout="slider"] figure { flex: 0 0 78%; scroll-snap-align: start; }
.dy-article .pub-embed,
.dy-article .pub-video-wrap { position: relative; }
.dy-article .pub-embed iframe,
.dy-article .pub-video { display: block; width: 100%; aspect-ratio: 16/9; border: 0; background: #111; border-radius: 12px; }
.dy-article .pub-quote { margin-left: 0; padding: 4px 0 8px 18px; border-left: 4px solid var(--dy-primary); font-size: 1.35rem; line-height: 1.45; }
.dy-article .pub-quote::before { content: "“"; display: block; font-size: 2.4rem; line-height: 1; color: var(--dy-primary); }
.dy-article .pub-quote p { margin: 0; }
.dy-article .pub-info,
.dy-article .pub-warning { padding: 14px 16px 14px 18px; border-radius: var(--dy-radius-md, 10px); }
.dy-article .pub-info { background: var(--dy-primary-soft); border-left: 4px solid var(--dy-primary); }
.dy-article .pub-warning { background: #fff7ed; border-left: 4px solid var(--dy-warning, #ea580c); }
.dy-article .pub-info::before,
.dy-article .pub-warning::before { display: block; margin-bottom: 6px; font-size: 0.78rem; font-weight: 750; letter-spacing: 0.04em; text-transform: uppercase; }
.dy-article .pub-info::before { content: "Bilgi"; color: var(--dy-accent); }
.dy-article .pub-warning::before { content: "Uyarı"; color: var(--dy-warning, #ea580c); }
.dy-article .pub-box-title { margin: 0 0 6px; font-weight: 750; }
.dy-article .pub-proscons { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.dy-article .pub-pros,
.dy-article .pub-cons { margin: 0; padding: 14px 16px 14px 18px; list-style: none; border-radius: var(--dy-radius-md, 10px); }
.dy-article .pub-pros { background: #f0fdf4; }
.dy-article .pub-cons { background: #fef2f2; }
.dy-article .pub-pros::before,
.dy-article .pub-cons::before { display: block; margin-bottom: 8px; font-weight: 750; }
.dy-article .pub-pros::before { content: "Artılar"; }
.dy-article .pub-cons::before { content: "Eksiler"; }
.dy-article .pub-pros li::marker,
.dy-article .pub-cons li::marker { content: ""; }
.dy-article .pub-pros li::before { content: "+ "; font-weight: 750; color: var(--dy-success, #067647); }
.dy-article .pub-cons li::before { content: "− "; font-weight: 750; color: var(--dy-danger, #b42318); }
.dy-article .pub-table { display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.dy-article .pub-table td,
.dy-article .pub-table th { border: 1px solid var(--dy-border); padding: 8px 10px; text-align: left; }
.dy-article .pub-code { overflow-x: auto; max-width: 100%; background: var(--dy-code, #111827); color: #f8fafc; padding: 14px 16px; border-radius: 10px; font-family: ui-monospace, "Cascadia Code", Consolas, monospace; font-size: 0.92rem; line-height: 1.55; }
.dy-article .pub-button,
.dy-article .pub-cta a.pub-button { display: inline-block; background: var(--dy-accent); color: #fff; text-decoration: none; border-radius: 999px; padding: 10px 16px; font-weight: 680; }
.dy-article .pub-cta { padding: 18px; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: var(--dy-radius-md, 16px); }
.dy-article .pub-cta-title { margin: 0 0 8px; font-size: 1.15rem; font-weight: 750; }
.dy-article .pub-faq details { border-bottom: 1px solid var(--dy-border); padding: 10px 0; }
.dy-article .pub-faq summary { cursor: pointer; font-weight: 700; }
.dy-article .pub-related ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.dy-article .pub-related a { display: block; text-decoration: none; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: 12px; padding: 12px 14px; font-weight: 680; }
.dy-article .pub-product { padding: 12px 14px; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: 12px; }
.dy-article .pub-product a { font-weight: 700; text-decoration: none; }
.dy-article .pub-file a { display: inline-block; padding: 10px 14px; text-decoration: none; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: 12px; font-weight: 680; }
.dy-article .pub-poll { padding: 14px 16px; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: var(--dy-radius-md, 16px); }
.dy-article .pub-poll ul { margin: 8px 0 0; }
.dy-article .pub-ad { margin: 1.25rem 0; max-width: 100%; }
.dy-article .pub-ad img { max-width: 100%; height: auto; }
.dy-sources,
.dy-authorbox,
.dy-related,
.dy-tax { margin-top: 28px; }
.dy-sources ol,
.dy-author-links { margin: 0; padding: 0; list-style: none; display: grid; gap: 12px; }
.dy-sources li,
.dy-authorbox { padding: 14px 16px; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: var(--dy-radius-md, 16px); }
.dy-article .pub-code,
.dy-article .pub-embed,
.dy-article .pub-video-wrap,
.dy-article .pub-table { max-width: 100%; }
.dy-sources a,
.dy-source-line,
.dy-crumbs { overflow-wrap: anywhere; }
.dy-sources a { font-weight: 700; }
.dy-source-flag,
.dy-source-meta { display: inline-block; margin-right: 8px; color: var(--dy-muted); font-size: 0.82rem; }
.dy-source-flag { font-weight: 750; color: var(--dy-accent); }
.dy-source-line { margin-top: 28px; }
.dy-authorbox { display: flex; gap: 14px; }
.dy-authorbox img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
.dy-authorbox p { margin: 4px 0 0; }
.dy-author-links { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 8px; }
.dy-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.dy-chips a { text-decoration: none; background: var(--dy-surface, #fff); border: 1px solid var(--dy-border); border-radius: 999px; padding: 6px 10px; }
.dy-share-end { margin: 24px 0 8px; padding-top: 16px; border-top: 1px solid var(--dy-border); }
.dy-share { display: flex; flex-wrap: wrap; gap: 8px; max-width: 100%; }
.dy-share a,
.dy-share button { border: 1px solid var(--dy-border); background: var(--dy-surface, #fff); color: inherit; border-radius: 999px; padding: 8px 12px; text-decoration: none; cursor: pointer; font: inherit; }
.dy-related-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dy-related-grid .dy-card { min-height: 0; }
.dy-pager { display: flex; gap: 8px; flex-wrap: wrap; margin-top: 20px; align-items: center; }
.dy-pager a,
.dy-pager span { min-width: 36px; height: 36px; padding: 0 10px; border-radius: 999px; background: var(--dy-surface, #fff); text-decoration: none; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; }
.dy-pager .is-current { background: var(--dy-accent, #1d4ed8); color: #fff; }
@media (max-width: 1024px) {
    .dy-read { grid-template-columns: minmax(0, 1fr); }
    .dy-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .dy-rail > .pub-ad { position: static; max-height: none; overflow: visible; }
}
@media (max-width: 720px) {
    .dy-article .pub-proscons,
    .dy-related-grid { grid-template-columns: minmax(0, 1fr); }
    .dy-title { font-size: 1.85rem; }
    .dy-spot { font-size: 1.08rem; }
}
.dy-google { display: flex; align-items: stretch; gap: 10px; margin: 12px 0; max-width: 100%; }
.dy-google .dy-ai { flex: 0 0 auto; min-height: 48px; border-radius: 12px; white-space: nowrap; }
.dy-google-card { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; min-height: 48px; padding: 12px 14px; border: 1px solid transparent; border-radius: 12px; font-weight: 700; line-height: 1.35; text-decoration: none; overflow-wrap: anywhere; }
.dy-google-preferred { background: var(--dy-primary-soft, #eff6ff); color: var(--dy-text, #111827); border-color: var(--dy-border, #e2e8f0); }
.dy-google-card:hover { filter: brightness(.97); }
.dy-ai { border: 0; background: var(--dy-ai-soft); color: var(--dy-ai); border-radius: 999px; padding: 8px 14px; font: inherit; font-weight: 700; cursor: pointer; animation: dy-ai-in 1.1s ease 2; }
.dy-summary { margin: 0 0 16px; padding: 14px 16px; border: 0; border-radius: var(--dy-radius-md, 10px); background: var(--dy-ai-soft); color: var(--dy-text); max-width: 100%; }
.dy-summary ul { margin: 8px 0; padding-left: 1.1rem; }
.dy-listen { margin: 0 0 16px; max-width: 100%; padding: 10px 12px; background: var(--dy-primary-soft); border-radius: var(--dy-radius-md, 10px); }
.dy-listen-open, .dy-listen-panel button, .dy-listen-panel select { font: inherit; min-height: 44px; }
.dy-listen-open { border: 0; background: transparent; padding: 0; font-weight: 700; cursor: pointer; }
.dy-listen-panel { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 8px; max-width: 100%; }
.dy-listen-panel[hidden] { display: none; }
.dy-listen-panel input[type="range"] { flex: 1 1 140px; min-width: 0; max-width: 100%; }
.dy-listen-panel [data-dy-time] { font-variant-numeric: tabular-nums; }
.dy-ai:focus-visible, .dy-listen-open:focus-visible, .dy-listen-panel button:focus-visible, .dy-listen-panel select:focus-visible, .dy-google-card:focus-visible { outline: 2px solid var(--dy-accent, #1d4ed8); outline-offset: 2px; }
@keyframes dy-ai-in { from { box-shadow: 0 0 0 0 rgba(124, 58, 237, .35); } to { box-shadow: 0 0 0 8px rgba(124, 58, 237, 0); } }
@media (prefers-reduced-motion: reduce) { .dy-ai { animation: none; } }
html.dy-dark .dy-article .pub-warning { background: #2a2118; }
html.dy-dark .dy-article .pub-pros { background: #132218; }
html.dy-dark .dy-article .pub-cons { background: #2a1515; }
html.dy-dark .dy-article .pub-code { color: #f8fafc; }
@media (max-width: 480px) {
    .dy-google-card { padding: 10px 12px; font-size: .92rem; }
    .dy-google .dy-ai { padding: 8px 12px; }
}
.dy-article > .dy-kicker-alert { color: #b91c1c; font-weight: 750; background: transparent; }
.dy-card .dy-kicker-alert { background: #b91c1c; color: #fff; }
.dy-article.is-copy-lock, .dy-article.is-copy-lock * { user-select: none; }
.dy-article[data-gallery="pages"] .pub-gallery { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; }
.dy-article[data-gallery="pages"] .pub-gallery figure { flex: 0 0 82%; scroll-snap-align: start; margin: 0; }
.dy-article[data-gallery="inline"] .pub-gallery { display: block; }
.dy-article[data-gallery="inline"] .pub-gallery figure { margin: 0 0 1rem; }
.dy-video, .dy-video iframe, .dy-video video { width: 100%; aspect-ratio: 16 / 9; border: 0; margin: 12px 0; }
.dy-live { margin: 12px 0; padding-left: 12px; border-left: 3px solid var(--dy-primary, #0f6e56); }
.dy-poll { display: flex; flex-direction: column; gap: 8px; margin: 16px 0; }
.dy-next { display: flex; flex-direction: column; gap: 8px; margin-top: 24px; }
.dy-article { background: var(--dy-surface); border-radius: 18px; padding: 22px 22px 8px; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.04); }
.dy-article > .dy-kicker a,
.dy-article > .dy-kicker > span { display: inline-block; background: var(--dy-accent); color: #fff; text-decoration: none; border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; font-weight: 750; }
