#scad-articles{margin:32px auto;padding:32px;max-width:1200px;border:1px solid #49658a;border-radius:16px;background:linear-gradient(120deg,#05080e,#10233b);color:#fff;scroll-margin-top:150px}
#scad-articles .scad-reading-label{font-size:11px;letter-spacing:.15em;color:#a6c5ff}
#scad-articles h2{font-size:32px;color:#fff;margin:10px 0}
#scad-articles>p{font-size:15px;line-height:1.6;color:#fff}
#scad-articles .scad-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
#scad-articles .scad-reading-grid>a{display:flex;flex-direction:column;padding:22px;border:1px solid #7189a7;border-radius:12px;background:#080e18;color:#fff;text-decoration:none}
#scad-articles .scad-reading-grid h3{font-size:20px;line-height:1.3;margin:0 0 14px;color:#fff}
#scad-articles .scad-reading-grid p{font-size:14px;line-height:1.6;color:#fff;margin:0 0 18px}
#scad-articles .scad-reading-grid span{margin-top:auto;font-size:12px;color:#b4cdff}
#scad-articles .scad-reading-grid>a:hover{border-color:#bfd9ff}
#scad-articles .scad-equipment-return{display:inline-block;padding:10px 18px;background:#245ee3;border-radius:99px;color:#fff;font-size:13px;text-decoration:none}
#scad-articles a:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:700px){#scad-articles{margin:20px 16px;padding:22px}#scad-articles .scad-reading-grid{grid-template-columns:1fr}}