/* R65: restore the approved decorated horizontal cards after R60's simplified style.
   Presentation only. Preserve current DOM, live latest-episode picture and click events. */
#homeView .home-mode-grid{
  gap:clamp(11px,2.7vw,23px)!important;
  padding:clamp(8px,1.8vw,15px) clamp(10px,1.65vw,17px) 0!important;
  overflow:visible!important;
}
#homeView .home-mode-grid > .home-action{
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,29%) minmax(0,1fr) auto!important;
  height:clamp(112px,28.5vw,185px)!important;
  max-height:none!important;
  gap:clamp(5px,.9vw,12px)!important;
  padding:clamp(5px,.85vw,10px)!important;
  border:3px solid #fff!important;
  border-radius:clamp(19px,3.8vw,32px)!important;
  isolation:isolate;
  overflow:hidden!important;
  box-shadow:0 3px 0 rgba(255,255,255,.84), 0 5px 14px rgba(93,59,48,.18),
             inset 0 -4px 0 rgba(245,185,55,.94)!important;
}
#homeView .home-mode-grid > .home-action-read{
  background:radial-gradient(circle at 94% 13%,#f8bfd8 0 3px,transparent 5px),
    linear-gradient(105deg,#fff3f5 0%,#ffe3ee 52%,#f8c9df 100%)!important;
}
#homeView .home-mode-grid > .home-action-collection{
  background:radial-gradient(circle at 95% 13%,#f8d889 0 3px,transparent 5px),
    linear-gradient(107deg,#fffbdf 0%,#ffe9ad 55%,#fff0cc 100%)!important;
}
#homeView .home-mode-grid > .home-action-quiz{
  background:radial-gradient(circle at 94% 14%,#e9bdf7 0 3px,transparent 5px),
    linear-gradient(105deg,#fff1ff 0%,#f3d8fc 50%,#dfbdf2 100%)!important;
}
/* The ornament is decorative: no changes to the image or tap target. */
#homeView .home-mode-grid > .home-action::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20560%20260%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%2219%22%20opacity%3D%22.84%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M64%20258c35-51%2062-66%20108-60%2016-45%2052-69%20103-59%2022-48%2066-73%20112-60%2035-36%2068-43%20113-27%2031-11%2053-10%2077-4%22%2F%3E%3Cpath%20d%3D%22M212%20258c25-28%2053-36%2088-30%2013-28%2038-42%2071-38%2030-33%2067-36%2099-19%2018-13%2038-17%2061-9%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23f1bc40%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%20opacity%3D%22.9%22%3E%3Cpath%20d%3D%22M510%20253c-21-30-22-53%202-73%2013-10%2025-20%2037-43%22%2F%3E%3Cpath%20d%3D%22M4%20249h550%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position:right bottom;
  background-size:58% auto;
  background-repeat:no-repeat;
  opacity:.92;
}
#homeView .home-mode-grid > .home-action::after{
  content:"";
  pointer-events:none;
  position:absolute;
  inset:2px;
  border-radius:inherit;
  border:2px solid var(--sc-mode-border);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.54);
  z-index:0;
}
#homeView .home-mode-grid > .home-action-read{--sc-mode-border:#f2b0cc}
#homeView .home-mode-grid > .home-action-collection{--sc-mode-border:#f0c958}
#homeView .home-mode-grid > .home-action-quiz{--sc-mode-border:#d2a2ed}
#homeView .home-action .home-action-art{
  position:relative!important;
  z-index:1!important;
  border-radius:clamp(12px,2.9vw,24px)!important;
  overflow:hidden!important;
}
#homeView .home-action .home-action-art img{
  position:relative!important;
  z-index:2!important;
  object-fit:contain!important;
  object-position:center!important;
}
#homeView .home-action .home-action-stage-art img{object-fit:cover!important}
#homeView .home-action .home-action-copy,
#homeView .home-action .home-action-cta{z-index:2!important;position:relative!important}
#homeView .home-action .home-action-copy{overflow:visible!important}
#homeView .home-action .home-action-copy strong{color:#62222a!important}
#homeView .home-action .home-action-cta{
  border:4px solid #fff!important;
  box-shadow:0 3px 8px rgba(0,124,67,.33),0 0 0 2px rgba(255,255,255,.56)!important;
}
@media(max-width:375px){
  #homeView .home-mode-grid > .home-action{grid-template-columns:minmax(0,28%) minmax(0,1fr) auto!important}
  #homeView .home-action .home-action-cta{padding:5px 6px!important}
  #homeView .home-mode-grid{gap:9px!important}
}
@media(prefers-reduced-motion:reduce){#homeView .home-mode-grid > .home-action{transition:none!important}}