/*!
Stylesheet: Masala Menu — the blog
Description: The blog index, articles and the 404, on top of style.css (the shared app-2026
copy, which stays untouched). Layout follows recruitkyt.com's blog — a filtered feed with a
search/categories sidebar, and long-form articles with a contents sidebar — in this site's
navy, cream and sunset-orange tokens.
*/

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== Blog index — hero ===== */
.blog-hero{position:relative;overflow:hidden;padding:160px 0 100px;background:var(--navy);color:#fff;text-align:center}
.blog-hero:after,.article-hero:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.25) .7px,transparent .7px);background-size:7px 7px;opacity:.05;pointer-events:none}
.blog-hero-inner{position:relative;z-index:2;max-width:820px}
.blog-hero h1{font-size:clamp(42px,5.2vw,68px);margin:22px 0}
.blog-hero h1 span{color:#f3a56c}
.blog-hero p{max-width:640px;margin:0 auto;color:rgba(255,255,255,.66);font-size:18.5px}
.blog-hero p a{color:#f3b17f;text-decoration:underline;text-underline-offset:3px}

/* ===== Blog index — feed ===== */
.blog-page{padding:86px 0 120px}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:60px;align-items:start}
.blog-feed-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:end;column-gap:24px;margin-bottom:12px}
.blog-feed-head h2{font-size:clamp(30px,3.2vw,40px);margin-top:12px}
.blog-feed-head .article-count{grid-column:1/-1;margin:30px 0 0}
.article-count{flex:none;color:var(--muted);font-size:13px}
.blog-list{display:grid;gap:22px;transition:opacity .25s var(--ease)}
.blog-list.is-busy{opacity:.45}
.blog-list-card{position:relative;display:grid;grid-template-columns:270px minmax(0,1fr);overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 36px rgba(8,22,43,.06);transition:.32s var(--ease)}
.blog-list-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,22,43,.12);border-color:rgba(203,97,43,.25)}
.blog-list-thumb{min-height:230px;overflow:hidden;background:var(--cream-2)}
.blog-list-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.blog-list-card:hover .blog-list-thumb img{transform:scale(1.045)}
.blog-list-body{padding:27px 30px;display:flex;flex-direction:column;align-items:flex-start}
.pmeta{display:flex;align-items:center;gap:12px;margin-bottom:13px;font-size:12px}
.pmeta .cat{color:var(--orange);background:#fbe9dc;padding:4px 10px;border-radius:999px;font-weight:700}
.pmeta .date{color:var(--muted)}
.blog-list-body h3{font-size:21px;line-height:1.3;letter-spacing:-.03em;margin-bottom:10px}
.blog-list-body h3 a{transition:color .2s}
.blog-list-body h3 a:after{content:"";position:absolute;inset:0}
.blog-list-body h3 a:hover{color:var(--orange)}
.blog-list-body p{color:var(--muted);font-size:14.5px;line-height:1.65;margin-bottom:19px}
.blog-read{margin-top:auto;color:var(--orange);font:700 13.5px "Inter",sans-serif}
.blog-read span{display:inline-block;margin-left:5px;transition:transform .2s}
.blog-list-card:hover .blog-read span{transform:translateX(4px)}
.blog-empty{padding:48px;text-align:center;color:var(--muted);background:var(--paper);border:1px solid var(--line);border-radius:22px}
.blog-more{margin-top:34px;text-align:center}
.blog-more .btn{min-width:215px;justify-content:center;cursor:pointer;font-size:14px}
.blog-more .btn[disabled]{opacity:.55;cursor:default;transform:none}
.blog-more .spin{width:15px;height:15px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:mm-spin .7s linear infinite}
@keyframes mm-spin{to{transform:rotate(360deg)}}
.blog-pages{display:flex;justify-content:center;gap:18px;margin-top:20px;font-weight:700}
.blog-pages a{color:var(--orange)}

/* ===== Blog index — sidebar ===== */
.blog-sidebar{position:sticky;top:110px;align-self:start;display:grid;gap:20px}
.sidebar-widget{padding:27px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(8,22,43,.05)}
.sidebar-widget h2{font-size:18px;letter-spacing:-.02em;margin-bottom:18px}
.blog-search{position:relative}
.blog-search input{width:100%;height:50px;padding:0 54px 0 16px;border:1px solid var(--line);border-radius:12px;background:var(--cream-2);color:var(--ink);font:15px "Inter",sans-serif;outline:none;transition:.2s;-webkit-appearance:none;appearance:none}
.blog-search input:focus{border-color:var(--orange-2);box-shadow:0 0 0 4px rgba(203,97,43,.12);background:#fff}
.blog-search button{position:absolute;right:5px;top:5px;width:40px;height:40px;border:0;border-radius:9px;background:var(--navy);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.blog-search button:hover{background:var(--orange)}
.blog-search .ui-icon{width:18px;height:18px;stroke-width:2.2}
.category-list{list-style:none;display:grid;gap:4px}
.category-list a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:11px;color:var(--ink);font-size:15px;transition:background .2s,color .2s}
.category-list a:hover{background:var(--cream)}
.category-list a.is-active{background:var(--navy);color:#fff}
.category-list b{min-width:28px;padding:2px 8px;border-radius:999px;background:rgba(16,34,58,.07);font-size:12px;text-align:center}
.category-list a.is-active b{background:rgba(255,255,255,.16)}
.popular-posts{display:grid;gap:16px}
.popular-posts a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center}
.popular-posts img{width:64px;height:64px;border-radius:13px;object-fit:cover}
.popular-posts b{display:block;font:600 14px/1.35 "Sora",sans-serif;letter-spacing:-.02em;transition:color .2s}
.popular-posts a:hover b{color:var(--orange)}
.popular-posts small{display:block;margin-top:3px;color:var(--muted);font-size:12px}

/* ===== The app box (end of article, blog sidebar) ===== */
.app-box{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:30px;border-radius:24px;background:var(--navy);color:#fff;position:relative;overflow:hidden}
.app-box:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:rgba(203,97,43,.25);filter:blur(70px);right:-90px;top:-120px;pointer-events:none}
.app-box>*{position:relative}
.app-box>img{width:56px;height:56px;border-radius:14px}
.app-box b{display:block;font:600 21px/1.25 "Sora",sans-serif;letter-spacing:-.03em}
.app-box p{margin:8px 0 18px;color:rgba(255,255,255,.66);font-size:15px}
.app-box .store-badges{flex-wrap:nowrap}
.app-box .store-badge{width:auto;flex:1 1 0;min-width:0;max-width:160px}
.app-box small{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:rgba(255,255,255,.55);font-size:13px}
.app-box small span{display:flex;align-items:center;gap:7px}
.app-box small .ui-icon{width:16px;height:16px;color:#f3b17f}
.app-box-sidebar{grid-template-columns:1fr;padding:27px}
.app-box-sidebar>img{width:48px;height:48px}
.app-box-sidebar b{font-size:19px}

/* ===== Article — hero ===== */
.article-hero{position:relative;overflow:hidden;padding:150px 0 120px;background:var(--navy);color:#fff;text-align:center}
.article-hero-inner{position:relative;z-index:2;max-width:920px}
.article-breadcrumb{display:flex;justify-content:center;align-items:center;gap:10px;color:rgba(255,255,255,.5);font-size:13px;font-weight:600;letter-spacing:.04em}
.article-breadcrumb a{color:#f3b17f}
.article-breadcrumb a:hover{color:#fff}
.article-hero h1{max-width:900px;margin:22px auto 26px;font-size:clamp(36px,4.6vw,60px);letter-spacing:-.045em}
.article-meta{display:flex;justify-content:center;align-items:center;gap:13px;text-align:left}
.article-avatar{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff;font:700 13px "Sora",sans-serif}
.article-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.article-meta b,.article-meta small{display:block}
.article-meta b{color:#fff;font:600 13px "Sora",sans-serif}
.article-meta small{color:rgba(255,255,255,.5);font-size:12px}
.article-meta-divider{width:1px;height:34px;margin:0 7px;background:rgba(255,255,255,.16)}
.article-featured{position:relative;z-index:3;margin-top:-70px}
.article-featured img{display:block;width:100%;max-width:960px;height:auto;margin:0 auto;border:8px solid var(--paper);border-radius:28px;box-shadow:0 30px 80px rgba(8,22,43,.2)}

/* ===== Article — body ===== */
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 310px;justify-content:space-between;gap:64px;padding-top:80px;padding-bottom:110px}
.article-main{min-width:0}
.article-content{color:#2f3c4d;font-size:17.5px;line-height:1.8}
.article-content p{margin-bottom:22px}
.article-content>*:last-child{margin-bottom:0}
.article-content .article-lead{color:var(--ink);font:500 20.5px/1.65 "Sora",sans-serif;letter-spacing:-.02em}
.article-content .update-note{padding:14px 18px;border-radius:14px;background:#fbe9dc;color:var(--ink);font-size:15.5px}
.article-content h2{margin:58px 0 18px;font-size:clamp(28px,3vw,36px);letter-spacing:-.04em;scroll-margin-top:100px}
.article-content h3{margin:38px 0 12px;font-size:clamp(21px,2.2vw,25px);letter-spacing:-.03em;scroll-margin-top:100px}
.article-content h3 small{display:block;margin-top:6px;font:500 13px/1.4 "Inter",sans-serif;letter-spacing:.02em;color:var(--muted)}
.article-content h4{margin:26px 0 10px;font:600 15px/1.3 "Inter",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.article-content h2+*,.article-content h3+*,.article-content h4+*{margin-top:0}
.article-content a{color:var(--orange);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(203,97,43,.35);transition:text-decoration-color .2s}
.article-content a:hover{text-decoration-color:var(--orange)}
.article-content a.btn{text-decoration:none}
.article-content a.btn-coral{color:#fff}
.article-content strong{color:var(--ink);font-weight:600}
.article-content ul,.article-content ol{list-style:none;display:grid;gap:11px;margin:0 0 26px}
.article-content ol{counter-reset:ol}
.article-content li{position:relative;padding-left:32px;line-height:1.7}
.article-content ul>li:before{content:"";position:absolute;left:8px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--orange-2);box-shadow:0 0 0 3px rgba(203,97,43,.14)}
.article-content ol>li{counter-increment:ol}
.article-content ul.checks>li:before{content:"\2713";left:0;top:3px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fbe9dc;box-shadow:none;color:var(--orange);font:700 12px "Sora",sans-serif}
.article-content ol>li:before{content:counter(ol);position:absolute;left:0;top:3px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#fbe9dc;color:var(--orange);font:700 11.5px "Sora",sans-serif}
.article-content figure{margin:36px 0}
.article-content figure>img{width:100%;height:auto;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 50px rgba(8,22,43,.09)}
.article-content figcaption{margin-top:12px;color:var(--muted);font-size:13px;line-height:1.55;text-align:center}
.article-content .article-phones{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;padding:30px 0 6px}
.article-content .article-phones .phone{width:220px;height:auto;aspect-ratio:560/996}
.article-content .article-phones .phone:nth-child(odd){transform:rotate(-2deg)}
.article-content .article-phones .phone:nth-child(even){transform:rotate(2deg) translateY(16px)}
.article-content .article-phones img{width:100%;height:100%;object-fit:cover}
.article-content .article-phones.straight .phone{transform:none}
.article-content .article-phones figcaption{flex-basis:100%}
.article-content .article-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}
.article-content .article-shots img{width:100%;height:auto;border-radius:18px;box-shadow:0 18px 50px rgba(8,22,43,.12)}
.article-content .article-shots figcaption{grid-column:1/-1}
.article-content .article-shots.single{grid-template-columns:1fr;width:75%;margin-inline:auto}
/* lightbox (blog.js): images in a set open full-screen */
.article-content img.zoomable{cursor:zoom-in}
.article-content img.zoomable:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.lightbox-open,.lightbox-open body{overflow:hidden}
.lightbox{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:56px 76px;background:rgba(10,14,20,.9);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.lightbox[hidden]{display:none}
.lightbox-stage{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px;max-width:100%;max-height:100%}
.lightbox-stage img{display:block;max-width:100%;max-height:calc(100vh - 160px);width:auto;height:auto;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:#fff}
.lightbox-caption{margin:0;max-width:640px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55;text-align:center}
.lightbox-count{position:absolute;top:22px;left:26px;color:rgba(255,255,255,.7);font:600 13px "Inter",sans-serif;letter-spacing:.04em}
.lightbox button{position:absolute;display:grid;place-items:center;width:46px;height:46px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font:400 30px/1 "Inter",sans-serif;cursor:pointer;transition:background .2s}
.lightbox button:hover,.lightbox button:focus-visible{background:rgba(255,255,255,.26);outline:none}
.lightbox button[hidden]{display:none}
.lightbox-close{top:14px;right:16px}
.lightbox-prev{left:16px;top:50%;margin-top:-23px}
.lightbox-next{right:16px;top:50%;margin-top:-23px}
@media(max-width:640px){.lightbox{padding:60px 12px 24px}.lightbox-prev,.lightbox-next{top:auto;bottom:16px;margin-top:0}.lightbox-stage img{max-height:calc(100vh - 190px)}}
.article-content blockquote{margin:30px 0;padding:4px 0 4px 26px;border-left:3px solid var(--orange-2);color:var(--ink);font:500 18.5px/1.65 "Sora",sans-serif;letter-spacing:-.015em}
.article-content .callout{margin:30px 0;padding:22px 24px;border:1px solid rgba(203,97,43,.22);border-radius:18px;background:var(--cream-2)}
.article-content .callout>b:first-child{display:block;margin-bottom:6px;color:var(--ink);font:600 16px "Sora",sans-serif;letter-spacing:-.02em}
.article-content .callout>*:last-child{margin-bottom:0}
.article-content .callout ul{margin-top:8px}
.article-content .article-table{margin:30px 0;overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.article-content table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.55}
.article-content th,.article-content td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.article-content th{background:var(--cream-2);color:var(--ink);font:600 13px "Inter",sans-serif;letter-spacing:.04em;text-transform:uppercase}
.article-content tr:last-child td{border-bottom:0}
.article-content details{margin:0 0 12px;padding:18px 22px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}
.article-content summary{cursor:pointer;color:var(--ink);font:600 17px/1.4 "Sora",sans-serif;letter-spacing:-.02em}
.article-content details p{margin:12px 0 0}

/* ===== Article — pick: a tilted photo card a third, its intro two thirds ===== */
.article-content .pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:34px;align-items:start;margin:26px 0 22px}
.article-content .pick>p{margin:0}
.article-content .pick-photo{margin:6px 0 0}
.article-content .pick-photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:7px solid #fff;border-radius:16px;box-shadow:0 18px 44px rgba(8,22,43,.18);transform:rotate(-3deg)}
.article-content .pick.tilt .pick-photo img{transform:rotate(3deg)}
.article-content .pick-photo figcaption{margin-top:14px;font-size:12.5px}

/* ===== Article — recipe: vertical video or image a third, the recipe two thirds ===== */
.article-content .recipe{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:34px;align-items:start;margin:28px 0 20px}
.article-content .recipe-media{position:sticky;top:100px;margin:0}
.article-content .recipe-media figcaption{margin-top:10px;text-align:left}
.article-content .recipe-body>*:first-child{margin-top:0}
.article-content .recipe-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0}
.article-content .recipe-facts li{padding:6px 12px;border-radius:999px;background:var(--cream-2);border:1px solid var(--line);font-size:13.5px;line-height:1.3}
.article-content .recipe-facts li:before{display:none}
.article-content .recipe-facts b{color:var(--ink)}
.article-content .recipe-body h4{margin-top:22px}
.article-content .recipe-body ul{gap:6px;font-size:16px}
.article-content .recipe-body ol{gap:12px;font-size:16.5px}
.article-content .recipe-tip{margin:22px 0 10px;padding:16px 18px;border-radius:14px;background:#eef3ea;border:1px solid rgba(110,140,104,.25);font-size:15.5px}
.article-content .recipe-tip b{color:#46613f}
.article-content .recipe-allergens{color:var(--muted);font-size:14px}
.short-embed{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;border-radius:20px;background:var(--navy);box-shadow:0 22px 55px rgba(8,22,43,.2)}
.article-content a.short-embed{text-decoration:none}
.short-embed img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.short-embed:hover img{transform:scale(1.03)}
.short-embed:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,22,43,.7))}
.short-play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.92);color:#e62117;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .25s}
.short-embed:hover .short-play{transform:scale(1.08)}
.short-play svg{width:26px;height:26px;margin-left:4px;fill:currentColor}
.short-label{position:absolute;z-index:2;left:16px;right:16px;bottom:14px;color:#fff;font:600 13.5px/1.35 "Sora",sans-serif}
.short-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.short-embed.is-playing:after{display:none}

/* ===== Article — after the body ===== */
.article-main .app-box{margin-top:56px}
.article-author{display:flex;gap:16px;align-items:flex-start;margin-top:26px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}
.article-author p{color:var(--muted);font-size:15px;line-height:1.6}
.article-author b{display:block;margin-bottom:3px;color:var(--ink);font:600 15px "Sora",sans-serif}

/* ===== Article — sidebar ===== */
.article-sidebar{position:sticky;top:100px;align-self:start;display:grid;gap:20px}
.article-toc{padding:26px;background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(8,22,43,.05)}
.article-toc h2{margin:10px 0 14px;font-size:19px;letter-spacing:-.02em}
.article-toc ol{list-style:none;display:grid;gap:2px;max-height:calc(100vh - 420px);min-height:120px;overflow-y:auto}
.article-toc a{display:block;padding:7px 0 7px 12px;border-left:2px solid var(--line);color:var(--muted);font-size:14px;line-height:1.45;transition:color .2s,border-color .2s}
.article-toc a:hover{color:var(--ink);border-left-color:var(--orange)}

/* ===== Related articles / 404 ===== */
.article-related{padding:90px 0 110px;background:var(--cream-2);border-top:1px solid var(--line)}
.article-related-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:34px}
.article-related-head h2{margin-top:12px;font-size:clamp(30px,3.2vw,40px)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.post-card{position:relative;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:22px;box-shadow:0 10px 36px rgba(8,22,43,.06);transition:.32s var(--ease)}
.post-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(8,22,43,.12)}
.post-card .thumb{display:block;aspect-ratio:16/9;overflow:hidden}
.post-card .thumb img{width:100%;height:100%;object-fit:cover}
.post-card .body{padding:22px 24px 26px}
.post-card h3{font-size:18.5px;line-height:1.32;letter-spacing:-.03em}
.post-card h3 a:after{content:"";position:absolute;inset:0}
.post-card h3 a:hover{color:var(--orange)}

/* ===== Responsive ===== */
@media(max-width:1100px){.blog-layout{grid-template-columns:minmax(0,1fr) 280px;gap:36px}.blog-list-card{grid-template-columns:220px minmax(0,1fr)}.article-layout{grid-template-columns:minmax(0,1fr) 280px;gap:44px}}
@media(max-width:900px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{position:static;grid-template-columns:1fr 1fr}.app-box-sidebar{grid-column:1/-1}.article-layout{grid-template-columns:1fr;padding-top:60px}.article-sidebar{position:static;order:-1}.article-toc ol{max-height:none}@media(max-width:640px){.blog-hero{padding:130px 0 70px}.blog-hero p{font-size:17px}.blog-page{padding:60px 0 80px}.blog-list-card{grid-template-columns:1fr}.blog-list-thumb{min-height:0;aspect-ratio:16/9}.blog-list-body{padding:22px}.blog-sidebar{grid-template-columns:1fr}.blog-feed-head{grid-template-columns:1fr}.sidebar-categories{display:none}.blog-feed-tools{margin-top:16px}.blog-feed-head .article-count{margin-top:22px}.article-hero{padding:125px 0 100px}.article-meta{flex-wrap:wrap}.article-meta-divider{display:none}.article-featured{margin-top:-60px}.article-featured img{border-width:5px;border-radius:20px}.article-content{font-size:17px}.article-content .recipe{grid-template-columns:1fr}.article-content .pick{grid-template-columns:1fr;gap:26px}.article-content .pick-photo{width:min(280px,82%);margin:6px auto 0}.article-content .recipe-media{position:static;width:min(300px,100%);margin:0 auto}.article-content .article-phones .phone{width:calc(50% - 12px)}.app-box{grid-template-columns:1fr;padding:26px 22px}.related-grid{grid-template-columns:1fr}.article-related{padding:70px 0 80px}.article-related-head{display:block}.article-related-head .text-link{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.blog-list-card,.blog-list-thumb img,.post-card,.short-embed img{transition:none}.blog-list-card:hover,.post-card:hover{transform:none}}