.preview-guide{margin:24px 0 30px;padding:22px;border:1px solid #dce3db;border-radius:18px;background:#fff}.preview-guide h2{font-size:clamp(21px,3vw,28px);margin:0 0 18px}.preview-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:0;padding-left:24px}.preview-guide-grid li{padding-left:4px;min-width:0}.preview-guide-grid li::marker{font-weight:700;color:#315546}.preview-guide-grid strong{display:block;line-height:1.4}.preview-guide-grid p{margin:8px 0 0;line-height:1.6}.preview-guide details{margin-top:20px}@media(max-width:600px){.preview-guide{padding:18px}.preview-guide-grid{grid-template-columns:1fr;gap:16px}}

.preview-project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.preview-project-card{min-width:0;display:grid;align-content:start;gap:12px;padding:12px;border:1px solid #dce3db;border-radius:16px;background:white}.preview-project-open{display:grid;gap:8px;text-align:left;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.preview-project-open img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:#f3f5ef}.preview-project-open span,.preview-project-open small{font-size:13px}.preview-project-card button{white-space:normal}.preview-project-card [hidden]{display:none!important}.preview-project-card p{font-size:13px;line-height:1.5}@media(max-width:650px){.preview-project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:380px){.preview-project-gallery{grid-template-columns:1fr}}

.preview-guide>summary{font-size:20px;font-weight:700;cursor:pointer;line-height:1.4;color:#215b48}.preview-guide[open]>summary{margin-bottom:20px}.preview-guide-grid{margin-top:20px}