.si-page{background:var(--color-background,#f5f7fb);color:var(--color-text,#172033);min-height:100vh}.si-shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.si-hero{padding:56px 0 36px;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#dce3ee)}.si-kicker{color:var(--color-brand,#075fd8);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.si-hero h1{font-size:clamp(2rem,5vw,3.5rem);line-height:1.04;max-width:820px;margin:.5rem 0 1rem}.si-lead{font-size:1.05rem;line-height:1.7;max-width:780px;color:var(--color-text-muted,#526176)}.si-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.si-badge{border:1px solid var(--color-border,#dce3ee);border-radius:999px;padding:7px 11px;background:var(--color-background,#f5f7fb);font-size:.8rem;font-weight:700}.si-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:22px;padding:28px 0}.si-card{background:var(--color-surface,#fff);border:1px solid var(--color-border,#dce3ee);border-radius:16px;padding:22px;box-shadow:var(--shadow-sm,0 3px 12px rgba(15,23,42,.06))}.si-card h2{font-size:1.25rem;margin:0 0 6px}.si-help{color:var(--color-text-muted,#526176);font-size:.9rem;line-height:1.55;margin:0 0 18px}.si-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.si-field{display:flex;flex-direction:column;gap:6px}.si-field-wide{grid-column:1/-1}.si-field label{font-size:.78rem;font-weight:800}.si-field input,.si-field select{width:100%;min-height:46px;border:1px solid var(--color-border-strong,#aab6c8);border-radius:9px;padding:10px 11px;background:var(--color-surface,#fff);color:inherit;font:inherit}.si-field input:focus,.si-field select:focus,.si-button:focus-visible{outline:3px solid color-mix(in srgb,var(--color-brand,#075fd8) 30%,transparent);outline-offset:2px}.si-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.si-button{min-height:46px;border:1px solid var(--color-border-strong,#aab6c8);border-radius:9px;padding:10px 15px;background:var(--color-surface,#fff);color:inherit;font-weight:800;cursor:pointer}.si-button-primary{background:var(--color-brand,#075fd8);border-color:var(--color-brand,#075fd8);color:#fff}.si-button-danger{color:var(--color-danger,#b42318)}.si-button:disabled{opacity:.5;cursor:not-allowed}.si-error{color:var(--color-danger,#b42318);font-weight:700;margin-top:12px;min-height:1.4em}.si-status{color:var(--color-success,#157347);font-weight:700;margin-top:12px;min-height:1.4em}.si-list{display:grid;gap:10px;margin-top:16px}.si-row{border:1px solid var(--color-border,#dce3ee);border-radius:12px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:8px}.si-row strong{display:block}.si-row small{display:block;color:var(--color-text-muted,#526176);line-height:1.45;margin-top:4px}.si-row button{align-self:start;border:0;background:transparent;color:var(--color-danger,#b42318);font-weight:800;min-height:44px;padding:8px}.si-empty{padding:22px;border:1px dashed var(--color-border-strong,#aab6c8);border-radius:12px;color:var(--color-text-muted,#526176)}.si-result{margin:0 0 28px}.si-result[hidden]{display:none}.si-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}.si-metric{background:var(--color-background,#f5f7fb);border:1px solid var(--color-border,#dce3ee);border-radius:12px;padding:14px}.si-metric span{display:block;color:var(--color-text-muted,#526176);font-size:.75rem;font-weight:800;text-transform:uppercase}.si-metric strong{display:block;margin-top:5px;font-size:1.05rem}.si-method{padding:8px 0 48px}.si-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.si-method article{border-top:3px solid var(--color-brand,#075fd8);padding-top:14px}.si-method h2{font-size:1.05rem}.si-method p,.si-method li{color:var(--color-text-muted,#526176);line-height:1.6;font-size:.9rem}.si-file{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.si-noscript{margin-top:20px;padding:14px;border:1px solid var(--color-danger,#b42318);border-radius:10px}.si-langs{margin-top:16px;font-size:.9rem}.si-langs a{color:var(--color-brand,#075fd8)}@media(max-width:760px){.si-grid{grid-template-columns:1fr}.si-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.si-method-grid{grid-template-columns:1fr}.si-hero{padding-top:38px}}@media(max-width:480px){.si-shell{width:min(100% - 20px,1120px)}.si-card{padding:16px}.si-fields{grid-template-columns:1fr}.si-field-wide{grid-column:auto}.si-actions{display:grid;grid-template-columns:1fr}.si-button{width:100%}.si-metrics{grid-template-columns:1fr}.si-row{grid-template-columns:minmax(0,1fr) auto}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}html[data-theme="dark"] .si-page{--color-background:#0b1220;--color-surface:#121c2d;--color-text:#eef4ff;--color-text-muted:#b8c4d8;--color-border:#2b3a51;--color-border-strong:#52637c;--color-brand:#6ba5ff;color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme="light"]) .si-page{--color-background:#0b1220;--color-surface:#121c2d;--color-text:#eef4ff;--color-text-muted:#b8c4d8;--color-border:#2b3a51;--color-border-strong:#52637c;--color-brand:#6ba5ff;color-scheme:dark}}.si-page{overflow-wrap:anywhere}.si-grid>*,.si-card,.si-fields,.si-field{min-width:0}.si-field input,.si-field select{box-sizing:border-box;max-width:100%;min-width:0}@media(max-width:220px){.si-shell{width:calc(100% - 12px)}.si-card{padding:10px}.si-grid{gap:12px}.si-button{padding-inline:7px;font-size:.82rem}}afro-navbar,afro-footer{display:block;max-width:100%;overflow-x:clip}