.ain-public { min-width: 0; } .ain-public h1 { overflow-wrap: break-word; } .ain-overview { max-width: 426.6667px; margin-inline: auto; } .ain-overview .ain-grid { max-width: none; } .ain-grid { display: grid; max-width: 426.6667px; margin-inline: auto; grid-template-columns: minmax(0, 1fr); gap: 16px; margin-bottom: 24px; } .ain-card { overflow: hidden; min-width: 0; } .ain-grid > .panel { margin-top: 0; } .ain-card h2 { font-size: 1.25rem; line-height: 1.4; margin-bottom: 12px; } .ain-card p:last-child { margin-bottom: 0; } .ain-image, .ain-public picture, .ain-public figure { display: block; max-width: 100%; } .ain-image img, img.ain-image { display: block; width: 100%; height: auto; } .ain-photo, .ain-hero { display: block; width: 100%; aspect-ratio: 16 / 9; max-height: 240px; overflow: hidden; } .ain-photo picture, .ain-hero picture { height: 100%; } .ain-photo img, .ain-hero img { width: 100%; height: 100%; object-fit: cover; } .ain-hero { max-width: 746.6667px; max-height: 420px; margin-inline: auto; } .ain-article { width: 100%; max-width: 780px; margin-inline: auto; } .ain-home .ain-grid { margin-bottom: 0; grid-template-columns: minmax(0, 1fr); } @media (min-width: 681px) { .ain-home .ain-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ain-home .ain-grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); } .ain-home .ain-grid:has(> :last-child:nth-child(2)) { grid-template-columns: repeat(2, minmax(0, 1fr)); } } .ain-home .ain-card h3 { font-size: 1.125rem; line-height: 1.4; } .ain-meta { color: var(--ink-2, var(--bs-secondary-color)); font-size: .875rem; margin-top: 8px; } .ain-text { overflow-wrap: break-word; } .ain-public .ain-text h2 { font-size: 1.125rem; margin-top: 1.6em; margin-bottom: .5em; } .ain-public .ain-text h3 { font-size: 1rem; margin-top: 1.6em; margin-bottom: .5em; } .ain-pagination { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 16px; margin: 24px 0; } @media (min-width: 601px) { .ain-overview { max-width: 869.3334px; } .ain-grid { max-width: 869.3334px; grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 1200px) { .ain-overview { max-width: 1312px; } .ain-grid { max-width: 1312px; grid-template-columns: repeat(3, minmax(0, 1fr)); } }