/* Shared component details from the approved homepage, requested 8 Oct 2026.
   Existing article compositions, hero photographs and unique sections stay intact. */
body[data-homepage-style] .byline.wmi-byline{display:flex;align-items:flex-start;gap:12px;flex-shrink:1;color:#102448}
body[data-homepage-style] .byline.wmi-byline>img{width:39px;height:39px;flex:0 0 39px;border-radius:50%;object-fit:cover;margin:0}
body[data-homepage-style] .byline.wmi-byline .byline-details{flex:1;min-width:0}
body[data-homepage-style] .ui-hero .hero-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:12px}
body[data-homepage-style] .ui-hero .hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:51px;height:auto;padding:13px 17px;font:650 .875rem/1.5 DM,Arial,sans-serif;letter-spacing:normal;border:1px solid transparent;border-radius:10px;white-space:normal;text-decoration:none;max-width:100%;box-sizing:border-box}
body[data-homepage-style] .ui-hero .hero-actions .button-blue{background:#195cff;color:white;box-shadow:0 7px 20px #195cff24}
body[data-homepage-style] .ui-hero .hero-actions .button-outline{background:#fff;color:#102448;border-color:#ced8e9;box-shadow:none}
body[data-homepage-style] .ui-hero .hero-actions .button:hover{transform:translateY(-2px)}
body[data-homepage-style] .ui-hero .hero-actions .button:focus-visible{outline:2px solid #195cff;outline-offset:3px}
body[data-homepage-style] .ui-hero .hero-actions .button .wi-icon{flex-shrink:0}
body[data-homepage-style] .hero-recommendation{left:24px;right:24px;bottom:24px;max-width:none;padding:15px 20px;gap:18px;border:1px solid #ffffffcc;border-radius:15px;background:#fffffff5;box-shadow:0 12px 36px #04153833}
body[data-homepage-style] .hero-product-thumbnail{width:76px;height:86px;object-fit:contain;flex:0 0 76px}
body[data-homepage-style] .hero-recommendation-copy{min-width:0}
body[data-homepage-style] .hero-recommendation strong{font:650 1rem/1.4 DM,Arial,sans-serif;color:#102448}
body[data-homepage-style] .hero-recommendation-link{display:flex;align-items:center;gap:12px;margin-top:8px;font:.8125rem/1.7 DM,Arial,sans-serif;color:#63718a}
body[data-homepage-style] .hero-recommendation-link .wi-icon{color:#195cff;flex-shrink:0}
@media(max-width:1150px){body[data-homepage-style] .ui-hero .hero-actions{gap:10px}body[data-homepage-style] .ui-hero .hero-actions .button{padding-inline:14px}}
@media(min-width:601px) and (max-width:900px){body[data-homepage-style] .ui-hero .hero-actions{flex-direction:column;align-items:flex-start}body[data-homepage-style] .ui-hero .hero-actions .button{width:100%;max-width:285px}}
@media(max-width:600px){
 body[data-homepage-style] .ui-hero .hero-actions .button{width:100%;padding:13px 15px}
 body[data-homepage-style] .hero-recommendation{left:16px;right:16px;bottom:16px;padding:13px;gap:12px}
 body[data-homepage-style] .hero-product-thumbnail{width:60px;height:74px;flex-basis:60px}
 body[data-homepage-style] .hero-recommendation strong{font-size:.9375rem}
 body[data-homepage-style] .hero-recommendation-link{margin-top:6px}
}
@media(prefers-reduced-motion:reduce){body[data-homepage-style] .ui-hero .hero-actions .button:hover{transform:none}}