/* XMLAB V1: all colors and shell geometry inherit the production foundation. */
.house-page main{font-size:16px;line-height:1.8}
.house-page main h1{font-size:64px;line-height:1.13;letter-spacing:-.05em;font-weight:650;margin:22px 0}
.house-page main h2{font-size:32px;line-height:1.4;letter-spacing:-.035em;font-weight:600}
.house-page main p,.house-page main figcaption,.house-page main .eyebrow{font-size:16px}
.house-page main p{color:var(--color-text-secondary)}
.house-page main .strong{font-weight:600;color:var(--color-text-primary)}
.house-page main .eyebrow{font-family:inherit;letter-spacing:.04em;line-height:1.7;color:var(--color-text-secondary)}
.house-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;min-height:680px;gap:38px;padding-block:70px 56px}
.house-hero .hero-deck{font-size:32px;line-height:1.45;letter-spacing:-.035em;color:var(--color-text-primary);margin-bottom:22px}
.hero-copy>p:not(.eyebrow){max-width:540px}
.house-hero .actions{gap:24px;margin-block:30px 26px;align-items:center}
.house-page .button{font-size:16px}
.house-page figure{margin:0;min-width:0}
.house-page figure svg{display:block;width:100%;height:auto}
.house-page figcaption{color:var(--color-text-secondary);line-height:1.6;margin-top:15px}
.house-hero figure{position:relative}
.house-hero figure:before{content:"";position:absolute;inset:0 0 50px;z-index:-1}
.house-page .scope{padding-left:16px;border-left:2px solid var(--color-signal)}
.text-link{border-bottom:1px solid var(--color-border);padding-block:6px}
.chapter{padding-block:78px;border-top:1px solid var(--color-border)}
.chapter-heading{display:grid;grid-template-columns:240px 1fr;gap:28px;align-items:start;margin-bottom:35px}
.intro-text{max-width:800px;margin-left:268px}
.source{display:inline-block;color:var(--color-text-secondary);margin:8px 14px 0 0;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.source:hover,.text-link:hover{color:var(--color-text-primary)}
#what>figure{margin:30px 0 45px 268px}
.diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:25px;border-top:1px solid var(--color-border-subtle)}
.diagram-pair>div{display:grid;grid-template-columns:170px 1fr;gap:0 25px;align-content:center}
.diagram-pair svg{grid-row:span 2;width:170px;height:150px;align-self:center}
.diagram-pair .strong{margin-bottom:10px}
.build-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 40px;padding:0;margin:0 0 24px}
.build-steps li{display:flex;gap:18px;padding-top:23px;border-top:1px solid var(--color-border-subtle)}
.step-number{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}
.house-page .note{color:var(--color-text-secondary);margin-top:20px}
.scope-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:85px;align-items:center}
.scope-layout figure svg{max-width:410px;margin:auto}
.scope-row{padding-block:25px;border-bottom:1px solid var(--color-border-subtle)}
.scope-row .strong{margin-bottom:12px}
.editorial-rows>div{display:grid;grid-template-columns:240px 1fr;gap:28px;padding:25px 0;border-top:1px solid var(--color-border-subtle)}
.evidence-note{margin-top:30px;padding:28px 32px;border-left:2px solid var(--color-signal);background:var(--color-surface)}
.evidence-note>.strong{margin-bottom:10px}
.case-list{margin-top:28px}
.case-list article{display:grid;grid-template-columns:320px 1fr 80px;gap:30px;border-top:1px solid var(--color-border);padding:25px 0;align-items:start}
.case-list .source{margin-top:0}
.case-list article>div>p+p{margin-top:6px}
.xmlab-position>.connection{color:var(--color-text-primary);padding:24px 0;margin-bottom:20px;border-block:1px solid var(--color-border-subtle)}
.xmlab-position>p:not(.connection){max-width:800px}
.house-cta{padding-block:70px;text-align:center}
.house-cta p{margin:22px auto 28px;max-width:750px}
.reading-sources{padding-block:50px 65px;border-top:1px solid var(--color-border)}
.reading-sources>p{margin-top:18px}
.source-index{display:grid;grid-template-columns:1fr 1fr;gap:4px 35px;margin-top:20px}
.house-page .site-footer{margin-top:0}
@media(max-width:1050px){.house-hero{gap:10px}.house-page main h1{font-size:54px}.diagram-pair>div{display:block}.diagram-pair svg{height:150px;width:200px}.case-list article{grid-template-columns:250px 1fr 70px}.chapter-heading,.editorial-rows>div{grid-template-columns:190px 1fr}.intro-text,#what>figure{margin-left:218px}.scope-layout{gap:35px}}
@media(max-width:700px){.house-page main h1{font-size:40px;margin-block:18px}.house-page main h2,.house-hero .hero-deck{font-size:28px}.house-hero{grid-template-columns:1fr;gap:28px;min-height:0;padding-block:45px}.house-hero figure{max-width:430px;margin-inline:auto}.house-hero figure svg{max-height:300px}.house-hero .actions{gap:20px;flex-wrap:wrap}.house-hero .eyebrow{max-width:300px}.chapter{padding-block:48px}.chapter-heading{display:block;margin-bottom:25px}.chapter-heading .eyebrow{margin-bottom:14px}.intro-text,#what>figure{margin-left:0}#what>figure{margin-block:25px 35px}.diagram-pair{gap:24px}.diagram-pair svg{width:100%;height:130px}.build-steps{grid-template-columns:1fr;gap:0}.build-steps li{padding:20px 0}.scope-layout{grid-template-columns:1fr;gap:10px}.scope-layout figure svg{max-width:310px}.editorial-rows>div{grid-template-columns:1fr;gap:10px;padding-block:22px}.evidence-note{padding:20px}.case-list article{grid-template-columns:1fr;gap:12px;padding-block:25px}.case-list article>div:last-child{margin-top:-6px}.source-index{grid-template-columns:1fr}.house-cta{text-align:left}.reading-sources{padding-block:40px}.house-page figcaption{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){.house-hero{padding-top:32px;gap:20px}.house-hero .actions{display:flex;align-items:center;gap:20px;margin-block:24px}.house-hero .actions .button{width:auto}.house-hero .text-link{width:auto}.house-hero .hero-deck{margin-bottom:18px}.house-hero figure svg{max-height:255px}}
.house-page .chapter{scroll-margin-top:95px}
@media(max-width:700px){.diagram-pair{grid-template-columns:1fr;gap:26px}.diagram-pair>div{display:grid;grid-template-columns:100px 1fr;gap:0 18px}.diagram-pair svg{width:100px;height:130px}.house-page .chapter{scroll-margin-top:80px}}
/* V1.1: readable source names and a less technical first-screen composition. */
.house-hero{min-height:640px;padding-block:56px 48px}
.case-list article{grid-template-columns:290px 1fr 155px}
.house-page .source{white-space:normal;line-height:1.6}
@media(max-width:1050px){.case-list article{grid-template-columns:230px 1fr 130px}}
@media(max-width:700px){.house-hero{min-height:0;padding-block:30px 38px;gap:15px}.house-hero figure svg{max-height:235px}.house-hero .eyebrow{max-width:none}.case-list article{grid-template-columns:1fr}.house-hero .actions{gap:16px}}
