/* IJMTIP Public Home v2.11
   Compact hero, non-duplicated content, real popular-article metrics, stable footer.
*/

.site-main{
    overflow:clip;
}

/* ---------- Home hero ---------- */
.home-v211-hero{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);
    gap:22px;
    align-items:stretch;
    margin:30px 0 16px;
}

.home-v211-copy{
    min-width:0;
    padding:44px 46px 38px;
    border:1px solid #d7e3e2;
    border-radius:24px;
    background:linear-gradient(145deg,#f9fbfa,#eef5f3);
}

.home-v211-kickers{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.home-v211-kickers span{
    padding:6px 8px;
    border:1px solid #c8dadd;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    font-size:9px;
    font-weight:850;
    letter-spacing:.06em;
    text-transform:uppercase;
    color:#3d5c6c;
}

.home-v211-copy h1{
    max-width:860px;
    margin:28px 0 18px;
    font-size:clamp(38px,4.3vw,62px);
    line-height:1.01;
    letter-spacing:-2.7px;
    color:#102f43;
}

.home-v211-copy h1 em{
    display:block;
    margin-top:4px;
    font-family:Georgia,serif;
    font-weight:500;
    font-style:normal;
    color:#168984;
    letter-spacing:-1.7px;
}

.home-v211-copy>p{
    max-width:780px;
    margin:0;
    color:#49616f;
    font-size:15px;
    line-height:1.68;
}

.home-v211-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:24px;
}

/* ---------- Current issue: one compact visual card ---------- */
.home-v211-issue{
    min-width:0;
    overflow:hidden;
    border:1px solid #d4e0e3;
    border-radius:24px;
    background:#0e354e;
    color:#fff;
    box-shadow:0 12px 36px rgba(16,58,86,.10);
}

.home-v211-image{
    height:155px;
    overflow:hidden;
    background:#eaf0f1;
}

.home-v211-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.home-v211-issue-body{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px;
}

.home-v211-cover{
    flex:0 0 88px;
    width:88px;
    height:124px;
    object-fit:contain;
    border-radius:7px;
    background:#fff;
    box-shadow:0 7px 18px rgba(0,0,0,.20);
}

.home-v211-issue-copy{
    min-width:0;
}

.home-v211-issue-copy .ij-label{
    color:#8fe0d6;
}

.home-v211-issue-copy h2{
    margin:7px 0 6px;
    color:#fff;
    font-size:24px;
    letter-spacing:-.6px;
}

.home-v211-issue-copy p{
    margin:0 0 12px;
    color:#bcd0d8;
    font-size:11px;
}

.home-v211-issue-copy a{
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:850;
}

/* ---------- Trust row ---------- */
.home-v211-trust{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0 0 58px;
    overflow:hidden;
    border:1px solid #dce5e7;
    border-radius:14px;
    background:#fff;
}

.home-v211-trust>div{
    min-width:0;
    padding:13px 15px;
    border-right:1px solid #e2e8ea;
}

.home-v211-trust>div:last-child{border-right:0}

.home-v211-trust strong{
    display:block;
    color:#113c55;
    font-size:11px;
}

.home-v211-trust span{
    display:block;
    margin-top:2px;
    color:#6d7c85;
    font-size:9px;
    line-height:1.3;
}

/* ---------- Sections ---------- */
.home-v211-section{
    margin:58px 0;
}

.home-v211-section-head{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    justify-content:space-between;
    gap:12px 20px;
    margin-bottom:16px;
    padding-bottom:13px;
    border-bottom:1px solid #dce5e7;
}

.home-v211-section-head h2{
    margin:5px 0 0;
    color:#102f43;
    font-size:31px;
    letter-spacing:-1px;
}

.home-v211-section-head>a{
    color:#15506f;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

/* ---------- Popular tabs ---------- */
.home-v211-tabs{
    display:flex;
    gap:4px;
    padding:4px;
    border:1px solid #d7e1e4;
    border-radius:10px;
    background:#f5f8f8;
}

.home-v211-tabs button{
    border:0;
    border-radius:7px;
    background:transparent;
    padding:8px 11px;
    color:#58707c;
    font:inherit;
    font-size:10px;
    font-weight:800;
    cursor:pointer;
}

.home-v211-tabs button.active{
    background:#123f59;
    color:#fff;
}

.home-v211-popular-panel{
    display:none;
    overflow:hidden;
    border:1px solid #dce5e7;
    border-radius:15px;
    background:#fff;
}

.home-v211-popular-panel.active{
    display:block;
}

.home-v211-popular-row{
    display:grid;
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:15px 17px;
    border-top:1px solid #edf1f2;
    color:inherit;
    text-decoration:none;
}

.home-v211-popular-row:first-child{
    border-top:0;
}

.home-v211-popular-row:hover{
    background:#f8faf9;
}

.home-v211-rank{
    display:grid;
    width:30px;
    height:30px;
    place-items:center;
    border-radius:50%;
    background:#edf5f3;
    color:#157f7b;
    font:700 14px Georgia,serif;
}

.home-v211-popular-main{
    min-width:0;
}

.home-v211-popular-main strong{
    display:block;
    color:#172f3d;
    font-size:13px;
    line-height:1.4;
}

.home-v211-popular-main small{
    display:block;
    margin-top:4px;
    color:#74838b;
    font-size:9px;
}

.home-v211-count{
    min-width:70px;
    text-align:right;
    color:#123f59;
    font-size:15px;
    font-weight:850;
}

.home-v211-count small{
    display:block;
    color:#7b8990;
    font-size:8px;
    font-weight:650;
    text-transform:uppercase;
}

.home-v211-no-data{
    padding:28px 20px;
    color:#718089;
    font-size:11px;
    text-align:center;
}

/* ---------- About ---------- */
.home-v211-about{
    display:grid;
    grid-template-columns:minmax(0,1.5fr) minmax(260px,.5fr);
    gap:26px;
    margin:58px 0;
    padding:32px 34px;
    border-radius:20px;
    background:#0f3148;
    color:#fff;
}

.home-v211-about h2{
    margin:7px 0 12px;
    font-size:29px;
    color:#fff;
}

.home-v211-about p{
    max-width:850px;
    margin:0;
    color:#c5d5db;
    font-size:13px;
    line-height:1.65;
}

.home-v211-about a{
    display:inline-block;
    margin-top:14px;
    color:#fff;
    text-decoration:none;
    font-size:11px;
    font-weight:800;
}

.home-v211-scope{
    display:flex;
    flex-wrap:wrap;
    align-content:center;
    gap:7px;
}

.home-v211-scope span{
    padding:7px 9px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:999px;
    color:#d9e6e9;
    font-size:9px;
}

/* ---------- Announcements ---------- */
.home-v211-announcement-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.home-v211-announcement-grid article{
    min-width:0;
    padding:19px;
    border:1px solid #dce5e7;
    border-radius:13px;
    background:#fff;
}

.home-v211-announcement-grid time{
    color:#168984;
    font-size:9px;
    font-weight:800;
}

.home-v211-announcement-grid h3{
    margin:7px 0;
    color:#173543;
    font-size:16px;
}

.home-v211-announcement-grid p{
    margin:0;
    color:#697982;
    font-size:10px;
    line-height:1.55;
}

/* ---------- Article page ---------- */
.article-public-actions-v211{
    margin-top:14px;
}

/* ---------- Footer: compact and stable ---------- */
.site-footer-v2{
    max-width:none !important;
    margin:28px 0 0 !important;
    padding:26px max(22px,calc((100vw - 1360px)/2)) 17px !important;
    display:grid !important;
    grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(140px,.8fr)) !important;
    gap:18px 28px !important;
    align-items:start !important;
    background:#0b273a !important;
}

.footer-brand-block{
    max-width:360px !important;
    min-width:0 !important;
}

.footer-brand-block img.footer-pi-mark{
    display:block !important;
    width:auto !important;
    max-width:122px !important;
    max-height:54px !important;
    object-fit:contain !important;
    margin:0 0 8px !important;
}

.footer-logo{
    font-size:23px !important;
}

.footer-brand-block p{
    margin:7px 0 !important;
    font-size:11px !important;
    line-height:1.45 !important;
}

.footer-brand-block span{
    margin-top:3px !important;
    font-size:9px !important;
    line-height:1.35 !important;
}

.footer-menu{
    min-width:0 !important;
    gap:5px !important;
}

.footer-menu strong{
    margin-bottom:2px !important;
    font-size:9px !important;
}

.footer-menu a{
    font-size:10px !important;
    line-height:1.35 !important;
}

.footer-bottom{
    grid-column:1/-1 !important;
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:space-between !important;
    gap:5px 20px !important;
    padding-top:11px !important;
    font-size:9px !important;
}

/* ---------- Responsive ---------- */
@media(max-width:1050px){
    .home-v211-hero{
        grid-template-columns:minmax(0,1fr) minmax(290px,.62fr);
    }

    .home-v211-copy{
        padding:34px;
    }

    .home-v211-copy h1{
        font-size:44px;
    }

    .site-footer-v2{
        grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(130px,.8fr)) !important;
    }

    .footer-menu:nth-of-type(4){
        grid-column:2/4;
    }
}

@media(max-width:820px){
    .home-v211-hero{
        grid-template-columns:1fr;
    }

    .home-v211-issue{
        display:grid;
        grid-template-columns:minmax(0,1fr) minmax(310px,.8fr);
    }

    .home-v211-image{
        height:100%;
        min-height:200px;
    }

    .home-v211-trust{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .home-v211-trust>div:nth-child(2){
        border-right:0;
    }

    .home-v211-trust>div:nth-child(-n+2){
        border-bottom:1px solid #e2e8ea;
    }

    .home-v211-about{
        grid-template-columns:1fr;
    }

    .site-footer-v2{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px 22px !important;
        padding:23px 20px 15px !important;
    }

    .footer-brand-block{
        grid-column:1/-1 !important;
        display:grid !important;
        grid-template-columns:auto minmax(0,1fr) !important;
        gap:4px 14px !important;
        max-width:none !important;
    }

    .footer-brand-block img.footer-pi-mark{
        grid-row:1/5 !important;
        align-self:start !important;
    }

    .footer-brand-block p,
    .footer-brand-block span{
        margin:0 !important;
    }

    .footer-menu:nth-of-type(4){
        grid-column:auto;
    }
}

@media(max-width:580px){
    .home-v211-copy{
        padding:27px 22px;
        border-radius:18px;
    }

    .home-v211-copy h1{
        margin-top:21px;
        font-size:37px;
        letter-spacing:-1.9px;
    }

    .home-v211-issue{
        display:block;
        border-radius:18px;
    }

    .home-v211-image{
        height:125px;
        min-height:0;
    }

    .home-v211-issue-body{
        padding:14px;
    }

    .home-v211-cover{
        flex-basis:70px;
        width:70px;
        height:100px;
    }

    .home-v211-issue-copy h2{
        font-size:20px;
    }

    .home-v211-trust{
        margin-bottom:43px;
    }

    .home-v211-section,
    .home-v211-about{
        margin:43px 0;
    }

    .home-v211-section-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .home-v211-tabs{
        width:100%;
    }

    .home-v211-tabs button{
        flex:1 1 50%;
    }

    .home-v211-popular-row{
        grid-template-columns:31px minmax(0,1fr);
        padding:13px;
    }

    .home-v211-count{
        grid-column:2;
        min-width:0;
        text-align:left;
        font-size:11px;
    }

    .home-v211-count small{
        display:inline;
        margin-left:3px;
    }

    .home-v211-about{
        padding:26px 21px;
        border-radius:17px;
    }

    .home-v211-announcement-grid{
        grid-template-columns:1fr;
    }

    .site-footer-v2{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px 16px !important;
        padding:20px 16px 14px !important;
    }

    .footer-brand-block{
        grid-template-columns:88px minmax(0,1fr) !important;
    }

    .footer-brand-block img.footer-pi-mark{
        max-width:82px !important;
        max-height:42px !important;
    }

    .footer-brand-block p{
        font-size:9px !important;
    }

    .footer-menu a{
        font-size:9px !important;
    }

    .footer-bottom{
        display:block !important;
    }

    .footer-bottom span{
        display:block !important;
        margin-top:2px !important;
    }
}
