/* October 5 preview: the national ambition alongside the useful local starting point. */
body.home-view #home.screen { max-width:none!important; }
body.home-view #home .home-entry {
  display:grid; grid-template-columns:minmax(0, 1fr);
  align-items:start; gap:28px; width:min(640px, calc(100% - 64px));
  margin:0 auto!important;
}
#home .edition-map { margin:0; text-align:center; }
#home .edition-map img { display:block; width:100%; height:auto; }
#home .edition-map figcaption { margin:12px 0 0; }
#home .edition-label { color:#092c46; font-size:14px; margin:0; }
#home .edition-label::before { content:''; display:inline-block; width:7px; height:7px; border-radius:50%; background:#c70043; margin-right:7px; vertical-align:1px; }
#home .edition-invite { font-size:13px; line-height:1.5; margin:16px 0 0; color:#53636a; }
#home .edition-request { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:#092c46; text-decoration:underline; text-decoration-color:#cbd0cb; text-underline-offset:4px; }
#home .edition-invite-mobile { display:none; }
#home .home-tools { min-width:0; }
#home .home-tools .landing-question { font-size:clamp(28px, 2.6vw, 38px)!important; max-width:none!important; }
#home .home-tools .landing-top { width:100%; }
#home .home-tools form.your-la { margin:28px auto 0!important; width:100%!important; max-width:640px; }
#home .home-tools .your-la-sub { margin:8px 0 0!important; }
#home .home-tools .your-la-try-line { margin:20px 0 0!important; }
#home .home-tools .try-chip { font-size:14px!important; padding:8px 12px!important; }
#home .home-tools .guides-line { margin:20px 0 0!important; }
#home .home-tools .coming-up { margin:24px auto 0!important; padding-top:16px!important; }
#home .home-passalong { margin:20px 0 0; }
#home .home-passalong .friend-status { margin:8px 0 0; }
#home .home-shortcuts { display:flex; align-items:center; justify-content:center; gap:20px; flex-wrap:wrap; margin-top:20px; }
#home .home-shortcuts .guides-line,#home .home-shortcuts .home-passalong { margin:0!important; }
@media(max-width:950px) {
  body.home-view #home .home-entry { grid-template-columns:1fr; gap:24px; width:min(640px,calc(100% - 32px)); }
  #home .edition-map { width:320px; max-width:100%; margin:auto; }
  #home .edition-map img { width:100%; }
  #home .edition-map figcaption { margin:0; }
  #home .edition-invite { margin-top:8px; }
  #home .home-tools .landing-question { font-size:30px!important; }
  #home .home-tools .landing-top { padding:0!important; }
}
@media(max-width:650px) {
  body.home-view #home.screen { padding:12px 0!important; }
  body.home-view #home .home-entry { gap:8px; }
  #home .edition-map { position:relative; width:288px; max-width:100%; }
  #home .edition-map img { width:100%; }
  #home .home-tools form.your-la { margin-top:20px!important; }
  #home .home-tools .landing-question { font-size:26px!important; }
  #home .home-shortcuts { gap:8px 16px; }
  #home .home-shortcuts .link-button { font-size:14px!important; }
  #home .home-shortcuts .friend-share { font-size:13px; padding:10px 12px; }
}
/* On a shared answer the map becomes secondary, so the requested answer stays close. */
body.home-view #home:has(.your-la-result:not([hidden])) :is(.edition-map,.edition-invite-mobile) { display:none; }
body.home-view #home:has(.your-la-result:not([hidden])) .home-entry { display:block; max-width:680px; }
#home .cc-take .cc-share { display:inline-flex; align-items:center; gap:8px; border-color:#092c46; }
#home .cc-take .cc-share svg { width:18px; height:18px; flex:none; }

/* The same single-marker locator now serves desktop and phone (owner, Oct 5). */
body.home-view:has(#home .your-la-result[hidden]) .atlas-header .atlas-edition { display:none; }
#home .edition-map { position:relative; width:100%; max-width:440px; margin:auto; }
#home .edition-map figcaption { margin:0; }
#home .edition-map .edition-label { position:absolute; left:0; top:59.078125%; transform:translateY(-50%); width:35%; margin:0; text-align:right; font-size:14px; line-height:1.35; }
#home .edition-label::before,#home .edition-label .edition-separator { display:none; }
#home .edition-label span { display:block; }
#home .edition-label .edition-number { color:#53636a; font-size:12px; }
#home .edition-invite-mobile { display:block; margin-top:16px; }
#home .edition-invite-mobile .edition-request { color:#53636a; }
@media(max-width:950px) { #home .edition-map { width:320px; } }
@media(max-width:650px) { #home .edition-map { width:288px; } #home .edition-map .edition-label { font-size:13px; } }
/* Keep the locator, input and meetings on the same desktop centerline. */
@media(min-width:951px) {
  body.home-view #home.screen { padding:32px 0!important; }
  body.home-view #home .home-entry { gap:20px; }
  #home .coming-up .cu-meeting { display:block; text-align:center; }
  #home .coming-up .cu-meeting-copy, #home .coming-up .cu-attendance { text-align:center; }
  #home .edition-map { max-width:400px; margin:0 auto; }
  #home .edition-map .edition-label { font-size:16px; }
  #home .edition-label .edition-number { font-size:14px; }
}

.home-secondary{border:0;padding:0;margin:0}
.home-secondary>summary{display:none}
@media(max-width:650px){
  #home .landing-kicker{display:none!important}
  #home .edition-map{width:220px;margin:0 auto 8px}
  #home .edition-map .edition-label{font-size:12px}
  #home .edition-label .edition-number{font-size:11px}
  #home .home-tools .landing-question{font-size:26px!important;line-height:1.2!important;margin:0 auto!important;max-width:320px!important}
  #home .home-tools form.your-la{margin-top:20px!important}
  #home .home-tools .your-la-sub{margin:6px 0 0!important}
  #home .home-secondary{margin:16px 0 0}
  #home .home-secondary>summary{display:list-item;list-style-position:inside;min-height:44px;box-sizing:border-box;padding:12px 4px;font-size:14px;color:#53636a;cursor:pointer;text-align:center}
  #home .home-secondary-content{padding:0 0 12px}
  #home .home-tools .coming-up{margin-top:16px!important}
}

.home-photo-entry{text-align:center;margin:12px 0 18px;font-size:15px}.home-photo-entry a{color:#092c46;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px}

.home-photo-entry{margin:8px auto 22px;max-width:440px}.home-photo-or{display:block;color:#53636a;font-size:14px;margin-bottom:10px}.home-photo-entry a{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px 22px;border:1px solid #092c46;border-radius:32px;text-decoration:none}.home-photo-entry a:hover{background:#e9eeeb}.home-photo-entry a:focus-visible{outline:3px solid #c70043;outline-offset:3px}

/* One entry point with two interchangeable input modes. */
.start-box{border:1px solid #cbd0cb;border-radius:28px;padding:12px;margin:24px auto 0;max-width:640px;background:#eeefea}
.start-modes{display:flex;justify-content:center;gap:4px}
.start-modes button{font:inherit;font-size:15px;border:0;background:transparent;color:#53636a;border-radius:22px;min-height:44px;padding:8px 26px;cursor:pointer}
.start-modes button[aria-pressed=true]{background:#092c46;color:#fff}
.start-invitation{text-align:center;font-size:14px;color:#53636a;margin:12px 4px 14px}
#home .home-tools .start-box form.your-la{margin:0!important;background:#fff!important}
#home .start-box .your-la-sub{display:none}
#home .start-box.engaged .your-la-sub{display:block}
.start-photo-pick{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px 22px;border-radius:32px;background:white;color:#092c46;font-size:18px;cursor:pointer}
.start-photo-pick span{font-size:28px}
.start-drop-hint{text-align:center;font-size:13px;color:#53636a;margin:10px 0 0}
.start-box.dragging{border-color:#092c46;outline:2px solid #092c46}
.start-modes button:focus-visible,.start-photo-pick:focus-within{outline:3px solid #c70043;outline-offset:2px}
#home .home-tools .coming-up{margin-top:80px!important}
@media(max-width:650px){body.home-view #home .home-entry{gap:12px}.start-box{margin-top:18px;padding:10px}.start-invitation{font-size:13px}.start-drop-hint{display:none}#home .edition-map{max-width:200px;margin:auto}}

button.start-photo-pick{width:100%;border:0;font-family:inherit}button.start-photo-pick:focus-visible{outline:3px solid #c70043;outline-offset:2px}

body.home-view #home .home-entry{min-height:0}#home>.coming-up{max-width:640px;margin:32px auto 0!important;padding:20px 16px;border-top:1px solid #cbd0cb}
@media(max-width:950px){body.home-view #home .home-entry{align-content:start;align-items:start}}

.start-modes{margin-bottom:12px}

/* Keep native file selection directly under the tap on touch browsers. */
.start-photo-pick{position:relative;overflow:hidden;margin:0}
.start-photo-pick span:first-child{font-size:18px}
.start-photo-pick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
body.home-view #home.screen{justify-content:flex-start!important}
#home .home-tools{width:100%;margin:0;align-self:start}

@media(max-width:650px){#home .start-box{width:95%;margin-left:auto;margin-right:auto}}

/* One clear next step. Desktop locator and search form a balanced pair. */
#home .home-purpose { color:#53636a; font-size:17px; line-height:1.5; margin:16px 0 0; }
#home .start-box { border:0; background:transparent; padding:0; width:100%; margin:26px 0 0; }
#home .home-tools .start-box form.your-la { background:#e9ece8!important; }
#home .your-la-status:empty { display:none; }
@media(min-width:951px) {
 body.home-view #home.screen { padding:clamp(64px,12vh,140px) 0 72px!important; }
 body.home-view #home .home-entry { width:min(1080px,calc(100% - 96px)); grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:64px; align-items:center; }
 #home .edition-map { max-width:400px; margin:0; align-self:center; }
 #home .home-tools { align-self:center; text-align:left; }
 #home .home-tools .landing-question { text-align:left!important; margin:0!important; font-size:clamp(30px,2.6vw,38px)!important; line-height:1.15!important; }
 #home .home-tools .landing-top { padding:0!important; }
}
@media(max-width:950px) {
 #home .home-purpose { font-size:16px; max-width:330px; margin:14px auto 0; }
 #home .start-box { width:95%; margin:24px auto 0; }
 body.home-view #home .home-entry { gap:24px; }
}

@media(min-width:951px){#home .home-tools .home-purpose{text-align:left!important;margin-left:0;margin-right:0}}

/* Quiet invitation to explore how local government fits together. */
#home .graph-sticker{width:120px;height:120px;box-sizing:border-box;border-radius:50%;display:block;text-decoration:none;justify-self:center}
#home .graph-sticker img{display:block;width:100%;height:100%}
/* A quiet button cue on touch screens as well as desktop. */
#home .graph-sticker{cursor:pointer;box-shadow:0 3px 7px rgba(9,44,70,.16);transition:transform .16s ease,box-shadow .16s ease}
@media(hover:hover) and (pointer:fine){#home .graph-sticker:hover{transform:translateY(-2px);box-shadow:0 5px 11px rgba(9,44,70,.2)}}
#home .graph-sticker:active{transform:translateY(1px);box-shadow:0 1px 3px rgba(9,44,70,.16)}
@media(prefers-reduced-motion:reduce){#home .graph-sticker{transition:none}}
#home .graph-sticker:focus-visible{outline:3px solid #c70043;outline-offset:4px}
@media(min-width:951px){#home .edition-map{grid-column:1;grid-row:1}#home .home-tools{grid-column:2;grid-row:1 / span 2}#home .graph-sticker{grid-column:1;grid-row:2;margin-top:-40px}body.home-view #home .home-entry{row-gap:48px}}
@media(max-width:950px){#home .graph-sticker{order:3;grid-row:3;margin:0 auto;width:112px;height:112px}#home .edition-map{order:1;grid-row:1}#home .home-tools{order:2;grid-row:2}}
body.home-view #home:has(.your-la-result:not([hidden])) .graph-sticker{display:none}

/* Keep the invitation within the badge link, with room below the circle. */
#home .graph-sticker{position:relative;margin-bottom:30px}
#home .graph-sticker-cue{position:absolute;top:calc(100% + 9px);left:0;width:100%;color:#003563;text-align:center;font:600 14px/1.3 "Atkinson Hyperlegible Next",Arial,Helvetica,sans-serif;white-space:nowrap}

/* The LA marker and Graph link form one geographic invitation. */
#home .edition-map .graph-sticker{position:absolute;left:-5%;top:21%;width:40%;height:auto;aspect-ratio:1;translate:0 -50%;margin:0;grid-area:auto}
@media(min-width:951px){#home .home-tools{grid-row:1}body.home-view #home .home-entry{row-gap:0}}
@media(max-width:950px){#home .home-entry{min-width:0}#home .edition-map{width:min(360px,100%);min-width:0;max-width:100%;margin:0 auto 30px}#home .edition-map .graph-sticker{left:max(0px,-5%)}}

/* October 13: restrained landing-page proportions and a clearer search surface. */
@media(min-width:951px){
 body.home-view #home .home-entry{width:min(1000px,calc(100% - 96px));grid-template-columns:minmax(0,360px) minmax(0,560px);column-gap:80px}
 #home .home-tools .landing-question{font-size:clamp(30px,2.5vw,36px)!important;font-weight:600!important;letter-spacing:-.025em!important;line-height:1.2!important}
 #home .home-purpose{margin-top:16px;font-size:16px;line-height:1.6}
 #home .start-box{margin-top:24px}
}
#home .home-tools .start-box form.your-la{background:#fff!important;border:1px solid #cbd0cb!important;box-shadow:0 2px 8px rgba(9,44,70,.025)}
#home .home-tools .start-box form.your-la:focus-within{border-color:#092c46!important;box-shadow:0 0 0 3px rgba(9,44,70,.08)}
#home .your-la input::placeholder{color:#53636a;opacity:1}
#home .graph-sticker{box-shadow:0 2px 4px rgba(9,44,70,.1)}
@media(hover:hover) and (pointer:fine){#home .graph-sticker:hover{box-shadow:0 4px 8px rgba(9,44,70,.14)}}
@media(max-width:650px){#home .your-la input::placeholder{font-size:14px}}

/* Quiet identity line under the search. Wording is the first sentence of the About disclaimer. */
#home .not-city-line{margin:8px 0 0;padding:0 4px;font-size:13px;font-weight:400;line-height:1.45;color:#53636a}
#home .not-city-line a{color:inherit;font-weight:400;text-decoration-thickness:1px;text-decoration-color:#cbd0cb;text-underline-offset:3px}
#home .not-city-line a:hover{text-decoration-color:#53636a}

/* Desktop scale: keep breathing room while making the two entry points readable. */
@media(min-width:951px){
 body.home-view #home .home-entry{width:min(1240px,calc(100% - 112px));grid-template-columns:minmax(0,450px) minmax(0,690px);column-gap:100px;transform:translateY(-4vh)}
 #home .edition-map{max-width:450px}
 #home .home-tools .landing-question{font-size:clamp(32px,2.8vw,44px)!important}
 #home .home-purpose{font-size:19px}
 #home .home-tools form.your-la{max-width:none;min-height:64px}
 #home .your-la input{font-size:18px!important}
 .atlas-header nav a{font-size:16px}
}

/* D-011: desktop hierarchy, not an even scale. The heading is the one clear increase. Below 1024px the rules above are unchanged. */
@media (min-width: 1024px) {
  body.home-view .atlas-header .atlas-brand img {
    width: 75.2px !important;
    height: 75.2px !important;
    min-width: 75.2px;
  }
  body.home-view .atlas-header .atlas-brand .nb-mark {
    font-size: 13.31px !important;
    font-weight: 400 !important;
    color: #53636a !important;
    opacity: 1;
  }
  body.home-view .atlas-header .atlas-brand .nb-doodles svg {
    width: 12.705px !important;
    height: 12.705px !important;
    stroke: #53636a;
  }
  body.home-view .atlas-header nav a {
    font-size: 15px !important;
    font-weight: 400 !important;
  }
  #home .home-tools .landing-question {
    font-size: clamp(36px, 3.15vw, 49.5px) !important;
    /* Near 1024px the column is narrower than this line, so wrap instead of spilling into the map. */
    white-space: normal !important;
  }
  body.home-view #home #your-la input {
    font-size: 17px !important;
  }
  #home .home-tools form.your-la {
    min-height: 68px;
  }
  #home .your-la button {
    width: 55.25px;
    height: 55.25px;
    font-size: 23.375px;
  }
}

/* D-027: short on-site list on the scooter card. Home only. The Civic Atlas Graph does not load this file. */
#home .contact-card .near-scooter {
  margin: 4px 0 12px;
  padding: 12px 14px;
  border: 1px solid #cbd0cb;
  border-radius: 12px;
  background: #fff;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  overflow-wrap: anywhere;
}
#home .contact-card .near-scooter h3 {
  margin: 0 0 8px;
  font: 700 15px/1.35 "Atkinson Hyperlegible Next","Helvetica Neue", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
  color: #092c46;
}
#home .contact-card .near-scooter ol {
  margin: 0;
  padding: 0 0 0 1.25em;
  min-width: 0;
}
#home .your-la-result .contact-card .near-scooter li {
  display: list-item !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  grid-template-columns: none !important;
  gap: 0 !important;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  font: 15px/1.45 "Atkinson Hyperlegible Next","Helvetica Neue", Arial, sans-serif !important;
  font-weight: 400 !important;
  color: #33434f !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
#home .contact-card .near-scooter p {
  margin: 8px 0 0;
  max-width: 100%;
  overflow-wrap: anywhere;
  font: 15px/1.45 "Atkinson Hyperlegible Next","Helvetica Neue", Arial, sans-serif;
  color: #33434f;
}

/* D-033: phone answer cards. Call, Website, the phone number, and MyLA311 are nowrap
   pills in a row that does not shrink (flex: none). That row's min-content widens the
   definition list, so Optional and Contact run past the phone. Home only. The Civic
   Atlas Graph does not load this file, and these rules apply only under 520px. */
@media (max-width: 520px) {
  #home .your-la-result,
  #home .contact-card,
  #home .contact-card .cc-w,
  #home .contact-card .cc-w > div,
  #home .contact-card .cc-w dd,
  #home .contact-card .cc-list,
  #home .contact-card .cc-row,
  #home .contact-card .cc-text,
  #home .contact-card .cc-acts,
  #home .contact-card .cc-matters,
  #home .contact-card .cc-paste,
  #home .contact-card .cc-paste-item,
  #home .contact-card .near-scooter {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
  }
  #home .contact-card .cc-w dd,
  #home .contact-card .cc-w dd a,
  #home .contact-card .cc-src,
  #home .contact-card .cc-src a,
  #home .contact-card .cc-paste-text {
    overflow-wrap: anywhere;
  }
  #home .contact-card .cc-acts {
    flex-wrap: wrap;
    min-width: 0;
    max-width: calc(100% - 52px);
  }
  #home .contact-card .cc-no-avatar .cc-acts {
    max-width: 100%;
  }
  #home .contact-card .cc-act {
    white-space: normal;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

/* v26 · Interface polish, round 1 (Oct 21, 2026, for owner review): Home search field, arrow button, navigation, footer.
   Quiet precision: no scaling, no movement, short colour-only transitions, reduced motion respected.
   Label convention: short nav and footer labels are Title Case in the HTML; CSS never capitalizes them. */

/* Search field: text sized to the pill, aligned to the pill's curve, placeholder AA on white. */
body.home-view #home .home-tools form.your-la{min-height:68px;align-items:center;transition:border-color .15s ease,box-shadow .15s ease}
body.home-view #home #your-la input{font-size:18px!important;line-height:1.4;padding:0 18px 0 28px!important;height:66px;color:#092c46;letter-spacing:-.005em}
body.home-view #home #your-la input::placeholder{color:#53636a;opacity:1}

/* Circular arrow button: one drawn arrow (never a text glyph), centred in the circle, an even 5px ring inside the pill's border. */
body.home-view #home .your-la button[type=submit]{display:grid;place-items:center;flex:0 0 auto;width:56px!important;height:56px!important;margin:0 5px 0 0!important;padding:0!important;border:0;border-radius:50%;background:#092c46;color:#fff;font-size:0!important;line-height:0;cursor:pointer;transition:background-color .15s ease,box-shadow .15s ease}
body.home-view #home .your-la button[type=submit] .ca-arrow{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;display:block}
body.home-view #home .your-la button[type=submit]:hover{background:#163e5e}
body.home-view #home .your-la button[type=submit]:active{background:#061f33}
body.home-view #home .your-la button[type=submit]:focus-visible{outline:2px solid #0759b5;outline-offset:3px}
body.home-view #home .your-la button[type=submit]:disabled{background:#092c46;opacity:.45;cursor:progress}

/* Stability: the search field no longer jumps 26px when it gets focus. The "Use my location" line under the search
   (shown once the box had focus) took up 44px and the centred page moved up. Owner decision Oct 21: only the
   not-the-City line stays under the search; "Use my location" is the first suggestion in the list, which presses
   this same (now always hidden) button. */
body.home-view #home .start-box.engaged .your-la-sub{display:none}

/* Navigation and footer states moved to the shared layer in orientation.css (v2-152), so every page matches. */

@media (max-width:650px){
  body.home-view #home .home-tools form.your-la{min-height:64px}
  body.home-view #home #your-la input{font-size:17px!important;height:62px;padding:0 14px 0 22px!important}
  body.home-view #home .your-la button[type=submit]{width:52px!important;height:52px!important;margin-right:5px!important}
  body.home-view #home .your-la button[type=submit] .ca-arrow{width:23px;height:23px}
}
@media (prefers-reduced-motion:reduce){
  body.home-view #home .home-tools form.your-la,body.home-view #home .your-la button[type=submit]{transition:none}
}

/* v29 · "What would you like to find out?" (owner, Oct 25, 2026): the three ways in become a short list of direct
   questions, each a link to a working destination. No expansion, no explanatory paragraph. Same band, same label style. */
body.home-view .home-pillars .pillars-label{font-size:var(--t-title);font-weight:var(--w-strong);line-height:1.2;color:var(--c-ink);letter-spacing:0;margin:0 0 16px}
body.home-view .home-questions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
body.home-view .home-questions li{margin:0;border-bottom:1px solid #cbd0cb}
body.home-view .home-questions a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:8px 0;font-size:var(--t-body);font-weight:var(--w-regular);line-height:1.35;color:#092c46;text-decoration:none;transition:color .15s}
body.home-view .home-questions a::after{content:"";flex:none;width:22px;height:22px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c70043' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='M3.75 12h16.25M14 6l6 6-6 6'/></svg>") center/22px no-repeat}
body.home-view .home-questions a:hover{color:#0759b5;text-decoration:underline;text-underline-offset:3px}
body.home-view .home-questions a:focus-visible{outline:3px solid #c70043;outline-offset:2px;border-radius:2px}
@media (max-width:950px){body.home-view .home-questions{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){body.home-view .home-questions a{transition:none}}

/* Oct 30, 2026 (a visitor's emailed questions): on a desktop, a contact row whose buttons are wider than the room beside
   the text (three links, or two long ones) drops the buttons under the text instead of squeezing it or running past the
   card's edge. Under 520px the phone rules above already wrap. */
@media (min-width: 521px){
  #home .contact-card .cc-list li.cc-row{flex-wrap:wrap}
  #home .contact-card .cc-text{flex:1 1 240px}
  #home .contact-card .cc-acts{flex:0 1 auto;min-width:0;max-width:100%;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
}

/* Nov 5, 2026 (the traffic-safety preparation draft): the folded preparation groups, the community route and the dated
   event line inside an answer card. Home only; orientation.css stays as it is. */
#home .contact-card .cc-preparation{margin:4px 0 0}
#home .contact-card .cc-prep-list{margin:4px 0 10px;padding-left:1.2em;font-size:15px;line-height:1.5;color:#33434f}
#home .contact-card .cc-prep-list li{margin:0 0 8px}
#home .contact-card .cc-community-route{margin:6px 0 10px;font-size:15px;line-height:1.5;color:#092c46}
#home .contact-card .cc-event{margin:16px 0 0;padding:12px 14px;border:1px solid #cbd0cb;border-radius:12px;background:#fff;font-size:15px;line-height:1.5;color:#33434f}
#home .contact-card .cc-event p{margin:0}
#home .contact-card .cc-event b{color:#092c46}