/* Yellow / black theme for inner pages (matches homepage). Loaded after style.css. */
:root{--y:#f7b11a;--y2:#e89a06;--yl:#fff6dc;--yb:#fffaf0;--a:#a86b00}
a{color:#8a5a00}
::selection{background:var(--y);color:#111}
:focus-visible{outline-color:#111}
/* header */
header{box-shadow:0 2px 14px rgba(0,0,0,.08)}
.logo svg path:nth-of-type(1){fill:var(--y);stroke:var(--y)}
.logo svg path:nth-of-type(2){fill:#111}
.logo svg rect{fill:#111;stroke:var(--y)}
.logo em{color:#a86b00}
nav>a:hover,.m>a:hover{color:#a86b00}
.cl{background:var(--y);color:#111!important}
.cl:hover{background:#111;color:var(--y)!important}
.mg .ls a:before{color:var(--y2)}
.mg .ls a:hover,.mg .ls a:focus{background:var(--yl)}
/* buttons */
.kn,.btn{background:var(--y);color:#111}
.kn:hover,.btn:hover{background:#111;color:var(--y)}
.btn.cb{background:#111;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.2)}
.btn.cb:hover{background:#fff;color:#111}
.mg .btn{background:var(--y);color:#111}
.mg .o2{background:none;border:2px solid #111;color:#111}
/* hero */
.hr{background:linear-gradient(135deg,#fcc23c 0%,#f7b11a 55%,#f0a00c 100%);color:#111}
.hr:before{background:radial-gradient(520px 380px at 12% 0,rgba(255,255,255,.35),transparent 65%),radial-gradient(600px 400px at 100% 100%,rgba(0,0,0,.08),transparent 60%)}
.hr h1,.hr h2{color:#111}
.hr p,.hr .crumb,.hr .meta{color:#222}
.hr .crumb a,.hr p a.ih{color:#111}
.hr .ey,.hr .chip{background:#111;border:0;color:var(--y)}
.bd3{color:#111}
.bd3 li::marker{color:#111}
.hr .chip,.chip{background:#111;color:var(--y)}
.tx h2:after{background:var(--y)}
/* sections */
section.t{background:var(--yb)}
.ey{color:#a86b00}
.ckl li::marker,.ck li::marker,.fi li::marker,.ar li::marker{color:var(--y2)}
.g>div{border-top-color:var(--y)}
.bc{border-color:#eee3c8;border-radius:22px}
.bc:hover{box-shadow:0 20px 40px rgba(247,177,26,.32)}
.rm{color:#111}
.kt{background:var(--yb)}
.toc{border-color:var(--y)}
.sc{border-color:var(--y)}
.ft2{border-color:var(--y)}
.tags span{background:var(--yl);border-color:#f1dca0}
.ind a{background:#111;color:var(--y)}
.st{background:#111}
.cn a{border-color:#111}
.cn a:hover{background:var(--y);color:#111;border-color:var(--y)}
.ars h2:after,section:has(details) h2:after{background:var(--y)}
.cc{background:#111}
.cc .btn{background:var(--y);color:#111}
.co{background:#111}
/* lists that use card tick circles */
.bk li::before{background-color:var(--y);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.bk li:hover{border-color:var(--y)}
.dk .bk li:hover{border-color:var(--y)}
section.dk{background:#111}
.dk h2:after,section.dk:has(.bk) h2:after{background:var(--y)}
.dk .nh .kn{background:var(--y);color:#111}
.dk .nh .kn:hover{background:#fff}
/* FAQ */
details[open]{border-color:var(--y)}
details[open] summary:after{background:#111;color:var(--y)}
summary:after{background:var(--y);color:#111}
/* fi cards */
.fi li:after{background:var(--y)}
.fi li:before{background-color:var(--y);box-shadow:0 0 0 6px rgba(247,177,26,.25);filter:none}
.fi li:hover{box-shadow:0 16px 34px rgba(247,177,26,.3);border-color:var(--y)}
/* CTA band */
.cta{background:var(--y)}
.cta:before{background:radial-gradient(600px 300px at 85% 0,rgba(255,255,255,.35),transparent 60%)}
.cta h2,.cta p{color:#111}
.cta .btn{background:#111;color:#fff}
.cta .btn:hover{background:#fff;color:#111}
/* footer */
footer{background:#111;border-top:6px solid var(--y)}
footer h4{color:var(--y)}
footer a:hover{color:var(--y)}
footer .logo{color:#fff}
footer .logo em{color:var(--y)}
footer p a[href^="tel"]{color:var(--y)!important}
.call{background:var(--y);color:#111}
.fs h2:after{background:var(--y)}
section.t:has(.fi){background:var(--yb)}
[style*="#c42b42"]{color:#a86b00}
summary:after{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;right:4px}

/* ===== Service lists: open icon grid (no boxes) ===== */
.bk.sg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 48px;list-style:none;margin:0;padding:0}
.sg li.sv{position:relative;display:flex;align-items:flex-start;gap:18px;margin:0;padding:0;background:none;border:0;border-radius:0;text-align:left;outline:0}
.sg li.sv::before{content:none;display:none}
.sg li.sv:hover{border:0}
.sg li.sv:has(a:focus-visible){outline:3px solid #111;outline-offset:6px;border-radius:8px}
.sg .svi{flex:none;width:58px;height:58px;border-radius:16px;background:var(--y);display:grid;place-items:center;color:#111;box-shadow:0 6px 16px rgba(247,177,26,.35);transition:transform .2s,background .2s,color .2s}
.sg .svi .ico{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sg li.sv:hover .svi{transform:translateY(-3px) rotate(-4deg);background:#111;color:var(--y)}
.sg h3{font-size:1.12rem;line-height:1.25;text-transform:uppercase;letter-spacing:.01em;margin:2px 0 6px}
.sg h3 a{color:#111;text-decoration:none}
.sg h3 a::before{content:"";position:absolute;inset:-6px -8px;border-radius:12px}
.sg h3 a::after{content:"\203A";position:static;display:inline-block;inset:auto;margin-left:8px;font-size:1.3em;line-height:1;color:var(--y2);font-weight:800;transition:transform .2s}
.sg li.sv:hover h3 a::after{transform:translateX(4px)}
.sg li.sv:hover h3 a{color:#a86b00}
.sg p{font-size:.96rem;line-height:1.55;color:#444;margin:0}
/* services section was black: make it light so the open grid reads like the reference */
section.dk:has(.sg){background:var(--yb);color:#111}
section.dk:has(.sg) h2,section.dk:has(.sg) .sub{color:#111}
section.dk:has(.sg) .nh h3{color:#111}
section.dk:has(.sg) .nh p{color:#444}
section.dk:has(.sg) .nh .kn{background:var(--y);color:#111}
section.dk:has(.sg) .nh .kn:hover{background:#111;color:var(--y)}
section:has(.sg) .nh{margin-top:48px;text-align:center}
section:has(.sg) .sub{margin-bottom:44px}
@media(max-width:960px){.bk.sg{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 32px}}
@media(max-width:600px){.bk.sg{grid-template-columns:1fr;gap:28px}.sg .svi{width:52px;height:52px}}
@media(prefers-reduced-motion:reduce){.sg .svi,.sg h3 a::after{transition:none}}
section:has(.bk) h2:after,section.dk:has(.bk) h2:after{background:var(--y)}

/* ===== Menu icons ===== */
.mi{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
nav>a,.m>a{display:flex!important;align-items:center;gap:8px}
nav>a .mi,.m>a .mi{color:#a86b00;transition:transform .2s}
nav>a:hover .mi,.m>a:hover .mi{transform:translateY(-1px) scale(1.12)}
.cl{gap:8px!important}
.cl .mi{color:inherit}
.mg .ls a:before{content:none!important;display:none!important}
.mg .ls a{gap:10px}
.mg .ls a .mi{width:28px;height:28px;padding:6px;box-sizing:border-box;border-radius:8px;background:#fff0c4;color:#111;transition:background .15s,transform .15s}
.mg .ls a:hover .mi,.mg .ls a:focus .mi{background:#f7b11a;transform:scale(1.06)}
@media(min-width:1101px){.mg .ls a{padding:6px 10px}}
@media(max-width:1100px){header .m>a{justify-content:flex-start!important}
header nav>a,header .m>a{gap:12px}
header nav>a .mi,header .m>a .mi{width:22px;height:22px}}

/* area links with map pin */
.ar{list-style:none!important}
.ar a{display:inline-flex;align-items:center;gap:8px;justify-content:center}
.ar a .mi{width:18px;height:18px;color:#f7b11a;fill:rgba(247,177,26,.25);transition:transform .2s}
.ar a:hover .mi{transform:translateY(-2px) scale(1.15)}

/* brand logo image */
.logo img{display:block;height:62px;width:auto}
footer .logo img{height:112px}
@media(max-width:1100px){.logo img{height:50px}footer .logo img{height:96px}}