/* D8 — Download resources belong to the reading flow, not a generic list. */
.amp-article-resources {
 margin-block-start: clamp(3rem, 6vw, 4.75rem);
 padding-block-start: clamp(2rem, 4vw, 3rem);
 border-block-start: 1px solid var(--wp--custom--border--color);
}
.amp-article-resources > h2 { margin: 0 0 1.25rem; font-size: clamp(1.45rem, 1.2rem + .8vw, 2rem); }
.amp-article-resources .amp-resource-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .85rem; }
.amp-resource-list .amp-resource-card {
 position: relative;
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 column-gap: 1rem;
 align-items: center;
 margin: 0;
 padding: 1.15rem 1.2rem;
 background: linear-gradient(135deg, color-mix(in srgb, var(--wp--preset--color--green) 5%, var(--wp--preset--color--white)), var(--wp--preset--color--white));
 border: 1px solid color-mix(in srgb, var(--wp--preset--color--green) 15%, var(--wp--custom--border--color));
 border-radius: var(--wp--custom--radius--medium);
 overflow-wrap: anywhere;
 box-shadow: var(--wp--preset--shadow--soft);
}
.amp-resource-card h3 { grid-column: 1; margin: 0 0 .35rem; font-size: 1.05rem; line-height: 1.55; }
.amp-article-resources .amp-resource-card > p { grid-column: 1; margin: .15rem 0; color: var(--wp--custom--surface--muted); font-size: var(--wp--preset--font-size--small); }
.amp-resource-source { font-size: .78rem !important; }
.amp-resource-download {
 grid-column: 2; grid-row: 1 / span 3;
 display: inline-flex; align-items: center; justify-content: center;
 min-block-size: 44px; padding: .65rem .9rem;
 border-radius: 999px;
 background: var(--wp--preset--color--green);
 color: var(--wp--preset--color--white);
 font-size: .82rem;
 font-weight: 800;
 text-decoration: none;
 white-space: nowrap;
 transition: transform .18s ease, box-shadow .18s ease;
}
.amp-resource-download:hover { transform: translateY(-1px); box-shadow: 0 8px 20px color-mix(in srgb, var(--wp--preset--color--green) 18%, transparent); color: var(--wp--preset--color--white); }
.amp-resource-download:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 3px; }
@media (max-width: 36rem) {
 .amp-resource-list .amp-resource-card { grid-template-columns: 1fr; }
 .amp-resource-download { grid-column: 1; grid-row: auto; justify-self: start; margin-block-start: .7rem; }
}