ul,ol{flex-direction:column;gap:.25rem;margin:0;padding:0;display:flex}li{margin:0;list-style:none}iframe{width:100%;max-width:-webkit-fill-available;max-height:-webkit-fill-available}figure.wp-block-embed:not(:has(iframe)){display:none}section{&.post-title{background-color:var(--roast-new-blue);width:100%;margin:0;padding:1rem 0;& h2{font-size:1.5rem;@media (width>=769px){font-size:2rem}}& h2,& p{color:#fff;text-align:center}& p{font-size:1rem}&.halloween{font-family:Creepster,sans-serif;& h2{font-family:Creepster,sans-serif;font-size:4rem}}}&.roast-by-tag{& ul{flex-direction:row;justify-content:flex-start;gap:1rem;padding:0;display:flex;overflow-x:auto;& li{flex:none;align-content:end;max-width:70%;list-style:none;display:inline-block;@media (width>=768px){max-width:45%}@media (width>=1200px){flex:33%;max-width:calc(33% - 1rem)}@media (width>=1400px){flex:33%;max-width:calc(33% - 1rem)}& img{aspect-ratio:4/3}}& h3{font-size:1.5rem}}}}h2{text-align:center;margin:0;padding:0;font-size:2rem;&.wp-block-heading{text-align:left;font-size:1.5rem;@media (width>=768px){font-size:2rem}}@media (width>=768px){font-size:3rem}}h2,h3{text-decoration:underline;text-decoration-color:var(--roast-new-blue)}h3{text-transform:uppercase;text-decoration:underline;text-decoration-color:var(--roast-new-blue);text-align:left;margin:0;padding:0;font-family:Loved by the King,sans-serif;font-size:1.5rem;@media (width>=769px){font-size:2rem}}h4{color:var(--roast-new-blue);text-transform:uppercase;margin:0;padding:0;font-family:Loved by the King,sans-serif;text-decoration:underline}.container{& img{width:100%;max-width:100%;height:auto}& figure{& video{width:100%;max-width:100%;height:auto}}}.image-container{width:100%;display:block;position:relative;& figcaption{color:#666;text-align:center;font-size:.8em}& .featured-image{max-width:100%;height:auto;margin:64px auto 0;@media (width>=1024px){margin-top:106px}}& .closed-overlay{color:var(--roast-pink);opacity:.8;text-transform:uppercase;z-index:2;background:#000;place-content:center;width:100%;margin:auto 0;padding:1rem 0;font-family:Loved by the King,sans-serif;font-size:4rem;font-weight:700;display:flex;position:absolute;top:33%;left:0}}.featured-image{width:100%;height:auto;display:block}.copyright-overlay{color:#000;text-align:center;background-color:#ffffff80;width:100%;padding:.5rem 0;font-size:.8rem;position:absolute;bottom:0;@media (width>=769px){padding:1rem 0}}.wp-block-image{flex-grow:1;justify-content:center;max-width:100%;margin:0;position:relative;& figcaption{color:var(--roast-light);background-color:var(--roast-new-blue);width:100%;min-height:22px;max-height:100%;margin:0;padding:.25rem 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden;& a{color:var(--roast-light)}}}figure{text-align:center;margin:0 auto;position:relative}.wp-block-gallery{gap:10px;display:flex;& figure{& img{object-fit:cover;flex:1 0;width:100%;height:100%}}& .wp-block-image.size-large{aspect-ratio:4/3;width:100%;@media (width>=768px){width:calc(50% - var(--wp--style--unstable-gallery-gap,16px) * .5)}}&.is-layout-flex{flex-wrap:wrap;align-items:center}}button{&.skip{margin:0 auto;font-size:1.5rem}}p{&.closed-message{color:var(--roast-pink);text-transform:uppercase;margin-top:20px;font-family:Loved by the King,sans-serif;font-size:2rem;font-weight:700}&.warning{color:var(--roast-pink);text-transform:uppercase;margin-top:20px;font-family:Loved by the King,sans-serif;font-size:1.5rem;font-weight:700}&.nsfw{text-decoration:underline;text-decoration-color:var(--roast-pink);font-size:1.5rem}}@keyframes flicker{0%,18%,22%,25%,53%,57%,to{text-shadow:0 0 4px #fff,0 0 11px #fff,0 0 19px #fff}20%,24%,55%{text-shadow:none}}.page-container.halloween{& .nav-container{background-color:var(--halloween);& .title a{color:var(--blood);font-family:Creepster,sans-serif;animation:3s infinite alternate flicker}}& .post-title{background-color:var(--halloween);color:var(--blood);text-align:center;font-family:Creepster,sans-serif;font-size:4rem;& h2{color:var(--blood);font-family:Creepster,sans-serif;text-decoration:none;animation:3s infinite alternate flicker}& p{color:var(--blood);font-family:Creepster,sans-serif}}& .wp-block-heading{color:var(--blood);font-family:Creepster,sans-serif;font-size:3rem;text-decoration:none}}.league-container{& p,& button{margin:0}& .show-hide-button{margin:1rem 0}& .league-of-roasts{counter-reset:roast-counter;color:var(--roast-main-text);margin-top:1rem;margin-left:0;padding-left:0;list-style:none;& li{counter-increment:roast-counter;flex-wrap:wrap;padding-left:2.2em;list-style:inside decimal;display:flex;position:relative;& span{margin-left:.5rem}& a{color:var(--roast-main-text);text-decoration:underline}}& li:before{content:counter(roast-counter) ".";text-align:right;min-width:2em;position:absolute;top:0;left:0}& .closed-down{opacity:.7;text-decoration:line-through}}& .toggle-columns{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex;& div{align-items:center;gap:.5rem;display:flex;& input[type=checkbox]{width:1.5rem;height:1.5rem}& label{color:var(--roast-new-blue);cursor:pointer;font-size:1.2rem}}}& .filter-posts{flex-flow:column wrap;gap:1rem;margin-bottom:1rem;display:flex;@media (width>=768px){flex-direction:row;gap:2rem}& div{flex-direction:column;display:flex;@media (width>=768px){max-width:300px}}& select,& option{margin-top:.5rem}}& .sort-posts{flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}}.other-list{& ul{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex;& h3{text-decoration:none;& a{color:#333;text-align:center;letter-spacing:2px;font-size:1.2rem;text-decoration:none;display:block}}& li{margin:0 0 1rem;padding:0;list-style:none;text-decoration:none!important;& .featured-image img{object-fit:cover;width:100%;height:220px;display:block}}@media (width>=768px){flex-flow:wrap;gap:1rem;& li{flex:calc(33.333% - 1rem);align-content:end;max-width:calc(33.333% - 1rem)}}}}.best-container-details{& h2{text-align:left;margin:0;padding:0;font-size:1.5rem;@media (width>=769px){font-size:2rem}& a{color:var(--roast-roast-main-text)}}}.best-container-image{margin-bottom:1rem;padding-bottom:1rem;position:relative}.best-container-image:after{content:"";background-color:#e5e5e5;width:50%;height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tube-circle-wrapper{flex-direction:column;align-items:center;min-width:32px;margin-right:1rem;display:flex;position:relative}.tube-connector{background:var(--roast-black);z-index:0;width:5px;height:32px;margin-bottom:-4px;display:block}.station-list{margin:2rem 0;padding:0;list-style:none;& .station-list-item{color:var(--roast-main-text);align-items:center;font-size:1.2rem;font-weight:700;display:flex}& .tube-circle{border:5px solid var(--roast-black);border-radius:50%;flex-shrink:0;width:24px;height:24px;display:inline-block;position:relative}& .tube-connector{z-index:0;width:5px;height:20px;margin-top:-4px;&.invisible{visibility:hidden}}& .station-post{text-align:right;flex-shrink:0;min-width:180px;margin-left:auto;& a{color:var(--roast-main-text)}}}.heading-underline{&.central{text-decoration-color:var(--central)}&.bakerloo{text-decoration-color:var(--bakerloo)}&.circle{text-decoration-color:var(--circle)}&.district{text-decoration-color:var(--district)}&.hammersmithandcity{text-decoration-color:var(--hammersmithandcity)}&.jubilee{text-decoration-color:var(--jubilee)}&.metropolitan{text-decoration-color:var(--metropolitan)}&.northern{text-decoration-color:var(--northern)}&.piccadilly{text-decoration-color:var(--piccadilly)}&.victoria{text-decoration-color:var(--victoria)}}.tube-line-station{font-size:1.2rem;display:flex;& .station-item{border-bottom:1px solid var(--roast-light-gray);flex-direction:column;gap:.5rem;display:flex;&:last-child{border-bottom:none}}& .station-info{align-items:center;gap:.5rem;font-weight:700;display:flex}& .station-name{color:var(--roast-main-text)}& .visited-check{opacity:.8;width:16px;height:16px;margin-left:.5rem}& .best-roast{background-color:var(--roast-light-gray);border-radius:4px;flex-direction:column;gap:.25rem;margin-left:1rem;display:flex}& .roast-link{font-weight:500;text-decoration:none;&:hover{text-decoration:underline}}@media (width>=768px){& .station-item{flex-direction:row;align-items:center}& .station-info{flex:1}& .best-roast,& .no-roast{flex:2;max-width:400px;margin-left:0}}}.vegan-intro{text-align:center;margin-bottom:2rem;font-size:1.2rem}.vegan-gallery{margin:3rem 0;padding:0}.vegan-image-container{text-align:center;background-color:var(--roast-light-gray);border-radius:8px;padding:1rem;transition:transform .3s}.vegan-image-container:hover{transform:translateY(-5px)}.vegan-image{border-radius:4px;width:100%;height:auto;box-shadow:0 4px 8px #0000001a}.return-to-safety{text-align:center;background-color:var(--roast-new-blue);border-radius:8px;margin-top:4rem;padding:2rem}.safety-link{color:#fff;background-color:var(--roast-dark-gray);border-radius:4px;padding:1rem 2rem;font-size:1.5rem;font-weight:700;text-decoration:none;transition:background-color .3s;display:inline-block}.safety-link:hover{background-color:var(--roast-black);color:#fff}@media (width<=768px){.vegan-gallery{grid-template-columns:1fr;gap:1.5rem}.safety-link{padding:.8rem 1.5rem;font-size:1.2rem}}.sort-posts-loading{min-height:600px;padding:2rem 0}.loading-content{flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.loading-spinner{border:4px solid var(--roast-light-gray);border-top:4px solid var(--roast-new-blue);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-content p{color:var(--roast-main-text);margin:0;font-size:1.1rem}.no-js-message{background-color:var(--roast-light-gray);border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin:2rem 0;display:flex;& p{color:var(--roast-main-text);text-align:center;font-size:1.2rem}}.re-reviewed-rating{color:#888;text-decoration:line-through}.comments-block{background:#f9f9f9;border-radius:8px;margin-top:2rem;padding:1.5rem;& form{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex;& div{flex-direction:column;width:100%;max-width:500px;margin-bottom:1rem;display:flex}}& .reply-btn{border:none}}.comments-list{flex-direction:column;align-items:center;padding:0;list-style:none;display:flex}.comment{border-left:4px solid var(----roast-new-blue);background:#fff;border-radius:4px;min-width:100%;max-width:fit-content;margin-bottom:1rem;padding:1rem}.comment-replies{flex-direction:column;margin-top:.5rem;padding-left:1rem;list-style:none;display:flex;& .comment{min-width:calc(100% - 1rem)}}.comment-reply{border-left:3px solid var(--roast-new-blue);background:#eef2f7;border-radius:4px;margin-top:.5rem;padding:.75rem}textarea{border:3px solid var(--roast-new-blue);height:100px}