/* Shared service dropdown: the white surface works with both header variants. */
.nima-services-menu > .aux-submenu {
    background:#fff!important;
    border:1px solid rgba(44,149,179,.18);
    border-radius:13px;
    padding:8px;
    box-shadow:0 12px 32px rgba(23,59,71,.12);
    min-width:240px;
}
.nima-services-menu .aux-menu-label { font-family:IRANYekan,sans-serif; }
.nima-services-menu .aux-submenu .aux-item-content { padding:12px 16px!important; border-radius:9px; text-align:right; }
.nima-services-menu .aux-submenu .aux-item-content .aux-menu-label { color:inherit!important; }
.nima-services-menu:focus-within > .aux-submenu { visibility:visible; opacity:1; }
.nima-services-menu .aux-item-content:focus-visible { outline:2px solid #2C95B3; outline-offset:3px; }
/* Narrow Phlox menus: no padded white strip while the submenu is collapsed. */
.aux-master-menu.aux-narrow .nima-services-menu > .aux-submenu {
    padding:0!important; border:0!important; border-radius:0;
    background:transparent!important; box-shadow:none; min-width:0; width:100%;
}
.aux-master-menu.aux-narrow .nima-services-menu:not(.aux-open) > .aux-submenu { height:0; overflow:hidden; visibility:hidden; }
.aux-master-menu.aux-narrow .nima-services-menu.aux-open > .aux-submenu { visibility:visible; }
.aux-master-menu.aux-narrow .nima-services-menu > .aux-item-content { display:flex; align-items:center; justify-content:center; min-height:44px; }
.aux-master-menu.aux-narrow .nima-services-menu .aux-submenu .aux-item-content {
    min-height:44px; padding:12px 16px!important; margin:4px 12px;
    background:#f2f9fc; color:#173b47!important;
}
.aux-master-menu.aux-narrow .nima-services-menu .aux-submenu .aux-item-content:is(:hover,:focus-visible) { background:#fff; color:#207e99!important; }
/* The existing desktop header already has a login button. */
.aux-master-menu.aux-wide .nima-mobile-login { display:none!important; }
.aux-master-menu.aux-narrow .nima-mobile-login { display:block!important; }
.aux-master-menu.aux-narrow .nima-mobile-login > .aux-item-content {
    display:flex; align-items:center; justify-content:center; min-height:44px;
    margin:16px 12px; padding:12px 20px!important; border-radius:13px;
    background:#fff; color:#207e99!important;
}
.aux-master-menu.aux-narrow .nima-mobile-login .aux-menu-label { color:inherit!important; }
.aux-master-menu.aux-narrow .nima-mobile-login > .aux-item-content:is(:hover,:focus-visible) { background:#eff8fb; color:#173b47!important; outline:2px solid #2C95B3; outline-offset:2px; }
/* Native articles retain their responsive columns and use the shared card style. */
body.blog #main .aux-col > article.column-entry {
    padding:18px;
    border:1px solid rgba(44,149,179,.16);
    border-radius:22px;
    background:#fff;
    box-shadow:0 8px 28px rgba(44,149,179,.055);
}
body.blog #main article.column-entry :is(.entry-media,.aux-entry-media,img) { border-radius:13px; }
body.blog #main article.column-entry .entry-title,
body.blog #main article.column-entry .entry-title a { font-family:Kalameh,sans-serif; font-size:26px; line-height:1.5; color:#173B47; }
body.blog #main article.column-entry .entry-content { font-family:IRANSans,sans-serif; font-size:15px; line-height:1.95; color:#526773; text-align:justify; }
body.blog #main article.column-entry .entry-meta.aux-after-content {
    position:static!important; inset:auto!important;
    width:100%; padding:0!important;
}
body.blog #main article.column-entry .readmore { float:none!important; width:100%; }
body.blog #main article.column-entry .entry-content > p:empty { display:none; }
body.blog #main article.column-entry .aux-read-more {
    display:flex; align-items:center; justify-content:center;
    position:relative!important; inset:auto!important; float:none!important;
    width:max-content; margin:18px auto 0!important; transform:none!important;
    border-radius:13px; padding:10px 16px; min-height:44px;
    color:#207e99; background:#F2F9FC; opacity:1;
    font-family:IRANSans,sans-serif; font-size:14px;
}
body.blog #main article.column-entry .aux-read-more:is(:hover,:focus-visible) { background:#2C95B3; color:#fff; }
@media(max-width:767px) {
    body.blog #main article.column-entry .entry-title,
    body.blog #main article.column-entry .entry-title a { font-size:24px; }
    .aux-offcanvas-menu .nima-services-menu > .aux-submenu { min-width:0; width:100%; box-shadow:none; }
}