.simple-system{height:auto;min-height:0;display:flex;align-items:center;justify-content:flex-end}.simple-system .system-label{position:static;margin:0 0 18px}.system-frame{width:min(100%,480px);border:1px solid rgba(23,19,19,.16);background:rgba(255,253,249,.54);padding:24px 26px 19px}.system-frame-head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:21px;border-bottom:1px solid var(--line)}.system-frame-head span{font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.system-frame-head b{font:600 22px var(--display);letter-spacing:-.055em}.system-flow{list-style:none;margin:0;padding:0}.system-flow li{display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:baseline;padding:16px 0;border-bottom:1px solid rgba(23,19,19,.11)}.system-flow li:last-child{border-bottom:0}.system-flow span{font:10px var(--mono);color:var(--crimson)}.system-flow b{font-size:13px;letter-spacing:-.02em}.system-flow small{font:9px var(--mono);color:var(--muted);text-align:right}.system-frame-foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;font:10px var(--mono);letter-spacing:.07em;color:var(--muted);border-top:1px solid var(--line)}.system-frame-foot i{width:7px;height:7px;border-radius:50%;background:var(--crimson)}@media(max-width:800px){.simple-system{margin:42px 0 0;display:block}.system-frame{width:100%;max-width:none}.system-flow li{grid-template-columns:32px 1fr;gap:9px}.system-flow small{grid-column:2;text-align:left}.system-frame-head b{font-size:20px}}@media(max-width:440px){.simple-system{margin-top:32px}.system-frame{padding:20px}.system-flow li{padding:13px 0}}