/* Product screenshots stay uncropped; a separate navy band carries the label. */
.usage__item:has([data-menu-thumbnail]),
.usage-unit:has([data-menu-thumbnail]){background:#f3f6f4;border:1px solid #dce5e0}
.usage__item:has([data-menu-thumbnail]):before,
.usage-unit:has([data-menu-thumbnail]):before{height:78px;background:#354b71;opacity:1}
.usage__item img[data-menu-thumbnail],
.usage-unit img[data-menu-thumbnail]{height:calc(100% - 78px);padding:10px;box-sizing:border-box;object-fit:contain;object-position:center;background:#f3f6f4}
.usage__item:has([data-menu-thumbnail]) .usage__item-button,
.usage-unit:has([data-menu-thumbnail]) .usage-unit__button{bottom:0;max-width:calc(100% - 40px);box-sizing:border-box}
.mirai-subpage .l-main-visual__image[data-menu-thumbnail],
.mirai-subpage .image-text__image img[data-menu-thumbnail],
.mirai-subpage .flow-unit__image[data-menu-thumbnail]{object-fit:contain;object-position:center;background:#f3f6f4;border:1px solid #dce5e0}
.mirai-subpage .image-text__image img[data-menu-thumbnail]{aspect-ratio:1200/760;height:auto}
@media(hover:hover){
 .usage__item:has([data-menu-thumbnail]):hover .usage__item-image,
 .usage-unit:has([data-menu-thumbnail]):hover .usage-unit__image{transform:scale(1.035)}
}
@media(min-width:768px){
 .usage__item:nth-child(n+6):has([data-menu-thumbnail]) .usage__item-button{bottom:0}
}
@media(max-width:767px){
 .usage__item:has([data-menu-thumbnail]),.usage-unit:has([data-menu-thumbnail]){height:238px}
 .usage__item:nth-child(n+6):has([data-menu-thumbnail]){height:212px}
 .usage__item:has([data-menu-thumbnail]):before,.usage-unit:has([data-menu-thumbnail]):before{height:65px}
 .usage__item img[data-menu-thumbnail],.usage-unit img[data-menu-thumbnail]{height:calc(100% - 65px);padding:6px}
 .usage__item:has([data-menu-thumbnail]) .usage__item-button,.usage-unit:has([data-menu-thumbnail]) .usage-unit__button{bottom:3px;left:12px;max-width:calc(100% - 24px);margin-top:0}
 .usage__item:nth-child(n+6):has([data-menu-thumbnail]) .usage__item-button{width:100%;font-size:13px;padding-right:27px}
 .usage__item:nth-child(n+6):has([data-menu-thumbnail]) .usage__item-button-arrow{right:12px}
}

/* Shared short descriptions on the contents and pricing overviews. */
.usage-list.usage-list--with-leads{grid-template-rows:none;column-gap:20px;row-gap:32px}
.usage-list--with-leads .mirai-menu-card{min-width:0}
.usage-list--with-leads .usage-unit{display:block;height:335px}
.mirai-menu-card__lead{margin:14px 8px 0;color:#35435a;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:767px){
 .usage-list.usage-list--with-leads{row-gap:28px}
 .usage-list--with-leads .usage-unit:has([data-menu-thumbnail]){height:238px}
 .mirai-menu-card__lead{margin:12px 4px 0;font-size:15px;line-height:1.8}
}

/* Homepage cards grow with their descriptions instead of clipping the text. */
.usage__list.usage__list--with-leads{grid-template-rows:none;row-gap:20px}
.usage__list--with-leads .usage__item:nth-child(n){display:flex;flex-direction:column;min-width:0;height:auto}
.usage__list--with-leads .usage__item:nth-child(n):before{display:none}
.usage__list--with-leads .usage__item:nth-child(n) .usage__item-image{position:relative;inset:auto;z-index:0;display:block;height:200px;flex:none;object-fit:contain}
.usage__list--with-leads .usage__item:first-child .usage__item-image{height:248px}
.usage__list--with-leads .usage__item:nth-child(n+6) .usage__item-image{height:160px}
.usage__item-caption{position:relative;z-index:1;flex:1;padding:22px 24px 24px;background:#354b71;color:#fff}
.usage__list--with-leads .usage__item:nth-child(n) .usage__item-button{position:relative;inset:auto;width:100%;max-width:none;margin:0;padding:0 42px 0 0;font-size:24px;line-height:1.5;overflow-wrap:anywhere}
.usage__list--with-leads .usage__item:nth-child(n+6) .usage__item-button{font-size:20px}
.usage__list--with-leads .usage__item:nth-child(n) .usage__item-button:before,
.usage__list--with-leads .usage__item:nth-child(n) .usage__item-button:after{display:none}
.usage__list--with-leads .usage__item:nth-child(n) .usage__item-button-arrow{top:5px;right:0;bottom:auto}
.usage__item-lead{margin:12px 0 0;color:#fff;font-size:16px;font-weight:400;line-height:1.8;overflow-wrap:anywhere}
@media(max-width:767px){
 .usage__list--with-leads .usage__item:nth-child(n){grid-column:1/-1}
 .usage__list--with-leads .usage__item:nth-child(n) .usage__item-image{height:190px}
 .usage__item-caption{padding:18px}
 .usage__list--with-leads .usage__item:nth-child(n) .usage__item-button{font-size:18px;line-height:1.5}
 .usage__list--with-leads .usage__item:nth-child(n) .usage__item-button-arrow{top:2px}
 .usage__item-lead{margin-top:10px;font-size:15px}
}

/* Initial 30-day support: same card design, a warm orange caption. */
.usage__item[href="contents-05.html"] .usage__item-caption,
.usage__item[href="contents-06.html"] .usage__item-caption,
.usage-unit[href="contents-05.html"]:has([data-menu-thumbnail])::before,
.usage-unit[href="contents-06.html"]:has([data-menu-thumbnail])::before{background:#ac551f}