.demo-featured{padding:40px 0 28px;background:#f2f7f9;scroll-margin-top:100px}.demo-featured-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:24px}.demo-featured-heading h2{margin:0 0 10px;font-size:max(var(--sd-min-text,0px),clamp(1.6rem,2.4vw,2.2rem))}.demo-featured-heading p:last-child{color:#526575;margin:0}.demo-featured-heading label{display:grid;gap:8px;font-size:max(var(--sd-min-text,0px),.875rem);min-width:150px}.demo-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.demo-featured-card{padding:24px 22px;background:#fff;border:1px solid #cbdfe5;border-radius:8px}.demo-featured-icon{margin-bottom:18px}.demo-featured-icon .fd-domain-icon{width:48px;height:48px}.demo-featured-kind{font-size:max(var(--sd-min-text,0px),.75rem);color:#006d6f;margin:0 0 12px}.demo-featured-card h3{font-size:max(var(--sd-min-text,0px),1.2rem);line-height:1.3;margin:0 0 12px}.demo-featured-card h3 a{display:flex;align-items:baseline;gap:8px;color:#0a3a66;text-decoration:none}.demo-featured-card h3 a:hover{color:#007779}.demo-featured-card>p:last-child{font-size:max(var(--sd-min-text,0px),.9rem);color:#526575;line-height:1.65;margin:0}.demo-featured-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px}.demo-featured-footer a{padding:10px 0}.demo-featured+#directory{padding-top:28px}.di-page .xp-toolbar{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}@media(max-width:1100px){.demo-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.demo-featured-heading{align-items:stretch;flex-direction:column;gap:18px}.demo-featured-heading label{max-width:220px}.demo-featured-grid{grid-template-columns:1fr}.demo-featured-card{padding:20px}.demo-featured-icon{float:left;margin:0 16px 12px 0}.demo-featured-card>p:last-child{clear:both}.di-page .xp-toolbar{grid-template-columns:1fr}.demo-featured-footer{flex-direction:column;gap:0}}

.demo-featured-card h3 a span{flex:none;white-space:nowrap}
