/* =====================================================================
   cassiopeia_ssa — fast RTL rebuild of the g5_hydrogen design
   Base layer: design tokens, fonts, reset, typography, grid.
   Tokens captured 1:1 from the live g5_hydrogen render.
   ===================================================================== */

/* ---- Web font: IRANSans (self-hosted, WOFF2 first for CWV) ---------- */
@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansWeb.woff2') format('woff2'),
         url('../fonts/IRANSansWeb.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;          /* no invisible-text FOIT; good LCP */
}
@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansWeb_Medium.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'),
         url('../fonts/IRANSansWeb_Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* ---- Design tokens (from the live render) --------------------------- */
:root {
    --brand:        #C70101;   /* nav links, accents          */
    --brand-dark:   #B30101;   /* category badges             */
    --header-bg:    #444444;   /* dark header bar             */
    --body-bg:      #f8f9fa;   /* page background             */
    --surface:      #ffffff;   /* cards / content background  */
    --text:         #555555;   /* body text                   */
    --text-strong:  #222222;   /* headings                    */
    --border:       #eeeeee;

    --font-body: 'iransans', Tahoma, Arial, sans-serif;

    --fs-body: 15px;
    --fs-h1: 24px;
    --fs-h2: 16.8px;
    --fs-h3: 15px;
    --lh-body: 1.8;

    --container: 1200px;
    --gap: 20px;
    --radius: 4px;
}

/* ---- Modern reset (minimal, fast) ---------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
    margin: 0;
    direction: rtl;
    font-family: var(--font-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    color: var(--text);
    background: var(--body-bg);
}
img, picture, video { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
a:hover { color: var(--brand); }
h1, h2, h3, h4 { margin: 0 0 .5em; color: var(--text-strong); font-weight: 700; line-height: 1.4; }
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
ul, ol { margin: 0; padding: 0; list-style: none; }
button { font: inherit; cursor: pointer; }

/* ---- Layout primitives (CSS grid/flex — no Bootstrap) -------------- */
.ssa-container {
    width: 100%;
    max-width: var(--container);
    margin-inline: auto;
    padding-inline: 15px;
}
.ssa-grid { display: grid; gap: var(--gap); }
.ssa-flush { max-width: 100%; }

/* skip-link for a11y (helps the accessibility score too) */
.ssa-skip {
    position: absolute; inset-inline-start: -9999px; top: 0;
    background: var(--brand); color: #fff; padding: 8px 16px; z-index: 1000;
}
.ssa-skip:focus { inset-inline-start: 0; }

/* =====================================================================
   Component layer — header, nav, cards, sidebar, footer
   Values matched to the live g5_hydrogen render.
   ===================================================================== */

/* ---- Header: full-width dark bar, logo + logo-ads ------------------ */
.ssa-header { background: var(--header-bg); }
.ssa-header-grid {
    display: grid;
    grid-template-columns: 35% 65%;
    align-items: center;
    min-height: 99px;
}
.ssa-logo img { width: auto; max-height: 80px; }
.ssa-logoads { text-align: start; }

/* ---- Main navigation: near-black bar, white light links ------------ */
.ssa-nav { background: #111; }
.ssa-nav-grid { display: flex; align-items: stretch; gap: 0; min-height: 51px; }
.ssa-menu > ul { display: flex; flex-wrap: wrap; }
.ssa-menu a {
    display: flex; align-items: center;
    height: 51px; padding: 0 16px;
    color: #fff; font-size: 14px; font-weight: 300;
}
.ssa-menu a:hover,
.ssa-menu .current > a,
.ssa-menu .active > a { background: var(--brand); color: #fff; }
/* dropdowns (CSS-only) */
.ssa-menu li { position: relative; }
.ssa-menu ul ul {
    position: absolute; inset-inline-start: 0; top: 100%;
    min-width: 200px; background: #1c1c1c; z-index: 50;
    display: none; flex-direction: column;
}
.ssa-menu li:hover > ul,
.ssa-menu li:focus-within > ul { display: flex; }
.ssa-menu ul ul a { height: auto; padding: 10px 16px; border-bottom: 1px solid #2a2a2a; }

/* ---- Mobile menu: ZERO JavaScript (checkbox toggle) ---------------- */
.ssa-nav-toggle { display: none; }
.ssa-burger, .ssa-burger::before, .ssa-burger::after {
    display: block; width: 22px; height: 2px; background: #fff; content: ""; position: relative;
}
.ssa-burger::before { top: -6px; position: absolute; }
.ssa-burger::after  { top: 6px;  position: absolute; }

@media (max-width: 900px) {
    .ssa-header-grid { grid-template-columns: 1fr; text-align: center; }
    .ssa-nav-toggle {
        display: inline-flex; align-items: center; gap: 8px;
        background: none; border: 0; color: #fff; padding: 14px 16px; font-size: 14px;
    }
    .ssa-menu { display: none; flex-basis: 100%; }
    .ssa-nav-toggle[aria-expanded="true"] + .ssa-menu { display: block; }
    .ssa-menu > ul { flex-direction: column; }
    .ssa-menu a { height: auto; padding: 12px 16px; border-bottom: 1px solid #222; }
    .ssa-menu ul ul { position: static; display: flex; }
}

/* ---- Article-card grid (homepage .item) ---------------------------- */
.ssa-cols-3 { grid-template-columns: repeat(3, 1fr); }
.ssa-cols-4 { grid-template-columns: repeat(4, 1fr); }
.ssa-main-grid { grid-template-columns: 1fr; gap: var(--gap); }
.ssa-main-grid.has-r-1 { grid-template-columns: 1fr 300px; }
.ssa-main-grid.has-r-1.has-l-1 { grid-template-columns: 260px 1fr 300px; }

.ssa-content { min-width: 0; }
.ssa-card, .ssacard, .ssa-article {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}
.ssa-item { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; margin-bottom: var(--gap); }
.ssa-item .imgmain { display: block; position: relative; }
.ssa-item .imgmain img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }
.ssa-item h3 { margin: 0; padding: 12px 15px; font-size: var(--fs-h2); }
.ssa-item h3 a { color: var(--text-strong); }
.ssa-item h3 a:hover { color: var(--brand); }
/* red category badge */
.ssa-cat {
    position: absolute; inset-block-start: 10px; inset-inline-start: 10px;
    background: var(--brand-dark); color: #fff;
    font-size: 12px; padding: 3px 10px; border-radius: 2px;
}

/* ---- Sidebar ------------------------------------------------------- */
.ssa-sidebar { min-width: 0; }
.ssa-sidebar .ssacard { margin-bottom: var(--gap); }

/* ---- Footer -------------------------------------------------------- */
.ssa-footer { background: #333; color: #ccc; margin-top: 40px; }
.ssa-footer a { color: #ccc; }
.ssa-footer a:hover { color: #fff; }
.ssa-footer-cols { padding: 30px 15px; }
.ssa-footer-bottom { border-top: 1px solid #444; padding: 15px; text-align: center; font-size: 13px; }

/* ---- Responsive ---------------------------------------------------- */
@media (max-width: 900px) {
    .ssa-main-grid.has-r-1,
    .ssa-main-grid.has-r-1.has-l-1 { grid-template-columns: 1fr; }
    .ssa-cols-3 { grid-template-columns: repeat(2, 1fr); }
    .ssa-cols-4 { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
    .ssa-cols-3, .ssa-cols-4 { grid-template-columns: 1fr; }
}

/* ---- Article skin (ported from sazmand.css) ---- */
.sazcatitem_details .article-info-term{display: none;}
.blog .item .kmt-readon .kmt-readmore,
.blog-featured .item .kmt-readon .kmt-readmore{display: none;}
.sarticle{padding: 10px 20px;
    background: #fff;
/*
    border: 1px solid #ddd;
    -o-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.25);
    -ms-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 6px -3px rgba(0,0,0,0.25);
*/
    margin-bottom: 40px;}
.sarticletext{font-size: 1.05rem;
    line-height: 2.2rem;
    margin-top: 10px;
    color: #222;
    font-weight: 300;}
.sarticletext p a{color: #C70101;
    padding: 0px 2px;
    margin: 0px 2px;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;}
.sarticletext p{margin-bottom: 1.2rem;
    margin-top: 0px;}
.sarticle dl.article-info{margin: 0px;}
.sarticle dl.article-info dt.article-info-term{display: none;}
.sazitem_details_bottom dl.article-info dd{}
dl.article-info dd time span.time_only:before{content: "\f017";
    font-family: fontawesome;
    float: right;
    margin: 0px 10px 0px 4px;
    font-size: 15px;
    color: #C70101;}
.sarticle  a[href="http://stackideas.com"]{display: none;}
` — no border, no grey
   band, dark title, red only on hover). The old values here (1px #ddd border,
   #F9F9F9 band, 13px text) were never the J3 look. Now used by BOTH in-article
   modules (mod_related_items layout=related, mod_articles layout=popular). */
.sarticle  .related-items-title{font-size: 17px;
    color: #333;
    font-weight: normal;
    line-height: 16px;
    border-top: 1px solid #ddd;
    margin: 0px -20px;
    padding: 20px 20px 0px;
    background: transparent;}
.sarticle ul.related-items:before{content: " ";
    display: block;
    clear: both;}
.sarticle ul.related-items li.related-item:first-child{margin-right: 0px;}
.sarticle ul.related-items li.related-item a{border: none;
    /* J3 values from .raxo-bricks .raxo-title a */
    font-size: 15px;
    line-height: 27px !important;
    font-weight: 500;
    color: #111;               /* was inherited -> came out RED in J5 */
    display: block;
    padding: 15px 7%;          /* J3 .raxo-bricks .raxo-content */
    text-decoration: none;}
.sarticle ul.related-items li.related-item a.related-item-image-link{display: block;
    margin: 0px;
    padding: 0px;
    border-bottom: none;       /* J3 had no divider under the image */
    overflow: hidden;}
.sarticle ul.related-items li.related-item:hover a.related-item-image-link img{-o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transform: scale(1.15);}
.sarticletext .e-mailit_toolbox{margin: 0px -20px;
    padding: 10px 20px;
    text-align: right;
    border-top: 1px solid #ddd;
    
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 0px 20px 5px;
    margin-bottom: 15px;}
.sarticle .content-links{/*    float: left;*/
    display: inline-block;}
.sarticle .content-links ul li{}
.sarticle .content-links ul li a:hover{-moz-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.1);
    -webkit-box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.1);
    box-shadow: -1px 4px 6px -1px rgba(0,0,0,0.1);}
.source span,
.source a,
.sarticletext .source a{font-weight: normal;
    background: #eee;
    color: #888;
    text-shadow: none;
    border-radius: 0px;
    padding: 4px 7px 3px;
    line-height: 16px;
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;
    border: none;}
.source a:hover,
.sarticletext .source a:hover{background: #C70101;
    color: #fff;
    border: none;}
.review_catitem .review_catitem_box .page-header h2 a{color: #fff;
    padding: 10px 0px 0px;
    display: inline-block;
    line-height: 70px;
    font-size: 40px;}
.fullwidth .sarticle{width: 70%;
    margin: 20px auto;}
.review_article .revart_imgmain{position: relative;
    margin-bottom: 15px;}
.review_article .revart_imgmain .item-image a{display: block;
    width: 100%;
    position: relative;
    height: 90vh;
    min-height: 300px;
    overflow: hidden;}
.review_article .revart_imgmain .item-image a img{width: 100%;
    min-height: 300px;
    min-height: 270px;}
.review_article .revart_imgmain .sazitem_imgcat{position: absolute;
    top: 20px;
    left: 20px;
    background: #C70101;}
.review_article .revart_imgmain .sazitem_imgcat:after{content: " ";
    position: absolute;
    right: -5px;
    top: 0px;
    bottom: 0px;
    width: 20px;
    z-index: 0;
    background: #C70101;
    -o-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    -moz-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);}
.review_article .revart_imgmain .revart_imgbox{position: absolute;
    top: 50%;
    left: 50%;
    width: 85%;
    text-align: center;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);}
.review_article .revart_imgmain .revart_imgbox h1 a{color: #fff;
    font-size: 40px;
    line-height: 70px;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;}
.review_article .revart_imgmain .revart_imgbox .sazitem_details dl.article-info{color: #fff;
    text-align: center;}
.review_article .revart_imgmain .revart_imgbox .sazitem_details dd.createdby span a{color: #fff;}
.review_article .revart_topfix .reviewlogo{position: absolute;
    right: 20px;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);}
.review_article .revart_topfix .revtoptitle{font-weight: bold;
    font-size: 17px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 60%;
    display: inline-block;
    line-height: 60px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 50%;
    -moz-transform: translatex(50%);
    -webkit-transform: translatex(50%);
    transform: translatex(50%);
    text-rendering: optimizelegibility !important;}
.review_article .sarticletext > p,
.review_article .sarticletext > form,
.review_article .sarticletext > div,
.review_article .sarticletext > ul,
.review_article .sarticletext > hr,
.review_article .sarticletext > h2,
.review_article .sarticletext > h3,
.review_article .sarticletext > h4,
.review_article .sarticletext > dl{margin-right: 15%;
    margin-left: 15%;}
.review_article .sarticletext > .full-width{margin-right: 0px !important;
    margin-left: 0px !important;
    width: 100%;}
.review_article .sarticletext > img{margin-right: auto;
    margin-left: auto;
    display: block;}
.review_article .sarticletext > div.editable > p,
.review_article .sarticletext > div.editable > form,
.review_article .sarticletext > div.editable > div,
.review_article .sarticletext > div.editable > ul,
.review_article .sarticletext > div.editable > hr,
.review_article .sarticletext > div.editable > h2,
.review_article .sarticletext > div.editable > h3,
.review_article .sarticletext > div.editable > h4{margin-right: 15%;
    margin-left: 15%;}
.review_article .revart_topfix .revtop_scroll:after{content: " ";
    position: absolute;
    min-width: 50px;
    width: 10%;
    height: 4px;
    top: -1px;
    left: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: -moz-linear-gradient(left, rgba(199,1,1,1) 0%, rgba(255,255,255,0.01) 99%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgba(199,1,1,1) 0%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(199,1,1,1) 0%,rgba(255,255,255,0.01) 99%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c70101', endColorstr='#00ffffff',GradientType=1 );}
.review_article .revart_topfix .revoffcanvas_show{display: inline-block;}
.review_article .revart_topfix .revoffcanvas_open:after{content: "\f00d";
    font-size: 17px;}
.review_article .sarticletext .e-mailit_toolbox{position: fixed;
    left: 60px;
    top: 18px;
    z-index: 10;
    margin: 0px;
    padding: 0px;
    border: none;}
.review_article .index_open{-moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    _ilter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(1);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
    visibility: visible;}
.review_article .article-index ul.nav li{}
.review_article .article-index ul.nav li a:before{content: " ";
    background: #C70101;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    z-index: -1;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    -ms-transition: 300ms;
    transition: 300ms;}
.review_article .article-index ul.nav li a:hover:before{height: 100%;}
.review_article .article-index ul.nav li.active a{color: #fff;
    background: #C70101;}
.review_article .content-links{margin-left: 15%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 100%;
    
    margin: 0px;
    position: absolute;
    left: 10px;
    top: 500px;}
.review_article .pagenavcounter{display: none;}
.review_article .saz_nextprev_item{margin: 0px;
    padding: 0px 15%;}
.review_article #section-kmt{margin: 0px;
    padding: 0px 15%;}
.review_article .pager ul{}
.review_article .pager ul li a{padding: 2px 15px;
    border: none;
    background: #eee;
    margin: 0px 10px;
    font-weight: bold;
    color: #777;
    font-size: 15px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;}
.review_article .review_wrap{float: right;
    min-width: 300px;
    margin: 10px 15% 20px 40px;}
.guarantees .review_article .revart_topfix .revtop_scroll{display: none;}
.review_article .sarticletext > p, .review_article .sarticletext > form, .review_article .sarticletext > div, .review_article .sarticletext > ul, .review_article .sarticletext > hr, .review_article .sarticletext > h2, .review_article .sarticletext > h3, .review_article .sarticletext > h4{margin-right: 5%;
        margin-left: 5%;}
.review_catitem .review_catitem_box .page-header h2 a{line-height: 33px;
        font-size: 17px;
        padding: 0px 5px;}
.review_article .content-links{top: 260px;}
.review_article .saz_nextprev_item{margin: 0px;
        padding: 0px;}
.review_article #section-kmt{margin: 0px;
        padding: 0px;}
.review_article .revart_topfix .reviewlogo{right: 0px !important;
        width: 40% !important;
        padding: 5px 5px 5px 0px !important;}
.review_article .revart_topfix .revtoptitle{width: 70% !important;
        right: auto !important;
        left: 0px !important;
        -moz-transform: translatex(0) !important;
        -webkit-transform: translatex(0) !important;
        transform: translatex(0) !important;
        padding-right: 5px !important;
        font-weight: 300;
        font-size: 13px;}
.review_article .revart_imgmain .sazitem_imgcat{top: 15px;}
.review_article .revart_topfix{height: 50px;}
.review_article .revart_topfix .revtoptitle{width: 65%;
        display: none;}
.review_article .revart_topfix .revtop_scroll{}
.review_article .sarticletext > dl.tabs{top: 50px !important;
        bottom: 50px !important;
        width: 80% !important;}
.review_article .pager ul{padding: 0px;}
.review_article .revart_imgmain .item-image a{height: auto;}
body.fullwidth .review_article .sarticletext > p, 
    body.fullwidth .review_article .sarticletext > form, 
    body.fullwidth .review_article .sarticletext > div, 
    body.fullwidth .review_article .sarticletext > ul, 
    body.fullwidth .review_article .sarticletext > hr, 
    body.fullwidth .review_article .sarticletext > h2, 
    body.fullwidth .review_article .sarticletext > h3, 
    body.fullwidth .review_article .sarticletext > h4, 
    body.fullwidth .review_article .sarticletext > dl{margin-right: 20%;
        margin-left: 20%;}
.review_article .jssocials{position: fixed;
    top: 12px;
    left: 55px;
    margin: 0px !important;
    z-index: 10;
    float: none;}
.review_article .jssocials{position: relative;
        left: auto;
        top: auto;
        text-align: center;
        z-index: 0;}
.sarticletext dl.tabs dt{font-weight: 700;
    display: inline-block;
    padding: 5px 10px;
    font-size: 13px;}
.sarticletext dl.tabs dt h3{font-weight: normal;
    margin: 0px;}
.review_article .saz_article_tagmain{margin: 0px 15%;}
.review_article .raxo-after-content .raxo-bricks-column{}
.review_article .sarticletext > dl.tabs{position: fixed;
    top: 60px;
    left: 0px;
    background: #222;
    padding: 0px;
    margin: 0px !important;
    width: 350px;
    bottom: 0px;
    overflow-y: auto;
    z-index: 10;
    -moz-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.25);
    -webkit-box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.25);
    box-shadow: 3px 0px 9px -2px rgba(0,0,0,0.25);
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    -ms-transition: 200ms;
    transition: 200ms;
    -moz-transform: translateX(-120%);
    -webkit-transform: translateX(-120%);
    transform: translateX(-120%);
    _ilter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    filter: alpha(0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;}
.review_article .sarticletext > dl.tabs dt.tabs{display: block;
    cursor: pointer !important;
    padding: 8px 15px 8px 5px;}
.review_article .sarticletext > dl.tabs dt.tabs span h3 a{color: #eee;
    font-size: 17px;
    font-weight: 300;}
.review_article .sarticletext > div.current{}
.sarticletext > *:nth-last-of-type(1){margin-bottom: 0px;}
.review_article:not(.guarantees) .sarticletext{font-size: 1.1rem;
        line-height: 2.4rem;}
/* sdns */
.review_article .revart_imgmain{}
.review_article .revart_imgmain .item-image a:before{display: none;}
.review_article .revart_imgmain .item-image a img{position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    object-fit: cover;
    min-height: 100%;
    min-width: 100%;}
.review_article .sarticletext > p > img,
.review_article .sarticletext dd.tabs > p > img,
.review_article .sarticletext dd.tabs > img{margin-right: auto;
    margin-left: auto;
    display: block;}
.review_article .sarticletext > div.current{margin-right: 0px;
    margin-left: 0px;}
.review_article .sarticletext > div.current > dd.tabs > p,
    .review_article .sarticletext > div.current > dd.tabs > form,
    .review_article .sarticletext > div.current > dd.tabs > div,
    .review_article .sarticletext > div.current > dd.tabs > ul,
    .review_article .sarticletext > div.current > dd.tabs > hr,
    .review_article .sarticletext > div.current > dd.tabs > h2,
    .review_article .sarticletext > div.current > dd.tabs > h3,
    .review_article .sarticletext > div.current > dd.tabs > h4,
    .review_article .sarticletext > div.current > dd.tabs > dl{margin-right: 20%;
        margin-left: 20%;}
.review_article .sarticletext > div.current > dd.tabs .ba-gallery{margin: 0px auto;
    display: block;
    max-width: 70%;}
.sarticletext table th,
.sarticletext table td{line-height: 2rem;}
/* ============================================================
   J5 pagebreak tabs on review pages: neutralize the joomla-tab
   chrome so all sections read continuously even before sazmand.js
   rebuilds the J3 dl.tabs TOC markup (no flash of tabs, no-JS safe)
   ============================================================ */
.review_article .sarticletext joomla-tab > [role="tablist"],
.review_article .sarticletext joomla-tab [role="tablist"]{display: none !important;}