/* Shared package-style cards: white surfaces, solid actions, brand signature. */
:root{--signature:linear-gradient(90deg,#d71920 0 40%,#ffd525 40% 60%,#097cbd 60% 80%,#258b36 80%)}
.module-strip>a,.playlist button,.faq details,.tabs button,.start-grid article{--card-color:#086ca5;position:relative;background:#fff;border:1px solid var(--card-color);border-radius:12px;overflow:hidden}
.module-strip>a:nth-child(2),.playlist button:nth-child(2),.faq details:nth-child(3n+2),.tabs button:nth-child(2),.start-grid article:nth-child(2){--card-color:#bb1822}
.module-strip>a:nth-child(3),.playlist button:nth-child(3),.faq details:nth-child(3n+3),.tabs button:nth-child(3){--card-color:#257331}
.module-strip>a:nth-child(4),.playlist button:nth-child(4),.tabs button:nth-child(4){--card-color:#086ca5}
.module-strip>a:before,.playlist button:before,.faq details:before,.tabs button:before,.start-grid article:before,.module-panel:before,.display-pair:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--signature);z-index:1}
.module-strip>a,.module-strip>a:first-child,.module-strip>a:last-child{background:var(--card-color);color:#fff;border:1px solid var(--card-color);border-top:0;padding:22px 15px 18px}
.module-strip>a>span{color:white!important}.module-strip small{color:#fff;opacity:.93}.module-strip>a:hover{filter:brightness(.93)}
.playlist button{background:white;border:1px solid var(--card-color);padding:16px 13px 13px;gap:12px}
.playlist button>span:nth-child(2){background:var(--card-color);border-radius:8px;padding:12px 14px;flex:1;min-width:0}
.playlist button strong,.playlist button small{color:white}.playlist button small{opacity:.9}
.playlist button .video-number,.playlist button>span:last-child{color:var(--card-color)}.playlist .video-number{background:transparent;min-width:25px}
.playlist button:hover{background:white;transform:none;box-shadow:0 5px 18px #26322815}.playlist button:hover>span:nth-child(2){filter:brightness(.93)}
.faq details{padding:14px 12px 12px;background:white;border:1px solid var(--card-color)}
.faq summary{background:var(--card-color);color:white;border-radius:8px;padding:14px 16px;font-size:13px}
.faq summary:after{background:#ffffff20;color:white;flex-shrink:0}.faq details p{padding:0 12px 5px}.faq details[open]{border-color:var(--card-color)}
.start-grid article,.start-grid article.done-for-you{background:white;border-color:var(--card-color);padding-top:39px}
.start-grid h3{color:var(--card-color)}.start-grid .pill{color:var(--card-color);background:white;border-color:var(--card-color)}
.start-grid .btn{background:var(--card-color);color:white;border:1px solid var(--card-color);box-shadow:none}.start-grid .btn:hover{filter:brightness(.93)}
.tabs{background:transparent;border:0;padding:0;gap:12px}
.tabs button{background:var(--card-color);color:white;padding:20px 12px 16px;border:2px solid transparent;border-top:0;border-radius:9px}
.tabs button[aria-selected=true]{background:var(--card-color);color:white;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--card-color)}
.tabs button[aria-selected=true]:after{content:'✓';font-weight:800}.tabs button:hover{filter:brightness(.93)}
.module-panel{position:relative;border:1px solid #cbdfea;margin-top:28px}.module-panel .text-btn{background:#086ca5;border-radius:8px;color:white;padding:14px 18px;min-height:48px}
.display-pair{position:relative;border:1px solid #257331;width:min(100%,290px);padding:22px 20px 16px;border-radius:12px;color:#34513b;box-shadow:0 8px 25px #123e1710}
.display-pair strong{background:#257331;color:white;border-radius:8px;padding:8px 12px;margin:12px 0;text-align:center}.display-pair small{display:block;line-height:1.6}.display-pair .pair-note{margin-top:10px;font-size:9px;color:#69756c}
.monthly{background:white;border:1px solid #cbdfea;box-shadow:0 8px 25px #086ca508}.monthly b,.monthly strong{color:#086ca5}.monthly p{color:#596368}
@media(max-width:720px){.module-strip>a,.module-strip>a:first-child,.module-strip>a:last-child{padding:20px 11px 16px}.playlist button{padding:15px 10px 10px;gap:8px}.playlist button>span:nth-child(2){padding:12px}.faq details{padding:13px 9px 9px}.faq summary{padding:12px;font-size:12px}.tabs{gap:13px}.tabs button{padding:17px 8px 13px;gap:6px}.tabs button span{font-size:11px}.tabs button[aria-selected=true]{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--card-color)}}
/* Keep solid controls clean; retain signatures on the surrounding cards. */
.module-strip>a:before,.tabs button:before,.playlist button:before,.faq details:before{display:none}
.display-demo .screen{color:#fff}

.mercury-library{margin-top:26px;border:1px solid #ccdce7;border-radius:12px;background:#fff;padding:18px 22px}.mercury-library summary{cursor:pointer;font-weight:700;color:#086ca5;min-height:32px}.mercury-library summary>span{font-size:11px;font-weight:400;margin-left:12px;color:#596368}.extra-videos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:20px}.extra-videos button{padding:0 0 15px;border:1px solid #cbdfea;border-radius:10px;overflow:hidden;background:#fff;text-align:left;color:#086ca5}.extra-videos img{width:100%;aspect-ratio:16/9;object-fit:cover}.extra-videos strong,.extra-videos small{display:block;margin:12px 13px 0}.extra-videos strong{font-size:12px;line-height:1.5}.extra-videos small{font-size:10px;color:#596368;margin-top:7px}.extra-videos button:hover{border-color:#086ca5;box-shadow:0 5px 18px #086ca515}@media(max-width:720px){.extra-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mercury-library{padding:17px 14px}.mercury-library summary>span{display:block;margin:7px 0 0}.extra-videos strong{font-size:11px}}