.docs-admin,.docs-public{min-width:0}.docs-workspace{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:20px;align-items:start}.docs-taxonomy{position:sticky;top:90px;max-height:calc(100vh - 115px);overflow:auto}.docs-taxonomy nav,.docs-public__nav nav{display:grid;gap:5px;margin-top:14px}.docs-taxonomy a,.docs-public__nav a{display:flex;justify-content:space-between;gap:8px;border-radius:9px;padding:10px 12px;text-decoration:none;overflow-wrap:anywhere;color:inherit}.docs-taxonomy a[aria-current],.docs-public__nav a[aria-current]{background:#e8f3ef;color:#195c4c;font-weight:700}.docs-category-link{font-size:13px;margin-left:0}.docs-category-link small{font-size:11px;white-space:nowrap}.docs-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.docs-filter label:first-child{flex:1 1 220px}.docs-filter label{display:grid;gap:6px}.docs-filter input,.docs-filter select{width:100%}.docs-list{min-width:0}.docs-result{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-top:1px solid #dbe7e2}.docs-result>div:first-child{min-width:0;flex:1}.docs-result h2{font:700 18px/1.45 inherit;margin:4px 0;overflow-wrap:anywhere}.docs-result p{margin:5px 0;overflow-wrap:anywhere}.docs-result__path{font-size:12px;color:#62766d}.docs-result .content-actions{flex-wrap:wrap;justify-content:flex-end}.docs-badges{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px}.docs-empty{padding:40px 15px;text-align:center;color:#536c61}.docs-pagination{display:flex;gap:10px;align-items:center;justify-content:center;margin:24px 0}.docs-pagination [aria-current]{background:#225e4d;color:#fff}.docs-structure-section{margin-bottom:22px}.docs-structure-card{padding:17px;border:1px solid #d8e5df;border-radius:12px;margin:14px 0;background:#fff}.docs-structure-card>summary{cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:15px;align-items:center}.docs-structure-card>form{margin-top:20px}.docs-structure-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.docs-structure-card label,.docs-delete-structure label{display:grid;gap:7px}.docs-structure-card input,.docs-structure-card textarea,.docs-structure-card select,.docs-delete-structure input,.docs-delete-structure select{width:100%;max-width:100%}.docs-delete-structure{margin-top:24px;padding-top:20px;border-top:1px solid #ead7d7}.docs-delete-structure summary{cursor:pointer;color:#a53535}.docs-admin summary:focus-visible,.docs-public summary:focus-visible{outline:3px solid #71a995;outline-offset:4px}.docs-public{max-width:1200px;margin:0 auto;padding:44px 24px 70px}.docs-public__heading{max-width:800px;margin-bottom:36px}.docs-public__heading h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:10px 0 18px}.docs-public__heading>p{color:#586d63;line-height:1.7}.docs-public-search{display:grid;gap:8px;margin-top:24px}.docs-public-search>div{display:flex;gap:10px}.docs-public-search input{flex:1;min-width:0;padding:13px 15px;border:1px solid #cbded4;border-radius:10px;font:inherit}.docs-public-search button{background:#205c4c;color:#fff;border:0;border-radius:10px;padding:12px 20px;font:700 14px inherit;cursor:pointer}.docs-public__layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px;align-items:start}.docs-public__nav{border:1px solid #dae7e0;border-radius:14px;padding:18px;position:sticky;top:95px;max-height:calc(100vh - 120px);overflow:auto}.docs-public__nav summary{font-weight:750;cursor:pointer}.docs-public__results{min-width:0}.docs-public-card{border:1px solid #dce7e2;border-radius:14px;padding:23px;margin-bottom:15px}.docs-public-card h2{font-size:21px;line-height:1.45;margin:8px 0}.docs-public-card h2 a{color:inherit;text-decoration:none}.docs-public-card>p{line-height:1.7;color:#526b61;overflow-wrap:anywhere}.docs-read-link{font-size:14px;font-weight:700;color:#1a6652}.docs-public-article .article-page__header nav{overflow-wrap:anywhere}.docs-public-article .article-toc summary{cursor:pointer;font-weight:700}
.docs-result h2{font-weight:700;font-size:18px;line-height:1.45}.docs-public-search button{font-weight:700;font-size:14px;font-family:inherit}
html:has(.docs-admin){scrollbar-gutter:stable}
.docs-workspace-header .content-actions{justify-content:flex-end}.docs-workspace-header a[aria-current]{box-shadow:0 0 0 2px #9dc5b5;outline-offset:4px}.docs-page-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin:0 0 22px}.docs-page-heading h2{margin:0 0 6px;font-size:22px;overflow-wrap:anywhere}.docs-page-heading p{margin:0;color:#617c74;font-size:13px}
.docs-list{container-type:inline-size}.docs-list .docs-filter{display:grid;grid-template-columns:minmax(200px,1fr) minmax(160px,220px) auto;align-items:end;gap:12px}.docs-filter>label{min-width:0;font-size:12px}.docs-filter input,.docs-filter select{min-width:0;height:44px;min-height:44px}.docs-filter__actions{display:flex;align-items:center;gap:8px}.docs-filter__actions .button{min-height:44px;white-space:nowrap}.docs-list__status{margin:18px 0 14px;color:#617c74;font-size:13px}.docs-list .docs-empty{padding:30px 15px}.docs-list-pagination{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-top:18px;margin-top:18px;border-top:1px solid #dbe7e2}.docs-list-pagination p{margin:0;color:#617c74;font-size:12px}.docs-list-pagination__links{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.docs-list-pagination .button{min-width:38px;min-height:40px;padding:7px 11px;border-radius:9px}.docs-list-pagination [aria-current]{background:#225e4d;color:#fff;border-color:#225e4d}.docs-list-pagination [aria-disabled]{color:#8a9993;background:#f5f8f6;cursor:default}.docs-pagination-gap{padding:0 3px;color:#617c74}
@container(max-width:760px){.docs-list .docs-filter{grid-template-columns:minmax(0,1fr) minmax(160px,220px)}.docs-filter__search{grid-column:1/-1}.docs-filter__actions{justify-content:flex-end}}
@container(max-width:460px){.docs-list .docs-filter{grid-template-columns:minmax(0,1fr)}.docs-filter__actions .button{flex:1}.docs-list-pagination .button{min-height:44px}.docs-list-pagination{align-items:flex-start}}
@media(max-width:650px){.docs-workspace-header .content-actions{justify-content:flex-start}.docs-workspace-header .button{min-height:44px}}
@media(max-width:1000px){.docs-workspace{grid-template-columns:210px minmax(0,1fr)}.docs-result{display:block}.docs-result .content-actions{justify-content:flex-start;margin-top:14px}.docs-public__layout{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:720px){.docs-workspace,.docs-public__layout{grid-template-columns:minmax(0,1fr)}.docs-taxonomy,.docs-public__nav{position:static;max-height:280px}.docs-public{padding:28px 16px 45px}.docs-structure-card>summary{display:block}.docs-structure-card .docs-badges{margin-top:8px}.docs-structure-fields{grid-template-columns:minmax(0,1fr)}.docs-public-search>div{flex-wrap:wrap}.docs-public-search input{flex-basis:180px}.docs-result h2{font-size:17px}}
.docs-structure-fields{align-items:start}.docs-structure-fields input,.docs-structure-fields select{height:44px;min-height:44px}.docs-structure-fields--identity{grid-template-columns:repeat(4,minmax(0,1fr))}.docs-structure-fields--seo{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-structure-card label{align-content:start}.docs-structure-description{height:72px;min-height:72px}.docs-structure-seo-description{grid-column:1/-1}.docs-structure-seo-description textarea{height:72px;min-height:72px}.docs-structure-form-actions{display:flex;justify-content:flex-end}.docs-structure-form-actions .button{width:auto;min-width:168px}
@media(max-width:1100px){.docs-structure-fields--identity{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.docs-structure-fields--identity,.docs-structure-fields--seo{grid-template-columns:minmax(0,1fr)}.docs-structure-seo-description{grid-column:auto}.docs-structure-form-actions .button{width:100%}}
.docs-public .docs-public__layout{display:block}

/* Admin list and trash keep a leading number column at every viewport size. */
.docs-admin .docs-result, .docs-results-heading { display: grid; grid-template-columns: 3rem minmax(0, 1fr); column-gap: 16px; }
.docs-results-heading { padding: 12px 0; border-top: 1px solid #dbe7e2; color: #62766d; font-size: 12px; font-weight: 700; }
.docs-results-heading > :first-child, .docs-result__number { text-align: center; }
.docs-result__number { align-self: center; padding-top: 0; color: #62766d; font-size: 13px; font-variant-numeric: tabular-nums; }
.docs-result__main { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-width: 0; }
.docs-result__content { flex: 1; min-width: 0; }
@container (max-width: 760px) {
  .docs-result__main { display: block; }
  .docs-result__main > .content-actions { justify-content: flex-start; margin-top: 14px; }
}
@container (max-width: 460px) {
  .docs-admin .docs-result, .docs-results-heading { grid-template-columns: 2rem minmax(0, 1fr); column-gap: 10px; }
}

/* CHANGE-014: compact public Docs cards and article-style pagination. */
.docs-public { padding-top: .65rem; }
.docs-public__heading { margin-bottom: 1rem; }
.docs-public__heading h1 { margin-bottom: .4rem; font-size: clamp(1.9rem, 3vw, 2.55rem); }
.docs-public__status { margin: 0 0 .85rem; color: #647083; font-size: .86rem; }
.docs-public__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.docs-public-card { display: grid; min-width: 0; min-height: 10.5rem; grid-template-columns: 2.8rem minmax(0, 1fr); gap: .85rem; margin: 0; padding: 1rem; border-color: #d9e4ed; background: #fff; box-shadow: 0 .45rem 1.4rem rgb(24 42 78 / 5%); transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.docs-public-card:hover { border-color: #b9cee2; box-shadow: 0 .7rem 1.8rem rgb(24 42 78 / 9%); transform: translateY(-1px); }
.docs-public-card__icon { display: inline-grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: .75rem; background: #edf5ff; color: #2f80ff; }
.docs-public-card__icon svg { width: 1.35rem; height: 1.35rem; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.docs-public-card__content { display: flex; min-width: 0; flex-direction: column; }
.docs-public-card h2 { margin: 0 0 .4rem; font-size: 1rem; line-height: 1.35; }
.docs-public-card h2 a:hover { color: #1769d2; }
.docs-public-card .docs-public-card__content > p { display: -webkit-box; overflow: hidden; margin: 0 0 .8rem; color: #56657a; font-size: .88rem; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.docs-public-card__footer { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-top: auto; padding-top: .65rem; border-top: 1px solid #edf1f5; }
.docs-public-card__meta { display: inline-flex; align-items: center; justify-content: flex-end; gap: .65rem; color: #748096; font-size: .76rem; }
.docs-public-card__footer time { color: inherit; white-space: nowrap; }
.docs-view-count { display: inline-flex; align-items: center; gap: .22rem; white-space: nowrap; }
.docs-view-count svg { width: 1rem; height: 1rem; fill: none; stroke: currentcolor; stroke-width: 1.7; }
.docs-read-link { color: #1769d2; font-size: .82rem; text-decoration: none; }
.docs-read-link:hover { text-decoration: underline; }
.docs-pagination.pagination { margin: 1.5rem 0 0; }
.docs-pagination .pagination__page.is-current { border-color: #2f80ff; background: #2f80ff; color: #fff; }

@media(max-width:720px){
  .docs-public { padding-top: .75rem; }
  .docs-public__cards { grid-template-columns: minmax(0, 1fr); }
  .docs-public-card { min-height: 9.5rem; }
}

@media(max-width:420px){
  .docs-public-card { grid-template-columns: 2.4rem minmax(0, 1fr); padding: .85rem; }
  .docs-public-card__icon { width: 2.4rem; height: 2.4rem; }
}

/* CHANGE-017: current admin Docs controls use the OneSchool logo palette. */
.docs-workspace-header .button[aria-current=page],.docs-list-pagination [aria-current]{background:linear-gradient(135deg,#1368ed,#5848ee);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(47,128,255,.18)}
.docs-workspace-header .button[aria-current=page]:focus-visible,.docs-list-pagination [aria-current]:focus-visible{outline:3px solid #9cc5ff;outline-offset:3px}