/* Home · one connected composition (owner's integrated brief, Oct 26, 2026). Loaded after home-editions.css.
   The opening statement, one shared scene in navy linework on the warm paper, the three purposes with their doors
   directly beneath their part of the scene, then the search and a quiet trust line. Still state first; hover or
   focus on a purpose emphasizes its part of the scene. Nothing moves on its own; reduced motion turns transitions off. */
/* Oct 28, 2026 (owner's second polish note): hero top space about a third shorter; the search sits higher. */
body.home-view #home.scene-home{padding:clamp(28px,4dvh,44px) 0 0!important}
/* Oct 28, 2026 (owner): the footer's rule lines up with the content column's rules. */
body.home-view>footer.civic-site-footer{margin:16px auto 24px!important;width:min(1180px,90%)!important;box-sizing:border-box}
body.home-view #home.scene-home .home-entry.home-scene-entry{display:block;width:min(1180px,90%);margin:0 auto;max-width:none}
/* Oct 28, 2026 (owner): the left column is exactly as wide as the headline, so the search's right edge meets the
   headline's right edge at every desktop width; the map takes what remains. */
/* Oct 28, 2026 (owner): the hero is one idea, the question and the search; the map moves to the third pillar below. */
/* Oct 28, 2026 (owner): the hero is centered like everything below it: headline, kicker, field as wide as the headline. */
#home .home-top{display:grid;grid-template-columns:fit-content(100%);justify-content:center;gap:0;align-items:start;margin:0 0 72px;padding-top:26px;text-align:center}
#home .home-top .home-open{text-align:center}
/* the national map, restrained: fine navy outlines on the warm paper, Los Angeles marked in brand red, its own space right of the hero */
#home .home-map{margin:0;justify-self:end;width:min(100%,300px);opacity:.82}
#home .home-map img{display:block;width:100%;height:auto}
#home .home-map figcaption{margin:4px 0 0;font-size:12px;color:#53636a;text-align:right;display:flex;justify-content:flex-end;align-items:center;gap:6px}
#home .home-map-dot{width:8px;height:8px;border-radius:50%;background:#c70043;display:inline-block}
body.home-view #home.scene-home .home-open{text-align:center;max-width:none;margin:0 0 6px}
/* the one serif on the site: Georgia Regular, homepage hero headline only (designer spec, Oct 26, 2026) */
body.home-view #home.scene-home .home-open .landing-question{font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:clamp(40px,4.2vw,60px)!important;line-height:1.06;letter-spacing:-1.4px;margin:0 0 10px!important;text-align:center;max-width:none!important;white-space:nowrap}
body.home-view #home.scene-home .home-open .home-purpose{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;line-height:1.5;color:#092c46;margin:0;max-width:none!important;text-align:center}

/* the three purposes, from the owner's three-column mockup (Oct 26, 2026): each column owns its illustration,
   heading, short red rule, resident questions and tools. Dividers between the columns. Still state first. */
#home .purpose-index{display:none}
/* Oct 28, 2026 (owner): LEARN | ACT as two equal columns on one plane; SHARE is held back until it has content.
   Destinations read as links: navy, underlined in the line color, one per full-width row with a hairline between. */
/* Oct 28, 2026 (owner: lines feel templatey): no rule above the pillars and no dividers between them; whitespace and
   centering do the grouping. The footer's hairline is the one rule on the page. */
#home .purposes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:0;margin:0;border-top:0}
/* Oct 28, 2026 (owner): each third is centered: heading, sketch and one line of destinations with a subtle dot between.
   Learn: Find your rep · Follow the Money. Act: Civic Crew · Directory (Find help and Who runs what were
   redundant with the search and the header). */
#home .purpose{display:contents}
/* Nov 6, 2026 (owner, evening): each destination is one link, one keyboard stop, holding its heading, illustration and description; the
   three rows share the grid so headings, art and descriptions line up across the columns. Open and unboxed: no border or fill. */
#home .purpose-link{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 3;align-content:start;justify-items:center;padding:22px 8px 10px;text-align:center;color:inherit;text-decoration:none;border-radius:14px;outline-offset:6px}
#home .purpose-link:focus-visible{outline:3px solid #c70043}
#home .purpose-link:hover h2{color:#c70043;text-decoration-color:#c70043}
#home .purpose-link:hover .p-art img{opacity:.9}
#home .purpose+.purpose{border-left:0}
/* Oct 28, 2026 (owner): illustrations a quarter smaller and left-aligned, so the destination rows lead. */
/* Oct 29, 2026 (owner): the three visuals share one box, the map's size, so Learn the system's picture matches Los Angeles, CA's. */
#home .p-art{margin:4px auto 10px;width:100%;max-width:230px;height:150px;display:flex;align-items:center;justify-content:center;overflow:visible}
#home .p-art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;opacity:.6;transition:opacity .15s ease,transform .15s ease}
/* Each drawing centered by its drawn area, not its canvas (measured Nov 6): the rep scene sits left and low in its file, the budget circle's
   mass sits left of its box because the lifted slice extends right, the help figure is 7 percent shorter. Scale and shift only; nothing stretched. */
#home .purpose[data-purpose=rep] .p-art img,#home .purpose[data-purpose=rep] .purpose-link .p-art img{transform:translate(11px,-4px) scale(.97)}
#home .purpose[data-purpose=money] .purpose-link .p-art img{transform:translate(12px,0) scale(1)}
#home .purpose[data-purpose=help] .purpose-link .p-art img{transform:translate(9px,1px) scale(1.04)}
#home .p-map{max-width:230px}
#home .p-map img{opacity:.82}
/* without subgrid, the rows still line up: the heading row and the illustration row have fixed heights */
@supports not (grid-template-rows: subgrid){#home .purpose-link{display:flex;flex-direction:column}#home .purpose-link h2{height:44px}}
#home .p-art .spoke,#home .p-art .path,#home .p-art .link{transition:stroke .2s ease}
#home .purpose.on .p-art :is(.spoke,.path){stroke:#c70043}
#home .purpose.on .p-art .link{stroke-width:1.8}
/* Oct 29, 2026 (owner, after reviewing the live page): the titles return above the visuals, in caps as he wrote them:
   LEARN THE SYSTEM · TAKE ACTION · LOS ANGELES, CA. Same size and weight; tracked like the site's other caps. */
/* Oct 29, 2026 (owner: "publish" on the programmer's recommendation, after his question whether titles and actions should swap):
   the title is a quiet label over the picture (14px caps, tracked, slate) and the two actions beneath are the larger, ink
   elements (13px caps), so the clickable things read as the clickable things. Same copy, same order. */
#home .purpose h2{margin:0;text-align:center;font-family:"Atkinson Hyperlegible Next","Helvetica Neue",Arial,sans-serif;font-size:14px;line-height:1.2;font-weight:600;color:#53636a;letter-spacing:.08em;text-transform:uppercase;min-height:32px;display:flex;align-items:flex-end;justify-content:center}
#home .purpose h2::after{content:none}
#home .purpose-copy{margin:0 0 10px;font-size:15px;line-height:1.55;color:#33434f;max-width:40ch;text-align:left}
#home .dests{list-style:none;margin:0;padding:0;text-align:center;align-self:start;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 12px}
#home .dest-note{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:15px;line-height:1.35;color:#53636a;text-align:center}
#home .dests li{margin:0}
#home .dests li{min-height:44px;display:flex;align-items:center;border:0}
#home .dests li+li::before{content:"";width:5px;height:5px;border-radius:50%;background:#092c46;margin-right:12px;flex:none}
/* Oct 28, 2026 (owner): the actions in caps, tracked, signage-like; the underline stays so they still read as links. */
#home .dests a{display:inline-flex;width:auto;align-items:center;gap:0;padding:0;white-space:nowrap;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;font-weight:600;color:#092c46;text-decoration:underline;text-decoration-color:#092c46;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}
#home .dests a:hover{color:#c70043;text-decoration-color:#c70043}
#home .dests a:focus-visible{color:#c70043;outline:2px solid #c70043;outline-offset:4px;border-radius:2px}
#home .dest-quiet,#home .dests .dest-quiet-row{display:flex;align-items:center;align-self:start;min-height:44px;margin:0;font-size:16px;line-height:1.35;color:#53636a;text-align:left}

/* search: under the opening statement, with a persistent label; supporting, visible without scrolling */
body.home-view #home.scene-home .home-tools{margin:0;max-width:none}
body.home-view #home.scene-home .home-tools .start-box{margin-top:14px!important}
/* Oct 28, 2026 (owner: 'the search is gianormous'): in the centered hero the field no longer takes the headline's width; it is a
   620px search box, centered. */
body.home-view #home.scene-home .home-tools .start-box,body.home-view #home.scene-home .home-tools #type-start,body.home-view #home.scene-home .home-tools form.your-la{max-width:620px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
#home .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.home-view #home.scene-home .home-tools /* Oct 28, 2026 (owner): the field at 88px read proportionately too big against the 60px headline; now 68px, submit 50px, Near me 32px. */
form.your-la{min-height:46px;border:2px solid #092c46!important;box-shadow:0 2px 0 rgba(9,44,70,.06),0 10px 28px rgba(9,44,70,.10)!important}
body.home-view #home.scene-home .home-tools #your-la input{height:44px;font-size:16px!important;padding-left:20px!important}
body.home-view #home.scene-home .home-tools .your-la button[type=submit]{width:36px!important;height:36px!important;background:#092c46!important;color:#fff!important;border-color:#092c46!important}
body.home-view #home.scene-home .home-tools .your-la button[type=submit]:hover{background:#c70043!important;border-color:#c70043!important}
/* Oct 28, 2026 (owner): the Near me pill sits inside the field's height as a smaller control, so the field reads as one shape; phones keep the 44px target below. */
body.home-view #home .your-la button.ca-near{display:inline-flex!important;align-items:center;align-self:center;gap:6px;flex:none;width:auto!important;height:28px!important;margin:0 6px 0 0!important;padding:0 9px!important;border:1px solid #cbd0cb;border-radius:999px;background:#f8f8f2!important;font:inherit;font-size:12px!important;line-height:1;font-weight:600;color:#092c46!important;cursor:pointer}
body.home-view #home .your-la button.ca-near .loc-icon{color:#c70043;width:14px;height:14px}
body.home-view #home .your-la button.ca-near:hover{border-color:#092c46;background:#fff!important}
body.home-view #home .your-la button.ca-near:focus-visible{outline:2px solid #092c46;outline-offset:2px}
body.home-view #home.scene-home .home-tools,body.home-view #home.scene-home .home-tools .start-box,body.home-view #home.scene-home .home-tools #type-start,#home .home-top-text,#home .home-top{min-width:0}
/* Oct 28, 2026 (owner): the sources line and the not-the-City line are one quiet block at the foot of the page, out of
   the way: small, muted, a hairline above, links in the same muted ink. The credit reads in lowercase. */
body.home-view:has(#home) footer.site-foot .civic-fine{align-self:stretch;width:100%;margin:4px 0 0;padding-top:10px;border-top:1px solid #e9ece5;display:flex;flex-direction:column;gap:2px}
body.home-view:has(#home) footer.site-foot .civic-fine .civic-notice{margin:0;max-width:none;font-size:12.5px!important;line-height:1.6;color:#8a949a!important;text-align:left}
body.home-view:has(#home) footer.site-foot .civic-fine .civic-notice a{color:inherit!important;text-decoration-color:#cbd0cb}
body.home-view:has(#home) footer.site-foot .civic-fine .civic-notice a:hover{color:#092c46!important;text-decoration-color:currentColor}
body.home-view:has(#home) footer.site-foot .civic-project-credit{color:#8a949a!important}
/* Oct 28, 2026 (owner): the sources line is a quiet callout bar, docked above the footer. */
/* Oct 28, 2026 (owner): the sources line is a plain muted line at the very bottom, reading as part of the footer. */
#home .home-trust{display:block;max-width:none;margin:56px 0 0;padding:0;border:0;background:none;font-size:13px;line-height:1.6;color:#53636a;text-align:left}
#home .home-trust a{color:#092c46;text-decoration-color:#cbd0cb;text-underline-offset:3px}
#home .home-trust a:hover{color:#c70043;text-decoration-color:#c70043}

/* a result replaces the entrance (same behavior as before: the answer card takes the page) */
body.home-view #home.scene-home:has(.your-la-result:not([hidden])) :is(.home-open,.purposes,.purpose-index,.home-trust,.search-lead){display:none}
body.home-view #home.scene-home:has(.your-la-result:not([hidden])) .home-entry{max-width:680px}

/* the page: main content sits at the top with presence; the footer follows the content */
/* Oct 28, 2026 (owner): the footer follows the content; Home's main no longer stretches to fill the window. */
body.home-view>#main{justify-content:flex-start;flex:none!important;min-height:0!important}

@media (max-width:950px){
  body.home-view #home.scene-home .home-entry.home-scene-entry{width:min(720px,calc(100% - 40px))}
  #home .home-top{grid-template-columns:1fr;justify-content:stretch;gap:8px;padding-top:8px;margin-bottom:64px}
  #home .home-map{display:none}
  body.home-view .atlas-header{min-height:0!important;padding-top:10px!important;padding-bottom:8px!important}
  body.home-view .atlas-header nav{gap:2px 14px!important}
  body.home-view .atlas-header nav a{font-size:12px!important;min-height:36px;line-height:36px}
  body.home-view #home .your-la button.ca-near span{display:none}
  body.home-view #home .your-la button.ca-near{padding:0!important;width:44px!important;height:44px!important;justify-content:center}
  body.home-view #home.scene-home .home-tools #your-la input{font-size:16px!important}
  body.home-view #home.scene-home .home-tools .your-la button[type=submit]{width:48px!important;height:48px!important}
  #home .dests{flex-direction:column;gap:0}
  #home .dests li+li::before{content:none}
  #home .dests a{display:inline-flex;width:auto;min-height:44px;align-items:center;white-space:normal}
  body.home-view #home.scene-home .home-tools form.your-la{min-height:62px}
  body.home-view #home.scene-home .home-tools #your-la input{height:62px;font-size:17px!important}
  #home .home-trust{margin-top:24px}
  #home .home-map figcaption{justify-content:flex-start;font-size:12px}
  #home .purpose-index{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin:6px 0 2px;font-size:14px}
  #home .purpose-index span{display:none}
  #home .purpose-index a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:#092c46;text-decoration:none;border-bottom:1.5px solid transparent}
  #home .purpose-index a:hover{border-bottom-color:#c70043}
  #home .purpose-index a:focus-visible{outline:3px solid #c70043;outline-offset:2px}
  #home .purposes{grid-template-columns:1fr;grid-template-rows:none;margin-top:4px}
  #home .purpose{display:contents}
  #home .purpose-link{display:block;padding:16px 0 14px;border-top:0}
  #home .purpose+.purpose{padding-left:0;border-left:0}
  #home .p-art{max-width:190px;height:124px;margin:8px auto 4px}
  #home .p-art img{max-height:108px}
  #home .purpose h2{font-size:14px;min-height:0}
  #home .purpose h2::after{margin:10px 0 4px}
  #home .dests{margin-top:0}
  #home .dests a{min-height:44px}
  #home .dests li{min-height:44px}
  #home .dest-note{min-height:44px}
}
@media (max-width:650px){
  body.home-view #home.scene-home .home-entry.home-scene-entry{width:calc(100% - 32px)}
  body.home-view>footer.civic-site-footer{width:calc(100% - 32px)!important;margin:16px auto 24px!important}
  body.home-view #home.scene-home .home-open .landing-question{font-size:36px!important;max-width:none!important;white-space:normal}
  body.home-view #home.scene-home .home-open .home-purpose{font-size:12px;max-width:none!important}
  #home .purpose h2{font-size:14px;min-height:0}
}
@media (prefers-reduced-motion:reduce){
  #home .purpose,#home .p-art .spoke,#home .p-art .path,#home .p-art .link{transition:none}
}

/* Oct 29, 2026 (owner): the heading and the line centre on the same axis as the eyebrow and the action (margin auto on their boxes).
/* Oct 28, 2026 (owner): the Follow the Money band is back under the three doors ("we need to get back in there from
   previous passes. it was great."). Same chart preview as Oct 24; the eyebrow and action use the homepage's label
   vocabulary (ink, not red); the heading is a statement, not a question. Hidden while a search result is open. */
/* Oct 29, 2026 (owner, after reviewing the live page): the band is one invisible rectangle. Its header, FOLLOW THE MONEY: MEASURE A,
   spans the top; the heading, the figures line and the action sit at the left under it, the chart at the right, both top-aligned,
   so nothing in the drawing rises above the header. Left-aligned inside the rectangle. */
#home .home-feature{width:min(1180px,100%);margin:64px auto 0;display:grid;grid-template-columns:minmax(300px,1fr) minmax(0,640px);grid-template-rows:auto auto;gap:18px 56px;align-items:start;text-align:left}
#home .home-feature-text{min-width:0}
#home .home-feature-eyebrow{grid-column:1 / -1;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#092c46;margin:0}
#home .home-feature h2{font-size:22px;font-weight:600;color:#092c46;margin:0 0 8px;line-height:1.25;max-width:30ch}
#home .home-feature-lede{font-size:16px;color:#33434f;margin:0 0 14px;max-width:46ch;line-height:1.45}
#home .home-feature-act{margin:0}
#home .home-feature-cta{display:inline-flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#092c46;text-decoration:underline;text-decoration-color:#092c46;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}
#home .home-feature-cta:hover,#home .home-feature:hover .home-feature-cta{color:#c70043;text-decoration-color:#c70043}
#home .home-feature-cta:focus-visible{outline:2px solid #0759b5;outline-offset:3px;border-radius:3px}
#home .home-feature-visual{display:block;min-width:0;align-self:start}
#home .home-feature-visual img{display:block;width:100%;height:auto}
body.home-view:has(.your-la-result:not([hidden])) #home .home-feature{display:none}
@media (max-width:950px){
  #home .home-feature{width:calc(100% - 32px);grid-template-columns:1fr;gap:16px;margin:48px auto 32px}
  #home .home-feature h2{max-width:none}
}
@media (prefers-reduced-motion:reduce){#home .home-feature-cta{transition:none}}

/* Oct 29, 2026 (owner, from his phone): on phones the header is one row, brand left and District Map upper right
   (Civic Atlas Graph stays the desktop link); the tagline is larger; the headline moves up; each door is one
   straight row, picture left, title and two actions on one left edge. Nothing changes above 650px. */
body.home-view .atlas-header nav a.nav-phone{display:none!important}
@media (max-width:650px){
  body.home-view .atlas-header,body.home-view.map-page .atlas-header{flex-wrap:nowrap!important;align-items:center;gap:12px!important;height:auto!important;min-height:0!important;padding:12px 16px!important}
  body.home-view .atlas-header .atlas-brand{gap:10px;min-width:0;flex:1 1 auto!important;width:auto!important}
  body.home-view .atlas-header .atlas-brand .nb-mark{font-size:16px!important;line-height:1.2}
  body.home-view .atlas-header .atlas-brand .nb-doodles svg{width:16px!important;height:16px!important}
  body.home-view .atlas-header .atlas-navigation{flex:0 0 auto!important;width:auto!important;margin:0!important}
  body.home-view .atlas-header nav{width:auto!important;justify-content:flex-end}
  body.home-view .atlas-header nav::after{content:none!important;display:none!important}
  body.home-view .atlas-header nav a.nav-desk{display:none!important}
  body.home-view .atlas-header nav a.nav-phone{display:block!important}
  body.home-view #main>#home.screen.landing.scene-home{padding-top:16px!important}
  #home .home-top{padding-top:0;margin-bottom:28px}
  #home .purposes{margin-top:0}
  #home .purpose-link{display:grid;grid-template-columns:128px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;align-items:center;justify-items:start;text-align:left;padding:12px 0;outline-offset:4px}
  #home .purpose-link .p-art img{transform:none}
  #home .purpose h2{grid-column:2;grid-row:1;align-self:end;justify-content:flex-start;text-align:left;margin:0 0 2px}
  #home .p-art{grid-column:1;grid-row:1 / span 2;width:128px;max-width:128px;height:96px;margin:0;align-items:center}
  #home .p-art img{max-height:96px}
  #home .dests{grid-column:2;grid-row:2;align-items:flex-start;text-align:left}
  #home .dests li{min-height:40px}
  #home .dests a{min-height:40px}
}

/* Nov 3, 2026 (owner's hierarchy brief): Home is one opening statement, one search and three destinations, each answering a
   different question. The destination name is the link (the 13px caps the actions already used) and one plain sentence
   beneath says what the resident gets. The Measure A band and the Los Angeles card leave Home; About holds the project's
   community ambition. */
#home .journeys .purpose h2{min-height:0;align-items:center}
#home .journeys .purpose h2{display:inline-flex;align-items:flex-end;min-height:44px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35;font-weight:600;color:#092c46;text-decoration:underline;text-decoration-color:#092c46;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .15s ease,text-decoration-color .15s ease}
#home .journeys .dest-note{max-width:30ch;margin:0 auto;padding:0 4px;align-self:start;align-items:flex-start;min-height:44px}
#home .journeys .p-chart img{mix-blend-mode:normal;opacity:1;object-position:center}
@media (max-width:650px){#home .journeys .dest-note{max-width:none;text-align:left}}
/* Nov 3, 2026: with three header links on Home, the phone header matches the inner pages: the mark alone at the left, the
   tagline off, the links wrapping toward the right in two rows. Nothing changes above 650px. */
@media (max-width:650px){
  body.home-view .atlas-header .atlas-brand .brand-text{display:none!important}
  body.home-view .atlas-header .atlas-navigation{flex:1 1 auto!important;min-width:0}
  body.home-view .atlas-header nav{display:flex;flex-wrap:wrap!important;justify-content:flex-end!important;align-content:center!important;align-self:center;height:auto!important;gap:0 18px;width:auto!important;margin-left:auto}
  body.home-view .atlas-header nav a{min-height:44px!important;height:44px!important;padding:0!important;display:inline-flex;align-items:center}
}



/* Nov 7, 2026 (feedback checklist, step 2): on a crisis card everything after the 911 block and the title sits behind
   one line. The summary reads as a plain, calm line, not a button; open, it is a divider. */
#home .cc-more-after{margin:18px 0 0;border-top:1px solid var(--ca-rule,#dfe2dd)}
#home .cc-more-after>summary{list-style:none;cursor:pointer;padding:14px 0;font:600 16px/1.4 var(--ca-ui,system-ui,sans-serif);color:#092c46;display:flex;align-items:center;gap:10px}
#home .cc-more-after>summary::-webkit-details-marker{display:none}
#home .cc-more-after>summary::before{content:"";width:9px;height:9px;border-right:2px solid #092c46;border-bottom:2px solid #092c46;transform:rotate(-45deg);margin-left:4px;flex:none}
#home .cc-more-after[open]>summary::before{transform:rotate(45deg)}
#home .cc-more-after>summary:focus-visible{outline:2px solid #c70043;outline-offset:2px;border-radius:6px}
#home .cc-first{margin-top:12px}
#home .cc-first-more{margin:10px 0 0}
#home .cc-more-everyday>summary{font-weight:600;font-size:15px}

/* Home task framing: representative lookup remains in the main inquiry. */
#home .entry-route-note{max-width:660px;margin:12px auto 0;font-size:15px;line-height:1.5;color:#52636c;text-align:center}