.cc-life-resources {
  --cc-shelf-ink:#17312b;
  --cc-shelf-muted:#3d5651;
  background:#eff8f3;
  border:1px solid #cbe6da;
  border-radius:24px;
  padding:clamp(18px,4vw,32px);
  color:var(--cc-shelf-ink);
  font-family:Inter,system-ui,sans-serif;
}
.cc-life-public-resources { padding-top:0!important; }
.cc-life-public-phrase { background:#fff5e7; border:1px solid #f1dac0; border-radius:18px; padding:clamp(16px,4vw,27px); }
.cc-life-public-phrase h2 { margin:0 0 6px; }
.cc-life-public-phrase p { margin:0; }
.cc-life-resources .cc-life-resource-label {
  font-size:10px!important;
  line-height:1.5!important;
  font-weight:800;
  letter-spacing:.14em;
  margin:0 0 8px!important;
  color:#23634c!important;
}
.cc-life-resources :is(h2,h3) {
  font-size:clamp(21px,4vw,30px)!important;
  line-height:1.2!important;
  color:var(--cc-shelf-ink)!important;
  margin:0 0 6px!important;
}
.cc-life-resources > p:not(.cc-life-resource-label) {
  font-size:15px!important;
  line-height:1.55!important;
  margin:0 0 18px!important;
  color:var(--cc-shelf-muted)!important;
}
.cc-life-resources ul { display:grid; gap:10px; list-style:none!important; margin:0!important; padding:0!important; }
.cc-life-resources li { margin:0!important; padding:0!important; min-width:0; }
.cc-life-resources li::marker { content:''; }
.cc-life-resources a {
  display:grid;
  grid-template-columns:84px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:13px;
  background:#fff;
  border:1px solid #d8e9e0;
  border-radius:14px;
  text-decoration:none!important;
  color:var(--cc-shelf-ink)!important;
}
.cc-life-resources a:hover { border-color:#468b73; background:#fcfefc; }
.cc-life-resources a:focus-visible, .cc-rc-card.cc-rc-feature:focus-visible { outline:3px solid #215846; outline-offset:3px; }
.cc-life-resource-art {
  display:grid;
  place-items:center;
  min-height:82px;
  background:#edf6f0;
  border-radius:10px;
  overflow:hidden;
}
.cc-life-resource-art img { width:100%; height:82px; object-fit:contain; display:block; }
.cc-life-resource-sheet img {
  width:45px;
  height:auto;
  aspect-ratio:1/1.41;
  object-fit:contain;
  box-shadow:1px 4px 8px #17312b40;
  border-radius:2px;
  transform:rotate(-8deg);
}
.cc-life-resource-symbol { color:#267052; font-size:23px; font-weight:800; }
.cc-life-resource-detail { display:grid; gap:3px; font-size:13px; line-height:1.45; color:var(--cc-shelf-muted); }
.cc-life-resource-detail strong { font-size:16px; line-height:1.28; color:var(--cc-shelf-ink); }
.cc-life-resource-kind { color:#23634c; text-transform:uppercase; font-size:10px; letter-spacing:.1em; font-weight:800; }
.cc-life-resource-action { color:#205743; font-weight:800; margin-top:2px; }
.cc-life-player .cc-life-phrase p { margin-bottom:0!important; }

.cc-rc-grid .cc-rc-card.cc-rc-feature {
  --cc-promo-ink:#302247;
  --cc-promo-border:#e0c9f5;
  --cc-promo-bg:#fbf6ff;
  --cc-promo-button:#50335d;
  background:var(--cc-promo-bg)!important;
  color:var(--cc-promo-ink)!important;
  border-color:var(--cc-promo-border)!important;
  isolation:isolate;
}
.cc-rc-grid .cc-rc-card.cc-rc-feature--listen {
  --cc-promo-ink:#174034;
  --cc-promo-border:#b6dfca;
  --cc-promo-bg:#f1faf4;
  --cc-promo-button:#205a47;
}
.cc-rc-feature .cc-rc-feature-art {
  display:block;
  width:100%;
  aspect-ratio:1.7;
  container-type:inline-size;
  background:radial-gradient(ellipse at 55% 60%,#fbefff 0%,#e6cafb 72%);
  overflow:hidden;
  position:relative;
}
.cc-rc-feature--listen .cc-rc-feature-art { background:radial-gradient(ellipse at 67% 35%,#e8f8d7,#bae9d4 80%); }
.cc-rc-feature-art::before {
  content:""; position:absolute; width:52%; aspect-ratio:1; top:14%; left:26%;
  border:1px solid #ffffffaa; border-radius:50%; box-shadow:0 0 0 18px #ffffff42, 0 0 0 38px #ffffff28;
}
.cc-promo-deck { position:absolute; inset:0; }
.cc-promo-tile {
  box-sizing:border-box; position:absolute; width:29%; height:62%; display:flex; flex-direction:column; gap:2cqw;
  padding:3.2cqw 2.4cqw; border:1px solid #ffffffad; border-radius:3cqw;
  box-shadow:0 1.8cqw 4cqw #33204c33;
}
.cc-promo-tile b,.cc-promo-track b { font:850 2.25cqw/1.3 Inter,system-ui,sans-serif; letter-spacing:.09em; }
.cc-promo-tile strong { font:850 4.1cqw/1.04 Inter,system-ui,sans-serif; letter-spacing:-.05em; }
.cc-promo-tile > span {
  margin-top:auto; display:grid; place-items:center; align-self:flex-end; width:6cqw; height:6cqw;
  border:1px solid currentColor; border-radius:50%; font:750 3.4cqw/1 Inter,system-ui,sans-serif;
}
.cc-promo-tile--left { left:9%; top:30%; transform:rotate(-14deg); background:#ffe8ac; color:#4d3525; }
.cc-promo-tile--right { right:8%; top:29%; transform:rotate(13deg); background:#f9c9b7; color:#573543; }
.cc-promo-tile--right strong { padding-left:0.4cqw; }
.cc-promo-tile--front { left:35%; top:26%; transform:rotate(-4deg); background:#f9f0ff; color:#342146; }
.cc-promo-spark { position:absolute; font-size:5cqw; color:#67428b; }
.cc-promo-spark--left { top:47%; left:5%; }
.cc-promo-spark--right { top:38%; right:4%; }
.cc-promo-player {
  box-sizing:border-box; position:absolute; top:29%; left:11%; width:78%; height:43%; display:grid;
  grid-template-columns:22% minmax(0,1fr) auto; align-items:center; gap:3.5cqw; padding:2.5cqw;
  border:1px solid #ffffffc9; border-radius:4cqw; color:#174034; background:#fbfff1;
  box-shadow:0 2.2cqw 5cqw #21584629; transform:rotate(-6deg);
}
.cc-promo-album {
  display:grid; place-items:center; align-content:center; gap:.7cqw; aspect-ratio:1; border-radius:2.2cqw;
  background:linear-gradient(145deg,#ffecac,#f6c669); color:#4f3e24;
}
.cc-promo-album > span { font-size:7.3cqw; line-height:.9; }
.cc-promo-album small { font:800 1.46cqw/1 Inter,system-ui,sans-serif; letter-spacing:.04em; }
.cc-promo-track { min-width:0; display:grid; gap:1.1cqw; }
.cc-promo-track strong { font:850 4.1cqw/1.05 Inter,system-ui,sans-serif; letter-spacing:-.05em; }
.cc-promo-wave { width:23cqw; height:5cqw; display:block; color:#3a8666; }
.cc-promo-wave svg { display:block; width:100%; height:100%; }
.cc-promo-play {
  display:grid; place-items:center; width:8.5cqw; height:8.5cqw; background:#1b674e; color:#fff;
  border-radius:50%; font-size:3.3cqw; line-height:1;
}
.cc-promo-queue {
  position:absolute; left:28%; bottom:10%; background:#e8f7e3; color:#1e583f; border:1px solid #fafff8;
  padding:1.8cqw 3.5cqw; transform:rotate(5deg); border-radius:8cqw;
  font:800 2.8cqw/1.1 Inter,system-ui,sans-serif; box-shadow:0 1cqw 3cqw #21584620;
}
.cc-promo-queue > span { margin-right:1cqw; }
.cc-rc-feature .cc-rc-feature-tag {
  position:absolute;
  left:3.5%;
  top:7%;
  background:#fffffff2;
  padding:5px 9px;
  border-radius:999px;
  color:var(--cc-promo-ink);
  font:850 clamp(8px,2.5cqw,10px)/1.2 Inter,system-ui,sans-serif;
  letter-spacing:.08em;
}
.cc-rc-feature .cc-rc-feature-body { display:flex; flex:1; flex-direction:column; align-items:flex-start; gap:8px; padding:15px 15px 16px; }
.cc-rc-feature .cc-rc-feature-name { font:800 19px/1.18 Inter,system-ui,sans-serif; letter-spacing:-.025em; color:var(--cc-promo-ink); }
.cc-rc-feature .cc-rc-feature-desc { font:500 13px/1.45 Inter,system-ui,sans-serif; color:var(--cc-promo-ink); opacity:.92; margin-bottom:4px; }
.cc-rc-feature .cc-rc-feature-cta {
  margin-top:auto;
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 11px;
  border-radius:8px;
  background:var(--cc-promo-button);
  color:#fff;
  font:750 12px/1.3 Inter,system-ui,sans-serif;
}
@media(max-width:480px) {
  .cc-life-resources a { grid-template-columns:53px minmax(0,1fr); padding:10px; gap:10px; }
  .cc-life-resource-art { min-height:57px; }
  .cc-life-resource-art img { height:57px; }
  .cc-life-resource-sheet img { width:34px; height:auto; }
}
@media(prefers-reduced-motion:reduce) { .cc-rc-grid .cc-rc-card.cc-rc-feature { transition:none; } .cc-rc-grid .cc-rc-card.cc-rc-feature:hover { transform:none; } }