:root{
  --s20-ink:#172b33;
  --s20-ink-soft:#29424a;
  --s20-paper:#f4f2ed;
  --s20-surface:#fff;
  --s20-surface-soft:#f8f7f3;
  --s20-line:#d8dedb;
  --s20-line-strong:#b8c4c1;
  --s20-red:#a71832;
  --s20-red-dark:#7c1026;
  --s20-teal:#00695c;
  --s20-teal-soft:#e5f1ed;
  --s20-amber:#805b12;
  --s20-shadow:0 18px 44px rgb(23 43 51 / 10%);
  --s20-radius:8px;
  --s20-content:1440px;
}

body.s20-shell{background:var(--s20-paper);color:var(--s20-ink);overflow-x:hidden}
.s20-shell .topbar{position:relative;z-index:40;min-height:76px;padding:16px clamp(20px,4vw,58px);background:var(--s20-ink);border-bottom:4px solid var(--s20-red)}
.s20-shell main{width:min(100%,var(--s20-content));max-width:none;margin:0 auto;padding:clamp(18px,2.6vw,38px)}
.s20-shell .toolbar{min-height:44px;margin:0 0 18px}

.s20-navigation{isolation:isolate;margin:0 0 22px;border-color:var(--s20-line);border-radius:var(--s20-radius);box-shadow:0 7px 24px rgb(23 43 51 / 6%)}
.s20-navigation .s20-navigation__rail{align-items:center;gap:10px;padding:8px}
.s20-navigation .s20-navigation__sections{gap:3px;min-width:0}
.s20-navigation .s20-navigation__sections>a{position:relative;min-height:46px;padding:12px 13px;color:var(--s20-ink-soft);white-space:nowrap}
.s20-navigation .s20-navigation__sections>a::after{content:"";position:absolute;right:12px;bottom:7px;left:12px;height:2px;transform:scaleX(0);background:var(--s20-red);transition:transform 140ms ease}
.s20-navigation .s20-navigation__sections>a:hover,.s20-navigation .s20-navigation__sections>a:focus-visible{background:#f8efef;color:var(--s20-red-dark)}
.s20-navigation .s20-navigation__sections>a:hover::after,.s20-navigation .s20-navigation__sections>a:focus-visible::after{transform:scaleX(1)}
.s20-navigation .s20-navigation__picker>summary{min-height:46px;color:var(--s20-red-dark);background:#fbf0f2}
.s20-navigation .s20-navigation__picker>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 140ms ease}
.s20-navigation .s20-navigation__picker[open]>summary::after{transform:rotate(225deg) translate(-2px,-2px)}
.s20-navigation .s20-navigation__panel{right:8px;top:calc(100% + 4px);width:min(820px,calc(100% - 16px));max-height:min(70vh,720px);padding:16px;border-color:var(--s20-line-strong);border-radius:var(--s20-radius);box-shadow:var(--s20-shadow);overscroll-behavior:contain}
.s20-navigation input.s20-navigation__search{min-height:46px;border-color:var(--s20-line-strong)}
.s20-navigation .s20-navigation__group{scroll-margin:18px}
.s20-navigation .s20-navigation__group h2{padding:9px 12px;background:var(--s20-ink);color:#fff}
.s20-navigation .s20-navigation__group ul{gap:1px;background:var(--s20-line)}
.s20-navigation .s20-navigation__group li{background:var(--s20-surface)}
.s20-navigation .s20-navigation__group li>a,.s20-navigation .s20-navigation__pending{min-height:48px;padding:12px 14px;background:var(--s20-surface)}
.s20-navigation .s20-navigation__group li>a:hover{background:var(--s20-teal-soft);color:var(--s20-teal)}
.s20-navigation .s20-navigation__pending{color:#59666b;background:#f5f5f2}
.s20-navigation .s20-navigation__pending small{color:#725b60}
.s20-navigation a[aria-current=page]{border-left-color:var(--s20-teal)!important;background:var(--s20-teal-soft);color:var(--s20-teal)!important}
.s20-navigation a:focus-visible,.s20-navigation summary:focus-visible,.s20-navigation input:focus-visible{outline:3px solid #0b7890;outline-offset:2px}

.s20-module{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(18px,3vw,38px);align-items:start}
.s20-module__header{grid-column:1/-1;padding:clamp(20px,3vw,36px);background:var(--s20-ink);color:#fff;border-left:6px solid var(--s20-red);border-radius:var(--s20-radius);box-shadow:var(--s20-shadow)}
.s20-module__eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#a9d9cf}
.s20-module__header h1{max-width:900px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,52px);letter-spacing:-.035em;line-height:1.08}
.s20-module__header p:last-child{max-width:780px;margin:14px 0 0;color:#d9e3e1;font-size:clamp(15px,1.5vw,18px)}
.s20-card{min-width:0;padding:clamp(18px,2.4vw,28px);background:var(--s20-surface);border:1px solid var(--s20-line);border-radius:var(--s20-radius)}
.s20-card h2{margin:0 0 14px;color:var(--s20-ink);font-size:clamp(19px,2vw,25px)}
.s20-card p{color:#526267}
.s20-actions{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.s20-actions li{display:block;padding:0;border:0;background:transparent}
.s20-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-height:58px;padding:13px 14px;border:1px solid var(--s20-line);border-radius:6px;background:var(--s20-surface-soft)}
.s20-action strong,.s20-action small{display:block;overflow-wrap:anywhere}
.s20-action small{margin-top:2px;color:#607075}
.s20-state{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.s20-state--available{color:var(--s20-teal);background:var(--s20-teal-soft)}
.s20-state--pending{color:var(--s20-amber);background:#f8edcf}
.s20-meta{display:grid;gap:12px;margin:0}
.s20-meta div{padding-bottom:12px;border-bottom:1px solid var(--s20-line)}
.s20-meta div:last-child{padding-bottom:0;border-bottom:0}
.s20-meta dt{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#68777c}
.s20-meta dd{margin:3px 0 0;font-weight:700;overflow-wrap:anywhere}
.s20-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--s20-line);border-radius:6px;overscroll-behavior-x:contain}
.s20-table{width:100%;min-width:620px;border-collapse:collapse;background:#fff}
.s20-table th,.s20-table td{padding:11px 13px;border-bottom:1px solid var(--s20-line);text-align:left;vertical-align:top}
.s20-table th{position:sticky;top:0;background:var(--s20-ink);color:#fff;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.s20-table tr:last-child td{border-bottom:0}
.s20-sr-status{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1050px){
  .s20-navigation .s20-navigation__rail{flex-wrap:wrap}
  .s20-navigation .s20-navigation__sections{order:1;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
  .s20-navigation .s20-navigation__picker{order:2}
  .s20-navigation input.s20-navigation__search{order:3;flex:1 1 220px}
}
@media(max-width:760px){
  .s20-shell .topbar{min-height:68px}
  .s20-shell main{padding:18px}
  .s20-module{grid-template-columns:1fr}
  .s20-module__header{grid-column:1}
  .s20-navigation .s20-navigation__panel{position:fixed;inset:84px 12px 12px;width:auto;max-height:none;padding:12px}
  .s20-navigation .s20-navigation__group ul{grid-template-columns:1fr}
  .s20-navigation .s20-navigation__sections>a{min-height:44px;padding:11px}
}
@media(max-width:420px){
  .s20-shell main{padding:14px}
  .s20-shell .environment{max-width:145px;text-align:right}
  .s20-navigation .s20-navigation__picker,.s20-navigation input.s20-navigation__search{flex:1 1 100%}
  .s20-navigation .s20-navigation__picker>summary{justify-content:space-between}
  .s20-action{grid-template-columns:1fr}
  .s20-state{justify-self:start}
  .s20-card{padding:17px}
}
@media(prefers-reduced-motion:reduce){
  .s20-navigation *{scroll-behavior:auto!important;transition:none!important}
}
@media print{
  .s20-navigation,.s20-module__aside{display:none!important}
  .s20-module{display:block}
  .s20-module__header{box-shadow:none;color:#000;background:#fff;border:1px solid #000}
}