.subject-grid article:has(.subject-card-button){padding:0;overflow:hidden}.subject-card-button{display:block;width:100%;height:100%;padding:28px;background:transparent;color:inherit;text-align:left}.subject-card-button:focus-visible{outline:2px solid #91ddf0;outline-offset:-4px;border-radius:12px}.subject-more{display:flex;gap:8px;align-items:center;color:#9bdff0;font-size:12px;margin-top:22px}.subject-dialog{width:min(850px,calc(100vw - 28px));max-height:calc(100dvh - 40px);padding:0;border:1px solid #60708f;border-radius:20px;background:#101a2d;color:#eaf1ff;box-shadow:0 30px 100px #0009}.subject-dialog::backdrop{background:#020614d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.subject-dialog-content{padding:28px}.subject-dialog header{display:flex;align-items:start;gap:20px;justify-content:space-between}.subject-dialog h2{font-size:28px;line-height:1.25;margin:0}.subject-dialog header button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;background:#24354e;color:#fff;border-radius:12px}.subject-description{color:#c6d4e8;margin:22px 0}.subject-pictures{display:grid;gap:16px;margin-bottom:25px}.subject-pictures img{width:100%;height:auto;display:block;border:1px solid #44506a;border-radius:12px}.subject-dialog ul{padding-left:22px;line-height:1.7;color:#ccdaef}.subject-dialog li{margin:9px 0}.subject-source{font-size:12px;color:#a7b7ce;border-top:1px solid #35425a;padding-top:18px}.subject-dialog a{margin-top:8px}@media(max-width:760px){.subject-card-button{padding:18px}.subject-dialog-content{padding:20px}.subject-dialog h2{font-size:22px}.subject-description{font-size:14px}.subject-dialog{max-height:calc(100dvh - 24px)}}