.system-layers{margin:28px 0;color:var(--navy);background:var(--paper);padding:24px}.system-layers__controls{display:flex;gap:12px;margin-bottom:22px}.system-layers__controls[hidden],.system-layers__panel[hidden]{display:none}.system-layers__controls button{font:500 15px/1.5 var(--sans);padding:14px 22px;min-height:48px;border:1px solid var(--navy);background:var(--paper);color:var(--navy);cursor:pointer}.system-layers__controls button[aria-pressed=true]{background:var(--navy);color:var(--paper);box-shadow:inset 0 -4px var(--gold)}.system-layers__controls button:focus-visible{outline:3px solid var(--navy);outline-offset:4px}.system-layers__panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:center}.system-layers__figure{margin:0;min-width:0}.system-layers__figure svg{width:100%;height:auto;max-height:560px;display:block}.system-layers__outer{fill:var(--soft-gold);stroke:var(--navy);stroke-width:2}.system-layers__middle{fill:var(--green);stroke:var(--navy);stroke-width:2}.system-layers__inner{fill:var(--navy);stroke:var(--navy);stroke-width:2}.system-layers__label{text-anchor:middle;font:600 27px var(--serif);fill:var(--navy)}.system-layers__label:nth-last-of-type(-n+2){fill:var(--paper)}.system-layers__arrow{fill:none;stroke:var(--navy);stroke-width:4;color:var(--navy)}.system-layers__figure figcaption{font:13px/1.7 var(--sans);text-align:center;margin-top:12px}.system-layers__explanation h3{font:600 28px/1.2 var(--serif);margin:12px 0}.system-layers__explanation p{font:15px/1.7 var(--sans)}.system-layers__explanation ol{padding-left:22px}.system-layers__explanation li{padding:6px 0}.system-layers__explanation strong{font:600 21px/1.4 var(--serif)}.system-layers__explanation .system-layers__limit{font-size:13px;border-top:1px solid var(--line);padding-top:14px}.pj__concept-icon{display:block;width:88px;height:82px}.im-glyph:has(.pj__concept-icon){line-height:1;margin:18px 0}.system-layers__panel+.system-layers__panel{margin-top:24px}@media(max-width:750px){.system-layers{padding:18px}.system-layers__panel{grid-template-columns:1fr;gap:18px}.system-layers__figure{max-width:480px;margin:auto}.system-layers__controls button{flex:1}.system-layers__label{font-size:29px}}
