/* Brand direction: the owner's gold, green and black recreational-knowledge seal. */
:root{--ink:#20211a;--muted:#626451;--paper:#fff9ec;--line:#d9cdb4;--lime:#fcbc58;--cream:#f7efd9;--gold:#fcbc58;--green:#155c33;--bright-green:#37a34c;--signature:'Allura','Brush Script MT','Segoe Script',cursive}
::selection{background:#176438;color:#fff9ec}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline-color:var(--green)}
button:hover,a:hover{color:var(--green)}
.announcement{background:var(--ink);color:var(--paper)}
.announcement .spark,.announcement button{color:var(--gold)}
.announcement-note{color:#e4dfce}
.header{background:var(--gold);border-bottom:1px solid #20211a30;backdrop-filter:none}
.nav-wrap{height:94px;gap:24px}
.brand{flex-direction:column;align-items:flex-start;gap:3px}
.brand-signature{font:400 38px/.98 var(--signature);color:var(--green);white-space:nowrap;letter-spacing:-.8px}
.brand-subline{font-size:7px;font-weight:700;letter-spacing:2.3px;margin-left:4px;line-height:1.4}
.nav-wrap nav{gap:28px}
.nav-wrap nav a{font-weight:600;font-size:12px}
.nav-wrap nav a[aria-current=page]{color:var(--green);box-shadow:inset 0 -2px var(--green)}
.mobile-nav{border-top:1px solid #20211a25;background:var(--gold)}
.mobile-nav a[aria-current=page]{color:var(--green)}
.button{border-radius:3px;background:var(--green);color:#fffdf5;font-weight:600}
.button:hover{background:#104d2b;color:#fffdf5}
.button.outline{background:transparent;border-color:var(--ink);color:var(--ink)}
.button.outline:hover{background:var(--ink);color:var(--paper)}
.button.lime{background:var(--gold);color:var(--ink)}
.button.lime:hover{background:#ffd28f;color:var(--ink)}
.status-dot{background:var(--green)}
.brand-dot{color:var(--green)}
.saved-count{background:var(--ink);color:var(--gold)}
.eyebrow{letter-spacing:1.7px}
.brand-hero{background:var(--gold);border-bottom:1px solid var(--ink)}
.brand-hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-block:28px 35px;min-height:570px}
.brand-hero-copy{padding-block:27px;position:relative;z-index:1}
.brand-hero-copy .eyebrow{font-size:9px;letter-spacing:1.8px}
.brand-hero h1{font:400 clamp(42px,4.7vw,68px)/1.04 var(--serif);letter-spacing:-2.9px;margin:27px 0 24px}
.brand-hero h1 em{color:var(--green);font-weight:400;white-space:nowrap}
.brand-hero-copy>p{font-size:15px;line-height:1.85;max-width:410px;margin:0 0 29px;color:#383a2e}
.brand-hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap}
.brand-hero-actions .button{font-size:12px;padding:17px 22px;gap:25px}
.brand-hero-actions .text-link{font-size:12px;gap:18px;border-bottom:1px solid var(--ink);padding:8px 0}
.brand-hero-foot{display:flex;align-items:center;gap:13px;border-top:1px solid #20211a40;margin-top:36px;padding-top:20px;max-width:410px}
.brand-hero-foot>span{font-size:38px;color:var(--green);line-height:1}
.brand-hero-foot p{font-size:10px;line-height:1.7;margin:0}
.brand-hero-foot strong{font-weight:600}
.brand-artwork{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative}
.brand-artwork img{width:100%;height:auto;display:block}
.brand-art-caption{font-size:8px;letter-spacing:2px;text-align:center;position:absolute;bottom:22px;left:0;right:0}
.brand-values{border-top:1px solid #20211a40;padding:15px 0}
.brand-values>div{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1.5px;font-weight:700}
.brand-values [aria-hidden]{font-size:19px;color:var(--green);line-height:1}
.home-main .search-section{margin-top:38px;margin-bottom:62px}
.search-bar{border:1px solid var(--ink);border-radius:4px;background:#fffdf6;box-shadow:5px 5px 0 #eadaba}
.search-below{color:var(--muted)}
.search-below button{color:var(--green)}
.search-note{color:var(--muted)}
.home-states{padding-bottom:65px}
.home-states .section-heading{align-items:flex-end;margin-bottom:30px}
.home-states h2{font-size:49px;line-height:1.07;letter-spacing:-1.3px}
.home-states h2 em{color:var(--green);font-weight:400}
.home-states-intro{font-size:13px;line-height:1.85;max-width:320px;color:var(--muted);margin:0 0 3px}
.home-states-link{margin-top:23px;font-size:12px;gap:24px;border-bottom:1px solid var(--ink);padding-bottom:6px}
.launch-state-grid{gap:24px}
.launch-state-card{border:1px solid var(--ink);border-radius:4px;background:var(--paper);transition:transform .2s,box-shadow .2s}
.launch-state-card:hover{box-shadow:5px 5px 0 var(--gold);transform:translateY(-3px)}
.state-mini-map{background:var(--gold);height:250px;border-bottom:1px solid var(--ink)}
.launch-state-body{padding:23px 26px}
.launch-state-body .eyebrow{color:var(--green)}
.launch-state-body h3{font-size:33px}
.launch-state-body p{color:var(--muted);font-size:12px}
.page-pathways{border-top:1px solid var(--line);padding-top:43px}
.pathway,.pathway:nth-child(n){background:var(--cream);border-color:var(--line);border-radius:3px}
.pathway:first-child{background:var(--gold);border-color:#d3a251}
.pathway-number{color:#545743;font-size:8px}
.pathway p{color:#575b4a;font-size:12px}
.pathway .text-link{border-color:#cdbf9b;color:var(--green);font-size:11px}
.pathway h3{font-size:30px}
.business-section{background:var(--ink);border-radius:4px;color:var(--paper)}
.business-section .eyebrow{color:var(--gold)}
.business-section p,.business-section .draft-note{color:#e2ddcc}
.business-spark{color:var(--gold)}
.sample-note{background:var(--gold);color:var(--ink)}
.sample-note .note-top,.sample-note .note-bottom{color:var(--ink)}
.note-line{background:#ad8547}
.faq-section summary{font-size:14px}
.faq-section .faqs p{color:var(--muted);font-size:13px}
footer{background:var(--ink);color:var(--paper);border-top:0}
footer .brand-signature{color:var(--gold);font-size:47px}
footer .brand-subline{color:var(--paper)}
.footer-main p,.footer-domain,.footer-links>div>span,.footer-bottom{color:#dfdaca}
.footer-links a,.footer-links button{color:var(--paper)}
.footer-links a:hover,.footer-links button:hover,footer a:hover{color:var(--gold)}
.footer-bottom{border-color:#686958}
.preview-badge{border-color:#787662;color:var(--gold)}
.breadcrumbs,.region-intro,.region-hero-copy>p,.region-tally span,.city-detail-hero p,.profile-detail-intro,.profile-information p,.source-date,.atlas-note,.city-context{color:var(--muted)}
.region-tally strong{color:var(--green)}
.region-switcher a{border-color:#b9af95;font-size:11px}
.region-switcher a[aria-current=page]{background:var(--green);border-color:var(--green);color:white}
.region-map-frame{background:var(--gold);background-image:radial-gradient(#20211a15 .7px,transparent .7px);background-size:8px 8px;border-color:var(--ink);border-radius:4px}
.region-map-note{background:var(--paper);border-color:#ae8750;border-radius:0}
.region-map-note>span{color:var(--green)}
.region-map-frame .art-footer{color:var(--ink)}
.state-city-link:hover text{fill:var(--green)}
.state-city-link:focus-visible .state-city-focus{fill:#a6e84b;stroke:var(--ink)}
.region-resources>div>p,.city-resource-aside>p,.city-sample-body p,.city-profile-empty p,.profile-information dd{color:#545b45}
.state-resource-links,.state-resource-links a,.state-resource-links>button{border-color:#cbbd9a}
.city-resource-aside,.city-profile-empty{background:var(--cream);border-color:#cbbd9a;border-radius:4px}
.city-profile-empty>span{color:var(--green)}
.city-sample-card,.profile-detail-image,.profile-card,.knowledge-card{border-color:var(--line);border-radius:4px;background:#fffdf6}
.nearby-cities a{background:var(--cream);border-color:#cbbd9a;border-radius:3px}
.city-okc{background:#fcbc58}.city-tulsa{background:#f3dda5}.city-edmond{background:#dce7ca}.city-norman{background:#f1e9cd}
.city-title,.city-number,.city-subtitle{color:var(--ink)}
.city-illustration{color:#69734c}
.knowledge-art.tone-0,.tone-0{background:var(--gold)}
.knowledge-art.tone-1,.tone-1{background:#efe3be}
.knowledge-art.tone-2,.tone-2{background:#dce7ca}
.knowledge-symbol{color:var(--green)}
.knowledge-art-note,.knowledge-card-body .eyebrow{color:#505c40}
.knowledge-summary,.knowledge-bottom p,.article-intro,.article-body p,.article-source p{color:#555f49}
.knowledge-card-footer{border-color:var(--line)}
.chip{border-color:#bfb59c}
.chip.active,.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:white}
.knowledge-empty,.search-result-links>a,.city-guide-note,.modal-notice{background:var(--cream);border-color:var(--line)}
.knowledge-search{border-color:#bfb59c}
.city-state-label select{background:#fffdf6;border-color:#bfb59c}
.explore-results{border-color:var(--line);background:#fffdf6}
.profile-tags span{background:var(--cream);border-color:var(--line);color:#535944}
.profile-content>p,.profile-meta,.profile-bottom>span,.profile-information dt,.draft-explainer p{color:var(--muted)}
@media(min-width:1500px){.brand-hero-inner{min-height:610px}.brand-hero h1{font-size:71px}}
@media(max-width:1100px){.nav-wrap{gap:20px}.nav-wrap nav{gap:19px}.brand-signature{font-size:33px}.brand-subline{font-size:6px;letter-spacing:1.8px}.nav-actions{gap:17px}.nav-actions .button{padding:13px 15px;font-size:11px;gap:14px}.brand-hero-inner{gap:10px;min-height:500px}.brand-hero h1{font-size:clamp(37px,4.7vw,51px);letter-spacing:-1.8px}.brand-hero-actions{gap:20px}.brand-hero-actions .button{padding:15px 17px;font-size:11px;gap:15px}.brand-hero-actions .text-link{font-size:11px;gap:10px}.brand-hero-copy>p{font-size:14px}.brand-art-caption{font-size:6px;bottom:12px}.brand-values>div{font-size:8px;letter-spacing:1px}}
@media(max-width:860px){.nav-wrap{height:80px}.brand-signature{font-size:38px}.brand-subline{font-size:7px}.brand-hero-inner{grid-template-columns:1.05fr 1fr;padding-block:30px}.brand-hero-copy .eyebrow{font-size:7px;letter-spacing:1px}.brand-hero h1{font-size:40px;letter-spacing:-1.6px}.brand-hero h1 em{white-space:normal}.brand-hero-copy>p{font-size:13px}.brand-hero-foot{margin-top:25px}.brand-values>div{flex-wrap:wrap;justify-content:center;gap:15px}.brand-values>div>span:last-child,.brand-values>div>span:nth-last-child(2){display:none}.home-states h2{font-size:42px}.home-states-intro{max-width:270px;font-size:12px}}
@media(max-width:620px){.nav-wrap{height:79px;gap:12px}.brand-signature{font-size:34px;letter-spacing:-.5px}.brand-subline{font-size:6px;letter-spacing:1.65px}.nav-actions{gap:10px}.saved-button{gap:5px}.announcement{font-size:10px;height:35px;gap:8px}.announcement button{font-size:10px;margin-left:5px}.brand-hero-inner{grid-template-columns:1fr;padding-top:35px;padding-bottom:24px;gap:0;min-height:auto}.brand-hero-copy{padding:0}.brand-hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.brand-hero h1{font-size:clamp(36px,10.2vw,56px);letter-spacing:-1.7px;line-height:1.08;margin:22px 0 19px}.brand-hero h1 em{white-space:nowrap}.brand-hero-copy>p{font-size:13px;max-width:420px;line-height:1.8;margin-bottom:23px}.brand-hero-actions{gap:23px}.brand-hero-actions .button{font-size:11px;padding:15px 17px;gap:17px}.brand-hero-actions .text-link{font-size:11px}.brand-hero-foot{display:none}.brand-artwork{width:100%;max-width:380px;justify-self:center;margin-top:7px}.brand-artwork img{width:100%}.brand-art-caption{font-size:7px;bottom:13px;letter-spacing:1.35px}.brand-values{padding:13px 0}.brand-values>div{gap:13px;font-size:7px;letter-spacing:.6px}.brand-values>div>span:nth-child(5),.brand-values>div>span:nth-child(4){display:none}.brand-values [aria-hidden]{font-size:17px}.home-main .search-section{margin-top:27px;margin-bottom:43px}.search-bar{box-shadow:3px 3px 0 #eadaba}.home-states{padding-bottom:42px}.home-states .section-heading{align-items:flex-start;gap:15px;margin-bottom:23px}.home-states h2{font-size:37px;letter-spacing:-1px;margin:12px 0 0}.home-states-intro{font-size:12px;max-width:330px}.launch-state-grid{gap:19px}.state-mini-map{height:220px}.launch-state-body{padding:20px 22px}.launch-state-body h3{font-size:31px}.launch-state-body p{font-size:11px}.home-states-link{font-size:11px;margin-top:20px}.page-pathways{padding-top:31px}.pathway p{font-size:11px}.pathway .text-link{font-size:10px}.pathway h3{font-size:26px}.pathway-number{font-size:7px}.faq-section summary{font-size:13px}.faq-section .faqs p{font-size:12px}footer .brand-signature{font-size:43px}.region-switcher a{font-size:10px}}
@media(max-width:370px){.brand-signature{font-size:29px}.brand-subline{font-size:5px}.nav-actions{gap:6px}.brand-hero-actions{gap:15px}.brand-hero-actions .button{font-size:10px;padding:14px}.brand-hero-actions .text-link{font-size:10px}.brand-hero h1{font-size:34px}.brand-hero-copy .eyebrow{font-size:7px}.brand-art-caption{font-size:6px}}
/* Keep the full map visible inside short preview frames. */
.state-mini-map svg{height:100%!important}
.sample-note .note-brand em{color:var(--green)}