:root{color-scheme:light;--ink:#192a32;--muted:#607078;--paper:#f7f8f5;--line:#dce2dd;--accent:#19644f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 system-ui,-apple-system,"Noto Sans SC",sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}[hidden]{display:none!important}button{cursor:pointer}header,main,footer{max-width:1120px;margin:auto;padding-left:32px;padding-right:32px}header{height:100px;display:flex;align-items:center;justify-content:space-between}header>a:last-child{font-size:14px;text-decoration:none}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:40px;font-weight:750;letter-spacing:-5px}.brand span{font-size:20px;letter-spacing:-.5px}.intro{padding:68px 0 84px;max-width:880px}.eyebrow{color:var(--accent);font-size:12px;font-weight:750;letter-spacing:2.5px}h1{font-size:clamp(36px,5vw,60px);line-height:1.25;letter-spacing:-2px;font-weight:650;margin:24px 0}p{margin:12px 0}.lead{color:var(--muted);font-size:18px;line-height:1.9}code{font:14px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.install{margin-top:30px;display:flex;gap:20px;align-items:center;background:#1c302b;color:#edf5ed;padding:18px 20px;border-radius:10px}.install code{flex:1;overflow-wrap:anywhere}.install button{border:1px solid #718b80;background:transparent;color:inherit;border-radius:6px;padding:4px 12px;flex-shrink:0}.hint{font-size:12px;color:var(--muted)}.catalog-heading{border-top:1px solid var(--line);padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}h2{font-size:23px;font-weight:650}#count{font-size:14px;color:var(--muted);margin-left:8px}.search input{width:310px;border:1px solid var(--line);border-radius:8px;padding:10px 14px;background:white;color:var(--ink)}input:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:20px}.package{position:relative;min-width:0;border:1px solid var(--line);border-radius:12px;background:#fff;padding:26px;display:flex;flex-direction:column;gap:12px}.package h3{font-size:25px;letter-spacing:-.7px;margin:0}.package .top{display:flex;align-items:center;justify-content:space-between}.badge{font-size:11px;letter-spacing:.5px;padding:3px 9px;border-radius:20px;background:#e9f2ec;color:var(--accent)}.description{color:var(--muted);margin:0;min-height:54px}.metadata{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 16px}.version-row{display:flex;gap:12px;align-items:center;margin-top:auto;padding-top:10px}.download{font-size:14px;color:var(--accent);white-space:nowrap}.package .command{display:flex;align-items:center;background:var(--paper);padding:10px 12px;border-radius:6px;gap:12px}.command code{flex:1;overflow-wrap:anywhere}.command button{font-size:12px;border:0;color:var(--accent);background:transparent;flex-shrink:0}.details{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.details summary{cursor:pointer}.details code{font-size:11px}.notes{font-size:12px;color:var(--muted);margin:0}.usage{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:70px;padding:34px 0 50px;gap:32px}.usage span{display:block;color:var(--accent);font-size:12px;letter-spacing:1px;margin-bottom:12px}.usage p{font-size:13px;color:var(--muted)}footer{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;font-size:12px;color:var(--muted)}footer span{margin-right:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#status{color:var(--muted);font-size:14px}@media(max-width:700px){header,main,footer{padding-left:22px;padding-right:22px}.intro{padding-top:35px;padding-bottom:50px}h1{letter-spacing:-1px}.catalog-heading{align-items:stretch;flex-direction:column;gap:4px}.search input{width:100%}.packages{grid-template-columns:1fr}.usage{grid-template-columns:1fr;gap:16px;margin-top:40px}.usage p{margin-top:4px}.install{padding:14px;gap:10px}.install code{font-size:12px}.package{padding:22px}}
.system-setup {
  margin-top: 24px;
  padding: 16px 20px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #e9f2ec;
  font-size: 14px;
}
.system-setup h2 { margin: 0 0 8px; font-size: 16px; }
.system-setup ol { margin: 0; padding-left: 22px; }
.system-setup li + li { margin-top: 8px; }
.package:focus-within { z-index: 2; }
.version-picker { position: relative; flex: 1; min-width: 0; }
.version-trigger {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--ink);
  text-align: left;
  transition: border-color .15s, background .15s, box-shadow .15s;
}
.version-trigger:hover { border-color: #91b5a6; background: #f7faf8; }
.version-trigger[aria-expanded="true"] {
  border-color: var(--accent);
  background: #f7faf8;
  box-shadow: 0 0 0 3px #19644f12;
}
.version-label { color: var(--muted); font-size: 12px; flex-shrink: 0; }
.version-value, .version-number {
  min-width: 0;
  overflow-wrap: anywhere;
  font: 13px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
}
.version-value { flex: 1; }
.version-latest {
  flex-shrink: 0;
  padding: 1px 6px;
  border-radius: 5px;
  background: #e9f2ec;
  color: var(--accent);
  font-size: 10px;
  font-weight: 650;
}
.version-chevron {
  flex-shrink: 0;
  width: 7px;
  height: 7px;
  margin: -4px 2px 0 4px;
  border-right: 1.5px solid var(--muted);
  border-bottom: 1.5px solid var(--muted);
  transform: rotate(45deg);
}
.version-trigger[aria-expanded="true"] .version-chevron { transform: translateY(3px) rotate(225deg); }
.version-menu {
  position: absolute;
  z-index: 5;
  top: calc(100% + 8px);
  left: 0;
  width: 100%;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 12px 32px #192a321a, 0 2px 6px #192a320a;
}
.version-menu.opens-above { top: auto; bottom: calc(100% + 8px); }
.version-menu-heading {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 8px 9px;
  color: var(--muted);
  font-size: 11px;
}
.version-options {
  max-height: 240px;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: #b8c9c0 transparent;
}
.version-option {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 9px 8px;
  border-radius: 6px;
  cursor: pointer;
}
.version-option .version-number { flex: 1; }
.version-option:hover, .version-option.is-active { background: #f0f5f1; }
.version-option[aria-selected="true"] { color: var(--accent); }
.version-option.is-active { outline: 1px solid #b7d2c4; outline-offset: -1px; }
.version-check { width: 14px; flex-shrink: 0; color: var(--accent); visibility: hidden; font-size: 13px; }
.version-option[aria-selected="true"] .version-check { visibility: visible; }
@media (min-width: 701px) and (max-width: 1000px), (max-width: 420px) {
  .version-row { flex-direction: column; align-items: stretch; gap: 10px; }
  .download { align-self: flex-end; }
}
@media (prefers-reduced-motion: reduce) {
  .version-trigger { transition: none; }
}

.project-delivery{display:flex;flex-direction:column;gap:10px}.project-delivery+.project-delivery{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.dependencies{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.dependencies strong{font-size:12px;font-weight:600}
.dependencies ul{margin:6px 0;padding-left:18px}
.dependencies code{font-size:12px}