/* Warm, calm customer theme shared by the marketplace and payment page. */
:root{
 --brand:#285c49;--brand-strong:#1d4939;--brand-soft:#eaf1e7;--accent:#a54d36;
 --paper:#faf8f2;--surface:#fffefa;--ink:#283c32;--muted:#536359;--line:#d8dfd3;
 --navy:var(--brand-strong);--navy2:var(--brand);--blue:var(--brand);--blue2:var(--brand-strong);
 --red:var(--accent);--bg:var(--paper);--white:var(--surface);--green:var(--brand);
 --shadow:0 8px 26px rgba(51,66,44,.06)
}
body{background:var(--paper);color:var(--ink);color-scheme:light}
a,.inline-link{color:var(--brand-strong)}
.app-header{background:var(--surface);color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 3px 18px #344b3910}
.app-header .brand{color:var(--brand-strong)}
.app-header .brand-icon{background:var(--brand);color:#fff;box-shadow:4px 4px 0 #d6dfcb}
.app-header .brand small{color:var(--muted)}
.app-header .topnav :is(button,a){color:#43594b}
.app-header .topnav :is(button,a):is(:hover,:focus-visible,.active){background:var(--brand-soft);color:var(--brand-strong)}
.app-header .topnav .addlink{background:var(--brand);color:#fff;box-shadow:none}
.app-header .topnav .addlink:is(:hover,:focus-visible,.active){background:var(--brand-strong);color:#fff}
.header-account-shortcut{color:var(--brand-strong)}
.live-layout .hero{background:linear-gradient(120deg,#f7f4e8 0%,#edf2e8 100%);color:var(--ink);border-bottom:1px solid var(--line)}
.live-layout .hero::after{display:none}
.live-layout .hero .home-heading h1{color:var(--ink)}
.live-layout .hero .home-heading h1 span{color:var(--brand)}
.live-layout .hero .home-heading>p{color:var(--muted)}
.live-layout .hero-kicker{background:#fffdf5;color:var(--brand-strong);border-color:#cdd9c6;letter-spacing:1.6px}
.live-layout .home-art{background:#e3eadc;border:1px solid #d3dccb;box-shadow:0 12px 30px #3e51371a}
.live-layout .compact-hero .hero-pricing{margin-top:20px;padding:16px 18px;background:#fffdf6;border:1px solid #d4deca;border-radius:14px;text-align:left;max-width:500px;margin-inline:auto}
.live-layout .compact-hero .hero-pricing .hero-free{display:flex;flex-wrap:wrap;gap:7px 16px;color:var(--brand-strong);font-size:15px;font-weight:750;margin:0}
.hero-free-benefit{display:flex;align-items:center;gap:7px}
.hero-free-benefit svg{width:18px;height:18px;flex:none}
.live-layout .compact-hero .hero-pricing .hero-contact-fee{color:var(--ink);font-size:15px;line-height:1.5;margin:12px 0 5px}
.live-layout .compact-hero .hero-pricing .hero-price-detail{color:var(--muted);font-size:14px;line-height:1.55;margin:0}
.btn,.btn.primary-action,.worker-cta,.payment-layout button,.payment-layout .button{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:none}
.btn.primary-action:hover,.payment-layout button:not(.secondary):hover,.payment-layout .button:hover{background:var(--brand-strong);border-color:var(--brand-strong)}
.btn.red,.customer-cta{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn.red:hover{background:#8e3e29;filter:none}
.btn.gray,.btn.light,.btn.outline,.payment-layout button.secondary{background:var(--brand-soft);color:var(--brand-strong);border-color:#c7d5bf}
.btn.ghost{background:var(--surface);color:var(--brand-strong);border-color:#a7b99b}
.live-layout :is(.panel,.job,.info-step,.privacy-card,.category-card),.payment-layout .panel{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow)}
.live-layout .job:hover{border-color:#b1c4a4;box-shadow:0 10px 28px #344d3612}
.live-layout :is(.job h3,.price,.category-examples h2,.info-heading h3,.privacy-card h4){color:var(--ink)}
.live-layout :is(.job p,.job-meta,.category-examples>p,.category-description,.info-step p,.auth-message,.checkline,.mini,.hint),.payment-layout :is(.muted,.section-head p),#categories legend{color:var(--muted)}
.live-layout .category-card{color:var(--ink)}
.live-layout .category-card[aria-pressed="true"]{background:var(--brand-soft);border-color:var(--brand)}
.live-layout .category-card:hover{border-color:var(--brand)}
.live-layout .category-card-icon{background:#eaf0df;animation:none}
.live-layout .category-card:nth-child(3n+2) .category-card-icon{background:#f3ead4}
.live-layout .category-card:nth-child(3n) .category-card-icon{background:#f6e6dd}
.live-layout .category-more summary,.live-layout .tabs-sub button,.payment-layout .tabs-sub button{background:var(--brand-soft);color:var(--brand-strong);border-color:#c7d5bf}
.live-layout .category-more summary:hover{background:#dce7d5}
.live-layout .tabs-sub button.active,.payment-layout .tabs-sub button.active{background:var(--brand);color:#fff;border-color:var(--brand)}
.live-layout :is(.box-blue,.intro,.live-prices),.payment-layout .contact{background:var(--brand-soft);border-color:#c7d5bf;color:var(--ink)}
.live-layout :is(.box-blue,.intro,.live-prices) :is(p,strong,.mini){color:var(--ink)}
.live-layout .account-side,.live-layout #page-info .info-callout{background:var(--brand-soft);color:var(--ink);border-color:#c7d5bf}
.live-layout .account-side :is(h3,p,li,strong),.live-layout #page-info .info-callout :is(h3,p){color:var(--ink)}
.live-layout .account-side .box-blue,.live-layout #page-info :is(.privacy-card,.info-step){background:var(--surface);border-color:var(--line);color:var(--ink)}
.live-layout #page-info .privacy-card :is(h4,p,ul,li,strong),.live-layout #page-info .info-step :is(strong,p){color:var(--ink)}
.live-layout #page-info .privacy-highlight{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}
.live-layout #page-info .info-weak{color:var(--muted)}
.live-layout #page-info a,.launch-footer a,.live-layout .launch-footer a{color:var(--brand-strong)}
.live-layout .auth-tabs{background:var(--brand-soft)}
.live-layout .auth-tabs button{color:var(--muted)}
.live-layout .auth-tabs button.active{background:var(--surface);color:var(--brand-strong)}
.live-layout .auth-status.live,.live-layout .account-state{background:var(--brand-soft);color:var(--brand-strong);border-color:#c7d5bf}
.live-layout .auth-status.error,.live-layout .auth-message.error,.live-layout #live-post-status.error{color:#9c2036}
.live-layout #live-post-status:not(:empty):not(.error){color:var(--brand-strong);background:var(--brand-soft);border-color:var(--brand)}
.live-layout #live-market-status{color:var(--muted)}
.live-layout .pill,.live-layout .tag:not(.red):not(.green):not(.muted){background:var(--brand-soft);color:var(--brand-strong);border-color:#c7d5bf}
.live-layout :is(.field,.fieldset,.contact-field) :is(input,select,textarea),.municipality-search,.payment-layout :is(select,input:not([type=checkbox])){background:var(--surface);color:var(--ink);border-color:#a8b59f}
.live-layout :is(.field,.fieldset) :is(input,select,textarea):focus{border-color:var(--brand);box-shadow:0 0 0 3px #285c4919}
input::placeholder,textarea::placeholder{color:#62705f;opacity:1}
input[type=checkbox],input[type=radio],input[type=range],.payment-layout input[type=checkbox]{accent-color:var(--brand)}
.municipality-hint,.municipality-no-match{color:var(--muted)}
.municipality-suggestions{background:var(--surface);color:var(--ink);border-color:#a8b59f;box-shadow:0 6px 20px #344b3926}
.municipality-suggestion[aria-selected="true"],.municipality-suggestion:hover{background:var(--brand-soft);color:var(--brand-strong)}
.live-layout .empty{background:var(--surface);border-color:#b8c6ae;color:var(--muted)}
.live-layout .empty h3{color:var(--ink)}
.live-layout .modal,.live-layout dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}
.live-layout .close{background:var(--brand-soft);color:var(--brand-strong)}
.live-layout .toast{background:var(--brand-strong);color:#fff}
.live-layout .launch-footer{border-color:var(--line);color:var(--muted)}
.payment-layout :is(article,.watch-category-picker,.push-setup,#purchase){border-color:var(--line)}
.live-layout :is(hr,.job-bottom,.owner-contact){border-color:var(--line)}
.live-layout .owner-contact summary{color:var(--brand-strong)}
.live-layout .bottom-nav,.payment-layout .bottom-nav{background:var(--surface);border-color:var(--line);box-shadow:0 -4px 18px #344b3912}
.live-layout .bottom-nav :is(button,a){color:var(--muted)}
.live-layout .bottom-nav :is(button,a):is(.active,.addlink){color:var(--brand-strong)}
.live-layout .bottom-nav button.active{background:var(--brand-soft);border-radius:9px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,.btn:focus-visible,.municipality-search:focus-visible{outline:3px solid #8c5328;outline-offset:3px}
@media(max-width:620px){.live-layout .compact-hero .hero-pricing{padding:14px;margin-top:16px}.live-layout .compact-hero .hero-pricing .hero-contact-fee{font-size:14px}.live-layout .compact-hero .hero-pricing .hero-price-detail{font-size:13px}}

/* Notification subscription is distinct from free applications and the contact fee. */
.home-watch-callout{display:flex;align-items:center;gap:20px;padding:24px;margin:24px 0 28px;border:1px solid #c7d5bf;border-radius:18px;background:var(--brand-soft);color:var(--ink)}
.home-watch-icon{width:52px;height:52px;flex:none;display:grid;place-items:center;background:var(--surface);color:var(--brand);border:1px solid #c7d5bf;border-radius:14px}
.home-watch-icon svg{width:27px;height:27px}
.home-watch-copy{flex:1;min-width:0}
.home-watch-copy h2{font-size:24px;line-height:1.25;letter-spacing:-.4px;margin:0 0 6px;color:var(--brand-strong)}
.home-watch-copy p{font-size:16px;line-height:1.5;margin:0;color:var(--ink)}
.home-watch-copy .home-watch-price{font-size:13px;line-height:1.6;margin-top:8px;color:var(--muted)}
.home-watch-callout>.btn{flex:none;white-space:nowrap}
.payment-layout .tabs-sub button:hover{background:#dce7d5;color:var(--brand-strong)}
.payment-layout .tabs-sub button.active:hover{background:var(--brand-strong);color:#fff}
@media(max-width:760px){.home-watch-callout{display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px;margin:20px 0 24px}.home-watch-icon{width:40px;height:40px;border-radius:11px}.home-watch-copy h2{font-size:22px}.home-watch-callout>.btn{grid-column:1/-1;justify-self:stretch}}

.live-layout .compact-hero .hero-pricing :is(.hero-free,.hero-contact-fee,.hero-price-detail){max-width:none}
.home-watch-callout>.btn{text-decoration:none}
.live-layout .info-step .stepnum{background:var(--brand-soft);color:var(--brand-strong)}
.live-layout :is(.category-card,.category-more summary,.owner-contact summary,.contact-field input):focus-visible{outline:3px solid #8c5328;outline-offset:3px}