/* Shared Digily visual system: Blog and AI use the same tokens and navigation. */
:root{--site-bg:#0a0f1c;--site-surface:#121a2a;--site-text:#f4f7fb;--site-muted:#a4afc1;--site-copy:#c9d1de;--site-line:#293345;--site-accent:#4fb797;--site-fill:#4fb797;--site-ink:#04121a;--site-radius:24px;--site-font:'Product Sans',ProductSans,sans-serif}
html[data-theme=light]{--site-bg:#f7f9fb;--site-surface:#eaf0f4;--site-text:#0a0f1c;--site-muted:#536276;--site-copy:#334357;--site-line:#cdd7df;--site-accent:#22765d}
.digily-site{background:var(--site-bg)!important;color:var(--site-text)!important;font-family:var(--site-font);-webkit-font-smoothing:antialiased;transition:background-color .22s ease,color .22s ease}
.digily-site ::selection{background:var(--site-fill);color:var(--site-ink)}
.digily-site a:focus-visible,.digily-site button:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}
.site-shell{max-width:1408px;margin:auto;padding:48px 48px 64px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-bottom:28px;border-bottom:1px solid var(--site-line);margin-bottom:44px}
.site-brand{color:var(--site-text);font-size:32px;font-weight:700;line-height:1;text-decoration:none;letter-spacing:-.035em}.site-brand span{color:var(--site-accent)}
.site-primary-nav{display:flex;gap:8px;align-items:center}.site-primary-nav a{font-size:16px;padding:12px 18px;border-radius:var(--site-radius);color:var(--site-muted);text-decoration:none;transition:color .18s ease,background-color .18s ease}.site-primary-nav a:hover,.site-primary-nav a[aria-current]{color:var(--site-accent);background:var(--site-surface)}
.digily-site .theme-picker{display:flex;gap:2px;border:1px solid var(--site-line);border-radius:var(--site-radius);padding:3px}.digily-site .theme-picker button{font:inherit;font-size:13px;min-height:36px;background:transparent;color:var(--site-muted);border:0;border-radius:var(--site-radius);padding:8px 14px;cursor:pointer}.digily-site .theme-picker button[aria-pressed=true]{background:var(--site-surface);color:var(--site-accent)}
.portfolio-main{max-width:920px;margin:64px auto 0}.portfolio-main h1{font-size:clamp(40px,5vw,64px);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--site-text);text-wrap:balance}.portfolio-main .text-neutral-900,.portfolio-main .dark\:text-white{color:var(--site-text)!important}.portfolio-main .text-neutral-400,.portfolio-main .text-neutral-500,.portfolio-main .dark\:text-neutral-400,.portfolio-main .dark\:text-neutral-500{color:var(--site-muted)!important}
.digily-site .category-nav{gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid var(--site-line)}.digily-site .category-nav-item{padding:10px 16px;line-height:1.4;border-radius:var(--site-radius);font-size:15px;color:var(--site-muted)!important;transition:background-color .18s,color .18s}.digily-site .category-nav-item::after{content:none}.digily-site .category-nav-item.active,.digily-site .category-nav-item:hover{background:var(--site-surface);color:var(--site-accent)!important}
.post-row{align-items:center!important;gap:28px!important;border-bottom:1px solid var(--site-line);padding:24px 0;line-height:1.55}.post-date{font-size:14px!important;color:var(--site-muted)!important}.post-title{font-size:21px;font-weight:500;line-height:1.4;color:var(--site-text)!important}.post-title:hover{color:var(--site-accent)!important}.post-title::after{content:none!important}
.digily-site .blog-link:hover{color:var(--site-accent)!important}.digily-site .blog-link::after{background:var(--site-line)}
.digily-site .prose{font-size:18px;line-height:1.85;--tw-prose-body:var(--site-copy);--tw-prose-headings:var(--site-text);--tw-prose-bold:var(--site-text);--tw-prose-links:var(--site-accent);--tw-prose-quotes:var(--site-text);--tw-prose-quote-borders:var(--site-line);--tw-prose-code:var(--site-text);--tw-prose-hr:var(--site-line);--tw-prose-bullets:var(--site-accent);color:var(--site-copy)}.digily-site .prose h2{font-size:32px;letter-spacing:-.02em}.digily-site .prose h3{font-size:25px}.digily-site .prose img,.digily-site figure img{border-radius:var(--site-radius)}.digily-site .prose a{text-underline-offset:4px}.digily-site .prose pre{background:var(--site-surface);border-radius:var(--site-radius)}
.site-footer{max-width:920px;margin:72px auto 0;padding-top:24px;border-top:1px solid var(--site-line);display:flex;justify-content:space-between;gap:24px;font-size:14px;color:var(--site-muted)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:var(--site-accent)}
.digily-site .reading-progress-bar{background:var(--site-surface)}.digily-site .progress-border{border-color:var(--site-line)}.digily-site .progress-border-fill{border-color:var(--site-accent)}.digily-site .progress-percentage,.digily-site .progress-nav-link,.digily-site .nav-title{color:var(--site-muted)}
.ai-site{--bg:var(--site-bg);--surface:var(--site-surface);--text:var(--site-text);--muted:var(--site-muted);--copy:var(--site-copy);--border:var(--site-line);--accent:var(--site-accent);--theme-accent:var(--site-fill);--ink:var(--site-ink)}.ai-site .library-hero{padding-top:24px}.ai-site .hero{padding-top:24px}.ai-site .page-tabs{margin-top:0}.ai-site main{padding-top:48px}
@media(max-width:800px){.site-shell,.ai-site main{padding:32px 24px 48px}.site-header{gap:20px;margin-bottom:32px}.site-primary-nav a{padding:10px 12px;font-size:15px}.portfolio-main{margin-top:44px}}
@media(max-width:580px){.site-header{flex-wrap:wrap;gap:20px;padding-bottom:24px}.site-brand{font-size:30px}.site-primary-nav{order:3;width:100%;justify-content:flex-start}.site-primary-nav a{font-size:16px}.portfolio-main{margin-top:32px}.post-row{display:flex;flex-direction:column;align-items:flex-start!important;gap:8px!important;padding:24px 0}.post-date{width:auto!important}.post-title{font-size:21px}.site-footer{flex-wrap:wrap;margin-top:48px}.digily-site .prose{font-size:17px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.digily-site *,.digily-site *::before,.digily-site *::after{animation:none!important;transition:none!important}.animate-fade-in-up,.animate-on-view,.lazy-image{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}

/* Official Digily wordmark: original white artwork and black logo viewport. */
.site-brand{width:144px;flex-shrink:0;line-height:1}.site-logo{display:block;width:144px;height:60px;object-fit:contain}.site-logo-light{display:none;mix-blend-mode:multiply}html[data-theme=light] .site-logo-dark{display:none}html[data-theme=light] .site-logo-light{display:block}
.digily-site .theme-picker button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:8px;min-height:40px}
.digily-site .theme-picker button svg{display:block}.site-header{min-height:88px}
@media(max-width:580px){.site-brand,.site-logo{width:120px}.site-logo{height:50px}}

.site-search-field{display:grid;gap:12px;margin:24px 0 32px;color:var(--site-muted);font-size:15px}.site-search-field input{width:100%;background:var(--site-surface);color:var(--site-text);font:inherit;font-size:17px;padding:16px 22px;border:1px solid var(--site-line);border-radius:var(--site-radius)}.site-search-field input:focus{outline:2px solid var(--site-accent);outline-offset:2px}.post-row-content{min-width:0}.post-excerpt{font-size:16px;line-height:1.6;color:var(--site-copy);margin-top:10px;max-width:65ch}.post-row[hidden]{display:none!important}.ai-site>.site-shell{max-width:none}

.digily-site .category-nav{display:flex;align-items:center;margin-bottom:40px}.digily-site .theme-picker button{min-width:40px}

.site-header{flex-wrap:wrap;gap:20px}.site-header .category-nav{margin:0;padding:0;border:0;flex-shrink:0}.site-header .category-nav-item{font-size:14px;padding:10px 12px}
.site-search{position:relative;flex:1;min-width:200px;max-width:320px}.site-search input{width:100%;border:1px solid var(--site-line);background:var(--site-surface);color:var(--site-text);font:inherit;font-size:14px;border-radius:var(--site-radius);padding:12px 42px 12px 18px;min-height:44px}.site-search button{position:absolute;right:8px;top:5px;display:flex;align-items:center;justify-content:center;height:34px;width:34px;border:0;background:transparent;color:var(--site-muted);cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.search-summary{font-size:17px;color:var(--site-muted);margin-bottom:24px}.article-meta{margin:32px 0}.article-breadcrumb{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--site-muted)}.article-breadcrumb a{text-decoration:none}.article-breadcrumb a:hover{color:var(--site-accent)}.article-date{display:flex;gap:12px;align-items:center;margin-top:24px;font-size:14px;color:var(--site-muted)}
.reading-progress-bar{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:10px;padding:9px 16px;background:var(--site-surface);border-radius:24px;max-width:calc(100vw - 32px)}.progress-percentage{font-size:12px;color:var(--site-muted);font-variant-numeric:tabular-nums}.progress-nav-link{position:relative;display:flex;gap:6px;align-items:center;color:var(--site-muted);text-decoration:none}.progress-nav-link:hover{color:var(--site-accent)}.nav-title-wrapper{max-width:0;overflow:hidden;opacity:0;transition:max-width .2s ease,opacity .2s ease}.progress-nav-link:hover .nav-title-wrapper,.nav-title-wrapper.is-visible{max-width:220px;opacity:1}.nav-title{font-size:12px;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;color:var(--site-muted)}.progress-border,.progress-border-fill{position:absolute;inset:0;border-radius:24px;pointer-events:none;border:2px solid var(--site-line)}.progress-border-fill{border-color:var(--site-accent);clip-path:inset(0 calc(100% - var(--progress)*1%) 0 0)}.reader-arrow{flex-shrink:0}.ai-site{padding-bottom:60px}
@media(max-width:1100px){.site-header .category-nav{order:3;width:100%;justify-content:flex-start}.site-search{max-width:none}.site-header .theme-picker{margin-left:auto}}
@media(max-width:580px){.site-header .site-search{order:4;width:100%;max-width:none;flex-basis:100%}.site-header .category-nav{gap:0}.site-header .category-nav-item{padding:10px;font-size:14px}.site-header .theme-picker{order:2}.nav-title-wrapper.is-visible{max-width:100px}.reading-progress-bar{bottom:16px;gap:8px}}
@media print{.reading-progress-bar,.site-search{display:none}}

/* Keep a single divider between the article list and footer. */
.post-row:last-child{border-bottom:0}

/* Adjacent search and appearance controls; branded scrolling on all pages. */
.site-tools{display:flex;align-items:center;gap:12px;margin-left:auto;flex:1;max-width:440px;min-width:280px}.site-tools .site-search{max-width:none;min-width:0}.site-tools .theme-picker{flex-shrink:0;margin-left:0!important}
html{scrollbar-color:#4fb797 var(--site-bg);scrollbar-width:thin}
html::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track{background:var(--site-bg)}html::-webkit-scrollbar-thumb{background:#4fb797;border:3px solid var(--site-bg);border-radius:12px}html::-webkit-scrollbar-thumb:hover{background:var(--site-accent)}html::-webkit-scrollbar-corner{background:var(--site-bg)}
@media(max-width:1100px){.site-tools{max-width:none}.site-header .category-nav{order:3}}
@media(max-width:580px){.site-tools{order:3;flex-basis:100%;width:100%;min-width:0}.site-tools .site-search{order:0;flex-basis:auto}.site-tools .theme-picker{order:0}.site-header .category-nav{order:2}}

.site-header .category-nav-item{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

.post-list .post-row{margin:0!important;min-height:98px;padding:28px 0;align-items:center!important}.post-list .post-title{display:block}.print-branding{display:none}.article-print-action{margin-top:36px}.article-print-action button{border:0;background:none;color:var(--site-muted);font:inherit;font-size:13px;cursor:pointer;padding:8px 0}.article-print-action button:hover{color:var(--site-accent)}