/* Scoped documentary workspace; existing forms and state colours remain unchanged. */
.documentation{--doc-accent:var(--blue-deep)}
.documentation .page-heading{margin-bottom:24px}.documentation .heading-actions{max-width:460px;justify-content:flex-end}
.documentation .page-heading{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px 20px}.documentation .heading-emblem{width:76px;height:76px;border-radius:18px}.documentation .heading-emblem svg{width:72px;height:68px}.doc-heading-actions{grid-column:2/-1;display:flex;gap:10px;flex-wrap:wrap}.doc-heading-actions .btn{font-size:.78rem;padding:9px 12px}.documentation .heading-copy{min-width:0}.documentation h1{overflow-wrap:normal}
.doc-start{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr);gap:32px;padding:28px 32px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--blue);border-radius:16px;box-shadow:0 8px 30px #18243b05}
.doc-start h2{font-size:1.4rem;margin:0;letter-spacing:-.03em}.doc-start-copy p:not(.eyebrow){color:var(--muted);max-width:65ch;font-size:.9375rem;line-height:1.7;margin:10px 0 18px}.doc-start small{display:block;color:var(--muted);font-size:.78rem;line-height:1.6;margin-top:12px}.doc-start .btn{gap:8px}
.doc-overview{border-left:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column;justify-content:center}.doc-overview>strong{font-size:3rem;line-height:1.1;letter-spacing:-.05em;color:var(--doc-accent);margin:4px 0 15px}.doc-overview>strong span{font-size:1.3rem;margin-left:4px}.doc-overview>b{font-size:.85rem;margin-top:12px}.doc-overview small{margin-top:4px}
.documentation progress{width:100%;display:block;height:7px;border:0;border-radius:8px;overflow:hidden;background:var(--line);accent-color:var(--blue)}
.doc-state-note{font-size:.8rem;line-height:1.65;color:var(--muted);margin:14px 0 24px;max-width:110ch}
.doc-filters{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(190px,1fr) minmax(180px,1fr);gap:16px;margin-top:26px}.doc-filters label{font-size:.8rem;font-weight:750;color:var(--ink);min-width:0}.doc-filters input,.doc-filters select{display:block;width:100%;margin-top:7px;min-width:0;min-height:46px;font-size:.875rem;background:var(--paper)}
.doc-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.doc-results-bar p{margin:0;color:var(--muted);font-size:.8rem}.doc-results-bar>div{display:flex;gap:8px;flex-wrap:wrap}.doc-text-button{padding:8px 10px;border:1px solid transparent;background:transparent;color:var(--blue-deep);font-size:.8rem;font-weight:700;border-radius:7px;min-height:40px}.doc-text-button:hover{border-color:var(--line);background:var(--paper)}
.doc-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:22px}
.doc-category{background:var(--paper);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #18243b04;min-width:0}.doc-category-heading{display:flex;align-items:center;gap:16px;padding:24px 24px 0}.doc-category-art{width:70px;flex:none;display:block}.doc-category-art svg{width:70px;height:64px}.doc-category-count{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.doc-category h2{font-size:1.17rem;line-height:1.4;margin:4px 0 0;letter-spacing:-.025em}.doc-category-description{font-size:.875rem;color:var(--muted);line-height:1.65;margin:12px 24px 20px;min-height:2.9em;max-width:65ch}
.doc-category-progress{margin:0 24px 21px;display:grid;grid-template-columns:1fr auto;gap:9px 12px;font-size:.78rem;align-items:center}.doc-category-progress>strong{color:var(--doc-accent);font-size:1rem}.doc-category-progress progress,.doc-category-progress small{grid-column:1/-1}.doc-category-progress small{color:var(--muted);font-size:.72rem}
.doc-sections{border-top:1px solid var(--line)}.doc-sections>details+details{border-top:1px solid var(--line)}.doc-sections summary{position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;padding:16px 24px;font-size:.86rem;font-weight:750;min-height:56px}.doc-sections summary::-webkit-details-marker{display:none}.doc-sections summary::before{content:'';border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:6px;height:6px;transform:rotate(-45deg);margin-right:6px;flex:none}.doc-sections details[open]>summary::before{transform:rotate(45deg)}.doc-sections summary:hover{background:var(--bg)}.doc-sections summary:focus-visible{outline:3px solid var(--blue);outline-offset:-4px;border-radius:7px}.doc-section-count{margin-left:auto;flex:none;min-width:26px;text-align:center;background:var(--bg);border:1px solid var(--line);border-radius:6px;font-size:.75rem}
.doc-records{display:grid;gap:10px;padding:0 16px 16px}.doc-record{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.doc-record-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.doc-id{font-size:.72rem;letter-spacing:.04em;color:var(--muted);font-weight:750}.doc-record .pill{font-size:.7rem;padding:4px 7px;max-width:100%}.doc-record h3{font-size:.9rem;line-height:1.55;margin:0}.doc-owner{color:var(--muted);font-size:.75rem;margin:7px 0 10px;overflow-wrap:anywhere}.doc-record-action{font-size:.83rem;font-weight:750;line-height:1.6;display:inline-block;min-height:32px;padding:5px 0;overflow-wrap:anywhere;text-decoration:none}.doc-record-action:hover{text-decoration:underline}.doc-record-action>span[aria-hidden]{margin-left:5px}.doc-empty{grid-column:1/-1;text-align:center;background:var(--paper);border:1px dashed var(--line);border-radius:14px;padding:40px 20px}.doc-empty p{color:var(--muted)}
.doc-sections>details{margin:0}
.doc-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.doc-help-grid>div:last-child{grid-column:1/-1;padding-top:18px;border-top:1px solid var(--line)}.doc-help-grid dt{font-weight:750;font-size:.875rem;margin-bottom:8px}.doc-help-grid dd{margin:0;font-size:.9rem;line-height:1.75}.doc-help-grid small{display:block;color:var(--muted);font-size:.78rem;line-height:1.6;margin-top:8px}.doc-help .doc-state-note{margin-bottom:0}.documentation .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}
html[data-theme="dark"] .doc-start{background:linear-gradient(120deg,#253854,var(--paper) 70%);border-left-color:#8cafff}html[data-theme="dark"] .doc-record{background:#17212e}html[data-theme="dark"] .doc-sections summary:hover{background:#293c53}
@media(min-width:1700px){.doc-category-grid{gap:26px}.doc-category-heading{padding-top:27px}.doc-category-art{width:80px}.doc-category-art svg{width:80px;height:74px}}
@media(max-width:1150px){.doc-filters{grid-template-columns:1fr 1fr}.doc-search{grid-column:1/-1}.doc-start{padding:24px;gap:24px}.doc-overview{padding-left:24px}.doc-category-heading{padding:20px 18px 0;gap:10px}.doc-category-description{margin-left:18px;margin-right:18px}.doc-category-progress{margin-left:18px;margin-right:18px}.doc-sections summary{padding:15px 18px}.doc-category-art,.doc-category-art svg{width:55px}.doc-category h2{font-size:1.06rem}}
@media(max-width:650px){.doc-start{grid-template-columns:1fr;padding:22px;gap:22px}.doc-overview{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.doc-overview>strong{font-size:2.3rem}.doc-category-grid{grid-template-columns:1fr;gap:16px}.doc-category-description{min-height:0}.doc-filters{grid-template-columns:1fr;gap:13px}.doc-search{grid-column:auto}.documentation .heading-actions{justify-content:flex-start}.doc-help-grid{grid-template-columns:1fr}.doc-category-heading{gap:14px}.doc-category-art,.doc-category-art svg{width:66px}.doc-category h2{font-size:1.17rem}.doc-start h2{font-size:1.25rem}.doc-results-bar>div{gap:2px}.doc-text-button{padding:8px}.doc-help-grid>div:last-child{grid-column:auto}}
@media(max-width:520px){.documentation .page-heading{grid-template-columns:62px minmax(0,1fr);gap:12px}.documentation .heading-emblem{width:62px;height:62px}.documentation .heading-emblem svg{width:58px;height:54px}.doc-heading-actions{grid-column:1/-1}.doc-heading-actions .btn{width:100%}}
