.supp-hero{border-radius:24px;padding:clamp(22px,4vw,52px);background:linear-gradient(120deg,#ecf4e9,#fbf8ee);margin-bottom:30px}.supp-hero h1{max-width:760px}.supp-intro{max-width:760px}.supp-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.supp-category{background:#fff;border:1px solid #dbe6d8;border-radius:18px;padding:21px;color:#234936;text-decoration:none;display:block}.supp-category:hover{border-color:#4e8162;transform:translateY(-2px)}.supp-category strong{display:block;font-size:19px;margin:8px 0}.supp-category span{font-size:14px}.supp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.supp-grid .guide-card{min-width:0}.supp-grid .guide-visual{display:block;aspect-ratio:3/4;overflow:hidden}.supp-grid .guide-visual img{width:100%;height:100%;object-fit:cover}.supp-grid .guide-supp-cover{min-height:0;aspect-ratio:3/4}.supp-section{padding-block:32px}.supp-section h2{margin-bottom:10px}.supp-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}@media(max-width:820px){.supp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.supp-categories{grid-template-columns:1fr}.supp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:390px){.supp-grid{grid-template-columns:1fr}}