*{box-sizing:border-box}body{margin:0;background:#f5f5f0;color:#243a36;font:16px/1.5 system-ui,sans-serif}main{max-width:1180px;margin:auto;padding:48px 24px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#477c6a;font-weight:700}h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:14px 0}.intro{max-width:650px;color:#53635c;margin-bottom:32px}section{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}article{background:white;border:1px solid #dce2d9;border-radius:12px;overflow:hidden;padding:16px}.picture{display:flex;align-items:center;justify-content:center;height:210px;background-color:#fafaf7;background-image:linear-gradient(45deg,#eceee8 25%,transparent 25%),linear-gradient(-45deg,#eceee8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eceee8 75%),linear-gradient(-45deg,transparent 75%,#eceee8 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border-radius:6px}.picture img{width:100%;height:100%;object-fit:contain;padding:8px}h2{font-size:17px;line-height:1.3;min-height:44px;margin:4px 0 16px}.category{font-size:12px;color:#69786e;margin:16px 0 4px}.download{color:#286550;font-weight:600;text-underline-offset:3px}a:focus-visible{outline:3px solid #e79a29;outline-offset:4px}footer{margin-top:40px;color:#748075;font-size:13px}