/* Remove the old inner mat: screenshots fill the gallery tile. */
.actual-preview>span{position:static;display:block;width:100%;height:100%;padding:0;border:0;background:transparent}.actual-preview{border:0}.actual-preview .preview-number{position:absolute;z-index:2}
.theme-toggle{display:inline-grid;place-items:center;flex:none;width:44px;height:44px;padding:0;background:transparent;color:#f1f0e9;border:1px solid #68715e;border-radius:50%;font:24px/1 Inter,Arial,sans-serif;cursor:pointer}.theme-toggle:hover{background:#2b3228}.theme-toggle:focus-visible{outline:2px solid #e7edda;outline-offset:3px}
html[data-theme=light]{color-scheme:light;--bg:#f5f3ec;--paper:#1e2b20;--muted:#4d5c4b;--line:#c8d0c1}
html[data-theme=light] body{background:#f5f3ec;color:#1e2b20}html[data-theme=light] header{background:#f5f3ec;border-color:#cbd3c6}html[data-theme=light] header .brand img,html[data-theme=light] footer .footer-logo{filter:brightness(0) saturate(100%) opacity(.88)}html[data-theme=light] nav a,html[data-theme=light] footer a{color:#344a37}html[data-theme=light] nav a:hover,html[data-theme=light] footer a:hover{color:#101d12}html[data-theme=light] nav a[aria-current=page]:after{background:#344a37}html[data-theme=light] .lang{color:#627460;border-color:#b8c3b4}html[data-theme=light] .lang button{color:#536552}html[data-theme=light] .lang button[aria-pressed=true]{color:#1e2b20}html[data-theme=light] .theme-toggle{color:#243b29;border-color:#7f907c}html[data-theme=light] .theme-toggle:hover{background:#e2eadf}html[data-theme=light] :focus-visible{outline-color:#284f32}
html[data-theme=light] .preview-banner{background:#dfe7da;color:#304c33;border-color:#c4d1be}html[data-theme=light] p,html[data-theme=light] .lead,html[data-theme=light] .agency-hero .lead,html[data-theme=light] .style-tool-intro p{color:#4a5d4b}html[data-theme=light] .eyebrow,html[data-theme=light] .hero-fine,html[data-theme=light] .home-preview-header,html[data-theme=light] .tile-meta,html[data-theme=light] .demo-business,html[data-theme=light] .style-info,html[data-theme=light] footer small{color:#546d54}html[data-theme=light] .agency-value,html[data-theme=light] .agency-process,html[data-theme=light] .closing,html[data-theme=light] .quote{background:#e4ebe0;color:#1e2b20;border-color:#c5d1c0}html[data-theme=light] footer{background:#eaf0e7;border-color:#c5d1c0}html[data-theme=light] .button,html[data-theme=light] .tile-open{background:#263f2b;color:#f9faf5;border-color:#263f2b}html[data-theme=light] .button:hover,html[data-theme=light] .tile-open:hover{background:#3c5b3d}html[data-theme=light] .quiet,html[data-theme=light] .text-link,html[data-theme=light] .tile-choose{border-color:#70856e}html[data-theme=light] .home-preview-link{box-shadow:0 18px 48px #233f221d}html[data-theme=light] .home-carousel-controls button,html[data-theme=light] .home-carousel-controls select,html[data-theme=light] .style-quiz select,html[data-theme=light] .compare-controls select,html[data-theme=light] .gallery-tools select,html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fffef9;color:#203a25;border-color:#9bad97}html[data-theme=light] .style-tile{background:transparent;border-color:#c1cebc}html[data-theme=light] .style-info,html[data-theme=light] .tile-feature,html[data-theme=light] .style-tools,html[data-theme=light] .style-compare,html[data-theme=light] .agency-steps article,html[data-theme=light] .agency-faq details,html[data-theme=light] .steps article{border-color:#bdcbbb}html[data-theme=light] .style-info strong,html[data-theme=light] .tile-feature,html[data-theme=light] .quiz-results-label,html[data-theme=light] .tile-feature span:first-child,html[data-theme=light] .agency-steps article>span{color:#344e37}html[data-theme=light] .tile-utilities button,html[data-theme=light] .gallery-tool-actions button{background:transparent;color:#263f2b;border-color:#92a58e}html[data-theme=light] .tile-utilities button[aria-pressed=true],html[data-theme=light] .gallery-tool-actions button[aria-pressed=true]{background:#263f2b;color:#fff}html[data-theme=light] .quiz-results a,html[data-theme=light] .preview{background:#e8eee4;color:#263f2b;border-color:#b4c3ae}html[data-theme=light] .quiz-results a small{color:#526a52}html[data-theme=light] .gallery-empty{border-color:#9bad97;color:#344e37}html[data-theme=light] .error{color:#8b2424}html[data-theme=light] .how-step p,html[data-theme=light] .note-art p{color:#3d4936}html[data-theme=light] .how-step:after{background:linear-gradient(135deg,#0000000a 0 49%,#f5f3ec 50%)}
@media(min-width:801px) and (max-width:1200px){header{gap:12px}header .brand img{width:155px}header .desktop-nav{gap:13px}header .desktop-nav a{font-size:12px}}
@media(max-width:800px){header .brand img{width:125px}header .theme-toggle{order:1;margin-left:auto;width:40px;height:40px;font-size:22px}header .lang{margin-left:0}html[data-theme=light] .mobile-menu summary{color:#203a25;border-color:#81947d}html[data-theme=light] .mobile-menu .mobile-nav{background:#f8faf4;border-color:#9bad97;box-shadow:0 10px 25px #263f2b25}html[data-theme=light] .mobile-menu .mobile-nav a{color:#263f2b;border-color:#d3ddce}html[data-theme=light] .mobile-menu .mobile-nav a[aria-current=page]{color:#152a19}}
@media(max-width:360px){header{gap:6px}header .brand img{width:105px}header .theme-toggle{width:38px;height:38px}header .lang{padding-left:6px}header .lang button{min-width:23px}header .mobile-menu summary{padding:8px;font-size:11px}}
html[data-theme=light] .intro{background:#f5f3ec}html[data-theme=light] .contact-grid form{background:#e8eee4;border-color:#bccab7}html[data-theme=light] .contact-grid label{color:#263f2b}html[data-theme=light] .preview{border-color:#829b7c}html[data-theme=light] .gallery-tools #gallery-count{color:#526a52}html[data-theme=light] .tile-choose{color:#36553a}html[data-theme=light] .home-preview-name{color:#203a25}html[data-theme=light] .home-preview-caption small{color:#3d513c}
.theme-toggle{min-width:44px;min-height:44px}