/* Manufacturing Cost Pressure Index section (written by tools/mcpi_mirror.py; edit here, not in site/). Tokens follow
   the deaudits.com redesign v3: Outfit / Figtree / DM Mono, ink #141c18, green-text #2b6f34, leaf #72b84c, lime #bdd73c, dark #12231c. */
/* Section container: the body sits in the site .wrap (centered, max width, side gutters). */
.mcpi{padding-block:1.25rem 3.5rem}
.mcpi-crumbs ol{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;font-size:.88rem;color:#4d5a53}
.mcpi-crumbs li+li::before{content:"›";margin-right:.35rem}
.mcpi-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:2rem;align-items:start;margin-bottom:1rem}
.mcpi-head h1{font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:clamp(2rem,4.2vw,3rem);line-height:1.1;margin:0}
.mcpi-lede{font-size:1.12rem;max-width:62ch;margin:1rem 0 0}
.mcpi-meta{font-size:.88rem;color:#4d5a53;margin:.8rem 0 0}
.mcpi-panel{background:#12231c;color:#eef3ef;border-radius:24px;padding:1.4rem}
.mcpi-panel h2{font-family:"Figtree",system-ui,sans-serif;font-weight:500;font-size:1rem;color:#b9c8bf;margin:0}
.mcpi-big{display:flex;flex-wrap:wrap;gap:.7rem;align-items:baseline;margin:.5rem 0 1rem}
.mcpi-big .v{font-family:"Outfit",system-ui,sans-serif;font-size:clamp(2.6rem,6vw,3.5rem);font-weight:700;color:#bdd73c;line-height:1}
.mcpi-big .l{max-width:24ch}
.mcpi-panel dl{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;margin:0;border-top:1px solid #2c3d33;padding-top:.6rem}
.mcpi-panel dl div{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-bottom:1px solid #22332a;font-size:.93rem}
.mcpi-panel dt{color:#b9c8bf}.mcpi-panel dd{margin:0;font-family:"DM Mono",ui-monospace,monospace}
.mcpi-panel dd.up{color:#f6b46a}.mcpi-panel dd.dn{color:#a6e08f}
.mcpi-src{font-size:.8rem;color:#b9c8bf;margin:.7rem 0 0}
.mcpi-block{padding:1.8rem 0;border-top:1px solid #dfe3e8}
.mcpi-block>h2{font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:clamp(1.35rem,2.4vw,1.8rem);margin:0 0 .4rem}
.mcpi-block>p{max-width:78ch;color:#4d5a53}
.mcpi-pair{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.mcpi-figure{margin:1rem 0 0;background:#fff;border:1px solid #dfe3e8;border-radius:22px;padding:1rem 1rem .6rem}
.mcpi-legend{list-style:none;margin:0 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.88rem;color:#4d5a53}
.mcpi-legend li{display:inline-flex;align-items:center;gap:.45rem}
.mcpi-legend .key{display:inline-block;width:22px;height:3px;border-radius:2px;background:#12231c}
.mcpi-legend .key.s2{background:#c2700f}.mcpi-legend .key.s3{background:#2f7d3a}.mcpi-legend .key.s4{background:#3f78a8}
.mcpi-chart,.mcpi-bars{width:100%;height:auto;display:block}
.mcpi-chart .grid line{stroke:#e3e7eb}
.mcpi-chart .axis text,.mcpi-bars .val{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;fill:#4d5a53}
.mcpi-chart .ref,.mcpi-bars .ref{stroke:#8a958f;stroke-width:1}
.mcpi-chart .line{fill:none;stroke-width:2.2;stroke-linejoin:round}
.mcpi-chart .s1{stroke:#12231c}.mcpi-chart .s2{stroke:#c2700f}.mcpi-chart .s3{stroke:#2f7d3a}.mcpi-chart .s4{stroke:#3f78a8}
.mcpi-chart .dash{stroke-dasharray:7 5}
.mcpi-chart .marker line{stroke:#8a958f;stroke-dasharray:3 4}
.mcpi-chart .marker text{font-family:"DM Mono",ui-monospace,monospace;font-size:11px;fill:#4d5a53}
.mcpi-events{margin:.5rem 0 0;padding-left:1.2rem;font-size:.84rem;color:#4d5a53}
.mcpi-bars .lab{font-family:"Figtree",system-ui,sans-serif;font-size:12px;fill:#141c18}
.mcpi-bars .bar{fill:#72b84c}.mcpi-bars .bar.warm{fill:#e0a24a}
.mcpi-news{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1rem;margin-top:1rem}
.mcpi-item{background:#fff;border:1px solid #dfe3e8;border-radius:22px;padding:1.1rem}
.mcpi-item h3{font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:1.08rem;margin:.4rem 0}
.mcpi-item p{margin:.3rem 0;font-size:.95rem}
.mcpi-item-top{font-size:.84rem;color:#4d5a53}
.mcpi-pill{display:inline-block;border-radius:999px;padding:.1rem .6rem;font-size:.78rem;font-weight:600;background:#f1f3f6;border:1px solid #dfe3e8}
.mcpi-srcs{font-size:.84rem;color:#4d5a53}
.mcpi-drill{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem;margin-top:1rem}
.mcpi-drill a{display:flex;flex-direction:column;gap:.3rem;text-decoration:none;color:#141c18;background:#fff;border:1px solid #dfe3e8;border-radius:20px;padding:1rem 1.1rem;min-height:44px}
.mcpi-drill a:hover{border-color:#72b84c}
.mcpi-drill strong{font-family:"Outfit",system-ui,sans-serif;font-weight:600}
.mcpi-drill strong::after{content:" →";color:#2b6f34}
.mcpi-drill span{color:#4d5a53;font-size:.9rem}
.mcpi-table{overflow-x:auto;border:1px solid #dfe3e8;border-radius:18px;background:#fff;margin-top:1rem}
.mcpi-table table{border-collapse:collapse;width:100%;font-size:.92rem}
.mcpi-table caption{text-align:left;padding:.8rem .75rem 0;font-family:"Outfit",system-ui,sans-serif;font-weight:600}
.mcpi-table th,.mcpi-table td{padding:.55rem .75rem;text-align:left;border-bottom:1px solid #e3e7eb;vertical-align:top}
.mcpi-table thead th{background:#f7f8fa;font-size:.84rem}
.mcpi-table .r{text-align:right}
.mcpi-group th{background:#f7f8fa;font-family:"Outfit",system-ui,sans-serif}
.mcpi-chg{font-family:"DM Mono",ui-monospace,monospace;font-size:.86rem;border-radius:8px;padding:.05rem .4rem;white-space:nowrap}
.mcpi-chg.up{background:#fdf1e3;color:#a14d06}.mcpi-chg.dn{background:#e8f3e5;color:#2b6f34}
.mcpi-na,.mcpi-est{color:#4d5a53;font-size:.78rem}
.mcpi-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem;margin:1rem 0 0}
.mcpi-facts div{background:#fff;border:1px solid #dfe3e8;border-radius:18px;padding:.8rem 1rem}
.mcpi-facts dt{font-size:.84rem;color:#4d5a53}.mcpi-facts dd{margin:.2rem 0 0;font-family:"Outfit",system-ui,sans-serif;font-weight:600;font-size:1.05rem}
.mcpi-cal{list-style:none;padding:0}.mcpi-cal time{font-family:"DM Mono",ui-monospace,monospace;color:#4d5a53;margin-right:.6rem}
@media (max-width:860px){.mcpi-hero,.mcpi-pair{grid-template-columns:1fr}.mcpi-panel dl{grid-template-columns:1fr}}
/* Phones: each line chart is written twice (900 x 340 and 420 x 300, tools/mcpi_charts.py); show the phone version
   below 600px so the axes stay readable. Bar charts get slightly larger labels. */
.mcpi-chart--sm{display:none}
.mcpi-chart--sm .axis text,.mcpi-chart--sm .marker text{font-size:13px}
@media (max-width:600px){.mcpi-chart--lg{display:none}.mcpi-chart--sm{display:block}.mcpi-bars .lab,.mcpi-bars .val{font-size:14px}}
/* ---- Chart readout and motion (tools/mcpi.js, 2026-11-11). Hover, tap or focus a chart: a guide line and a dot per
   series at the nearest month, and a readout with the month and each value with its unit. Bars: the row lights up.
   Entrance: lines draw left to right and bars grow from the axis as each figure scrolls in (not with reduced motion). */
.mcpi-figure{position:relative}
.mcpi-chart,.mcpi-bars{touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.mcpi-chart{cursor:crosshair}
.mcpi-chart:focus-visible,.mcpi-bars:focus-visible{outline:2px solid #2f7d3a;outline-offset:4px;border-radius:8px}
.mcpi-chart .hover{visibility:hidden;pointer-events:none}
.mcpi-chart.is-hot .hover{visibility:visible}
.mcpi-chart .guide{stroke:#12231c;stroke-width:1;stroke-dasharray:3 3;opacity:.55}
.mcpi-chart .dot{fill:#fff;stroke-width:2.5}
.mcpi-chart .dot.s1{stroke:#12231c}.mcpi-chart .dot.s2{stroke:#c2700f}.mcpi-chart .dot.s3{stroke:#2f7d3a}.mcpi-chart .dot.s4{stroke:#3f78a8}
.mcpi-chart.is-hot .line{opacity:.9}
.mcpi-bars .row{transition:opacity .2s}
.mcpi-bars .hit{fill:transparent}
.mcpi-bars .row{cursor:pointer}
.mcpi-bars.has-hot .row:not(.is-hot){opacity:.4}
.mcpi-bars .row.is-hot .bar{fill:#2f7d3a}.mcpi-bars .row.is-hot .bar.warm{fill:#c2700f}
.mcpi-bars .row.is-hot .lab{font-weight:600}
.mcpi-tip{position:absolute;left:0;top:0;z-index:3;pointer-events:none;width:max-content;min-width:170px;max-width:min(340px,92%);padding:.6rem .8rem;border-radius:14px;
  background:#12231c;color:#eef3ef;font-size:.84rem;line-height:1.35;box-shadow:0 18px 40px -16px rgb(18 35 28 / .55);
  opacity:0;transform:translate(var(--x,0),var(--y,0)) scale(.96);transform-origin:left center;transition:opacity .16s,transform .14s cubic-bezier(.22,1,.36,1)}
.mcpi-tip.is-on{opacity:1;transform:translate(var(--x,0),var(--y,0))}
.mcpi-tip__m{display:block;font-family:"DM Mono",ui-monospace,monospace;font-weight:500;font-size:.8rem;letter-spacing:.04em;color:#bdd73c;margin-bottom:.3rem}
.mcpi-tip__r{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.12rem 0}
.mcpi-tip__l{color:#b9c8bf}
.mcpi-tip__n{display:block;margin:-.15rem 0 .3rem;font-size:.74rem;color:#8fa198}
.mcpi-tip__r b{font-family:"DM Mono",ui-monospace,monospace;font-weight:500;white-space:nowrap;color:#fff;text-align:right}
.mcpi-tip .key{display:inline-block;flex:none;width:12px;height:3px;border-radius:2px;background:#eef3ef}
.mcpi-tip .key.s2{background:#f0a24e}.mcpi-tip .key.s3{background:#8fd16a}.mcpi-tip .key.s4{background:#79b4e3}
.mcpi-tip .key.bar{height:8px;border-radius:4px;background:#72b84c}.mcpi-tip .key.bar.warm{background:#e0a24a}
.mcpi-tip__ev{display:block;margin-top:.35rem;padding-top:.35rem;border-top:1px solid #2c3d33;color:#b9c8bf;font-size:.8rem}
.mcpi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mcpi-anim .lines{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s cubic-bezier(.22,1,.36,1) .1s}
.mcpi-anim.is-in .lines{clip-path:inset(0 0 0 0)}
.mcpi-anim .marker,.mcpi-anim .mcpi-legend li,.mcpi-anim .mcpi-bars .val{opacity:0;transition:opacity .6s ease .9s}
.mcpi-anim.is-in .marker,.mcpi-anim.is-in .mcpi-legend li,.mcpi-anim.is-in .mcpi-bars .val{opacity:1}
.mcpi-anim .mcpi-bars .bar{transform:scaleX(0);transform-box:fill-box;transform-origin:left center;transition:transform .9s cubic-bezier(.22,1,.36,1) calc(var(--i,0) * 45ms)}
.mcpi-anim .mcpi-bars .neg .bar{transform-origin:right center}
.mcpi-anim.is-in .mcpi-bars .bar{transform:none}
.mcpi-anim .mcpi-bars .val{transition-delay:calc(.5s + var(--i,0) * 45ms)}
@media (prefers-reduced-motion:reduce){.mcpi-tip{transition:none}.mcpi-anim .lines,.mcpi-anim .mcpi-bars .bar{transition:none}}
/* ---- Questions, home-page style (tools/mcpi_mirror.py faq(); same rules as the home page's .faqwrap/.qa and the
   industry pages, kept here so the mirror does not depend on the site build). home.js [data-faq] animates them. ---- */
.mcpi-faq .faqwrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,88px);align-items:start;padding-top:.6rem}
.mcpi-faq .faqside{position:sticky;top:120px;display:grid;gap:18px;justify-items:start}
.mcpi-eyebrow{margin:0;font:500 12px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#2b6f34;display:flex;align-items:center;gap:8px}
.mcpi-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:#72b84c;box-shadow:10px 0 0 rgb(114 184 76 / .45);margin-right:10px}
.mcpi-faq h2{margin:0;font-family:"Outfit",system-ui,sans-serif;font-weight:700;font-size:clamp(32px,3.6vw,48px);line-height:1.05;letter-spacing:-.02em}
.mcpi-faq .hl{color:#3f8f3a}
.mcpi-faq .faqside>p{margin:0;max-width:34em;color:#4d5a53}
.mcpi-faq .pill-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}
.mcpi-faq .pill{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:6px 6px 6px 24px;border-radius:999px;font:600 15px/1 "Figtree",system-ui,sans-serif;text-decoration:none;white-space:nowrap;transition:transform .25s,box-shadow .25s,background .25s}
.mcpi-faq .pill--green{background:#2f7d3a;color:#fff;box-shadow:0 14px 30px -14px rgb(47 125 58 / .7)}
.mcpi-faq .pill--green:hover{background:#246630;transform:translateY(-2px)}
.mcpi-faq .pill__badge{width:40px;height:40px;border-radius:50%;flex:none;background:rgb(255 255 255 / .22) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 11 11 5M6 5h5v5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;transition:transform .3s}
.mcpi-faq .pill:hover .pill__badge{transform:rotate(45deg)}
.mcpi-faq .faqs{display:grid;gap:12px}
.mcpi-faq .qa{border-radius:22px;background:#f7f8fa;box-shadow:0 1px 0 rgb(255 255 255 / .9) inset,0 18px 40px -18px rgb(20 35 28 / .22),0 2px 6px rgb(20 35 28 / .05);overflow:hidden;transition:box-shadow .45s cubic-bezier(.22,1,.36,1),background-color .45s}
.mcpi-faq .qa[open]:not(.is-closing){background:#fff;box-shadow:0 1px 0 rgb(255 255 255 / .9) inset,0 26px 50px -20px rgb(20 35 28 / .28),0 2px 6px rgb(20 35 28 / .06)}
.mcpi-faq .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:22px 22px 22px 28px;font:700 clamp(17px,1.45vw,21px)/1.3 "Outfit",system-ui,sans-serif;letter-spacing:-.01em;color:#141c18}
.mcpi-faq .qa summary::-webkit-details-marker{display:none}
.mcpi-faq .qa summary:focus-visible{outline:2px solid #2f7d3a;outline-offset:-3px;border-radius:22px}
.mcpi-faq .qa__q{margin:0;font:inherit;letter-spacing:inherit;color:inherit;transition:color .3s}
.mcpi-faq .qa summary:hover .qa__q{color:#2f7d3a}
.mcpi-faq .qa__pm{position:relative;flex:none;width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:0 1px 0 rgb(255 255 255 / .9) inset,0 18px 40px -18px rgb(20 35 28 / .22),0 2px 6px rgb(20 35 28 / .05);transition:background-color .35s,box-shadow .35s,transform .55s cubic-bezier(.22,1,.36,1)}
.mcpi-faq .qa__pm::before,.mcpi-faq .qa__pm::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2.5px;margin:-1.25px 0 0 -7px;border-radius:3px;background:#141c18;transition:transform .45s cubic-bezier(.22,1,.36,1),background-color .35s}
.mcpi-faq .qa__pm::after{transform:rotate(90deg)}
.mcpi-faq .qa summary:hover .qa__pm{transform:scale(1.08)}
.mcpi-faq .qa[open]:not(.is-closing) .qa__pm{background:#2f7d3a;box-shadow:0 10px 22px -8px rgb(47 125 58 / .8),0 0 0 4px rgb(114 184 76 / .16);transform:rotate(180deg)}
.mcpi-faq .qa[open]:not(.is-closing) .qa__pm::before,.mcpi-faq .qa[open]:not(.is-closing) .qa__pm::after{background:#fff}
.mcpi-faq .qa[open]:not(.is-closing) .qa__pm::after{transform:rotate(0deg)}
.mcpi-faq .qa__ans{overflow:hidden}
.mcpi-faq .qa__ans p{margin:0;padding:0 28px 26px;max-width:60ch;color:#46504b;font-size:17px}
@keyframes mcpi-rise{from{opacity:0;transform:translateY(16px)}}
@media (prefers-reduced-motion:no-preference){
  .mcpi-faq .qa[open]:not(.is-closing) .qa__ans p{animation:mcpi-rise .6s cubic-bezier(.22,1,.36,1) .08s both}
  .mcpi-faq .faqs.is-seen .qa{animation:mcpi-rise .8s cubic-bezier(.22,1,.36,1) both}
  .mcpi-faq .faqs.is-seen .qa:nth-child(2){animation-delay:.08s}.mcpi-faq .faqs.is-seen .qa:nth-child(3){animation-delay:.16s}
  .mcpi-faq .faqs.is-seen .qa:nth-child(4){animation-delay:.24s}.mcpi-faq .faqs.is-seen .qa:nth-child(n+5){animation-delay:.32s}
}
@media (max-width:860px){.mcpi-faq .faqwrap{grid-template-columns:1fr}.mcpi-faq .faqside{position:static}}
@media (max-width:640px){.mcpi-faq .qa summary{padding:18px 16px 18px 20px}.mcpi-faq .qa__ans p{padding:0 20px 22px;font-size:16px}}