/* Päivänlähde 20260929.2: preserve Spectral/Karla and graphite/warm accent. */
.vh-site{--vh-read:720px}
.vh-site .vh-hero{padding-top:32px;padding-bottom:32px}
.vh-site .vh-hero__intro h1{font-size:clamp(2rem,1.4rem + 2.3vw,3rem)}
.vh-site .vh-about{display:block;max-width:752px}
.vh-site .vh-about p{max-width:68ch}
.vh-site .plh-nav-help{margin:0;font-size:.9rem}
.vh-site .plh-nav-help a{display:inline-flex;align-items:center;min-height:44px}
.vh-site .plh-method-link{font-size:1rem;border-top:1px solid var(--vh-line);padding-top:16px;margin-top:32px}
.vh-site .plh-method-link a{display:inline-block;padding:8px 0}
.vh-site .vh-byline__img:empty{display:none}
.vh-site .vh-prose .mm-direct-answer{margin-top:12px}
.vh-site .vh-toc{margin-bottom:16px}
.vh-site .plh-comparisons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}
.vh-site .plh-comparisons .vh-card__title{font-size:1.45rem}
.vh-site .vh-prose .plh-comparisons img{margin:0}
.vh-site .vh-prose .plh-comparisons .vh-card__media{display:block}
.vh-site .vh-prose .plh-comparisons a{overflow-wrap:anywhere}
.vh-site .vh-nav__list{flex-wrap:wrap}
.vh-site .vh-nav__panel{max-height:calc(100dvh - 64px);overflow-y:auto}
@media(min-width:1000px){.vh-site .vh-nav__list a{font-size:.94rem;padding-left:8px;padding-right:8px}.vh-site .plh-nav-help{display:none}.vh-site .vh-nav__panel{overflow:visible}}
@media(max-width:599px){.vh-site .vh-hero{padding-top:24px}.vh-site .vh-hero__intro h1{font-size:2.1rem}.vh-site .vh-logo__sig{font-size:.64rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(max-width:999px){.vh-site .vh-searchbox{position:static}.vh-site .vh-searchbox .vh-search{left:16px;right:16px;top:calc(100% + 8px);width:auto}}

.vh-site .vh-footer__cta .vh-btn--light,.vh-site .vh-footer__cta .vh-btn--light:hover{color:var(--vh-brand)}

/* Valo: disclosed pen-name illustration, sized without altering article media. */
.vh-site .plh-hello{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.vh-site .plh-hello__avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:none}
.vh-site .plh-hello p{margin:0;font-weight:700;font-size:1.05rem}
.vh-site .plh-hello span{display:block;font-size:.85rem;font-weight:400;color:var(--vh-muted);margin-top:3px}
.vh-site .vh-about{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;max-width:900px}
.vh-site .vh-about__img{width:160px;height:160px;aspect-ratio:1;object-fit:cover;border-radius:50%}
.vh-site .plh-about-avatar{margin:0 0 24px;max-width:256px}
.vh-site .plh-about-avatar img{display:block;width:100%;height:auto;border-radius:16px}
.vh-site .plh-about-avatar figcaption{font-size:.9rem;color:var(--vh-muted);margin-top:8px}
@media(max-width:599px){.vh-site .vh-about{grid-template-columns:1fr;gap:20px}.vh-site .vh-about__img{width:120px;height:120px}.vh-site .plh-hello{gap:12px;margin-bottom:20px}}
@media(min-width:1000px){.vh-site .vh-logo--header{flex-shrink:0}}

/* About content already supplies the illustrated identity and caption. */
.vh-site .vh-page-portrait{display:none}
