/* Iconic Mahi reference design consistency layer for interior marketing pages.
   Loaded after existing styles; intentionally excludes the editor. */
:root{--paper:#fcf8f2;--cream:#f6f1e7;--green:#064c31;--green2:#17583c;--gold:#b38946;--ink:#151d17;--muted:#59675b;--border:#e5dac9;--white:#fffaf4}
body:not(.studio-body){background:#fcf8f2;color:#151d17}
body:not(.studio-body) .nav{width:100%;max-width:none;height:70px;padding-left:clamp(19px,4vw,65px);padding-right:clamp(19px,4vw,65px);background:#fcf8f2;border-bottom:1px solid #e6ddcf;gap:19px}
body:not(.studio-body) .nav .brand{gap:6px}
body:not(.studio-body) .nav .brand-logo{width:48px;height:43px}
body:not(.studio-body) .nav .brand-title{font-size:clamp(1.55rem,2.15vw,2.05rem);color:#064c31;letter-spacing:-.04em}
body:not(.studio-body) .nav-links{gap:clamp(10px,2.2vw,34px);font-weight:600;font-size:.85rem}
body:not(.studio-body) .nav .btn{border-radius:7px;min-height:41px;padding:10px 17px;background:#064c31;border:1px solid #064c31;color:white}
body:not(.studio-body) .btn{border-radius:7px}
body:not(.studio-body) .btn.alt{background:transparent;border-color:#7e9284;color:#14442e}
body:not(.studio-body) .eyebrow{letter-spacing:.22em;color:#795724}
body:not(.studio-body) .page-top{background:linear-gradient(90deg,#fcf8f2,#efe9df);padding:clamp(44px,5vw,72px) 0}
body:not(.studio-body) .page-top h1{font-size:clamp(2.65rem,4.25vw,4.6rem);line-height:1.09;max-width:970px;letter-spacing:-.04em}
body:not(.studio-body) .page-top p{max-width:870px}
body:not(.studio-body) .section{padding:clamp(45px,5.8vw,78px) 0}
body:not(.studio-body) .section h2{font-size:clamp(2rem,3.4vw,3.4rem)}
body:not(.studio-body) .info-panel,body:not(.studio-body) .card,body:not(.studio-body) .price-card,body:not(.studio-body) .service-detail,body:not(.studio-body) .template-card{box-shadow:0 2px 12px #27241411;border:1px solid #e9dccd;border-radius:11px}
body:not(.studio-body) .price-card.featured{background:#e9ecdf;border-color:#cad7c3}
body:not(.studio-body) .price-card .price{color:#0d422d}
body:not(.studio-body) .cta{background:#0a412d}
body:not(.studio-body) .footer{background:#0b382b}
body:not(.studio-body) .footer .brand-title{color:#fff}
body:not(.studio-body) .footer .brand-logo{background:#fcf8f2;padding:4px}
body:not(.studio-body) .template-card .template-visual{background:#efeadf}
body:not(.studio-body) .form input,body:not(.studio-body) .form textarea,body:not(.studio-body) .form select{border-color:#d8c9b7;border-radius:7px}
@media(max-width:1100px){
 body:not(.studio-body) .nav{position:relative;z-index:200;height:auto;min-height:65px;padding-top:8px;padding-bottom:8px}
 body:not(.studio-body) .nav .menu-toggle{display:block;margin-left:auto;min-height:44px;padding:8px 12px}
 body:not(.studio-body) .nav .nav-links{display:none;position:absolute;top:100%;left:0;right:0;z-index:220;background:#fffbf6;border:1px solid #e6ddcf;box-shadow:0 18px 32px #14271e27;padding:14px 20px;flex-direction:column;align-items:stretch;gap:5px;max-height:75dvh;overflow:auto}
 body:not(.studio-body) .nav .nav-links.open{display:flex}
 body:not(.studio-body) .nav .nav-links a{min-height:43px;display:flex;align-items:center;padding:9px 11px}
 body:not(.studio-body) .nav .nav-links .btn{justify-content:center}
}
@media(max-width:440px){body:not(.studio-body) .nav{padding-left:15px;padding-right:15px}body:not(.studio-body) .nav .brand-title{font-size:1.38rem}body:not(.studio-body) .nav .brand-logo{width:36px;height:36px}body:not(.studio-body) .page-top{padding:36px 0}body:not(.studio-body) .page-top h1{font-size:2.6rem}}