/* The Able family links (lib/family.js), shared by every Able site: the "Our services"
   menu and the "More help for your property." section (Able Family Design Board v1.3,
   pages 5, 8-10). Neutral on purpose: the host site's own color doesn't appear here.
   Each Able wordmark carries its own color (--fam); the partners keep their own grounds,
   colors and type, from their own sites: Willamette Pros forest #173528 with lime
   #B8E08F (Archivo 900, 112%), Two Human Crew navy #001B36 with yellow #F7CA13
   (Archivo Black). */
.fam-list{list-style:none;margin:0;padding:0}
.fam-row{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr) auto;align-items:center;gap:6px 20px;min-height:56px;padding:10px 12px;border-radius:10px;color:#202329;text-decoration:none}
.fam-row:hover{background:#F3F0EA}
.fam-row:focus-visible{outline:2px solid #202329;outline-offset:2px;box-shadow:0 0 0 2px #fff}
.fam-list li + li .fam-row{border-top:1px solid #DDD9D3;border-radius:0}
.fam-list li + li .fam-row:hover{border-radius:10px}
.fam-text{display:flex;flex-direction:column;gap:2px}
.fam-text b{font-weight:700}
.fam-text span{font-size:14px;color:#515761}
.fam-here,.fam-dom{font-size:13px;color:#6B7076;white-space:nowrap}
.fam-here{font-weight:700;color:#202329}
.fam-refer{display:inline-flex;align-items:center;gap:8px;min-height:48px;margin-top:16px;font-weight:700;color:#202329;text-decoration:none}
.fam-refer:hover{text-decoration:underline}
/* Able wordmark as link text: Manrope 800, prefix in the brand color, -Able charcoal, .com light */
.able-mark{font-family:Manrope,system-ui,sans-serif;font-weight:800;font-size:1.15rem;letter-spacing:0;font-kerning:none;color:#202329;white-space:nowrap}
.am-pre{color:var(--fam)}
.am-com{font-size:75%;font-weight:400;color:#6B7076;letter-spacing:0}
/* The partners' own logos on their own dark grounds */
.pm{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;white-space:nowrap}
.pm img{display:block;flex:none}
.pm-wp{background:#173528;color:#fff;font-family:Archivo,"Arial Black",sans-serif;font-weight:900;font-stretch:112%;font-size:1rem;letter-spacing:-.02em}
.pm-wp b{font-weight:900;color:#B8E08F}
.pm-thc{background:#001B36;color:#F7CA13;font-family:"Archivo Black","Arial Black",sans-serif;font-size:.95rem}
/* The lower-page section: a mushroom panel above the footer */
section.fam{max-width:1200px;margin:0 auto 48px;padding:32px 20px;background:#FAF8F3;border-radius:16px}
section.fam h2{font-size:clamp(1.75rem,1.4rem + 1.2vw,2.25rem);margin:0 0 16px} /* the board's H2: 28-36px */
@media(min-width:700px){section.fam{padding:40px 48px;margin:0 32px 80px}}
@media(min-width:1264px){section.fam{margin:0 auto 80px}}
/* "Our services" in the header: a dropdown on wide screens */
.svc-menu{position:relative}
.svc-menu > summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:48px;font-weight:600;font-size:.95rem;color:#202329}
.svc-menu > summary::-webkit-details-marker{display:none}
.svc-menu > summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.svc-menu[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.svc-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(560px,90vw);background:#fff;border:1px solid #DDD9D3;border-radius:16px;box-shadow:0 8px 24px rgba(32,35,41,.12);padding:12px}
.svc-pop .fam-row{grid-template-columns:minmax(0,190px) minmax(0,1fr) auto}
@media(max-width:640px){.fam-row{grid-template-columns:minmax(0,1fr) auto}.fam-row .fam-text{grid-column:1 / -1;grid-row:2;min-width:0}.fam-dom{display:none}}