.hero[data-astro-cid-3igcvdwd]{text-align:center;margin-bottom:var(--as-space-8);padding:var(--as-space-8) 0}.hero-badge[data-astro-cid-3igcvdwd]{display:inline-block;background:linear-gradient(135deg,var(--as-marine),#0a6b6b);color:#fff;padding:8px 20px;border-radius:24px;font-size:.875rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}h1[data-astro-cid-3igcvdwd]{color:var(--as-navy);margin-bottom:16px}.intro[data-astro-cid-3igcvdwd]{font-size:1.25rem;max-width:700px;margin:0 auto 32px;color:#666}.stats[data-astro-cid-3igcvdwd]{display:flex;gap:var(--as-space-8);justify-content:center;margin-top:var(--as-space-6)}.stat[data-astro-cid-3igcvdwd]{text-align:center}.stat[data-astro-cid-3igcvdwd] strong[data-astro-cid-3igcvdwd]{display:block;font-size:2rem;color:var(--as-marine);font-weight:700}.stat[data-astro-cid-3igcvdwd] span[data-astro-cid-3igcvdwd]{color:#666;font-size:.875rem}.filter-section[data-astro-cid-3igcvdwd]{margin-bottom:var(--as-space-6)}.filter-bar[data-astro-cid-3igcvdwd]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filter-btn[data-astro-cid-3igcvdwd]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid var(--as-pale-blue);border-radius:8px;font-family:var(--as-font-body);font-size:.9375rem;font-weight:500;color:var(--as-navy);cursor:pointer;transition:all .2s ease}.filter-btn[data-astro-cid-3igcvdwd]:hover{border-color:var(--as-marine);background:#07515605}.filter-btn[data-astro-cid-3igcvdwd].active{background:var(--as-marine);border-color:var(--as-marine);color:#fff}.filter-count[data-astro-cid-3igcvdwd]{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#0000001a;border-radius:12px;font-size:.75rem;font-weight:600}.filter-btn[data-astro-cid-3igcvdwd].active .filter-count[data-astro-cid-3igcvdwd]{background:#fff3}.examples-grid[data-astro-cid-3igcvdwd]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--as-space-6);margin-bottom:var(--as-space-8)}.example-card[data-astro-cid-3igcvdwd]{position:relative;background:#fff;border:1px solid var(--as-pale-blue);border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:all .2s ease}.example-card[data-astro-cid-3igcvdwd]:hover{border-color:var(--as-marine);box-shadow:0 4px 16px #0751561f;transform:translateY(-2px)}.example-card[data-astro-cid-3igcvdwd].hidden{display:none}.card-category[data-astro-cid-3igcvdwd]{position:absolute;top:12px;right:12px;padding:4px 10px;color:#fff;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:1}.example-thumbnail[data-astro-cid-3igcvdwd]{background:var(--as-pale-blue);height:100px;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.example-content[data-astro-cid-3igcvdwd]{padding:var(--as-space-4)}.example-header[data-astro-cid-3igcvdwd]{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px;gap:12px}.example-card[data-astro-cid-3igcvdwd] h3[data-astro-cid-3igcvdwd]{color:var(--as-navy);margin:0;font-size:1.125rem;line-height:1.3}.difficulty-badge[data-astro-cid-3igcvdwd]{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.6875rem;font-weight:600;text-transform:capitalize;flex-shrink:0}.example-description[data-astro-cid-3igcvdwd]{color:#666;font-size:.875rem;margin-bottom:12px;line-height:1.5}.example-rules[data-astro-cid-3igcvdwd]{display:flex;flex-wrap:wrap;gap:6px}.rule-badge[data-astro-cid-3igcvdwd]{font-family:monospace;font-size:.6875rem;padding:2px 6px;background:#fff5f5;color:#ba1a1a;border-radius:3px;font-weight:600}.styling-guide[data-astro-cid-3igcvdwd]{background:var(--as-pale-blue);padding:var(--as-space-8);border-radius:12px;margin-top:var(--as-space-8);margin-bottom:var(--as-space-6)}.styling-guide[data-astro-cid-3igcvdwd] h2[data-astro-cid-3igcvdwd]{text-align:center;color:var(--as-navy);margin-bottom:8px}.guide-intro[data-astro-cid-3igcvdwd]{text-align:center;color:#666;margin-bottom:var(--as-space-6)}.style-comparison[data-astro-cid-3igcvdwd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--as-space-6)}.style-card[data-astro-cid-3igcvdwd]{background:#fff;border-radius:8px;padding:var(--as-space-4)}.style-card[data-astro-cid-3igcvdwd] h3[data-astro-cid-3igcvdwd]{color:var(--as-navy);margin-top:0;margin-bottom:16px;font-size:1rem}.style-preview[data-astro-cid-3igcvdwd]{height:100px;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:16px}.standard-preview[data-astro-cid-3igcvdwd]{background:#f5f5f5}.enhanced-preview[data-astro-cid-3igcvdwd]{background:linear-gradient(135deg,var(--as-marine),var(--as-navy))}.preview-card[data-astro-cid-3igcvdwd]{background:#fff;border:1px solid var(--as-pale-blue);box-shadow:0 2px 8px #07515614;border-radius:8px;padding:16px 32px;font-weight:500;color:var(--as-navy)}.preview-card[data-astro-cid-3igcvdwd].enhanced-card{background:linear-gradient(135deg,#fffffff2,#e5eeefe6);backdrop-filter:blur(10px);box-shadow:0 4px 24px #07515626;border-radius:16px;border:1px solid rgba(255,255,255,.3)}.style-specs[data-astro-cid-3igcvdwd]{list-style:none;padding:0;margin:0}.style-specs[data-astro-cid-3igcvdwd] li[data-astro-cid-3igcvdwd]{padding:6px 0;border-bottom:1px solid var(--as-pale-blue);font-size:.8125rem}.style-specs[data-astro-cid-3igcvdwd] li[data-astro-cid-3igcvdwd]:last-child{border-bottom:none}.style-specs[data-astro-cid-3igcvdwd] code[data-astro-cid-3igcvdwd]{font-family:var(--as-font-mono);color:var(--as-marine)}.enhanced-note[data-astro-cid-3igcvdwd]{margin-top:12px;padding:8px 12px;background:#fff5f5;border-radius:4px;font-size:.8125rem;color:#ba1a1a;text-align:center}.back-nav[data-astro-cid-3igcvdwd]{margin-top:var(--as-space-4)}.back-link[data-astro-cid-3igcvdwd]{color:var(--as-marine);text-decoration:none;font-weight:600}.back-link[data-astro-cid-3igcvdwd]:hover{text-decoration:underline}@media(max-width:768px){.examples-grid[data-astro-cid-3igcvdwd]{grid-template-columns:1fr}.filter-bar[data-astro-cid-3igcvdwd]{flex-direction:column;align-items:stretch}}body.dark-mode h1[data-astro-cid-3igcvdwd]{color:var(--as-citrus)!important}body.dark-mode .intro[data-astro-cid-3igcvdwd],body.dark-mode .stat[data-astro-cid-3igcvdwd] span[data-astro-cid-3igcvdwd],body.dark-mode .guide-intro[data-astro-cid-3igcvdwd]{color:#9aa8b0}body.dark-mode .stat[data-astro-cid-3igcvdwd] strong[data-astro-cid-3igcvdwd]{color:var(--as-citrus)}body.dark-mode .filter-btn[data-astro-cid-3igcvdwd]{background:#1a2530;border-color:#3a4a5a;color:#e5eeef}body.dark-mode .filter-btn[data-astro-cid-3igcvdwd]:hover{border-color:var(--as-citrus);background:#abdd651a}body.dark-mode .filter-btn[data-astro-cid-3igcvdwd].active{background:var(--as-marine);border-color:var(--as-marine);color:#fff}body.dark-mode .example-card[data-astro-cid-3igcvdwd]{background:#1a2530;border-color:#3a4a5a}body.dark-mode .example-card[data-astro-cid-3igcvdwd]:hover{border-color:var(--as-marine);box-shadow:0 4px 16px #0000004d}body.dark-mode .example-thumbnail[data-astro-cid-3igcvdwd]{background:#243240}body.dark-mode .example-card[data-astro-cid-3igcvdwd] h3[data-astro-cid-3igcvdwd]{color:#e5eeef}body.dark-mode .example-description[data-astro-cid-3igcvdwd]{color:#9aa8b0}body.dark-mode .rule-badge[data-astro-cid-3igcvdwd]{background:#ba1a1a33;color:#f87171}body.dark-mode .styling-guide[data-astro-cid-3igcvdwd]{background:#1a2530}body.dark-mode .styling-guide[data-astro-cid-3igcvdwd] h2[data-astro-cid-3igcvdwd]{color:#e5eeef}body.dark-mode .style-card[data-astro-cid-3igcvdwd]{background:#243240}body.dark-mode .style-card[data-astro-cid-3igcvdwd] h3[data-astro-cid-3igcvdwd]{color:#e5eeef}body.dark-mode .standard-preview[data-astro-cid-3igcvdwd]{background:#1a2530}body.dark-mode .preview-card[data-astro-cid-3igcvdwd]{background:#243240;border-color:#3a4a5a;color:#e5eeef}body.dark-mode .style-specs[data-astro-cid-3igcvdwd] li[data-astro-cid-3igcvdwd]{border-color:#3a4a5a;color:#d0d8dc}body.dark-mode .style-specs[data-astro-cid-3igcvdwd] code[data-astro-cid-3igcvdwd]{color:var(--as-citrus)}body.dark-mode .enhanced-note[data-astro-cid-3igcvdwd]{background:#ba1a1a1f;color:#f87171}body.dark-mode .back-link[data-astro-cid-3igcvdwd]{color:var(--as-citrus)}