.resource .weekly-free-timer {
  display:flex; align-items:center; gap:4px; flex-wrap:nowrap;
  background:linear-gradient(115deg,rgba(75,151,255,.52),rgba(30,105,239,.576));
  color:#fff; border-top:0;
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  box-shadow:none;
}
.resource .weekly-free-timer b {color:#fff;font-variant-numeric:tabular-nums;}
.resource .badge.limited {background:#e83e51;color:#fff;border:1px solid rgba(255,255,255,.22);font-weight:600;}
[data-theme="dark"] .resource .weekly-free-timer {background:linear-gradient(115deg,rgba(57,119,220,.448),rgba(42,83,173,.512));}
[data-theme="dark"] .resource .badge.limited {background:#dc4056;color:#fff;}

.resource .weekly-free-timer,
.resource .weekly-free-timer span,
.resource .weekly-free-timer b {font-size:12px;line-height:1.5;font-weight:500;white-space:nowrap;}
@media(min-width:1024px) {
  .resource .badges .badge {font-size:12px;padding:5px 8px;}
  .resource .resource-body h3 {font-size:17px;line-height:1.5;}
}

/* Soft berry glass pairs with the violet subject labels. */
.resource .weekly-free-timer {
 background:linear-gradient(115deg,rgba(219,80,111,.64),rgba(185,51,85,.68));
}
.resource .badges .badge {border-radius:8px;}
.resource .badge.limited {
 background:linear-gradient(135deg,#f15d76,#df3d59);
 border-color:rgba(255,255,255,.16);
}
.resource .badge.subject {
 background:linear-gradient(135deg,#f3efff,#e8e5ff);
 color:#6095f6;
}
[data-theme="dark"] .resource .weekly-free-timer {
 background:linear-gradient(115deg,rgba(169,65,96,.59),rgba(128,43,72,.65));
}
[data-theme="dark"] .resource .badge.limited {
 background:linear-gradient(135deg,#d94d6d,#bd3658);
}
[data-theme="dark"] .resource .badge.subject {
 background:linear-gradient(135deg,rgba(144,115,239,.23),rgba(116,90,207,.17));
 color:#6095f6;
}

.resource .weekly-free-timer {background:linear-gradient(to right,rgba(241,93,118,1),rgba(241,93,118,.3));}
[data-theme="dark"] .resource .weekly-free-timer {background:linear-gradient(to right,rgba(217,77,109,1),rgba(217,77,109,.3));}

@media(max-width:760px){.resource .weekly-free-timer{padding:6px 12px;min-height:0;height:auto;}}

/* Logo-inspired blue/violet gradient; opacity fades from 100% to 30%. */
.resource .badge.limited,
[data-theme="dark"] .resource .badge.limited {
 background:linear-gradient(115deg,#628cf5 0%,#7754ed 52%,#a21be3 100%);
 color:#fff;border-color:rgba(180,159,255,.25);
}
.resource .weekly-free-timer,
[data-theme="dark"] .resource .weekly-free-timer {
 background:linear-gradient(90deg,rgba(98,140,245,1) 0%,rgba(119,84,237,.65) 50%,rgba(162,27,227,.3) 100%);
 color:#fff;
}
.resource .weekly-free-timer span,.resource .weekly-free-timer b{color:#fff}

/* Smooth violet-to-rose fill with no contrasting edge. */
.resource .badge.limited,
[data-theme="dark"] .resource .badge.limited {
 background:linear-gradient(120deg,#e62aaf 0%,#dc2bb4 28%,#963ce9 65%,#6546f5 100%);
 border:0;box-shadow:none;outline:0;background-clip:border-box;color:#fff;
}

/* Keep membership, free and subject labels on the same centered text line. */
.resource .badges {display:flex;align-items:center;gap:6px;}
.resource .badges .badge {
 display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;
 line-height:20px;min-height:30px;padding:5px 8px;border:0;vertical-align:middle;
}
.resource .weekly-free-timer,
[data-theme="dark"] .resource .weekly-free-timer {
 background:linear-gradient(90deg,rgba(230,42,175,1) 0%,rgba(220,43,180,.804) 28%,rgba(150,60,233,.545) 65%,rgba(101,70,245,.3) 100%);
}

/* Fade the color layer vertically without fading the countdown text. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{
 position:relative;isolation:isolate;background:transparent;padding-top:15.7px;padding-bottom:15.7px;
}
.resource .weekly-free-timer::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background:linear-gradient(90deg,#e62aaf 0%,#dc2bb4 28%,#963ce9 65%,#6546f5 100%);
 -webkit-mask-image:linear-gradient(to bottom,transparent,black);
 mask-image:linear-gradient(to bottom,transparent,black);
}
@media(max-width:760px){.resource .weekly-free-timer{padding-top:10.5px;padding-bottom:10.5px}}

/* Overlay the preview so the transparent top reveals the actual image. */
.resource .resource-media{position:relative}
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{
 position:absolute;left:0;right:0;bottom:0;z-index:1;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}

/* Keep the bottom fifth fully colored and lower the text slightly. */
.resource .weekly-free-timer::before{
 -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 70%,black 100%);
 mask-image:linear-gradient(to bottom,transparent 0%,black 70%,black 100%);
}
.resource .weekly-free-timer>span,.resource .weekly-free-timer>b{position:relative;top:14px}

/* Increase the existing overlay height by another 30%. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{padding-top:23.11px;padding-bottom:23.11px}
@media(max-width:760px){.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{padding-top:16.35px;padding-bottom:16.35px}}

/* Reduce total height by 25%, preserving a readable bottom text inset. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{box-sizing:border-box;height:48.165px;padding-top:0;padding-bottom:0;align-items:flex-end;padding-bottom:7px}
.resource .weekly-free-timer>span,.resource .weekly-free-timer>b{top:0}
@media(max-width:760px){
 .resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:38.025px;padding-top:0;padding-bottom:3px;gap:2px;letter-spacing:0}
}

/* Reduce the current overlay height by 20%. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:38.532px}
@media(max-width:760px){.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:30.42px}}

/* Extend the current overlay height by 20%. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:46.2384px}
@media(max-width:760px){.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:36.504px}}

/* Extend the current overlay height by another 20%. */
.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:55.48608px}
@media(max-width:760px){.resource .weekly-free-timer,[data-theme="dark"] .resource .weekly-free-timer{height:43.8048px}}

/* Mobile cards show the heart only after the resource is favorited. */
@media(max-width:760px){.resource .resource-heart:not(.is-favorite){display:none}}

/* The limited-free badge uses the same fill as the default account avatar. */
.resource .badge.limited,
[data-theme="dark"] .resource .badge.limited {
 background:linear-gradient(145deg,#7566e9,#378fbe);
 color:#fff;
}
.dark .resource .badge.limited,
[data-theme="dark"] .resource .badge.limited {
 background:linear-gradient(145deg,#635bce,#266f9f);
}

/* Match the limited-free badge while retaining the existing vertical alpha mask. */
.resource .weekly-free-timer::before {
 background:linear-gradient(145deg,#7566e9,#378fbe);
}
.dark .resource .weekly-free-timer::before,
[data-theme="dark"] .resource .weekly-free-timer::before {
 background:linear-gradient(145deg,#635bce,#266f9f);
}