/* Keep the approved homepage flow; use distinct material details and compact icons below it. */
.home-refresh .hmat__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row;grid-auto-columns:auto;gap:20px;overflow:visible;margin:0;padding:0;list-style:none}
.home-refresh .hmat__row li{min-width:0}
.home-refresh .hmat__row img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.home-refresh .hk-tile .im{aspect-ratio:1;background:var(--bq-plaster)}
.hm-uses__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}
.bq .hm-uses__grid>a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:6px 14px;padding:20px 0;border-top:1px solid var(--bq-line);color:var(--bq-ink);text-decoration:none}
.hm-use__icon{grid-row:1/3;display:flex;align-items:flex-start;justify-content:center;color:var(--bq-teal-deep);padding-top:2px}
.hm-uses__grid h3{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hm-uses__grid p{grid-column:2;color:var(--bq-soft);font-size:var(--bq-small);line-height:1.5}
.hm-uses__grid>a:hover h3,.hm-uses__grid>a:focus-visible h3{text-decoration:underline;text-underline-offset:4px}
.home-refresh .ws-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.home-refresh .ws-row img{aspect-ratio:1/1;height:auto}
.home-refresh .ws-row img{pointer-events:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:default}
.home-refresh .ws-row figcaption{font-size:var(--bq-cap)}
.hm-guides{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.bq a.hm-guide{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px 12px;align-content:start;border-top:1px solid var(--bq-line);padding-top:20px;text-decoration:none;color:var(--bq-ink)}
.hm-guide__icon{grid-row:1/4;color:var(--bq-teal-deep)}
.hm-guide>small,.hm-guide>b,.hm-guide>span:not(.hm-guide__icon){grid-column:2}
.hm-guide>small{font-size:var(--bq-cap);color:var(--bq-teal-deep)}
.hm-guide>b{font:400 var(--bq-t1)/1.2 var(--bq-serif)}
.hm-guide>span:not(.hm-guide__icon){font-size:var(--bq-small);line-height:1.45;color:var(--bq-soft)}
.hm-guide:hover b,.hm-guide:focus-visible b{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){.home-refresh .hmat__row{grid-template-columns:repeat(3,minmax(0,1fr))}.hm-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.home-refresh .ws-row{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.home-refresh .hmat__row{grid-template-columns:repeat(2,minmax(0,1fr))}.hm-uses__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.bq .hm-uses__grid>a{grid-template-columns:1fr;gap:10px}.hm-use__icon{grid-row:auto;justify-content:flex-start}.hm-uses__grid p{grid-column:1}.hm-uses__grid h3{align-items:start}.home-refresh .ws-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.hm-guides{grid-template-columns:1fr}}
