/* Approved Figma item families: shared geometry and interaction owner. */
[data-item] { min-width:0; margin:0; padding:0; border:0; background:none; overflow:visible; }
[data-item] .item-link { display:flex; flex-direction:column; height:100%; min-width:0; color:#25346b; background:#fff; border:1px solid #dce1e8; border-radius:12px; text-decoration:none; overflow:visible; transition:border-color 150ms,box-shadow 150ms,background-color 150ms; }
[data-item] .item-media { position:relative; display:grid; place-items:center; width:100%; aspect-ratio:1; min-height:0; overflow:hidden; border-radius:11px 11px 0 0; background:#f1f2f4; }
[data-item] .item-media img { display:block; width:100%; height:100%; max-height:none; aspect-ratio:1; object-fit:contain; margin:0; border-radius:0; }
[data-item] .item-body { display:flex; flex-direction:column; justify-content:center; gap:6px; min-width:0; padding:12px; }
.relyon-page [data-item] .item-title, [data-item] .item-title { display:block!important; margin:0!important; font:500 14px/20px Manrope,sans-serif!important; color:#25346b!important; text-align:center; white-space:normal; overflow:visible!important; overflow-wrap:anywhere; -webkit-line-clamp:unset!important; letter-spacing:normal; }
[data-item] .item-meta, [data-item] .item-hint { font:400 12px/18px Manrope,sans-serif; color:#626d81; }
[data-item=category] .item-body { text-align:center; }
[data-item=article] .item-media { aspect-ratio:16/9; }
[data-item=article] .item-media img { aspect-ratio:16/9; object-fit:cover!important; }
.relyon-page [data-item=article] .item-title { font-size:18px!important; line-height:26px!important; text-align:left; }
[data-item=recommendation] .item-link, [data-item=search] .item-link { flex-direction:row; align-items:center; padding:12px; gap:12px; }
[data-item=recommendation] .item-media, [data-item=search] .item-media { width:88px; height:88px; flex:0 0 88px; border-radius:8px; }
[data-item=recommendation] .item-body, [data-item=search] .item-body { padding:0; }
.relyon-page [data-item=recommendation] .item-title, .relyon-page [data-item=search] .item-title, [data-item=search] .item-title { text-align:left; }
.relyon-page [data-item=search] .item-title, [data-item=search] .item-title { font-size:16px!important; line-height:24px!important; }
[data-item] .item-link:focus-visible { outline:3px solid #5269bb; outline-offset:3px; }
[data-item] .item-link:active, [data-item] .item-link[data-pressed] { background:#e9f5fc; border-color:#25346b; }
@media (hover:hover) and (pointer:fine) {
  [data-item] .item-link:hover { border-color:#25346b; box-shadow:0 3px 12px #25346b14; }
}
.item-image-status { position:absolute; inset:0; display:grid; place-items:center; padding:12px; font:400 13px/20px Manrope,sans-serif; color:#626d81; background:#f1f2f4; text-align:center; }
.item-image-retry { min-height:44px; margin:8px 0 0; padding:6px 12px; border:1px solid #cbd2df; border-radius:8px; color:#25346b; background:white; font:500 13px/20px Manrope,sans-serif; cursor:pointer; }
.item-image-retry:focus-visible { outline:3px solid #5269bb; outline-offset:3px; }
.relyon-page [data-view="Knowledge article grid"]>[data-item], .relyon-page [data-view^="Content row "]>[data-item] { display:block!important; border:0!important; border-radius:0!important; padding:0!important; background:none!important; box-shadow:none!important; }
.relyon-page [data-view="Category links 1"], .relyon-page [data-view="Category links 2"] { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:16px!important; }
.relyon-page [data-view="Browse real source collection"] { overflow:visible!important; background:#f5f5f3; border-radius:16px; padding:16px!important; }
.relyon-page .discovery-grid { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:16px!important; }
.item-recommendations { margin-top:32px; padding-top:24px; border-top:1px solid #dce1e8; }
.item-recommendations>h2 { font:500 20px/28px Manrope,sans-serif!important; margin:0 0 16px!important; }
.item-recommendation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.search-results { display:grid; gap:12px; }
@media(max-width:767px) {
  .relyon-page [data-view="Category links 1"], .relyon-page [data-view="Category links 2"] { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; }
  .relyon-page [data-view="Browse real source collection"] { padding:12px!important; }
  .relyon-page .discovery-grid, .item-recommendation-grid { grid-template-columns:minmax(0,1fr)!important; gap:12px!important; }
  [data-item] .item-body { padding:10px; }
  [data-item=recommendation] .item-body, [data-item=search] .item-body { padding:0; }
}
@media(prefers-reduced-motion:reduce) { [data-item] .item-link { transition:none; } }
[data-item-search] { width:100%; padding:0 var(--storefront-gutter,80px) 24px; }
[data-item-search] .discovery-grid { padding:0!important; margin:20px 0 0!important; }
[data-item-search] .relyon-search>p { margin:8px 0 16px; font:400 13px/20px Manrope,sans-serif; color:#626d81; }
[data-item-search] .search-status { margin-block:16px; }
[data-item-search] .search-status h3 { font:500 16px/24px Manrope,sans-serif!important; margin:0; }
[data-item-search] .search-status p { font:400 14px/22px Manrope,sans-serif!important; margin:8px 0; }
@media(max-width:767px) { [data-item-search] { padding-inline:20px; } }