/* A selected skill is a page, never squeezed beside the library. */
.skill-page-open .skill-library,.skill-page-open .selection-empty,
.skill-page-open .app-page-heading,.skill-page-open .app-main>.app-breadcrumb,
.skill-page-open .app-main>details,.skill-page-open .skills-secondary-actions { display:none!important; }
.skill-page-open .skills-workspace { display:block; padding:0; }
.skill-page-open .skill-selection { display:block; min-height:0; }
.skill-page-open #skill-page-navigation { margin:0 0 20px; padding:24px 32px 0; }
#skill-page-navigation[hidden] { display:none; }
#skill-page-breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:18px; overflow-wrap:anywhere; }
#skill-page-breadcrumbs a { color:var(--skills-green); text-decoration:underline; text-underline-offset:3px; }
#skill-page-breadcrumbs [aria-current] { font-weight:600; }
.skill-page-open .package-files { grid-template-columns:minmax(200px,260px) minmax(0,1fr); }
.skill-page-open .package-tree { max-height:70vh; overflow:auto; }
.skill-page-open .package-preview { min-height:65vh; min-width:0; }
.skill-page-open .detail-heading { flex-wrap:wrap; }
.skill-page-open .detail-heading .actions { position:static; }
.skill-page-open .detail-identity :is(h1,h2) { margin-right:0; }
.skill-page-open .app-main { padding-right:24px; }
.skill-file-editing .skills-workspace { display:none; }
.skill-file-editing #file-editor { margin-top:0; }
.skill-file-editing #edit-current,.skill-file-editing #edit-proposed { max-height:40vh; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; }
.skill-file-editing #edit-replace { min-height:200px; }
@media(max-width:700px) {
  .skill-page-open #skill-page-navigation { padding:20px 16px 0; }
  .skill-page-open .app-main { padding:20px 12px 40px; }
  .skill-page-open .package-files { grid-template-columns:1fr; }
  .skill-page-open .package-tree { max-height:220px; }
  .skill-page-open .package-preview { min-height:50vh; }
  #skill-page-back { width:100%; }
}