/* IJMTIP v2.22.3 — consolidated search, public navigation, footer and journal banner */

/* One heading per section: remove decorative duplicate kickers. */
.home-section-title-v222>span{display:none!important}
.home-section-title-v222 h2{margin-top:0!important}

/* Home search: one universal field, one action. */
.home-search-v2222{
    grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr)!important;
    align-items:center!important;
    gap:18px 28px!important;
    padding:24px 28px!important;
}
.home-search-form-v2222{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
}
.home-search-form-v2222 input{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    padding:0 16px!important;
    border:1px solid #bdcdd3!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#17384d!important;
    font-size:14px!important;
    box-shadow:inset 0 1px 0 rgba(13,49,72,.025)!important;
}
.home-search-form-v2222 input:focus{
    outline:3px solid rgba(17,139,132,.14)!important;
    border-color:#168984!important;
}
.home-search-form-v2222 .ij-btn{height:48px!important;min-height:48px!important;padding-inline:22px!important}
.home-search-v2222 .home-keywords-v222{display:none!important}

/* Public header: journal navigation sits below the logo and starts from the left. */
.public-header-v2222 .public-primary-nav-v2222{
    position:relative!important;
    display:flex!important;
    grid-template-columns:none!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:3px 8px!important;
    min-height:44px!important;
    padding:5px 0 8px!important;
    overflow:visible!important;
}
.public-header-v2222 .public-primary-nav-v2222>a,
.public-header-v2222 .public-about-menu-v2222>summary{
    width:auto!important;
    min-width:0!important;
    min-height:34px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:7px 10px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#29485a!important;
    font:800 10.5px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}
.public-header-v2222 .public-primary-nav-v2222>a:hover,
.public-header-v2222 .public-about-menu-v2222>summary:hover{background:#f3f7f6!important}
.public-header-v2222 .public-primary-nav-v2222>a.active,
.public-header-v2222 .public-about-menu-v2222[data-active="1"]>summary{
    background:#edf5f3!important;
    color:#137f7a!important;
}
.public-about-menu-v2222{position:relative!important;z-index:900!important;margin:0!important;padding:0!important}
.public-about-menu-v2222>summary{list-style:none!important}
.public-about-menu-v2222>summary::-webkit-details-marker{display:none!important}
.public-about-menu-v2222>summary span{margin-left:4px;font-size:10px}
.public-about-panel-v2222{
    position:absolute!important;
    z-index:2500!important;
    top:calc(100% + 6px)!important;
    left:0!important;
    width:260px!important;
    max-width:min(320px,calc(100vw - 24px))!important;
    padding:7px!important;
    border:1px solid #cfdbdf!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 16px 36px rgba(14,47,67,.14)!important;
}
.public-about-panel-v2222 a{
    display:block!important;
    padding:9px 10px!important;
    border-radius:8px!important;
    color:#24485c!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.25!important;
    text-decoration:none!important;
    white-space:normal!important;
}
.public-about-panel-v2222 a:hover{background:#edf6f4!important;color:#0d706b!important}

/* Search page: one search box, broad metadata search and Web-of-Science-like hit marking. */
.public-search-v2222{gap:18px!important}
.public-search-heading-v2222{margin-bottom:0!important;padding-bottom:0!important}
.public-search-heading-v2222 h1{margin:0!important}
.public-search-heading-v2222 .kicker,
.public-search-heading-v2222 p{display:none!important}
.public-search-form-v2222{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;
    align-items:center!important;
    padding:14px!important;
    border:1px solid #d5dfe2!important;
    border-radius:14px!important;
    background:#f7f8ff!important;
}
.public-search-form-v2222 input{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 15px!important;
    border:1px solid #c7d1d7!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#17384d!important;
    font-size:14px!important;
}
.public-search-form-v2222 input:focus{outline:3px solid rgba(74,87,196,.12)!important;border-color:#6572c9!important}
.search-result-head-v2222{gap:14px!important}
.search-result-head-v2222 span{min-width:0;overflow-wrap:anywhere;color:#71808b;font-size:12px}
.search-results-v2222{gap:0!important;border:1px solid #dfe4e8;border-radius:14px;background:#fff;overflow:hidden}
.search-result-card-v2222{
    position:relative!important;
    gap:7px!important;
    padding:20px 24px!important;
    border:0!important;
    border-bottom:1px solid #e4e8eb!important;
    border-radius:0!important;
    background:#fff!important;
}
.search-result-card-v2222:last-child{border-bottom:0!important}
.search-result-card-v2222:hover{background:#fbfcff!important}
.search-result-type-v2222{width:max-content;max-width:100%;padding:3px 6px;border-radius:4px;background:#edf1f3;color:#425866;font-size:10px;font-weight:800;overflow-wrap:anywhere}
.search-result-card-v2222 h2{font-size:19px!important;line-height:1.35!important}
.search-authors-v220{font-size:12px!important}
.search-abstract-v2222{margin:3px 0 0;color:#394f5d;font-size:12.5px;line-height:1.62}
.search-keywords-v2222{margin-top:3px}
.search-hit-v2222{
    padding:0 1px!important;
    border-radius:2px!important;
    background:#fff15a!important;
    color:inherit!important;
    box-decoration-break:clone;
    -webkit-box-decoration-break:clone;
}

/* Footer: ABOUT moved to the top navigation; keep three stable columns. */
.site-footer-v2{
    grid-template-columns:minmax(0,1.55fr) minmax(130px,.62fr) minmax(160px,.72fr)!important;
    gap:16px 34px!important;
    align-items:start!important;
}
.site-footer-v2 .footer-brand-block{
    min-width:0!important;
    width:100%!important;
    max-width:none!important;
    grid-template-columns:58px minmax(0,1fr)!important;
}
.site-footer-v2 .footer-brand-block>*{min-width:0!important;max-width:100%!important}
.site-footer-v2 .footer-brand-block p,
.site-footer-v2 .footer-brand-block span,
.site-footer-v2 .footer-brand-block .footer-logo{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.site-footer-v2 .footer-brand-block p{max-width:460px!important}
.site-footer-v2 .footer-menu{min-width:0!important;width:100%!important}
.site-footer-v2 .footer-menu a{white-space:normal!important;overflow-wrap:anywhere!important}

@media(max-width:980px){
    .home-search-v2222{grid-template-columns:1fr!important;align-items:stretch!important}
    .public-header-v2222 .public-primary-nav-v2222{display:flex!important;grid-template-columns:none!important;justify-content:flex-start!important}
    .site-footer-v2{grid-template-columns:minmax(0,1.4fr) minmax(120px,.7fr) minmax(140px,.8fr)!important;gap:14px 20px!important}
}
@media(max-width:680px){
    .home-search-v2222{padding:20px!important}
    .home-search-form-v2222{grid-template-columns:minmax(0,1fr) auto!important}
    .public-header-v2222 .public-primary-nav-v2222{
        display:flex!important;
        grid-template-columns:none!important;
        justify-content:flex-start!important;
        gap:2px 4px!important;
        padding:5px 0 7px!important;
    }
    .public-header-v2222 .public-primary-nav-v2222>a,
    .public-header-v2222 .public-about-menu-v2222>summary{
        width:auto!important;
        min-height:30px!important;
        padding:6px 7px!important;
        font-size:8.8px!important;
    }
    .public-about-panel-v2222{position:fixed!important;top:108px!important;left:10px!important;right:auto!important;width:min(310px,calc(100vw - 20px))!important}
    .public-search-form-v2222{grid-template-columns:minmax(0,1fr) auto!important}
    .public-search-form-v2222>.button.ghost{grid-column:1/-1!important;justify-self:start!important}
    .search-result-card-v2222{padding:17px 16px!important}
    .site-footer-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px 18px!important}
    .site-footer-v2 .footer-brand-block{grid-column:1/-1!important;max-width:none!important}
    .site-footer-v2 .footer-menu{grid-column:auto!important}
    .site-footer-v2 .footer-bottom{grid-column:1/-1!important}
}
@media(max-width:440px){
    .home-search-form-v2222{grid-template-columns:1fr!important}
    .home-search-form-v2222 .ij-btn{justify-self:start!important}
    .public-search-form-v2222{grid-template-columns:1fr!important}
    .public-search-form-v2222>.button{justify-self:start!important}
    .public-search-form-v2222>.button.ghost{grid-column:auto!important}
    .site-footer-v2{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding-inline:12px!important}
    .site-footer-v2 .footer-brand-block{grid-template-columns:44px minmax(0,1fr)!important}
    .site-footer-v2 .footer-menu{grid-column:auto!important}
}


/* v2.22.3 — journal banner reused on About / publishing information pages. */
.public-journal-context-banner-v223{
    width:100%!important;
    max-width:none!important;
    margin-top:22px!important;
    margin-bottom:28px!important;
}

/* v2.22.3 — authoritative footer geometry.
   Brand is intentionally constrained so the journal title wraps inside its own column.
   Menu and contact stay aligned to the top instead of being pushed to another row. */
.site-footer-v2{
    display:grid!important;
    grid-template-columns:minmax(250px,320px) minmax(105px,155px) minmax(140px,1fr)!important;
    grid-auto-flow:row!important;
    column-gap:clamp(18px,3.2vw,48px)!important;
    row-gap:16px!important;
    align-items:start!important;
    justify-content:stretch!important;
}
.site-footer-v2>*{min-width:0!important;max-width:100%!important}
.site-footer-v2 .footer-brand-block{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    grid-template-columns:60px minmax(0,220px)!important;
    column-gap:14px!important;
    align-content:start!important;
    align-items:start!important;
    width:100%!important;
    max-width:300px!important;
    min-width:0!important;
}
.site-footer-v2 .footer-brand-block img.footer-pi-mark{
    grid-column:1!important;
    grid-row:1 / span 5!important;
    width:60px!important;
    max-width:60px!important;
    height:auto!important;
    margin:0!important;
}
.site-footer-v2 .footer-brand-block .footer-logo,
.site-footer-v2 .footer-brand-block p,
.site-footer-v2 .footer-brand-block span{
    grid-column:2!important;
    min-width:0!important;
    width:100%!important;
    max-width:220px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    hyphens:auto!important;
}
.site-footer-v2 .footer-brand-block .footer-logo{grid-row:auto!important}
.site-footer-v2 .footer-brand-block p{margin-right:0!important}
.site-footer-v2 .footer-menu{
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    align-self:start!important;
    justify-self:stretch!important;
    margin:0!important;
}
.site-footer-v2 .footer-menu-nav-v223{grid-column:2!important}
.site-footer-v2 .footer-menu-contact-v223{grid-column:3!important}
.site-footer-v2 .footer-menu a,
.site-footer-v2 .footer-menu strong{
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
}
.site-footer-v2 .footer-bottom{
    grid-column:1 / -1!important;
    grid-row:2!important;
    min-width:0!important;
}

@media(max-width:760px){
    .site-footer-v2{
        grid-template-columns:minmax(190px,1.15fr) minmax(82px,.58fr) minmax(100px,.72fr)!important;
        column-gap:12px!important;
        row-gap:13px!important;
    }
    .site-footer-v2 .footer-brand-block{
        grid-column:1!important;
        grid-row:1!important;
        grid-template-columns:48px minmax(0,150px)!important;
        column-gap:10px!important;
        max-width:210px!important;
    }
    .site-footer-v2 .footer-brand-block img.footer-pi-mark{width:48px!important;max-width:48px!important}
    .site-footer-v2 .footer-brand-block .footer-logo,
    .site-footer-v2 .footer-brand-block p,
    .site-footer-v2 .footer-brand-block span{max-width:150px!important}
    .site-footer-v2 .footer-menu-nav-v223{grid-column:2!important;grid-row:1!important}
    .site-footer-v2 .footer-menu-contact-v223{grid-column:3!important;grid-row:1!important}
    .site-footer-v2 .footer-bottom{grid-column:1/-1!important;grid-row:2!important}
}

@media(max-width:520px){
    .site-footer-v2{
        grid-template-columns:minmax(0,1.2fr) minmax(72px,.58fr) minmax(88px,.72fr)!important;
        column-gap:9px!important;
        padding-inline:12px!important;
    }
    .site-footer-v2 .footer-brand-block{
        grid-template-columns:38px minmax(0,1fr)!important;
        column-gap:7px!important;
        max-width:none!important;
    }
    .site-footer-v2 .footer-brand-block img.footer-pi-mark{width:38px!important;max-width:38px!important}
    .site-footer-v2 .footer-brand-block .footer-logo,
    .site-footer-v2 .footer-brand-block p,
    .site-footer-v2 .footer-brand-block span{max-width:100%!important}
    .site-footer-v2 .footer-brand-block .footer-logo{font-size:16px!important}
    .site-footer-v2 .footer-brand-block p{font-size:8px!important;line-height:1.32!important}
    .site-footer-v2 .footer-brand-block span{font-size:7.8px!important;line-height:1.3!important}
    .site-footer-v2 .footer-menu strong{font-size:8px!important}
    .site-footer-v2 .footer-menu a{font-size:8.3px!important;line-height:1.3!important}
    .site-footer-v2 .footer-bottom{font-size:7.8px!important}
}
