/* 01 — Tokens: light, system, saved preference. */
:root{--cdb-bg:var(--wp--preset--color--bg,#fff);--cdb-surface:var(--wp--preset--color--surface,#fafafa);--cdb-border:var(--wp--preset--color--border,#ededed);--cdb-text:var(--wp--preset--color--text,#171717);--cdb-muted:var(--wp--preset--color--muted,#6b6b6b);--cdb-subtle:var(--wp--preset--color--subtle,#a1a1a1);--cdb-accent:var(--wp--preset--color--accent,#b63a29);--sidebar:260px;--mono:'Geist Mono',ui-monospace,monospace;--cdb-green:var(--wp--preset--color--status-green,#24713c);--cdb-yellow:var(--wp--preset--color--status-yellow,#806000);color-scheme:light}
:root[data-theme=light]{--cdb-green:#24713c;--cdb-yellow:#806000;--cdb-bg:#fff;--cdb-surface:#fafafa;--cdb-border:#ededed;--cdb-text:#171717;--cdb-muted:#6b6b6b;--cdb-subtle:#a1a1a1;--cdb-accent:#b63a29;color-scheme:light}
:root[data-theme=dark]{--cdb-bg:#080808;--cdb-surface:#111;--cdb-border:#1f1f1f;--cdb-text:#ededed;--cdb-muted:#a0a0a0;--cdb-subtle:#707070;--cdb-accent:#f08a79;--cdb-green:#83cc98;--cdb-yellow:#e3c66c;color-scheme:dark}
@media(prefers-color-scheme:dark){:root:not([data-theme]){--cdb-bg:#080808;--cdb-surface:#111;--cdb-border:#1f1f1f;--cdb-text:#ededed;--cdb-muted:#a0a0a0;--cdb-subtle:#707070;--cdb-accent:#f08a79;--cdb-green:#83cc98;--cdb-yellow:#e3c66c;color-scheme:dark}}
@font-face{font-family:Geist;src:url('../fonts/Geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('../fonts/GeistMono.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
/* 02 — Basics and accessibility. Subtle is decorative, never body text. */
*{box-sizing:border-box}html{scroll-padding-top:96px}body{margin:0;background:var(--cdb-bg);color:var(--cdb-text);font-family:var(--wp--preset--font-family--geist,Geist,system-ui,sans-serif)}a{color:var(--cdb-accent);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.wp-element-button{cursor:pointer}button,input,textarea,select{color:var(--cdb-text);background:var(--cdb-bg);border:1px solid var(--cdb-muted);border-radius:6px;padding:8px 12px}button:hover{background:var(--cdb-surface)}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--cdb-accent);outline-offset:3px}button:disabled{cursor:default}img{max-width:100%;height:auto}h1,h2,h3,h4{color:var(--cdb-text);overflow-wrap:anywhere}h1{font-weight:550}h2{margin:0 0 24px}p{margin-top:0}::selection{background:var(--cdb-accent);color:var(--cdb-bg)}[hidden]{display:none!important}.screen-reader-text,.row-link .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:16px;top:-160px;z-index:1000;padding:12px 16px;background:var(--cdb-bg);border:2px solid var(--cdb-accent);border-radius:6px}.skip-link:focus{top:12px}.skip-nav:focus{left:170px}.js-only{display:none!important}.js .js-only{display:initial!important}.cdb-icon{flex-shrink:0;vertical-align:middle}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px;border-color:transparent;background:transparent;color:var(--cdb-muted);text-decoration:none}.js .icon-button.js-only{display:inline-flex!important}.icon-button:hover{color:var(--cdb-text);background:var(--cdb-surface)}.meta,.eyebrow,.mono,.badge,kbd,.sidebar-label,.category-name,.row-year,.tech-chips,.brand,.pagination{font-family:var(--mono)}.meta,.eyebrow{font-size:.8125rem;line-height:1.7;color:var(--cdb-muted)}.eyebrow{margin-bottom:20px!important}.badge,.is-style-badge{display:inline-flex;font-family:var(--mono);font-size:.75rem;line-height:1.5;padding:4px 8px;border:1px solid var(--cdb-border);border-radius:999px;color:var(--cdb-muted);text-decoration:none;margin:0}.badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.featured-badge{color:var(--cdb-accent)}.status-wip{color:var(--cdb-green)}.status-paused{color:var(--cdb-yellow)}.status-archived{color:var(--cdb-muted)}.text-button{padding:0;border:0;background:none;font-size:inherit;color:var(--cdb-muted)}
/* 03 — Fixed sidebar and editable Navigation blocks. */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);height:100dvh;padding:28px 20px 24px;border-right:1px solid var(--cdb-border);overflow-y:auto;overflow-x:hidden;background:var(--cdb-surface);z-index:50;font-size:.875rem;line-height:1.5;display:flex;flex-direction:column;gap:0}.sidebar>*{margin-block-start:0!important}.sidebar-identity{position:relative}.brand{font-size:.9375rem;font-weight:550;color:var(--cdb-text);text-decoration:none;letter-spacing:-.06em}.sidebar-identity>.icon-button{position:absolute;right:-8px;top:-8px}.profile{display:flex;align-items:center;gap:12px;margin:32px 0}.avatar{border-radius:999px;width:44px;height:44px;object-fit:cover;flex-shrink:0}.identity-copy strong{font-weight:500}.identity-copy p{color:var(--cdb-muted);font-size:.75rem;margin:4px 0 0}.sidebar .wp-block-navigation{width:100%}.sidebar .wp-block-navigation__container{width:100%;gap:4px!important}.sidebar .wp-block-navigation-item{display:block;width:100%;margin:0}.sidebar .wp-block-navigation-item__content{position:relative;display:flex!important;align-items:center;gap:12px;width:100%;min-height:40px;padding:8px;border-radius:6px;text-decoration:none;color:var(--cdb-muted);transition:background 160ms ease-out}.sidebar .wp-block-navigation-item__content:hover,.sidebar .current-menu-item>.wp-block-navigation-item__content{background:var(--cdb-border);color:var(--cdb-text)}.sidebar .current-menu-item>.wp-block-navigation-item__content:before{content:'';position:absolute;left:-20px;width:2px;height:20px;background:var(--cdb-accent)}.sidebar kbd{margin-left:auto;color:var(--cdb-muted);font-size:.6875rem;border:1px solid var(--cdb-border);border-radius:4px;padding:1px 5px;background:var(--cdb-bg)}.sidebar-label{font-size:.6875rem!important;letter-spacing:.05em!important;font-weight:400!important;color:var(--cdb-muted);margin:28px 8px 12px!important}.external-arrow{margin-left:auto}.sidebar-version{font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted);text-decoration:none;margin:32px 8px 0;display:block}.sidebar .category-sidebar{display:grid;gap:4px}.category-sidebar a{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cdb-muted);padding:6px 8px;min-height:40px;border-radius:6px}.category-sidebar a:hover{background:var(--cdb-border)}.category-sidebar img,.category-sidebar .category-letter{width:24px;height:24px;border-radius:999px;object-fit:cover;flex-shrink:0}.category-sidebar .category-name{font-family:inherit;font-size:.8125rem}.category-letter{display:flex;align-items:center;justify-content:center;background:#dbe6e2;color:#254239;font-size:.75rem}.tone-1{background:#eadcda;color:#733f38}.tone-2{background:#dce0ed;color:#3d4770}.drawer-close{display:none!important}.mobile-brand,.mobile-only{display:none!important}
/* 04 — Layout, hero and content sections. */
.site-toolbar{margin:0 0 0 var(--sidebar)!important;padding:16px 32px 0}.toolbar{display:flex;justify-content:flex-end}.toolbar-actions{display:flex;gap:4px}.site-main{max-width:1208px;margin:0 auto 0 var(--sidebar)!important;padding:48px 64px 64px;min-height:70vh}.site-main>*{margin-block-start:0}.section{margin-top:64px!important}.section>h2{font-size:1.25rem;font-weight:550;letter-spacing:-.025em;margin-bottom:24px}.intro{display:flex;align-items:center;gap:32px;margin:0 0 64px!important}.intro-copy{flex:1;min-width:0;max-width:68ch}.intro-copy h1{font-size:clamp(2.2rem,1.6rem + 2vw,3.5rem);line-height:1.12;margin:0 0 24px;font-weight:550;letter-spacing:-.045em}.intro-copy>p:last-child{font-size:1.0625rem;color:var(--cdb-muted);line-height:1.8;margin-bottom:0}.hero-stack{width:280px;height:248px;position:relative;flex-shrink:0;margin:0 8px}.hero-stack img{position:absolute;object-fit:cover;width:170px;height:230px;border-radius:8px;border:1px solid var(--cdb-border);top:8px;left:0;transform:rotate(-8deg)}.hero-stack img:nth-child(2){left:100px;top:16px;transform:rotate(8deg)}.site-footer{margin:0 64px 0 calc(var(--sidebar) + 64px)!important;padding:24px 0 32px;max-width:1080px;border-top:1px solid var(--cdb-border);font-size:.75rem;font-family:var(--mono);color:var(--cdb-muted);display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap}.site-footer div{display:flex;gap:16px;flex-wrap:wrap}.site-footer a{color:var(--cdb-muted);text-decoration:none}.section-link{display:inline-block;margin-top:24px;font-size:.875rem;color:var(--cdb-muted);text-decoration:none}.section-link:hover{color:var(--cdb-accent)}
/* 05 — Grouped archive, cards and categories. */
.posts-table{width:100%;margin-top:24px}.table-labels{display:grid;grid-template-columns:64px 72px 1fr;padding:0 12px 12px;font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted)}.post-rows{list-style:none;margin:0;padding:0}.post-row{display:grid;grid-template-columns:64px 1fr;padding:0 12px;border-top:1px solid var(--cdb-border);align-items:baseline;transition:background 160ms ease-out}.post-row:last-child{border-bottom:1px solid var(--cdb-border)}.post-row:hover{background:var(--cdb-surface)}.row-year{color:var(--cdb-muted);font-size:.75rem}.row-link{display:grid;grid-template-columns:72px 1fr 16px;align-items:baseline;gap:0;color:var(--cdb-text);text-decoration:none;padding:19px 0;font-size:.9375rem;line-height:1.65}.row-link time{font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted)}.row-title{padding-right:16px}.row-arrow{color:var(--cdb-muted);font-size:.875rem;opacity:0;transition:opacity 160ms ease-out}.row-link:hover .row-arrow,.row-link:focus-visible .row-arrow{opacity:1}.film-poster{display:none}.cards-grid,.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0}.projects-grid>li{margin:0!important}.post-card,.project-card,.film-card{height:100%;border:1px solid var(--cdb-border);border-radius:8px;overflow:hidden;background:var(--cdb-bg)}.post-card img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}.card-body{padding:20px}.post-card h3,.project-card h3,.film-card h3{font-size:1.0625rem;line-height:1.5;font-weight:500;letter-spacing:-.015em;margin:16px 0}.post-card h3 a,.project-card h3 a,.film-card h3 a{color:var(--cdb-text);text-decoration:none}.post-card h3 a:hover,.project-card h3 a:hover{color:var(--cdb-accent)}.post-card .meta{font-size:.6875rem;display:flex;flex-wrap:wrap;gap:8px;margin:0}.project-card p{font-size:.875rem;line-height:1.7;color:var(--cdb-muted)}.project-card .badge{font-size:.6875rem}.project-card .status-wip{color:var(--cdb-green)}.project-card .status-paused{color:var(--cdb-yellow)}.project-card .wp-block-post-excerpt__more-text{display:none}.project-card .wp-element-button{font-size:.75rem;padding:8px 12px;background:var(--cdb-surface);color:var(--cdb-text);border:1px solid var(--cdb-border);text-decoration:none}.project-card .wp-block-post-featured-image{margin:0}.demo-project{padding:24px}.tech-chips{display:flex;flex-wrap:wrap;gap:6px;font-size:.6875rem!important}.tech-chip{border:1px solid var(--cdb-border);padding:3px 8px;border-radius:999px}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-cards a{position:relative;display:block;min-height:120px;aspect-ratio:1.7;overflow:hidden;border-radius:8px;background:#171717;color:white}.category-cards img{width:100%;height:100%;object-fit:cover}.category-cards .category-letter{width:100%;height:100%;font-size:3rem}.category-cards .category-name{position:absolute;bottom:12px;left:12px;right:12px;z-index:1;font-size:.75rem;color:#fff;background:#171717;padding:4px 8px;border-radius:4px;width:fit-content;max-width:calc(100% - 24px)}.category-chips{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px}.category-chips a{padding:6px 12px;border:1px solid var(--cdb-border);border-radius:999px;color:var(--cdb-muted);font-size:.75rem;text-decoration:none}.category-chips a[aria-current],.category-chips a:hover{border-color:var(--cdb-accent);color:var(--cdb-accent)}.pagination{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0;font-size:.875rem}.pagination .page-numbers{padding:6px 10px;border:1px solid var(--cdb-border);border-radius:6px}.pagination .current{border-color:var(--cdb-accent)}.view-switch{display:flex;gap:8px}.view-switch button{font-size:.75rem}.view-switch button[aria-pressed=true]{background:var(--cdb-text);color:var(--cdb-bg)}.posts-table.is-grid .table-labels,.posts-table.is-grid .row-year{display:none}.posts-table.is-grid .post-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.posts-table.is-grid .post-row{display:block;border:0;padding:0}.posts-table.is-grid .row-link{display:flex;flex-direction:column;padding:0}.posts-table.is-grid .film-poster{display:block;order:-1;aspect-ratio:2/3;width:100%;background:var(--cdb-surface);border:1px solid var(--cdb-border);border-radius:8px;overflow:hidden;margin-bottom:12px}.film-poster img{width:100%;height:100%;object-fit:cover}.film-poster>span{height:100%;display:grid;place-items:center}.posts-table.is-grid .row-arrow{display:none}
/* 06 — Editorial reading, code, footnotes, contents and print. */
.article-shell{position:relative;max-width:760px;margin:0 auto!important}.post-heading{margin-bottom:32px}.post-heading h1{margin:16px 0 24px}.post-meta{display:flex;flex-wrap:wrap;gap:8px 20px}.article-cover{margin:32px -16px!important}.article-cover img{border-radius:8px}.reading-content,.wp-block-post-content{font-size:clamp(1.0625rem,1rem + .2vw,1.125rem);line-height:1.7}.reading-content .wp-block-post-content>*{max-width:68ch;margin-left:auto;margin-right:auto}.reading-content h2,.reading-content h3{scroll-margin-top:96px;margin-top:48px;margin-bottom:24px}.reading-content h2{font-size:1.75rem}.reading-content h3{font-size:1.375rem}.reading-content p{margin-bottom:24px}.wp-block-quote{border-left:2px solid var(--cdb-accent);padding:4px 0 4px 24px;margin:32px 0}.wp-block-quote p{font-size:1.125rem}.wp-block-quote cite,.wp-block-pullquote cite{font-family:var(--mono);font-style:normal;font-size:.75rem;color:var(--cdb-muted)}.wp-block-pullquote{border-block:1px solid var(--cdb-border);padding:32px 16px;margin:48px auto}.wp-block-pullquote blockquote{margin:0}.wp-block-pullquote p{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.5;letter-spacing:-.025em}.wp-block-image figcaption,.wp-element-caption{font-family:var(--mono);color:var(--cdb-muted);font-size:.75rem;line-height:1.6;margin-top:12px;text-align:left}.wp-block-code,pre{font-family:var(--mono);font-size:.8125rem;line-height:1.8;overflow:auto;padding:24px;border:1px solid var(--cdb-border);background:var(--cdb-surface);border-radius:8px}code{font-family:var(--mono)}p code,li code{font-size:.85em;background:var(--cdb-surface);padding:2px 4px;border:1px solid var(--cdb-border);border-radius:4px}.wp-block-footnotes{font-size:.8125rem;color:var(--cdb-muted);border-top:1px solid var(--cdb-border);padding-top:24px}.wp-block-footnotes li{margin-bottom:12px}.wp-block-details{border:1px solid var(--cdb-border);border-radius:8px;padding:16px 24px}.wp-block-details summary{cursor:pointer;color:var(--cdb-accent)}.wp-block-details[open] summary{margin-bottom:24px}.is-style-thin-border{padding:8px;border:1px solid var(--cdb-border);border-radius:8px}.tag-list{margin:48px 0 24px;font-family:var(--mono);font-size:.75rem}.share-area{padding:24px 0}.share-area button{font-size:.8125rem}.copy-feedback{font-size:.8125rem;margin:12px 0}.permalink{font-size:.75rem;overflow-wrap:anywhere}.js .permalink{display:none}.js .share-area.copy-failed .permalink{display:block}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:32px 0;border-block:1px solid var(--cdb-border);padding:24px 0;font-size:.875rem}.reading-progress{position:fixed;top:0;left:var(--sidebar);width:calc(100% - var(--sidebar));height:2px;background:var(--cdb-accent);z-index:60;transform:scaleX(0);transform-origin:left}.toc-shell{display:none}.toc{font-family:var(--mono);font-size:.6875rem;line-height:1.6}.toc h2{font-size:.6875rem;color:var(--cdb-muted);font-weight:400;margin-bottom:16px}.toc a{display:block;text-decoration:none;color:var(--cdb-muted);border-left:1px solid var(--cdb-border);padding:6px 0 6px 12px}.toc a.subheading{padding-left:24px}.toc a[aria-current]{color:var(--cdb-accent);border-left-color:var(--cdb-accent)}.wp-block-comments{max-width:760px;margin:64px auto 0!important}.wp-block-comments h2{font-size:1.25rem}.comment-entry{border-bottom:1px solid var(--cdb-border);padding:24px 0}.comment-form textarea{width:100%}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{max-width:100%}.comment-form label{display:block;font-size:.875rem}.comment-form-cookies-consent label{display:inline}.is-style-table-list .wp-block-post-template{display:block}.is-style-table-list .wp-block-post{display:flex;align-items:baseline;gap:24px;border-top:1px solid var(--cdb-border);padding:16px 0}.is-style-table-list .wp-block-post-title{font-size:1rem}.is-style-table-list .wp-block-post-date{font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted)}
/* 07 — Secondary pages and modal controls. */
.page-layout>h1{max-width:900px;margin-bottom:40px}.page-layout>.wp-block-post-content{max-width:900px}.bookmark-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--cdb-border)}.bookmark-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;border-radius:8px;background:var(--cdb-surface);border:1px solid var(--cdb-border);font-family:var(--mono);color:var(--cdb-accent)}.bookmark-copy h2{font-size:1.125rem;margin:0 0 4px}.bookmark-copy h2 a{color:var(--cdb-text);text-decoration:none}.bookmark-copy p{font-size:.9375rem;margin:8px 0 0}.bookmark-copy .meta{font-size:.75rem}.now-section{border-block:1px solid var(--cdb-border);padding:32px 0;margin:48px 0}.link-bio{width:min(100% - 48px,420px);margin:48px auto 64px!important;text-align:center;min-height:60vh}.link-bio h1{font-size:2rem}.link-bio .wp-block-site-logo{display:flex;justify-content:center;margin-bottom:24px}.link-bio .wp-block-site-logo img{border-radius:999px}.link-bio .wp-block-buttons{width:100%}.link-bio .wp-element-button{display:block;width:100%;text-align:left;padding:16px 24px;background:var(--cdb-surface);color:var(--cdb-text);border:1px solid var(--cdb-border);text-decoration:none}.wp-site-blocks:has(.link-bio) .site-toolbar{margin-left:0!important}.wp-site-blocks:has(.link-bio) .site-footer{max-width:560px;margin:0 auto!important;padding:24px}.wp-site-blocks:has(.link-bio) [data-menu]{display:none!important}.error-page{padding-top:96px}.terminal-title{font-family:var(--mono);font-size:clamp(1.75rem,2.4vw,2.75rem)!important;line-height:1.5!important}.wp-block-search__input{border-color:var(--cdb-muted);border-radius:6px}.wp-block-search__button{background:var(--cdb-text);color:var(--cdb-bg);border-radius:6px}.wp-block-search__label{font-family:var(--mono);font-size:.875rem}.drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:80}dialog{color:var(--cdb-text);background:var(--cdb-bg);border:1px solid var(--cdb-border);border-radius:8px;width:min(600px,calc(100% - 32px));max-height:80dvh;overflow:auto;padding:24px}dialog::backdrop{background:rgba(0,0,0,.55)}dialog:not([open]){display:none}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:1.25rem;margin:0}dialog form{display:flex;gap:8px}dialog input[type=search]{min-width:0;flex:1}#search-status{font-size:.8125rem;color:var(--cdb-muted);margin:16px 0}#cdb-results{list-style:none;padding:0;margin:0 0 24px}#cdb-results a{display:block;padding:12px;border-radius:6px;font-size:.9375rem;color:var(--cdb-text);text-decoration:none}#cdb-results a:focus,#cdb-results a:hover{background:var(--cdb-surface)}.shortcut-list{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:.875rem}.shortcut-list dd{margin:0}.shortcut-setting{display:block;font-size:.8125rem;margin:24px 0}.shortcut-setting input{accent-color:var(--cdb-accent)}
/* 08 — Responsive and collapsed navigation. */
@media(min-width:1480px){.site-main{margin-left:calc(var(--sidebar) + (100vw - var(--sidebar) - 1208px)/2)!important}.site-footer{margin-left:calc(var(--sidebar) + (100vw - var(--sidebar) - 1080px)/2)!important}}
@media(min-width:1280px){.single-layout .article-shell{max-width:calc(100% - 210px);margin-left:0!important}.toc-shell{display:block;position:absolute;top:0;bottom:0;right:-210px;width:170px}.toc{position:sticky;top:88px;max-height:calc(100dvh - 120px);overflow:auto}}
@media(min-width:1024px){:root[data-sidebar=collapsed]{--sidebar:64px}:root[data-sidebar=collapsed] .sidebar{padding:24px 12px}:root[data-sidebar=collapsed] .brand,:root[data-sidebar=collapsed] .identity-copy,:root[data-sidebar=collapsed] .sidebar-label,:root[data-sidebar=collapsed] .sidebar-version,:root[data-sidebar=collapsed] .sidebar kbd,:root[data-sidebar=collapsed] .sidebar .external-arrow,:root[data-sidebar=collapsed] .sidebar .category-name,:root[data-sidebar=collapsed] .wp-block-navigation-item__label{display:none}:root[data-sidebar=collapsed] .profile{margin:40px 0 24px}:root[data-sidebar=collapsed] .avatar{width:36px;height:36px}:root[data-sidebar=collapsed] .sidebar-identity>.icon-button{right:0;top:-12px}:root[data-sidebar=collapsed] .sidebar .wp-block-navigation-item__content{padding:10px}:root[data-sidebar=collapsed] .category-sidebar{margin:20px 0}:root[data-sidebar=collapsed] .category-sidebar a{padding:8px}:root[data-sidebar=collapsed] .social-nav{margin-top:20px!important}:root[data-sidebar=collapsed] .wp-block-navigation-item__content:hover:after,:root[data-sidebar=collapsed] .wp-block-navigation-item__content:focus-visible:after{content:attr(title);position:fixed;left:72px;padding:6px 12px;background:var(--cdb-text);color:var(--cdb-bg);font-size:.75rem;border-radius:6px;white-space:nowrap;z-index:100}}
@media(max-width:1279px){.site-main{padding:40px 40px 64px}.site-footer{margin-left:calc(var(--sidebar) + 40px)!important;margin-right:40px!important}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-stack{width:220px;height:220px}.hero-stack img{width:144px;height:200px}.hero-stack img:nth-child(2){left:72px}.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1023px){:root{--sidebar:0px}.sidebar{position:relative;width:100%;height:auto;padding:24px}.sidebar-identity>.desktop-only{display:none!important}.sidebar .primary-nav .wp-block-navigation__container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.js .sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,calc(100% - 40px));height:100dvh;z-index:90;transform:translateX(-105%);visibility:hidden;transition:transform 180ms ease-out}.js .sidebar.is-open{transform:translateX(0);visibility:visible}.js .sidebar .primary-nav .wp-block-navigation__container{display:flex}.js .drawer-close{display:inline-flex!important}.mobile-brand{display:block}.js .mobile-only{display:inline-flex!important}.site-toolbar{padding:12px 24px!important;position:sticky;top:0;background:var(--cdb-bg);border-bottom:1px solid var(--cdb-border);z-index:40;margin:0!important}.toolbar{justify-content:space-between;align-items:center}.site-main{margin:0!important;padding:48px 32px 64px;max-width:none}.site-footer{margin:0 32px!important}.sidebar [data-collapse]{display:none!important}.reading-progress{top:64px;width:100%;left:0}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{gap:24px}.article-shell{max-width:760px}.admin-bar .site-toolbar{top:32px}}
@media(max-width:767px){.intro{display:block}.hero-stack{margin:40px auto 0;width:260px}.hero-stack img:nth-child(2){left:110px}.hero-stack img{width:150px}.site-main{padding:40px 24px 48px}.section{margin-top:48px!important}.site-footer{margin:0 24px!important}.intro-copy h1{font-size:2.25rem}.intro-copy>p:last-child{font-size:1rem}.table-labels{grid-template-columns:44px 52px 1fr;padding-inline:0}.post-row{grid-template-columns:44px 1fr;padding:0}.row-link{grid-template-columns:52px 1fr;font-size:.875rem}.row-arrow{display:none}.row-title{padding-right:0}.row-year,.row-link time{font-size:.6875rem}.cards-grid{grid-template-columns:1fr 1fr}.card-body{padding:16px}.post-card h3{font-size:.9375rem}.post-card .meta{display:block}.post-card .meta span{display:block}.projects-grid{grid-template-columns:1fr}.posts-table.is-grid .post-rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.post-heading h1{font-size:2rem}.article-cover{margin:24px 0!important}.post-navigation{grid-template-columns:1fr}.shortcut-list{grid-template-columns:110px 1fr}.admin-bar .site-toolbar{top:46px}}
@media(max-width:420px){.cards-grid{grid-template-columns:1fr}.post-card img{aspect-ratio:2}.category-cards{gap:8px}.category-cards a{min-height:100px}}
.admin-bar .sidebar{top:32px;height:calc(100dvh - 32px)}.admin-bar .reading-progress{top:32px}@media(max-width:782px){.admin-bar .sidebar{top:46px;height:calc(100dvh - 46px)}.admin-bar .reading-progress{top:110px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.site-toolbar,.site-footer,.reading-progress,.toc-shell,.share-area,.post-navigation,.related,.wp-block-comments,dialog,.skip-link,.drawer-overlay{display:none!important}:root{--sidebar:0px;--cdb-bg:#fff;--cdb-text:#000;--cdb-muted:#333;--cdb-accent:#000;--cdb-border:#ccc}body{font-size:12pt}.site-main,.article-shell,.single-layout .article-shell{margin:0!important;padding:0!important;max-width:100%!important;min-height:0}.wp-block-post-content{font-size:12pt}a{color:#000}a[href^=http]:after{content:' (' attr(href) ')';font-size:9pt;overflow-wrap:anywhere}img{max-height:18cm;object-fit:contain}h2,h3{break-after:avoid}blockquote,figure{break-inside:avoid}}
/* Editor mirrors the reading palette without the fixed site shell. */
.editor-styles-wrapper{background:var(--cdb-bg);color:var(--cdb-text);font-family:Geist,system-ui,sans-serif}.editor-styles-wrapper .sidebar{position:relative;height:auto;width:260px}.editor-styles-wrapper .site-main{margin:0!important}.editor-styles-wrapper .hero-stack{min-height:220px}

@media(min-width:1024px){.js .icon-button.mobile-only,.js .icon-button.drawer-close{display:none!important}}

.category-section:not(:has(.category-cards)){display:none}

/* Template-part wrappers must not add flow spacing to fixed site chrome. */
.wp-site-blocks>.wp-block-template-part{margin-block-start:0!important}
#wp-skip-link{display:none!important}
@media(max-width:1023px){.mobile-brand{display:block!important}.js .sidebar .icon-button[data-collapse]{display:none!important}}

.wp-block-site-logo .avatar{width:80px;height:80px}

/* 09 — v3: current page, breadcrumbs, film card, diary table, author box, feeds, reading extras. */
.sidebar .current-menu-item>.wp-block-navigation-item__content{background:var(--cdb-border);color:var(--cdb-text)}
.sidebar [aria-current]{font-weight:500}
.sidebar .social-nav .wp-block-navigation-item__content{min-height:36px}
.intro-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 0!important;font-family:var(--mono);font-size:.8125rem}
.intro-links a{color:var(--cdb-muted);text-decoration:none}.intro-links a:hover{color:var(--cdb-accent)}
.empty-note{color:var(--cdb-muted)}
.breadcrumbs{margin:0 0 24px;font-family:var(--mono);font-size:.75rem}
.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0;color:var(--cdb-muted)}
.breadcrumbs li+li:before{content:'/';margin-right:8px;color:var(--cdb-subtle)}
.breadcrumbs a{color:var(--cdb-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--cdb-accent)}
.breadcrumbs [aria-current]{color:var(--cdb-text);max-width:36ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stars{color:var(--cdb-accent);letter-spacing:.08em;white-space:nowrap}
.film-meta{margin:24px 0 0;padding:20px 24px;border:1px solid var(--cdb-border);border-radius:8px;background:var(--cdb-surface)}
.film-meta-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.film-meta-head .cdb-icon{color:var(--cdb-accent)}
.film-meta-title{margin:0;flex:1;min-width:12ch;font-weight:550;font-size:1.0625rem;letter-spacing:-.02em;line-height:1.4}.film-meta-rating{margin:0;font-size:1rem}
.film-meta dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px 24px;margin:16px 0 0}
.film-meta dt,.film-stats dt{font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted)}.film-meta dd{margin:2px 0 0;font-size:.9375rem;line-height:1.5}
.film-meta-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin:16px 0 0;font-family:var(--mono);font-size:.75rem}.film-meta-links a{text-underline-offset:4px}
.film-stats{display:flex;flex-wrap:wrap;gap:16px 40px;margin:24px 0 8px;padding:16px 0;border-block:1px solid var(--cdb-border)}.film-stats dd{margin:2px 0 0;font-size:1.125rem;font-weight:500}
.posts-table.is-film .table-labels{grid-template-columns:64px 72px 1fr 170px 76px 16px}
.posts-table.is-film .row-link{grid-template-columns:72px 1fr 170px 76px 16px}
.row-director{font-size:.8125rem;color:var(--cdb-muted);padding-right:12px}.row-rating{font-size:.8125rem}
.posts-table.is-grid .row-director,.posts-table.is-grid .row-rating{padding:0;margin-top:4px}
.author-box{display:flex;gap:16px;margin:32px 0;padding:24px;border:1px solid var(--cdb-border);border-radius:8px;background:var(--cdb-surface);font-size:.9375rem;line-height:1.7}
.author-box p{margin:0 0 8px}.author-box .author-name{margin-bottom:4px}.author-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0!important}.author-links a{color:var(--cdb-muted);text-decoration:none}.author-links a:hover{color:var(--cdb-accent)}
.feed-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--cdb-border)}.feed-list li{border-bottom:1px solid var(--cdb-border)}
.feed-list a{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:16px 12px;color:var(--cdb-text);text-decoration:none;font-size:.9375rem}.feed-list a:hover{background:var(--cdb-surface)}
.feed-desc{display:block;margin-top:2px;color:var(--cdb-muted);font-size:.8125rem}.feed-meta{display:flex;gap:12px;align-items:baseline;font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted);white-space:nowrap}
.reading-content h2,.reading-content h3{position:relative}
.heading-anchor{position:absolute;left:-1.1em;top:0;padding-right:.3em;opacity:0;color:var(--cdb-subtle);font-family:var(--mono);font-weight:400;text-decoration:none}
.reading-content h2:hover .heading-anchor,.reading-content h3:hover .heading-anchor,.heading-anchor:focus-visible{opacity:1}
.code-wrap{position:relative;margin:32px 0}.code-wrap pre{margin:0}
.code-copy{position:absolute;top:8px;right:8px;padding:4px 10px;font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted);opacity:0;transition:opacity 160ms ease-out}
.code-wrap:hover .code-copy,.code-copy:focus-visible{opacity:1}
.toc-inline{margin:0 0 32px;padding:4px 16px;border:1px solid var(--cdb-border);border-radius:8px;background:var(--cdb-surface);font-size:.875rem}
.toc-inline summary{cursor:pointer;padding:10px 0;font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted)}
.toc-inline .toc{padding:4px 0 12px}.toc-inline .toc a{font-size:.75rem}
.reading-content table,.wp-block-table table{width:100%;border-collapse:collapse;font-size:.9375rem}
.wp-block-table{margin:32px 0;overflow-x:auto}.wp-block-table th,.wp-block-table td{padding:10px 12px;border-bottom:1px solid var(--cdb-border);text-align:left;vertical-align:top}
.wp-block-table thead th{font-family:var(--mono);font-size:.6875rem;font-weight:400;color:var(--cdb-muted);border-bottom-color:var(--cdb-muted)}
.wp-block-table figcaption{font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted);margin-top:8px}
.wp-block-separator{border:0;border-top:1px solid var(--cdb-border);margin:48px 0}
.reading-content .wp-block-list{padding-left:1.25em;margin-bottom:24px}.reading-content li{margin-bottom:8px}
.site-footer a:hover{color:var(--cdb-accent)}
@media(min-width:1280px){.toc-inline{display:none}}
@media(max-width:767px){
 .posts-table.is-film .table-labels{grid-template-columns:44px 52px 1fr}.label-director,.label-rating,.row-director{display:none}
 .posts-table.is-film .row-link{grid-template-columns:52px 1fr auto}.posts-table.is-film.is-grid .row-link{display:flex}
 .film-meta{padding:16px}.author-box{flex-direction:column;padding:20px}.feed-list a{flex-direction:column;gap:6px}.breadcrumbs [aria-current]{max-width:22ch}
}
@media print{.author-box,.breadcrumbs,.toc-inline,.code-copy,.heading-anchor{display:none!important}}
.post-heading h1{font-size:clamp(2rem,1.45rem + 1.5vw,2.75rem);line-height:1.15}.page-layout>h1,.site-main>.wp-block-query-title{font-size:clamp(2rem,1.5rem + 1.6vw,2.75rem)}
.site-main h1.mono{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem)}
.post-navigation>*:last-child{text-align:right}
@media(min-width:1280px){.single-layout .wp-block-comments,.single-layout .related{margin-left:0!important;margin-right:0!important;max-width:calc(100% - 210px)}.single-layout .related{max-width:none}}
.page-projeler>.wp-block-post-content{max-width:1080px}.page-projeler>.wp-block-post-content>*{max-width:none}.page-projeler>.wp-block-post-content>p{max-width:68ch;margin-left:0!important}
.page-projeler .feed-section{margin-top:64px!important}
.page-layout .wp-block-post-content h2{font-size:clamp(1.25rem,1.1rem + .6vw,1.5rem);margin:48px 0 16px}.page-layout .wp-block-post-content h3{font-size:1.125rem;margin:32px 0 8px}
.page-layout .wp-block-post-content .wp-block-list{padding-left:1.25em;margin-bottom:24px}
.bookmark-item>*,.intro>*,.author-box>*,.film-meta-head>*{margin-block-start:0!important}
.link-bio .wp-block-buttons{flex-direction:column;align-items:stretch;gap:12px}.link-bio .wp-block-button{width:100%}.link-bio .wp-block-button .wp-element-button{box-sizing:border-box}.link-bio .wp-element-button:hover{border-color:var(--cdb-accent)}
/* v3 fixes: code stays on one line and scrolls; the mobile toolbar sticks (its wrapper, not the inner group, must be sticky). */
.wp-block-code,.wp-block-code code,pre.wp-block-code{white-space:pre;word-break:normal;overflow-wrap:normal}.wp-block-code{overflow-x:auto}
@media(max-width:1023px){.site-toolbar{position:static!important}.wp-block-template-part:has(>.site-toolbar){position:sticky;top:0;z-index:40}.admin-bar .wp-block-template-part:has(>.site-toolbar){top:32px}}
@media(max-width:782px){.admin-bar .wp-block-template-part:has(>.site-toolbar){top:46px}}
@media(max-width:600px){.admin-bar .wp-block-template-part:has(>.site-toolbar){top:0}}
@media(max-width:600px){.admin-bar .reading-progress{top:64px}}
@media(max-width:600px){.admin-bar .sidebar{top:0;height:100dvh}}

/* 10 — film günlüğü: afişler, şerit, filtreler, istatistikler, tek kayıt. */
.poster-img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:6px;background:var(--cdb-surface)}
.poster-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;aspect-ratio:2/3;width:100%;padding:12px;text-align:center;border:1px solid var(--cdb-border);border-radius:6px;background:var(--cdb-surface);color:var(--cdb-muted);font-size:.75rem;line-height:1.4;overflow:hidden}
.heart{color:var(--cdb-accent)}
.row-film-year{margin-left:6px;font-family:var(--mono);font-size:.75rem;color:var(--cdb-muted)}
.posts-table.is-log.is-grid .post-rows{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 16px}
.posts-table.is-log.is-grid .post-row{padding:0}
.posts-table.is-log.is-grid .film-poster{border:0;background:none;border-radius:6px;margin-bottom:8px;overflow:visible}
.posts-table.is-log.is-grid .film-poster>span.poster-fallback{display:flex;height:auto}
.posts-table.is-log.is-grid .row-link time,.posts-table.is-log.is-grid .row-director{display:none}
.posts-table.is-log.is-grid .row-title{font-size:.8125rem;line-height:1.35;padding:0}
.posts-table.is-log.is-grid .row-film-year{display:block;margin:2px 0 0}
.posts-table.is-log.is-grid .row-rating{font-size:.75rem;margin-top:4px}
.posts-table.is-log.is-grid .row-link:hover .poster-img,.posts-table.is-log.is-grid .row-link:focus-visible .poster-img,.poster-strip a:hover .poster-img,.poster-strip a:focus-visible .poster-img{outline:2px solid var(--cdb-accent);outline-offset:2px}
.poster-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n,6),minmax(0,1fr));gap:20px 14px}
.poster-strip li{margin:0}.poster-strip a{display:block;color:var(--cdb-text);text-decoration:none}
.poster-strip .poster{display:block;margin-bottom:8px}.poster-strip .poster-title{display:block;font-size:.8125rem;line-height:1.35}.poster-strip .poster-meta{display:block;margin-top:2px;font-size:.75rem}
.filmlog-filters{display:grid;gap:12px;margin:24px 0 8px}.filter-group{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.filter-label{min-width:44px;font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted)}
.filmlog-filters .category-chips{margin:0}.chip-count{margin-left:4px;font-size:.6875rem;opacity:.65}
.filmlog-stats{margin-bottom:8px}.filmlog-stats .film-stats{margin-bottom:0;border-bottom:0}
.rating-bars ul{list-style:none;display:flex;gap:8px;margin:20px 0 8px;padding:0}
.rating-bars li{flex:1;min-width:0;display:grid;grid-template-rows:96px auto auto;gap:6px;margin:0;text-align:center}
.rating-bars .bar{display:block;align-self:end;width:100%;min-height:2px;background:var(--cdb-accent);border-radius:3px 3px 0 0;opacity:.85}
.rating-bars .bar-label{font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted)}.rating-bars .bar-count{font-family:var(--mono);font-size:.625rem;color:var(--cdb-subtle)}
.director-line{margin:8px 0 0}
.filmlog-head{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:32px;margin:24px 0 40px;align-items:start}
.filmlog-poster .poster-img,.filmlog-poster .poster-fallback{border:1px solid var(--cdb-border)}
.filmlog-info .facts{margin:0 0 12px}.filmlog-rating{margin:0 0 20px;font-size:1.5rem}.filmlog-info dl{display:grid;gap:12px;margin:0 0 20px}
.filmlog-info dt{font-family:var(--mono);font-size:.6875rem;color:var(--cdb-muted)}.filmlog-info dd{margin:2px 0 0;font-size:.9375rem}
.filmlog-single .article-shell{max-width:860px}.filmlog-single .reading-content{margin-top:8px}
.tmdb-note{margin:48px 0 0;max-width:68ch;font-size:.6875rem;line-height:1.7}.tmdb-note a{color:var(--cdb-muted)}
.section-link-line{margin:16px 0}
@media(max-width:1279px){.posts-table.is-log.is-grid .post-rows{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1023px){.posts-table.is-log.is-grid .post-rows{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.posts-table.is-log.is-grid .post-rows{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 10px}.poster-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.filmlog-head{grid-template-columns:120px 1fr;gap:16px}.filmlog-rating{font-size:1.25rem}.rating-bars li{grid-template-rows:72px auto auto}.rating-bars ul{gap:4px}.rating-bars .bar-count{display:none}}
@media(max-width:420px){.poster-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media print{.filmlog-filters,.rating-bars,.poster-strip{display:none!important}}