/* Pine Moor — minimal site stylesheet */
:root { --bg:#f8f9fa; --fg:#2c3e50; --accent:#e67e22; --muted:#666; --card:#fff; }
* { margin:0; padding:0; box-sizing:border-box; }
body { font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; background:var(--bg); color:var(--fg); }
a { color:var(--accent); text-decoration:none; }
a:hover { text-decoration:underline; }
.site-header { display:flex; justify-content:space-between; align-items:center; padding:1.2rem 2rem; background:#fff; box-shadow:0 1px 3px #0001; }
.brand { display:flex; align-items:center; gap:.6rem; font-weight:600; font-size:1.15rem; color:var(--fg); }
.site-nav a { margin-left:1.5rem; color:var(--muted); }
main { max-width:60rem; margin:0 auto; padding:2rem 1.5rem; }
.hero { text-align:center; padding:3rem 0 2rem; }
.hero h1 { font-size:2.2rem; margin-bottom:.8rem; }
.hero p { color:var(--muted); font-size:1.1rem; max-width:36rem; margin:0 auto; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(15rem,1fr)); gap:1.25rem; padding:2.5rem 0; }
.card { background:var(--card); border-radius:8px; padding:1.5rem; box-shadow:0 1px 3px #0001; }
.card h3 { color:var(--fg); margin-bottom:.5rem; }
.card p { color:var(--muted); font-size:.95rem; }
.about, .contact { padding:2rem 0; border-top:1px solid #e8eaed; margin-top:1rem; }
.about h2, .contact h2 { font-size:1.4rem; margin-bottom:.7rem; }
.about p, .contact p { color:var(--muted); }
.site-footer { text-align:center; padding:2rem 1rem; color:var(--muted); font-size:.85rem; border-top:1px solid #e8eaed; margin-top:2rem; }
.site-footer a { color:var(--muted); margin:0 .3rem; }
@media (max-width:560px){ .site-header{flex-direction:column;gap:.6rem;} .site-nav a{margin:0 .6rem;} .hero h1{font-size:1.7rem;} }