/* Layered school graphics: presentation only; source photos and chart data stay intact. */
:root {
  --art-line: #cbded5;
  --art-surface: #f3f8f5;
  --art-shadow: 0 8px 24px rgb(18 62 53 / 7%);
}
@media screen {
  /* Flat vector files carry their own layers; avoid filters at small icon sizes. */
  :is(.ajer-icon,.school-section-symbol,.school-shortcuts img,.pss-task-links img) {
    object-fit: contain;
  }
  body[data-interface] :is(.pss-section-art,.pss-widget-art,.network-resource img) {
    object-fit: contain;
  }
  body.pss-reading-room .pss-home-card .pss-card-illustration {
    background: #fff;
    object-fit: contain;
  }
  .school-hero { border-bottom: 3px solid #c6a35b; }
  body .ajer-profile-image {
    border: 5px solid #fff;
    outline: 1px solid var(--art-line);
    box-shadow: var(--art-shadow);
  }
  /* Photo/poster mats retain every edge of the original content. */
  body[data-interface=school] .program-card-grid .achievement-card-media {
    position: relative;
    background: var(--art-surface);
    border: 1px solid var(--art-line);
    border-radius: 16px;
    padding: 10px;
    box-shadow: var(--art-shadow);
  }
  body[data-interface=school] .program-card-grid .achievement-card-media img {
    position: absolute;
    inset: 10px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    object-fit: contain;
    border-radius: 8px;
  }
  body[data-interface=school] :is(.achievement-article-figure,.achievement-gallery figure) {
    padding: clamp(8px,1.5vw,16px);
    border: 1px solid var(--art-line);
    border-radius: 16px;
    background: var(--art-surface);
    box-shadow: var(--art-shadow);
  }
  body[data-interface=school] :is(.achievement-article-figure,.achievement-gallery) img {
    display: block;
    object-fit: contain;
    background: #fff;
    border-radius: 8px;
  }
  body[data-interface=school] :is(.achievement-article-figure,.achievement-gallery) figcaption {
    padding: 14px 6px 4px;
    color: var(--ds-color-text-muted);
    line-height: 1.6;
  }
  body[data-interface=school] .achievement-image-link {
    margin-top: 6px;
    padding-inline: 6px;
  }
  :is(.pss-chart-panel,.pss-roster) > img,
  img[src*="/pss-carta-"],img[src*="/pss-senarai-"] {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    object-fit: contain;
    padding: clamp(6px,1.5vw,16px);
    border: 1px solid var(--art-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: var(--art-shadow);
  }
  img[src*="/pss-cards/"] {
    box-sizing: border-box;
    object-fit: contain;
    padding: 8px;
    border: 1px solid var(--art-line);
    border-radius: 12px;
    background: var(--art-surface);
  }
  body[data-interface=admin] .admin-preview img {
    object-fit: contain;
    padding: 4px;
    border: 1px solid var(--art-line);
    background: #fff;
  }
  #visitor-chart { background: #fff; border-radius: 12px; }
  #visitor-chart rect { fill: #287661; }
  #visitor-chart text { fill: #123e35; }
  .app-nav svg { stroke-width: 1.65; }
}