.media-main{max-width:1200px;margin:60px auto;padding:0 28px}.media-main h1{font-size:clamp(40px,6vw,68px);max-width:900px}.lead{font-size:19px;max-width:800px;color:#61717b}.media-controls{display:flex;gap:18px;flex-wrap:wrap;padding:24px;background:#f4f5ef;border-radius:12px;margin:35px 0 20px}.media-controls label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:14px;flex:1;min-width:180px}.media-controls input,.media-controls select{font:inherit;padding:12px;background:#fff;color:#112b3e;border:1px solid #c8d4d7;border-radius:6px;width:100%}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.media-card{border:1px solid #dce2df;border-radius:12px;overflow:hidden;background:white}.media-card img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;background:#edf1f0}.media-card .copy{padding:23px}.media-card h2{font-size:26px;margin:8px 0 16px}.media-card p{font-size:15px}.media-card .credit-line{font-size:12px;color:#61717b}.media-card a,.library-note a,.credit a,.topic-photo a{color:#136c82;text-decoration:underline;text-underline-offset:3px}.pagination{display:flex;align-items:center;justify-content:center;gap:22px;margin:35px 0}.pagination button,.play-video{background:#112b3e;color:white;border:0;border-radius:5px;padding:12px 18px}.pagination button:disabled{opacity:.4;cursor:default}.library-note{background:#f4f5ef;padding:24px;border-radius:10px;font-size:14px}.topic-photo{margin:35px 0}.topic-photo img{width:100%;height:auto;display:block;border-radius:10px}.topic-photo figcaption{padding:15px 0;font-size:15px}.topic-photo small{display:block;font-size:12px;color:#61717b;margin-top:8px}.credit{padding:25px 0;border-bottom:1px solid #dce2df}.credit h2{font-size:27px}.video-slot{background:#edf1f0;padding:28px;min-height:160px;display:grid;place-items:center}.video-slot iframe{width:100%;aspect-ratio:16/9;border:0}.media-empty{grid-column:1/-1;padding:35px;border:1px dashed #b5c5c7;border-radius:10px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e8a449;outline-offset:3px}@media(max-width:650px){.media-main{margin:35px auto;padding:0 22px}.media-grid{grid-template-columns:1fr}.media-controls{padding:16px}.pagination{gap:12px}.media-main h1{font-size:42px}.media-card .copy{padding:20px}}