/* Vendixia editorial templates — draft */
.page-head{padding-top:clamp(58px,8vw,96px);padding-bottom:clamp(28px,4vw,48px);max-width:900px}.page-head .eyebrow{margin-bottom:12px}.page-head h1{max-width:15ch}.archive-grid{padding-bottom:clamp(36px,6vw,72px)}.archive-grid .grid4{row-gap:clamp(28px,4vw,44px)}
.article{max-width:900px;padding-top:clamp(42px,6vw,76px)}.crumbs{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:28px;font-size:.84rem;color:var(--muted)}.crumbs a{text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px}.crumbs a:hover{text-decoration-color:currentColor}.article>header{max-width:800px;margin-inline:auto;text-align:center}.article>header .eyebrow{margin-bottom:14px}.article>header h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:.98;letter-spacing:-.045em;text-wrap:balance}.article .deck{max-width:700px;margin:22px auto 0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.65}.byline{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:24px;color:var(--muted);font-size:.84rem}.byline span+span::before{content:"•";margin-right:18px;color:var(--line-strong)}
.article .hero-media{margin-top:clamp(34px,5vw,56px);aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--sage)}.article .hero-media img{width:100%;height:100%;object-fit:cover}.article-image-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,var(--sage),var(--mist));color:var(--muted);border:1px solid var(--line)}.article-image-placeholder span{max-width:24ch;text-align:center;font-size:.78rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase}
.entry-content{max-width:720px;margin:clamp(42px,6vw,68px) auto 0;font-size:1.04rem;line-height:1.82}.entry-content>*+*{margin-top:1.35em}.entry-content h2,.entry-content h3{margin-top:2em;line-height:1.12;letter-spacing:-.025em}.entry-content h2{font-size:clamp(1.7rem,3vw,2.25rem)}.entry-content h3{font-size:clamp(1.35rem,2.5vw,1.7rem)}.entry-content a{color:var(--green);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.entry-content blockquote{margin-inline:0;padding:20px 24px;border-left:3px solid var(--leaf);background:var(--mist);border-radius:0 var(--r-sm) var(--r-sm) 0}.entry-content img{border-radius:var(--r-md)}.entry-content ul,.entry-content ol{padding-left:1.3em}.tags{max-width:720px;margin:36px auto 0;display:flex;gap:8px;flex-wrap:wrap}.tags a{padding:7px 12px;border:1px solid var(--line);border-radius:var(--r-pill);font-size:.8rem}.post-nav{max-width:720px;margin:44px auto 0;padding-top:24px;border-top:1px solid var(--line)}.related{padding-top:clamp(54px,7vw,84px)}
.page-template-default .article,.page .article{max-width:900px}.page .article>header{margin-bottom:36px}.search .page-head,.archive .page-head{max-width:1000px}.empty{padding:52px 24px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:center}.empty h2{margin-bottom:10px}
.notfound{max-width:760px;padding-top:clamp(72px,10vw,120px);padding-bottom:60px;text-align:center}.notfound h1{font-size:clamp(5rem,18vw,9rem);line-height:.8;color:var(--green);opacity:.16;margin:16px 0 24px}.notfound h2{font-size:clamp(1.7rem,4vw,2.5rem);margin-bottom:12px}.notfound>p{max-width:52ch;margin:0 auto 28px;color:var(--muted)}.notfound .search-form{max-width:560px;margin:0 auto 20px}.notfound>.btn{margin-top:4px}
.archive-grid .empty{max-width:680px;margin:0 auto;padding:48px 28px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px}.archive-grid .empty h2{margin:4px 0 10px}.archive-grid .empty p{max-width:540px;margin:0 auto;color:var(--muted)}.empty-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:24px}.empty-actions .text-link{font-weight:700;color:var(--green)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}
.icon-btn,.btn,.links a,.site-footer a{touch-action:manipulation}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:640px){.article{padding-top:32px}.article>header{text-align:left}.byline{justify-content:flex-start}.byline span+span::before{display:none}.article .hero-media{border-radius:var(--r-md)}.entry-content{font-size:1rem}.post-nav{gap:18px}.page-head{padding-top:44px}}