@layer components{.school-showcase{background:linear-gradient(125deg,#f4f7f1,#faf7ef);border:1px solid #e5e8dd;border-radius:14px;padding:32px}.school-showcase .eyebrow{color:#92703e;letter-spacing:.15em;font-size:11px}.school-showcase .section-heading{margin-bottom:16px}.showcase-intro{color:#627468;margin:9px 0 0;font-size:14px}.showcase-notice{color:#796442;background:#fffaf0;border-left:3px solid #b89a64;margin:0 0 22px;padding:10px 14px;font-size:13px;line-height:1.8}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.showcase-card{background:#fff;border:1px solid #e1e7dc;border-radius:10px;min-width:0;overflow:hidden}.showcase-image{aspect-ratio:4/3;background:#f3f0e7;display:block;position:relative;overflow:hidden}.showcase-image img{object-fit:contain;width:100%;height:100%;display:block}.showcase-image:focus-visible{outline-offset:-4px}.showcase-sample{color:#725c35;background:#fffaf0f2;border-radius:4px;padding:4px 9px;font-size:12px;line-height:1.5;position:absolute;top:10px;left:10px}.showcase-enlarge{color:#fff;background:#153f35df;border-radius:4px;padding:4px 9px;font-size:12px;position:absolute;bottom:10px;right:10px}.showcase-card-copy{padding:20px}.showcase-category{color:#987a45;margin:0 0 6px;font-size:12px}.showcase-card h3{color:#214f40;margin:0 0 10px;font-size:20px;line-height:1.5}.showcase-description{color:#68756c;margin:0;font-size:13px;line-height:1.85}.showcase-meta{border-top:1px solid #e6eae2;gap:7px;margin:16px 0 0;padding-top:12px;display:grid}.showcase-meta div{grid-template-columns:56px minmax(0,1fr);gap:8px;display:grid}.showcase-meta dt,.showcase-meta dd{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.7}.showcase-meta dt{color:#819086}.showcase-meta dd{color:#3f5c4d}.showcase-categories{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.showcase-categories a{border:1px solid #c9dacd;border-radius:5px;padding:9px 16px;font-size:14px;text-decoration:none}.showcase-group{scroll-margin-top:24px}.showcase-group+.showcase-group{margin-top:32px}.showcase-group-title{border-left:3px solid #a8884a;margin:0 0 16px;padding-left:12px;font-size:20px}.showcase-full .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=48rem){.school-showcase{border-radius:10px;padding:20px 16px}.school-showcase .section-heading{gap:12px}.school-showcase .section-heading h2{font-size:22px}.showcase-grid,.showcase-full .showcase-grid{grid-template-columns:1fr;gap:18px}.showcase-card-copy{padding:17px}.showcase-notice{padding:9px 11px;font-size:12px}}}