:root{--dc-maroon:#79001e;--dc-dark:#4d0014;--dc-gold:#e8b94f;--dc-ink:#172033;--dc-muted:#647084;--dc-line:#eadde1}
.doccat-page{padding:48px 0 74px;background:#fff;color:var(--dc-ink)}
.doccat-shell{width:min(1160px,calc(100vw - 44px));margin:auto}
.doccat-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end;padding:28px 32px;border:1px solid var(--dc-line);border-radius:22px;background:linear-gradient(135deg,#fff 0%,#fff 68%,#fbf4f6 100%);box-shadow:0 12px 32px rgba(74,0,20,.05)}
.doccat-kicker{margin:0 0 8px;color:var(--dc-maroon);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.doccat-hero h1{margin:0;font-size:clamp(28px,3.2vw,40px)!important;line-height:1.16;letter-spacing:-.03em}
.doccat-hero p{max-width:780px;margin:11px 0 0;color:var(--dc-muted);font-size:13.5px;line-height:1.72}
.doccat-archive{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid #d9b8c1;border-radius:999px;background:#fff;color:var(--dc-maroon)!important;font-size:11px;font-weight:800;text-decoration:none!important;white-space:nowrap}
.doccat-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}
.doccat-nav a{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px;padding:18px 20px;border:1.5px solid #dec9cf;border-radius:17px;background:linear-gradient(145deg,#fff 0%,#fff9fb 100%);color:var(--dc-ink)!important;text-decoration:none!important;font-size:14px;font-weight:850;letter-spacing:-.01em;box-shadow:0 6px 18px rgba(74,0,20,.035);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease}
.doccat-nav a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#d8a9b6;opacity:.65;transition:.22s ease}
.doccat-nav a:hover{transform:translateY(-3px);border-color:#b96b7e;background:linear-gradient(145deg,#fff8fa 0%,#fdf2f5 100%);box-shadow:0 14px 28px rgba(74,0,20,.09);color:var(--dc-maroon)!important}
.doccat-nav a:hover:before{width:6px;background:var(--dc-maroon);opacity:1}
.doccat-nav a.is-current{border-color:var(--dc-maroon);background:linear-gradient(145deg,#fff4f7 0%,#f9e8ed 100%);color:var(--dc-maroon)!important;box-shadow:0 12px 28px rgba(121,0,30,.10)}
.doccat-nav a.is-current:before{width:6px;background:var(--dc-maroon);opacity:1}
.doccat-nav span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#f5e8ec;color:var(--dc-maroon);font-size:17px;font-weight:900;transition:transform .22s ease,background .22s ease,color .22s ease}
.doccat-nav a:hover span,.doccat-nav a.is-current span{transform:translate(2px,-1px);background:var(--dc-maroon);color:#fff}
.doccat-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;margin:28px 0 14px}
.doccat-search{position:relative}.doccat-search input{width:100%;height:44px;padding:0 15px 0 41px;border:1px solid #dde1e7;border-radius:13px;background:#fff;color:var(--dc-ink);font:inherit;font-size:12px;box-sizing:border-box;outline:none}.doccat-search input:focus{border-color:#cda4af;box-shadow:0 0 0 3px rgba(121,0,30,.06)}
.doccat-search:before{content:"⌕";position:absolute;left:15px;top:50%;transform:translateY(-54%);color:#8c6671;font-size:19px}
.doccat-count{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:7px 12px;border:1px solid #dec9cf;border-radius:999px;color:var(--dc-maroon);font-size:10.5px;font-weight:800;white-space:nowrap}
.doccat-groups{display:grid;gap:12px}
.doccat-group{overflow:hidden;border:1px solid var(--dc-line);border-radius:17px;background:#fff;box-shadow:0 7px 20px rgba(31,32,44,.035)}
.doccat-group>summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px;cursor:pointer;background:#fff}.doccat-group>summary::-webkit-details-marker{display:none}.doccat-group[open]>summary{background:#fcf8f9;border-bottom:1px solid #eee5e8}
.doccat-group-title strong{display:block;font-size:14px;line-height:1.35}.doccat-group-title span{display:block;margin-top:4px;color:var(--dc-muted);font-size:10.5px;line-height:1.5}
.doccat-group-meta{display:flex;align-items:center;gap:8px}.doccat-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#f5e8ec;color:var(--dc-maroon);font-size:9.5px;font-weight:800}.doccat-caret{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e1d5d8;border-radius:50%;color:var(--dc-maroon);font-size:15px;transition:transform .2s}.doccat-group[open] .doccat-caret{transform:rotate(45deg)}
.doccat-list{display:grid}
.doccat-doc{border-top:1px solid #edf0f2}.doccat-doc:first-child{border-top:0}.doccat-doc[hidden]{display:none!important}
.doccat-doc>summary{list-style:none;display:grid;grid-template-columns:54px minmax(0,1fr) 110px 42px;align-items:center;cursor:pointer}.doccat-doc>summary::-webkit-details-marker{display:none}.doccat-doc>summary>span{padding:13px 14px}.doccat-doc:hover>summary,.doccat-doc[open]>summary{background:#fdfafb}
.doccat-index{color:var(--dc-maroon);font-size:11px;font-weight:900;text-align:center}.doccat-info strong{display:block;font-size:13px;line-height:1.4}.doccat-info small{display:block;margin-top:3px;color:#7a8495;font-size:10.5px;line-height:1.45}.doccat-type{justify-self:start;display:inline-flex!important;width:max-content;padding:5px 8px!important;border-radius:999px;background:#f5e8ec;color:var(--dc-maroon);font-size:9.5px;font-weight:800}.doccat-plus{display:grid!important;place-items:center;width:30px!important;height:30px!important;margin:auto!important;padding:0!important;border:1px solid #e1d5d8;border-radius:50%;color:var(--dc-maroon);font-size:15px;transition:transform .2s}.doccat-doc[open] .doccat-plus{transform:rotate(45deg)}
.doccat-body{padding:0 16px 16px;border-top:1px solid #eee6e8;background:#fdfbfc}.doccat-preview{margin-top:14px;overflow:hidden;border:1px solid #e2e4e8;border-radius:13px;background:#f2f3f5;aspect-ratio:16/9}.doccat-preview iframe{display:block;width:100%;height:100%;border:0}.doccat-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.doccat-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border-radius:999px;background:var(--dc-maroon);color:#fff!important;font-size:10px;font-weight:800;text-decoration:none!important}.doccat-actions a.secondary{border:1px solid #d9b8c1;background:#fff;color:var(--dc-maroon)!important}
.doccat-simple-row{display:grid;grid-template-columns:54px minmax(0,1fr) 110px auto;align-items:center;border-top:1px solid #edf0f2}.doccat-simple-row:first-child{border-top:0}.doccat-simple-row>span,.doccat-simple-row>a{padding:13px 14px}.doccat-simple-row .doccat-open{justify-self:end;margin-right:12px;padding:7px 11px;border-radius:999px;background:var(--dc-maroon);color:#fff!important;font-size:10px;font-weight:800;text-decoration:none!important}
.doccat-empty{display:none;padding:24px;text-align:center;color:var(--dc-muted);font-size:12px}.doccat-empty.is-visible{display:block}
.doccat-note{margin-top:13px;padding:12px 14px;border:1px solid #eadde1;border-radius:13px;background:#fbf7f8;color:#75636a;font-size:10.5px;line-height:1.6}
@media(max-width:820px){.doccat-hero{grid-template-columns:1fr}.doccat-archive{width:max-content}.doccat-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.doccat-nav a{min-height:68px;padding:16px 17px;font-size:13.5px}.doccat-toolbar{grid-template-columns:1fr}.doccat-table-wrap{overflow-x:auto}.doccat-doc>summary,.doccat-simple-row{min-width:680px}.doccat-group{overflow-x:auto}}
@media(max-width:640px){.doccat-page{padding:28px 0 54px}.doccat-shell{width:calc(100vw - 28px)}.doccat-hero{padding:22px}.doccat-nav{grid-template-columns:1fr}.doccat-nav a{min-height:64px;font-size:13.5px}.doccat-archive{width:100%}.doccat-preview{aspect-ratio:4/3}}