/* Icons, labels and colours reinforce each other; actions retain their existing IDs. */
body .section-tabs.resource-tiles{display:grid;--resource-tile-size:128px;grid-template-columns:repeat(auto-fill,var(--resource-tile-size));width:100%;max-width:100%;gap:12px;align-items:start;justify-content:start;margin-block:20px}
body .section-tabs.resource-tiles>.revision-actions{display:contents}
body .section-tabs.resource-tiles>.revision-actions[hidden]{display:none!important}
html body .section-tabs.resource-tiles .resource-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px!important;min-width:0;min-height:0;width:100%;height:auto;aspect-ratio:1 / 1;box-sizing:border-box;margin:0;padding:8px 6px!important;border:1px solid var(--tile-accent)!important;border-radius:14px;background:var(--tile-bg)!important;color:var(--tile-ink)!important;box-shadow:0 3px 0 var(--tile-accent)!important;white-space:normal;text-align:center;text-decoration:none;line-height:1.3;cursor:pointer}
html body .section-tabs.resource-tiles .resource-tile[hidden]{display:none!important}
html body .section-tabs.resource-tiles .resource-tile:hover:not(:disabled){background:var(--tile-hover)!important;color:var(--tile-ink)!important}
html body .section-tabs.resource-tiles .resource-tile:focus-visible{outline:3px solid var(--tile-ink)!important;outline-offset:4px}
html body .section-tabs.resource-tiles .resource-tile[aria-pressed="true"]{outline:2px solid var(--tile-accent);outline-offset:1px}
.resource-tiles .resource-tile-icon{display:block;width:56px;height:56px;flex:0 0 56px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;color:var(--tile-ink)}
.resource-tiles .resource-tile-label{display:flex;align-items:center;justify-content:center;min-height:2.6em;max-width:100%;font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:normal}
.resource-tile-topics{--tile-bg:#166e78;--tile-hover:#115d66;--tile-accent:#104b53;--tile-ink:#fff7e9}
.resource-tile-body{--tile-bg:#2856a0;--tile-hover:#21488a;--tile-accent:#193c73;--tile-ink:#fff7e9}
.resource-tile-posters{--tile-bg:#a84912;--tile-hover:#913c0e;--tile-accent:#78300c;--tile-ink:#fff7e9}
.resource-tile-terms{--tile-bg:#785b25;--tile-hover:#644a1c;--tile-accent:#513b15;--tile-ink:#fff7e9}
.resource-tile-videos{--tile-bg:#ef9a87;--tile-hover:#f4b09f;--tile-accent:#ac5a49;--tile-ink:#481f1b;--tile-dark-bg:#854336;--tile-dark-hover:#854336;--tile-dark-ink:#fff7e9}
.resource-tile-explainer{--tile-bg:#79d4df;--tile-hover:#99e2e8;--tile-accent:#398a98;--tile-ink:#143b46;--tile-dark-bg:#176672;--tile-dark-hover:#176672;--tile-dark-ink:#fff7e9}
.resource-tile-slides{--tile-bg:#3c437f;--tile-hover:#30366c;--tile-accent:#282c59;--tile-ink:#fff7e9}
.resource-tile-quiz{--tile-bg:#176650;--tile-hover:#10553f;--tile-accent:#0b4636;--tile-ink:#fff2b2}
.resource-tile-flashcards{--tile-bg:#66409a;--tile-hover:#553282;--tile-accent:#432569;--tile-ink:#ffffff}
.resource-tile-pdf{--tile-bg:#ac2936;--tile-hover:#94212d;--tile-accent:#791b25;--tile-ink:#fff7e9}
.resource-tile-dictionary{--tile-bg:#a02e73;--tile-hover:#89245f;--tile-accent:#701d4d;--tile-ink:#fff7e9}
.resource-tile-translate{--tile-bg:#45596c;--tile-hover:#384b5d;--tile-accent:#2c3d4c;--tile-ink:#fff7e9}
html[data-appearance="dark"] body .section-tabs.resource-tiles .resource-tile{background:var(--tile-dark-bg,color-mix(in srgb,var(--tile-bg) 72%,#101923))!important;color:var(--tile-dark-ink,var(--tile-ink))!important;border-color:var(--tile-accent)!important;box-shadow:0 3px 0 var(--tile-accent)!important}
html[data-appearance="dark"] body .section-tabs.resource-tiles .resource-tile:hover:not(:disabled){background:var(--tile-dark-hover,color-mix(in srgb,var(--tile-bg) 85%,#101923))!important;color:var(--tile-dark-ink,var(--tile-ink))!important}
html[data-appearance="dark"] .resource-tiles .resource-tile-icon{color:var(--tile-ink)}
html[data-appearance="dark"] body .section-tabs.resource-tiles .resource-tile:focus-visible{outline-color:var(--tile-dark-ink,var(--tile-ink))!important}
html[data-reading-contrast="high"] body .section-tabs.resource-tiles .resource-tile{background:#fff!important;color:#000!important;border:2px solid #000!important;box-shadow:none!important}
html[data-reading-contrast="high"] .resource-tiles .resource-tile-icon{color:inherit}
html[data-reading-contrast="high"][data-appearance="dark"] body .section-tabs.resource-tiles .resource-tile{background:#000!important;color:#fff!important;border-color:#fff!important}
html[data-reading-contrast="high"] body .section-tabs.resource-tiles .resource-tile:hover:not(:disabled){background:#fff!important;color:#000!important}
html[data-reading-contrast="high"][data-appearance="dark"] body .section-tabs.resource-tiles .resource-tile:hover:not(:disabled){background:#000!important;color:#fff!important}
html[data-reading-size="large"] .resource-tiles .resource-tile-label{font-size:18px}html[data-reading-size="very-large"] .resource-tiles .resource-tile-label{font-size:20px}
@media(max-width:600px){body .section-tabs.resource-tiles{width:min(100%,404px);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}html body .section-tabs.resource-tiles .resource-tile{padding:6px 4px!important;gap:4px!important}.resource-tiles .resource-tile-icon{width:48px;height:48px;flex-basis:48px}}
@media(max-width:359px){body .section-tabs.resource-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* A single gold key identifies Key Terms. */
html .resource-tiles .resource-tile-terms .resource-tile-icon{color:#f4c344;width:56px;height:56px;flex-basis:56px}
html[data-appearance="dark"] .resource-tiles .resource-tile-terms .resource-tile-icon{color:#f2c454}
html[data-reading-contrast="high"] .resource-tiles .resource-tile-terms .resource-tile-icon{color:#a97500}
html[data-reading-contrast="high"][data-appearance="dark"] .resource-tiles .resource-tile-terms .resource-tile-icon{color:#ffd369}
html[data-reading-size="large"] .section-tabs.resource-tiles,html[data-reading-size="very-large"] .section-tabs.resource-tiles{--resource-tile-size:148px}
@media(max-width:600px){html .resource-tiles .resource-tile-terms .resource-tile-icon{width:48px;height:48px;flex-basis:48px}html[data-reading-size="large"] .section-tabs.resource-tiles,html[data-reading-size="very-large"] .section-tabs.resource-tiles{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,298px)}}

/* Larger original illustrations make the two practice activities easy to spot. */
html .resource-tiles :is(.resource-tile-quiz,.resource-tile-flashcards) .resource-tile-icon{width:56px;height:56px;flex-basis:56px}
@media(max-width:600px){html .resource-tiles :is(.resource-tile-quiz,.resource-tile-flashcards) .resource-tile-icon{width:48px;height:48px;flex-basis:48px}}


/* The PDF link occupies one full grid cell, just like every button. */
html body main:has(#student-unit-content) .section-tabs.resource-tiles>.revision-actions{display:contents!important;padding:0!important;margin:0!important;border:0!important}
html body main:has(#student-unit-content) .section-tabs.resource-tiles>.revision-actions[hidden]{display:none!important}

/* Study Shuffle retains its familiar lime colour. */
.resource-tile-auto{--tile-bg:#b9df4d;--tile-hover:#c9ec66;--tile-accent:#74942b;--tile-ink:#21330d;--tile-dark-bg:#b9df4d;--tile-dark-hover:#c9ec66;--tile-dark-ink:#21330d;}
html body .section-tabs.resource-tiles .resource-tile-auto:disabled{opacity:.6;cursor:default}