.sys-area{--sys-wash:#fffbf7;--sys-accent:var(--brand-text)}
.sys-nav,.sys-select{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.sys-nav{border-bottom:1px solid var(--line);padding-bottom:10px}
.sys-navbtn{display:inline-flex;align-items:center;gap:6px;border-radius:6px;min-height:35px;padding:7px 10px;font-size:12px;font-weight:600;color:var(--muted)}
.sys-navbtn .ico{width:15px;height:15px}
.sys-navbtn:hover,.sys-navbtn[aria-pressed=true]{color:var(--brand-text);background:var(--brand-pale)}
.sys-navbtn[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--brand-line)}
.sys-case{padding:19px 20px;border-radius:12px;border:1px solid var(--brand-line);border-left:4px solid var(--brand);display:grid;grid-template-columns:minmax(190px,.95fr) minmax(245px,1fr);gap:18px;align-items:center;background:var(--sys-wash)}
.sys-kicker{font-size:10px;letter-spacing:1.25px;text-transform:uppercase;font-weight:700;color:var(--brand-text)}
.sys-case h2{margin:5px 0 6px;font-size:20px;font-weight:650;line-height:1.25}
.sys-case-text p,.sys-panel .sys-sub{line-height:1.55;font-size:13px;color:var(--muted)}
.sys-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
.sys-step{position:relative;background:white;border-radius:7px;text-align:left;border:1px solid var(--line);padding:10px 9px 20px;min-width:0}
.sys-step>span{font-size:10px;font-weight:650;color:var(--brand-text)}
.sys-step strong{display:block;font-size:12px;line-height:1.4;margin-top:5px}
.sys-step>.ico{width:12px;height:12px;position:absolute;bottom:5px;right:7px;color:var(--brand-text)}
.sys-step:hover,.sys-item:hover,.sys-detail-link:hover{background:var(--brand-pale);border-color:var(--brand-line);color:var(--brand-text)}
.sys-panel{padding:18px 20px;min-width:0}
.sys-panel>h2{font-size:17px}
.sys-panel .sys-sub{margin:5px 0 13px}
.sys-cardgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;align-items:start}
.sys-group h3,.sys-prio h3{font-size:13px;font-weight:650;margin:0;line-height:1.45}
.sys-group h3{padding:10px 0 6px;color:var(--muted)}
.sys-item-list{border-top:1px solid var(--line)}
.sys-item{display:flex;align-items:center;gap:9px;text-align:left;width:100%;border-bottom:1px solid var(--line);padding:9px 6px;font-size:12px;line-height:1.45;min-height:46px}
.sys-code{font-variant-numeric:tabular-nums;color:var(--brand-text);background:var(--brand-pale);padding:3px 5px;min-width:31px;font-size:11px;font-weight:650;text-align:center;border-radius:5px;align-self:flex-start}
.sys-item .ico,.sys-detail-link .ico{margin-left:auto;color:var(--sub);width:13px;height:13px}
.sys-source{margin-top:12px}
.sys-source .source-ref{margin:0;line-height:1.55}
.sys-prio{padding:17px 0 6px}
.sys-prio+.sys-prio{border-top:1px solid var(--line);margin-top:10px}
.sys-prio-head h3{margin:3px 0;font-size:15px}
.sys-prio-head small{font-size:11px;color:var(--muted)}
.sys-action-list{gap:0 16px;margin-top:6px}
.sys-select{margin-bottom:4px}
.sys-select .sys-navbtn{font-size:11px;min-height:29px}
.sys-fold{border-top:1px solid var(--line);margin:0}
.sys-fold>summary{display:flex;align-items:center;gap:10px;padding:11px 0;font-size:12px;font-weight:600;cursor:pointer;list-style:none}
.sys-fold>summary::-webkit-details-marker{display:none}
.sys-fold>summary>.ico{margin-left:auto;width:15px;height:15px;color:var(--sub)}
.sys-fold[open]>summary>.ico{transform:rotate(180deg)}
.sys-fold[open]>summary,.sys-fold>summary:hover{color:var(--brand-text)}
.sys-fold-body{padding:0 0 12px;color:var(--muted)}
.sys-fold-body p,.sys-prose p{font-size:13px;line-height:1.6;max-width:100ch;margin:0 0 9px}
.sys-fold-body>.sys-fold{margin-left:10px}
.sys-panel .sys-tablewrap,.dlgbody .sys-tablewrap{overflow:auto;max-width:100%;margin:9px 0 13px}
.sys-table{border-collapse:collapse;width:100%;text-align:left;line-height:1.54;font-size:12px}
.sys-table th,.sys-table td{padding:7px 9px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.sys-table th{font-weight:600;color:var(--ink)}
.sys-table thead th{background:var(--surface);font-size:11px;color:var(--muted)}
.sys-table tbody th{min-width:85px}
.sys-def{display:grid;grid-template-columns:minmax(95px,.6fr) minmax(0,2.5fr);gap:7px 12px;font-size:12px;line-height:1.55;margin:3px 0 8px}
.sys-def dt{color:var(--sub);font-weight:550}.sys-def dd{margin:0;color:var(--ink)}
.sys-note,.dlgbody p.sys-note{font-size:11px;color:var(--sub);line-height:1.55;margin-top:14px}
.sys-sequence{margin:4px 0 0;padding-left:25px;color:var(--muted)}
.sys-sequence li{padding:6px 0 7px 3px}.sys-sequence li::marker{color:var(--brand-text);font-weight:700}
.sys-sequence strong{color:var(--ink);display:block;font-size:13px}.sys-sequence p{font-size:12px;margin-top:5px;line-height:1.6}
.sys-recommend{background:#fffbf7;border-left:3px solid var(--brand);border-radius:3px;padding:11px 12px;margin:12px 0}
.dlgbody .sys-recommend h3{margin:0 0 4px}
.sys-linklist{display:grid;gap:4px}
.sys-detail-link{display:flex;gap:10px;align-items:center;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:6px 8px;font-size:12px}
.sys-figure{margin:0}.sys-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:430px;object-fit:contain;margin:auto}.sys-figure figcaption{font-size:11px;color:var(--muted);line-height:1.6;margin:7px 0}
.sys-figure figcaption a{display:inline-flex;align-items:center;gap:4px}.sys-figure .ico{width:11px;height:11px}
@media(max-width:1050px){.sys-case{grid-template-columns:1fr}.sys-steps{max-width:620px}.sys-step{padding-bottom:12px}.sys-step strong{padding-right:10px}}
@media(max-width:650px){.sys-case,.sys-panel{padding:14px}.sys-cardgrid{grid-template-columns:1fr;gap:7px}.sys-prio-head{margin-bottom:6px}.sys-navbtn{font-size:11px;padding:5px 7px;min-height:30px}.sys-case h2{font-size:18px}.sys-steps{grid-template-columns:1fr}.sys-step{padding:8px;display:flex;align-items:center;gap:7px}.sys-step strong{margin:0}.sys-step>.ico{position:static;margin-left:auto}.sys-table td,.sys-table th{padding:6px 5px}.sys-def{grid-template-columns:1fr;gap:2px}.sys-def dd{margin-bottom:7px}}