.example-section[data-astro-cid-pchrc7t3],.code-section[data-astro-cid-pchrc7t3],.rules-applied[data-astro-cid-pchrc7t3]{margin-bottom:var(--as-space-6)}h2[data-astro-cid-pchrc7t3]{color:var(--as-navy);margin-bottom:var(--as-space-4);font-size:1.5rem}.demo-container[data-astro-cid-pchrc7t3]{background:#17232d80;padding:var(--as-space-6);border-radius:8px}.modal-showcase[data-astro-cid-pchrc7t3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--as-space-4)}.modal-card[data-astro-cid-pchrc7t3]{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;overflow:hidden}.modal-header[data-astro-cid-pchrc7t3]{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--as-pale-blue)}.modal-header[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3]{margin:0;color:var(--as-navy);font-size:1.125rem}.close-btn[data-astro-cid-pchrc7t3]{background:none;border:none;padding:4px;cursor:pointer;color:#666;border-radius:4px;transition:background .2s}.close-btn[data-astro-cid-pchrc7t3]:hover{background:var(--as-pale-blue);color:var(--as-navy)}.modal-body[data-astro-cid-pchrc7t3]{padding:20px}.modal-body[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3]{margin:0;color:#666}.modal-footer[data-astro-cid-pchrc7t3]{padding:16px 20px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid var(--as-pale-blue)}.modal-footer[data-astro-cid-pchrc7t3].centered{justify-content:center;border-top:none;padding-top:0}.btn[data-astro-cid-pchrc7t3]{padding:10px 20px;border-radius:6px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;border:none;font-family:var(--as-font-body)}.btn-primary[data-astro-cid-pchrc7t3]{background:var(--as-marine);color:#fff}.btn-primary[data-astro-cid-pchrc7t3]:hover{background:#064549}.btn-secondary[data-astro-cid-pchrc7t3]{background:var(--as-pale-blue);color:var(--as-navy)}.btn-secondary[data-astro-cid-pchrc7t3]:hover{background:#d5e4e5}.btn-danger[data-astro-cid-pchrc7t3]{background:#ba1a1a;color:#fff}.btn-danger[data-astro-cid-pchrc7t3]:hover{background:#9a1515}.btn[data-astro-cid-pchrc7t3].full-width{width:100%}.success-modal[data-astro-cid-pchrc7t3],.warning-modal[data-astro-cid-pchrc7t3]{text-align:center;padding:24px}.success-modal[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3],.warning-modal[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3]{margin:16px 0 8px;color:var(--as-navy)}.success-modal[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3],.warning-modal[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3]{margin:0 0 20px;color:#666}.modal-icon[data-astro-cid-pchrc7t3]{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.modal-icon[data-astro-cid-pchrc7t3].success{background:#2c82481a;color:var(--as-green)}.modal-icon[data-astro-cid-pchrc7t3].warning{background:#abdd654d;color:var(--as-navy)}.warning-modal[data-astro-cid-pchrc7t3]{border:2px solid var(--as-citrus)}.code-section[data-astro-cid-pchrc7t3] pre[data-astro-cid-pchrc7t3]{background:var(--as-navy);color:var(--as-pale-blue);padding:var(--as-space-4);border-radius:8px;overflow-x:auto;font-family:var(--as-font-mono);font-size:.875rem;line-height:1.6}.rules-list-detail[data-astro-cid-pchrc7t3]{list-style:none;padding:0}.rules-list-detail[data-astro-cid-pchrc7t3] li[data-astro-cid-pchrc7t3]{padding:12px 16px;background:#f0fdf4;border-left:4px solid var(--as-green);margin-bottom:8px;border-radius:0 8px 8px 0}.rules-list-detail[data-astro-cid-pchrc7t3] strong[data-astro-cid-pchrc7t3]{color:var(--as-green);font-family:var(--as-font-mono)}body.dark-mode h2[data-astro-cid-pchrc7t3]{color:#e5eeef!important}body.dark-mode .demo-container[data-astro-cid-pchrc7t3]{background:#0f171dcc}body.dark-mode .modal-card[data-astro-cid-pchrc7t3]{background:#243240}body.dark-mode .modal-header[data-astro-cid-pchrc7t3]{border-bottom-color:#3a4a5a}body.dark-mode .modal-header[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3]{color:#e5eeef}body.dark-mode .close-btn[data-astro-cid-pchrc7t3]{color:#9aa8b0}body.dark-mode .close-btn[data-astro-cid-pchrc7t3]:hover{background:#e5eeef1a;color:#e5eeef}body.dark-mode .modal-body[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3]{color:#d0d8dc}body.dark-mode .modal-footer[data-astro-cid-pchrc7t3]{border-top-color:#3a4a5a}body.dark-mode .btn-secondary[data-astro-cid-pchrc7t3]{background:#1a2530;color:#e5eeef;border:1px solid #3a4a5a}body.dark-mode .btn-secondary[data-astro-cid-pchrc7t3]:hover{background:#0f171d}body.dark-mode .success-modal[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3],body.dark-mode .warning-modal[data-astro-cid-pchrc7t3] h3[data-astro-cid-pchrc7t3]{color:#e5eeef}body.dark-mode .success-modal[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3],body.dark-mode .warning-modal[data-astro-cid-pchrc7t3] p[data-astro-cid-pchrc7t3]{color:#d0d8dc}body.dark-mode .modal-icon[data-astro-cid-pchrc7t3].success{background:#2c824833}body.dark-mode .modal-icon[data-astro-cid-pchrc7t3].warning{background:#abdd6533}body.dark-mode .warning-modal[data-astro-cid-pchrc7t3]{border-color:var(--as-citrus)}body.dark-mode .code-section[data-astro-cid-pchrc7t3] pre[data-astro-cid-pchrc7t3]{background:#0a1015;border:1px solid #3a4a5a}body.dark-mode .rules-list-detail[data-astro-cid-pchrc7t3] li[data-astro-cid-pchrc7t3]{background:#2c82481f;border-left-color:var(--as-citrus);color:#d0d8dc}body.dark-mode .rules-list-detail[data-astro-cid-pchrc7t3] strong[data-astro-cid-pchrc7t3]{color:var(--as-citrus)}