/* One stylesheet, hand-written, the way a small site actually is. */
:root { --ink:#1c1a17; --muted:#6b645c; --line:#e2ddd6; --paper:#fbf9f6; --accent:#7a4b2a; }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.65 Georgia, "Times New Roman", serif; color:var(--ink);
       background:var(--paper); }
img { max-width:100%; height:auto; display:block; }
a { color:var(--accent); }
.wrap { max-width:62rem; margin:0 auto; padding:0 1.25rem; }
header.site { border-bottom:1px solid var(--line); background:#fff; }
header.site .wrap { display:flex; flex-wrap:wrap; align-items:baseline; gap:1rem;
                    padding-top:1.1rem; padding-bottom:1.1rem; }
.brand { font-size:1.35rem; font-weight:700; text-decoration:none; color:var(--ink);
         letter-spacing:-0.01em; }
.brand span { display:block; font-size:0.78rem; font-weight:400; color:var(--muted);
              font-family:system-ui, sans-serif; letter-spacing:0.02em; }
nav.site { margin-left:auto; }
nav.site ul { list-style:none; display:flex; flex-wrap:wrap; gap:1.1rem; margin:0; padding:0;
              font-family:system-ui, sans-serif; font-size:0.92rem; }
nav.site a { color:var(--ink); text-decoration:none; }
nav.site a:hover, nav.site a[aria-current] { color:var(--accent); text-decoration:underline; }
main { padding:2.5rem 0 3.5rem; }
h1 { font-size:2.1rem; line-height:1.2; margin:0 0 0.6rem; letter-spacing:-0.02em; }
h2 { font-size:1.4rem; margin:2.2rem 0 0.6rem; }
h3 { font-size:1.08rem; margin:1.6rem 0 0.3rem; }
.lede { font-size:1.12rem; color:var(--muted); margin:0 0 1.6rem; max-width:44rem; }
.grid { display:grid; gap:1.4rem; grid-template-columns:repeat(auto-fit,minmax(16rem,1fr)); }
.card { background:#fff; border:1px solid var(--line); padding:1.1rem 1.2rem; }
.card h3 { margin-top:0; }
.price { font-family:system-ui, sans-serif; font-size:0.85rem; color:var(--muted);
         display:block; margin-top:0.5rem; }
ol.steps { padding-left:1.1rem; }
ol.steps li { margin-bottom:1rem; }
dl.faq dt { font-weight:700; margin-top:1.3rem; }
dl.faq dd { margin:0.3rem 0 0; color:#38332e; }
table.hours { border-collapse:collapse; font-family:system-ui, sans-serif; font-size:0.95rem; }
table.hours th, table.hours td { text-align:left; padding:0.3rem 1.4rem 0.3rem 0;
                                 border-bottom:1px solid var(--line); }
blockquote { margin:0; padding:0.2rem 0 0.2rem 1rem; border-left:3px solid var(--line); }
blockquote cite { display:block; font-style:normal; font-size:0.85rem; color:var(--muted);
                  font-family:system-ui, sans-serif; margin-top:0.4rem; }
footer.site { border-top:1px solid var(--line); background:#fff; padding:1.8rem 0 2.4rem;
              font-family:system-ui, sans-serif; font-size:0.86rem; color:var(--muted); }
footer.site a { color:var(--muted); }
.demo-note { background:#fff8e6; border:1px solid #e6d9ae; padding:0.7rem 1rem;
             font-family:system-ui, sans-serif; font-size:0.85rem; margin:0 0 1.8rem; }
@media (max-width:40rem){ h1{font-size:1.7rem;} nav.site{margin-left:0;width:100%;} }