/* Scoped to The Nooks; other product cards and downloads retain their styling. */
#nooks[data-nooks-update] { --card-accent: #7c3aed; --card-accent-soft: #f1ebfe; }
#nooks .nooks-card-icon { flex: 0 0 auto; width: 48px; height: 48px; }
#nooks .product-actions { align-items: center; }
.nooks-showcase { background: #f1ebfe; border-block: 1px solid #e2d6f7; }
.nooks-showcase-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(28px,4vw,64px); align-items: center; }
.nooks-showcase-picture { margin: 0; min-width: 0; }
.nooks-showcase-picture > img { display: block; width: 100%; height: auto; border-radius: 20px; }
.nooks-showcase-picture figcaption { color: #544a64; font-size: .75rem; line-height: 1.5; margin-top: 12px; }
.nooks-showcase-copy { min-width: 0; }
.nooks-wordmark { display: block; width: 210px; max-width: 100%; height: auto; margin: 0 0 26px; }
.nooks-showcase-copy h2 { font-size: clamp(2rem,3vw,3rem); line-height: 1.08; margin: 0 0 22px; }
.nooks-showcase-copy p, .nooks-showcase-copy li { color: #423a50; }
.nooks-showcase-copy ul { padding-left: 21px; margin: 20px 0 28px; }
.nooks-showcase-copy li { margin: 8px 0; }
.nooks-showcase-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.nooks-showcase-actions .button { background: #6d28d9; color: #fff; border-color: #6d28d9; }
.nooks-android-link { color: #5420ac; text-decoration: underline; text-underline-offset: 4px; font-size: .85rem; font-weight: 700; }
.nooks-showcase a:focus-visible { outline: 3px solid #5420ac; outline-offset: 5px; }
.floating-product-nooks .nooks-floating-icon { width: 38px; height: 38px; flex: 0 0 auto; }
@media(max-width: 850px) { .nooks-showcase-grid { grid-template-columns: 1fr; } .nooks-showcase-copy { max-width: 640px; } }
@media(max-width: 420px) { .nooks-showcase-actions { align-items: flex-start; flex-direction: column; } .nooks-showcase-actions .button { white-space: normal; } }