/* DuckWow Discovery */
.dw-discovery {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 18px 0 48px;
    box-sizing: border-box;
}
#duckwow-discovery { width:100%; max-width:100%; box-sizing:border-box; }
.dw-discovery-inner {
    width: 100%;
    max-width: var(--dw-max-width, 100%);
    margin: 0 auto;
    padding: 28px;
    box-sizing: border-box;
    border-radius: 22px;
    border: 1px solid color-mix(in srgb, var(--dw-accent) 14%, transparent);
    background: linear-gradient(135deg, color-mix(in srgb, var(--dw-accent) 8%, transparent), rgba(128,128,128,.035));
}
.dw-discovery-heading { margin-bottom: 20px; }
.dw-discovery-eyebrow { margin-bottom: 6px; font-size: 10px; font-weight: 650; letter-spacing: 2px; opacity: .42; }
.dw-discovery-heading h2 { margin: 0 0 5px; font-size: 27px; line-height: 1.35; font-weight: 700; }
.dw-discovery-heading p { margin: 0; font-size: 14px; line-height: 1.6; opacity: .55; }
.dw-discovery-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; }
.dw-discovery-card {
    min-width:0; min-height:82px; padding:14px 12px; box-sizing:border-box;
    display:flex; align-items:center; text-decoration:none; color:inherit;
    border:1px solid rgba(128,128,128,.13); border-radius:15px;
    background:rgba(255,255,255,.45); cursor:pointer;
    transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.dw-discovery-card:hover {
    transform:translateY(-3px);
    border-color:color-mix(in srgb,var(--dw-accent) 38%,transparent);
    background:color-mix(in srgb,var(--dw-accent) 5%,white);
    box-shadow:0 8px 22px rgba(0,0,0,.06);
}
.dw-card-icon { flex:0 0 auto; width:34px; height:34px; display:flex; align-items:center; justify-content:center; margin-right:8px; font-size:23px; }
.dw-card-content { min-width:0; flex:1; }
.dw-card-content strong { display:block; margin:0 0 4px; font-size:14px; line-height:1.35; font-weight:650; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dw-card-content small { display:block; font-size:10px; line-height:1.4; opacity:.52; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dw-card-arrow { flex:0 0 auto; margin-left:5px; font-size:16px; opacity:.28; transition:transform .2s ease,opacity .2s ease; }
.dw-discovery-card:hover .dw-card-arrow { transform:translateX(3px); opacity:.65; }
.dw-discovery-card.is-loading { pointer-events:none; opacity:.65; }
.dw-discovery-card.is-loading .dw-card-icon { animation:dw-spin .8s linear infinite; }
@keyframes dw-spin { from{transform:rotate(0)} to{transform:rotate(360deg)} }

@media (max-width:1100px) {
    .dw-discovery-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:700px) {
    .dw-discovery { padding:12px 0 35px; }
    .dw-discovery-inner { padding:22px 12px; border-radius:18px; }
    .dw-discovery-heading { margin-bottom:16px; }
    .dw-discovery-heading h2 { font-size:23px; }
    .dw-discovery-heading p { font-size:13px; }
    .dw-discovery-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
    .dw-discovery-card { min-height:76px; padding:11px 9px; border-radius:13px; }
    .dw-card-icon { width:30px; height:30px; margin-right:7px; font-size:21px; }
    .dw-card-content strong { font-size:13px; }
    .dw-card-content small { font-size:9px; }
    .dw-card-arrow { display:none; }
}
@media (prefers-color-scheme:dark) {
    .dw-discovery-inner { background:linear-gradient(135deg,color-mix(in srgb,var(--dw-accent) 8%,transparent),rgba(255,255,255,.025)); border-color:rgba(255,255,255,.09); }
    .dw-discovery-card { background:rgba(255,255,255,.035); border-color:rgba(255,255,255,.08); }
    .dw-discovery-card:hover { background:rgba(255,255,255,.07); }
}