/* Homepage header/footer, scoped to preserve the architect editorial layout. */
.main-header{position:sticky;top:0;z-index:30;background:#fff;border-color:#d8d1c3;color:#2b2b28;font-family:Inter,'Source Sans 3',Arial,Helvetica,sans-serif;line-height:1.65}
.main-header .brandbar{height:62px;justify-content:center;padding:0;border-color:#d8d1c3}
.main-header .brandmark{display:flex;align-items:center;gap:12px;text-decoration:none}
.main-header .brandmark img{display:block;width:42px;height:auto}
.main-header .brandmark span{font:400 1.06rem/1.65 'Libre Caslon Text',Georgia,'Times New Roman',serif;letter-spacing:.03em}
.main-header .main-navrow{width:min(1180px,calc(100% - 40px));min-height:70px;flex-direction:row;align-items:center;justify-content:space-between;gap:20px;padding:0;position:relative}
.main-header .navtitle{font-family:'Libre Caslon Text',Georgia,'Times New Roman',serif;font-weight:700;font-size:1rem;line-height:1.65}
.main-header .main-navlinks{display:flex;align-items:center;flex-wrap:nowrap;gap:28px}
.main-header .main-navlinks a,.main-header .main-navdrop summary{font-size:.92rem;line-height:1.65;text-decoration:none;white-space:nowrap}
.main-header .main-navlinks a:hover,.main-header .main-navdrop summary:hover{color:#6b7f5e;background:none}
.main-header .shortlist-link{gap:8px}.main-header .shortlist-count{display:inline-block;min-width:22px;margin:0;background:#dce5d9;border-radius:50%;font-size:.75rem;font-weight:700;line-height:1.65;text-align:center}
.main-menu{display:none;min-height:44px;background:none;border:1px solid #2b2b28;padding:8px 12px;color:inherit}
.main-navdrop{position:relative}.main-navdrop summary{cursor:pointer;list-style:none;min-height:44px;display:flex;align-items:center}
.main-navdrop summary::-webkit-details-marker{display:none}.main-navdrop summary::after{content:'⌄';display:inline-block;margin-left:7px}
.main-navdrop[open] summary::after{transform:rotate(180deg)}
.main-navdrop-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:35;min-width:220px;padding:8px;background:#fff;border:1px solid #d8d1c3;box-shadow:0 14px 32px #0002}
.main-header .main-navdrop-menu a{display:flex;align-items:center;padding:9px 12px}.main-navdrop-menu a+a{border-top:1px solid #d8d1c3}
.workspace-nav{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;padding:17px 0;border-bottom:1px solid var(--line)}
.workspace-nav>div{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}.workspace-nav strong{font:500 1.15rem/1.4 var(--serif)}
.local-preview-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#687064}
.workspace-nav nav{display:flex;flex-wrap:wrap;gap:4px 24px}.workspace-nav nav a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;text-decoration:none;line-height:1.5}
.workspace-nav a:hover,.workspace-nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.site-footer{background:#203228;color:#d8d1c3;padding:26px 0;font:400 .84rem/1.65 Inter,'Source Sans 3',Arial,Helvetica,sans-serif}
.site-footer .wrap{width:min(1180px,calc(100% - 40px));display:flex;justify-content:space-between;gap:20px}
.site-footer a{color:inherit;text-underline-offset:3px}
#browse,#brief,#palette,#shortlist,#projects,#species-main,#workspace-main,#main{scroll-margin-top:155px}
@media(min-width:1001px) and (max-width:1100px){.main-header .main-navlinks{gap:16px}.main-header .navtitle{max-width:230px}}
@media(max-width:1000px){
 .main-menu{display:block}.main-header .main-navrow{position:static}
 .main-header .main-navlinks{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:18px 24px;flex-direction:column;gap:6px;border-bottom:1px solid #d8d1c3;max-height:calc(100dvh - 132px);overflow-y:auto}
 .main-header .main-navlinks.open{display:flex}.main-header .main-navlinks>a{justify-content:center;width:100%}
 .main-navdrop{width:100%;text-align:center}.main-navdrop summary{justify-content:center}
 .main-navdrop-menu{position:static;min-width:0;margin-top:8px;padding:6px 0;border-width:1px 0;box-shadow:none;background:#f4efe4}
 .main-header .main-navdrop-menu a{justify-content:center}
 .workspace-nav{align-items:flex-start;flex-direction:column;gap:6px;padding:15px 0 9px}
 .site-footer .wrap{display:grid;gap:10px}
}
@media(max-width:520px){
 .main-header .brandbar{height:50px}.main-header .main-navrow{width:calc(100% - 28px);min-height:62px;gap:12px}
 .main-header .navtitle{max-width:210px;font-size:.94rem}
 .main-header .main-navlinks{max-height:calc(100dvh - 112px)}
 .workspace-nav>div{gap:4px 12px}.workspace-nav nav{gap:0 20px}
 .site-footer .wrap{width:calc(100% - 28px)}
 #browse,#brief,#palette,#shortlist,#projects,#species-main,#workspace-main,#main{scroll-margin-top:135px}
}
@media print{.main-header,.workspace-nav,.site-footer{display:none!important}}

/* Editorial type scale and readable controls shared with the main website. */
:root{--sans:Inter,'Source Sans 3',Arial,Helvetica,sans-serif;--serif:'Libre Caslon Text',Georgia,'Times New Roman',serif}
body{font-family:var(--sans);line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}
.hero h1{line-height:1.06}.lead{line-height:1.65}
.outline-btn,.dark-btn,.add-btn,.text-btn,.card-actions .add-btn,.segment button{font-size:.875rem;line-height:1.45;min-height:44px}
.card-actions>a{font-size:.875rem;line-height:1.5}
.brief-form input,.brief-form select,.brief-form textarea,.search-label input,.phase1-shortlist input,.phase1-shortlist select,.phase1-shortlist textarea{font-size:1rem;line-height:1.5;min-height:44px}
.phase1-title h1{font:500 clamp(2.7rem,6vw,5rem)/1.06 var(--serif);letter-spacing:-.035em}
.phase1-shortlist h2{font:500 clamp(1.9rem,3.2vw,2.65rem)/1.14 var(--serif);letter-spacing:-.025em;margin:0 0 20px}
.phase1-shortlist h3{font-family:var(--serif);line-height:1.25}
.editorial-prose{max-width:1180px;padding-block:64px 88px}
.editorial-prose>p{max-width:72ch;line-height:1.7;margin:0 0 1.2em}
.editorial-prose h1{font:500 clamp(2.6rem,5vw,4.5rem)/1.08 var(--serif);letter-spacing:-.035em;margin:0 0 28px;max-width:20ch}
.editorial-prose h2{font:500 clamp(1.9rem,3.3vw,2.8rem)/1.14 var(--serif);letter-spacing:-.025em;margin:48px 0 20px;max-width:27ch}
.editorial-prose .eyebrow{margin-bottom:20px}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #52785c;outline-offset:4px}
@media(max-width:590px){.segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.segment button{white-space:normal;padding:10px 7px}.phase1-export{padding:24px 20px}.editorial-prose{padding-block:44px 64px}}

/* Shared editorial footer: the same content rhythm on every public page. */
:is(.footer,.site-footer){padding:32px 0;font-size:.875rem;line-height:1.65}
:is(.footer,.site-footer)>.wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:22px 40px}
:is(.footer,.site-footer) .footer-identity{display:grid;gap:7px;flex:1 1 380px;max-width:620px}
:is(.footer,.site-footer) .footer-links{display:flex;flex-wrap:wrap;gap:10px 22px;flex:0 1 410px;align-items:center}
:is(.footer,.site-footer) a{text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
@media(max-width:600px){:is(.footer,.site-footer)>.wrap{display:grid;gap:22px}:is(.footer,.site-footer) .footer-links{gap:12px 20px}}