/* One teaching and reading system for both city sections. */
body.city-site{--navy:#102f37;--teal:#124e52;--mint:#e9f2ee;--ink:#18383c;--paper:#f7f6f0;--bg:#f7f6f0;--soft:#edf2eb;--muted:#526767;--line:#d3ded8;margin:0;background:var(--paper);color:var(--ink);font:17px/1.75 Arial,Helvetica,sans-serif}
.city-site *{box-sizing:border-box}.city-site a{color:#124e52;text-underline-offset:4px}.city-site a:hover{color:#954522}.city-site :is(a,button,input,select,summary):focus-visible{outline:3px solid #954522;outline-offset:4px}
.city-site .city-wrap,.city-site .wrap{width:min(1120px,calc(100% - 48px));max-width:1120px;margin-inline:auto}
.city-site h1,.city-site h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;line-height:1.18;color:var(--ink)}
.city-site h1{font-size:clamp(38px,5vw,64px)}.city-site h2{font-size:clamp(28px,3vw,38px)}.city-site h3{line-height:1.4;color:var(--ink)}
.city-site .city-header{display:block;padding:0;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}
.city-site .city-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}
.city-site .city-brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font:700 14px/1.15 Arial,sans-serif;letter-spacing:0}
.city-site .city-brand img{display:block;object-fit:contain;width:48px;height:48px;flex:none}.city-site .city-brand .brand-name{color:var(--ink);font:700 14px/1.15 Arial,sans-serif}
.city-site .city-identity{text-align:right;font-size:12px;color:var(--muted)}.city-site .city-identity>span{display:block;margin-bottom:8px}
.city-site .city-switcher{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;padding:0;background:transparent}
.city-site .city-switcher a{display:block;padding:8px 12px;min-height:40px;border:1px solid #b8cbbf;color:var(--teal);font:600 13px/1.5 Arial,sans-serif;text-decoration:none;border-radius:0;background:transparent}
.city-site .city-switcher a[aria-current=page]{background:var(--teal);color:white;border-color:var(--teal);text-decoration:none}
.city-site .city-nav-bar{border-top:1px solid var(--line)}.city-site .city-main-nav{display:flex;gap:4px 26px;align-items:center;flex-wrap:wrap;padding:8px 0;background:transparent}
.city-site .city-main-nav>a,.city-site .city-more>summary{font:600 14px/1.5 Arial,sans-serif;display:inline-flex;align-items:center;padding:12px 0;min-height:46px;color:var(--teal);text-decoration:none;border-bottom:2px solid transparent}
.city-site .city-main-nav>a[aria-current=page]{border-color:var(--teal);color:var(--teal)}.city-site .city-main-nav>a:hover{text-decoration:underline}
.city-site .city-more{position:relative;margin-left:auto}.city-site .city-more>summary{cursor:pointer;display:list-item;list-style-position:inside}.city-site .city-more>div{position:absolute;right:0;z-index:20;min-width:250px;padding:12px 18px;border:1px solid var(--line);background:white;box-shadow:0 8px 24px #102f3718}
.city-site .city-more a{display:block;padding:10px 0;min-height:42px;font:14px/1.5 Arial,sans-serif;color:var(--teal);text-decoration:none}.city-site .city-more a[aria-current=page]{font-weight:bold;text-decoration:underline}
.city-site .city-footer{display:block;max-width:none;margin:0;padding:36px 0 18px;background:#102f37;color:#dcebe5;border:0}
.city-site .city-footer p{font:13px/1.7 Arial,sans-serif;color:#dcebe5;max-width:70ch;margin:0 0 12px}.city-site .city-footer .city-footer-title{font-size:16px;font-weight:bold}
.city-site .city-footer .reader-tools{display:flex;flex-wrap:wrap;gap:8px 24px;padding:10px 0;background:transparent;border:0;margin:0}.city-site .city-footer a{display:inline-block;padding:8px 0;color:#e0f0e8;font:14px/1.5 Arial,sans-serif}
.city-site .city-footer>p{width:min(1120px,calc(100% - 48px));max-width:1120px;margin:18px auto 0;font-size:11px;color:#c1d4ca}.city-site .city-footer a:focus-visible{outline-color:#f0bf87}
.city-site.city-with-hero>main{width:100%;max-width:none;padding:0;margin:0}.city-site.city-document>main{width:min(1120px,calc(100% - 48px));max-width:1120px;padding:36px 0 64px;margin:auto}
.city-site .main-content{width:min(1120px,calc(100% - 48px));max-width:1120px;margin:auto;padding:36px 0 64px}
.city-site .hero{background:var(--paper);color:var(--ink);padding:44px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid var(--line)}
.city-site .hero :is(.inner,.hero-inner,.wrap){width:100%;max-width:1120px;margin-inline:auto}.city-site .hero :is(h1,h2,h3,p,li){color:var(--ink)}
.city-site .hero h1{font-size:clamp(38px,5vw,64px);line-height:1.16;max-width:18ch;margin:14px 0 24px}.city-site .hero p{font-size:17px;line-height:1.8;max-width:70ch}
.city-site .hero .tag,.city-site .hero .kicker,.city-site .city-eyebrow{font:700 11px/1.6 Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em;color:#954522}
.city-site .hero .hero-slogan{font-size:21px;line-height:1.5;color:var(--teal);margin:20px 0;font-style:italic}
.city-site .hero .hero-secondary{color:var(--teal)}
.city-site .city-overview-hero{padding:44px 0}.city-site .city-hero-grid{display:grid;grid-template-columns:1.6fr .85fr;gap:56px;align-items:center}
.city-site .city-scope{background:#edf2eb;border-top:3px solid #954522;padding:24px;min-width:0}.city-site .city-scope p,.city-site .city-scope .service-note{font-size:14px;line-height:1.8}.city-site .city-scope p:last-child{margin-bottom:0}
.city-site .hero-more summary{font-size:14px;cursor:pointer;padding:12px 0;color:var(--teal)}.city-site .hero-more a{display:inline-block;margin:8px 16px 8px 0;color:var(--teal)}
.city-site .city-learning{padding:40px 0 52px}.city-site .city-learning h2{margin:12px 0 18px}.city-site .city-learning-intro{max-width:70ch;font-size:17px;color:var(--muted)}
.city-site .city-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:28px 0;text-align:left}
.city-site .city-learning-grid>a{display:flex;flex-direction:column;gap:12px;position:relative;background:white;border:1px solid var(--line);border-top:3px solid var(--teal);border-radius:0;padding:24px;color:var(--ink);text-decoration:none;min-width:0}
.city-site .city-learning-grid>a:hover{border-color:#954522}.city-site .city-learning-grid strong{font:400 24px/1.25 Georgia,serif;color:var(--ink)}.city-site .city-learning-grid span{font-size:14px;line-height:1.7;margin:0}
.city-site .city-learning-grid .city-path-number{color:#954522;font-size:11px;font-weight:bold}.city-site .city-learning-grid .city-path-arrow{margin-top:auto;padding-top:12px;font-size:22px}
.city-site .city-concepts{padding:24px 28px;border:1px solid var(--line);background:#edf2eb}.city-site .city-concepts h3{font-size:18px;margin:0 0 14px}
.city-site .city-concepts details{border-top:1px solid #bacdc1;padding:8px 0}.city-site .city-concepts summary{font-size:16px;font-weight:600;cursor:pointer;padding:10px 0}.city-site .city-concepts p{font-size:16px;line-height:1.8;max-width:75ch;margin:8px 0 16px}
.city-site.city-tucson.city-with-hero main>section:not(.city-overview-hero):not(.city-learning):not(.reader-callout){width:min(1120px,calc(100% - 48px));max-width:1120px;margin-inline:auto;padding:40px 0}
.city-site.city-tucson main>.alt{background:transparent}.city-site.city-tucson .alt .inner{max-width:none}
.city-site :is(.card,.claim,.record-card,.project-directory-card,.search-result,.reference-card){border:1px solid var(--line);border-radius:4px;background:white;box-shadow:none}
.city-site :is(.card,.claim,.record-card,.project-directory-card,.search-result,.reference-card) h2{font:400 28px/1.25 Georgia,serif;letter-spacing:-.025em}
.city-site :is(.card,.claim,.record-card,.search-result) p{line-height:1.8}.city-site .main-content>p,.city-site.city-document main>p{max-width:75ch}
.city-site :is(.reader-callout,.current-status,.site-search-form,.record-filters,.connection-filters,.notice){background:#edf2eb;color:var(--ink);border-color:#b8cbbf;border-radius:4px}
.city-site :is(.current-status,.reader-callout,.site-search-form) :is(h2,h3,p,li){color:var(--ink)}.city-site :is(.current-status,.reader-callout) .meta{color:#526767}.city-site :is(.current-status,.reader-callout) a{color:var(--teal)}
.city-site :is(input,select,button){font-family:Arial,sans-serif}.city-site input[type=search],.city-site select{max-width:100%;min-width:0;min-height:46px;border-radius:3px}
.city-site .page-jump,.city-site .section-nav{background:#edf2eb;color:var(--teal);border-block:1px solid var(--line)}.city-site .page-jump a,.city-site .section-nav a{color:var(--teal);font-size:14px}
.city-site .city-route-anchor{display:block;scroll-margin-top:24px}
.city-site .city-breadcrumbs{display:block;width:min(1120px,calc(100% - 48px));margin:auto;padding:20px 0;font-size:13px;line-height:1.6;color:var(--muted);background:transparent}
.city-site .city-breadcrumbs a{font-size:13px;color:var(--teal)}.city-site.city-document .city-breadcrumbs{width:100%;padding:0 0 24px}
.city-site .site-search-form button[type=submit],.city-site .record-views button[aria-pressed=true],.city-site .filter-chips button[aria-pressed=true],.city-site .search-print-toolbar button{background:var(--teal);border-color:var(--teal);color:white}
.city-site .site-search-form #clear-search,.city-site .record-filters>button{background:white;color:var(--teal);border:1px solid #859e90;border-radius:3px;font-size:14px}
.city-site .city-scope .city-publication-meta{border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}
.city-site .hero .city-eyebrow{font:700 11px/1.6 Arial,sans-serif;color:#954522}
@media(max-width:700px){.city-site .city-masthead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.city-site .city-identity,.city-site .city-switcher{min-width:0}.city-site .city-brand{gap:8px}.city-site .city-brand img{width:32px;height:32px}.city-site .city-brand .brand-name{font-size:12px}.city-site .city-breadcrumbs{width:calc(100% - 40px)}}
@media(max-width:950px){.city-site .city-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-site .city-hero-grid{gap:32px}.city-site .city-main-nav{gap:4px 20px}}
@media(max-width:700px){.city-site .city-wrap,.city-site .wrap,.city-site .main-content,.city-site.city-document>main{width:calc(100% - 40px)}.city-site .city-masthead{align-items:flex-start;padding-block:20px}.city-site .city-identity>span{display:none}.city-site .city-switcher{display:grid;gap:6px}.city-site .city-switcher a{font-size:12px;min-height:38px;padding:8px 10px}.city-site .city-brand,.city-site .city-brand .brand-name{font-size:12px}.city-site .city-brand img{width:40px;height:40px}.city-site .city-main-nav{gap:0 22px;padding-block:8px}.city-site .city-main-nav>a,.city-site .city-more>summary{font-size:13px;min-height:44px}.city-site .city-more{margin-left:0;width:100%}.city-site .city-more>div{position:static;min-width:0;box-shadow:none;background:transparent;padding:6px 16px}.city-site .hero{padding:32px 20px}.city-site .city-overview-hero{padding:32px 0}.city-site .city-hero-grid{grid-template-columns:1fr;gap:24px}.city-site .hero h1{font-size:clamp(36px,9vw,52px)}.city-site .city-scope{padding:20px}.city-site .city-learning{padding-block:32px}.city-site .city-learning-grid{gap:16px}.city-site .city-learning-grid>a{padding:20px}.city-site .city-learning-grid strong{font-size:23px}.city-site .city-concepts{padding:20px}.city-site .city-footer>p{width:calc(100% - 40px)}}
@media(max-width:500px){.city-site .city-learning-grid{grid-template-columns:1fr}.city-site .city-learning-grid>a{min-height:0;gap:8px}.city-site .city-learning-grid .city-path-arrow{position:absolute;right:20px;top:14px;padding:0}.city-site .city-learning-grid strong{padding-right:20px}}
@media print{.city-site .city-header,.city-site .city-footer,.city-site .city-learning,.city-site .city-main-nav,.city-site .city-switcher{display:none!important}.city-site,.city-site .hero{background:white;color:#111}.city-site .city-wrap,.city-site .wrap,.city-site .main-content,.city-site.city-document>main{width:100%;max-width:none;padding-inline:0}.city-site .hero{padding:20px 0}.city-site .city-hero-grid{display:block}.city-site .city-scope{background:transparent}.city-site .main-content{padding-block:20px}}

/* Keep a clear landscape beside the text, rather than fading the whole scene. */
.city-site .city-overview-hero,.city-site .city-home-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;background:var(--paper);border-bottom:1px solid var(--line)}
.city-site .city-landscape{grid-column:2;grid-row:1;min-height:340px;overflow:hidden;background:#e6d5b7}
.city-site .city-landscape img{display:block;width:100%;height:100%;max-height:440px;object-fit:cover;object-position:80% 60%;opacity:1}
.city-site .city-hero-copy.city-wrap{grid-column:1;grid-row:1;min-width:0;width:auto;max-width:none;margin:0 0 0 max(24px,calc((100vw - 1120px)/2));padding:32px 36px 32px 0;align-self:center;background:var(--paper)}
.city-site .city-hero-copy h1{font-size:clamp(38px,4vw,50px);max-width:none;line-height:1.12;margin:12px 0 18px;text-wrap:balance}
.city-site .city-hero-copy .hero-intro{font-size:17px;line-height:1.7;margin:0 0 16px;max-width:55ch}
.city-site .city-hero-copy .city-eyebrow{margin:0 0 10px}
.city-site .city-hero-copy .city-hero-date{font-size:12px;line-height:1.6;color:var(--muted);margin:0}
.city-site.city-landing .city-breadcrumbs{padding-block:10px}
.city-site .city-home-hero h1{font-size:clamp(44px,5vw,64px);text-wrap:initial}
.city-site .city-home-hero .home-actions{gap:12px;margin-top:24px}
.city-site .city-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 18px;background:var(--teal);border:1px solid var(--teal);color:white;font:600 14px/1.5 Arial,sans-serif;text-decoration:none;text-align:center}
.city-site .city-primary-link:hover{background:#103c40;color:white;text-decoration:underline}
.city-site .city-card.phoenix,.city-site .city-card.phoenix h3,.city-site .city-card.phoenix .entry{color:white}
.city-site .city-card.phoenix :is(p,.eyebrow,.card-tags){color:#e0f0e8}
.city-site .city-learning{padding:24px 0 18px}
.city-site .city-learning h2{font-size:28px;margin:0 0 16px}
.city-site .city-learning-grid{gap:14px;margin:0}
.city-site .city-learning-grid>a{padding:20px;gap:6px;min-height:110px}
.city-site .city-learning-grid strong{font:600 18px/1.3 Arial,sans-serif;padding-right:18px}
.city-site .city-learning-grid span{font-size:13px}
.city-site .city-learning-grid .city-path-arrow{position:absolute;top:14px;right:14px;font-size:20px;margin:0;padding:0}
.city-site .city-path-arrow svg{display:block;width:16px;height:16px}
.city-site .city-about.city-scope{padding:0;border:1px solid var(--line);background:transparent;box-shadow:none;margin-bottom:12px}
.city-site .city-about>summary{font-size:14px;font-weight:600;padding:14px 20px;min-height:48px;cursor:pointer;color:var(--teal)}
.city-site .city-about>div{padding:0 20px 16px;max-width:85ch}
.city-site .city-about .hero-slogan{font-style:italic;color:var(--teal)}
.city-site .city-about>.city-publication-meta{margin:0 20px 18px}
.city-site .city-about .hero-more{margin-top:14px}
.city-site .city-guide-jump{display:flex;flex-wrap:wrap;gap:4px 24px;padding:14px 0;border-bottom:1px solid var(--line);background:transparent}
.city-site .city-guide-jump a{padding:8px 0;font-size:14px;font-weight:600}
.city-site .city-guide-section{padding:42px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}
.city-site .city-guide-section h2{margin:8px 0 16px;font-size:clamp(28px,3.2vw,40px)}
.city-site .city-guide-section h3{font:400 25px/1.25 Georgia,serif;letter-spacing:-.02em;margin:0 0 14px}
.city-site .city-guide-section .city-eyebrow{margin:0 0 8px}
.city-site .city-section-intro{color:var(--muted);font-size:16px;max-width:75ch;margin:0 0 26px}
.city-site .city-section-heading{display:flex;gap:24px;justify-content:space-between;align-items:center}
.city-site .city-section-actions{display:flex;gap:6px 24px;flex-wrap:wrap;font-size:14px}
.city-site .city-section-actions a{padding:8px 0}
.city-site .city-finding-grid,.city-site .city-question-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:24px 0}
.city-site .city-finding-grid>article,.city-site .city-question-grid>article{border-top:3px solid var(--teal);padding:22px 0 0;min-width:0}
.city-site .city-finding-grid p,.city-site .city-question-grid p{font-size:15px;line-height:1.8;margin:0 0 14px}
.city-site .city-text-link{display:inline-block;font-size:14px;font-weight:600;padding:8px 0}
.city-site .city-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:38px}
.city-site .city-project-card{border:1px solid var(--line);border-top:3px solid var(--teal);background:white;padding:26px;min-width:0}
.city-site .city-project-facts{margin:20px 0;color:var(--ink);font:15px/1.7 Arial,sans-serif}
.city-site .city-project-facts>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:12px 0}
.city-site .city-project-facts dt{font-size:12px;font-weight:700;color:var(--teal)}
.city-site .city-project-facts dd{margin:0;min-width:0}
.city-site .city-project-caution{font-size:14px;line-height:1.75;margin:16px 0;padding-left:14px;border-left:3px solid #954522;color:var(--ink)}
.city-site .city-project-permalink{display:block;text-align:right;font-size:12px;margin:0 0 12px}
.city-site .city-project-details{margin-top:14px;border-top:1px solid var(--line)}
.city-site .city-project-details>summary{padding:14px 0;min-height:48px;font-size:14px;font-weight:600;cursor:pointer;color:var(--teal)}
.city-site .city-project-details>p{font-size:15px}
.city-site .city-project-overview{padding-block:24px;border-bottom:1px solid var(--line)}
.city-site .city-project-overview h2{font-size:28px;margin:0}
.city-site .city-project-overview .city-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.city-site .city-stage-guide{background:#edf2eb;border:1px solid var(--line);padding:28px}
.city-site .city-stage-guide>h2{font:700 27px/1.4 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin-bottom:12px}
.city-site .city-stage-note{font-size:15px;max-width:75ch;line-height:1.7;margin:0 0 24px}
.city-site .city-stage-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.city-site .city-stage-grid>li{padding:18px 16px;background:white;border-top:3px solid var(--teal);min-width:0}
.city-site .city-stage-letter{font:700 12px/1 Arial,sans-serif;color:#954522}
.city-site.city-design .city-stage-grid h3{font:600 16px/1.5 Arial,sans-serif;letter-spacing:normal;margin:12px 0 8px;color:var(--ink)}
.city-site .city-stage-grid p,.city-site .city-stage-grid a{font-size:14px;line-height:1.7}
.city-site .city-stage-grid>li>p{margin:0 0 14px}
.city-site .city-stage-grid summary{font-size:13px;line-height:1.6;min-height:44px;padding:8px 0;cursor:pointer;color:var(--teal);font-weight:600}
.city-site .city-source-invitation{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:center;border-bottom:0}
.city-site .city-source-invitation p{font-size:16px;margin:0;max-width:65ch}
.city-site .city-source-actions{display:flex;align-items:flex-start;gap:20px;flex-direction:column;font-size:14px}
.city-site .city-evidence-library{margin:0 auto 48px;border:1px solid var(--line)}
.city-site .city-evidence-library>summary{background:#edf2eb;cursor:pointer;padding:20px 24px;font:600 18px/1.5 Arial,sans-serif;color:var(--teal)}
.city-site .city-full-research{padding:24px}
.city-site .city-full-research>.section,.city-site .city-full-research>section{padding:32px 0;margin-inline:0;width:100%;max-width:none}
.city-site .city-full-research .wrap{width:100%;max-width:none}
@media(max-width:1000px){.city-site .city-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-site .city-section-heading{display:block}.city-site .city-section-actions{margin-bottom:18px}}
@media(max-width:900px){.city-site .city-overview-hero,.city-site .city-home-hero{display:flex;flex-direction:column}.city-site .city-landscape{width:100%;height:160px;min-height:0;order:0}.city-site .city-landscape img{height:160px;object-position:75% 66%}.city-site .city-hero-copy.city-wrap{width:calc(100% - 48px);padding:26px 0;margin:auto;order:1}.city-site .city-hero-copy h1{font-size:44px;text-wrap:initial}.city-site .city-finding-grid,.city-site .city-question-grid{gap:20px}}
@media(max-width:700px){
 .city-site .city-masthead{padding-block:14px}.city-site .city-more{width:auto;position:static}.city-site .city-main-nav{gap:0 16px;position:relative}.city-site .city-more>div{position:absolute;top:100%;left:0;right:0;min-width:0;padding:12px 18px;background:white;box-shadow:0 8px 24px #102f3718}.city-site .city-switcher a{min-height:40px}
 .city-site .city-landscape,.city-site .city-landscape img{height:116px}.city-site .city-hero-copy.city-wrap{width:calc(100% - 40px);padding:20px 0}.city-site .city-hero-copy h1{font-size:34px;margin:8px 0 12px;text-wrap:balance}.city-site .city-home-hero h1{font-size:42px}.city-site .city-hero-copy .hero-intro{font-size:16px;line-height:1.6;margin-bottom:12px}.city-site .city-hero-copy .city-eyebrow{font-size:10px;margin-bottom:8px}.city-site .city-home-hero .home-actions{margin-top:16px}
 .city-site .city-learning{padding:18px 0 16px}.city-site .city-learning h2{font-size:25px;margin-bottom:14px}.city-site .city-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.city-site .city-learning-grid>a{padding:14px;min-height:80px}.city-site .city-learning-grid strong{font-size:16px;line-height:1.4;padding-right:10px}.city-site .city-learning-grid>a>span:not(.city-path-arrow){display:none}.city-site .city-learning-grid .city-path-arrow{top:5px;right:8px;font-size:17px}
 .city-site .city-about>summary{font-size:13px;padding-inline:14px}.city-site .city-guide-jump{gap:2px 18px}.city-site .city-guide-jump a{font-size:13px}.city-site .city-guide-section{padding:30px 0}.city-site .city-finding-grid,.city-site .city-question-grid,.city-site .city-project-grid,.city-site .city-source-invitation{grid-template-columns:1fr;gap:24px}.city-site .city-guide-section h3{font-size:24px}.city-site .city-project-card{padding:20px}.city-site .city-project-facts>div{grid-template-columns:80px minmax(0,1fr);gap:10px}.city-site .city-project-overview .city-project-facts{grid-template-columns:1fr}.city-site .city-stage-guide{padding:20px}.city-site .city-stage-grid{grid-template-columns:1fr}.city-site .city-stage-grid>li{padding:16px}.city-site .city-source-actions{gap:14px}.city-site .city-full-research{padding:20px}.city-site .city-full-research>.section,.city-site .city-full-research>section{padding:24px 0}.city-site .city-evidence-library>summary{padding:16px 20px;font-size:17px}
}
@media print{
 .city-site .city-landscape,.city-site .city-guide-jump,.city-site .city-source-actions,.city-site .home-actions{display:none!important}.city-site .city-overview-hero,.city-site .city-home-hero{display:block}.city-site .city-hero-copy.city-wrap{margin:0;padding:12px 0;width:100%}.city-site .city-guide-section,.city-site .city-project-overview{padding-block:18px}.city-site .city-project-card,.city-site .city-stage-grid>li{break-inside:avoid}.city-site .city-project-facts>div{padding-block:6px}.city-site .city-stage-guide{padding:14px;background:transparent}.city-site .city-evidence-library{border:0}.city-site .city-full-research{padding:0}.city-site .city-project-details>summary,.city-site .city-evidence-library>summary{font-weight:bold}
}

/* Approved whole-site mockup: shared navigation, reading pages and project stories. */
.city-site.city-design h1,.city-site.city-design h2{font-weight:700}
.city-site.city-design h3{font-family:Georgia,'Times New Roman',serif}
.city-site.city-design .city-header-inner{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,2fr);align-items:center;gap:28px;min-height:110px;padding-block:14px}
.city-site.city-design .city-brand{gap:12px;min-width:0}
.city-site.city-design .city-brand .brand-name{font:700 18px/1.2 Georgia,serif}
.city-site.city-design .city-brand img{width:44px;height:44px}
.city-site.city-design .city-nav-panel{min-width:0;display:flex;flex-direction:column;gap:6px}
.city-site.city-design .city-identity>span{font-size:11px;margin-bottom:4px}
.city-site.city-design .city-main-nav{width:100%;gap:2px 18px;padding:0;justify-content:flex-end}
.city-site.city-design .city-main-nav>a,.city-site.city-design .city-more>summary{font-size:13px;padding:10px 0;min-height:42px}
.city-site.city-design .city-more{margin-left:0}
.city-site.city-design .city-menu-toggle,.city-site.city-design .city-menu-heading,.city-site.city-design .city-menu-utilities,.city-site.city-design .city-current-city,.city-site.city-design .city-menu-backdrop{display:none}
.city-site.city-design .city-menu-toggle[hidden],.city-site.city-design .city-menu-backdrop[hidden]{display:none!important}
.city-site.city-design .city-page-banner{height:100px;overflow:hidden;background:#e6d5b7;border-bottom:1px solid var(--line)}
.city-site.city-design .city-page-banner img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 65%}
.city-site.city-design .city-footer-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr .8fr;gap:32px;margin-top:26px}
.city-site.city-design .city-footer-grid nav{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:0;background:transparent}
.city-site.city-design .city-footer-grid a{font-size:13px;padding:6px 0}
.city-site.city-design .city-footer .city-footer-title{font:700 25px/1.3 Georgia,serif}
.city-site.city-design .city-footer .city-footer-label{font-size:12px;font-weight:700;color:#e0f0e8;margin-bottom:10px}
.city-site.city-design .city-overview-hero{display:block}
.city-site.city-design .city-overview-hero .city-landscape,.city-site.city-design .city-overview-hero .city-landscape img{height:146px;min-height:0;max-height:none;width:100%;object-position:center 65%}
.city-site.city-design .city-overview-hero .city-hero-copy{width:min(1120px,calc(100% - 48px));margin:auto;padding:24px 0}
.city-site.city-design .city-overview-hero h1{font-size:clamp(34px,4.5vw,52px);margin-block:8px 12px}
.city-site.city-design .city-hero-copy .hero-intro{max-width:70ch}
.city-site.city-design .city-reading-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 42px;align-items:start}
.city-site.city-design .city-guide-jump{grid-column:1/-1}
.city-site.city-design .city-guide-section{padding:30px 0;border-bottom:0;min-width:0}
.city-site.city-design .city-guide-section h2{font-size:31px}
.city-site.city-design .city-section-heading{display:block}
.city-site.city-design .city-section-actions{margin-bottom:16px}
.city-site.city-design .city-finding-grid,.city-site.city-design .city-question-grid{grid-template-columns:1fr;gap:16px;margin-block:18px}
.city-site.city-design .city-finding-grid>article,.city-site.city-design .city-question-grid>article{padding-top:14px;border-top-width:1px}
.city-site.city-design .city-guide-section h3{font-size:23px;font-weight:700;margin-bottom:10px}
.city-site.city-design .city-project-grid{grid-template-columns:1fr;gap:14px;margin-bottom:16px}
.city-site.city-design .city-project-grid .city-project-card{padding:18px 20px}
.city-site.city-design .city-overview-homes{font-size:16px;font-weight:600;margin:8px 0}
.city-site.city-design .city-overview-stage,.city-site.city-design .city-overview-project-note{font-size:13px;color:var(--muted);line-height:1.7;margin:8px 0}
.city-site.city-design .city-funding-explainer{border-top:1px solid var(--line);margin-top:18px}
.city-site.city-design .city-funding-explainer>summary{padding:14px 0;font-size:14px;font-weight:600;cursor:pointer}
.city-site.city-design .city-funding-explainer .city-stage-guide{padding:18px}
.city-site.city-design .city-funding-explainer .city-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.city-site.city-design .city-source-invitation{display:block;background:#edf2eb;padding:26px;margin-top:30px;border-top:3px solid var(--teal)}
.city-site.city-design .city-source-actions{margin-top:22px}
.city-site.city-design .city-source-actions a{font-size:14px}
.city-site.city-design .city-stage-filter{display:flex;flex-direction:column;gap:6px;margin-top:12px;min-width:0}
.city-site.city-design .city-stage-filter label{font-size:13px;color:var(--teal);font-weight:600}
.city-site.city-design .city-stage-filter select{width:100%;font-size:14px;background:white;color:var(--ink);padding:10px}
.city-site.city-design .city-funding-primer{padding-block:20px}
.city-site.city-design .city-resource-intro{display:flex;gap:24px;align-items:center;background:#edf2eb;border:1px solid var(--line);padding:24px;margin-top:20px;margin-bottom:30px;color:var(--ink)}
.city-site.city-design .city-resource-intro>strong{font:700 21px/1.4 Georgia,serif}
.city-site.city-design .city-resource-intro p{font-size:15px;line-height:1.75;margin:8px 0;max-width:75ch}
.city-site.city-design .city-resource-intro nav{display:flex;gap:12px 24px;flex-wrap:wrap;background:transparent;padding:0}
.city-site.city-design .city-resource-intro a{font-size:14px}
.city-site.city-design [data-city-print]{display:inline-block;margin-left:18px;border:1px solid var(--teal);background:white;color:var(--teal);font:600 14px/1.5 Arial,sans-serif;min-height:44px;padding:10px 16px;cursor:pointer}
.city-site.city-design [data-city-print][hidden]{display:none}
.city-site.city-design .city-report-cover{background:var(--teal);border-bottom:8px solid #954522;color:white;padding:24px 18px;min-width:160px;font:700 21px/1.25 Georgia,serif;box-shadow:4px 4px 0 #b9cbc0}
.city-site.city-design .city-report-cover span{display:block;font:12px/1.5 Arial,sans-serif;margin-top:24px;color:#e0f0e8}
.city-site.city-design .city-help-page article,.city-site.city-design.city-help-page main article{padding:22px;border:1px solid var(--line);border-top:3px solid var(--teal);background:white;margin-bottom:20px;min-width:0}
.city-site.city-design.city-help-page article :is(h2,h3){font:700 24px/1.35 Georgia,serif}
.city-site.city-design .reference-hero,.city-site.city-design .connections-intro,.city-site.city-design .records-intro{padding-block:28px}
.city-site.city-design .reference-hero h1,.city-site.city-design .connections-intro h1,.city-site.city-design .records-intro h1{font-size:clamp(34px,4vw,52px);margin:12px 0 16px}
.city-site.city-design .connections-intro .hero-intro{margin:10px 0;max-width:72ch}
.city-site.city-design .connections-intro .connection-snapshot{margin:10px 0 0}
.city-site.city-design #research-publication-time{font-size:12px;line-height:1.7;color:var(--muted)}
.city-site.city-design.city-document .city-resource-intro{width:100%;max-width:none;margin-inline:0}
.city-site.city-design .reference-body{max-width:1000px;padding-bottom:50px}
.city-site.city-design .reference-body>section,.city-site.city-design .reference-body>.reference-section{margin-bottom:28px}
.city-site.city-design .reference-body h2{font-size:30px}
.city-site.city-design .reference-body h3{font-size:22px}
.city-site.city-design .reference-body p{max-width:75ch}
.city-site.city-design .city-glossary-letters{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}
.city-site.city-design .city-glossary-letters button{border:1px solid #a9bfb3;background:white;color:var(--teal);font:600 13px/1.4 Arial,sans-serif;padding:8px 11px;min-height:40px;cursor:pointer}
.city-site.city-design .city-glossary-letters button[aria-pressed=true]{background:var(--teal);color:white}
.city-site.city-design .glossary-term:not(tr){padding:20px;border:1px solid var(--line);border-left:3px solid var(--teal);background:white;margin-bottom:16px}
.city-site.city-design .glossary-term h3{margin:0 0 12px;font-size:23px}
.city-site.city-design .glossary-term p{font-size:16px;line-height:1.8}
.city-site.city-design.city-information-page main>section{width:min(1120px,calc(100% - 48px));max-width:1120px;margin-inline:auto;padding:36px 0}
.city-site.city-design.city-information-page main :is(p,li){max-width:75ch}
.city-site.city-design.city-information-page .card{padding:24px}
.city-site.city-design .city-project-story{padding-block:20px 32px;border-bottom:1px solid var(--line)}
.city-site.city-design .city-story-question{background:#e5efea;border-left:4px solid var(--teal);padding:16px 20px;font:700 24px/1.4 Georgia,serif;margin:0 0 24px}
.city-site.city-design .city-project-story>.city-project-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.city-site.city-design .city-story-warning{border-left:4px solid #954522;padding:14px 20px;background:#fbf0e1;color:#813d1e;font:700 20px/1.5 Georgia,serif;margin:22px 0}
.city-site.city-design .city-story-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:32px;align-items:start}
.city-site.city-design .city-story-layout h3{font:700 26px/1.3 Georgia,serif;margin:0 0 14px}
.city-site.city-design .city-story-timeline>p{font-size:15px;line-height:1.75;max-width:70ch}
.city-site.city-design .city-story-timeline ol{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.city-site.city-design .city-story-timeline li{padding:0 0 0 18px;border-left:2px solid #a9c6b8;position:relative;min-width:0}
.city-site.city-design .city-story-timeline li::before{content:'';position:absolute;width:10px;height:10px;background:#954522;border-radius:50%;left:-6px;top:6px}
.city-site.city-design .city-story-date{font:700 13px/1.6 Arial,sans-serif;color:#813d1e;margin:0 0 10px}
.city-site.city-design .city-story-timeline h4{font:600 16px/1.5 Arial,sans-serif;margin:0 0 12px}
.city-site.city-design .city-story-timeline li>p:not(.city-story-date){font-size:14px;line-height:1.8}
.city-site.city-design .city-story-timeline a{font-size:13px}
.city-site.city-design .city-story-evidence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:28px 0}
.city-site.city-design .city-story-evidence>section{padding:20px;background:#e5efea;border-top:3px solid var(--teal);min-width:0}
.city-site.city-design .city-story-evidence>section+section{background:#fbf0e1;border-color:#954522}
.city-site.city-design .city-story-evidence h3{font-size:23px}
.city-site.city-design .city-story-evidence p{font-size:15px;line-height:1.8}
.city-site.city-design .city-source-rail{position:static;display:block;min-width:0;width:auto;padding:22px;background:#edf2eb;border-top:3px solid var(--teal);color:var(--ink)}
.city-site.city-design .city-source-rail h3{font-size:23px}
.city-site.city-design .city-source-rail>p{font-size:14px;line-height:1.7}
.city-site.city-design .city-story-source{border-top:1px solid #b8cbbf;margin-top:14px;overflow-wrap:anywhere}
.city-site.city-design .city-story-source summary{font-size:14px;font-weight:600;line-height:1.6;cursor:pointer;padding:14px 0;min-height:44px;color:var(--teal)}
.city-site.city-design .city-story-source p,.city-site.city-design .city-story-source a{font-size:13px;line-height:1.7}
.city-site.city-design .city-story-tools{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--line);padding-top:20px}
.city-site.city-design #print-project-brief{background:var(--teal);border:1px solid var(--teal);color:white;padding:12px 18px;min-height:46px;font:600 14px/1.5 Arial,sans-serif;cursor:pointer}
.city-site.city-design .city-story-tools a{font-size:14px;font-weight:600}
.city-site.city-design .city-story-boundary{font-size:13px;line-height:1.7;max-width:85ch;color:var(--muted);margin-top:20px}
.city-site.city-design .city-story-publication{font-size:13px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px}
.city-site.city-design .city-story-publication summary{padding:12px 0;min-height:44px;cursor:pointer}
#city-brief-print-output{display:none}
@media(max-width:1000px){.city-site.city-design .city-reading-guide{display:block}.city-site.city-design .city-guide-section{padding-block:28px}.city-site.city-design .city-finding-grid,.city-site.city-design .city-question-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.city-site.city-design .city-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-site.city-design .city-story-layout{grid-template-columns:1fr}.city-site.city-design .city-story-evidence{margin-bottom:0}.city-site.city-design .city-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .city-site.city-design .city-header-inner{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;min-height:82px;padding-block:14px}
 .city-site.city-design .city-brand{grid-column:1;grid-row:1;gap:9px}.city-site.city-design .city-brand .brand-name{font-size:14px;line-height:1.25}.city-site.city-design .city-brand img{width:36px;height:36px}
 .city-site.city-design .city-current-city{display:block;grid-column:1;grid-row:2;font-size:11px;color:var(--muted);padding-left:45px}
 .city-site.city-design .city-menu-toggle{display:inline-flex;grid-column:2;grid-row:1/span 2;align-items:center;gap:8px;padding:10px 12px;min-height:44px;background:transparent;border:1px solid #a9bfb3;color:var(--teal);font:600 13px/1.4 Arial,sans-serif;cursor:pointer}
 .city-site.city-design .city-menu-toggle>span{display:none}.city-site.city-design .city-menu-toggle::before{content:'';width:15px;height:12px;border-block:2px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat}
 .city-site.city-design .city-nav-panel{grid-column:1/-1;gap:18px;padding-top:14px}
 .city-site.city-design.city-menu-ready .city-nav-panel{display:none}
 .city-site.city-design.city-menu-open .city-nav-panel{display:flex;position:fixed;z-index:101;right:0;top:0;bottom:0;width:min(420px,100%);padding:24px;overflow:auto;background:var(--paper);box-shadow:-10px 0 40px #102f3738}
 .city-site.city-design.city-menu-open .city-menu-backdrop{display:block;position:fixed;z-index:100;inset:0;width:100%;height:100%;background:#102f3766;border:0;padding:0;cursor:pointer}
 .city-site.city-design .city-menu-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font:700 21px/1.3 Georgia,serif;color:var(--ink)}
 .city-site.city-design:not(.city-menu-ready) .city-menu-heading{display:none}
 .city-site.city-design .city-menu-close{min-height:44px;padding:10px;border:1px solid #a9bfb3;background:white;color:var(--teal);font:600 13px/1.4 Arial,sans-serif;cursor:pointer}
 .city-site.city-design .city-identity{text-align:left}.city-site.city-design .city-identity>span{display:block;margin-bottom:8px;font-size:12px}
 .city-site.city-design .city-switcher{display:flex;justify-content:flex-start;gap:8px}.city-site.city-design .city-switcher a{min-height:44px}
 .city-site.city-design .city-main-nav{display:flex;flex-direction:column;align-items:stretch;gap:0;position:static;padding:0;border-block:1px solid var(--line)}
 .city-site.city-design .city-main-nav>a{font-size:17px;min-height:48px;border-bottom:1px solid var(--line);padding:12px 0}
 .city-site.city-design .city-main-nav>a[aria-current=page]{border-bottom:2px solid var(--teal);font-weight:700}
 .city-site.city-design .city-more{position:static;margin:0;width:100%}.city-site.city-design .city-more>summary{font-size:16px;min-height:48px;padding:14px 0}
 .city-site.city-design .city-more>div{position:static;min-width:0;padding:0 0 12px 16px;box-shadow:none;border:0;background:transparent}
 .city-site.city-design .city-more a{font-size:15px;min-height:44px}
 .city-site.city-design .city-menu-utilities{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:12px;font-size:14px}
 .city-site.city-design .city-page-banner{height:78px}
 .city-site.city-design .city-overview-hero .city-landscape,.city-site.city-design .city-overview-hero .city-landscape img{height:100px}
 .city-site.city-design .city-overview-hero .city-hero-copy{width:calc(100% - 40px);padding-block:20px}
 .city-site.city-design .city-overview-hero h1{font-size:34px}
 .city-site.city-design .city-finding-grid,.city-site.city-design .city-question-grid,.city-site.city-design .city-project-grid{grid-template-columns:1fr}
 .city-site.city-design .city-funding-explainer .city-stage-grid{grid-template-columns:1fr}
 .city-site.city-design .city-resource-intro{display:block;padding:20px}.city-site.city-design .city-report-cover{max-width:190px;margin-bottom:22px}.city-site.city-design [data-city-print]{margin:12px 0 0;display:block}
 .city-site.city-design .city-project-story>.city-project-facts,.city-site.city-design .city-story-timeline ol,.city-site.city-design .city-story-evidence{grid-template-columns:1fr}
 .city-site.city-design .city-story-question{font-size:22px;padding:14px 16px}.city-site.city-design .city-story-warning{font-size:18px;padding:14px 16px}.city-site.city-design .city-source-rail{padding:20px}
 .city-site.city-design .city-footer-grid{gap:24px 20px}.city-site.city-design .city-footer .city-footer-title{font-size:23px}
}
@media print{
 .city-site.city-design{overflow:visible!important}.city-site.city-design .city-header,.city-site.city-design .city-page-banner,.city-site.city-design .city-story-tools,.city-site.city-design .city-menu-backdrop,.city-site.city-design .city-menu-toggle{display:none!important}
 .city-site.city-design .city-reading-guide,.city-site.city-design .city-story-layout{display:block}.city-site.city-design .city-story-evidence,.city-site.city-design .city-story-timeline ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .city-site.city-design .city-source-rail{position:static;padding:14px;background:transparent;display:block!important}.city-site.city-design .city-story-source{break-inside:avoid}.city-site.city-design .city-story-tools,.city-site.city-design [data-city-print]{display:none!important}
 body.printing-project-brief>*:not(#city-brief-print-output){display:none!important}
 body.printing-project-brief #city-brief-print-output{display:block!important;color:#111;background:white;font:11pt/1.5 Arial,sans-serif}
 #city-brief-print-output>h1{font-size:28pt;margin:10px 0}#city-brief-print-output .city-project-story{width:100%;max-width:none;padding:0;border:0}#city-brief-print-output .city-story-question{font-size:16pt;padding:10px;margin-bottom:12px}
 #city-brief-print-output .city-story-warning{font-size:13pt;padding:10px}#city-brief-print-output .city-story-layout{display:block}#city-brief-print-output .city-project-facts{font-size:10pt;margin:12px 0}#city-brief-print-output .city-project-facts>div{padding:6px 0}
 #city-brief-print-output .city-story-timeline ol{gap:14px;margin:14px 0}#city-brief-print-output .city-story-layout h3{font-size:16pt}#city-brief-print-output .city-story-timeline h4{font-size:11pt}#city-brief-print-output .city-story-timeline li>p,#city-brief-print-output .city-story-evidence p,#city-brief-print-output .city-source-rail p{font-size:10pt;line-height:1.5}
 #city-brief-print-output .city-story-evidence{gap:14px;margin:16px 0}#city-brief-print-output .city-story-evidence>section{padding:12px;break-inside:avoid}#city-brief-print-output .city-story-source summary,#city-brief-print-output .city-story-source a{font-size:10pt}#city-brief-print-output .city-story-source p{margin:4px 0}
}

/* Small accent labels need normal-text contrast on the paper background. */
.city-site .need-section .eyebrow.accent{color:#954522}