/* Directory: task, contact, next step. Scoped so the Atlas remains unchanged. */
.links-page #links-main{max-width:1280px;margin:auto;padding:32px 5% 56px;color:#092c46}
.links-page .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dir-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}
.dir-heading h1{font-size:40px;line-height:1.2;letter-spacing:-.02em;margin:0 0 10px}
.dir-heading p{font-size:18px;color:#53636a;margin:0}
.links-page #links-main a{color:#0759b5;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.links-page #links-main a:hover{text-decoration-thickness:2px}
.dir-card-action{flex:0 0 auto;max-width:240px}
.dir-save-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 20px;border:1px solid #092c46;border-radius:8px;background:#092c46;color:#fff;cursor:pointer;white-space:nowrap}
.dir-save-button{font-family:inherit;font-size:15px;font-weight:600;line-height:1.4}
.dir-save-button:hover{background:#164a6b;border-color:#164a6b}
.dir-save-button:disabled{opacity:.65;cursor:wait}
.dir-card-hint{font-size:13px;line-height:1.5;margin:8px 0 0;max-width:220px}
.dir-save-status{font-size:13px;line-height:1.5;color:#53636a;margin:8px 0 0;max-width:240px}
.dir-save-status:empty{display:none}
.dir-nav{display:flex;flex-wrap:wrap;gap:12px 30px;border-bottom:1px solid #d5dcd9;margin-bottom:0}
.links-page #links-main .dir-nav a{display:inline-flex;align-items:center;min-height:48px;color:#53636a;text-decoration:none;border-bottom:2px solid transparent;padding:0 0 10px;margin-bottom:-1px;font-size:15px}
.links-page #links-main .dir-nav a[aria-current]{color:#092c46;border-bottom-color:#092c46;font-weight:400}
.dir-status{font-size:14px;color:#53636a;margin:12px 0}
.dir-status:empty{height:0;margin:24px 0 0}
.dir-section{margin:0 0 32px}
.dir-section>h2{font-size:22px;margin:0 0 8px;line-height:1.35}
.dir-note{color:#53636a;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:850px}
.dir-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.dir-entry{padding:24px 0;border-top:1px solid #d5dcd9;min-width:0;font-size:15px;line-height:1.65;display:flex;flex-direction:column;align-items:stretch;color:#304957}
.dir-entry h3{font-size:19px;line-height:1.4;font-weight:600;margin:0 0 8px;letter-spacing:0;color:#092c46}
.dir-entry p{margin:8px 0}
.dir-entry .dir-scope{font-size:13px;color:#53636a;margin:0 0 12px}
.dir-entry .dir-ask{margin:0 0 14px}
.dir-entry .dir-ask strong,.dir-entry .dir-ask b{font-weight:inherit}
.dir-entry .dir-contact{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;font-size:15px;color:inherit;margin:0 0 12px}
.dir-contact a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;font-weight:400;font-variant-numeric:tabular-nums}
.dir-answer .dir-actions{margin-top:auto}
.dir-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px 18px;margin-top:6px}
.dir-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.dir-actions .dir-call{font-weight:400;font-variant-numeric:tabular-nums}
.dir-entry a{overflow-wrap:anywhere}
.dir-entry .resource-meta,.dir-entry .source-meta{display:block;font-size:13px;color:#53636a}
.dir-entry .source-meta{margin:8px 0}
.dir-entry .resource-action::after{content:none!important}
.dir-entry .contact-lines{display:block;margin:12px 0}
.dir-entry .contact-lines a{display:inline-flex;min-height:44px;align-items:center}
.dir-entry .contact-line a{display:inline-flex;min-height:44px;align-items:center}
.dir-entry details{font-size:14px;margin-top:8px}
.dir-entry details summary{cursor:pointer;min-height:44px;padding:10px 0}
.dir-reference-content>a:first-child{display:inline-flex;align-items:center;min-height:44px}
details.dir-section{border-top:1px solid #c7d1d3;margin:0}
details.dir-section>summary{font-size:18px;font-weight:500;cursor:pointer;padding:22px 0;min-height:44px}
details.dir-section[open]{padding-bottom:18px}
.links-page #links-main :focus-visible{outline:2px solid #0759b5;outline-offset:4px}
.links-page [hidden]{display:none!important}
.directory-back{margin:0 0 12px;font-size:14px}
.directory-back a{display:inline-flex;align-items:center;min-height:44px;color:#0759b5;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.dir-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}}
@media(max-width:600px){.links-page #links-main{padding:24px 20px 36px}.dir-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.dir-heading h1{font-size:30px}.dir-heading p{font-size:16px}.dir-heading{flex-direction:column}.dir-card-action{margin-top:4px;max-width:none}.dir-card-hint{max-width:none}.dir-search{margin-bottom:16px}.dir-nav{gap:0 20px}.links-page #links-main .dir-nav a{font-size:14px;min-height:44px;padding:6px 0}.dir-grid{grid-template-columns:1fr}.dir-entry h3{font-size:19px}.dir-entry{padding:20px 0}.dir-entry .dir-contact{margin-top:0}}
@media(max-width:600px){.dir-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.links-page #links-main .dir-nav a{font-size:13px;line-height:1.4}.dir-heading{margin-bottom:20px}.dir-entry .dir-contact{margin-bottom:8px}}

/* Keep the first task clear: search, then relevant contacts, then a take-away. */
.dir-card-action{max-width:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;padding:0 0 28px;margin-top:-8px}
.dir-card-action .dir-card-hint{margin:0;max-width:none;font-size:13px;color:#53636a}
.dir-card-action .dir-save-status{flex-basis:100%;max-width:none}

#participate .coming-up {margin-top:24px} #participate .cu-meeting {display:block;margin:20px 0} #participate .cu-attendance {display:block;margin-top:10px} #participate .cu-cal-icons {display:inline-flex;align-items:center;gap:12px;margin-left:10px} #participate .cu-cal-icon svg {width:18px;height:18px} #participate .cu-more {margin-top:20px} #participate summary {cursor:pointer}
/* Oct 30, 2026 (owner, fix now): the Directory is one flat page grouped by who responds. The group head carries the
   agency, its number and its website once; rows are the problem (a link to the full answer) and one line. */
.dir-group{margin:0 0 36px}
.dir-group>h2{font-size:22px;line-height:1.3;margin:0 0 2px;color:#092c46}
.dir-group-contact{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin:0 0 4px;font-size:15px;color:#304957}
.dir-group-contact a{display:inline-flex;align-items:center;min-height:44px}
.dir-group-contact .dir-call{font-variant-numeric:tabular-nums}
.dir-list{display:block}
.dir-list .dir-entry{display:block;padding:12px 0;border-top:1px solid #d5dcd9}
.dir-list .dir-entry h3{font-size:17px;line-height:1.4;margin:0 0 2px}
.links-page #links-main .dir-list h3 a{color:#092c46;text-decoration:none}
.links-page #links-main .dir-list h3 a:hover,.links-page #links-main .dir-list h3 a:focus-visible{text-decoration:underline;text-decoration-thickness:2px}
.dir-list .dir-entry .dir-ask{margin:0;font-size:15px;line-height:1.6;color:#304957}
.dir-list .dir-entry .dir-contact{margin:6px 0 0}
.dir-list .dir-entry .dir-actions{margin-top:0}
.dir-list .dir-entry .dir-actions a{min-height:40px}
.dir-site::after{content:" \2197";font-size:.85em}
.dir-card-action{padding:0 0 36px;margin-top:-4px}
/* Take action (draft, Oct 30, 2026): the lead under Report it well. */
.ta-lead{margin:4px 0 10px;max-width:760px;font-size:16px;line-height:1.6;color:#304957}
.dir-group>.dir-ask{margin:4px 0 0;max-width:760px}

/* Nov 6, 2026 (design preview): direct browsing. Each group head carries the agency, its jurisdiction and its two actions
   on one line; each row is the problem, the one sentence that names the request, and nothing hidden. Compact rows on a
   desktop, stacked entries on a phone. */
.dir-group-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0 0 4px}
.dir-group-head h2{margin:0}
.dir-group-head .dir-scope{margin:0}
.dir-group-contact{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 8px}
.links-page #links-main .dir-group-contact a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1px solid var(--ca-ink,#092c46);border-radius:999px;background:var(--ca-white,#fff);color:var(--ca-ink,#092c46);font-size:15px;font-weight:600;text-decoration:none}
.links-page #links-main .dir-group-contact a.dir-call{background:#092c46;color:#fff}
.links-page #links-main .dir-group-contact a:hover{background:var(--ca-soft,#eef2f6);color:var(--ca-ink,#092c46)}
.dir-grid{grid-template-columns:1fr;column-gap:0}
.dir-list{display:grid;grid-template-columns:1fr}
.dir-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title actions" "ask actions";column-gap:24px;row-gap:2px;align-items:center;padding:12px 0;border-top:1px solid var(--ca-rule,#e3e8e5)}
.dir-entry h3{grid-area:title;margin:0;font-size:17px}
.dir-entry .dir-ask{grid-area:ask;margin:0;font-size:15px;color:var(--ca-body,#33434f)}
.dir-entry .dir-contact,.dir-entry .dir-actions{grid-area:actions;margin:0;justify-self:end}
.dir-entry .dir-scope{grid-area:ask}
.dir-group{margin:0 0 28px;padding:0 0 4px}
.dir-optional>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#092c46;list-style:none}
.dir-optional>summary::-webkit-details-marker{display:none}
.dir-optional>summary::before{content:"▸";font-size:12px;color:var(--ca-muted,#53636a)}
.dir-optional[open]>summary::before{transform:rotate(90deg)}
.dir-optional .dir-group{margin-top:8px}
@media (max-width:640px){
  .dir-entry{grid-template-columns:1fr;grid-template-areas:"title" "ask" "actions";row-gap:4px}
  .dir-entry .dir-contact,.dir-entry .dir-actions{justify-self:start}
}

/* Owner's November 9 Directory: direct, borderless contact rows. */
.links-page #links-main .compact-directory{max-width:1120px;margin:auto;color:#092c46}
.directory-intro h1{font-family:Georgia,serif;font-size:44px;line-height:1.1;margin:0 0 10px}
.directory-intro p{font-size:18px;margin:0 0 24px;color:#53636a}
.compact-directory .ca-search{max-width:760px;margin:0 0 12px}
.directory-submit{background:#092c46;color:white;border:0;border-radius:999px;padding:12px 20px;white-space:nowrap;min-height:44px;font:inherit}
.directory-context{font-size:15px;color:#53636a;margin:0 0 32px;max-width:760px}
.directory-category{margin:0 0 30px}
.directory-category h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 12px}
.directory-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 12px;border:0;border-radius:10px;min-height:76px}
.directory-row:nth-of-type(even){background:#f1f2ee}
.directory-mark{width:44px;height:44px;border-radius:50%;background:white;display:flex;align-items:center;justify-content:center;color:#53636a;font-size:12px;font-weight:600;overflow:hidden}
.directory-mark img{width:32px;height:32px;object-fit:contain}
.directory-identity h3{display:inline;font-size:17px;line-height:1.35;margin:0;font-weight:600}
.directory-scope{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-left:10px;color:#53636a}
.directory-identity p{font-size:14px;line-height:1.45;margin:4px 0 0;max-width:620px;color:#53636a}
.directory-actions{display:flex;gap:16px;align-items:center}
.links-page #links-main .directory-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;white-space:nowrap;text-decoration:none;color:#092c46;font-variant-numeric:normal;font-feature-settings:'zero' 0}
.links-page #links-main .directory-actions a:hover{text-decoration:underline}
.directory-footnote{font-size:13px;line-height:1.6;color:#53636a;margin-top:28px}
@media(max-width:640px){.directory-intro h1{font-size:34px}.directory-row{grid-template-columns:40px minmax(0,1fr);gap:8px 12px;padding:12px 8px}.directory-mark{width:36px;height:36px}.directory-mark img{width:28px;height:28px}.directory-actions{grid-column:2;gap:20px}.directory-scope{display:block;margin:4px 0 0}.directory-category h2{font-size:23px}.directory-context{margin-bottom:24px}.directory-submit{padding:10px 12px}.compact-directory .ca-search input{min-width:0}}

/* Two aligned columns, one consistent contact anatomy. */
.links-page #links-main .compact-directory{max-width:1240px}
.compact-directory .directory-intro{margin:0;text-align:left}
.directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.directory-grid .directory-row{grid-template-columns:44px minmax(0,1fr);gap:4px 12px;min-height:0;padding:12px 8px;align-content:start;background:transparent}
.directory-grid .directory-mark{grid-row:1 / span 2}
.directory-grid .directory-identity h3{display:block;font-size:16px;line-height:1.35}
.directory-grid .directory-scope{display:block;margin:3px 0 0;font-size:10px}
.directory-grid .directory-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:0 16px}
.links-page #links-main .directory-grid .directory-actions a{font-size:14px;min-height:32px;white-space:normal;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}
.compact-directory #directory-search .directory-submit{position:static;width:auto;height:auto;min-width:120px;min-height:44px;font-size:15px;display:block;opacity:1;color:white;padding:10px 18px;transform:none}
@media(max-width:760px){.directory-grid{grid-template-columns:1fr}.links-page #links-main .directory-grid .directory-actions a{min-height:44px}}
/* Compact identity and contact lines; preserve generous phone tap targets. */
.links-page #links-main .compact-directory .directory-intro{padding:0;margin:0 0 16px;min-height:0}
.links-page #links-main .directory-grid .directory-row{padding:8px;gap:0 12px}
.links-page #links-main .directory-grid .directory-identity h3{display:inline;font-size:16px;line-height:1.4}
.links-page #links-main .directory-grid .directory-scope{display:inline-block;margin:0 0 0 8px;font-size:10px;line-height:1.4}
.links-page #links-main .directory-mark{align-self:center;font-size:10px}

/* Quiet contact tiles: color at rest, explicit interaction cues on focus/hover. */
.links-page #links-main .directory-grid .directory-actions a{color:#185c83;text-decoration:none}
.links-page #links-main .directory-grid .directory-actions a:hover{text-decoration:underline}
.links-page #links-main .compact-directory a:focus-visible{outline:2px solid #092c46;outline-offset:3px;border-radius:3px}
.directory-grid{gap:8px 24px}
.links-page #links-main .directory-grid .directory-row{padding:12px;background:#fff;border-radius:10px}
.directory-contact-label{font-size:12px;color:#53636a;flex-basis:100%;margin-top:4px}

.links-page #links-main .directory-services{grid-column:2;list-style:none;margin:4px 0 0;padding:0}
.links-page #links-main .directory-services li{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;margin:0;padding:0}
.links-page #links-main .directory-services a{display:inline-flex;align-items:center;min-height:32px;font-size:14px;line-height:1.4;color:#185c83;text-decoration:none}
.links-page #links-main .directory-services a:hover{text-decoration:underline}
.directory-grid{align-items:start}
@media(max-width:760px){.links-page #links-main .directory-services a{min-height:44px}}
/* Every contact line shares the title's left edge, independent of label length. */
.links-page #links-main .directory-grid .directory-actions,
.links-page #links-main .directory-services li{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.links-page #links-main .directory-grid .directory-actions a,
.links-page #links-main .directory-services a{margin-left:0;padding-left:0;max-width:100%}
.links-page #links-main .directory-services li+li{margin-top:8px}
.links-page #links-main .directory-contact-label{flex-basis:auto}