/* Public subpage layouts. The original Pico + style.css design remains the base. */
.public-site [hidden]{display:none!important}
.public-site{overflow-wrap:break-word}
.public-site :focus-visible{outline:3px solid var(--pico-primary);outline-offset:4px}
.public-site figure{margin:0}
.public-site main.container{padding-top:1rem;padding-bottom:2rem}
.public-site .hero h1{white-space:normal}
.skip-link{position:fixed;left:1rem;top:-6rem;z-index:100;background:var(--vv-card-bg);padding:.7rem 1rem}
.skip-link:focus{top:1rem}
.site-header .public-navigation{gap:.7rem}
.public-nav-links{margin-left:auto;gap:.05rem}
.public-nav-links .nav-link{padding:.45rem .6rem;font-size:.82rem;white-space:nowrap}
.nav-link[aria-current="page"]{color:var(--pico-primary);background:var(--vv-chip-bg)}
.public-controls{display:flex;align-items:center;gap:.4rem}
.v-menu-toggle{display:none;align-items:center;gap:.4rem;background:var(--vv-card-bg);color:var(--pico-contrast);border:1px solid var(--vv-border);border-radius:.65rem;margin:0;padding:.5rem .65rem;font-size:.8rem;box-shadow:none}
.v-menu-toggle svg{width:1rem;height:1rem}
.public-controls .theme-toggle{margin:0;flex-shrink:0}
.public-site .footer-links{font-size:.8rem;gap:.7rem 1rem;margin:0;padding:0}
.public-site .footer-links a{font-size:.8rem;padding:0}
.back-top{font-size:.8rem;text-decoration:none}
.v-crumbs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.55rem;font-size:.75rem;color:var(--pico-muted-color);margin-bottom:1.5rem;padding:0}
.v-crumbs a{padding:0;text-decoration:none}
.v-eyebrow{color:var(--pico-primary);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:.7rem}
.v-page-intro h1,.v-detail-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;font-weight:800;margin-bottom:.8rem}
.v-page-intro h1{max-width:46rem}
.v-lead{color:var(--pico-muted-color);font-size:1.05rem;max-width:43rem;margin-bottom:0;line-height:1.75}
.v-text-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;font-size:.9rem}
.v-text-link svg,.btn-main svg{width:1.05rem;height:1.05rem;flex-shrink:0}
.v-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}
.v-actions [role=button]{margin-bottom:0}
.public-site .btn-main[role=button]{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;white-space:normal}
.v-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}
.v-section-heading h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;margin-bottom:0}
.v-section-heading .v-eyebrow{margin-bottom:.5rem}
.public-site .v-contact-band{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--vv-card-bg);border:1px solid var(--vv-border);border-radius:1.2rem;box-shadow:var(--vv-shadow);padding:1.8rem 2rem;margin:1.8rem 0 0}
.v-contact-band h2{font-size:1.7rem;font-weight:800;margin-bottom:0}
.v-contact-band p:not(.kicker):not(.v-eyebrow){max-width:32rem;color:var(--pico-muted-color);font-size:.9rem;margin:.7rem 0 0}
.v-contact-band [role=button]{flex-shrink:0;margin:0;font-size:.9rem}
.card-body h2,.card-body h3{font-size:1.3rem;font-weight:800;margin-bottom:.45rem}
.project-name{color:var(--pico-h3-color);text-decoration:none}
.project-name:hover{color:var(--pico-primary)}
.project-image-link{display:block}
.project-art .project-cover{aspect-ratio:1.5;min-height:0}
.project-art.krabix .project-cover{background:#17325a;color:#fff}
.project-art.luhamet .project-cover{background:#e2eefb;color:#1b4976}
.project-art.luhamet .project-symbol{color:#2563eb}
.card-body{flex:1}
.card-body .more{margin-top:auto}
.v-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.v-detail-heading .btn-main{flex-shrink:0;font-size:.9rem}
.v-detail-tagline{color:var(--pico-muted-color);font-size:1.15rem;margin-bottom:0}
.v-detail-visual{border-radius:1.2rem;overflow:hidden;border:1px solid var(--vv-border);box-shadow:var(--vv-shadow);background:var(--vv-card-bg)}
.v-detail-visual .card-media,.v-detail-visual .project-cover{aspect-ratio:2.7;min-height:0}
.v-detail-visual .project-wordmark{font-size:clamp(2rem,5vw,4rem)}
.v-detail-content{display:grid;grid-template-columns:1fr 2fr;gap:3rem;margin-top:.8rem}
.v-tag-list{padding:0;list-style:none;font-size:.85rem}
.v-tag-list li{list-style:none;border-bottom:1px solid var(--vv-border);padding:.65rem 0}
.v-project-author{color:var(--pico-muted-color);font-size:.8rem;margin-top:1.5rem}
.v-prose{max-width:45rem}
.v-prose h2{font-size:1.7rem;font-weight:800}
.v-prose h3{font-size:1.2rem;margin-top:1.8rem}
.v-prose p,.v-prose li{font-size:.95rem;line-height:1.8;color:var(--pico-muted-color)}
.v-detail-bottom{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;border-top:1px solid var(--vv-border);padding:1.5rem 0}
.v-weather-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:2.5rem;align-items:center}
.v-weather-feature figure img{display:block;width:100%;aspect-ratio:1.3;object-fit:cover;border-radius:1.2rem;border:1px solid var(--vv-border);box-shadow:var(--vv-shadow)}
.v-weather-feature figcaption{font-size:.75rem;color:var(--pico-muted-color);margin-top:.7rem}
.v-weather-feature h2{font-size:1.8rem;font-weight:800}
.v-weather-feature p:not(.v-eyebrow){color:var(--pico-muted-color);font-size:.95rem}
.v-editorial-list{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.v-editorial-list>a{display:grid;grid-template-columns:2rem 1fr 1.1rem;align-items:center;gap:.6rem;text-decoration:none;border:1px solid var(--vv-border);background:var(--vv-card-bg);border-radius:1rem;padding:1.4rem;box-shadow:var(--vv-shadow)}
.v-editorial-list h3{font-size:1.2rem;font-weight:800;margin:0}
.v-editorial-list p{grid-column:2/-1;grid-row:2;color:var(--pico-muted-color);font-size:.85rem;margin:0}
.v-editorial-list svg{grid-column:3;grid-row:1;width:1.1rem;height:1.1rem}
.v-number{font-size:.75rem;font-weight:700;color:var(--pico-primary)}
.v-not-found{padding-block:3rem!important}
.v-not-found h1{font-size:3rem;line-height:1.15}
@media(max-width:1100px){.public-navigation .brand{font-size:.9rem;gap:.5rem}.public-nav-links .nav-link{padding-inline:.45rem;font-size:.75rem}.v-contact-band{gap:1rem}.v-weather-feature{gap:1.5rem}}
@media(max-width:960px){.site-header .public-navigation{flex-wrap:wrap}.public-controls{margin-left:auto}.public-nav-links{order:3;width:100%;flex-wrap:wrap;justify-content:flex-start;margin:0;padding-top:.6rem}.public-nav-links[data-enhanced]{display:none}.public-nav-links[data-enhanced].is-open{display:flex}.public-nav-links .nav-link{font-size:.9rem;padding:.6rem .7rem}.v-menu-toggle{display:flex}.v-detail-heading{display:block}.v-detail-heading .btn-main{margin-top:1.2rem}.v-detail-content{gap:1.8rem}.public-site .v-contact-band{align-items:start;flex-direction:column}.v-weather-feature{grid-template-columns:1fr}.v-weather-feature figure{max-width:40rem}}
@media(max-width:650px){.public-site main.container{padding-top:.6rem}.public-navigation .brand{font-size:.82rem}.public-navigation .brand-mark{width:1.9rem;height:1.9rem;font-size:.7rem}.public-controls{gap:.3rem}.public-controls .theme-toggle{width:2.1rem;height:2.1rem}.v-menu-toggle{font-size:.75rem;padding:.45rem .5rem}.v-crumbs{font-size:.7rem;gap:.4rem}.v-page-intro h1,.v-detail-heading h1{font-size:2.1rem}.v-lead{font-size:1rem}.public-site .hero h1{font-size:2.35rem}.hero .cta-row{gap:.6rem}.hero .cta-row [role=button]{font-size:.9rem;padding:.7rem 1rem}.v-editorial-list{grid-template-columns:1fr}.v-detail-visual .card-media,.v-detail-visual .project-cover{aspect-ratio:1.5}.v-detail-content{grid-template-columns:1fr}.v-detail-content aside{order:2}.v-tag-list{display:flex;gap:.5rem;flex-wrap:wrap}.v-tag-list li{padding:.3rem .6rem;border:0;border-radius:99px;background:var(--vv-chip-bg)}.v-prose h2{font-size:1.5rem}.public-site .v-contact-band{padding:1.4rem}.v-contact-band h2{font-size:1.5rem}.v-section-heading{display:block}.v-section-heading>.v-text-link{margin-top:1rem}.v-contact-band [role=button]{width:100%}.public-site .about{padding:1.5rem;gap:1.4rem}.v-not-found h1{font-size:2.5rem}}
@media(max-width:360px){.public-navigation .brand-name{max-width:5rem;font-size:.78rem}.public-navigation .brand{gap:.4rem}.v-menu-toggle svg{display:none}.public-site .hero h1{font-size:2.05rem}.hero .stats{gap:1rem}}
@media(prefers-reduced-motion:reduce){.public-site *{scroll-behavior:auto!important;transition:none!important}}