/* fukushop-news-manager v0.8.10. Card only: do not change Cocoon generic elements. */
.fsn-aff-card{clear:both;box-sizing:border-box;max-width:760px;margin:24px auto 32px;padding:17px;border:1px solid #e0e4e8;border-radius:10px;background:#fafbfc;color:#20252a;--fsn-aff-image-pc:200px;--fsn-aff-image-mobile:120px;--fsn-aff-button-cols:2}
.fsn-aff-card *, .fsn-aff-card *::before,.fsn-aff-card *::after{box-sizing:border-box}
.fsn-aff-card__heading{min-width:0;overflow-wrap:anywhere;line-height:1.55}
.fsn-aff-card__title{display:block;font-size:16px;line-height:1.55}
.fsn-aff-card__subtitle{margin-top:5px;font-size:13px;line-height:1.6;font-weight:400;overflow-wrap:anywhere;white-space:normal}
.fsn-aff-card__media{min-width:0;overflow:hidden;border-radius:6px;background:#f2f4f7}
.fsn-aff-card__image{display:block!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;border-radius:6px}
.fsn-aff-card--fit-cover .fsn-aff-card__image{object-fit:cover}
.fsn-aff-card__links{display:grid;grid-template-columns:repeat(var(--fsn-aff-button-cols),minmax(0,1fr));gap:9px;min-width:0;align-content:start}
.fsn-aff-card__links a.fsn-aff-card__button{display:flex;justify-content:center;align-items:center;min-height:42px;padding:9px 7px;border-radius:6px;box-sizing:border-box;text-decoration:none!important;color:#fff!important;background:#434e5b;font-size:13px;font-weight:bold;line-height:1.45;text-align:center;overflow-wrap:anywhere;box-shadow:none}
.fsn-aff-card__links a.fsn-aff-card__button--rakuten{background:#b72c35}
.fsn-aff-card__links a.fsn-aff-card__button--amazon{background:#303a45}
.fsn-aff-card__links a.fsn-aff-card__button--yahoo{background:#c7363b}
.fsn-aff-card__links a.fsn-aff-card__button--mercari{background:#3881b0}
.fsn-aff-card__links a.fsn-aff-card__button:hover{filter:brightness(.9);opacity:1}
/* Side-by-side is now default. Heading spans full card width. */
.fsn-aff-card--side>.fsn-aff-card__heading{margin-bottom:14px}
.fsn-aff-card--side .fsn-aff-card__body{display:grid;grid-template-columns:minmax(0,var(--fsn-aff-image-pc)) minmax(0,1fr);align-items:start;gap:14px;min-width:0}
.fsn-aff-card--side .fsn-aff-card__media{width:100%;aspect-ratio:1/1}
.fsn-aff-card--side.fsn-aff-card--no-image .fsn-aff-card__body{grid-template-columns:minmax(0,1fr)}
/* Legacy layout remains selectable; use variable sizes, without changing saved content. */
.fsn-aff-card--legacy .fsn-aff-card__intro{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.fsn-aff-card--legacy .fsn-aff-card__media{width:min(var(--fsn-aff-image-pc),35%);flex:0 0 min(var(--fsn-aff-image-pc),35%);aspect-ratio:1/1}
.fsn-aff-card--legacy .fsn-aff-card__heading{flex:1}
.fsn-aff-card--legacy .fsn-aff-card__links{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:640px){
 .fsn-aff-card{padding:12px;margin:18px 0 24px}
 .fsn-aff-card__title{font-size:14px}
 .fsn-aff-card__subtitle{font-size:12px;line-height:1.55}
 .fsn-aff-card--side .fsn-aff-card__body{grid-template-columns:minmax(0,var(--fsn-aff-image-mobile)) minmax(0,1fr);gap:10px}
 .fsn-aff-card--side .fsn-aff-card__links{grid-template-columns:minmax(0,1fr);gap:8px}
 .fsn-aff-card--legacy .fsn-aff-card__media{width:min(var(--fsn-aff-image-mobile),35%);flex-basis:min(var(--fsn-aff-image-mobile),35%)}
 .fsn-aff-card--legacy .fsn-aff-card__links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
}
@media(max-width:380px){
 .fsn-aff-card--side .fsn-aff-card__body{grid-template-columns:minmax(0,1fr)}
 .fsn-aff-card--side .fsn-aff-card__media{width:min(100%,var(--fsn-aff-image-mobile));margin:0 auto}
 .fsn-aff-card--side .fsn-aff-card__links{grid-template-columns:repeat(2,minmax(0,1fr))}
}