/* Shared reading layer: defaults are comfortable without changing a setting. */
:root{--brick:#743f2a}
html{font-size:112.5%;scroll-behavior:auto;scroll-padding-top:1.5rem}
html[data-text-size=large]{font-size:137.5%}
html[data-text-size=largest]{font-size:162.5%}
:root .easy-use{font:1rem/1.65 Space,Arial,sans-serif;--muted:#58564b}
:root .easy-use :is(p,small,li,dt,dd,label,input,select,textarea,button,summary,figcaption,td,th,.eyebrow,.small,.source-note,.helptext,.status-chip,.sample-label,.bulletin-date,.back-link,.resident-tag,.section-topline,.footer-bottom,.footer-place-note,.blog-topics,.nearby-links,.amenities-note,.nearby-source-note,.professional-note,.school-check,.poster-credit,.detail-credit,.map-toolbar,.map-legend,.bulletin-posting,.source-box,.notice){font-size:1rem;line-height:1.65;letter-spacing:normal}
:root .easy-use :is(.draft,.nav,.portal-nav,.testing-bar,.testing-bar span,.testing-bar strong,.brand,.brand small,.owner-destinations span,.owner-destinations small,.blog-row span,.blog-row small,#community-count){font-size:1rem;line-height:1.5;letter-spacing:normal;text-transform:none}
:root .easy-use :is(a,button,input,select,textarea){overflow-wrap:anywhere}
:root .easy-use a{font-size:inherit;text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}
:root .easy-use :is(.button,.text-link,.auth-box>a,.blog-register,.village-category>.text-link,.nearby-links a,.village-businesses a,.school-grid a,.testing-bar a,.public-blog-invite>a){font-size:1rem}
:root .easy-use :is(h1,h2,h3,h4){font-family:var(--display);font-weight:800;line-height:1.08;letter-spacing:normal;overflow-wrap:anywhere;text-transform:none}
:root .easy-use h1{font-size:clamp(2.3rem,5vw,4rem)}
:root .easy-use h2{font-size:clamp(2.2rem,4.8vw,3.6rem)}
:root .easy-use h3{font-size:clamp(1.6rem,3vw,2.3rem)}
:root .easy-use h4{font-size:1.55rem}
:root .easy-use :is(h1,h2,h3,h4) a{font-size:inherit}
:root .easy-use p{max-width:65ch}
:root .easy-use button,:root .easy-use .button{min-height:48px;padding:.65rem 1rem;white-space:normal}
:root .easy-use input:not([type=checkbox]):not([type=hidden]),:root .easy-use select,:root .easy-use textarea{min-height:48px;border:2px solid var(--muted);border-radius:3px;background:var(--cream);color:var(--ink);padding:.65rem .75rem;max-width:100%;min-width:0}
:root .easy-use :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:3px solid #2155ba;outline-offset:4px;box-shadow:0 0 0 3px #fff}
:root .easy-use #main:focus{outline:none}
:root .easy-use :is(.draft,.header,.reading-tools,.testing-bar){padding-left:5%;padding-right:5%}
:root .easy-use .draft{flex-wrap:wrap;gap:.25rem 1rem;padding-top:.45rem;padding-bottom:.45rem}
:root .easy-use .header{height:auto;min-height:0;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem}
:root .easy-use .brand{text-decoration:none;gap:.7rem;line-height:1.1;font-size:1.1rem;flex-shrink:0}
:root .easy-use .header-place{display:none}
:root .easy-use .menu-toggle{display:none}
:root .easy-use :is(.nav,.portal-nav){position:static;display:flex;flex-wrap:wrap;width:auto;max-width:100%;margin-left:auto;justify-content:flex-start;align-items:center;gap:.5rem;background:none;border:0;padding:0}
:root .easy-use :is(.nav,.portal-nav) a{display:flex;align-items:center;min-height:48px;padding:.5rem .65rem;border:1px solid var(--muted);background:var(--cream);color:var(--ink)}
:root .easy-use .reading-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;background:var(--stone);border-bottom:1px solid var(--muted);padding-top:.65rem;padding-bottom:.65rem}
.reading-size{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}
:root .easy-use .reading-tools button{background:var(--cream);color:var(--ink);border:2px solid var(--muted);border-radius:3px}
:root .easy-use .reading-tools a{display:flex;align-items:center;min-height:48px}
:root .easy-use .testing-bar{border-bottom:1px solid var(--muted);background:var(--paper);padding-top:1rem;padding-bottom:1rem}
:root .easy-use .testing-bar>div{max-width:100%}
:root .easy-use .testing-bar nav{gap:.5rem 1rem}
:root .easy-use .testing-bar a{display:inline-flex;align-items:center;min-height:48px;color:var(--ink)!important}
:root .easy-use .testing-bar button{background:var(--brick);border:2px solid var(--brick);color:var(--cream)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:root .easy-use .welcome{padding:2.2rem 5% 2.8rem;background:var(--cream);border-bottom:1px solid var(--ink)}
.welcome-heading{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}
.welcome-heading .eyebrow{color:var(--brick);margin-bottom:.6rem}
.welcome-heading>p{max-width:28rem}
.quick-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
:root .easy-use .quick-links>a{padding:1.15rem;background:var(--paper);border:2px solid var(--muted);border-top:5px solid var(--brick);text-decoration:none;display:flex;flex-direction:column;gap:.4rem}
:root .easy-use .quick-links strong{font-size:1.15rem;line-height:1.4;text-decoration:underline;display:flex;justify-content:space-between;gap:.4rem}
.quick-links small{color:var(--muted);margin-top:auto}
.quick-links a:hover{background:var(--stone)}
:root .easy-use .poster{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:3rem;padding:3rem 5%;height:auto;min-height:0;max-height:none;background:var(--sand);overflow:visible;isolation:auto}
.poster-copy>p{margin:1.5rem 0}
:root .easy-use #poster-title{font-size:clamp(3rem,8vw,6.5rem);line-height:1;text-transform:uppercase}
.poster-figure{margin:0;min-width:0}
:root .easy-use .poster-picture{position:static;clip-path:none;width:100%;height:auto;max-height:none;border:1px solid var(--ink);background:var(--cream);z-index:auto}
:root .easy-use .poster-picture img{position:static;display:block;width:100%;height:auto;max-height:42rem;object-fit:contain;object-position:center}
:root .easy-use .image-switch{position:static;display:flex;flex-wrap:wrap;gap:.5rem;background:none;padding:0;margin:.8rem 0}
:root .easy-use .image-switch button{background:var(--cream);color:var(--ink);border:2px solid var(--muted)}
:root .easy-use .image-switch button[aria-pressed=true]{background:var(--ink);color:var(--cream);border-color:var(--ink);text-decoration:underline;font-weight:bold}
:root .easy-use .poster-credit{position:static;width:auto;color:var(--ink)}
:root .easy-use :is(.progress,.ticker,.facade-object,.owners-motif,.asterisk){display:none}
:root .easy-use *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
:root .easy-use .section,:root .easy-use .community-promise{padding:3rem 5%}
:root .easy-use .section-topline{flex-wrap:wrap;margin-bottom:2rem;gap:.5rem}
:root .easy-use :is(.architecture-heading,.community-intro,.promise-grid,.nearby-heading,.village-life-heading,.resident-grid,.owners-grid,.visit-grid){gap:2rem;grid-template-columns:repeat(2,minmax(0,1fr))}
:root .easy-use :is(.architecture-intro,.community-intro>div>p,.promise-grid p,.nearby-heading p,.village-life-heading p,.resident-grid p,.owners-grid p,.visit-grid .small){max-width:65ch}
:root .easy-use .owner-blog-card{box-shadow:5px 5px 0 var(--sand);padding:1.5rem}
:root .easy-use .owner-blog-card :is(p,small){max-width:none}
:root .easy-use .bulletin-section-title{flex-wrap:wrap;align-items:start}
:root .easy-use .bulletin-facts>div{grid-template-columns:4rem 1fr}
:root .easy-use .bulletin-facts dt{color:var(--brick)}
:root .easy-use .architecture-lab{grid-template-columns:repeat(2,minmax(0,1fr))}
:root .easy-use .detail-photo{min-height:0}
:root .easy-use .detail-credit{position:static;background:var(--dark);color:var(--cream);padding:1rem}
:root .easy-use .detail-panel{padding:1.5rem}
:root .easy-use .detail-description p{max-width:65ch}
:root .easy-use .detail-tabs button{padding:.6rem .8rem}
:root .easy-use .hotspot{width:48px;height:48px;padding:0}
:root .easy-use .history-list summary{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) 2rem;gap:1rem}
:root .easy-use .history-year{font-size:2.8rem}
:root .easy-use .history-title{font-size:1.6rem;text-transform:none}
:root .easy-use .history-body{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:1.5rem;padding-right:0}
:root .easy-use .history-body>span{font-size:1rem;letter-spacing:normal}
:root .easy-use .village-category>p{min-height:0}
:root .easy-use .village-businesses a{min-height:48px;padding:.7rem 0}
:root .easy-use .village-close a{white-space:normal}
:root .easy-use .nearby-place{grid-template-columns:1.8rem minmax(0,1fr)}
:root .easy-use .nearby-address,:root .easy-use .schools-heading{flex-wrap:wrap;align-items:start}
:root .easy-use .school-grid{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr))}
:root .easy-use .real-explorer{grid-template-columns:minmax(15rem,1fr) minmax(0,2fr)}
:root .easy-use .community-panel{max-height:none;overflow:visible;padding:1rem}
:root .easy-use .community-choice{padding:1rem .5rem}
:root .easy-use .community-choice span{font-size:1rem}
:root .easy-use .community-choice b{width:2rem;height:2rem;font-size:1rem}
:root .easy-use .map-toolbar{flex-wrap:wrap}
:root .easy-use .map-selection{grid-template-columns:1fr}
:root .easy-use .map-selection a{grid-column:1;grid-row:auto;min-height:48px;display:flex;align-items:center}
:root .easy-use .map-legend{flex-wrap:wrap;gap:.5rem}
:root .easy-use .leaflet-control-zoom a{width:48px;height:48px;line-height:48px;font-size:1.4rem}
:root .easy-use .leaflet-popup-content{font:1rem/1.65 Space,Arial,sans-serif}
:root .easy-use .leaflet-control-attribution{font-size:.9rem!important;line-height:1.4}
:root .easy-use .topic-guidance{margin:.6rem 0}
:root .easy-use #resources summary{padding:1rem 2rem 1rem 0}
:root .easy-use .search-reset{margin:0 0 1rem;background:var(--cream);color:var(--ink);border:2px solid var(--muted)}
:root .easy-use .search{margin-bottom:.5rem}
:root .easy-use .place-pride{flex-wrap:wrap}
:root .easy-use .place-pride>.eyebrow{max-width:none}
:root .easy-use .flag-pair{flex-wrap:wrap}
:root .easy-use .flag-pair img{width:96px;height:64px}
:root .easy-use .flag-pair figcaption{max-width:9rem}
:root .easy-use .footer-wordmark{font-size:clamp(2rem,8vw,7rem);white-space:normal}
:root .easy-use .footer-bottom{flex-wrap:wrap;letter-spacing:normal}
:root .easy-use .back-to-top{display:inline-flex;align-items:center;min-height:48px;padding:.5rem 0;margin-top:1rem}
:root .easy-use .site-help{background:var(--cream)}
.site-help h2{margin:.8rem 0 1.5rem}.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.help-grid p{margin:1rem 0}.help-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}.help-grid a{display:inline-flex;align-items:center;min-height:48px}.help-contact{margin-top:2rem;border-top:1px solid var(--muted);padding-top:1rem}
:root .easy-use .portal-main{padding:2.5rem 5%;max-width:80rem}
:root .easy-use .auth-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
:root .easy-use .auth-box{padding:1.5rem;box-shadow:5px 5px 0 var(--accent);min-width:0}
:root .easy-use .portal-form label{font-weight:bold}
:root .easy-use .portal-form input[type=checkbox]{width:26px;height:26px;accent-color:var(--brick)}
:root .easy-use .portal-form label:has(input[type=checkbox]){display:flex;align-items:start;gap:.75rem;min-height:48px;font-weight:normal}
.portal-form input[type=checkbox]{flex-shrink:0;margin-top:.25rem}
:root .easy-use .helptext,:root .easy-use .portal-form ul{font-size:1rem;color:var(--muted)}
:root .easy-use .errorlist{font-size:1rem!important;color:#842b21!important}
:root .easy-use .error-summary{border:3px solid #842b21;padding:1rem;background:var(--cream);margin:1rem 0}
:root .easy-use .error-summary h2{font-size:1.5rem}
:root .easy-use .password-toggle{background:var(--cream);border:2px solid var(--muted);color:var(--ink);margin-top:.5rem}
:root .easy-use .cancel-link{display:inline-flex;align-items:center;min-height:48px;margin:.75rem}
:root .easy-use .filter-form{flex-wrap:wrap;align-items:end}
:root .easy-use .filter-form label{flex:1 1 14rem}
:root .easy-use .portal-heading{flex-wrap:wrap}
:root .easy-use .reading .prose{font-size:1rem}
:root .easy-use .owner-destinations strong{font-size:1.7rem;text-transform:none;line-height:1.2}
:root .easy-use .six-details>div{grid-template-columns:7rem minmax(0,1fr)}
:root .easy-use .six-details dt{font-size:1.6rem;text-transform:none}
:root .easy-use .six-details dt span{font-size:1rem}
:root .easy-use .table-wrap{max-width:100%}
/* High contrast preserves photographs and flags while strengthening interface colors. */
:root[data-contrast=high]{--paper:#fff;--cream:#fff;--stone:#eee;--surface:#eee;--sand:#f5d383;--ink:#111;--muted:#333;--brick:#72391f;--accent:#72391f;--line:#555;--garden:#162b1d;--dark:#112218;--bronze:#aaa;--panel-line:#fff}
:root[data-contrast=high] .easy-use{--muted:#333}
:root[data-contrast=high] .easy-use .reading-tools{background:#eee}
:root[data-contrast=high] .easy-use .quick-links>a{border-color:#111}
:root[data-text-size=largest] .easy-use :is(.quick-links,.bulletin-grid,.news-grid,.village-directory,.help-grid,.school-grid,.nearby-grid){grid-template-columns:1fr}
:root[data-text-size=largest] .easy-use :is(.auth-layout,.architecture-heading,.community-intro,.promise-grid,.nearby-heading,.village-life-heading,.resident-grid,.owners-grid,.visit-grid,.architecture-lab,.real-explorer){grid-template-columns:1fr}
@media(max-width:1100px){:root .easy-use .header{align-items:start}:root .easy-use :is(.nav,.portal-nav){width:100%;margin-left:0}.quick-links{grid-template-columns:repeat(2,minmax(0,1fr))}:root .easy-use :is(.bulletin-grid,.village-directory,.help-grid){grid-template-columns:1fr}:root .easy-use .village-businesses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2rem}:root .easy-use .village-amenities{grid-template-columns:1fr}.help-grid{gap:1.5rem}:root .easy-use .auth-layout{grid-template-columns:1fr}:root .easy-use .auth-layout>div{max-width:65ch}}
@media(max-width:800px){:root .easy-use :is(.architecture-heading,.community-intro,.promise-grid,.nearby-heading,.village-life-heading,.resident-grid,.owners-grid,.visit-grid,.architecture-lab,.real-explorer,.poster,.news-grid,.nearby-grid){grid-template-columns:1fr}:root .easy-use .poster{gap:1.5rem}:root .easy-use .community-panel{order:0}:root .easy-use .map-column{order:1}:root .easy-use .history-body{grid-template-columns:1fr}:root .easy-use .detail-photo>img{max-height:none}:root .easy-use .detail-photo{aspect-ratio:auto}:root .easy-use .school-grid{grid-template-columns:1fr}:root .easy-use .bulletin-page-heading{display:block}.welcome-heading{align-items:start}}
@media(max-width:500px){:root .easy-use :is(.nav,.portal-nav){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}:root .easy-use :is(.nav,.portal-nav) a{padding:.5rem;overflow-wrap:anywhere}:root .easy-use .quick-links{grid-template-columns:1fr}:root .easy-use .welcome{padding-top:1.5rem}:root .easy-use :is(.section,.community-promise,.poster){padding:2rem 5%}:root .easy-use .reading-tools{gap:.7rem}:root .easy-use .reading-tools a{width:100%}:root .easy-use .history-list summary{grid-template-columns:1fr 2rem}:root .easy-use .history-year{grid-column:1}:root .easy-use .history-title{grid-column:1}:root .easy-use .history-plus{grid-column:2;grid-row:1/3}:root .easy-use .six-details>div{grid-template-columns:1fr;gap:.5rem}:root .easy-use .village-businesses{grid-template-columns:1fr}:root .easy-use .image-switch{display:grid;grid-template-columns:1fr}:root .easy-use .image-switch button{text-align:left}:root .easy-use .nearby-place{grid-template-columns:1fr}:root .easy-use .nearby-number{display:none}:root .easy-use .detail-tabs{display:grid;grid-template-columns:1fr}:root .easy-use .bulletin-section-title{display:block}:root .easy-use .bulletin-section-title a{display:inline-flex;min-height:48px;align-items:center}:root .easy-use .footer-mission{align-items:start}:root .easy-use .footer-bottom{display:grid;grid-template-columns:1fr}}
@media print{html{font-size:12pt!important}:root .easy-use{background:#fff;color:#000}:root .easy-use :is(.draft,.header,.reading-tools,.testing-bar,.skip,.back-to-top,.image-switch,.password-toggle,.filter-form,.search-reset,.quick-links,footer){display:none!important}:root .easy-use :is(.section,.portal-main,.welcome,.poster,.community-promise){padding:1rem 0}:root .easy-use :is(.section,.owner-blog-card,.owners-section,.village-section,.detail-panel,.village-amenities,.nearby-address,.blog-welcome){background:#fff;color:#000;box-shadow:none}:root .easy-use a{color:#000}:root .easy-use :is(.real-explorer,.architecture-lab,.poster){display:block}.poster-picture img{max-height:15rem!important}#community-map{display:none}.detail-photo{max-width:20rem}.portal-form{break-inside:avoid}}

:root .easy-use .page-return{position:fixed;right:1rem;bottom:1rem;z-index:45;display:flex;align-items:center;min-height:48px;padding:.6rem 1rem;border:2px solid var(--ink);background:var(--cream);color:var(--ink);box-shadow:0 2px 8px #0003;font-size:1rem}
:root .easy-use{padding-bottom:5rem}
:root .easy-use .owners-index>a>span{font-size:1rem}
:root .easy-use .community-art{margin-left:0;margin-right:0}
@media(max-width:500px){:root .easy-use .page-return{right:.5rem;bottom:.5rem;max-width:calc(100% - 1rem)}}
@media print{:root .easy-use .page-return{display:none!important}:root .easy-use{padding-bottom:0}}

:root .easy-use .community-entry{border-bottom:1px solid var(--line);padding-bottom:.5rem}
:root .easy-use .community-entry>a{display:flex;align-items:center;min-height:48px;padding:.4rem .5rem}
:root .easy-use .community-choice{border-top:0}
@media(min-width:801px){:root .easy-use .map-column{position:sticky;top:1rem;align-self:start}}
:root .easy-use .brand{max-width:100%;min-width:0;flex-shrink:1}
:root .easy-use .brand>span:last-child{min-width:0;overflow-wrap:anywhere}
:root .easy-use .checkbox-field{display:grid;grid-template-columns:26px minmax(0,1fr);gap:.5rem 1rem;align-items:start;margin:1.2rem 0}
:root .easy-use .checkbox-field>label{font-weight:normal;min-height:48px;margin:0;cursor:pointer}
:root .easy-use .checkbox-field .errorlist{grid-column:1/-1}
:root .easy-use .field-row{margin:1.2rem 0}
:root .easy-use .field-row .helptext{margin-top:.5rem}
