/* Quiet editorial blocks, shared by reading and editing surfaces. */
:is(.reading-prose,.editor-live,.learning-reading) li>:is(ul,ol){margin:.5em 0;padding-inline-start:1.15em;font:inherit}
:is(.reading-prose,.editor-live,.learning-reading) :is(h5,h6){font:600 1em/1.5 var(--font-ui);margin:1.7em 0 .7em;letter-spacing:normal;text-wrap:pretty;overflow-wrap:anywhere}
:is(.reading-prose,.editor-live,.learning-reading) h6{font-weight:500}
:is(.reading-prose,.editor-live,.learning-reading){min-width:0}
:is(.reading-prose,.editor-live,.learning-reading) pre{box-sizing:border-box;width:100%;max-width:100%;white-space:pre;overflow:auto;overscroll-behavior-x:contain;tab-size:2;text-align:start;direction:ltr;font:400 .875rem/1.7 var(--font-mono);background:var(--code-background);color:var(--text)}
:is(.reading-prose,.editor-live,.learning-reading) pre code{font:inherit;white-space:inherit;overflow-wrap:normal;word-break:normal}
:is(.reading-prose,.learning-reading) pre.content-code-wrap{white-space:pre-wrap;overflow-wrap:anywhere}
:is(.reading-prose,.learning-reading) pre.content-code-wrap code{overflow-wrap:anywhere}
:is(.reading-prose,.editor-live,.learning-reading) :not(pre)>code{font-size:.88em;overflow-wrap:anywhere}
:is(.reading-prose,.editor-live,.learning-reading) .table-scroll{min-width:0;width:100%;overscroll-behavior-x:contain}
:is(.reading-prose,.editor-live,.learning-reading) :is(img,video,iframe){max-width:100%}
:is(.reading-prose,.editor-live,.learning-reading) :is(th,td){min-width:7ch;overflow-wrap:normal;word-break:normal}
.content-table-hint{margin:.35rem 0 1.5rem!important;font:400 .8125rem/1.6 var(--font-ui);color:var(--muted)}
.content-table-hint[hidden]{display:none!important}
:is(.reading-prose,.editor-live,.learning-reading) :is(th,td)[data-align=left]{text-align:left}
:is(.reading-prose,.editor-live,.learning-reading) :is(th,td)[data-align=center]{text-align:center}
:is(.reading-prose,.editor-live,.learning-reading) :is(th,td)[data-align=right]{text-align:right;font-variant-numeric:tabular-nums}
:is(.reading-prose,.learning-reading) :is(th,td) a{overflow-wrap:anywhere}
@media print{.content-table-hint{display:none!important}}
.content-code-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin:1.5rem 0 0;font:.8125rem/1.5 var(--font-ui);color:var(--muted)}
.content-code-tools>span:first-child{margin-inline-end:auto}
.content-code-tools button{min-height:44px;padding:6px 2px;border:0;background:none;color:var(--text);font:inherit;cursor:pointer}
.content-code-tools button[aria-pressed=true]{font-weight:700}
.content-code-status:empty{display:none}.content-code-status{flex-basis:100%}
.content-code-tools+pre{margin-top:0!important}
.content-code-tools button:focus-visible,:is(.reading-prose,.learning-reading) :is(pre,.table-scroll):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
html[data-blog-theme=eink] .content-code-tools button{color:inherit}
.content-code-folded{max-height:28rem;max-height:min(28rem,60vh)}
:is(.reading-prose,.learning-reading,.prose) pre.content-code-numbered code{display:block;min-width:max-content}
:is(.reading-prose,.learning-reading,.prose) pre.content-code-wrap.content-code-numbered code{min-width:0}
.content-code-line{display:grid;grid-template-columns:4ch minmax(0,1fr);gap:1.5ch;min-height:1.7em}
.content-code-number{user-select:none;color:var(--muted);text-align:right;font:inherit}
.content-code-number::before{content:attr(data-line)}
.content-code-value{min-width:0;white-space:inherit;font:inherit}
.content-code-file,.content-code-caption{margin:.5rem 0!important;overflow-wrap:anywhere;font:.875rem/1.6 var(--font-ui)}
.content-code-file{font-weight:600}
.content-code-marked:not(.content-code-numbered) .content-code-line{grid-template-columns:minmax(0,1fr);gap:0}
:is(.reading-prose,.learning-reading,.prose) pre.content-code-marked code{display:block;min-width:max-content}
:is(.reading-prose,.learning-reading,.prose) pre.content-code-wrap.content-code-marked code{min-width:0}
.content-code-marked .content-code-line{border-inline-start:3px solid transparent;padding-inline:8px}
.content-code-marked .content-code-line[data-highlight=true]{border-inline-start-color:currentColor;background:color-mix(in srgb,currentColor 9%,transparent);font-weight:600}
@media print{:is(.reading-prose,.learning-reading,.prose) pre.content-code-marked code{min-width:0}}
@media print{.content-code-tools{display:none!important}.content-code-folded{max-height:none!important}:is(.reading-prose,.learning-reading,.prose) pre{white-space:pre-wrap!important;overflow-wrap:anywhere!important}:is(.reading-prose,.learning-reading,.prose) pre.content-code-numbered code{min-width:0}}
.content-figure,.content-quote{margin:2.5rem 0;max-width:100%}
.content-audio audio{display:block;width:100%;max-width:100%;min-height:44px}
.content-audio-file{display:inline-block;margin-top:.6rem;font:.875rem/1.6 var(--font-ui);overflow-wrap:anywhere}
.content-transcript{margin-top:1.3rem}.content-transcript p{margin:.7em 0}
.content-editor-block audio{pointer-events:none}
.content-figure>img,.content-figure>video{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:var(--surface-muted);border-radius:2px}
.content-figure>img{width:var(--image-width,auto);max-width:100%;margin-inline:auto}
.content-figure>img[data-reader-zoom="1"]{cursor:zoom-in}
.content-figure figcaption,.content-quote figcaption{font:.875rem/1.7 var(--font-ui);color:var(--muted);margin-top:.85rem;text-align:start}
.content-quote blockquote{font:400 clamp(1.2rem,2.5vw,1.55rem)/1.65 var(--font-reading);padding:0 0 0 1.3rem;border:0;border-inline-start:2px solid var(--accent);background:transparent;margin:0}
.content-quote blockquote p{margin:.6rem 0}.content-quote figcaption{padding-inline-start:1.3rem}
.content-note{margin:2rem 0;padding:1.4rem 1.6rem;background:var(--surface-muted);border-radius:2px;font:1rem/1.8 var(--font-ui)}
.content-note>strong{display:block;font-weight:600;margin-bottom:.6rem}.content-note>p:last-child{margin-bottom:0}.content-note>p:first-child{margin-top:0}
.content-details{margin:2rem 0;padding:.5rem 0;font:1.05rem/1.8 var(--font-reading)}
.content-details>summary{font:500 1rem/1.65 var(--font-ui);cursor:pointer;min-height:44px;padding:10px 0}.content-details[open]>summary{margin-bottom:1rem}
.content-link{margin:2rem 0;background:var(--surface-muted);padding:1.3rem 1.5rem;border-radius:2px}
.content-link>a{display:grid;gap:.5rem;color:var(--text);text-decoration:none!important;background:none!important}
.content-link small{font:.8rem/1.6 var(--font-ui);color:var(--muted);overflow-wrap:anywhere}
.content-link strong{font:400 1.3rem/1.45 var(--font-reading)}.content-link span{font:.95rem/1.7 var(--font-ui);color:var(--muted)}.content-link a:hover strong{color:var(--accent)}
.content-video{display:grid;place-items:center;aspect-ratio:16/9;background:var(--surface-muted);border-radius:2px;overflow:hidden}
.content-video>div{text-align:center;padding:1.5rem;max-width:520px;font:1rem/1.7 var(--font-ui)}
.content-video .content-media-notice,.content-figure>.content-media-notice{font:.875rem/1.7 var(--font-ui);color:var(--muted)}
.content-video button{background:var(--text);color:var(--background);min-height:44px;padding:10px 20px;border:0;border-radius:3px;font:500 .875rem/1.5 var(--font-ui);cursor:pointer}
.content-video iframe{display:block;border:0;width:100%;height:100%}
.content-editor-block{position:relative;cursor:pointer;outline:1px dashed var(--line);outline-offset:8px;margin:2rem 0}
.content-editor-block:focus{outline:2px solid var(--accent)}
.content-editor-block :is(.content-figure,.content-quote,.content-link,.content-details,.content-note){margin:0}
.content-editor-block::after{content:'Çift tıkla veya Enter ile düzenle';display:block;font:12px/1.5 var(--font-ui);color:var(--muted);padding-top:10px}
.content-editor-block :is(img,video,button,a,summary){pointer-events:none}
.content-composer{width:min(600px,calc(100% - 32px));max-height:85dvh;overflow:auto;padding:28px;border:1px solid var(--line);border-radius:6px;background:var(--background);color:var(--text)}
.content-composer::backdrop,.content-lightbox::backdrop{background:#0009}
.content-composer h2{margin:0 0 20px}.content-composer label{display:grid;gap:8px;margin:16px 0}.content-composer [hidden]{display:none!important}
.content-composer :is(input,select,textarea){box-sizing:border-box;width:100%;font:16px/1.6 var(--font-ui)}
.content-composer-actions{display:flex;justify-content:flex-end;gap:16px;position:sticky;bottom:-28px;background:var(--background);padding:16px 0}
.content-composer-actions button{min-height:44px;padding:10px 16px}.content-composer-actions [type=submit]{background:var(--text);color:var(--background);border-radius:3px}
.content-lightbox{border:0;padding:16px;background:var(--background);color:var(--text);max-width:95vw;max-height:95dvh}
.content-lightbox img{display:block;max-width:85vw;max-height:78dvh;object-fit:contain}
.content-lightbox button{display:block;margin:0 0 10px auto;min-height:44px;padding:8px 12px;font:14px var(--font-ui)}
:is(.content-figure,.content-link,.content-details,.content-composer,.content-lightbox) :focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:550px){.content-video:not(:has(iframe)){aspect-ratio:auto;min-height:260px}.content-note,.content-link{padding:1.1rem}.content-composer{padding:20px}.content-composer-actions{bottom:-20px}.content-figure,.content-quote{margin-block:2rem}}
html[data-blog-theme=eink] :is(.content-note,.content-link,.content-video){background:transparent;border:1px solid currentColor}
.content-video.content-video--stable:not(:has(iframe)){aspect-ratio:16/9;min-height:0}
.content-video--stable>div{padding:1rem}
.content-video--stable iframe{min-width:0;min-height:0}

/* The standard quote tool and attributed quote blocks share one reading style. */
:is(.reading-prose,.editor-live,.learning-reading,.content-quote) blockquote{
  position:relative;margin:2rem 0;padding:0;padding-inline-start:1.4rem;
  border:0;border-inline-start:2px solid var(--accent);border-radius:0;
  background:transparent;color:var(--text);
  font:400 clamp(1.1rem,2vw,1.35rem)/1.75 var(--font-reading);
}
:is(.reading-prose,.editor-live,.learning-reading,.content-quote) blockquote>p{margin:.75rem 0}
:is(.reading-prose,.editor-live,.learning-reading,.content-quote) blockquote>:first-child{margin-top:0}
:is(.reading-prose,.editor-live,.learning-reading,.content-quote) blockquote>:last-child{margin-bottom:0}
.content-quote>blockquote{margin-bottom:0}
.content-quote>figcaption{margin-top:.85rem;padding-inline-start:1.4rem;font:.875rem/1.65 var(--font-ui);color:var(--muted)}
.reading-article .post-header h1{margin-bottom:.75rem}
.reading-article .post-header .post-meta{margin:0 0 1rem;font:.875rem/1.6 var(--font-ui);letter-spacing:0;color:var(--muted)}
.showcase .showcase-lead h1{margin-top:0;margin-bottom:.8rem}
.showcase .showcase-lead .showcase-meta{margin-bottom:1.25rem}
.showcase .showcase-posts :is(.showcase-meta,.post-meta){margin:.65rem 0 .9rem}
@media(max-width:550px){:is(.reading-prose,.editor-live,.learning-reading,.content-quote) blockquote{padding-inline-start:1rem}.content-quote>figcaption{padding-inline-start:1rem}}

.post-cover{margin:1.5rem 0 2rem;min-width:0}
.post-cover>a{display:block}
.post-cover img{display:block;width:100%;height:auto;max-height:75vh;object-fit:contain;border-radius:2px}
.post-cover figcaption{margin-top:.75rem;font:.875rem/1.7 var(--font-ui);color:var(--muted)}
.post-cover-caption,.post-cover-source{display:block;overflow-wrap:anywhere}
.post-cover-source{font-size:.8125rem;line-height:1.65;font-style:italic}
.post-cover-caption+.post-cover-source{margin-top:.25rem}
.post-cover--listing{margin:1rem 0}
.post-cover--listing img{aspect-ratio:16/10;max-height:280px;object-fit:contain}
.post-cover--detail{margin-bottom:2.25rem}
.recent-reading-list .post-cover{grid-column:1/-1}

/* Local syntax palette: retain the site's code surface and source spacing. */
pre[data-syntax]{--syntax-keyword:#d3b5fa;--syntax-string:#a8d8b3;--syntax-number:#f2b39c;--syntax-title:#a7cce7}
html[data-blog-theme=white] pre[data-syntax],html[data-blog-theme=paper] pre[data-syntax]{--syntax-keyword:#603080;--syntax-string:#245d38;--syntax-number:#873524;--syntax-title:#245578}
pre[data-syntax] :is(.hljs-keyword,.hljs-selector-tag,.hljs-meta){color:var(--syntax-keyword)}
pre[data-syntax] :is(.hljs-string,.hljs-regexp,.hljs-attribute,.hljs-addition){color:var(--syntax-string)}
pre[data-syntax] :is(.hljs-number,.hljs-literal,.hljs-deletion){color:var(--syntax-number)}
pre[data-syntax] :is(.hljs-title,.hljs-name,.hljs-built_in,.hljs-attr,.hljs-selector-class){color:var(--syntax-title)}
pre[data-syntax] :is(.hljs-comment,.hljs-quote){color:var(--muted);font-style:italic}
html[data-blog-theme=eink] pre[data-syntax] [class*=hljs-]{color:inherit}
html[data-blog-theme=eink] pre[data-syntax] :is(.hljs-keyword,.hljs-title){font-weight:600}

/* Unified diff: source +/- signs remain selectable and are not color-only cues. */
:is(.reading-prose,.learning-reading,.prose) pre.content-code-diff code{display:block;min-width:max-content}
:is(.reading-prose,.learning-reading,.prose) pre.content-code-wrap.content-code-diff code{min-width:0}
.content-code-diff:not(.content-code-numbered) .content-code-line{grid-template-columns:minmax(0,1fr);gap:0}
.content-code-diff .content-code-line{border-inline-start:3px solid transparent;padding-inline:8px;box-sizing:border-box}
.content-code-diff [data-change=added]{border-inline-start-color:var(--syntax-string,var(--accent));background:color-mix(in srgb,var(--text) 5%,transparent)}
.content-code-diff [data-change=removed]{border-inline-start:3px dashed var(--syntax-number,var(--text));background:color-mix(in srgb,var(--text) 8%,transparent)}
.content-code-diff :is([data-change=file],[data-change=hunk]){font-weight:600;color:var(--text)}
html[data-blog-theme=eink] .content-code-diff :is([data-change=added],[data-change=removed]){background:none;border-inline-start-color:currentColor}
@media print{:is(.reading-prose,.learning-reading,.prose) pre.content-code-diff code{min-width:0}.content-code-diff :is([data-change=added],[data-change=removed]){background:none;border-inline-start-color:currentColor}}
.reader-image-placeholder{display:block;position:relative;min-height:100px;background:var(--surface-muted);border-radius:9px;overflow:hidden}
.reader-image-placeholder img.reader-image-failed{visibility:hidden;pointer-events:none}
.reader-image-message{position:absolute;inset:0;display:grid;place-content:center;padding:16px;color:var(--muted);font:400 .875rem/1.6 var(--font-ui);overflow:auto;overflow-wrap:anywhere;text-align:center}
.reading-prose hr,.editor-live hr,.learning-reading hr{border:0;border-block-start:1px solid var(--line);margin:2em 0}