.mseo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,24px);align-items:stretch}
.mseo-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;text-decoration:none;color:inherit;background:#fff;border:1.5px solid var(--fg,#29231f);border-radius:10px;transition:transform .2s ease,box-shadow .2s ease}
.mseo-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -25px rgba(30,25,20,.5)}
.mseo-card:focus-visible{outline:3px solid #e66c1b;outline-offset:3px}
.mseo-frame{display:block;overflow:hidden;aspect-ratio:8/5;background:#f2ece5;border-bottom:1px solid rgba(25,20,18,.18)}
.mseo-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.mseo-card-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:18px 18px 20px}
.mseo-kind{font-size:12px;line-height:1.45;color:var(--muted,#6d655e)}
.mseo-card strong{font-size:clamp(18px,1.65vw,23px);line-height:1.15;font-weight:700;color:var(--fg,#29231f)}
.mseo-action{margin-top:auto;padding-top:9px;font-size:14px;font-weight:700;color:var(--fg,#29231f);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.mseo-grid{grid-template-columns:1fr;max-width:560px}.mseo-card-body{padding:15px 16px 17px}.mseo-frame{aspect-ratio:8/5}}
@media(prefers-reduced-motion:reduce){.mseo-card{transition:none}.mseo-card:hover{transform:none}}

@media(max-width:600px){.mg-inner .p-links{grid-template-columns:minmax(0,1fr)}.mg-inner .p-links li{min-width:0}.mg-inner .p-links a{flex-wrap:wrap;gap:4px 12px;overflow-wrap:anywhere}.mg-inner .p-links small{margin-left:auto;white-space:normal;text-align:right}}
