/* #93 / #324: approved slide-master graphic and accessible controls for the DNS practical.
   Scoped to the DNS lab. Preserve the model, saved progress, and existing site tokens. */
#ifd-dns-investigation .dn-reference-graphic{margin:18px 0 22px;background:#071426;border:1px solid #29475f;border-radius:14px;overflow:hidden;max-width:100%}
#ifd-dns-investigation .dn-reference-graphic img{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:2134/1200;object-fit:contain}
#ifd-dns-investigation .dn-reference-graphic figcaption{font:14px/1.55 Inter,Arial,sans-serif;color:#e6ecf5;padding:12px 18px 16px;margin:0;max-width:none}
#ifd-dns-investigation .dn-system-picker{margin:18px 0 12px}
#ifd-dns-investigation .dn-system-picker h3{font-size:16px;margin:0 0 10px}
#ifd-dns-investigation .dn-system-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr));gap:8px}
#ifd-dns-investigation .dn-system-buttons button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;min-width:0;padding:10px 12px;background:#f4f8fb;color:#102b46;border:1px solid #91a8ba;border-radius:8px;font-size:12px}
#ifd-dns-investigation .dn-system-buttons button span{font:12px/1.4 Inter,Arial,sans-serif;color:#324d62}
#ifd-dns-investigation .dn-system-buttons button strong{font:600 13px/1.4 Inter,Arial,sans-serif;overflow-wrap:anywhere}
#ifd-dns-investigation .dn-system-buttons button small{font:12px/1.4 Consolas,ui-monospace,monospace;color:#475d70;overflow-wrap:anywhere}
#ifd-dns-investigation .dn-system-buttons button.dn-involved{border-color:#185fa5;background:#eaf3f9}
#ifd-dns-investigation .dn-system-buttons button[aria-pressed="true"]{box-shadow:inset 0 -3px #185fa5;border-color:#185fa5}
#ifd-dns-investigation .dn-system-picker .dn-role{margin-top:12px}
@media(max-width:700px){#ifd-dns-investigation .dn-reference-graphic{margin:12px 0 16px;border-radius:10px}#ifd-dns-investigation .dn-reference-graphic figcaption{font-size:12px;padding:10px 12px 14px}#ifd-dns-investigation .dn-system-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:340px){#ifd-dns-investigation .dn-system-buttons{grid-template-columns:1fr}}
@media print{#ifd-dns-investigation .dn-reference-graphic{break-inside:avoid}}

#ifd-dns-investigation .dn-zoom-graphic{display:inline-block;margin-left:10px;color:#86dce5!important;text-decoration:underline;font:600 13px/1.5 Inter,Arial,sans-serif}
@media(max-width:700px){#ifd-dns-investigation .dn-zoom-graphic{display:block;margin:8px 0 0}}