/* v0.6.55: one compact row for four secondary creator resources. */
.fh-resource-dock {
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:100%;
  container-type:inline-size;
}
.fh-resource-dock-hint { color:#8493a0; font-size:12px; letter-spacing:.02em; }
.fh-resource-anchor { position:absolute; top:-52px; left:0; width:1px; height:1px; pointer-events:none; }
.fh-resource-card {
  --resource-accent:#287f75;
  --resource-accent-soft:#e8f6f1;
  --resource-ink:#213831;
  --resource-muted:#6d7f79;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  min-width:0;
  min-height:228px;
  flex-direction:column;
  padding:21px 20px 17px;
  border-radius:20px;
  color:var(--resource-ink);
  background:linear-gradient(145deg,#fffdfa 0%,var(--resource-accent-soft) 145%);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--resource-accent) 13%,transparent),0 2px 3px -1px rgba(28,47,41,.08),0 15px 30px -23px color-mix(in srgb,var(--resource-accent) 55%,transparent),inset 0 1px 0 rgba(255,255,255,.92);
  text-decoration:none;
  transition-property:transform,box-shadow,background-color;
  transition-duration:190ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}
.fh-resource-card::before {
  position:absolute;
  z-index:-1;
  top:-78px;
  right:-68px;
  width:190px;
  height:190px;
  border:1px solid color-mix(in srgb,var(--resource-accent) 12%,transparent);
  border-radius:50%;
  box-shadow:0 0 0 25px color-mix(in srgb,var(--resource-accent) 4%,transparent),0 0 0 50px color-mix(in srgb,var(--resource-accent) 2%,transparent);
  content:"";
  transition-property:transform,opacity;
  transition-duration:300ms;
  transition-timing-function:cubic-bezier(.2,0,0,1);
}
.fh-resource-card[data-theme="monetization"] { --resource-accent:#bb8739; --resource-accent-soft:#fbf1df; --resource-ink:#3c3020; --resource-muted:#82725d; }
.fh-resource-card[data-theme="prompts"] { --resource-accent:#7561d8; --resource-accent-soft:#f0edff; --resource-ink:#292642; --resource-muted:#77738b; }
.fh-resource-card[data-theme="navigation"] { --resource-accent:#4089a4; --resource-accent-soft:#eaf5fb; --resource-ink:#203946; --resource-muted:#6f818a; }
.fh-resource-top { display:flex; align-items:center; gap:10px; min-height:36px; }
.fh-resource-icon { display:grid; place-items:center; width:36px; height:36px; flex:0 0 36px; border-radius:11px; color:var(--resource-accent); background:color-mix(in srgb,var(--resource-accent) 11%,white); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--resource-accent) 12%,transparent),0 5px 12px -9px color-mix(in srgb,var(--resource-accent) 80%,transparent); }
.fh-resource-icon svg { width:20px; height:20px; stroke-width:1.8; }
.fh-resource-eyebrow { overflow:hidden; color:var(--resource-accent); font-size:10px; font-weight:680; letter-spacing:.12em; text-overflow:ellipsis; white-space:nowrap; }
.fh-resource-title { display:block; margin-top:14px; color:var(--resource-ink); font-size:clamp(19px,1.35vw,25px); font-weight:690; letter-spacing:-.035em; line-height:1.22; text-wrap:balance; }
.fh-resource-description { display:-webkit-box; overflow:hidden; min-height:42px; margin-top:8px; color:var(--resource-muted); font-size:12px; line-height:1.7; text-wrap:pretty; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.fh-resource-tags { display:flex; overflow:hidden; flex-wrap:nowrap; gap:6px; margin-top:11px; }
.fh-resource-tags>span { overflow:hidden; min-width:0; padding:4px 7px; border-radius:9px; color:var(--resource-accent); background:color-mix(in srgb,var(--resource-accent) 7%,white); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--resource-accent) 10%,transparent); font-size:9px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.fh-resource-footer { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:31px; margin-top:auto; padding-top:12px; border-top:1px solid color-mix(in srgb,var(--resource-accent) 14%,transparent); color:var(--resource-accent); }
.fh-resource-footer strong { overflow:hidden; font-size:12px; font-weight:680; text-overflow:ellipsis; white-space:nowrap; }
.fh-resource-footer>.zmt-fh-arrow { display:grid; place-items:center; width:29px; height:29px; flex:0 0 29px; border-radius:50%; color:#fff; background:var(--resource-accent); box-shadow:0 7px 13px -8px color-mix(in srgb,var(--resource-accent) 82%,black); transition-property:transform,box-shadow; transition-duration:190ms; transition-timing-function:cubic-bezier(.2,0,0,1); }
.fh-resource-footer>.zmt-fh-arrow svg { width:15px; height:15px; }
.fh-resource-card:focus-visible { outline:3px solid color-mix(in srgb,var(--resource-accent) 58%,white); outline-offset:3px; }
@media (hover:hover) and (pointer:fine) {
  .fh-resource-card:hover { transform:translateY(-3px); box-shadow:0 0 0 1px color-mix(in srgb,var(--resource-accent) 20%,transparent),0 5px 9px -5px rgba(28,47,41,.16),0 23px 40px -25px color-mix(in srgb,var(--resource-accent) 68%,transparent),inset 0 1px 0 rgba(255,255,255,.96); }
  .fh-resource-card:hover::before { opacity:.8; transform:translate(-5px,5px) scale(1.05); }
  .fh-resource-card:hover .fh-resource-footer>.zmt-fh-arrow { transform:translateX(3px); box-shadow:0 9px 16px -8px color-mix(in srgb,var(--resource-accent) 90%,black); }
}
.fh-resource-card:active { transform:scale(.96); }
@container (max-width:1060px) {
  .fh-resource-dock { gap:10px; }
  .fh-resource-card { min-height:214px; padding:18px 16px 15px; }
  .fh-resource-tags>span:nth-child(3) { display:none; }
}
@container (max-width:760px) {
  .fh-resource-dock { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) {
  .fh-resource-card,.fh-resource-card::before,.fh-resource-footer>.zmt-fh-arrow { transition-duration:.01ms!important; }
  .fh-resource-card:hover,.fh-resource-card:hover::before { transform:none; }
}