/* "New on the blog" teaser on the homepage. */
.home-blog h2{margin-bottom:2.5rem}
.home-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}
.home-blog-card{display:flex;flex-direction:column;gap:.5rem;border-top:6px solid var(--sun);padding-top:1rem}
.home-blog-card img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e4e3df;transition:transform .3s}
.home-blog-card:hover img{transform:translateY(-3px)}
.home-blog-card strong{font-family:var(--font-title);font-size:1.6rem;font-weight:650;line-height:1.1;letter-spacing:-.03em}
.home-blog-card:hover strong{color:var(--sun)}
.home-blog-date{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.home-blog-grid{grid-template-columns:1fr}}

input[type=password]{display:block;width:100%;margin-top:.45rem;padding:.8rem .9rem;border:1px solid #96988e;border-radius:0;background:#fff;font-size:1rem;min-height:50px;color:var(--ink)}#signup-form .password-note{margin:.35rem 0 1rem;font-size:.85rem;color:#555}
/* Less space below the dividing lines; line above "Neu im Blog" across the full width. */
.journey{padding-top:2.5rem}
.community-note{padding-top:2.5rem}
.home-blog{position:relative;padding-top:2.5rem}
.home-blog::before{content:"";position:absolute;top:0;left:50%;width:100vw;margin-left:-50vw;border-top:2px solid #111}
@media(max-width:760px){.journey,.community-note,.home-blog{padding-top:2rem}}
/* Sign-in / account link in the homepage header (stays visible on phones, where the menu is hidden). */
.header-login{font-size:.85rem;font-weight:700;padding:.45rem .9rem;border:2px solid var(--ink);color:var(--ink);white-space:nowrap}
.header-login:hover{background:var(--ink);color:#fff}
@media(max-width:760px){.header-login{margin-left:auto;padding:.35rem .7rem;font-size:.8rem}.header-login+.language-switch{margin-left:0}}
/* Wide screens: the homepage uses the same frame as the blog (three columns, 1304px). */
@media(min-width:1180px){
 html{background:#f1f0ed}
 body{position:relative;width:min(1304px,calc(100% - 3rem));margin-inline:auto;box-shadow:0 0 0 1px var(--line)}
 .home-blog::before{width:min(1304px,calc(100vw - 3rem));margin-left:calc(min(1304px,calc(100vw - 3rem))/-2)}
}