.services-code-stage pre{min-height:330px}.service-model,.consume-section,.replace-section,.isolation-section{padding:72px 0;border-top:1px solid var(--line)}.service-surface{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:0;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#09100c}.service-surface code{padding:28px;border-right:1px solid var(--line);color:var(--brand-green);font:14px ui-monospace}.service-surface span{padding:28px;color:var(--muted);font-size:12px}.service-rule,.pending-note,.namespace-note{margin-top:20px;padding:22px;border-left:2px solid var(--brand-green);background:#0b140f}.service-rule strong,.pending-note strong,.namespace-note strong{color:var(--brand-green);font-size:13px}.service-rule p,.pending-note p,.namespace-note p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.provider-parts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.provider-parts>div{display:grid;gap:13px;padding:22px;border-top:2px solid #35473d;background:#09100c}.provider-parts>div:first-child{border-color:var(--brand-green)}.provider-parts strong,.dependency-compare strong{font-size:13px}.provider-parts code,.dependency-compare code{color:var(--brand-green);font:12px ui-monospace}.provider-parts span,.dependency-compare span{color:var(--muted);font-size:12px;line-height:1.5}.consume-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.consume-layout .code-block{margin:0}.dependency-decision{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.dependency-decision>div{display:grid;align-content:center;gap:12px;min-height:100%;padding:24px;border:1px solid var(--line);border-radius:12px;background:#09100c}.dependency-decision>div:last-child{border-color:#35624d}.dependency-decision span,.dependency-decision small{color:var(--muted);font-size:12px}.dependency-decision strong{color:var(--brand-green);font:14px ui-monospace}.dependency-decision i,.replacement-flow i{color:#506057;font-style:normal}.replacement-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px}.replacement-flow>div{display:grid;gap:14px;padding:24px;border:1px solid var(--line);border-radius:12px;background:#09100c}.replacement-flow>div:last-child{border-color:var(--brand-green)}.replacement-flow strong{font-size:13px}.replacement-flow span{color:var(--muted);font:12px ui-monospace}.replacement-example{max-width:760px;margin:22px 0 0;color:var(--muted);font-size:14px;line-height:1.7}.dependency-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dependency-compare>div{display:grid;gap:14px;padding:22px;border:1px solid var(--line);border-radius:12px;background:#09100c}.dependency-compare>div:first-child{border-color:#365345}.isolation-layout{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px}.isolated-group{display:grid;gap:16px;padding:28px;border:1px solid #365345;border-radius:12px;background:#09100c}.isolated-group strong{color:var(--brand-green);font:13px ui-monospace}.isolated-group code{font:12px ui-monospace}.isolated-group span{color:var(--muted);font-size:12px}.isolation-divider{color:#76847c;font-size:12px;text-align:center}@media(max-width:760px){.service-model,.consume-section,.replace-section,.isolation-section{padding:54px 0}.service-surface,.provider-parts,.consume-layout,.dependency-compare,.isolation-layout{grid-template-columns:1fr}.service-surface code{border-right:0;border-bottom:1px solid var(--line)}.dependency-decision{grid-template-columns:1fr}.dependency-decision i,.replacement-flow i{transform:rotate(90deg);justify-self:center}.replacement-flow{grid-template-columns:1fr}.isolation-divider{padding:4px 0}.services-code-stage pre{min-height:auto}}
