#zrob-to-sam[hidden],#zrob-to-sam [hidden]{display:none!important}.diy-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.diy-card{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border:2px solid #d2e7df;border-radius:20px;background:#f5fbf7;color:#153c76;font:inherit;text-align:left;box-shadow:0 5px 0 #e1e5de;cursor:pointer}.diy-card img{display:block;width:100%;height:auto;aspect-ratio:1}.diy-card>div{padding:12px}.diy-card span{font-size:.8rem;color:#367063}.diy-card h3{font-size:1.05rem;line-height:1.4;margin:8px 0 16px}.diy-card strong{font-size:.85rem;color:#2d7062}.diy-card:hover{border-color:#459981;transform:translateY(-2px)}.diy-all,.diy-actions a,.diy-head button,#diy-reset{display:inline-block;padding:12px 16px;min-height:44px;box-sizing:border-box;border:2px solid #d9d7bf;border-radius:13px;background:#fff;color:#153d79;font:inherit;font-weight:bold;text-decoration:none;cursor:pointer}.diy-all,#diy-pdf{background:#ffdf42;border-color:#efc12b;box-shadow:0 3px 0 #d7ac21}.diy-all{margin:6px 0 25px}.diy-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.diy-head h3{font-size:1.8rem;margin:8px 0}.diy-layout{display:grid;grid-template-columns:minmax(200px,320px) minmax(0,1fr);gap:28px;margin:24px 0}.diy-art{display:block;width:100%;height:auto;border-radius:22px}.diy-caption{font-size:.85rem;line-height:1.6;color:#54716c}.diy-materials{padding:16px 22px;background:#ecf6ed;border-radius:16px;margin-top:20px}.diy-materials h4{font-size:1.15rem;margin:0}.diy-materials ul{padding-left:20px;line-height:1.7}.diy-steps{list-style:none;padding:0;margin:0}.diy-steps li{border:1px solid #e0e8dc;border-radius:14px;margin-bottom:12px;background:#fffdf6}.diy-steps label{display:flex;align-items:flex-start;gap:12px;line-height:1.7;padding:15px;cursor:pointer}.diy-steps input{width:23px;height:23px;flex:none;margin-top:3px;accent-color:#2c8e68}.diy-steps label:has(input:checked){background:#e8f5e7;border-radius:14px}.diy-progress{padding:13px 17px;border-radius:12px;background:#ecf7e4;color:#2b653b;font-weight:700}.diy-tip,.diy-adult{padding:14px 18px;border-radius:12px;line-height:1.7}.diy-tip{background:#edf5fb}.diy-adult{background:#fff2d8}.diy-template{display:flex;align-items:center;gap:24px;padding:20px;border:2px solid #e3e6dc;border-radius:20px;background:#fffdf8}.diy-template img{width:170px;max-width:40%;height:auto;border:1px solid #ddd}.diy-template h4{font-size:1.25rem;margin:0 0 12px}.diy-actions{display:flex;flex-wrap:wrap;gap:12px}.diy-template p{line-height:1.6}.diy-intro{line-height:1.7;max-width:850px}#zrob-to-sam button:focus-visible,#zrob-to-sam a:focus-visible{outline:3px solid #1556a0;outline-offset:3px}@media(max-width:1050px){.diy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.diy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.diy-layout{grid-template-columns:1fr;gap:20px}.diy-art{max-width:320px;margin:auto}.diy-template{align-items:flex-start;flex-direction:column}.diy-template img{width:160px;max-width:100%;align-self:center}.diy-steps label{padding:12px}.diy-card>div{padding:10px}.diy-head h3{font-size:1.4rem}}
