.sections-directory{--sd-ink:#192e44;--sd-muted:#7a8a9e;--sd-line:#e4eaf0;--sd-surface:#fff;width:min(91%,1440px);margin:12px auto 48px;color:var(--sd-ink)}
.sd-toolbar{display:grid;grid-template-columns:1fr minmax(280px,.8fr);gap:32px;align-items:center;padding:24px 0 28px;border-top:1px solid #e9dfd366}.sd-heading>span{font-size:11px;color:#ca732d;font-weight:700}.sd-heading h2{font-size:clamp(21px,2vw,29px);font-weight:800;line-height:1.5;margin:7px 0}.sd-heading h2>span{color:#f87623}.sd-heading p{font-size:12px;line-height:1.9;color:var(--sd-muted);margin:0}
.sd-search{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 14px;border:1px solid var(--sd-line);border-radius:16px;background:var(--sd-surface);box-shadow:0 6px 20px #192e4404}.sd-search:focus-within{border-color:#65bcb1;box-shadow:0 0 0 3px #17a99b0c}.sd-search>i{font-size:21px;color:#17a394}.sd-search input{width:100%;min-width:0;flex:1;background:none;border:0;outline:0;color:var(--sd-ink);font-size:13px;height:39px}.sd-search input::placeholder{color:#8b99a9}.sd-search>button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:39px;padding:0 17px;border-radius:11px;background:linear-gradient(135deg,#ff9642,#f96b21);color:#fff;font-size:12px;font-weight:700;border:0}.sd-search>button:hover{background:#e9621b}.sd-reset{display:grid;place-items:center;width:32px;height:39px;flex:none;color:#8a9bab;font-size:18px}.sd-reset:hover{color:#df6c25}
.sd-results-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 17px}.sd-results-heading>div{display:flex;align-items:center;gap:11px}.sd-results-heading h2{font-size:16px;font-weight:800;margin:0}.sd-results-heading #sections-results-count{font-size:11px;padding:4px 9px;border-radius:8px;background:#fff0e2;color:#b6682b}.sd-results-heading>a{font-size:11px;color:#7a8a9e;display:inline-flex;gap:7px;align-items:center}.sd-results-heading>a:hover{color:#d67029}
.sd-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sd-card{--sd-accent:#d78035;--sd-soft:#fff3e5;--sd-tint:#f4d8ba;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:0 14px;min-width:0;border:1px solid var(--sd-line);border-radius:19px;padding:20px;background:var(--sd-surface);color:var(--sd-ink);transition:border-color .2s,box-shadow .2s,background .2s}.sd-card:nth-child(4n+2){--sd-accent:#229e90;--sd-soft:#edf9f5;--sd-tint:#cfe9e1}.sd-card:nth-child(4n+3){--sd-accent:#778bc2;--sd-soft:#f1f3fc;--sd-tint:#dce3f5}.sd-card:nth-child(4n+4){--sd-accent:#5d9eb8;--sd-soft:#eff8fc;--sd-tint:#d5eaf3}
.sd-card-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--sd-tint);border-radius:15px;color:var(--sd-accent);background:var(--sd-soft);font-size:26px}.sd-card-arrow{align-self:start;font-size:20px;color:#a9b6c2}.sd-card h3{grid-column:1/-1;margin:17px 0 8px;font-size:16px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}.sd-card-counts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:14px;color:var(--sd-muted);font-size:11px}.sd-card-counts b{font-weight:700;color:var(--sd-accent);font-variant-numeric:tabular-nums}.sd-card-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--sd-line);margin-top:16px;padding-top:12px;color:var(--sd-muted);font-size:10px}.sd-card-footer>i{font-size:16px;color:var(--sd-accent)}.sd-card-decoration{position:absolute;z-index:-1;left:-30px;top:-37px;width:115px;height:115px;border:1px solid var(--sd-tint);border-radius:50%;opacity:.4;pointer-events:none}.sd-card:hover{border-color:var(--sd-tint);background:linear-gradient(135deg,var(--sd-surface),var(--sd-soft));box-shadow:0 8px 22px #20364806}.sd-card:hover .sd-card-arrow{color:var(--sd-accent)}
.sd-load-more{text-align:center;margin-top:24px}.sd-load-more>button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;min-height:44px;border:1px solid var(--sd-line);border-radius:12px;background:var(--sd-surface);color:var(--sd-ink);font-size:12px;font-weight:700;box-shadow:none;--tw-ring-shadow:0 0 #0000}.sd-load-more>button:hover{border-color:#e9ba91;color:#c16d2b}.sd-empty{text-align:center;padding:48px 20px}.sd-empty>i{display:block;font-size:42px;color:#dfa365}.sd-empty h3{font-size:20px;font-weight:800;margin:15px 0 8px}.sd-empty p{font-size:13px;color:var(--sd-muted)}.sd-empty a{display:inline-flex;align-items:center;gap:8px;color:#c47232;font-size:12px;margin-top:18px}
.sd-bottom{display:flex;align-items:center;gap:12px;padding-top:22px;margin-top:26px;border-top:1px solid var(--sd-line)}.sd-bottom>i{font-size:25px;color:#15a095}.sd-bottom p{font-size:11px;color:var(--sd-muted);margin:0}.sd-bottom strong{font-weight:700;color:var(--sd-ink);margin-inline-start:5px}.sd-bottom>a{display:inline-flex;align-items:center;gap:8px;margin-inline-start:auto;font-size:11px;color:#cb732d}.sections-directory :is(a,button):focus-visible{outline:3px solid #2583ff;outline-offset:4px}.section-results-loading{opacity:.5;pointer-events:none}#sections-loading-indicator{gap:7px;align-items:center;color:#1c9c8c;font-size:11px}.sections-loading-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor}.sd-error{font-size:13px;line-height:1.8;padding:14px;color:#b84646;background:#fff0f0;border-radius:12px;margin:0 0 15px}
.dark .sections-directory{--sd-ink:#dfecfa;--sd-muted:#a4b6cb;--sd-line:#2b4055;--sd-surface:#15283c}.dark .sd-toolbar{border-color:#30405466}.dark .sd-card{--sd-soft:#342a22;--sd-tint:#61432e}.dark .sd-card:nth-child(4n+2){--sd-soft:#173b37;--sd-tint:#29564d}.dark .sd-card:nth-child(4n+3){--sd-soft:#26314d;--sd-tint:#3c4969}.dark .sd-card:nth-child(4n+4){--sd-soft:#1c3645;--sd-tint:#2b5065}.dark .sd-results-heading #sections-results-count{background:#352b23;color:#f6b782}.dark .sd-error{background:#422c32;color:#ffc0c8}
@media(max-width:1100px){.sd-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sd-toolbar{gap:24px}.sd-card{padding:18px}}
@media(max-width:760px){.sd-toolbar{grid-template-columns:1fr;gap:17px;padding:20px 0 24px}.sd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.sd-card{padding:16px;border-radius:16px}.sd-card h3{font-size:14px;margin-top:13px}.sd-card-icon{width:42px;height:42px;font-size:23px;border-radius:13px}.sd-bottom{flex-wrap:wrap;gap:10px}.sd-bottom>a{width:100%;margin:0;padding-inline-start:35px}.sd-bottom strong{display:block;margin:4px 0 0}.sd-results-heading{flex-wrap:wrap}}
@media(max-width:380px){.sd-card{padding:13px}.sd-card h3{font-size:13px}.sd-card-counts{gap:8px;font-size:10px}.sd-card-footer{font-size:9px}.sd-search{gap:6px}.sd-search>button{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.sd-card{transition:none}}