.playbook-card{--playbook-recommended-bg:linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--playbook-recommended-shadow:0 2px 4px #3b82f64d;--playbook-recommended-hover-shadow:0 4px 8px #3b82f666;--playbook-loading-bg:#e5e7ebf2;--playbook-loading-backdrop:blur(4px);--playbook-category-bg:#fffffff2;--playbook-category-border:#e5e7ebcc;--playbook-category-text:#374151;--playbook-category-shadow:0 1px 3px #0000001a;--playbook-image-error-bg:linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--playbook-transition-duration:.2s;--playbook-transition-easing:ease-in-out}.playbook-card .playbook-recommended-badge{background:var(--playbook-recommended-bg);box-shadow:var(--playbook-recommended-shadow);transition:all var(--playbook-transition-duration) var(--playbook-transition-easing)}.playbook-card .playbook-recommended-badge:hover{box-shadow:var(--playbook-recommended-hover-shadow);transform:translateY(-1px)}.playbook-card .playbook-category-badge{background:var(--playbook-category-bg);border:1px solid var(--playbook-category-border);color:var(--playbook-category-text);box-shadow:var(--playbook-category-shadow);transition:all var(--playbook-transition-duration) var(--playbook-transition-easing)}.playbook-card .playbook-category-badge:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.playbook-card:hover .playbook-card-title{color:#2563eb}.playbook-card .playbook-loading-overlay{background:var(--playbook-loading-bg);-webkit-backdrop-filter:var(--playbook-loading-backdrop)}.playbook-card .playbook-image--loading{opacity:0;transition:opacity var(--playbook-transition-duration) var(--playbook-transition-easing)}.playbook-card .playbook-image--loaded{opacity:1;transition:opacity var(--playbook-transition-duration) var(--playbook-transition-easing)}.playbook-card .playbook-image--error{background:var(--playbook-image-error-bg)}@media (prefers-reduced-motion:reduce){.playbook-card{--playbook-transition-duration:0s}.playbook-card .playbook-recommended-badge:hover,.playbook-card .playbook-category-badge:hover{transform:none}}.theme-dark .playbook-card{--playbook-loading-bg:#374151f2;--playbook-category-bg:#1f2937f2;--playbook-category-border:#4b5563cc;--playbook-category-text:#f9fafb;--playbook-category-shadow:0 1px 3px #0000004d;--playbook-image-error-bg:linear-gradient(135deg, #374151 0%, #4b5563 100%)}.theme-high-contrast .playbook-card{--playbook-recommended-bg:#000;--playbook-recommended-shadow:0 2px 4px #000c;--playbook-recommended-hover-shadow:0 4px 8px #000000e6;--playbook-category-bg:#fff;--playbook-category-border:#000;--playbook-category-text:#000;--playbook-category-shadow:0 2px 4px #000c;--playbook-loading-bg:#fffffff2;--playbook-image-error-bg:linear-gradient(135deg, #fff 0%, #f0f0f0 100%)}@media (prefers-color-scheme:dark){.playbook-card:not(.theme-light):not(.theme-dark):not(.theme-high-contrast){--playbook-loading-bg:#374151f2;--playbook-category-bg:#1f2937f2;--playbook-category-border:#4b5563cc;--playbook-category-text:#f9fafb;--playbook-category-shadow:0 1px 3px #0000004d;--playbook-image-error-bg:linear-gradient(135deg, #374151 0%, #4b5563 100%)}}@media (prefers-contrast:more){.playbook-card:not(.theme-light):not(.theme-dark):not(.theme-high-contrast){--playbook-recommended-bg:#000;--playbook-recommended-shadow:0 2px 4px #000c;--playbook-recommended-hover-shadow:0 4px 8px #000000e6;--playbook-category-bg:#fff;--playbook-category-border:#000;--playbook-category-text:#000;--playbook-category-shadow:0 2px 4px #000c;--playbook-loading-bg:#fffffff2;--playbook-image-error-bg:linear-gradient(135deg, #fff 0%, #f0f0f0 100%)}}