:root{--footer-bg:#f4f7f2;--copy:#42594d;--on-accent:#ffffff;--on-hover:#ffffff}
body{background:var(--white);color:var(--ink)}
input[type=checkbox],input[type=radio]{accent-color:var(--green)}
.prose{color:var(--copy)}
.brand-image{display:block;width:auto;height:42px;max-width:180px;object-fit:contain;flex-shrink:1}
.footer .brand-image{height:40px;max-width:190px}
.brand-mark,.count-plus{color:var(--on-accent)}
.button:not(.secondary):not(.danger){color:var(--on-accent)}
.button:not(.secondary):not(.danger):hover,.count-plus:hover{color:var(--on-hover)}
.footer{background:var(--footer-bg);padding-top:36px}
.footer-grid{gap:32px}
.footer-grid h2{margin-bottom:10px}
.footer-grid nav li{margin:0;padding:0}
.footer-grid nav a,.footer-grid nav button{min-height:32px;padding:5px 0;color:var(--muted);font-size:13px;line-height:1.6}
.footer-description{max-width:34ch;margin:14px 0 16px}
.footer .footer-description p{max-width:none;margin:0;font-size:13px;line-height:1.7}
.footer .footer-description p+p{margin-top:7px}
.footer-benefits li,.footer-bottom{color:var(--muted)}
.footer-bottom{margin-top:26px;padding-top:14px;padding-bottom:14px}
.footer-bottom a{min-height:32px}
main p,.footer-brand p,.consent p,.content-preview p{overflow-wrap:anywhere}
.cw-paragraph-continuation{margin-top:0}
.brand-upload{min-width:0}
.brand-upload-preview{min-height:90px;border:1px solid var(--line);border-radius:10px;background:var(--cream);padding:16px;display:flex;align-items:center;margin-bottom:16px}
.brand-upload-preview .logo-preview{max-width:100%;max-height:64px;object-fit:contain}
.brand-upload-preview .favicon-preview{width:48px;height:48px;object-fit:contain}
.admin-side .brand-image{max-width:100%;height:35px}
.admin-side nav{max-height:calc(100svh - 240px);overflow-y:auto;overscroll-behavior:contain}
.theme-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:22px 0}
.theme-color{min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--white)}
.theme-color legend{padding:0 5px;font-size:12px;font-weight:650;color:var(--ink)}
.theme-color>p{font-size:11px;line-height:1.6;color:var(--muted);min-height:36px;margin-bottom:14px}
.color-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.color-boxes label{display:grid;gap:7px;margin:0;font-size:11px;color:var(--muted)}
.admin-card .color-boxes input[type=color]{width:100%;min-width:0;height:48px;border-radius:7px;padding:3px;cursor:pointer;background:var(--white)}
.admin-card .color-boxes input[type=color]:disabled{cursor:default;opacity:1}
.color-boxes small{font:10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.color-code{margin:14px 0 0}
.color-code input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:lowercase}
.theme-demo{border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--white);color:var(--copy);margin-bottom:16px}
.theme-demo h3{color:var(--ink);margin:0 0 10px}
.theme-demo p{color:var(--muted);margin:0 0 18px}
.theme-demo .button{background:var(--green);color:var(--on-accent);pointer-events:none}
.theme-demo-tag{display:inline-block;margin-left:12px;border-radius:7px;padding:10px 14px;background:var(--pale);color:var(--ink);font-size:12px}
.theme-demo-footer{margin:20px -22px -22px;padding:16px 22px;background:var(--footer-bg);border-radius:0 0 12px 12px;color:var(--muted)}
.theme-demo-surface{background:var(--cream);color:var(--copy);padding:12px 14px;border:1px solid var(--line);border-radius:8px;margin-top:16px;font-size:12px}
.theme-reset{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:1250px){.theme-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.footer-grid{gap:24px 32px}.theme-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.footer{padding-top:28px}.footer-grid nav a,.footer-grid nav button,.footer-bottom a{min-height:44px;padding-block:9px}.footer-grid h2{margin-bottom:5px}.footer-bottom{margin-top:20px}.brand-image{height:36px;max-width:150px}.footer .brand-image{height:38px;max-width:180px}.admin-side nav{max-height:none;overflow:visible}}
@media(max-width:480px){.footer-grid{gap:22px}.footer-description{max-width:none}.footer-bottom{gap:3px}.theme-colors{grid-template-columns:minmax(0,1fr)}.theme-color>p{min-height:0}.theme-demo-tag{margin:12px 0 0}.brand-image{max-width:135px}.nav .brand:has(.brand-image){gap:6px}}

.seo-page-form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.metric-grid .seo-state{font-size:21px}.seo-checks{padding-left:20px;line-height:1.8;color:var(--muted);font-size:13px}.seo-checks li{margin-bottom:9px}.permalink-check{font-size:12px;color:var(--muted);min-height:1.6em}.permalink-check a{color:var(--green);text-decoration:underline}
.has-search-suggestions{position:relative;z-index:36}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;max-height:390px;overflow-y:auto;overscroll-behavior:contain;background:var(--white);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 36px #15392a20;padding:6px;z-index:40}.search-suggestions a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:7px;color:var(--ink);min-height:62px}.search-suggestions a:hover,.search-suggestions a[aria-selected=true]{background:var(--pale);color:var(--ink)}.suggestion-copy{display:grid;gap:4px;min-width:0;flex:1}.suggestion-copy strong{font-size:14px;line-height:1.45;letter-spacing:0;font-weight:600}.suggestion-copy small{font-size:12px;line-height:1.5;color:var(--muted);white-space:normal}.suggestion-type{font-size:10px;line-height:1.4;flex-shrink:0;border:1px solid var(--line);background:var(--cream);padding:4px 7px;border-radius:20px;color:var(--green)}.hero-copy{position:relative;z-index:4}.search-results-block{margin:28px 0}.search-results-block h2{font-size:24px;margin-bottom:18px}
@media(max-width:760px){.search-suggestions{max-height:320px}.search-suggestions a{padding:11px;gap:8px}.suggestion-copy strong{font-size:13px}.suggestion-copy small{font-size:11px}.suggestion-type{font-size:9px}}
.hero{overflow:visible}.hero-visual{clip-path:inset(-35px -12px)}
.ad-overview{display:flex;align-items:start;justify-content:space-between;gap:32px}.ad-overview>div{max-width:650px}.ad-overview form{min-width:240px}.ad-position-options,.ad-target-options{border:1px solid var(--line);border-radius:10px;padding:18px;margin:22px 0}.ad-position-options legend,.ad-target-options legend{font-size:13px;font-weight:600;padding:0 6px}.ad-position-options{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.ad-position-options label,.ad-target-list label{margin:0;font-size:12px;line-height:1.6;min-height:36px;padding:8px 0}.ad-target-group{margin:10px 0;border:1px solid var(--line);border-radius:8px}.ad-target-group summary{cursor:pointer;padding:12px;font-size:12px;font-weight:600;background:var(--cream)}.ad-target-list{max-height:240px;overflow-y:auto;padding:8px 13px}.ad-target-list input{flex-shrink:0}.ad-rule-summary{margin-bottom:14px;font-size:12px;color:var(--muted)}.ad-rule-summary summary{cursor:pointer;color:var(--green)}.ad-rule-summary p{margin:10px 0 6px}.ad-rule-summary ul{padding-left:18px;margin:0}.ad-row-actions{display:flex;align-items:center;gap:18px;margin-top:14px}.saved-ad-preview{margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.saved-ad-preview iframe{border:1px solid var(--line);border-radius:8px;width:100%;background:var(--white)}
@media(max-width:900px){.ad-overview{flex-direction:column;gap:12px}.ad-overview form{min-width:0}}
@media(max-width:760px){.article-sidebar:has(.ad-slot){display:block}.article-sidebar:has(.ad-slot)>.contents,.article-sidebar:has(.ad-slot)>.sidebar-help{display:none}.ad-position-options{grid-template-columns:1fr}.ad-position-options label,.ad-target-list label{min-height:44px}}

.mail-provider-box{min-width:0;border:1px solid var(--line);border-radius:10px;padding:20px;margin:18px 0}.mail-provider-box legend{padding:0 7px;font-size:14px;font-weight:650;color:var(--ink)}.admin-mail-fields>h2{margin-top:28px}.admin-mail-fields .form-note a,.auth-card p>a{color:var(--green);text-decoration:underline;text-underline-offset:3px}.mail-provider-box .form-note{margin-bottom:0}.admin-mail-fields .form-grid{min-width:0}.admin-mail-fields .form-grid label{min-width:0}
@media(max-width:760px){.mail-provider-box{padding:15px}.admin-mail-fields .form-grid{grid-template-columns:minmax(0,1fr)}}
.mail-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.mail-actions form{margin:0}.mail-actions .button{min-height:44px;white-space:normal}.mail-diagnostics{padding:20px;border:1px solid var(--line);border-radius:10px;margin:24px 0;background:var(--cream)}.mail-diagnostics h3{margin:0 0 12px}.mail-checks{padding:0;list-style:none;margin:18px 0}.mail-checks li{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.mail-pass{color:var(--green)}.mail-fail{color:#a32626}.mail-diagnostics details{margin-top:18px}.mail-diagnostics summary{cursor:pointer;font-size:13px;font-weight:600;min-height:44px;display:flex;align-items:center}.mail-diagnostics textarea{width:100%;resize:vertical;overflow-wrap:anywhere}.mail-diagnostics [data-email-copy-status]{font-size:12px}.admin-card [data-mail-unsaved-notice][hidden]{display:none!important}
.recovery-status{margin:22px 0;display:grid;gap:0}.recovery-status>div{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}.recovery-status dt{font-weight:600;font-size:13px}.recovery-status dd{margin:0;font-size:13px;overflow-wrap:anywhere}.mail-connection-attempts{font-size:12px;line-height:1.7;padding-left:20px}
@media(max-width:600px){.recovery-status>div{grid-template-columns:minmax(0,1fr);gap:7px}}
@media(max-width:600px){.mail-actions{align-items:stretch;flex-direction:column}.mail-actions form,.mail-actions .button{width:100%}.mail-diagnostics{padding:15px}.mail-checks li{gap:12px;font-size:12px}}
