:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--color-bg:#f3f5f9;--color-surface:#fff;--color-text:#1b2430;--color-muted:#566070;--color-border:#d9dfe8;--color-border-strong:#aeb8c8;--color-primary:#2a52be;--color-primary-hover:#21439e;--color-primary-ink:#fff;--color-primary-soft:#e4e9fb;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #141e320f, 0 6px 20px #141e320f;--shadow-hover:0 2px 4px #141e3214, 0 10px 28px #141e321a;--width:1080px;--c-text:var(--color-text);--c-muted:var(--color-muted);--c-border:var(--color-border);--c-soft:#eef1f7;--c-accent:var(--color-primary);--c-radius:var(--radius-sm)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);margin:0;font-size:16px;line-height:1.5}a{color:var(--color-primary)}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb, var(--color-primary) 55%, transparent);outline-offset:2px}.wrap{width:100%;max-width:var(--width);margin:0 auto;padding:0 16px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}.badge{background:var(--color-primary-soft);width:48px;height:48px;color:var(--color-primary);border-radius:14px;flex:none;place-items:center;display:grid}.badge.big{border-radius:20px;width:72px;height:72px}.guides{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.guidecard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);height:100%;box-shadow:var(--shadow);color:inherit;align-items:flex-start;gap:14px;padding:16px;text-decoration:none;transition:box-shadow .15s,border-color .15s,transform .15s;display:flex}.guidecard:hover{box-shadow:var(--shadow-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.guidecard .text{gap:4px;min-width:0;display:grid}.guidecard strong{font-size:16.5px;line-height:1.3}.guidecard .summary{color:var(--color-muted);font-size:14.5px}.guidecard .kind{color:var(--color-muted);font-size:12.5px}.section-title{align-items:center;gap:10px;margin:0 0 12px;font-size:19px;display:flex}.section-title a{color:inherit;text-decoration:none}.section-title a:hover{text-decoration:underline}.notice{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;color:var(--color-muted);padding:24px}
