.yupy-docs-page-shell{--yds-ink:#171717;--yds-muted:#606060;--yds-border:rgba(23,23,23,.12);--yds-soft:#f6f5fb;--yds-accent:#6b55f5;max-width:1180px;margin:0 auto;padding:32px 24px 72px;color:var(--yds-ink)}
.yupy-docs-page-shell *{box-sizing:border-box}
.yupy-docs-page-shell__hero{padding:42px;border-radius:24px;background:linear-gradient(135deg,#171717,#2d2a36);color:#fff;margin:0 0 28px}
.yupy-docs-page-shell__kicker{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;opacity:.72}
.yupy-docs-page-shell__hero h1{margin:0 0 12px;font-size:clamp(32px,5vw,54px);line-height:1.05;color:#fff}
.yupy-docs-page-shell__lead{max-width:780px;margin:0;font-size:17px;line-height:1.65;color:rgba(255,255,255,.82)}
.yupy-docs-page-shell__toolbar{display:flex;gap:14px;align-items:center;justify-content:space-between;margin:0 0 24px;padding:18px;border:1px solid var(--yds-border);border-radius:16px;background:#fff}
.yupy-docs-page-shell__search{width:min(100%,560px);padding:12px 14px;border:1px solid var(--yds-border);border-radius:10px;font:inherit}
.yupy-docs-page-shell__summary{font-size:14px;color:var(--yds-muted);white-space:nowrap}
.yupy-docs-page-shell__categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.yupy-docs-page-shell__category{padding:22px;border:1px solid var(--yds-border);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(20,20,30,.05)}
.yupy-docs-page-shell__category[hidden],.yupy-docs-page-shell__doc[hidden]{display:none!important}
.yupy-docs-page-shell__category-header{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin:0 0 14px}
.yupy-docs-page-shell__category h2{margin:0;font-size:21px;line-height:1.25}
.yupy-docs-page-shell__count{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:var(--yds-soft);color:var(--yds-accent);font-size:13px;font-weight:700}
.yupy-docs-page-shell__description{margin:-4px 0 14px;color:var(--yds-muted);font-size:14px;line-height:1.55}
.yupy-docs-page-shell__docs{list-style:none;margin:0;padding:0}
.yupy-docs-page-shell__doc{border-top:1px solid var(--yds-border)}
.yupy-docs-page-shell__doc:first-child{border-top:0}
.yupy-docs-page-shell__doc a{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 0;color:inherit;text-decoration:none;font-weight:600;line-height:1.4}
.yupy-docs-page-shell__doc a:hover,.yupy-docs-page-shell__doc a:focus{color:var(--yds-accent)}
.yupy-docs-page-shell__arrow{font-size:18px;font-weight:400}
.yupy-docs-page-shell__empty{grid-column:1/-1;padding:28px;border:1px dashed var(--yds-border);border-radius:16px;text-align:center;color:var(--yds-muted)}
@media(max-width:960px){.yupy-docs-page-shell__categories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.yupy-docs-page-shell{padding:22px 16px 52px}.yupy-docs-page-shell__hero{padding:30px 22px}.yupy-docs-page-shell__toolbar{display:block}.yupy-docs-page-shell__search{width:100%}.yupy-docs-page-shell__summary{display:block;margin-top:10px}.yupy-docs-page-shell__categories{grid-template-columns:1fr}}