/* Compact illustrated entries for the three Ayutthaya articles. */
.ay-story-card{min-height:235px;padding:20px}
.ay-story-lead{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center}
.ay-story-thumb{display:block;width:84px;height:84px;object-fit:cover;border-radius:3px;background:#dce8dc;flex:none}
.ay-story-card h3{font-size:21px;margin:6px 0 0}
.ay-story-card p{margin-top:14px}
.ay-story-card:focus-visible,.th-ayutthaya-links a:focus-visible,.ay-related-links a:focus-visible{outline:3px solid #426e55;outline-offset:4px}

.th-ayutthaya-links a{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:15px;row-gap:4px;align-content:center;padding:18px}
.th-ayutthaya-links .th-ayutthaya-thumb{grid-column:1;grid-row:1/4;display:block;width:86px;height:82px;object-fit:cover;border-radius:3px;background:#dce8dc}
.th-ayutthaya-links a>small,.th-ayutthaya-links a>strong,.th-ayutthaya-links a>span{grid-column:2;min-width:0}

.ay-related-links a{display:grid;grid-template-columns:100px minmax(0,1fr);grid-template-rows:repeat(3,auto);column-gap:16px;row-gap:3px;align-content:center;align-items:center;padding:16px 18px;min-width:0}
.ay-related-links .ay-related-thumb{grid-column:1;grid-row:1/4;display:block;width:100px;height:86px;object-fit:cover;border-radius:3px;background:#dce8dc}
.ay-related-links a>span,.ay-related-links a>strong,.ay-related-links a>small{grid-column:2;min-width:0}
.ay-related-links a>small{line-height:1.6}
.ay-update-date{margin:0 0 14px;font-size:12px;line-height:1.8;color:#647567}
.ay-policy-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 20px;margin-top:18px;font-size:12px;line-height:1.6}
.ay-policy-links a{color:#345f46;text-decoration:underline;text-underline-offset:3px}

@media(max-width:380px){
  .ay-story-card{padding:16px}
  .ay-story-lead{grid-template-columns:76px minmax(0,1fr);gap:12px}
  .ay-story-thumb{width:76px;height:76px}
  .th-ayutthaya-links a{grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding:16px}
  .th-ayutthaya-links .th-ayutthaya-thumb{width:76px;height:76px}
  .ay-related-links a{grid-template-columns:86px minmax(0,1fr);column-gap:12px;padding:14px}
  .ay-related-links .ay-related-thumb{width:86px;height:80px}
}