.ok-materials{margin:3rem 0}.ok-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem}.ok-material-card{min-width:0;background:#fff;border:1px solid #d9dfd6;border-radius:16px;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.ok-material-card h3{font-size:1.15rem;margin:0;flex:1}.ok-preview{width:100%;padding:0;border:0;background:#f5f4ec;cursor:zoom-in;border-radius:8px;overflow:hidden;color:#244b3d;font:inherit}.ok-preview img{display:block;width:100%;height:280px;object-fit:contain}.ok-preview span{display:block;padding:.65rem;font-size:.9rem}.ok-dialog{width:min(1100px,95vw);max-width:95vw;max-height:94dvh;padding:1rem;border:0;border-radius:16px;background:#fff;color:#203d31}.ok-dialog::backdrop{background:#10251dcc}.ok-dialog-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding-bottom:.75rem}.ok-dialog-bar h2{flex:1 1 220px;margin:0;font-size:1.15rem}.ok-image-scroll{max-height:65dvh;overflow:auto;overscroll-behavior:contain;background:#f4f3ed;margin-bottom:.8rem}.ok-image-scroll img{display:block;width:100%;max-width:none;height:auto}.ok-image-scroll img.is-zoomed{width:200%}.ok-preview:focus-visible{outline:3px solid #235d84;outline-offset:3px}@media(max-width:900px){.ok-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.ok-material-grid{grid-template-columns:1fr}.ok-preview img{height:320px}.ok-dialog{padding:.7rem}.ok-dialog-bar .btn{min-height:44px}.ok-image-scroll img.is-zoomed{width:300%}}