/* Original design remains in site.css. Extensions for journal and accessibility. */
.skip-link{position:fixed;top:-100px;left:1rem;z-index:100;background:var(--green);color:white;padding:.75rem 1.2rem}
.skip-link:focus{top:1rem}
section[id],main[id]{scroll-margin-top:110px}
.copy>span:last-child{display:flex;gap:1.5rem}
.copy a:hover{text-decoration:underline;color:var(--green)}
.form-help{font-size:.8rem;color:var(--muted);line-height:1.6}
.form-help a{border-bottom:1px solid var(--line)}
.form-honeypot{display:none!important}
.journal-empty{border-top:1px solid var(--line);padding:3rem 0 2rem;max-width:50rem}
.journal-mark{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;color:var(--muted);font-size:.78rem;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.journal-mark img{width:30px;height:30px;object-fit:contain}
.journal-empty h2{margin-bottom:1.4rem}
.journal-empty p{margin-bottom:2rem;max-width:38rem}
.journal-list:empty{display:none}
.journal-item{padding:2.7rem 0;border-top:1px solid var(--line)}
.journal-meta{font-size:.8rem;color:var(--muted);margin-bottom:1rem}
.journal-item h2{max-width:24ch;margin-bottom:1.2rem}
.journal-item p{margin-bottom:1.4rem}
.journal-read{font-weight:500;color:var(--green);border-bottom:1px solid var(--green);font-size:.9rem}
.journal-back{display:inline-block}
.journal-body p{max-width:44rem;margin-bottom:1.5rem}
.page-head .journal-meta{margin-top:1.6rem}
@media(min-width:1001px){.links{gap:1.8rem}.lang{margin-left:.4rem}}
@media(max-width:1000px){.links{position:fixed;inset:84px 0 auto 0;background:var(--bg);flex-direction:column;align-items:flex-start;padding:1.5rem;gap:1.2rem;border-bottom:1px solid var(--line);display:none}.links.open{display:flex}.lang{margin-left:0}.menu-btn{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Three concrete service points per process pillar. */
.scale-grid ul.service-points{list-style:disc;padding-left:1.1rem}
.scale-grid .service-points li{padding-left:.15rem}

/* Align the profile portrait with the heading at the top of the text column. */
.about-grid-profile{align-items:start}
.about-grid-profile .name{border-top:0}

/* Mobile home: heading and subtitle, shorter image, description and action. */
@media(max-width:900px){
 .hero-grid-home{gap:1.6rem}
 .hero-grid-home>.hero-copy{display:contents}
 .hero-grid-home>.hero-copy>.kicker{order:1;margin-bottom:0}
 .hero-grid-home>.hero-copy>h1{order:2;margin-bottom:0}
 .hero-grid-home>.hero-photo{order:3;width:100%}
 .hero-grid-home>.hero-photo img{aspect-ratio:8/5}
 .hero-grid-home>.hero-copy>.lead{order:4;margin-bottom:0}
 .hero-grid-home>.hero-copy>.btn{order:5;justify-self:start}
}

.parable-source{font-size:.78rem;color:var(--muted);padding-top:.4rem}
.parable-source a{border-bottom:1px solid var(--line)}
.parable-source a:hover{color:var(--green);border-color:var(--green)}
#feigenbaum{scroll-margin-top:110px}