/* Shared recommendation surfaces on posts and ordinary pages, RTL and LTR. */
:is(#container,.page-container) :is(#left,#right){min-width:0;box-sizing:border-box;}
:is(#container,.page-container) :is(#left,#right) .side_block > .block_style{border-radius:16px;box-shadow:var(--ds-shadow-surface,0 3px 14px #183c3210);outline:1px solid var(--ds-border,#e0e8e4);outline-offset:-1px;overflow:hidden;background:#fff;}
:is(#container,.page-container) :is(#left,#right) .side_block .block_style > div:first-child{padding:14px 16px !important;border-bottom:1px solid var(--ds-border,#e0e8e4) !important;}
:is(#container,.page-container) :is(#left,#right) .side_block .table_t1,
:is(#container,.page-container) :is(#left,#right) .side_block .table_t1 a{display:block;font-size:19px;line-height:1.4;font-weight:700;color:var(--ds-brand-strong,#194c40);white-space:normal;text-align:start;}
:is(#container,.page-container) :is(#left,#right) .side_block .block_style > div:nth-child(2){padding:0 !important;}
:is(#container,.page-container) :is(#left,#right) #display_posts .flex-container{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding:14px;box-sizing:border-box;overflow:visible;white-space:normal;width:100%;}
:is(#container,.page-container) :is(#left,#right) #display_posts .flex-container > .flex-item{width:100%;min-width:0;max-width:100%;margin:0;box-sizing:border-box;height:auto;align-self:start;}
:is(#container,.page-container) :is(#left,#right) #display_posts .image_container{width:100% !important;max-width:100%;margin:0 0 7px !important;}
:is(#container,.page-container) :is(#left,#right) #display_posts .img_container{display:block;width:100%;height:auto;padding:0 !important;box-sizing:border-box;aspect-ratio:16/9;max-height:200px;overflow:hidden;border-radius:10px;}
:is(#container,.page-container) :is(#left,#right) #display_posts img.thumb{display:block;width:100% !important;min-width:0 !important;max-width:100%;height:100% !important;object-fit:cover;}
:is(#container,.page-container) :is(#left,#right) #display_posts .flex-item-content{padding:10px 0 0;min-width:0;text-align:start;}
:is(#container,.page-container) :is(#left,#right) #display_posts .flex-item h4{font-size:18px;line-height:1.45;margin:0 0 8px;overflow-wrap:break-word;white-space:normal;}
:is(#container,.page-container) :is(#left,#right) #display_posts .flex-item h4 a{font-size:inherit;line-height:inherit;}
:is(#container,.page-container) :is(#left,#right) #display_posts .details{display:flex;flex-wrap:wrap;gap:4px 8px;}
:is(#container,.page-container) :is(#left,#right) #display_posts .details,
:is(#container,.page-container) :is(#left,#right) #display_posts .details div{font-size:13px;line-height:1.5;white-space:normal;}
@media(max-width:840px){
  :is(#container,.page-container) :is(#left,#right) #display_posts .img_container{max-height:260px;}
  :is(#container,.page-container) :is(#left,#right) #display_posts .flex-container{gap:24px;padding:16px;}
}