/* AXIONA R100 — deeper public system-design story for systems pages. */
.system-depth{background:var(--paper);color:var(--ink)}.system-depth .section-intro{margin-bottom:64px}.system-layer-grid{border-top:1px solid var(--ink);display:grid;grid-template-columns:repeat(3,1fr)}.system-layer{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-height:255px;padding:30px 28px;position:relative}.system-layer:nth-child(3n){border-right:0}.system-layer>span{font:800 10px/1 monospace}.system-layer h3{letter-spacing:-.035em;margin:30px 0 14px;font-size:27px;line-height:1.05}.system-layer p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.system-layer em{background:var(--acid);color:var(--ink);font:800 8px/1 monospace;letter-spacing:.1em;padding:7px 8px;position:absolute;right:20px;top:24px}.system-control-depth{background:var(--navy);color:var(--white)}.system-control-depth .section-intro{margin-bottom:64px}.system-control-depth .section-intro .eyebrow{color:var(--cyan)}.system-control-depth .section-intro>p:last-child{color:#b8c8c6}.control-depth-grid{display:grid;gap:28px;grid-template-columns:repeat(3,1fr)}.control-depth-card{background:#0f262c;border:1px solid #526c73;min-height:305px;padding:28px}.control-depth-card>span{color:var(--cyan);font:800 10px/1 monospace}.control-depth-card h3{letter-spacing:-.03em;margin:28px 0 16px;font-size:28px}.control-depth-card p{color:#afc0be;margin:0;font-size:14px;line-height:1.7}.control-depth-card ul{border-top:1px solid #385158;margin:24px 0 0;padding:14px 0 0;list-style:none}.control-depth-card li{color:#d0dbd9;font-size:12px;line-height:1.5;margin:9px 0}.control-depth-card li:before{content:'↳';color:var(--orange);margin-right:9px}.system-principle-row{border-top:1px solid #536d73;display:grid;gap:60px;grid-template-columns:.9fr 1.1fr;margin-top:62px;padding-top:38px}.system-principle-row .micro{color:var(--acid)}.system-principle-row blockquote{border-left:3px solid var(--orange);font:500 clamp(25px,2.3vw,39px)/1.18 Georgia,Times New Roman,serif;letter-spacing:-.03em;margin:0;padding-left:24px}.system-principle-copy p{color:#b8c8c6;font-size:15px;line-height:1.7;margin:0 0 22px}.system-outcome{background:var(--paper-2)}.system-outcome-grid{display:grid;gap:0;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.system-outcome-card{border-right:1px solid var(--ink);padding:30px 26px;min-height:210px}.system-outcome-card:last-child{border-right:0}.system-outcome-card span{font:800 10px/1 monospace}.system-outcome-card h3{font-size:21px;margin:26px 0 12px}.system-outcome-card p{color:var(--muted);font-size:13px;line-height:1.6;margin:0}.system-next{align-items:center;border-top:1px solid #97938a;display:grid;gap:40px;grid-template-columns:1fr auto;margin-top:54px;padding-top:34px}.system-next h3{font-size:28px;letter-spacing:-.03em;margin:0}.system-next p{color:var(--muted);font-size:14px;line-height:1.6;margin:8px 0 0;max-width:760px}.system-next-links{display:flex;gap:22px;align-items:center}.system-next .text-link{margin:0}.system-next .button{min-width:190px}
@media(max-width:1050px){.system-layer-grid{grid-template-columns:repeat(2,1fr)}.system-layer:nth-child(3n){border-right:1px solid var(--ink)}.system-layer:nth-child(2n){border-right:0}.control-depth-grid{grid-template-columns:1fr}.system-principle-row{grid-template-columns:1fr}.system-outcome-grid{grid-template-columns:repeat(2,1fr)}.system-outcome-card:nth-child(2){border-right:0}.system-outcome-card:nth-child(-n+2){border-bottom:1px solid var(--ink)}.system-next{grid-template-columns:1fr}.system-next-links{justify-content:flex-start}}
@media(max-width:720px){.system-layer-grid,.system-outcome-grid{grid-template-columns:1fr}.system-layer,.system-layer:nth-child(2n),.system-layer:nth-child(3n),.system-outcome-card{border-right:0}.system-layer{min-height:0}.system-outcome-card{min-height:0;border-bottom:1px solid var(--ink)}.system-outcome-card:last-child{border-bottom:0}.control-depth-card{min-height:0}.system-principle-row{gap:28px}.system-principle-row blockquote{font-size:clamp(26px,8vw,36px)}.system-next-links{align-items:stretch;flex-direction:column}.system-next .button{width:100%}}