/*
Theme Name: EMS Engineering
Description: Lightweight, accessible engineering and procurement theme. No page builder required.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.1
License: GPL-2.0-or-later
Text Domain: ems-engineering
*/
:root{--ink:#112c40;--muted:#4c6475;--blue:#135bd5;--navy:#092737;--line:#d7e2e9;--paper:#fff;--wash:#f2f6f8;--copper:#d49b3d;--radius:8px;--max:1240px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;color-scheme:light}*{box-sizing:border-box}body{margin:0}img,svg{max-width:100%;height:auto}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button,input,select,textarea{font:inherit}button,.button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid #bf7900;outline-offset:4px}h1,h2,h3,h4{line-height:1.15;letter-spacing:-.025em;margin:0 0 1rem}h1{font-size:clamp(2.3rem,4.8vw,4.7rem);max-width:20ch}h2{font-size:clamp(1.8rem,3vw,2.8rem);max-width:28ch}h3{font-size:1.3rem}p{margin:0 0 1.1rem}ul,ol{padding-left:1.4rem}.wrap{width:min(calc(100% - 3rem),var(--max));margin:auto}.skip-link{position:absolute;left:1rem;top:-5rem;background:white;padding:1rem;z-index:20}.skip-link:focus{top:1rem}.topline{background:var(--navy);color:#fff;font-size:.875rem;padding:.55rem 0}.topline .wrap{display:flex;justify-content:space-between;gap:1rem}.topline a{color:#fff}.site-header{border-bottom:1px solid var(--line);background:#fff}.header-row{min-height:92px;display:flex;align-items:center;gap:2rem}.brand{display:flex;align-items:center;gap:.8rem;color:var(--ink);text-decoration:none;margin-right:auto}.brand svg{width:43px;flex-shrink:0}.brand-label{font-size:1.05rem;line-height:1.2;font-weight:700;letter-spacing:-.03em}.brand small{display:block;font-size:.72rem;line-height:1.6;font-weight:400;letter-spacing:.06em}.main-nav{display:flex;align-items:center;gap:1.7rem}.main-nav a{font-weight:600;color:var(--ink);font-size:.9rem;text-decoration:none}.main-nav a:hover{text-decoration:underline}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.4rem;background:var(--blue);color:#fff;border:1px solid var(--blue);border-radius:5px;text-decoration:none;font-weight:700;font-size:.95rem}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.light{background:#fff;color:var(--ink);border-color:#fff}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.7rem}.eyebrow{color:var(--blue);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;margin-bottom:1.3rem}.hero{background:linear-gradient(110deg,#fff 30%,#eff5f8);padding:4.5rem 0 3.5rem}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:4rem;align-items:center}.hero p.lead{font-size:1.2rem;max-width:48ch;color:var(--muted)}.hero-note{margin-top:1.5rem;font-size:.87rem;color:var(--muted)}.engineering-panel{background:var(--navy);color:#d9ecf7;padding:2rem;border-radius:8px;position:relative;overflow:hidden}.engineering-panel .eyebrow{color:#9dcbef}.engineering-panel svg{display:block;width:100%;margin:2rem 0}.panel-caption{font-family:Consolas,monospace;display:flex;justify-content:space-between;font-size:.8rem;border-top:1px solid #3d5766;padding-top:1rem}.photo-pending{border:1px dashed #708e9f;padding:.8rem;font-size:.8rem;margin-top:1.2rem}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;border-top:1px solid var(--line);padding-top:1.5rem;margin-top:3rem}.feature-strip strong{display:block;font-size:1rem}.feature-strip span{color:var(--muted);font-size:.9rem}.section{padding:5rem 0}.section.soft{background:var(--wash)}.section.dark{background:var(--navy);color:#fff}.section.dark .eyebrow{color:#94c8ff}.section-title{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}.section-title p{color:var(--muted);max-width:44ch}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.grid.four{grid-template-columns:repeat(4,1fr)}.card{border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;background:#fff;color:var(--ink)}.card-number{font-family:Consolas,monospace;color:var(--blue);font-size:.8rem;margin-bottom:1.4rem}.card a{font-weight:700;text-decoration:none}.card p{font-size:.95rem;color:var(--muted);margin:0}.card h3{margin-bottom:.65rem}.card:hover{border-color:#8fafd6}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.93rem;margin:1.5rem 0;text-align:left}th,td{padding:1rem;border:1px solid var(--line);vertical-align:top}th{background:var(--wash)}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.process{display:grid;grid-template-columns:repeat(7,1fr);list-style:none;padding:0;gap:.75rem;margin-top:2rem}.process li{border-top:2px solid var(--line);padding-top:1rem;font-size:.9rem}.process span{display:block;font-size:.75rem;color:var(--blue);font-family:Consolas,monospace;margin-bottom:.6rem}.process li{animation:stage 9s infinite}.process li:nth-child(2){animation-delay:1s}.process li:nth-child(3){animation-delay:2s}.process li:nth-child(4){animation-delay:3s}.process li:nth-child(5){animation-delay:4s}.process li:nth-child(6){animation-delay:5s}.process li:nth-child(7){animation-delay:6s}@keyframes stage{0%,80%,100%{border-top-color:var(--line)}10%,30%{border-top-color:var(--blue)}}.tabs{display:flex;gap:.5rem;overflow:auto;border-bottom:1px solid var(--line);margin-bottom:1.5rem}.tabs button{border:0;border-bottom:3px solid transparent;color:var(--muted);padding:1rem;background:transparent;white-space:nowrap;font-weight:700}.tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue)}.tool-frame{background:white;border:1px solid var(--line);padding:2rem;border-radius:var(--radius)}.tool-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}.fields{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.field label{font-size:.87rem;font-weight:700;display:block;margin-bottom:.35rem}.field input,.field select,.field textarea{width:100%;border:1px solid #a9bcc9;border-radius:4px;padding:.65rem;background:#fff;color:var(--ink);min-height:44px}.field textarea{min-height:120px;resize:vertical}.field.wide{grid-column:1/-1}.results{background:var(--wash);padding:1.6rem;border-left:3px solid var(--blue);min-width:0}.results .value{font-size:2rem;line-height:1.2;font-weight:700;margin:.7rem 0}.results p{font-size:.9rem}.results table{font-size:.8rem}.results td,.results th{padding:.45rem}.notice{font-size:.87rem;color:var(--muted);padding:1rem;border:1px solid var(--line);border-left:3px solid var(--copper);margin:1rem 0}.error{color:#a62121}.status{margin-top:1rem;font-weight:600}.small{font-size:.87rem;color:var(--muted)}details{border-bottom:1px solid var(--line);padding:1.1rem 0}summary{cursor:pointer;font-weight:700}details p,details ul{margin-top:1rem}.rfq-form{background:#fff;color:var(--ink);padding:2rem;border-radius:var(--radius)}.consent{display:flex;align-items:flex-start;gap:.5rem;font-size:.87rem;margin:1rem 0}.consent input{width:1.2rem;height:1.2rem;flex-shrink:0}.trap{position:absolute;left:-10000px}.breadcrumbs{font-size:.85rem;color:var(--muted);padding:1.5rem 0}.article-head{background:var(--wash);padding:2rem 0 3rem;border-bottom:1px solid var(--line)}.article-head h1{font-size:clamp(2rem,4vw,3.6rem);max-width:27ch}.article-grid{display:grid;grid-template-columns:minmax(0,800px) 280px;gap:4rem;padding:3rem 0}.article-body{min-width:0}.article-body h2{font-size:1.9rem;margin-top:2.7rem;scroll-margin-top:2rem}.article-body h3{margin-top:2rem}.article-body p{line-height:1.8}.article-body img{border-radius:6px}.article-body table{display:block;overflow:auto}.article-body pre{overflow:auto}.sidebar{align-self:start;position:sticky;top:1rem}.sidebar .card{margin-bottom:1.3rem}.toc a{display:block;font-size:.88rem;padding:.35rem 0}.site-footer{padding:3rem 0 1.5rem;border-top:1px solid var(--line);background:var(--wash)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer-links a{display:block;font-size:.9rem;margin:.5rem 0}.footer-end{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted);border-top:1px solid var(--line);padding-top:1.2rem;margin-top:2rem}.menu-toggle{display:none}.pending{color:#775416;font-size:.8rem}.sitemap-list{columns:3;column-gap:2rem}.sitemap-list li{break-inside:avoid;margin-bottom:.7rem}[hidden]{display:none!important}@media(max-width:1000px){.main-nav{gap:1rem}.main-nav a{font-size:.8rem}.header-row{gap:1rem}.grid.four{grid-template-columns:repeat(2,1fr)}.hero-grid,.split{gap:2rem}.article-grid{grid-template-columns:minmax(0,1fr) 240px;gap:2rem}.brand-label{font-size:.86rem}.brand small{font-size:.62rem}}@media(max-width:760px){.wrap{width:calc(100% - 2rem)}.topline .wrap span{display:none}.header-row{min-height:76px;flex-wrap:wrap;gap:0}.brand-label{font-size:.94rem}.brand small{font-size:.65rem}.menu-toggle{display:block;background:transparent;border:1px solid var(--line);border-radius:4px;padding:.5rem}.main-nav{width:100%;flex-wrap:wrap;padding:1rem 0;gap:1rem}.main-nav a{font-size:.9rem}.main-nav[data-collapsed=true]{display:none}.hero{padding:2.5rem 0}.hero-grid,.split,.tool-layout,.article-grid{grid-template-columns:1fr;gap:2rem}.engineering-panel{padding:1.5rem}.feature-strip{gap:1rem}.feature-strip span{font-size:.8rem}.section{padding:3rem 0}.section-title{display:block}.grid{grid-template-columns:repeat(2,1fr)}.card{padding:1.1rem}.process{grid-template-columns:repeat(4,1fr)}.tool-frame,.rfq-form{padding:1.2rem}.results{padding:1.2rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-end{display:block}.sidebar{position:static}.sitemap-list{columns:2}}@media(max-width:390px){.fields,.grid,.grid.four{grid-template-columns:1fr}.feature-strip{grid-template-columns:1fr}.sitemap-list{columns:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}@media print{.site-header,.site-footer,.sidebar,.actions{display:none}.article-grid{display:block}.wrap{width:100%}}
.main-nav a.button{color:#fff}.results.error:has(.value){color:var(--ink)}
.prose-depth{max-width:900px}.prose-depth h3{margin-top:2.5rem}.prose-depth h3:first-child{margin-top:0}.prose-depth p{max-width:80ch}.dark a:not(.button){color:#bcd9ef}

.dark .rfq-form a:not(.button){color:#135bd5}
