/* Match the existing 340px product cards while keeping both reading actions. */
.sharing-card{--accent:#fc5000;cursor:default;padding:26px;background:#f7f7f7;min-height:340px;height:340px;display:grid;grid-template-rows:38px minmax(0,1fr) 38px;gap:18px}
.sharing-card::before{width:9px}
.sharing-main{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:18px;align-items:center;min-height:0}
.sharing-card .skill-card-body{max-width:none;min-width:0;margin:0}
.sharing-meta{margin-bottom:10px;color:#747474;font-size:10px;font-weight:500;line-height:1.6;letter-spacing:.01em}
.sharing-meta span{padding:0 4px;color:#aaa}
.sharing-card h3{font-size:clamp(22px,6cqi,28px);line-height:1.3;letter-spacing:-.035em;text-wrap:initial}
.sharing-card p,.sharing-card:is(:hover,:focus-visible,.is-engaged) .skill-card-body p{opacity:1;font-size:13px;line-height:1.65;color:#626262;margin-top:10px}
.sharing-card .sharing-cover{display:block;margin:0;border-radius:12px;overflow:hidden;background:#e2e2df;outline-offset:4px}
.sharing-cover img{display:block;width:100%;height:auto;aspect-ratio:1000/563;object-fit:contain;transition:transform .4s var(--ease)}
.sharing-cover:hover img{transform:scale(1.025)}
.sharing-actions{display:flex;gap:10px;align-items:center}
.sharing-actions a{display:inline-flex;align-items:center;gap:16px;justify-content:space-between;border-radius:99px;padding:8px 14px;min-height:38px;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s}
.sharing-read{background:#111;color:#fff}.sharing-read:hover{background:#fc5000}
.sharing-pdf{border:1px solid #d6d6d6;background:transparent}.sharing-pdf:hover{background:#fff}
.sharing-actions a span{font-size:16px;line-height:1}
.skill-grid{align-items:start}
@media(max-width:640px){.sharing-card{padding:22px}.sharing-main{gap:14px}.product-toolbar .filter[data-filter="sharing"]{grid-column:1/-1}}
@container(max-width:260px){.sharing-main{grid-template-columns:1fr}.sharing-cover{display:none!important}.sharing-card h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.sharing-cover img{transition:none}}

/* Use the same expanding accent as the product cards, including keyboard access. */
.sharing-card:is(:focus-within,.is-engaged){transform:translateY(-4px);box-shadow:0 16px 34px rgba(0,0,0,.10);border-color:var(--accent)}
.sharing-card:is(:hover,:focus-visible,:focus-within,.is-engaged)::before{width:100%}
.sharing-card:is(:hover,:focus-visible,:focus-within,.is-engaged) :is(.sharing-meta,.sharing-meta span,.skill-card-body p){color:#211208}
.sharing-card .sharing-read:hover{background:#303030}
.sharing-card .sharing-pdf{background:#fff}
.sharing-card .sharing-pdf:hover{background:#f0f0f0}
@media(hover:none),(pointer:coarse){
  .sharing-card:not(.is-engaged):not(:focus-visible):not(:focus-within)::before{width:9px}
  .sharing-card:not(.is-engaged):not(:focus-visible):not(:focus-within) .sharing-meta{color:#747474}
  .sharing-card:not(.is-engaged):not(:focus-visible):not(:focus-within) .sharing-meta span{color:#aaa}
  .sharing-card:not(.is-engaged):not(:focus-visible):not(:focus-within) .skill-card-body p{color:#626262}
}