/* Made Tech Housing v33: unified navigation, structured editorial and product UI evidence.
   This stylesheet is scoped so the established visual language and interactions remain intact. */

/* On dark proof panels the eyebrow must pass visual contrast. */
.v33-proof-eyebrow,
.v21-proof-dark .micro,
.v21-proof-dark .hero-label,
[class*="evidence-proof"][class*="dark"] .micro,
[class*="proof-dark"] .micro {color:#fff!important;opacity:1!important}

/* Same canonical site header across every HTML document, including Insights. */
body.v33-editorial {padding:0;overflow-x:clip;background:#f8fbf9}
.v33-editorial > .header {position:sticky;top:0;z-index:900}
.v33-editorial > main {display:block;min-height:55vh;width:100%}
.v33-editorial .v32-insights-nav {display:none}
.v33-editorial .v32-insights-hero,.v33-editorial .v32-article {background:#f8fbf9}
.v33-editorial .v32-insights-hero {padding-top:clamp(70px,8vw,130px)}
.v33-editorial .v32-insight-list {padding-bottom:110px}
.v33-editorial .v32-insight-card {transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.v33-editorial .v32-insight-card:hover {transform:translateY(-4px);border-color:#009653;box-shadow:0 18px 38px rgba(4,40,19,.08)}
.v33-editorial .header .logo {text-decoration:none}

/* Rich long-form editorial rather than a document flattened into paragraphs. */
.v33-editorial .v32-article-wrap{max-width:1180px}
.v33-editorial .v32-article{padding:clamp(50px,6vw,92px) 0 115px}
.v33-editorial .v32-article h1{font-size:clamp(42px,6.7vw,94px);line-height:1.03;letter-spacing:-.064em;max-width:16ch;color:#091a11}
.v33-editorial .v33-article-kicker{font-size:clamp(20px,2.2vw,30px);font-weight:700;line-height:1.4;color:#008b4a;letter-spacing:-.025em;max-width:850px;margin:16px 0 20px}
.v33-editorial .v33-article-deck{font-size:clamp(18px,1.6vw,23px);color:#415d49;line-height:1.6;max-width:850px}
.v33-editorial .v33-article-byline{color:#5e7364;font-size:14px;font-weight:650;letter-spacing:.01em;padding:14px 0 34px;border-bottom:1px solid #cbded1;margin:12px 0 65px}
.v33-editorial .v33-longform {max-width:none;font-size:clamp(17px,1.35vw,20px);color:#243e2b;line-height:1.77}
.v33-longform > p:not(.v33-steps-inline),.v33-longform > h2,.v33-longform > h3,.v33-longform > ul,.v33-longform > blockquote{max-width:850px;margin-left:auto;margin-right:auto}
.v33-editorial .v33-longform > p{margin-bottom:25px}
.v33-editorial .v33-longform h2{font-size:clamp(33px,4vw,54px);line-height:1.13;letter-spacing:-.05em;font-weight:700;margin-top:85px;margin-bottom:29px;color:#092716}
.v33-editorial .v33-longform h3{font-size:clamp(24px,2.7vw,35px);line-height:1.24;letter-spacing:-.035em;font-weight:700;margin-top:60px;margin-bottom:24px;color:#096232}
.v33-editorial .v33-longform a{color:#007b43;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;overflow-wrap:anywhere}
.v33-editorial .v33-longform a:hover{color:#004e2b}
.v33-longform .v33-steps-inline{max-width:950px;margin:45px auto!important;padding:25px 28px;display:flex;justify-content:center;align-items:center;gap:18px;flex-wrap:wrap;text-align:center;border-radius:14px;border:1px solid #bce9cc;background:#edfaf1;color:#006a38;font-weight:700;font-size:clamp(16px,1.8vw,24px)}
.v33-longform .v33-steps-inline span{font-size:28px;color:#00a957}
.v33-longform .v33-editorial-callout {padding:37px 47px;border-left:5px solid #00a94d;background:#e6f7ec;border-radius:0 16px 16px 0;margin-top:44px;margin-bottom:46px}
.v33-longform .v33-editorial-callout p{font-size:clamp(24px,3vw,37px);line-height:1.28;font-weight:700;letter-spacing:-.035em;color:#09371e;margin:0}
.v33-longform .v33-editorial-callout-final{background:#0b2718;border-left-color:#57e891;border-radius:14px}
.v33-longform .v33-editorial-callout-final p,.v33-longform .v33-editorial-callout-final a{color:#e6ffee}
.v33-editorial .v33-longform .v33-editorial-figure{margin:56px 0 70px;width:100%;max-width:none;padding:14px;background:#fff;border:1px solid #dbe9df;border-radius:16px;box-shadow:0 16px 48px rgba(22,52,30,.05)}
.v33-editorial .v33-editorial-figure img{display:block;width:100%;max-width:none;height:auto;max-height:none!important;object-fit:contain;aspect-ratio:1488/837;border-radius:10px}
.v33-editorial .v33-editorial-figure figcaption{font-size:14px;font-weight:600;color:#5c7162;line-height:1.6;padding:15px 10px 3px}
.v33-longform .v33-references{list-style:none;padding:0;margin-top:30px;margin-bottom:60px}
.v33-longform .v33-references li{padding:18px 0;border-bottom:1px solid #d6e9dc;font-size:18px;line-height:1.5}
.v33-editorial .v32-back-end{border-top:1px solid #d6e5da;padding-top:32px;margin-top:72px}

/* Real-interface walkthrough below Structured Repairs Triage. */
.v33-product-visuals{padding:clamp(78px,9vw,145px) 0;background:#f5faf7;color:#092315}
.v33-product-visuals>.product-shell{max-width:1400px;width:calc(100% - 2 * clamp(20px,5vw,80px));margin:0 auto}
.v33-product-visuals h2{font-size:clamp(41px,5.8vw,78px);letter-spacing:-.058em;line-height:1.06;font-weight:700;margin:22px 0 28px}
.v33-product-visuals h2 em{font-style:normal;color:#008946}
.v33-product-visuals .v33-product-visuals-intro{font-size:clamp(17px,1.65vw,23px);max-width:800px;line-height:1.6;color:#53665a;margin-bottom:70px}
.v33-feature-stack{display:flex;flex-direction:column;gap:0}
.v33-feature-row{display:grid;grid-template-columns:minmax(0,0.74fr) minmax(0,1.26fr);gap:clamp(40px,5vw,95px);align-items:center;padding:clamp(60px,7vw,100px) 0;border-top:1px solid #d2e3d7}
.v33-feature-row:nth-child(even){grid-template-columns:minmax(0,1.26fr) minmax(0,.74fr)}
.v33-feature-row:nth-child(even) .v33-feature-copy{order:2}
.v33-feature-row:nth-child(even) figure{order:1}
.v33-feature-copy .micro{display:block;color:#008747;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.v33-feature-row h3{font-size:clamp(30px,3.8vw,53px);font-weight:700;line-height:1.15;letter-spacing:-.055em;margin:15px 0 23px;color:#0a2314}
.v33-feature-row p{color:#526e5e;font-size:clamp(17px,1.4vw,21px);line-height:1.63;margin:0}
.v33-feature-row figure{min-width:0;margin:0;padding:20px;background:#fff;border:1px solid #dfe9e1;border-radius:18px;box-shadow:0 18px 55px rgba(9,36,19,.06)}
.v33-feature-row figure img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;aspect-ratio:auto;border-radius:7px}
.v33-feature-row figure figcaption{font-size:12px;letter-spacing:.01em;color:#6b7f70;margin-top:10px}

/* Homepage Insights before the (last) FAQ section. */
.v33-home-insights{padding:clamp(65px,8vw,110px) 0;background:#f7fcf9}
.v33-home-insights h2{font-size:clamp(35px,5.3vw,67px);line-height:1.08;font-weight:700;letter-spacing:-.055em;margin:20px 0 38px}
.v33-home-insights h2 em{color:#008942;font-style:normal}
.v33-home-insights-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px}
.v33-home-insights-grid a{display:block;text-decoration:none;color:#0b2418;background:#fff;padding:30px;border:1px solid #d7e6da;border-radius:18px;transition:border-color .25s ease,transform .25s ease}
.v33-home-insights-grid a:hover{transform:translateY(-3px);border-color:#00a55a}
.v33-home-insights-grid a:focus-visible{outline:3px solid #008a48;outline-offset:4px}
.v33-home-insights-grid h3{font-size:clamp(20px,2vw,28px);line-height:1.23;letter-spacing:-.04em;margin:15px 0}
.v33-home-insights-grid p{color:#52685a;font-size:16px;line-height:1.6}
.v33-home-insights .v32-inline-link{color:#007a41;font-weight:700}

@media(max-width:900px){
 .v33-feature-row,.v33-feature-row:nth-child(even){grid-template-columns:1fr;gap:27px;padding:50px 0}
 .v33-feature-row:nth-child(even) .v33-feature-copy,.v33-feature-row:nth-child(even) figure{order:initial}
 .v33-product-visuals .v33-product-visuals-intro{margin-bottom:40px}
 .v33-home-insights-grid{grid-template-columns:1fr}
 .v33-editorial .v32-article-wrap{width:calc(100% - 40px)}
}
@media(max-width:650px){
 .v33-editorial .v33-article-byline{margin-bottom:40px}
 .v33-editorial .v33-longform h2{margin-top:60px}
 .v33-editorial .v33-longform h3{margin-top:42px}
 .v33-longform .v33-editorial-callout{padding:26px 22px}
 .v33-longform .v33-steps-inline{display:block;text-align:left}
 .v33-longform .v33-steps-inline span{display:inline-block;margin:0 8px}
 .v33-editorial .v33-longform .v33-editorial-figure{padding:7px;margin:36px 0 45px;border-radius:10px}
 .v33-editorial .v33-editorial-figure figcaption{font-size:12px;padding:11px 5px}
 .v33-feature-row figure{padding:10px}
}
@media(prefers-reduced-motion:reduce){
 .v33-home-insights-grid a,.v33-editorial .v32-insight-card{transition:none!important;transform:none!important}
}

/* Historical deployment evidence: white eyebrow on deep forest background. */
.v33-metric-proof{background:#0c2818;color:#fff;padding:clamp(64px,8vw,110px) 0}
.v33-metric-proof>.product-shell{max-width:1400px;width:calc(100% - 2 * clamp(20px,5vw,80px));margin:0 auto}
.v33-metric-proof .v33-proof-eyebrow{color:#fff!important;opacity:1!important;font-weight:700;letter-spacing:.12em}
.v33-metric-proof h2{color:#92f2b5;font-size:clamp(50px,8vw,112px);font-weight:700;letter-spacing:-.055em;line-height:1.06;margin:20px 0 35px}
.v33-metric-proof h2 span{font-size:.72em}
.v33-metric-proof p{color:#e1f0e5;font-size:clamp(17px,1.5vw,22px);line-height:1.64;max-width:1020px}