:root{--navy:#0b2748;--navy-deep:#071f39;--ink:#122941;--muted:#657587;--orange:#f29b4a;--blue:#1e5ca8;--aqua:#d9efeb;--line:#e4e9ed;--canvas:#fff;--cream:#f6f8f6;--mint:#eaf5ee;--shadow:0 12px 40px rgba(15,40,65,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;background:white;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1220px,calc(100% - 64px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:absolute;top:-100px;left:20px;padding:10px;background:white;z-index:200}.skip-link:focus{top:10px}
.site-header{background:#fff;height:86px;position:sticky;top:0;z-index:30;border-bottom:1px solid #eef1f4}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--navy)!important;flex-shrink:0}.brand-word{letter-spacing:-1.7px;font-size:29px;font-weight:900;line-height:1}.brand-word>span:first-child{font-weight:450}.brand-dot{color:var(--orange)}.brand-mark{display:grid;grid-template-columns:repeat(2,10px);grid-template-rows:repeat(2,10px);gap:3px;transform:rotate(-16deg)}.brand-mark span{background:#27759e;border-radius:3px 6px 3px 6px}.brand-mark span:nth-child(2){background:#5ebaa9}.brand-mark span:nth-child(3){background:#f29b4a}.brand-mark span:nth-child(4){background:#0e4069}.nav-links{display:flex;align-items:center;justify-content:center;gap:37px;margin:auto}.nav-links a{font-size:14px;color:#445468;font-weight:600}.nav-links a[aria-current=page],.nav-links a:hover{color:#17639b}.btn{appearance:none;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:7px;padding:15px 23px;font-weight:750;font-size:14px;line-height:1.3;text-align:center;transition:transform .18s,background .18s,box-shadow .18s;min-height:48px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#0b4776;color:white!important}.btn-primary:hover{background:#11679b;box-shadow:0 8px 24px #0b47762b}.btn-small{padding:11px 16px;min-height:43px}.btn-outline{border-color:#d9e1e7;color:var(--navy);background:white}.btn-outline:hover{border-color:#9ebacc}.btn-white{background:white;color:var(--navy)}.btn-block{width:100%}.plus-sign{font-size:20px;font-weight:400;line-height:0}.mobile-toggle{display:none;border:none;background:white;font-size:25px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:2.1px;color:#32897d;display:inline-flex;align-items:center;gap:10px;text-transform:uppercase}.eyebrow.light{color:#abdecf}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#f7a866;box-shadow:0 0 0 4px #f7a86630}.hero{background:linear-gradient(112deg,#082b4b 0%,#0c395b 50%,#104c6a 100%);color:white;position:relative;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 84% 37%,#38b3ad3d,transparent 33%),repeating-linear-gradient(135deg,transparent,transparent 64px,#ffffff04 65px,#ffffff04 66px);pointer-events:none}.hero-inner{min-height:536px;display:flex;align-items:center;justify-content:space-between;position:relative}.hero-main{width:68%;max-width:780px;padding:72px 0 78px;z-index:2}.hero h1{font-size:clamp(44px,5.3vw,76px);line-height:1.04;letter-spacing:-3.2px;margin:21px 0 22px;font-weight:800}.hero h1 em{font-style:normal;color:#a5e1d4}.hero-main>p{max-width:610px;font-size:17px;color:#d2e0e9;line-height:1.75;margin:0 0 33px}.hero-search{display:flex;background:white;padding:7px;box-shadow:0 16px 36px #061b3159;border-radius:9px;min-height:70px;align-items:center;max-width:760px}.search-icon{font-size:34px;color:#6b8397;padding:0 12px 0 17px;line-height:1}.hero-search input{min-width:0;flex:1;border:0;outline:0;font-size:14px;color:var(--ink);padding:12px 4px}.hero-search button{border:0;background:#ed9854;color:#173047;border-radius:6px;padding:17px 20px;font-weight:800;white-space:nowrap}.hero-search button:hover{background:#ffc083}.hero-keywords{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:21px}.hero-keywords span{font-size:11px;color:#b0c4d2;margin-right:4px}.hero-keywords a{border:1px solid #ffffff3d;border-radius:30px;padding:7px 11px;font-size:11px;color:#ecf4f6;background:#ffffff0a}.hero-keywords a:hover{background:#ffffff1d;color:white}.hero-art{width:420px;height:410px;position:absolute;right:-15px;top:43px;opacity:.94}.art-orbit{position:absolute;border:1px solid #8ac5c040;border-radius:50%;width:380px;height:380px;top:12px;left:12px}.orbit-two{width:270px;height:270px;top:65px;left:68px;border-style:dashed;transform:rotate(25deg)}.oc-shape{position:absolute;top:90px;left:105px;height:220px;width:240px;border-radius:42% 58% 60% 40%/46% 46% 54% 54%;transform:rotate(-18deg);background:linear-gradient(125deg,#438b92,#1a6487);border:1px solid #80cfcb77;box-shadow:inset -20px -25px 50px #0d435760,0 20px 70px #02152c5e;display:flex;justify-content:center;align-items:center}.oc-shape span{font-size:102px;letter-spacing:-12px;color:#ccede3;font-weight:850;transform:rotate(18deg);text-shadow:0 8px 25px #12456188}.floating-pill{position:absolute;z-index:1;background:white;color:#19465e;font-size:12px;font-weight:800;padding:12px 16px;border-radius:9px;box-shadow:0 14px 40px #04192c66}.floating-pill span{color:#23a98f;font-size:20px;margin-right:6px}.pill-one{top:65px;right:6px;transform:rotate(7deg)}.pill-two{bottom:42px;left:20px;transform:rotate(-6deg)}.art-shine{position:absolute;background:#daffcf70;filter:blur(70px);width:80px;height:100px;top:110px;left:190px}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding:20px 0;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#9cbbcd}.stats-band{border-bottom:1px solid var(--line);background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid>div{padding:24px 32px;display:flex;flex-direction:column;gap:0;border-right:1px solid var(--line)}.stats-grid>div:first-child{padding-left:0}.stats-grid>div:last-child{border:0}.stats-grid strong{font-size:28px;color:var(--navy);letter-spacing:-1px}.stats-grid span{color:var(--muted);font-size:12px;font-weight:600}.section{padding:91px 0}.section-cream{background:#f6f8f7}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section-intro h2{font-size:clamp(27px,3.2vw,42px);letter-spacing:-1.7px;line-height:1.12;margin:9px 0 9px;color:var(--navy)}.section-intro p{font-size:14px;color:var(--muted);margin:0;max-width:610px}.text-link{font-size:13px;font-weight:850;color:#1c7194;white-space:nowrap;padding:9px 0}.text-link span{margin-left:4px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.category-card{border:1px solid #e7ecee;border-radius:12px;padding:27px 23px 22px;min-height:188px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s,border-color .2s}.category-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:#b1d4ce}.category-symbol{height:48px;width:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#eaf5f0;color:#278e8d;font-size:25px;margin-bottom:17px}.category-card:nth-child(2n) .category-symbol{background:#fff1e6;color:#da8954}.category-card:nth-child(3n) .category-symbol{background:#eaf1fc;color:#346ba9}.category-card strong{font-size:15px;font-weight:800;color:var(--navy)}.category-count{font-size:11px;color:#81909e;margin-top:4px}.category-arrow{position:absolute;right:20px;bottom:20px;font-size:18px;color:#94aab6}.city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.city-tile{min-height:175px;border-radius:11px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 23px;color:white!important;background:linear-gradient(145deg,#386a89,#164966);position:relative;isolation:isolate;transition:transform .2s}.city-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 95% -20%,#9fc9b7bb,transparent 70%);z-index:-1}.city-tile:nth-child(2n){background:linear-gradient(130deg,#29647a,#284e58)}.city-tile:nth-child(3n){background:linear-gradient(130deg,#507e82,#315268)}.city-tile:nth-child(4n){background:linear-gradient(130deg,#52798e,#174362)}.city-tile:hover{transform:translateY(-3px)}.city-tile>span{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#d6eeea}.city-tile strong{font-size:25px;letter-spacing:-.7px;line-height:1.15;margin:6px 0}.city-tile small{font-size:11px;color:#e0eef1}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-card{border:1px solid #e2e9ed;border-radius:12px;padding:24px;display:flex;flex-direction:column;min-height:272px;transition:box-shadow .2s,transform .2s}.business-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.bc-top{display:flex;align-items:center;gap:13px;margin-bottom:15px}.business-avatar{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:13px;background:#dfeeea;color:#247a81;font-size:17px;font-weight:850}.business-card:nth-child(3n) .business-avatar{background:#eff0fa;color:#4c67a1}.business-card:nth-child(3n+2) .business-avatar{background:#fbecdf;color:#a36b4e}.business-tags{display:flex;gap:6px;flex-wrap:wrap}.category-mini{font-size:10px;color:#486c78;background:#eaf5f2;padding:5px 8px;border-radius:4px;font-weight:700}.verified-tag{font-size:10px;color:#147b56;background:#dcf4e8;padding:5px 8px;border-radius:4px;font-weight:700}.business-card h3{font-size:19px;color:var(--navy);margin:0 0 5px;line-height:1.26;letter-spacing:-.4px}.bc-location{font-size:12px;color:#688095;margin-bottom:13px}.bc-location span{color:#20a08b;margin-right:3px}.business-card>p{font-size:13px;color:#6b7c8d;line-height:1.7;margin:0 0 20px;flex:1}.bc-link{font-size:12px;color:#1d7c96;font-weight:850}.bc-link span{margin-left:6px}.empty-feature{background:#f7faf9;border:1px dashed #bed2cb;padding:62px 25px;text-align:center;border-radius:12px}.empty-illustration{font-size:40px;color:#db974a}.empty-feature h3{font-size:25px;margin:5px 0;color:var(--navy)}.empty-feature p{max-width:470px;margin:0 auto 24px;color:var(--muted)}.section-cta{padding:67px 0;background:linear-gradient(108deg,#07354f,#0e5872);color:white;overflow:hidden}.cta-layout{display:flex;justify-content:space-between;align-items:center}.section-cta h2{font-size:43px;max-width:560px;line-height:1.12;margin:14px 0 14px;letter-spacing:-1.5px}.section-cta p{color:#d0e2eb;max-width:570px;margin-bottom:23px}.cta-big{font-size:160px;font-weight:900;line-height:1;color:#ffffff12;letter-spacing:-16px}.cta-big span{font-size:70px;color:#72bdad}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.benefits>div{border-top:1px solid #d7e2e4;padding:24px 10px 0 0}.benefit-num{color:#269188;font-weight:800;font-size:12px}.benefits h3{font-size:20px;letter-spacing:-.5px;color:var(--navy);margin:10px 0}.benefits p{font-size:13px;color:var(--muted);max-width:340px}
.footer{background:#071f39;color:#b4c7d5;padding-top:64px}.footer-top{display:grid;grid-template-columns:2.2fr repeat(3,1fr);gap:52px;padding-bottom:52px}.footer .brand-word{color:#fff}.footer .brand{color:white!important}.footer-brand>p{font-size:13px;line-height:1.9;max-width:300px;margin:18px 0 21px}.footer-location{font-size:11px;color:#78bbae}.footer h4{color:white;font-size:13px;margin:0 0 17px}.footer-top>div:not(:first-child){display:flex;flex-direction:column}.footer-top>div>a:not(.brand){font-size:12px;margin-bottom:12px}.footer a:hover{color:white}.footer-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:11px}.footer-bottom>span:last-child{display:flex;gap:22px}
.page-header{padding:67px 0 61px;background:linear-gradient(115deg,#f3f8f7,#edf3f6);border-bottom:1px solid #e4e9e9}.page-header h1{font-size:clamp(37px,4.5vw,57px);line-height:1.08;letter-spacing:-2.5px;color:var(--navy);margin:15px 0}.page-header p{font-size:16px;max-width:750px;color:#607688;line-height:1.7;margin:0}.accent-period{color:#e69c54}.content-section{padding-top:48px;padding-bottom:95px}.directory-layout{display:grid;grid-template-columns:270px 1fr;gap:35px;align-items:start}.filter-panel{background:#fff;border:1px solid #e1e7e9;padding:22px;border-radius:12px}.filter-title{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:17px}.filter-title strong{font-size:15px}.filter-title a{font-size:11px;color:#2d8295}.filter-form{display:flex;flex-direction:column;gap:8px}.filter-form label{font-size:12px;font-weight:750;margin-top:11px}.filter-form input,.filter-form select,.main-form input,.main-form textarea,.main-form select{border:1px solid #cfdbe2;border-radius:7px;padding:12px 13px;background:white;color:var(--ink);width:100%;min-height:46px;outline-offset:2px}.filter-form input:focus,.filter-form select:focus,.main-form input:focus,.main-form textarea:focus,.main-form select:focus{border-color:#288a9c;outline:2px solid #ccefea}.filter-form .btn{margin-top:12px}.filter-note{font-size:11px;color:#8294a0;margin-top:22px;line-height:1.6}.results-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:23px}.results-heading>div{display:flex;flex-direction:column;gap:2px}.results-heading strong{font-size:17px;color:var(--navy)}.results-heading span{font-size:12px;color:#8492a0}.results-page{font-size:12px;color:var(--muted)}.listing-grid{grid-template-columns:repeat(2,1fr)}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:35px;flex-wrap:wrap}.pagination a,.pagination span{border:1px solid #dce6e9;border-radius:6px;min-width:36px;min-height:36px;padding:6px 11px;display:grid;place-items:center;font-size:13px;font-weight:700}.pagination a.current{background:#0b4776;color:white;border-color:#0b4776}.empty-state{text-align:center;border:1px dashed #d1dedf;background:#fbfdfd;padding:65px 25px;border-radius:11px}.empty-mark{font-size:48px;color:#57ac9c}.empty-state h2{margin:4px 0 9px;font-size:23px;color:var(--navy)}.empty-state p{max-width:490px;font-size:14px;color:var(--muted);margin:0 auto 23px}.letter-intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.letter-intro h2{font-size:25px;letter-spacing:-.8px;margin:0}.letter-intro span{color:#8b9dab;font-size:12px}.cities-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.city-row{border:1px solid var(--line);border-radius:9px;padding:17px;display:flex;align-items:center;gap:12px;transition:box-shadow .2s}.city-row:hover{box-shadow:var(--shadow)}.city-letter{height:41px;width:41px;display:grid;place-items:center;background:#e9f4f1;border-radius:8px;color:#248c86;font-weight:850;font-size:18px;flex-shrink:0}.city-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.city-row strong{font-size:14px;color:var(--navy)}.city-row small{font-size:10px;color:#899ba6}.city-count{margin-left:auto;font-size:10px;color:#8395a4;white-space:nowrap}.city-arr{font-size:16px;color:#1d8393}.category-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category-detail-card{display:flex;align-items:flex-start;gap:17px;min-height:176px;border:1px solid var(--line);border-radius:11px;padding:22px}.category-large-icon{width:55px;height:55px;border-radius:12px;background:#e8f4ee;color:#2d9189;display:grid;place-items:center;font-size:25px;flex-shrink:0}.category-detail-card>span:nth-child(2){display:flex;flex-direction:column}.category-detail-card strong{font-size:18px;color:var(--navy)}.category-detail-card small{font-size:12px;color:#6d8090;line-height:1.6;margin-top:5px}.cat-foot{color:#288198;font-size:11px;font-weight:800;margin-top:16px}.cat-foot b{margin-left:5px}.breadcrumbs{display:flex;gap:11px;align-items:center;color:#7990a0;font-size:12px;margin-bottom:24px}.breadcrumbs a{color:#32809c}.breadcrumbs-light,.breadcrumbs-light a{color:#c7dfeb}.inline-discover{margin-top:60px;padding:28px;border-radius:12px;background:#f6f9f8}.inline-discover h2{margin:0 0 5px;font-size:23px}.inline-discover p{font-size:13px;color:#667e8a}.chip-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chip-list a{font-size:12px;font-weight:650;background:white;border:1px solid #dbe6e4;padding:8px 11px;border-radius:7px}.profile-cover{height:165px;background:linear-gradient(115deg,#082d4a,#156078)}.profile-cover .breadcrumbs{padding-top:29px;margin:0}.profile-shell{position:relative;margin-top:-50px;padding-bottom:88px}.profile-head{display:flex;align-items:center;gap:23px;padding:25px;border-radius:13px;background:white;box-shadow:var(--shadow);border:1px solid #edf0f2}.profile-avatar{height:93px;width:93px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#d8f0e9,#d4e3f1);color:#246b8a;font-weight:900;font-size:31px;flex-shrink:0}.profile-title{flex:1}.profile-title .eyebrow{font-size:10px}.profile-title h1{font-size:34px;color:var(--navy);letter-spacing:-1.3px;margin:6px 0 4px;line-height:1.2}.profile-byline{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#758a98}.dot-divider{color:#bfcbcb}.profile-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:25px;margin-top:26px}.profile-panel{border:1px solid var(--line);border-radius:11px;padding:30px;margin-bottom:24px;background:white}.small-eyebrow{color:#348e81;letter-spacing:1.5px;font-size:10px;font-weight:850}.profile-panel h2{font-size:25px;letter-spacing:-.8px;color:var(--navy);margin:10px 0 17px}.profile-desc{font-size:15px;color:#485f73;line-height:1.85;white-space:pre-wrap}.overview-summary{margin-top:21px;border-left:3px solid #85bcb4;background:#f4faf8;padding:13px 17px;color:#477280;font-size:13px}.detail-list>div{border-top:1px solid #edf1f2;display:flex;justify-content:space-between;gap:20px;padding:14px 0;font-size:13px}.detail-list>div>span{color:#8193a0}.detail-list strong{font-weight:700;text-align:right}.detail-list a{font-weight:700;color:#1c7895;text-align:right}.profile-sidebar .profile-panel{margin-bottom:0}.sticky-panel{position:sticky;top:108px}.sticky-panel h3{font-size:19px;color:var(--navy);margin:0 0 25px}.contact-item{display:flex;gap:13px;margin-bottom:22px;align-items:flex-start}.contact-item>span{height:37px;width:37px;background:#eaf5f1;border-radius:8px;display:grid;place-items:center;color:#2b9185;font-size:19px}.contact-item>div{min-width:0}.contact-item small{font-size:11px;display:block;color:#8695a1;margin:0 0 3px}.contact-item a,.contact-item strong{font-size:13px;font-weight:760;word-break:break-word;color:var(--navy)}.sticky-panel hr{border:0;border-top:1px solid #e7eced;margin:25px 0}.claim-copy{color:#697e8a;font-size:12px}.fine-print{font-size:10px;color:#9aa9b3;line-height:1.5;margin:18px 0 0}.related-section{margin-top:60px}
.form-layout{display:grid;grid-template-columns:1.7fr .8fr;gap:30px;align-items:start}.form-card{border:1px solid var(--line);border-radius:13px;padding:35px;background:white;box-shadow:0 8px 30px #0f2c4210}.form-heading{padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:24px}.form-heading h2,.form-card h2{font-size:26px;color:var(--navy);letter-spacing:-.7px;margin:0 0 7px}.form-heading p,.form-card>p{font-size:13px;color:var(--muted);margin:0}.main-form{display:flex;flex-direction:column;gap:19px;margin-top:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:#31485a;font-weight:800;margin-bottom:7px}.form-group label span{color:#8395a1;font-weight:500}.form-group small{display:block;font-size:11px;color:#8a9ba6;margin-top:6px}.main-form textarea{resize:vertical}.form-submit{border-top:1px solid var(--line);padding-top:21px}.form-submit p{font-size:11px;color:#8292a0}.form-submit p a{color:#1b7e95;text-decoration:underline}.form-error{padding:12px 15px;border-radius:7px;background:#fff0ec;color:#ac422c;font-size:13px;margin:12px 0}.honeypot{position:absolute;left:-10000px;opacity:0;pointer-events:none}.help-box{background:#f3f8f6;border-radius:12px;padding:30px}.help-box>div:not(:first-child){display:flex;gap:16px;margin-top:25px}.step-number{color:#2c9286;font-size:23px;font-weight:900;line-height:1.3}.help-box h3{font-size:14px;margin:0 0 5px;color:var(--navy)}.help-box p{font-size:12px;color:#7a8b97;margin:0;line-height:1.7}.aside-note{color:#8b9ba8;font-size:12px;padding:12px}.narrow-content{max-width:790px}.info-page section{border-bottom:1px solid #e7ecee;padding:12px 0 26px;margin-bottom:25px}.info-page section h2{font-size:24px;letter-spacing:-.6px}.info-page p{line-height:1.9;color:#627687}.info-note{background:#eff8f4;border-radius:9px;padding:20px}.info-note a{font-weight:800;color:#1a7a85}.success-section{text-align:center;padding:110px 20px 140px;max-width:700px}.success-mark{margin:auto auto 21px;border-radius:50%;background:#e0f5e9;color:#228c6b;width:75px;height:75px;display:grid;place-items:center;font-size:35px}.success-section h1{font-size:43px;letter-spacing:-1.5px;color:var(--navy);line-height:1.12;margin:12px 0}.success-section p{color:#718693;font-size:16px;margin-bottom:28px}.error-code{font-size:120px;font-weight:900;color:#e1ecec;letter-spacing:-5px;line-height:1}.admin-content{max-width:1200px}.admin-heading{display:flex;align-items:center;justify-content:space-between}.admin-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:26px}.admin-summary>div{padding:23px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column}.admin-summary strong{font-size:29px;color:var(--navy)}.admin-summary span{color:#8598a2;font-size:12px}.admin-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin:20px 0 25px}.admin-tabs a{font-size:13px;padding:11px 0;font-weight:750}.admin-tabs a.active{color:#147aa1;border-bottom:3px solid #147aa1}.admin-item{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:23px;margin-bottom:14px;border:1px solid #e1e7ea;border-radius:10px}.admin-item>div:first-child{min-width:0}.admin-item h3{font-size:18px;margin:0;color:var(--navy)}.admin-item p{font-size:12px;color:#63798a;line-height:1.6}.admin-item-head{display:flex;gap:10px;align-items:center}.status-label{font-size:10px;background:#fff3df;color:#956c22;border-radius:6px;padding:4px 7px}.status-approved{background:#e0f5e9;color:#208763}.status-rejected,.status-removed{background:#ffeee7;color:#ac5b4b}.admin-extra{font-size:11px;overflow-wrap:anywhere}.admin-extra a{color:#24789b}.admin-buttons{display:flex;gap:6px;flex-wrap:wrap;justify-content:end;min-width:205px}.admin-buttons .btn{min-height:36px;padding:8px 11px;font-size:11px}.admin-inbox{margin-top:35px}.admin-login h1{font-size:34px;margin:12px 0}.admin-login{margin-top:40px}
:focus-visible{outline:3px solid #e6a966;outline-offset:3px}
@media(max-width:1080px){.hero-art{right:-160px;opacity:.55}.hero-main{width:78%}.city-grid,.category-grid{grid-template-columns:repeat(2,1fr)}.cities-directory{grid-template-columns:repeat(2,1fr)}.category-detail-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-top>div:last-child{display:none}}
@media(max-width:770px){.container{width:min(100% - 36px,1220px)}.site-header{height:70px}.brand-word{font-size:26px}.header-inner{gap:14px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:white;box-shadow:0 16px 25px #0b28471c;flex-direction:column;align-items:stretch;padding:20px 25px;gap:12px}.nav-links.is-open{display:flex}.nav-links a{padding:10px 0}.header-cta{margin-left:auto;padding:9px 11px;min-height:39px;font-size:11px}.mobile-toggle{display:block}.hero-inner{min-height:auto}.hero-main{width:100%;max-width:none;padding:66px 0 65px}.hero h1{font-size:clamp(43px,8vw,68px);letter-spacing:-2px}.hero-main>p{font-size:15px}.hero-art{display:none}.hero-bottom{gap:10px;justify-content:center}.hero-bottom span:nth-child(n+2){display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid>div{padding:19px!important;border-bottom:1px solid var(--line)}.stats-grid>div:nth-child(even){border-right:0}.section{padding:65px 0}.section-intro{align-items:start}.section-intro h2{font-size:32px}.business-grid,.listing-grid{grid-template-columns:repeat(2,1fr)}.directory-layout{grid-template-columns:1fr}.filter-panel{position:static}.form-layout{grid-template-columns:1fr}.form-sidebar{display:none}.profile-grid{grid-template-columns:1fr}.profile-head{flex-wrap:wrap}.profile-actions{width:100%}.profile-actions .btn{width:100%}.footer-top{grid-template-columns:2fr 1fr;gap:20px}.footer-top>div:nth-child(3){display:none}.cta-big{display:none}.benefits{gap:15px}}
@media(max-width:530px){.hero h1{font-size:42px}.hero-search{flex-wrap:wrap;padding:9px;gap:6px}.hero-search input{min-height:40px}.hero-search button{width:100%;padding:13px}.hero-keywords a{font-size:10px}.stats-grid strong{font-size:25px}.stats-grid span{font-size:10px}.category-grid,.city-grid,.business-grid,.listing-grid,.category-detail-grid,.cities-directory{grid-template-columns:1fr}.category-card{min-height:150px}.city-tile{min-height:145px}.section-intro{flex-direction:column;align-items:start;gap:6px}.section-intro h2{font-size:29px}.page-header{padding:45px 0}.page-header h1{font-size:38px;letter-spacing:-1.7px}.form-card{padding:24px 18px}.form-row{grid-template-columns:1fr}.profile-head{padding:17px;gap:14px}.profile-avatar{height:65px;width:65px;font-size:23px}.profile-title h1{font-size:24px}.profile-title .eyebrow{font-size:9px}.profile-shell{margin-top:-38px}.profile-panel{padding:22px}.detail-list>div{flex-direction:column;gap:5px}.detail-list a,.detail-list strong{text-align:left}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-top>div:nth-child(3){display:flex}.footer-top>div:last-child{display:none}.footer-bottom{flex-direction:column;gap:10px;align-items:start}.admin-item{flex-direction:column}.admin-buttons{min-width:0;justify-content:start}.admin-summary{grid-template-columns:1fr}.admin-tabs{gap:11px;flex-wrap:wrap}.admin-tabs a{font-size:11px}.header-cta{font-size:10px}.plus-sign{font-size:15px}}

/* Research import review table — admin only */
.research-table-wrap{width:100%;overflow-x:auto}.research-table{border-collapse:collapse;width:100%;font-size:.9rem}.research-table th,.research-table td{text-align:left;padding:12px;vertical-align:top;border-bottom:1px solid #dce3eb}.research-table th{background:#f4f7fa;color:#19385a}.research-table small{display:block;color:#62748b;font-size:.75rem;margin-top:4px}.research-table ul{padding-left:18px;margin-top:7px}.research-table li{margin:3px 0}.notice{padding:15px;background:#eaf8ed;border:1px solid #a8d6b0;border-radius:9px;margin:14px 0}.alert-error{padding:12px;color:#892e2e;background:#fff3f2;border-radius:7px}.research-table a{overflow-wrap:anywhere}

/* OCDIR rich business imagery: rights-cleared media or explicitly-labeled original artwork. */
.bc-cover{display:block;position:relative;width:100%;aspect-ratio:16/8.5;overflow:hidden;border-radius:10px;background:#123a58;margin-bottom:16px}
.bc-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .28s}
.business-card:hover .bc-cover img{transform:scale(1.035)}
.profile-feature-image{margin:0 0 24px;border-radius:14px;overflow:hidden;border:1px solid #dfe8eb;background:#103a5c}
.profile-feature-image img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;display:block}
.profile-feature-image figcaption{font-size:11px;color:#647b8a;padding:7px 14px;background:#f4f8f8}
.profile-sources{background:#f8fafb}.profile-sources a{color:#12688a;text-decoration:underline}.profile-sources p{overflow-wrap:anywhere}
.media-editor{margin-top:25px}.image-rights-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#334e5c}
.business-card .bc-top{padding-top:0}

.local-evidence{margin-top:34px;padding:25px;border:1px solid #dbe7e7;border-radius:12px;background:#f5faf8}.local-evidence h2{font-size:23px;color:var(--navy)}.local-evidence p{font-size:13px;color:var(--muted)}

/* OCDIR billing and admin controls */
.setting-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dce6ef;font-weight:600}.setting-row input{width:20px;height:20px;accent-color:#126ce0}.admin-inbox code{display:block;overflow-wrap:anywhere;padding:12px;background:#eff4fa;border-radius:8px}


/* OCDIR brand system refresh */
:root{--navy:#0B2D5B;--navy-deep:#07264A;--ink:#163454;--muted:#5E7288;--orange:#F58220;--blue:#1E88E5;--aqua:#E6F0FA;--line:#E1E8F0;--canvas:#fff;--cream:#F7FAFD;--mint:#EEF6FB;--shadow:0 14px 42px rgba(11,45,91,.08)}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:var(--ink)}
h1,h2,h3,h4,.brand-wordmark,.btn,.nav-links a,.eyebrow,.small-eyebrow{font-family:Poppins,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header{height:92px;border-bottom:1px solid #e9eef5;box-shadow:0 1px 0 rgba(11,45,91,.03)}
.brand{gap:13px;align-items:center}
.brand-logo{width:54px;height:54px;display:block;flex:0 0 auto}
.brand-lockup{display:flex;flex-direction:column;line-height:1.05;min-width:0}
.brand-wordmark{display:flex;align-items:baseline;gap:0;font-size:33px;font-weight:800;letter-spacing:-1.8px;color:var(--navy)}
.brand-oc{color:var(--navy)}
.brand-dir{color:var(--blue)}
.brand-subtitle{font-size:10px;font-weight:600;letter-spacing:.4px;color:#627993;margin-top:2px;white-space:nowrap}
.brand-mark,.brand-word,.brand-dot{display:none}
.nav-links a{font-size:14px;color:#43566d;font-weight:600}
.nav-links a[aria-current=page],.nav-links a:hover{color:var(--blue)}
.btn-primary{background:var(--orange);color:#fff!important}
.btn-primary:hover{background:#ff992f;box-shadow:0 10px 28px rgba(245,130,32,.23)}
.btn-outline{border-color:#cfd9e6}
.hero{background:linear-gradient(135deg,#0B2D5B 0%,#123F7D 48%,#1E88E5 100%)}
.hero::before{background:radial-gradient(circle at 82% 34%,rgba(230,240,250,.18),transparent 28%),repeating-linear-gradient(135deg,transparent,transparent 64px,#ffffff05 65px,#ffffff05 66px)}
.hero h1{letter-spacing:-2.7px}
.hero h1 em{color:#E6F0FA}
.eyebrow,.small-eyebrow{color:#1A78D4}
.eyebrow.light{color:#D6E6F6}
.eyebrow-dot{background:var(--orange);box-shadow:0 0 0 4px rgba(245,130,32,.22)}
.hero-main>p{color:#dce8f4}
.hero-search{border-radius:14px;border:1px solid rgba(11,45,91,.08)}
.hero-search button{background:var(--orange);color:#fff;border-radius:10px}
.hero-search button:hover{background:#ff9b35}
.hero-keywords a{border-color:#ffffff40;background:#ffffff0d}
.hero-art{right:-20px;top:35px;width:440px;height:420px}
.oc-shape{background:linear-gradient(130deg,#0D3970,#1E88E5);border-color:rgba(230,240,250,.42);border-radius:44% 56% 58% 42%/46% 44% 56% 54%;box-shadow:inset -20px -25px 50px rgba(8,36,72,.35),0 20px 70px rgba(2,21,44,.35)}
.oc-shape img{width:180px;height:180px;transform:rotate(18deg);filter:drop-shadow(0 10px 26px rgba(7,30,57,.25))}
.floating-pill{border:1px solid rgba(12,45,91,.08);border-radius:12px;font-family:Poppins,Inter,sans-serif}
.floating-pill span{color:var(--orange)}
.pill-three{top:244px;right:28px;transform:rotate(-4deg)}
.hero-bottom{color:#c5d7ea;border-top:1px solid rgba(255,255,255,.2)}
.stats-grid strong,.section-intro h2,.business-card h3,.profile-title h1,.page-header h1,.profile-panel h2,.letter-intro h2{color:var(--navy)}
.category-card,.business-card,.profile-panel,.profile-head,.filter-panel,.category-detail-card,.city-row{border-color:#e6edf3}
.category-symbol{background:#E6F0FA;color:#1E88E5}
.category-card:nth-child(2n) .category-symbol{background:#FFF2E5;color:#F58220}
.category-card:nth-child(3n) .category-symbol{background:#EDF6FD;color:#0B2D5B}
.city-tile{background:linear-gradient(130deg,#0B2D5B,#1E88E5)}
.city-tile:nth-child(2n){background:linear-gradient(130deg,#0f3a73,#1567be)}
.city-tile:nth-child(3n){background:linear-gradient(130deg,#0d3970,#2a7ccc)}
.city-tile:nth-child(4n){background:linear-gradient(130deg,#0b2d5b,#2468b8)}
.business-avatar{background:linear-gradient(135deg,#E6F0FA,#dcecff);color:#0B2D5B}
.category-mini{background:#EDF6FD;color:#0B2D5B}
.verified-tag{background:#eef7ff;color:#1E63B3}
.profile-cover{background:linear-gradient(115deg,#0B2D5B,#1E88E5)}
.profile-avatar{background:linear-gradient(135deg,#EDF6FD,#FFF3E6);color:#0B2D5B}
.contact-item>span{background:#EDF6FD;color:#1E88E5}
.overview-summary{border-left-color:#1E88E5;background:#F5FAFF;color:#415f80}
.footer{background:#071F39;color:#c2d1df}
.footer .brand-wordmark{color:#fff}
.footer .brand-subtitle{color:#b8c9da}
.footer-location{color:#8db5d8}
.footer-top>div>a:not(.brand){color:#c2d1df}
.footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12)}
.header-cta{box-shadow:0 8px 22px rgba(245,130,32,.18)}
@media(max-width:980px){.brand-subtitle{display:none}.brand-wordmark{font-size:28px}.site-header{height:84px}.hero-art{position:relative;inset:auto;width:100%;height:250px;right:auto;top:auto;margin-top:10px}.pill-three{top:155px;right:22px}}
@media(max-width:720px){.brand-logo{width:46px;height:46px}.brand-wordmark{font-size:26px}.nav-links{gap:22px}.hero h1{font-size:46px;letter-spacing:-2px}.header-cta{display:none}}
@media(max-width:530px){.brand-subtitle{display:none}.brand-wordmark{font-size:24px}.brand-logo{width:42px;height:42px}.pill-three{display:none}}
/* OCDIR 2026 brand system: Orange County-inspired navy, blue and orange. */
:root{--navy:#0B2D5B;--navy-deep:#071F39;--ink:#132d4b;--muted:#62758a;--blue:#1E88E5;--orange:#F58220;--aqua:#E6F0FA;--line:#e1e8f0;--canvas:#fff;--cream:#f6f9fd;--shadow:0 16px 48px rgba(11,45,91,.09)}
body{font-family:Poppins,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.brand{gap:11px;min-width:0}.brand-logo{height:52px;width:52px;object-fit:contain;flex:none}.brand-lockup{display:flex;flex-direction:column;gap:2px;white-space:nowrap}.brand-wordmark{display:block;line-height:.94;font-size:31px;letter-spacing:-2px;font-weight:800}.brand-oc{color:#0B2D5B}.brand-dir{color:#1E88E5}.brand-subtitle{font-size:8px;font-weight:600;color:#506b86;letter-spacing:.03em;line-height:1.35}.site-header{box-shadow:0 3px 24px rgba(11,45,91,.025)}
.footer .brand-oc{color:#fff}.footer .brand-dir{color:#4aa9ff}.footer .brand-logo{border:1px solid #ffffff1c;border-radius:16px}.footer .brand-subtitle{color:#c9deef}
.btn-primary{background:#F58220;color:#fff!important}.btn-primary:hover{background:#e8750d;box-shadow:0 8px 24px rgba(245,130,32,.2)}.header-cta{border-radius:999px}
.eyebrow{color:#1E88E5}.eyebrow.light{color:#dcecff}.eyebrow-dot{background:#F58220}
.hero{background:linear-gradient(115deg,rgba(6,29,60,.98),rgba(8,55,109,.96) 63%,rgba(16,113,184,.91))}
.hero::before{background:radial-gradient(circle at 80% 45%,rgba(72,167,241,.35),transparent 43%),repeating-linear-gradient(135deg,transparent,transparent 80px,#ffffff04 81px,#ffffff04 82px)}
.hero h1 em{color:#9bd9ff}.hero-main>p{color:#dce9f6}.hero-search button{background:#F58220;color:white}.hero-search button:hover{background:#de6d0c}
.hero-keywords a{border:1px solid rgba(255,255,255,.25)}
.oc-shape{background:linear-gradient(140deg,#0d3b76,#1e88e5);border:1px solid rgba(255,255,255,.38);transform:rotate(-11deg)}
.oc-shape img{transform:rotate(11deg);border-radius:24px;box-shadow:0 14px 36px rgba(5,24,48,.3)}
.section-cream{background:#f5f9fd}.city-tile:hover,.business-card:hover,.category-card:hover{box-shadow:0 12px 38px rgba(11,45,91,.14)}
.profile-cover{background:linear-gradient(110deg,#061f45,#1676c3)}.profile-panel h3{color:var(--navy)}
@media(max-width:530px){.brand-logo{height:40px;width:40px}.brand-lockup{gap:0}.brand-wordmark{font-size:23px;letter-spacing:-1.6px}}

.preview-image{max-width:100%;height:auto;border-radius:12px}

/* Accessible, persistent light and dark appearance. */
:root{color-scheme:light;--surface:#fff;--surface-soft:#f5f9fd;--field:#fff;--theme-border:#d5dfeb}
body{background:var(--canvas)}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-width:80px;min-height:44px;padding:9px 12px;border:1px solid var(--theme-border);border-radius:999px;background:var(--surface);color:var(--ink);font-size:12px;font-weight:650}
.theme-toggle:hover{background:var(--surface-soft)}
.theme-toggle svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}html[data-theme=dark] .theme-sun{display:block}html[data-theme=dark] .theme-moon{display:none}
html[data-theme=dark]{color-scheme:dark;--navy:#e5efff;--navy-deep:#071321;--ink:#deebf9;--muted:#a7b9ce;--blue:#72bdff;--orange:#F58220;--aqua:#193754;--line:#2a4058;--canvas:#091525;--cream:#0e1d30;--mint:#123438;--surface:#11243a;--surface-soft:#162e46;--field:#0b1b2d;--theme-border:#39516b;--shadow:0 16px 48px rgba(0,0,0,.22)}
html[data-theme=dark] .site-header,html[data-theme=dark] .nav-links{background:var(--canvas);border-color:var(--line)}
html[data-theme=dark] .brand-oc{color:#e5efff}html[data-theme=dark] .brand-dir{color:#72bdff}html[data-theme=dark] .brand-subtitle{color:var(--muted)}
html[data-theme=dark] .nav-links a{color:#bccde0}html[data-theme=dark] .nav-links a:hover,html[data-theme=dark] .nav-links a[aria-current=page]{color:#82c6ff}
html[data-theme=dark] .mobile-toggle{background:transparent;color:var(--ink)}
html[data-theme=dark] .stats-band,html[data-theme=dark] .section-cream{background:var(--cream)}
html[data-theme=dark] .page-header{background:linear-gradient(115deg,#102840,#142035);border-color:var(--line)}
html[data-theme=dark] .category-card,html[data-theme=dark] .business-card,html[data-theme=dark] .profile-panel,html[data-theme=dark] .profile-head,html[data-theme=dark] .filter-panel,html[data-theme=dark] .form-card,html[data-theme=dark] .category-detail-card,html[data-theme=dark] .city-row,html[data-theme=dark] .admin-item,html[data-theme=dark] .admin-summary>div{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .btn-outline,html[data-theme=dark] .btn-white,html[data-theme=dark] .chip-list a,html[data-theme=dark] .skip-link{background:var(--surface);color:var(--ink);border-color:var(--theme-border)}
html[data-theme=dark] .btn-primary,html[data-theme=dark] .hero-search button{color:#14243a!important;background:#ffab60}
html[data-theme=dark] .btn-primary:hover,html[data-theme=dark] .hero-search button:hover{background:#ffc18a}
html[data-theme=dark] .hero-search,html[data-theme=dark] .hero-search input{background:var(--field);color:var(--ink)}
html[data-theme=dark] .hero-search{border-color:#48667e}
html[data-theme=dark] .filter-form input,html[data-theme=dark] .filter-form select,html[data-theme=dark] .main-form input,html[data-theme=dark] .main-form textarea,html[data-theme=dark] .main-form select{background:var(--field);color:var(--ink);border-color:#45617c}
html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#94a9bf;opacity:1}
html[data-theme=dark] .floating-pill{background:#e3effb;color:#163858}
html[data-theme=dark] .business-avatar,html[data-theme=dark] .business-card:nth-child(n) .business-avatar,html[data-theme=dark] .profile-avatar{background:linear-gradient(135deg,#244568,#1b3b5f);color:#c5e3ff}
html[data-theme=dark] .category-symbol,html[data-theme=dark] .category-card:nth-child(n) .category-symbol,html[data-theme=dark] .category-large-icon,html[data-theme=dark] .city-letter,html[data-theme=dark] .contact-item>span{background:#1a3b59;color:#a0d5ff}
html[data-theme=dark] .category-mini,html[data-theme=dark] .verified-tag{background:#1a3c57;color:#bee2ff}
html[data-theme=dark] .help-box,html[data-theme=dark] .inline-discover,html[data-theme=dark] .overview-summary,html[data-theme=dark] .info-note{background:#122d40;color:#c2d9e8}
html[data-theme=dark] .empty-feature,html[data-theme=dark] .empty-state{background:var(--surface);border-color:#45617c}
html[data-theme=dark] .notice,html[data-theme=dark] .success-mark,html[data-theme=dark] .status-approved{background:#123e38;border-color:#37786a;color:#b5f0dd}
html[data-theme=dark] .form-error,html[data-theme=dark] .alert-error,html[data-theme=dark] .status-rejected,html[data-theme=dark] .status-removed{background:#482c30;color:#ffc5ba}
html[data-theme=dark] .status-label:not(.status-approved):not(.status-rejected):not(.status-removed){background:#42381e;color:#f7db9f}
html[data-theme=dark] .research-table th{background:#19334d;color:#d5e8ff}
html[data-theme=dark] .research-table th,html[data-theme=dark] .research-table td,html[data-theme=dark] .detail-list>div,html[data-theme=dark] .info-page section,html[data-theme=dark] .sticky-panel hr{border-color:var(--line)}
html[data-theme=dark] .category-card p,html[data-theme=dark] .business-card>p,html[data-theme=dark] .bc-location,html[data-theme=dark] .page-header p,html[data-theme=dark] .profile-desc,html[data-theme=dark] .profile-byline,html[data-theme=dark] .claim-copy,html[data-theme=dark] .info-page p,html[data-theme=dark] .help-box p,html[data-theme=dark] .admin-item p,html[data-theme=dark] .inline-discover p,html[data-theme=dark] .category-detail-card small,html[data-theme=dark] .success-section p,html[data-theme=dark] .research-table small,html[data-theme=dark] .form-group label,html[data-theme=dark] .form-group small,html[data-theme=dark] .filter-note,html[data-theme=dark] .results-heading span,html[data-theme=dark] .detail-list>div>span,html[data-theme=dark] .contact-item small,html[data-theme=dark] .fine-print,html[data-theme=dark] .city-row small,html[data-theme=dark] .city-count,html[data-theme=dark] .form-submit p,html[data-theme=dark] .admin-summary span,html[data-theme=dark] .letter-intro span{color:var(--muted)}
html[data-theme=dark] .bc-link,html[data-theme=dark] .text-link,html[data-theme=dark] .cat-foot,html[data-theme=dark] .city-arr,html[data-theme=dark] .detail-list a,html[data-theme=dark] .filter-title a,html[data-theme=dark] .admin-extra a,html[data-theme=dark] .eyebrow:not(.light),html[data-theme=dark] .small-eyebrow,html[data-theme=dark] .breadcrumbs:not(.breadcrumbs-light) a{color:#86caff}
html[data-theme=dark] .pagination a,html[data-theme=dark] .pagination span{border-color:var(--theme-border)}
html[data-theme=dark] .pagination a.current{background:#2e6aa1;border-color:#5695ca;color:#fff}
html[data-theme=dark] .footer{background:#06101d}
.setting-row{display:flex;align-items:center;gap:10px}.setting-row input[type=checkbox]{width:20px;min-height:20px;flex:none}
@media(max-width:1100px){.header-inner{gap:16px}.nav-links{gap:22px}}
@media(max-width:980px){.header-cta{display:none}}
@media(max-width:770px){.theme-toggle{margin-left:auto}.nav-links{top:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.plan-banner{background:var(--surface,#edf5ff);padding:16px 0;border-bottom:1px solid #b5c8df}.plan-banner .container{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.plan-banner p{margin:0}.plan-results{list-style:none;padding:0}.plan-results li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #b5c8df}html[data-theme=dark] .plan-banner{background:#142638}@media(max-width:600px){.plan-results li{align-items:flex-start;flex-direction:column}}

/* OCDIR queued ocean background and user-provided brand artwork START */
/* New photos/assets are locally served, not externally hosted. The ocean image
   is the user's own supplied file cropped below its embedded logo. */
.hero{
  background-image:linear-gradient(90deg,rgba(4,20,42,.88) 0%,rgba(4,22,44,.73) 43%,rgba(4,22,44,.38) 100%),url('/static/ocdir-ocean-optimized.webp');
  background-size:cover;
  background-position:center 50%;
  background-repeat:no-repeat;
}
.hero::before{background:none}
/* Reveal the coast instead of the old blue globe illustration. Retain count pills. */
.hero .oc-shape,.hero .art-orbit,.hero .art-shine{display:none}
.site-header .brand-graphic{display:block;width:225px;max-width:100%;height:auto;object-fit:contain}
.footer .brand-graphic{display:block;width:225px;max-width:100%;height:auto;object-fit:contain}
@media(max-width:1050px){.site-header .brand-graphic{width:190px}}
@media(max-width:770px){.site-header .brand-graphic{width:180px}}
@media(max-width:530px){.site-header .brand-graphic{width:156px}}
@media(max-width:770px){.hero{background-image:linear-gradient(90deg,rgba(4,20,42,.88),rgba(4,20,42,.61)),url('/static/ocdir-ocean-optimized.webp');background-position:center center}}
/* OCDIR queued ocean background and user-provided brand artwork END */

.city-photo-grid{gap:16px}
.city-row.city-photo-card{position:relative;display:block;padding:0;min-height:182px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:linear-gradient(135deg,#0b2d5b,#1e88e5);color:white;border-radius:12px}
.city-photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease;z-index:-2}
.city-photo-card:hover>img,.category-photo-card:hover>.category-photo-img{transform:scale(1.045)}
.city-photo-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,20,40,.89),rgba(4,31,50,.06) 72%);z-index:-1}
.city-photo-content{position:absolute;bottom:0;left:0;right:0;padding:20px;display:flex;flex-direction:column;gap:5px}
.city-photo-content strong{color:#fff;font-size:19px;letter-spacing:-.4px}
.city-photo-content small{color:#eef5ff;font-size:11px;font-weight:600}
.category-photo-grid{gap:19px}
.category-detail-card.category-photo-card{padding:0;display:flex;flex-direction:column;gap:0;overflow:hidden;background:var(--canvas,#fff);border-radius:13px}
.category-photo-img{display:block;flex-shrink:0;width:100%;height:166px;object-fit:cover;transition:transform .3s ease;background:linear-gradient(135deg,#dceafa,#e7f2fb)}
.category-photo-body{display:flex;flex-direction:column;padding:19px 20px 22px;flex:1}
.category-photo-body strong{color:var(--navy);font-size:18px}
.category-photo-body small{font-size:12px;line-height:1.5;color:var(--muted);margin-top:6px}
.category-photo-body .cat-foot{margin-top:auto;padding-top:16px}
.oc-photo-credits{margin:35px 0 0;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:17px}
.oc-photo-credits summary{cursor:pointer;font-weight:700;color:var(--ink);width:max-content;max-width:100%}
.oc-photo-credits ul{padding-left:20px;columns:2;column-gap:32px;line-height:1.8}
.oc-photo-credits li{break-inside:avoid;margin-bottom:9px}
.oc-photo-credits a{color:var(--blue,#1E88E5);text-decoration:underline}
@media(max-width:720px){.oc-photo-credits ul{columns:1}}
@media(prefers-reduced-motion:reduce){.city-photo-card>img,.category-photo-img{transition:none}}

/* OCDIR homepage featured real photography */
.category-card.home-photo-category{padding:0;overflow:hidden;display:flex;flex-direction:column;min-height:220px;border-radius:12px;background:#fff}
.home-photo-category .home-category-picture{height:124px;width:100%;display:block;object-fit:cover;background:#e0e9f1;transition:transform .25s ease}
.home-photo-category .home-category-details{display:flex;flex-direction:column;position:relative;padding:15px 16px 18px;flex:1;align-items:flex-start}
.home-category-details strong{font-size:14px;line-height:1.4;color:var(--navy)}
.home-category-details .category-count{margin-top:6px;font-size:11px;color:var(--muted)}
.home-category-details .category-arrow{position:absolute;right:16px;bottom:16px;font-size:18px;color:var(--orange)}
.home-photo-category:hover .home-category-picture{transform:scale(1.035)}
.city-tile.home-photo-city{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(130deg,#0B2D5B,#1E88E5);min-height:198px}
.home-photo-city>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.home-photo-city>.home-photo-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,20,38,.88),rgba(4,20,38,.15) 90%)}
.home-photo-city>span:not(.home-photo-overlay),.home-photo-city>strong,.home-photo-city>small{position:relative}
.home-photo-city:hover>img{transform:scale(1.035)}
.home-photo-attribution{font-size:12px;margin:17px 0 0;text-align:right;color:var(--muted)}
.home-photo-attribution a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:530px){.home-photo-category .home-category-picture{height:170px}}
/* OCDIR focal framing START — small crop refinements, original photos unchanged */
.city-photo-card>img,.home-photo-city>img,.category-photo-card>.category-photo-img,.home-photo-category>.home-category-picture{object-position:50% 50%}
.city-photo-card[href$="/cities/aliso-viejo"]>img,.home-photo-city[href$="/cities/aliso-viejo"]>img{object-position:50% 44%}
.city-photo-card[href$="/cities/anaheim"]>img,.home-photo-city[href$="/cities/anaheim"]>img{object-position:50% 43%}
.city-photo-card[href$="/cities/brea"]>img,.home-photo-city[href$="/cities/brea"]>img{object-position:50% 45%}
.city-photo-card[href$="/cities/dana-point"]>img,.home-photo-city[href$="/cities/dana-point"]>img{object-position:53% 57%}
.city-photo-card[href$="/cities/fullerton"]>img,.home-photo-city[href$="/cities/fullerton"]>img{object-position:50% 44%}
.city-photo-card[href$="/cities/huntington-beach"]>img,.home-photo-city[href$="/cities/huntington-beach"]>img{object-position:50% 57%}
.city-photo-card[href$="/cities/irvine"]>img,.home-photo-city[href$="/cities/irvine"]>img{object-position:50% 44%}
.city-photo-card[href$="/cities/laguna-beach"]>img,.home-photo-city[href$="/cities/laguna-beach"]>img{object-position:52% 56%}
.city-photo-card[href$="/cities/mission-viejo"]>img,.home-photo-city[href$="/cities/mission-viejo"]>img{object-position:50% 54%}
.city-photo-card[href$="/cities/newport-beach"]>img,.home-photo-city[href$="/cities/newport-beach"]>img{object-position:50% 57%}
.city-photo-card[href$="/cities/orange"]>img,.home-photo-city[href$="/cities/orange"]>img{object-position:50% 44%}
.city-photo-card[href$="/cities/san-clemente"]>img,.home-photo-city[href$="/cities/san-clemente"]>img{object-position:50% 55%}
.city-photo-card[href$="/cities/seal-beach"]>img,.home-photo-city[href$="/cities/seal-beach"]>img{object-position:50% 54%}
.city-photo-card[href$="/cities/yorba-linda"]>img,.home-photo-city[href$="/cities/yorba-linda"]>img{object-position:50% 45%}
.category-photo-card[href$="/category/food-drink"]>.category-photo-img,.home-photo-category[href$="/category/food-drink"]>.home-category-picture{object-position:50% 46%}
.category-photo-card[href$="/category/events-entertainment"]>.category-photo-img,.home-photo-category[href$="/category/events-entertainment"]>.home-category-picture{object-position:50% 44%}
.category-photo-card[href$="/category/beauty-personal-care"]>.category-photo-img,.home-photo-category[href$="/category/beauty-personal-care"]>.home-category-picture{object-position:50% 46%}
.category-photo-card[href$="/category/health-wellness"]>.category-photo-img,.home-photo-category[href$="/category/health-wellness"]>.home-category-picture{object-position:50% 44%}
.category-photo-card[href$="/category/professional-services"]>.category-photo-img,.home-photo-category[href$="/category/professional-services"]>.home-category-picture{object-position:50% 46%}
.category-photo-card[href$="/category/automotive"]>.category-photo-img,.home-photo-category[href$="/category/automotive"]>.home-category-picture{object-position:52% 47%}
.category-photo-card[href$="/category/pets-animals"]>.category-photo-img,.home-photo-category[href$="/category/pets-animals"]>.home-category-picture{object-position:50% 46%}
.category-photo-card[href$="/category/medical-devices-life-sciences"]>.category-photo-img,.home-photo-category[href$="/category/medical-devices-life-sciences"]>.home-category-picture{object-position:50% 44%}
/* OCDIR focal framing END */

/* Preserve light/dark readability with the supplied artwork. */
.footer .brand-graphic,html[data-theme=dark] .site-header .brand-graphic{background:#fff;border-radius:8px;padding:5px}
html[data-theme=dark] .home-photo-category,html[data-theme=dark] .category-photo-card{background:#152538}
html[data-theme=dark] .home-category-details strong,html[data-theme=dark] .category-photo-body strong{color:#eef5ff}
html[data-theme=dark] .home-category-details .category-count,html[data-theme=dark] .category-photo-body small{color:#bdcadb}
#choose-business{scroll-margin-top:110px}
@media(max-width:1100px) and (min-width:771px){.header-inner{gap:12px}.nav-links{gap:13px}.site-header .brand-graphic{width:170px}.header-cta{padding:10px;font-size:11px}}

/* Larger public reading sizes, with responsive layouts and existing themes retained. */
body{font-size:18px}
.container{width:min(1320px,calc(100% - 64px))}
.hero-main>p{font-size:20px;max-width:720px}
.section-intro p,.business-card>p,.profile-panel p,.profile-desc,.info-page p,.benefits p,.form-heading p,.help-box p,.page-header p{font-size:17px;line-height:1.7}
.business-card h3{font-size:21px;line-height:1.35}
.home-category-details strong,.category-card strong{font-size:17px}
.home-category-details .category-count,.bc-location,.stats-grid span,.text-link,.form-group label{font-size:15px}
.form-group input,.form-group textarea,.form-group select,.hero-search input{font-size:17px}
.form-group small,.form-submit p,.fine-print,.aside-note{font-size:14px;line-height:1.6}
.btn{font-size:16px}.nav-links a{font-size:15px}.nav-links{gap:24px}
.narrow-content{max-width:1000px}.narrow-content h1{font-size:clamp(32px,4vw,48px);line-height:1.2}
.form-layout{grid-template-columns:minmax(0,2.2fr) minmax(250px,1fr)}
.billing-recovery{margin:24px 0;padding:18px;border:1px solid var(--line);border-radius:10px}
.billing-recovery summary{cursor:pointer;font-weight:700}.billing-recovery code{display:block;overflow-wrap:anywhere;user-select:all;font-size:16px}
@media(max-width:1100px){.header-inner{gap:12px}.nav-links{gap:13px}.nav-links a{font-size:13px}.header-cta{font-size:12px;padding:11px}}
@media(max-width:770px){.container{width:calc(100% - 36px)}.form-layout{grid-template-columns:1fr}.hero-main>p{font-size:18px}.btn{font-size:15px}.header-cta{font-size:11px}.narrow-content{max-width:100%}}

/* Spacious, readable homepage discovery sections. */
.home-discovery>.container{width:min(1760px,calc(100% - 80px))}
.home-discovery .stats-grid>div{gap:5px;padding-block:30px}
.home-discovery .stats-grid strong{font-size:46px;line-height:1.15}
.home-discovery .stats-grid span{font-size:18px;line-height:1.5}
.home-discovery .eyebrow{font-size:14px;letter-spacing:1.8px}
.home-discovery .section-intro h2{font-size:clamp(34px,3.3vw,52px);line-height:1.15}
.home-discovery .section-intro p{font-size:20px;max-width:850px}
.home-discovery .text-link{font-size:18px;white-space:normal}
.home-discovery .category-grid,.home-discovery .city-grid,.home-discovery .business-grid{gap:24px}
.home-discovery .home-category-picture{height:clamp(170px,12vw,220px)}
.home-discovery .home-category-details{padding:22px 24px 25px;width:100%}
.home-discovery .home-category-details strong{font-size:22px;line-height:1.4}
.home-discovery .category-count{font-size:17px;padding-right:25px}
.home-discovery .home-photo-city{min-height:260px;padding:28px}
.home-discovery .home-photo-city>span:not(.home-photo-overlay){font-size:12px;line-height:1.5}
.home-discovery .home-photo-city strong{font-size:34px;line-height:1.2}
.home-discovery .home-photo-city small{font-size:17px;line-height:1.5}
.home-discovery .home-photo-attribution{font-size:15px}
.home-discovery .business-card{padding:28px;min-width:0}
.home-discovery .business-card h3{font-size:26px;line-height:1.35}
.home-discovery .business-card>p{font-size:19px;line-height:1.7}
.home-discovery .bc-location,.home-discovery .bc-link{font-size:17px;line-height:1.5}
.home-discovery .category-mini,.home-discovery .verified-tag{font-size:14px;white-space:normal}
@media(max-width:1100px){
 .home-discovery>.container{width:calc(100% - 48px)}
 .home-discovery .category-grid,.home-discovery .city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-discovery .business-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home-discovery .section-intro{flex-wrap:wrap;align-items:flex-start}
}
@media(max-width:600px){
 .home-discovery>.container{width:calc(100% - 32px)}
 .home-discovery .stats-grid strong{font-size:36px}
 .home-discovery .stats-grid span{font-size:16px}
 .home-discovery .category-grid,.home-discovery .city-grid,.home-discovery .business-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .home-discovery .section-intro p{font-size:18px}
 .home-discovery .home-category-picture{height:210px}
 .home-discovery .business-card{padding:22px}
 .home-discovery .business-card h3{font-size:24px}
 .home-discovery .home-photo-city{min-height:240px;padding:24px}
}

/* Site-wide reading scale and direct, prominent subscription entry points. */
body{font-size:19px;line-height:1.65}
.section-intro p,.business-card>p,.profile-panel p,.profile-desc,.info-page p,.benefits p,.form-heading p,.form-card>p,.help-box p,.page-header p,.inline-discover p,.local-evidence p,.success-section p{font-size:19px;line-height:1.7}
.business-card h3{font-size:24px}.profile-panel h2,.form-card h2,.form-heading h2{font-size:29px}
.benefits h3,.help-box h3,.sticky-panel h3{font-size:22px}
.form-group label,.filter-form label,.filter-title strong,.results-heading span,.results-page,.profile-byline,.bc-location,.bc-link,.detail-list>div,.contact-item a,.contact-item strong,.overview-summary,.claim-copy,.city-count,.cat-foot,.chip-list a{font-size:17px;line-height:1.55}
input,textarea,select,.form-group input,.form-group textarea,.form-group select,.filter-form input,.filter-form select{font-size:18px;line-height:1.5}
.form-group label{flex-wrap:wrap}.form-error{font-size:17px}
.form-group small,.form-submit p,.fine-print,.aside-note,.filter-note,.filter-title a,.contact-item small,.breadcrumbs,.oc-photo-credits,.profile-feature-image figcaption{font-size:15px;line-height:1.6}
.category-mini,.verified-tag,.small-eyebrow,.eyebrow,.profile-title .eyebrow{font-size:14px}
.category-photo-body strong,.category-detail-card strong,.city-row strong{font-size:22px}
.category-photo-body small,.category-detail-card small,.city-row small,.city-photo-content small{font-size:16px}
.city-photo-content strong{font-size:26px}.letter-intro span{font-size:16px}
.btn{font-size:18px;min-height:52px;padding:16px 24px}.btn-small{font-size:17px;padding:12px 18px}
.pagination a,.pagination span{font-size:17px;min-height:44px;min-width:44px}
.footer-brand>p,.footer-top>div>a:not(.brand){font-size:17px}.footer h4{font-size:19px}.footer-location,.footer-bottom{font-size:15px}
.site-header>.container{width:min(1760px,calc(100% - 64px))}
.site-header{height:auto;min-height:104px}.header-inner{min-height:104px;gap:20px}
.nav-links{gap:22px}.nav-links a{font-size:17px}
.nav-links .nav-subscribe{font-weight:800;color:var(--blue);border-bottom:3px solid var(--orange);padding-block:10px}
.header-cta{font-size:19px;min-height:56px;padding:16px 22px;white-space:nowrap;background:#b94e00;box-shadow:0 5px 18px rgba(185,78,0,.2)}
.header-cta:hover{background:#973f00}
.theme-toggle{font-size:15px}
.plan-banner{padding:24px 0;border-bottom:2px solid var(--orange)}
.plan-banner p{font-size:22px;line-height:1.5}
.plan-banner .btn{font-size:22px;min-height:64px;padding:18px 30px;background:#b94e00;box-shadow:0 6px 22px rgba(185,78,0,.22)}
.plan-banner .btn:hover{background:#973f00}
html[data-theme=dark] .nav-links .nav-subscribe{color:#a9d9ff}
@media(max-width:1400px) and (min-width:771px){
 .header-inner{flex-wrap:wrap;padding-block:12px;gap:14px}
 .header-inner .nav-links{order:5;flex-basis:100%;justify-content:center;gap:26px;margin:0}
 .header-inner .nav-links a{font-size:17px}
 .header-cta{margin-left:auto;font-size:19px}
}
@media(max-width:770px){
 .site-header>.container{width:calc(100% - 32px)}
 .header-inner{flex-wrap:wrap;gap:12px;min-height:0;padding-block:10px}
 .site-header .brand-graphic{width:165px;max-width:42vw}
 .header-inner .theme-toggle{margin-left:auto;min-width:44px;padding:8px}
 .header-inner #theme-label{display:none}
 .header-inner .header-cta{order:5;flex-basis:100%;margin:0;font-size:20px;min-height:54px;padding:14px}
 .header-inner .nav-links{top:100%;margin:0;padding:18px 24px}
 .nav-links a{font-size:18px}.nav-links .nav-subscribe{padding:12px}
 .plan-banner p{font-size:20px}.plan-banner .btn{width:100%;font-size:21px;min-height:60px}
 .profile-title h1{font-size:30px}.btn{font-size:18px}
 .footer-bottom{align-items:flex-start;flex-wrap:wrap;gap:14px}.footer-bottom>span:last-child{flex-wrap:wrap;gap:14px}
}

/* Clear free/paid choices and a single plan explainer link in the header. */
.listing-actions{display:flex;align-items:stretch;gap:16px;flex-wrap:wrap;margin-top:24px}
.plan-banner .listing-actions{margin-top:0}
.paid-ad-cta{flex-direction:column;gap:5px;background:#b94e00;box-shadow:0 5px 18px rgba(185,78,0,.2)}
.paid-ad-cta:hover{background:#973f00}.renewal-label{font-size:13px;font-weight:800;letter-spacing:1px;line-height:1.4}
.plan-banner .btn-outline{background:var(--surface,#fff);color:var(--ink)!important;border:2px solid var(--blue);box-shadow:none}
.plan-banner .btn-outline:hover{background:var(--cream)}
.section-cta .cta-layout>div:first-child{flex:1}.section-cta .listing-actions .btn{font-size:19px;min-height:70px}
.plan-guide{max-width:1160px}.plan-guide-intro{max-width:960px;margin-bottom:36px}.plan-guide h1{font-size:clamp(36px,4vw,56px);line-height:1.15}
.plan-guide-section{margin:44px 0}.plan-guide-section h2{font-size:30px;line-height:1.3}.plan-guide p{font-size:19px;line-height:1.75}
.plan-guide p a{text-decoration:underline;text-underline-offset:3px}.plan-guide .form-card>p{margin:16px 0}
.plan-steps{padding-left:28px}.plan-steps li{padding-left:12px;margin-bottom:24px}.plan-steps h3{font-size:23px;margin-bottom:8px}
.plan-table-wrap{overflow-x:auto;margin:24px 0}.plan-comparison{width:100%;border-collapse:collapse;font-size:17px}.plan-comparison caption{text-align:left;font-weight:700;margin-bottom:12px}
.plan-comparison th,.plan-comparison td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}.plan-comparison thead{background:var(--cream)}
@media(max-width:770px){.listing-actions{width:100%}.listing-actions .btn{flex:1 1 230px}.plan-banner .listing-actions .btn{font-size:19px}.plan-guide .form-card{padding:24px 16px}.plan-comparison th,.plan-comparison td{padding:10px;font-size:16px}}

html[data-theme=dark] .plan-comparison thead{background:var(--surface)}

/* Centered homepage discovery and responsive directory cards. */
.home-plan-banner>.container{flex-direction:column;justify-content:center;gap:18px;text-align:center}
.home-plan-banner p{margin:0;max-width:900px}
.home-plan-banner .listing-actions{justify-content:center}
.home-hero .hero-inner{flex-direction:column;justify-content:center;padding-top:58px;padding-bottom:42px;gap:30px}
.home-hero .hero-main{width:100%;max-width:1000px;padding:0;text-align:center}
.home-hero h1{max-width:960px;margin:22px auto}
.home-hero .hero-main>p{margin:0 auto 32px;max-width:800px}
.home-hero .hero-search{margin-inline:auto;width:100%;max-width:850px}
.home-hero .hero-keywords{justify-content:center;gap:12px;margin-top:26px}
.home-hero .hero-keywords>span{font-size:18px;font-weight:750;color:#fff;margin-right:4px}
.home-hero .hero-keywords a{font-size:17px;line-height:1.5;padding:10px 16px;background:#071f3a99;color:#fff}
.home-hero .hero-art{position:static;inset:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;width:100%;height:auto;margin:0;opacity:1}
.home-hero .floating-pill{position:static;display:flex;align-items:center;font-size:19px;line-height:1.5;padding:12px 20px;border-radius:10px;box-shadow:0 6px 20px #04192c30}
.home-hero .floating-pill span{font-size:25px;margin-right:10px}
.home-hero .hero-bottom{justify-content:center;flex-wrap:wrap;gap:18px 40px;padding-block:26px;text-align:center;color:#fff;font-size:15px;line-height:1.6;letter-spacing:1.4px}
.home-hero .hero-bottom span{display:block}
.home-business-cta .cta-layout{display:block;text-align:center;max-width:1100px}
.home-business-cta .cta-layout>div{width:100%}
.home-business-cta h2{margin-inline:auto;max-width:900px}
.home-business-cta p{margin-inline:auto;max-width:850px;font-size:20px;line-height:1.75}
.home-business-cta .listing-actions{justify-content:center;margin-top:30px}
.directory-content{width:min(1760px,calc(100% - 64px))}
.directory-content .directory-layout{grid-template-columns:minmax(0,1fr);gap:28px}
.directory-content .filter-panel{position:static;padding:22px}
.directory-content .filter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px 18px;align-items:end}
.directory-content .filter-form label{margin:0;grid-row:1}
.directory-content .filter-form input,.directory-content .filter-form select{grid-row:2;min-width:0;margin:0}
.directory-content .filter-form label[for=query],.directory-content #query{grid-column:1}
.directory-content .filter-form label[for=city],.directory-content #city{grid-column:2}
.directory-content .filter-form label[for=category],.directory-content #category{grid-column:3}
.directory-content .filter-form button{grid-column:4;grid-row:2;margin:0;min-height:52px}
.directory-content .filter-note{margin-top:16px}
.directory-content .listing-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.directory-content .business-card{padding:20px;min-width:0;min-height:0}
.directory-content .business-card h3{font-size:22px;line-height:1.35;overflow-wrap:anywhere;margin-bottom:10px}
.directory-content .business-card>p{font-size:16px;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:18px}
.directory-content .bc-location,.directory-content .bc-link{font-size:15px;line-height:1.55}
.directory-content .bc-location{margin-bottom:12px}
.directory-content .category-mini,.directory-content .verified-tag{font-size:12px;white-space:normal}
.directory-content .bc-top{gap:10px;align-items:flex-start}
.directory-content .business-avatar{display:none}
.directory-content .bc-cover{aspect-ratio:16/10;margin-bottom:18px}
.directory-content .bc-cover img{height:100%;width:100%;object-fit:cover}
@media(max-width:1100px){
 .directory-content .listing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .directory-content .filter-form{grid-template-columns:repeat(3,minmax(0,1fr))}
 .directory-content .filter-form button{grid-column:1/-1;grid-row:3;margin-top:8px}
}
@media(max-width:600px){
 .home-hero .hero-inner{padding-top:42px;padding-bottom:30px;gap:25px}
 .home-hero .hero-keywords>span{flex-basis:100%;font-size:18px}
 .home-hero .hero-keywords a{font-size:16px;padding:9px 13px}
 .home-hero .hero-art{gap:10px}
 .home-hero .floating-pill{font-size:17px;padding:10px 14px}
 .home-hero .hero-bottom{font-size:13px;gap:12px;padding-block:22px}
 .home-hero .hero-bottom span{flex-basis:100%}
 .home-business-cta p{font-size:18px}
 .directory-content{width:calc(100% - 32px)}
 .directory-content .listing-grid{grid-template-columns:minmax(0,1fr)}
 .directory-content .filter-form{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .directory-content .filter-form label{margin-top:10px}
 .directory-content .filter-form button{margin-top:14px}
}

/* Match remaining light panel frames to the existing dark palette. */
html[data-theme=dark] .local-evidence,
html[data-theme=dark] .profile-sources,
html[data-theme=dark] .profile-feature-image:not(.mini-cover),
html[data-theme=dark] .profile-feature-image:not(.mini-cover) figcaption,
html[data-theme=dark] .admin-inbox code{background:var(--surface);border-color:var(--line)}
html[data-theme=dark] .site-header .brand-graphic,
html[data-theme=dark] .footer .brand-graphic{background:var(--surface);border-color:var(--line)}

/* Administrator-only Gmail setup controls. */
.btn.claim-email-action{background:#b91c1c!important;border:2px solid #b91c1c!important;color:#fff!important;font-size:1.1rem;font-weight:800;padding:1rem 1.4rem;white-space:normal;text-align:center}.btn.claim-email-action:hover{background:#991b1b!important;border-color:#991b1b!important}.btn.claim-email-action:focus-visible{outline:3px solid #ef4444;outline-offset:4px}

/* Existing theme variables keep paid components readable in both themes. */
.featured-badge{display:inline-block;border:1px solid #d69436;background:#332811;color:#ffda8a;border-radius:999px;padding:.35rem .75rem;font-size:.82rem;font-weight:700;margin:.4rem 0}.paid-featured-section{padding:2rem 0}.paid-featured-section .business-card{border-color:#9b7637}.plan-table-wrap{overflow-x:auto}
@media(min-width:771px){.nav-links{flex-wrap:wrap;column-gap:18px;row-gap:4px}.nav-links a{white-space:nowrap}}

/* SEO tools: direct YouTube video preview */
.tool-video-preview{display:block;position:relative;overflow:hidden;border-radius:12px;margin-top:24px;background:#111;color:#fff;text-decoration:none}.tool-video-preview img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.tool-video-play{position:absolute;left:50%;top:calc(50% - 24px);transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:50px;border-radius:14px;background:#e62117;color:#fff;font-size:26px;padding-left:4px}.tool-video-caption{display:block;padding:16px 20px;font-weight:700;line-height:1.5}.tool-video-preview:hover .tool-video-play{background:#ff3025}.tool-video-preview:focus-visible{outline:3px solid currentColor;outline-offset:4px}
/* Versioned website content components: existing theme tokens and controls. */
.cms-page.cms-standard{max-width:1000px}.cms-blocks{display:grid;gap:32px}.cms-block{min-width:0}.cms-block h2{margin-bottom:16px}.cms-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.cms-image{display:block;max-width:100%;height:auto;border-radius:12px}.cms-block figure{margin:0}.cms-block figcaption{padding:12px 0;line-height:1.6}.cms-cards .cms-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-faq{padding:18px 0;border-bottom:1px solid var(--border,#64748b)}.cms-faq summary{cursor:pointer;font-weight:700}.cms-faq .cms-text{padding-top:14px}.cms-home-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.home-hero:has(.cms-home-background){position:relative}.home-hero:has(.cms-home-background) .hero-inner{position:relative}@media(max-width:700px){.cms-cards .cms-blocks{grid-template-columns:1fr}.cms-blocks{gap:24px}}