#main-wrapper{padding-top:24px}main{padding-bottom:96px}.recommended-header{font-weight:700;margin:0 0 24px}#topics-grid{display:grid;gap:24px;grid-template-rows:277px 113px 277px;grid-template-columns:repeat(6,1fr);grid-auto-flow:dense}.topic-tile{position:relative;background-color:#ccc;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.6);border-radius:16px;overflow:hidden}.topic-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008a;z-index:1}.topic-tile>span{position:relative;z-index:2}.tile-1{grid-column:1;grid-row:1 / span 2}.tile-2{grid-column:2;grid-row:1}.tile-3{grid-column:3;grid-row:1 / span 2}.tile-4{grid-column:4;grid-row:1}.tile-5{grid-column:5;grid-row:1 / span 2}.tile-6{grid-column:6;grid-row:1}.tile-7{grid-column:1;grid-row:3}.tile-8{grid-column:2;grid-row:2 / span 2}.tile-9{grid-column:3;grid-row:3}.tile-10{grid-column:4;grid-row:2 / span 2}.tile-11{grid-column:5;grid-row:3}.tile-12{grid-column:6;grid-row:2 / span 2}@media (max-width: 1366px){#topics-grid{grid-template-rows:224px 89px 224px;gap:16px}}@media (max-width: 1024px){#topics-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,178px 89px 178px)}.tile-1{grid-column:1;grid-row:1 / span 2}.tile-2{grid-column:2;grid-row:1}.tile-3{grid-column:3;grid-row:1 / span 2}.tile-4{grid-column:1;grid-row:3}.tile-5{grid-column:2;grid-row:2 / span 2}.tile-6{grid-column:3;grid-row:3}.tile-7{grid-column:1;grid-row:4}.tile-8{grid-column:2;grid-row:4 / span 2}.tile-9{grid-column:3;grid-row:4}.tile-10{grid-column:1;grid-row:5 / span 2}.tile-11{grid-column:2;grid-row:6}.tile-12{grid-column:3;grid-row:5 / span 2}}@media (max-width: 640px){#topics-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,178px 89px 178px)}.tile-1{grid-column:1;grid-row:1 / span 2}.tile-2{grid-column:2;grid-row:1}.tile-3{grid-column:1;grid-row:3}.tile-4{grid-column:2;grid-row:2 / span 2}.tile-5{grid-column:1;grid-row:4 / span 2}.tile-6{grid-column:2;grid-row:4}.tile-7{grid-column:1;grid-row:6}.tile-8{grid-column:2;grid-row:5 / span 2}.tile-9{grid-column:1;grid-row:7 / span 2}.tile-10{grid-column:2;grid-row:7}.tile-11{grid-column:1;grid-row:9}.tile-12{grid-column:2;grid-row:8 / span 2}}