.pet-callout-stack{gap:var(--pet-space-sm,16px);flex-direction:column;display:flex}.pet-callout-stack>.pet-callout:first-child{margin-top:10px}.pet-callout{background:var(--pet-surface-alt,#f9f7f3);border:var(--pet-border-width,1px) solid var(--pet-border-color,#1a1a2e14);border-radius:var(--pet-radius-sm,14px);box-shadow:var(--pet-shadow-sm,0 4px 16px #1a1a2e0d);font-size:var(--pet-text-base,1rem);margin-bottom:var(--pet-space-sm,16px);transition:box-shadow var(--pet-transition,.2s ease), border-color var(--pet-transition,.2s ease);flex-direction:column;display:flex;overflow:hidden}.pet-callout:hover{border-color:var(--pet-border-color-hover,#1a1a2e2e);box-shadow:var(--pet-shadow,0 8px 24px #1a1a2e0f)}.pet-callout-head{background:var(--pet-surface,#fff);padding:var(--pet-space-xs,12px) var(--pet-space-sm,16px);border-bottom:1px solid var(--pet-border-color,#1a1a2e14);align-items:center;gap:var(--pet-space-xs,8px);display:flex}.pet-callout-head .pet-callout-title{margin:0;font-size:1.1rem;line-height:1.35}.pet-callout-head .pet-callout-title a{-webkit-line-clamp:1;color:inherit;-webkit-box-orient:vertical;text-decoration:none;display:-webkit-box;overflow:hidden}.pet-callout-ico,.pet-callout-amz{opacity:.95;width:35px;height:35px;display:inline-flex}.pet-callout-ico .pet-callout-ico-bg{fill:var(--pet-primary,#1a2f5b)}.pet-callout-ico .pet-callout-ico-fg{stroke:var(--pet-surface,#fff)}.pet-callout-grid{column-gap:var(--pet-space-sm,16px);padding:var(--pet-space-sm,16px);grid-template-columns:100px 1fr auto;align-items:center;display:grid}.pet-callout-media a{display:block}.pet-callout-image{border-radius:var(--pet-radius-sm,14px);object-fit:cover;width:100%;height:auto}.pet-callout-placeholder{aspect-ratio:4/3;background:var(--pet-surface-muted,#f3f4f6);border-radius:var(--pet-radius-sm,14px);width:100%}.pet-callout-desc p{color:var(--pet-text-secondary,#2d2b3a);line-height:var(--pet-leading-normal,1.5);margin:0;margin-bottom:0!important}.pet-callout-cta{align-items:center;gap:var(--pet-space-xs,8px);flex-direction:column;display:flex}.pet-callout-price{font-weight:var(--pet-font-bold,700)}.pet-callout-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pet-callout-prime,.pet-callout-saving,.pet-callout-readtime{font-size:var(--pet-text-xs,.75rem);border-radius:var(--pet-radius-full,999px);line-height:1;font-weight:var(--pet-font-semibold,600);transition:filter var(--pet-transition,.2s ease);border:1px solid #0000;align-items:center;padding:.3rem .55rem;display:inline-flex}.pet-callout-prime{color:#075985;background:#e0f2fe;border-color:#07598533}.pet-callout-saving{color:#7c2d12;background:#fde68a;border-color:#7c2d1233}.pet-callout-readtime{background:var(--pet-info-light,#dbeafe);border-color:rgba(var(--pet-info-rgb,59, 130, 246), .2);color:var(--pet-info-dark,#1e40af)}.pet-callout-prime:hover,.pet-callout-saving:hover,.pet-callout-readtime:hover{filter:brightness(.97)}.resource-callout.pet-callout.pet-callout--amazon .button{color:#415058!important;background-color:#ffb723!important;border:2px solid #ffb723!important}.resource-callout.pet-callout.pet-callout--amazon .button:hover{filter:brightness(1.02);transform:translateY(-1px);box-shadow:0 8px 24px #ffb72340}.pet-callout .button{padding:10px var(--pet-space-sm,14px);border-radius:var(--pet-radius,14px);background-color:var(--pet-primary,#1b2f5b);color:#fff;font-weight:var(--pet-font-semibold,600);white-space:nowrap;box-shadow:var(--pet-shadow-sm,0 4px 16px #1a1a2e0d);border:2px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.pet-callout .button:hover{box-shadow:var(--pet-shadow,0 8px 24px #1a1a2e14);transform:translateY(-1px)}.pet-callout-debug{margin-top:var(--pet-space-xs,8px);background:var(--pet-warning-light,#fff7ed);border:1px solid rgba(var(--pet-warning-rgb,245, 158, 11), .5);border-radius:var(--pet-radius-sm,14px);font-family:var(--pet-font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--pet-text-xs,12px);white-space:pre-wrap;padding:10px}.pet-callout-disclaimer{margin-bottom:var(--pet-space,20px);line-height:var(--pet-leading-normal,1.5);font-size:var(--pet-text-sm,13px);color:var(--pet-text-secondary,#444)}@media (width<=768px){.pet-callout-grid{row-gap:var(--pet-space-xs,12px);grid-template-columns:1fr}.pet-callout-cta{align-items:stretch}.pet-callout .button{justify-content:center;width:100%}}@media (width>=769px) and (width<=1024px){.pet-callout-grid{grid-template-columns:140px 1fr auto}}.pet-callout-enrollment{font-size:var(--pet-text-xs,.75rem);border-radius:var(--pet-radius-full,999px);line-height:1;font-weight:var(--pet-font-semibold,600);border:1px solid #0000;align-items:center;padding:.3rem .55rem;display:inline-flex}.pet-callout-enrollment--enrolled{background:var(--pet-success-light,#d1fae5);border-color:rgba(var(--pet-success-rgb,16, 185, 129), .2);color:var(--pet-success-dark,#065f46)}.pet-callout-enrollment--not-enrolled{background:var(--pet-surface-muted,#f3f4f6);border-color:var(--pet-border-color,#1a1a2e0f);color:var(--pet-text-muted,#78716c)}.pet-callout-enrollment--completed{background:var(--pet-info-light,#dbeafe);border-color:rgba(var(--pet-info-rgb,59, 130, 246), .2);color:var(--pet-info-dark,#1e40af)}.pet-callout-progress{border-radius:var(--pet-radius-full,999px);background:var(--pet-surface-muted,#f3f4f6);width:100%;height:6px;margin-top:4px;overflow:hidden}.pet-callout-progress-bar{border-radius:var(--pet-radius-full,999px);background:var(--pet-gradient-primary,linear-gradient(135deg, #1b2f5b 0%, #1f6fdb 100%));height:100%;transition:width .4s}.pet-callout-video-thumb{display:block;position:relative}.pet-callout-video-thumb .pet-callout-play{border-radius:var(--pet-radius-sm,14px);transition:background var(--pet-transition,.2s ease);background:#00000040;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pet-callout-video-thumb:hover .pet-callout-play{background:#00000059}.pet-callout-play svg{filter:drop-shadow(0 2px 4px #0000004d);width:40px;height:40px}.pet-callout-duration{font-size:var(--pet-text-xs,.75rem);border-radius:var(--pet-radius-full,999px);line-height:1;font-weight:var(--pet-font-semibold,600);background:var(--pet-info-light,#dbeafe);border:1px solid rgba(var(--pet-info-rgb,59, 130, 246), .2);color:var(--pet-info-dark,#1e40af);align-items:center;padding:.3rem .55rem;display:inline-flex}