.videos-list-section{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:5px;margin-bottom:1em;list-style:none;display:flex;& .video-item{--border-radius:7px;text-align:center;border-radius:var(--border-radius);background-color:var(--neutral-200);border:1px solid light-dark(#c3c3c3,#6c0000);flex:32%;min-width:20ch;position:relative;overflow:clip;box-shadow:0 3px 8px #0000003d;@media screen and (prefers-color-scheme:dark){box-shadow:0 0 6px #ff6b6be8}& .video-thumbnail{aspect-ratio:16/9;width:100%;height:auto}& .videoTitle{font-size:var(--fs-500);font-weight:var(--font-weight-semi-bold);line-height:var(--line-height-heading);font-family:var(--font-family-headline);color:var(--primary-900);padding-top:.2em}& p{margin:0;padding-top:.3em;padding-bottom:3.5em}& .videoTitle,& p{padding-inline:1ch}& .roundedButton{position:absolute;bottom:.35em;left:50%;transform:translate(-50%)}}& .youtube-video{& .roundedButton{color:#fff;background-color:#b30000;&:is(:focus,:hover){color:#ff0;background-color:#6b0000}}}}.icon-circle-arrow-right{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zM281 385c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l71-71L136 280c-13.3 0-24-10.7-24-24s10.7-24 24-24l182.1 0-71-71c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L393 239c9.4 9.4 9.4 24.6 0 33.9L281 385z'/%3E%3C/svg%3E")}.icon-tags{--icon-img:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M345 39.1L472.8 168.4c52.4 53 52.4 138.2 0 191.2L360.8 472.9c-9.3 9.4-24.5 9.5-33.9 .2s-9.5-24.5-.2-33.9L438.6 325.9c33.9-34.3 33.9-89.4 0-123.7L310.9 72.9c-9.3-9.4-9.2-24.6 .2-33.9s24.6-9.2 33.9 .2zM0 229.5V80C0 53.5 21.5 32 48 32H197.5c17 0 33.3 6.7 45.3 18.7l168 168c25 25 25 65.5 0 90.5L277.3 442.7c-25 25-65.5 25-90.5 0l-168-168C6.7 262.7 0 246.5 0 229.5zM144 144a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z'/%3E%3C/svg%3E")}.home-hero-section{z-index:1;background-color:#292929;background-image:url(https://static.realsimplehealthy.com/images/backgrounds/black-bricks-wall-texture-tile.jpg);background-size:256px;padding-top:1em;box-shadow:0 2px 4px #00000026}.home-hero{color:#fff;z-index:0;position:relative;& .hero-image{aspect-ratio:283/267;z-index:-10;object-fit:contain;width:auto;height:90%;max-height:267px;display:block;position:absolute;bottom:0;right:0}& .ctaItems{margin-top:.5em}& h2{color:#ff0;margin:0;font-size:clamp(1.4rem,.2571rem + 3.6571vw,3rem);line-height:1}& h3{color:#fff;margin:0;font-size:clamp(1.2rem,.2714rem + 2.9714vw,2.5rem)}& p{color:#ccc;max-width:70%;margin-top:.5em}& .home-hero-content{z-index:100;padding-top:1em}& .profile-links{white-space:nowrap;padding-block:.5em;@media screen and (width<=320px){white-space:normal}& li{display:inline;&:not(:last-child){margin-right:1ch;@media screen and (width<=350px){margin-right:.3ch}}}--icon-border-color:var(--color-text-off-white);--icon-border-color-hover:yellow;--icon-filter:var(--filter-off-white);--icon-filter-hover:var(--filter-yellow);margin:.5em 0}@media screen and (width<=700px){text-align:center;& .hero-image{width:200px;height:186px;position:relative;top:0;left:50%;transform:translate(-50%)}& p{max-width:100%;margin-top:0}}}.article-list{gap:1rem;margin-bottom:1em;display:grid;& article{height:100%;& p{font-size:var(--fs-300);color:var(--primary-800);margin-bottom:.2em}& h3{margin:0}}& div.articleThumbnail{aspect-ratio:auto 16/9;border-radius:7px;width:100%;height:auto;position:relative;overflow:clip}& img.articleThumbnail{aspect-ratio:auto 16/9;cursor:pointer;width:100%;height:auto;transition:transform .2s,filter .2s}& .articleSection{color:#fff;font-size:var(--fs-300);background-color:#000;border-radius:10px;padding:3px 6px;position:absolute;top:5px;left:5px}& a:is(:hover,:focus){& article{background-color:var(--neutral-200);border-radius:7px}& h3{color:var(--primary-hover-400)}@media screen and (prefers-reduced-motion:no-preference){& img.articleThumbnail{transform:scale(1.1)}}}@media screen and (width>=600px){grid-template-columns:repeat(4,1fr);& li:first-child{grid-column:span 4;& h3{font-size:var(--fs-650)}& article{grid-template-columns:50% 50%;display:grid}& .articleDetails{margin-left:1ch}}& li:nth-child(2),& li:nth-child(3){grid-column:span 2;& h3{font-size:var(--fs-500)}}}@media screen and (width>=1001px){& li:nth-child(2),& li:nth-child(3){& article{grid-template-columns:50% 50%;display:grid}& .articleDetails{margin-left:1ch}}& li:nth-child(n+4){& h3{font-size:var(--fs-400);margin-block:.2em}}}@media screen and (width>=801px) and (width<=1000px){& li:first-child{& h3{font-size:var(--fs-600)}}& li:nth-child(n+4){& h3{font-size:var(--fs-400);margin-block:.2em}}}@media screen and (width>=600px) and (width<=800px){& li:first-child{& h3{font-size:var(--fs-600)}}& li:nth-child(n+4){grid-column:span 4;& h3{font-size:var(--fs-400);margin-block:.2em}& article{grid-template-columns:35% 65%;display:grid}& .articleDetails{margin-left:1ch}}}}.articleTags{--filter-link-icon:var(--filter-primary-700);font-size:var(--fs-200);text-align:left;color:var(--primary-700);padding-block:.1em;display:block;& li{display:inline;&:not(:last-child):after{content:", "}}}