.shahm-reader { margin:0; color:var(--ink); background:var(--paper); }
.systems-bar, .systems-main { width:min(100%,1680px); margin-inline:auto; padding-inline:var(--space); }
.systems-bar { display:flex; align-items:center; gap:clamp(16px,3vw,42px); min-height:64px; border-block-end:1px solid var(--rule); }
.systems-bar a, .systems-brief { display:inline-flex; align-items:center; min-height:44px; font-size:16px; font-weight:700; text-underline-offset:.24em; }
.systems-brand { margin-inline-end:auto; }
.systems-brand img { display:block; }
.systems-intro { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:8px 30px; padding-block:clamp(16px,2.7vw,42px) 18px; }
.systems-intro h1 { margin:0; font-size:clamp(31px,4vw,60px); line-height:1.18; }
.systems-intro p, .system-caption p { margin:4px 0 0; color:var(--muted); font-size:16px; line-height:1.5; }
.systems-index { display:flex; flex-wrap:wrap; align-items:stretch; gap:0 clamp(12px,2.7vw,38px); border-block:1px solid var(--rule); }
.systems-index a { display:inline-flex; flex:none; align-items:center; min-height:44px; padding-inline:2px; border-block-end:2px solid transparent; text-decoration:none; font-weight:650; font-size:16px; }
.systems-index a:hover, .systems-index a[aria-current] { border-block-end-color:var(--ink); }
.systems-index a:focus-visible { outline-offset:-3px; }
.system-caption { display:flex; flex-wrap:wrap; align-items:baseline; gap:2px 16px; padding-block:12px; }
.system-caption h2 { margin:0; font-size:clamp(19px,2vw,26px); }
.system-caption p { margin:0; }
#shahm-app { display:block; width:100%; height:clamp(540px,77svh,1040px); margin-block-end:24px; border:1px solid var(--rule); background:var(--white); }
@media(max-width:650px) {
  .systems-bar { min-height:48px; gap:14px; }
  .systems-brand img { width:84px; height:auto; }
  .systems-bar a, .systems-brief { font-size:14px; }
  .systems-intro { padding-block:14px 6px; gap:0; }
  .systems-index { gap:0 17px; }
  .system-caption { display:block; padding-block:9px; }
  .systems-intro p, .system-caption p { font-size:14px; }
  #shahm-app { width:calc(100% + 2 * var(--space)); margin-inline:calc(-1 * var(--space)); height:76svh; min-height:420px; border-inline:0; }
}
.system-expand{cursor:pointer;font:inherit;font-weight:700;min-height:44px;padding:.6rem}.system-expand{margin-block:.4rem}.system-tools{display:flex;justify-content:flex-end}.system-expanded{overflow:hidden}.expanded-system{position:fixed;inset:0;z-index:60;background:#fff;display:flex;flex-direction:column;padding:.5rem}.expanded-system .system-caption,.expanded-system #system-language-note{display:none}.expanded-system #shahm-app{width:100%;margin:0;min-height:0;flex:1}