/* Styles for the local funeral-planning pages.
   Every location page already linked /locations.css; the file had never
   been created, so the crumbs, facts table, situations, FAQ and city list
   on all 17 pages were rendering as unstyled blocks. */

.crumbs{max-width:46rem;margin:1.1rem auto .2rem;padding:0 1rem;font:400 .85rem/1.5 system-ui,sans-serif;color:#697269}
.crumbs a{color:#6c7a6e;text-decoration:none;border-bottom:1px solid #ded7c8}
.crumbs a:hover{color:#2f4638}

/* The family arc: five moments down a single quiet line. */
.arc{list-style:none;padding:0;margin:1.2rem 0 0;max-width:44rem;border-left:2px solid #e2dccf}
.arc>li{position:relative;padding:0 0 1.5rem 1.5rem}
.arc>li:last-child{padding-bottom:.3rem}
.arc>li::before{content:"";position:absolute;left:-7px;top:.5rem;width:12px;height:12px;border-radius:99px;background:#fdfbf7;border:2px solid #9bb49c}
.arc>li:first-child::before{border-color:#c98a52;background:#f7ead9}
.arc .when{font:600 .76rem system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:#697269;display:block;margin-bottom:.15rem}
.arc h3{font:400 1.15rem/1.3 Georgia,serif;color:#2f4638;margin:0 0 .3rem}
.arc p{margin:0;color:#59645b;font-size:.96rem}

/* "If this is your situation" cards. */
.situations{display:grid;gap:.9rem;margin:1.2rem 0 0;padding:0;list-style:none}
@media(min-width:40rem){.situations{grid-template-columns:1fr 1fr}}
.situation{background:#fdfbf7;border:1px solid #e8e2d6;border-radius:.7rem;padding:1rem 1.1rem}
.situation h3{font:400 1.05rem/1.35 Georgia,serif;color:#2f4638;margin:0 0 .35rem}
.situation p{margin:0;font-size:.94rem;line-height:1.6;color:#59645b}
.situation p+p{margin-top:.5rem}

/* County, court and vital-records facts. */
.facts{display:grid;gap:0;margin:1.1rem 0 0;border:1px solid #e8e2d6;border-radius:.7rem;overflow:hidden}
.facts>div{display:grid;grid-template-columns:1fr;gap:.15rem;padding:.75rem 1rem;border-bottom:1px solid #efeae0}
@media(min-width:34rem){.facts>div{grid-template-columns:11rem 1fr;gap:1rem;align-items:baseline}}
.facts>div:last-child{border-bottom:0}
.facts .n{font:600 .8rem system-ui,sans-serif;letter-spacing:.03em;text-transform:uppercase;color:#697269}
.facts .addr{font-size:.95rem;line-height:1.6;color:#3f4a41}
.facts .addr a{color:#5d7a60}

/* Questions at the foot of each local page. */
.faq{margin:1.2rem 0 0}
.faq>div{border-bottom:1px solid #efeae0;padding:.9rem 0}
.faq>div:last-child{border-bottom:0}
.faq h3{font:400 1.05rem/1.4 Georgia,serif;color:#2f4638;margin:0 0 .3rem}
.faq p{margin:0;font-size:.95rem;line-height:1.65;color:#59645b}

/* Nearby towns. */
.cities{list-style:none;display:grid;gap:.5rem;padding:0;margin:1.1rem 0 0}
@media(min-width:34rem){.cities{grid-template-columns:1fr 1fr}}
@media(min-width:52rem){.cities{grid-template-columns:1fr 1fr 1fr}}
.cities a{display:block;background:#fdfbf7;border:1px solid #e8e2d6;border-radius:.6rem;padding:.6rem .8rem;text-decoration:none;color:#2f4638;font-size:.97rem}
.cities a:hover{border-color:#c9bfa8;background:#faf6ee}
.cities small{display:block;color:#697269;font-size:.8rem;margin-top:.1rem}

.article-body{max-width:46rem;margin:0 auto;padding:0 1rem 3rem}
.article-body h2{font:400 1.5rem/1.3 Georgia,serif;color:#2f4638;margin:2.2rem 0 .2rem}
.article-body .lede{font:400 1.1rem/1.65 Georgia,serif;color:#4c5a4f;margin:.7rem 0 0}
.article-body .note{font-size:.84rem;color:#697269;margin:.9rem 0 0}
.article-body .eyebrow{font:600 .78rem system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#a08a64;margin:0}