/* Page */
main.page{max-width:950px;margin:0 auto;padding:6px}
.hero{margin:.5rem 0 1rem}
.hero h1{margin:.2rem 0;font-size:1.7rem}
.hero p.meta{color:var(--muted);margin:.2rem 0 0}


/* Sections */
.section{background:var(--card);color:var(--card-text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:18px;margin:12px 0}
.section h2{margin:.2rem 0 0.6rem;font-size:1.15rem}
.section ul{margin:.2rem 0 .4rem 18px}
.section p{margin:.35rem 0;line-height:1.55}


/* Responsive */
@media(max-width:768px){
.logo{height:40px}
.section{padding:14px}
}