#dashboard-library{max-inline-size:76rem}
.library-heading{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-block-end:30px}
.library-heading .prose{max-inline-size:63ch;margin-block-end:0}
.library-site-picker{inline-size:18rem;flex-shrink:0}
.library-site-picker label{display:block;font-size:12px;font-weight:600;color:var(--platform-dim);margin-block-end:6px}
.library-site-picker select{font:400 14px var(--platform-ui);color:var(--platform-ink);background:var(--platform-panel);border:1px solid var(--platform-dim);border-radius:var(--platform-radius);min-block-size:44px;padding:9px 12px;inline-size:100%;max-inline-size:100%}
.library-site-picker select:focus-visible{outline:2px solid var(--platform-accent);outline-offset:3px}
.library-site-picker select:hover{border-color:var(--platform-ink)}
.library-site-picker select[disabled]{opacity:.65}
#dashboard-library .btn{min-block-size:44px;text-decoration:none}
.library-connection{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid var(--platform-line);border-radius:var(--platform-radius);background:var(--platform-panel);margin-block-end:40px}
.library-connection h2{font-size:15px;font-weight:500;margin:0 0 10px}
#connection-state{font-size:15px;margin:0}
.library-note{font-size:12px;color:var(--platform-dim);margin:8px 0 0;max-inline-size:80ch}
.library-connection .is-warning{color:var(--platform-warn)}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap;margin-block-end:20px}
.section-head h2,.library-next h2{font-size:19px;letter-spacing:-.025em;margin:0}
.section-head span{font-size:12px;color:var(--platform-dim)}
.library-pack{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(0,1.8fr) auto;gap:28px;align-items:start;padding:28px 0;border-block-start:1px solid var(--platform-line)}
.library-pack h3{font-size:22px;letter-spacing:-.03em;font-weight:500;margin:0 0 12px}
.library-version{color:var(--platform-dim);font:12px var(--platform-mono)}
.library-pack p{font-size:14px;color:var(--platform-dim);margin:0 0 16px;max-inline-size:60ch}
.library-pack ul{padding-inline-start:18px;display:grid;gap:8px;margin:0;color:var(--platform-ink);font-size:13px}
.library-pack .btn{white-space:nowrap}
.library-readiness{margin-block-start:20px;border-block-start:1px solid var(--platform-line);padding-block-start:12px}
.library-readiness summary{font-size:13px;cursor:pointer;min-block-size:44px;display:list-item;padding:10px 0}
.library-readiness summary:focus-visible{outline:2px solid var(--platform-accent);outline-offset:3px}
.library-readiness dl{margin:8px 0 0}
.library-readiness dl>div{padding:12px 0;border-block-start:1px solid var(--platform-line)}
.library-readiness dt{font-size:13px;font-weight:500;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.library-readiness dt span{font-weight:400;color:var(--platform-dim)}
.library-readiness [data-state=attention] dt span{color:var(--platform-warn)}
.library-readiness dd{font-size:12.5px;line-height:1.6;color:var(--platform-dim);margin:8px 0 0}
.library-readiness h4{font-size:13px;font-weight:500;margin:22px 0 10px}
.library-readiness .library-check-note{font-size:12px;line-height:1.6;margin:12px 0}
.library-empty{padding:26px;border:1px solid var(--platform-line);border-radius:var(--platform-radius)}
.library-empty h3{font-size:18px;font-weight:500;margin:0 0 10px}
.library-empty p{font-size:13px;color:var(--platform-dim);margin:0}
.library-acceptance{margin-block:0 36px;padding:24px;border:1px solid var(--platform-line);border-radius:var(--platform-radius);background:var(--platform-panel)}
.library-acceptance h3{font-size:15px;font-weight:500;margin-block:24px 8px}
.library-acceptance p{font-size:13px;line-height:1.65;max-inline-size:85ch;overflow-wrap:anywhere}
.library-acceptance .section-head{margin-block-end:12px}
.acceptance-controls{display:flex;gap:12px;flex-wrap:wrap;margin-block-start:16px}
.acceptance-controls .btn[disabled]{opacity:.6;cursor:default}
.library-acceptance [data-state=fail] dt span{color:var(--platform-red)}
.library-acceptance [data-state=unverified] dt span{color:var(--platform-warn)}
.library-acceptance .acceptance-action{color:var(--platform-ink);margin-block:8px 0}
.library-next{border-block-start:1px solid var(--platform-line);padding-block-start:28px;margin-block-start:30px;max-inline-size:65ch}
.library-next p{font-size:13px;color:var(--platform-dim);margin:14px 0 0}
@media(max-width:850px){.library-pack{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.library-pack .btn{grid-column:2;justify-self:start}.library-heading{gap:24px}.library-site-picker{inline-size:15rem}}
@media(max-width:640px){.library-heading{display:block}.library-site-picker{inline-size:100%;margin-block-start:24px}.library-connection{padding:20px;display:block}.library-connection .btn{margin-block-start:18px}.library-pack{display:block;padding-block:24px}.library-pack>div:nth-child(2){margin-block:20px}.library-pack .btn{display:inline-flex}.section-head span{max-inline-size:40ch}}
