/*
Theme Name: prosilver Special Edition
Theme URI: https://www.phpbb.com/
Description: phpBBArabia - WordPress theme matching the local phpBB prosilver appearance.
Version: 2.8.2
License: GNU General Public License v2 or later
Text Domain: prosilver-se
*/

:root { --phpbb-link:#105289; --phpbb-heading:#505c65; --phpbb-row:#e8ecee; --phpbb-navbar:#dcdee2; --pba-ink:#2d4f63; --pba-blue:#2f78a4; --pba-green:#2f8563; --pba-purple:#925e98; --pba-orange:#bd743f; --pba-red:#b64b4b; --pba-card:#f8fafb; --pba-card-border:#d6e1e7; }
* { box-sizing:border-box; }
html { font-size:100%; scroll-behavior:smooth; }
html, body#phpbb { background-color:#ACA8A1; }
body#phpbb { direction:rtl; color:#333; margin:0; padding:12px 5px; font:12px/1.5 Tahoma,Arial,sans-serif; overflow-wrap:break-word; }
button,input,textarea,select,summary { font:inherit; }
a { color:var(--phpbb-link); text-decoration:none; }
a:hover { color:#bc2a4d; text-decoration:underline; }
a:focus-visible, summary:focus-visible, button:focus-visible, input:focus-visible { outline:2px solid #105289; outline-offset:2px; }
img { max-width:100%; height:auto; border:0; }
h1,h2,h3,h4 { line-height:1.35; }
p { margin:0 0 10px; }
.wrap { width:auto; max-width:1202px; min-width:0; padding:13px 23px; margin:0 auto; border:2px solid #fff; border-radius:15px; background:#fff; box-shadow:0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100,100,100,.25); }
.inner::after { content:''; display:block; clear:both; }
.screen-reader-text { position:absolute!important; overflow:hidden; height:1px; width:1px; margin:-1px; padding:0; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { position:fixed!important; width:auto; height:auto; top:8px; right:8px; clip:auto; z-index:1000; padding:8px 12px; background:#fff; color:#105289; }
.navbar { padding:3px 10px; border-radius:7px; background:var(--phpbb-navbar); color:#105289; }
.navbar.main-navbar { margin-bottom:4px; padding:0 10px 3px; border-radius:0 0 7px 7px; }
.nav-drawer { width:100%; }
.nav-drawer > .mobile-menu-label { display:none; }
.main-menu {
  display:flex; flex-wrap:wrap; gap:0 18px; align-items:center;
  min-height:40px; list-style:none; margin:0 -10px; padding:0 12px;
  border:0; background:#505c65 linear-gradient(to bottom,#394952 0%,#53626d 8%,#667782 75%,#73848d 100%);
}
.main-menu > li { position:relative; list-style:none; }
.main-menu > li > a, .main-menu .nav-group > summary {
  position:relative; display:block; padding:10px 1px; color:#fff;
  font:bold 12px/1.6 Tahoma,Arial,sans-serif; cursor:pointer; white-space:nowrap; list-style:none;
  transition:color .18s ease, background-color .18s ease;
}
.main-menu .nav-group > summary::-webkit-details-marker, .nav-drawer > summary::-webkit-details-marker { display:none; }
.main-menu .nav-group > summary::after { content:'▾'; display:inline-block; font-size:9px; margin-right:5px; color:#f1f3f4; }
.main-menu > li > a:hover,.main-menu .nav-group > summary:hover,.main-menu .nav-group[open] > summary { color:#fff; text-decoration:none; text-shadow:0 0 2px #fff9; }
.main-menu .nav-group { position:relative; }
.main-menu .sub-menu { display:none; position:absolute; top:100%; right:0; z-index:100; width:max-content; min-width:194px; max-width:90vw; list-style:none; padding:4px; margin:0; background:#e8ecee; border:1px solid #b4bdc6; border-radius:5px; box-shadow:0 3px 7px #0002; }
.main-menu .nav-group[open] > .sub-menu { display:block; animation:pba-menu-in .18s ease-out both; box-shadow:0 8px 18px rgba(31,54,69,.16); }
.main-menu .sub-menu li { list-style:none; }
.main-menu .sub-menu a { display:block; padding:8px 11px; border-radius:3px; font-size:12px; font-weight:normal; transition:background-color .18s ease,color .18s ease; }
.main-menu .sub-menu a:hover { background:#f4f6f8; text-decoration:none; }
.breadcrumb-bar { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; gap:7px; min-height:28px; font-size:11px; }
.breadcrumb-bar a { font-weight:700; }
.page-body { margin:4px 0; clear:both; min-height:180px; }
.ad-slot { width:100%; margin:12px auto 16px; border:1px solid #c9d2d8; border-radius:7px; background:#eef2f4; text-align:center; overflow:hidden; }
.ad-slot-content { display:flex; align-items:center; justify-content:center; width:100%; height:100%; min-height:90px; padding:10px; overflow:hidden; }
.ad-placeholder { color:#7d8d99; font-size:11px; line-height:1.8; }
.ad-slot-wide { max-width:970px; height:250px; }
.ad-slot-inline { max-width:728px; height:90px; }
.ad-slot-rail { width:336px; max-width:100%; height:600px; }
.ad-slot-square { width:336px; max-width:100%; height:280px; }
.ad-slot-bottom { margin-top:16px; margin-bottom:12px; }

/* Homepage forum-style blocks */
.forum-block { border:5px solid var(--phpbb-heading); border-top:0; border-radius:7px; overflow:hidden; margin:0 0 6px; background:var(--phpbb-row); }
.forum-block-title { position:relative; color:#fff; margin:0; min-height:31px; padding:6px 10px 5px; border-radius:0; background-color:var(--phpbb-heading); background-image:linear-gradient(to bottom,#7c8891 0%,#7c8790 4%,#76828b 10%,#5b666f 29%,#505c65 38%,#505c65 100%); font:bold 12px/1.6 Tahoma,Arial,sans-serif; }
.forum-block-title a { color:#fff; }
.forum-block-title a:hover { color:#fff; }
.post-meta { flex-shrink:0; color:#526a83; font-size:10px; }

/* WordPress content and footer */
.content-panel, .post-card { margin-bottom:7px; overflow:hidden; border-radius:7px; background:#e8ecee; border:1px solid #d5dfe6; }
.panel-title { margin:0; padding:7px 11px; background:#505c65 linear-gradient(to bottom,#7c8891 0%,#7c8790 4%,#76828b 10%,#5b666f 29%,#505c65 38%,#505c65 100%); color:#fff; font:bold 13px/1.6 Tahoma,Arial,sans-serif; }
.content-inner, .post-card .inner { padding:12px; }
.post-card h1,.post-card h2,.post-card h3 { margin:0 0 8px; font-size:16px; }
.entry-content { font-size:12px; line-height:1.75; overflow-wrap:anywhere; }
.entry-content img { max-width:100%; height:auto; }
.entry-content pre { max-width:100%; overflow:auto; direction:ltr; text-align:left; }
.entry-content table { display:block; max-width:100%; overflow-x:auto; }
.pagination, .nav-links { display:flex; gap:6px; margin:15px 0; flex-wrap:wrap; }
.pagination .page-numbers,.nav-links .page-numbers { padding:4px 9px; background:#e8ecee; border-radius:4px; }
.pagination .current,.nav-links .current { background:#505c65; color:#fff; }
#page-footer { margin-top:10px; }
.footer-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:8px 14px; border-radius:7px; background:var(--phpbb-navbar); }
.footer-nav ul { min-height:30px; display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; list-style:none; gap:5px 17px; padding:0; margin:0; }
.footer-nav li { list-style:none; }
.footer-nav a { font-size:11px; }
@media (max-width:1220px) { .wrap { margin:0 12px; } }
@media (max-width:920px) {
  html, body#phpbb { background-color:#fff; }
  body#phpbb { padding:12px 5px; }
.wrap { width:850px; max-width:100%; padding:0; margin:0 auto; border:0; border-radius:0; box-shadow:none; }
}
@media (max-width:700px) {
.wrap { width:auto; }
.nav-drawer > .mobile-menu-label { display:inline-flex; gap:8px; align-items:center; padding:4px 2px; font-size:12px; color:#105289; cursor:pointer; list-style:none; }
.nav-drawer:not([open]) #primary-navigation { display:none; }
.main-menu > li { border-bottom:1px solid #c4cad0; }
.main-menu > li:last-child { border:0; }
.main-menu .sub-menu { position:static; width:100%; max-width:100%; box-shadow:none; border-radius:0; border:0; background:#f1f4f6; }
.breadcrumb-bar { padding-top:4px; }
.ad-slot { max-width:100%; }
.footer-nav ul { gap:7px 13px; }
.footer-nav a { display:inline-flex; align-items:center; min-height:34px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }

/* Heritage header */
.headerbar {
    position: relative;
    overflow: hidden;
    min-height: 148px;
    margin-bottom: 0;
    padding: 7px 13px;
    border-radius: 7px 7px 0 0;
    background-color: #566a73;
    background-image: linear-gradient(to left, rgba(29,43,53,.88) 0%, rgba(38,54,64,.73) 29%, rgba(38,54,64,.20) 55%, rgba(34,48,57,.02) 83%), var(--pba-header-image, url('assets/images/legacy-header.webp'));
    background-repeat: no-repeat, no-repeat;
    background-position: center, center;
    background-size: cover, cover;
}
/* Unified heritage header */
#page-header .headerbar > .inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 128px;
    direction: rtl;
}
#page-header .headerbar #site-description {
    float: none;
    width: auto;
    min-height: 0;
    min-width: 0;
    flex: 0 1 340px;
}
#page-header .headerbar #site-description .logo {
    float: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    line-height: 0;
}
#page-header .pba-header-logo {
    display: block;
    width: 320px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
#page-header .pba-release-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 auto;
    margin-right: auto;
    gap: 3px;
    color: #fff;
    background: rgba(22, 37, 48, .58);
    border: 1px solid rgba(255,255,255,.2);
    border-radius: 6px;
    padding: 12px 15px;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
    text-align: right;
    direction: rtl;
    font: 12px/1.65 Tahoma,Arial,sans-serif;
}
#page-header .pba-release-label {
    font-size: 11px;
    color: #e2edf1;
}
#page-header .pba-release-info strong {
    font: 700 16px/1.35 Tahoma,Arial,sans-serif;
    color: #fff;
}
#page-header .pba-release-info time {
    color: #f0f3f4;
    font-size: 11px;
}
#page-header .pba-release-info a {
    display: inline-block;
    margin-top: 3px;
    color: #ffdda2;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#page-header .pba-release-info a:hover,
#page-header .pba-release-info a:focus-visible { color: #fff; }
@media (max-width: 700px) {
    #page-header .headerbar { min-height:0; padding:12px; }
    #page-header .headerbar > .inner {
        min-height: 0;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 8px;
    }
    #page-header .headerbar #site-description {
        flex: 1 1 100%;
    }
    #page-header .pba-header-logo { width: min(280px, 100%); }
    #page-header .pba-release-info {
        flex: 0 1 auto;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        gap: 4px 11px;
        padding: 7px 10px;
        font-size: 10px;
    }
    #page-header .pba-release-info strong { font-size: 12px; }
    #page-header .pba-release-info time,
    #page-header .pba-release-label { font-size: 10px; }
    #page-header .pba-release-info a { margin: 0; }
}

#page-header .headerbar > .inner::after { content:none!important; display:none!important; }

/* Homepage */
.home-hero {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(285px, .77fr);
    gap: 28px;
    align-items: center;
    padding: 26px 29px;
    margin-bottom: 18px;
    border: 1px solid #d9e3e8;
    border-radius: 7px;
    background: linear-gradient(115deg,#ffffff 0%,#f3f7f9 100%);
    box-shadow: inset 0 1px 0 #fff;
}
.home-hero-copy { min-width: 0; }
.home-hero h1 {
    max-width: 650px;
    margin: 0 0 12px;
    color: #233e51;
    font: bold clamp(21px, 2.2vw, 29px)/1.65 Tahoma, Arial, sans-serif;
}
.home-hero-copy > p {
    max-width: 610px;
    margin: 0 0 14px;
    color: #536b7b;
    font: 13px/2.05 Tahoma, Arial, sans-serif;
}
.home-hero-copy > .home-what-is {
    margin-bottom: 18px;
    padding: 9px 12px;
    border-radius: 5px;
    background: rgba(225,233,239,.65);
    color: #485f70;
    font-size: 11px;
    line-height: 1.85;
}
.home-what-is strong { color: #2c4d62; font-weight: bold; }
.home-hero-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.home-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 10px 16px;
    min-height: 40px;
    border-radius: 4px;
    font: bold 12px/1.5 Tahoma, Arial, sans-serif;
    text-decoration: none;
    transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out, background-color .2s ease-out;
}
.home-button:hover { text-decoration: none; }
.home-button-primary { background:var(--pba-ink); border:1px solid #234354; color:#fff; box-shadow:0 3px 7px rgba(30,62,78,.12); }
.home-button-primary:hover { background:#234354; color:#fff; }
.home-button-outline { background:#fff; border:1px solid #9cc6c5; color:#35586d; }
.home-button-outline:hover { background:#edf8f6; border-color:#66a9a7; color:#23465e; }
.home-start {
    min-width: 0;
    padding: 15px 17px 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #d4dfe5;
    border-top: 0;
    box-shadow: 0 5px 19px rgba(35,55,71,.05);
}
.home-start-kicker { color: #6a7b87; font-size: 10px; }
.home-start h2 { color: #2c4554; margin: 4px 0 10px; font-size: 15px; }
.home-start-steps { list-style: none; margin: 0; padding: 0; }
.home-start-steps li { border-top: 1px solid #e4e9ec; }
.home-start-steps a {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 11px 0;
    text-decoration: none;
}
.home-start-steps a > span:nth-child(2) { flex: 1; min-width: 0; }
.home-step-no { color: #8299a8; font-size: 12px; font-weight: bold; direction: ltr; }
.home-start-steps strong { display: block; color: #264e67; font-size: 12px; margin-bottom: 3px; }
.home-start-steps small { display: block; color: #738593; font-size: 10px; line-height: 1.6; }
.home-start-steps a > span:last-child { color: #8ba4b3; font-size: 13px; }
.home-start-steps a:hover strong { color: #bc2a4d; }

.home-shortcuts { padding-top: 12px; margin-bottom: 16px; }
.home-shortcut-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.home-shortcut {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    min-width: 0;
    min-height: 90px;
    padding: 13px 11px;
    border: 0;
    border-radius: 7px;
    text-decoration: none;
    color: #fff;
    box-shadow: 0 2px 7px rgba(30,48,64,.10);
    overflow: hidden;
}
.home-shortcut:nth-child(1) { background: linear-gradient(115deg,#e99432,#c5681c); }
.home-shortcut:nth-child(2) { background: linear-gradient(115deg,#678fd0,#436ead); }
.home-shortcut:nth-child(3) { background: linear-gradient(115deg,#78ad5a,#4b813e); }
.home-shortcut:nth-child(4) { background: linear-gradient(115deg,#8d71b4,#66508f); }
.home-shortcut:hover { color: #fff; text-decoration: none; box-shadow: 0 7px 16px rgba(27,52,75,.18); }
.home-shortcut:focus-visible { color: #fff; }
.home-shortcut .shortcut-symbol {
    order: 2;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    background: rgba(255,255,255,.15);
    border-radius: 50%;
    color: #fff;
}
.home-shortcut .shortcut-symbol svg { display: block; width: 25px; height: 25px; stroke: currentColor; }
.home-shortcut > span:nth-child(2) { order: 1; min-width: 0; flex: 1; }
.home-shortcut strong { display: block; color: #fff; font-size: 15px; line-height: 1.4; text-shadow: 0 1px 1px rgba(20,39,55,.16); }
.home-shortcut small { display: block; color: #fff; opacity: 1; margin-top: 4px; font-size: 10px; line-height: 1.65; text-shadow: 0 1px 1px rgba(20,39,55,.14); }

.home-content-grid { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(265px,.82fr); gap: 16px; align-items: start; }
.home-primary, .home-sidebar { min-width: 0; }
.home-primary .forum-block {
    margin-bottom: 14px;
    border: 1px solid #cbd8df;
    border-radius: 6px;
    background: #e8ecee;
}
.home-block-header { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 13px; }
.home-block-header h2 { font: 700 15px/1.5 Tahoma,Arial,sans-serif; margin: 0; color: #fff; }
.home-block-header a { font-size: 10px; color: #f0f4f6; font-weight: normal; }
.home-sidebar > * { margin-bottom: 14px; }
.home-download-box, .home-community-box { border-radius: 7px; padding: 19px 19px 16px; overflow: hidden; }
.home-download-box { background:#425867 linear-gradient(135deg,#4f6878,#354b5a); color:#fff; border:1px solid #344a57; border-right:0; }
.home-box-eyebrow { font-size: 10px; font-weight: bold; opacity: .75; }
.home-sidebar h2 { font-size: 17px; line-height: 1.5; margin: 7px 0 9px; }
.home-sidebar p { font-size: 11px; line-height: 1.9; margin: 0 0 13px; }
.home-download-box p { color: #e4ebef; }
.home-download-links { border-top: 1px solid #7e909a; }
.home-download-links a {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
    gap: 10px;
    border-bottom: 1px solid #728794;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}
.home-download-links a:hover { color: #fff; }
.home-download-links a:last-child { border: 0; padding-bottom: 0; }
.home-community-box { background:#eef3f6; border:1px solid #d0dfe6; border-right:0; color:#344e5f; }
.home-community-box p { color: #607889; }
.home-community-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 12px;
    background: #fff;
    border: 1px solid #c7d6df;
    border-radius: 4px;
    color: #2e566f;
    font-size: 11px;
    font-weight: bold;
}
.home-community-link:hover { background:#f8fcff; border-color:#86bdb8; box-shadow:0 3px 9px rgba(46,80,101,.08); text-decoration:none; }
.home-community-links { display: flex; gap: 13px; margin-top: 13px; font-size: 10px; flex-wrap: wrap; }
@media (max-width: 1000px) {
.home-hero { gap: 15px; padding: 21px; }
.home-content-grid { gap: 12px; }
}
@media (max-width: 780px) {
.home-hero { grid-template-columns: 1fr; }
.home-content-grid { grid-template-columns: 1fr; }
.main-menu { column-gap: 13px; }
}
@media (max-width: 700px) {
.nav-drawer > .mobile-menu-label { min-height: 32px; }
.main-menu { display: block; margin: 0 -10px; padding: 4px 12px; background: #505c65; border-radius: 0; }
.main-menu > li { border-bottom-color: rgba(255,255,255,.18); }
.main-menu > li > a, .main-menu .nav-group > summary { color: #fff; }
.main-menu .nav-group > summary::after { color: #fff; }
.home-hero { padding: 18px 16px; margin-bottom: 16px; }
.home-hero h1 { font-size: 23px; line-height: 1.6; }
.home-hero-copy > p { font-size: 12px; }
.home-shortcut-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 460px) {
.home-shortcut-grid { grid-template-columns: 1fr; }
.home-shortcut { min-height: 60px; }
.home-hero-actions > a { width: 100%; justify-content: space-between; }
}

/* Navigation and interface interactions */
.main-menu > li > a::before,
.main-menu .nav-group > summary::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 4px;
    height: 2px;
    border-radius: 2px;
    background: #c7dde6;
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform .2s ease-out;
    pointer-events: none;
}
.main-menu > li > a:hover::before,
.main-menu > li > a:focus-visible::before,
.main-menu .nav-group > summary:hover::before,
.main-menu .nav-group > summary:focus-visible::before,
.main-menu .nav-group[open] > summary::before {
    transform: scaleX(1);
}
.main-menu .nav-group[open] > summary { border-bottom:0; padding-bottom:10px; }
.home-shortcut,
.home-community-link {
    transition: transform .2s ease-out, box-shadow .2s ease-out, border-color .2s ease-out, background-color .2s ease-out;
}
@media (hover: hover) {
.home-button:hover,
.home-shortcut:hover,
.home-community-link:hover { transform: translateY(-2px); }
}
@keyframes pba-menu-in {
    from { opacity: 0; transform: translateY(-6px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 700px) {
.main-menu > li > a::before,
.main-menu .nav-group > summary::before { display: none; }
.main-menu .nav-group[open] > summary { padding-bottom: 8px; }
}
@media (prefers-reduced-motion: reduce) {
.main-menu .nav-group[open] > .sub-menu { animation: none; }
.home-button, .home-shortcut, .home-community-link,
.main-menu > li > a,
.main-menu .nav-group > summary, .main-menu .sub-menu a,
.main-menu > li > a::before,
.main-menu .nav-group > summary::before { transition: none; }
.home-button:hover, .home-shortcut:hover,
.home-community-link:hover { transform: none; }
}


/* Navigation search */
.navbar.main-navbar .nav-top-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 40px;
    margin: 0 -10px;
    padding: 0 12px;
    background: #505c65 linear-gradient(to bottom, #394952 0%, #53626d 8%, #667782 75%, #73848d 100%);
}
.navbar.main-navbar .nav-drawer { flex: 1 1 auto; width: auto; min-width: 0; }
.navbar.main-navbar .main-menu {
    margin: 0;
    padding: 0;
    min-height: 40px;
    background: transparent;
}
.search-navbar {
    flex: 0 0 auto;
    width: 194px;
    min-width: 0;
    border: 1px solid rgba(255,255,255,.36);
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 4px rgba(20,35,45,.18);
    transition: border-color .18s ease, box-shadow .18s ease;
}
.search-navbar:focus-within {
    border-color: #66c9c3;
    box-shadow: 0 0 0 2px rgba(102,201,195,.25);
}
.search-navbar .search-form { display: flex; align-items: center; width: 100%; height: 28px; margin: 0; }
.search-navbar .search-label { flex: 1 1 auto; margin: 0; min-width: 0; }
.search-navbar input[type="search"] {
    display: block;
    width: 100%;
    height: 28px;
    min-height: 0;
    padding: 4px 9px;
    background: transparent;
    border: 0;
    border-radius: 5px;
    outline: 0;
    box-shadow: none;
    color: #344f60;
    font: 11px/1.5 Tahoma, Arial, sans-serif;
}
.search-navbar input[type="search"]::placeholder { color: #80919c; opacity: 1; }
.search-navbar button[type="submit"] {
    flex: 0 0 auto;
    min-height: 28px;
    padding: 3px 10px;
    border: 0;
    border-inline-start: 1px solid #d3e0e5;
    border-radius: 4px 0 0 4px;
    background: #e9f2f3;
    color: #34576b;
    font: bold 11px/1.5 Tahoma, Arial, sans-serif;
    cursor: pointer;
    transition: background-color .18s ease;
}
.search-navbar button[type="submit"]:hover { background: #cfebe8; }
.search-navbar input[type="search"]:focus-visible { outline: 0; }
@media (max-width: 1020px) and (min-width: 701px) {
.navbar.main-navbar .nav-top-row { flex-wrap: wrap; gap: 0 10px; padding-bottom: 5px; }
.navbar.main-navbar .nav-drawer { flex-basis: 100%; }
.search-navbar { margin-right: auto; width: 190px; }
}
@media (max-width: 700px) {
.navbar.main-navbar .nav-top-row { display: block; position: relative; padding: 4px 9px; }
.navbar.main-navbar .nav-drawer { display: block; width: 100%; }
.navbar.main-navbar .nav-drawer > .mobile-menu-label { color: #fff; min-height: 28px; align-items: center; }
.navbar.main-navbar .main-menu { width: 100%; margin: 0; padding: 4px 6px; }
.search-navbar { position: absolute; top: 4px; left: 9px; width: min(190px, 55%); }
.search-navbar .search-form { height: 28px; }
}
@media (prefers-reduced-motion: reduce) {
.search-navbar,
.search-navbar button[type="submit"] { transition: none; }
}


/* Typography */
#page-body h1,
#page-body h2,
#page-body h3,
#page-body h4,
#page-body .home-shortcut strong {
    font-family: Tahoma, Arial, sans-serif;
    font-weight: 700;
}
#page-body .home-hero h1 { line-height: 1.45; }


/* Download-card breakpoints */
@media (min-width: 701px) and (max-width: 900px) {
.home-shortcut { gap: 6px; padding: 12px 9px; }
.home-shortcut .shortcut-symbol { flex-basis: 34px; width: 34px; height: 34px; }
.home-shortcut .shortcut-symbol svg { width: 22px; height: 22px; }
.home-shortcut strong { font-size: 13px; }
.home-shortcut small { font-size: 9px; }
}
@media (max-width: 780px) {
.home-shortcut-grid { gap: 9px; }
}
@media (max-width: 610px) {
.home-shortcut-grid { grid-template-columns: 1fr; }
.home-shortcut { min-height: 94px; padding: 15px 18px; gap: 15px; }
.home-shortcut .shortcut-symbol { flex-basis: 57px; width: 57px; height: 57px; }
.home-shortcut .shortcut-symbol svg { width: 32px; height: 32px; }
}

/* Content pages and local icons */
.pba-page .pba-fa,
.pba-page .pba-heading-fa,
.pba-page .pba-feature-icon {
    font-family: 'FontAwesome' !important;
    font-weight: normal !important;
    font-style: normal;
    display: inline-block;
    speak: none;
    line-height: 1;
}
.pba-page { margin: 10px 0 18px; color: #3d5261; font: 12px/1.9 Tahoma,Arial,sans-serif; }
.pba-page h1, .pba-page h2, .pba-page h3, .pba-page p, .pba-page ul { margin-top: 0; }
.pba-page a { color: #105289; }
.pba-page p { margin-bottom: 12px; }
.pba-page-head {
    position:relative;
    min-height:0;
    margin:0 0 17px;
    padding:20px 23px;
    border:1px solid #d7e2e9;
    border-radius:7px;
    background:#eef3f6;
    color:#2e5168;
}
.pba-page-head h1 { margin:4px 0 7px; color:#284e68; font:bold 25px/1.6 Tahoma,Arial,sans-serif; }
.pba-page-head p { width:100%; max-width:100%; margin-bottom:0; color:#607686; font-size:13px; line-height:2; }
.pba-eyebrow { color:#6f8392; font-size:11px; font-weight:bold; }
.pba-two-col { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; margin-bottom: 15px; }
.pba-section-card { min-width:0; padding:19px 20px; overflow-wrap:anywhere; }
.pba-section-card,
.pba-doc-topic-grid article,
.pba-feature-card,
.pba-resource-card,
.pba-demo-grid > div,
.pba-demo-guide-intro > div,
.pba-demo-account,
.pba-sidebar-block {
    background:var(--pba-card);
    border:1px solid var(--pba-card-border);
    border-radius:7px;
    box-shadow:0 2px 7px rgba(46,76,94,.045);
}
.pba-section-card,
.pba-feature-card,
.pba-resource-card,
.pba-doc-topic-grid article { border-top:3px solid var(--pba-accent,var(--pba-blue)); }
.pba-feature-card:nth-child(5n+1),.pba-resource-card:nth-child(5n+1),.pba-doc-topic-grid article:nth-child(5n+1){--pba-accent:var(--pba-blue)}
.pba-feature-card:nth-child(5n+2),.pba-resource-card:nth-child(5n+2),.pba-doc-topic-grid article:nth-child(5n+2){--pba-accent:var(--pba-green)}
.pba-feature-card:nth-child(5n+3),.pba-resource-card:nth-child(5n+3),.pba-doc-topic-grid article:nth-child(5n+3){--pba-accent:var(--pba-purple)}
.pba-feature-card:nth-child(5n+4),.pba-resource-card:nth-child(5n+4),.pba-doc-topic-grid article:nth-child(5n+4){--pba-accent:var(--pba-orange)}
.pba-feature-card:nth-child(5n+5),.pba-resource-card:nth-child(5n+5),.pba-doc-topic-grid article:nth-child(5n+5){--pba-accent:var(--pba-red)}
.pba-section-card h2 { display: flex; align-items: center; gap: 10px; color: #334d5e; font: bold 16px/1.7 Tahoma,Arial,sans-serif; margin-bottom: 13px; }
.pba-heading-fa { color: #477997; font-size: 19px; }
.pba-section-card strong { color: #304d62; }
.pba-section-card ul { padding-right: 20px; }
.pba-small-note { color: #6f8090; font-size: 10px; line-height: 1.9; margin: 13px 0 0; }
.pba-history { margin-bottom: 15px; }
.pba-timeline { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.pba-timeline > div { border-top: 3px solid #829faf; background: #fff; border-radius: 3px; padding: 11px; }
.pba-timeline strong { display: block; margin-bottom: 5px; color: #20577a; font-size: 16px; }
.pba-timeline span { display: block; font-size: 11px; line-height: 1.8; }
.pba-links-band { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.pba-links-band > a { display: flex; align-items: center; justify-content: space-between; gap: 8px; background: #e8eff3; border: 1px solid #d5e1e7; border-radius: 5px; padding: 12px 13px; color: #17577f; font-weight: bold; }
.pba-links-band > a:hover { text-decoration: none; background: #f3f7fa; }
.pba-links-band .pba-fa { color: #65849b; font-size: 18px; }
.pba-contact-layout { grid-template-columns: minmax(0,1.45fr) minmax(240px,.8fr); }
.pba-contact-form { display: grid; grid-template-columns: 1fr; gap: 7px; }
.pba-contact-form label { font-weight: bold; color: #425c6b; }
.pba-contact-form input, .pba-contact-form select, .pba-contact-form textarea {
    width: 100%; min-width: 0; box-sizing: border-box; border: 1px solid #b9c9d4; border-radius: 4px; padding: 10px 12px;
    background: #fff; color: #253c4c; font: 12px/1.8 Tahoma,Arial,sans-serif;
}
.pba-contact-form input:focus, .pba-contact-form select:focus, .pba-contact-form textarea:focus { outline: 2px solid rgba(16,82,137,.22); border-color: #4280a6; }
.pba-contact-form textarea { resize: vertical; }
.pba-honeypot { position: absolute; left: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); clip-path: inset(50%); white-space: nowrap; }
.pba-action-button {
    display: inline-flex; justify-content: center; align-items: center; gap: 10px; width: fit-content;
    min-height: 38px; padding: 9px 17px; border-radius: 4px; border: 1px solid #2a5269; background: #365b71;
    color: #fff !important; font: bold 12px/1.5 Tahoma,Arial,sans-serif; cursor: pointer; text-decoration: none;
}
.pba-action-button:hover { background: #25465a; text-decoration: none; }
.pba-form-notice { border-radius: 4px; padding: 10px 12px; border: 1px solid #b8c6d1; background: #e8eff3; }
.pba-notice-sent { color: #28652a; background: #e9f4e6; border-color: #b9d3b1; }
.pba-side-notes p { padding-bottom: 11px; border-bottom: 1px solid #d5e0e7; }
.pba-quiet-link { font-weight: bold; }
.pba-ad-callout { display: flex; justify-content: space-between; align-items: center; gap: 14px; padding: 18px 20px; background: #e6eff4; border: 1px solid #d3e1e9; border-radius: 5px; }
.pba-ad-callout strong { display: block; margin-bottom: 5px; font-size: 15px; color: #2e526c; }
.pba-ad-callout span { font-size: 11px; }
.pba-check-list { line-height: 2.3; }
.pba-doc-topic-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.pba-doc-topic-grid article { padding:15px; }
.pba-doc-topic-grid .pba-fa { color: #5481a0; font-size: 23px; }
.pba-doc-topic-grid h3 { font-size: 13px; color: #2f536a; margin: 10px 0 5px; }
.pba-doc-topic-grid p { font-size: 10px; margin: 0; }
.pba-pdf-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.pba-pdf-list a { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 4px; border: 1px solid #d8e2e8; background: #fff; }
.pba-pdf-list a:hover { text-decoration: none; border-color: #91b0c6; background: #f8fbfd; }
.pba-pdf-list a > .pba-fa { color: #bd5050; font-size: 24px; }
.pba-pdf-list a > span:nth-child(2) { flex: 1; }
.pba-pdf-list strong { display: block; font-size: 12px; color: #105289; }
.pba-pdf-list small { display: block; font-size: 10px; color: #647989; margin-top: 3px; }
.pba-route-tile { display: block; text-decoration: none; color: inherit !important; }
.pba-route-tile:hover { background: #fff; text-decoration: none; }
.pba-route-tile > .pba-heading-fa { font-size: 26px; }
.pba-route-tile h2 { margin-top: 10px; }
.pba-route-tile > strong { color: #105289; }
.pba-demo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin: 15px 0; }
.pba-demo-grid > div { padding:17px; text-align:center; }
.pba-demo-grid .pba-fa { color: #537f9d; font-size: 25px; }
.pba-demo-grid strong, .pba-demo-grid small { display: block; }
.pba-demo-grid strong { margin-top: 9px; font-size: 12px; }
.pba-demo-grid small { margin-top: 5px; font-size: 10px; }
.pba-feature-intro { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-bottom:20px; }
.pba-feature-intro > span {
    --pba-accent:var(--pba-blue);
    display:flex; align-items:center; justify-content:center; gap:8px;
    min-height:54px; padding:9px 12px; border:1px solid var(--pba-card-border); border-top:3px solid var(--pba-accent);
    border-radius:7px; background:var(--pba-card); color:#315873; text-align:center; font-size:11px; font-weight:bold;
}
.pba-feature-intro > span:nth-child(5n+1){--pba-accent:var(--pba-blue)}
.pba-feature-intro > span:nth-child(5n+2){--pba-accent:var(--pba-green)}
.pba-feature-intro > span:nth-child(5n+3){--pba-accent:var(--pba-purple)}
.pba-feature-intro > span:nth-child(5n+4){--pba-accent:var(--pba-orange)}
.pba-feature-intro > span:nth-child(5n+5){--pba-accent:var(--pba-red)}
.pba-feature-intro .pba-fa { display:grid!important; place-items:center; width:30px; height:30px; margin:0; border-radius:50%; background:#fff; color:var(--pba-accent); font-size:15px; }
.pba-section-title { margin:20px 0 14px; }
.pba-section-title h2 { color:#304d61; font-size:18px; margin-bottom:3px; }
.pba-section-title p { font-size:11px; color:#708492; margin:0; }
.pba-feature-grid,.pba-33-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:stretch; gap:13px; }
.pba-feature-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; }
.pba-feature-head { display:flex; align-items:flex-start; gap:12px; min-height:0; padding:17px 15px 12px; }
.pba-feature-head > div { flex:1; min-width:0; }
.pba-feature-icon { display:grid!important; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:50%; background:#e7eff4; color:#497a98; font-size:20px; }
.pba-feature-head h3 { font-size:14px; color:#245677; margin:2px 0 6px; }
.pba-feature-head p { margin:0; font-size:11px; color:#667a87; line-height:1.85; }
.pba-feature-points { flex:1; list-style:none; margin:0!important; padding:9px 17px 16px!important; border-top:1px solid #e7edf1; background:#fff; }
.pba-feature-points li { position:relative; padding:3px 17px 3px 0; font-size:11px; color:#476071; }
.pba-feature-points li::before { content:'✓'; position:absolute; right:0; top:3px; color:#5b8b72; font-weight:bold; }
.pba-feature-card-compact .pba-feature-head { height:100%; padding-bottom:17px; }
.pba-33-section { margin:22px 0 18px; padding:17px 18px; background:#eef3f6; border:1px solid #d7e2e9; border-radius:7px; }
.pba-33-section .pba-section-title { margin-top:0; }
@media (max-width: 1050px) {
.pba-feature-grid,.pba-33-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pba-doc-topic-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.pba-timeline { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width: 700px) {
.pba-page-head h1 { font-size: 21px; }
.pba-page-head p { font-size: 12px; }
.pba-two-col, .pba-contact-layout, .pba-33-grid { grid-template-columns: 1fr; }
.pba-feature-grid { grid-template-columns: 1fr; }
.pba-feature-intro { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.pba-timeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
.pba-links-band, .pba-demo-grid { grid-template-columns: 1fr; }
.pba-doc-topic-grid, .pba-pdf-list { grid-template-columns: 1fr; }
.pba-ad-callout { flex-direction: column; align-items: stretch; }
.pba-ad-callout .pba-action-button { width: 100%; }
}
@media (max-width: 370px) { .pba-timeline { grid-template-columns: 1fr; } .pba-section-card { padding: 16px 13px; } }

/* Resource pages */
.pba-resource-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin: 4px 0 16px; }
.pba-resource-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; padding:20px 19px 17px; transition:background-color .16s ease,border-color .16s ease,transform .16s ease; }
.pba-resource-card:hover { background:#fff; border-color:#9cb7c8; transform:translateY(-1px); }
.pba-resource-symbol {
  display: grid !important; place-items: center;
  width: 43px; height: 43px; padding: 0; margin: 0 0 14px;
  font-size: 20px; color: #477997; background: #e3edf3; border-radius: 50%;
}
.pba-resource-card h2 { font: bold 15px/1.65 Tahoma,Arial,sans-serif; color: #285771; margin: 0 0 9px; }
.pba-resource-card p { color: #596f7e; font: 11px/1.95 Tahoma,Arial,sans-serif; flex: 1; margin: 0 0 16px; }
.pba-resource-card a { display: inline-flex; align-items: center; gap: 7px; font: bold 11px/1.5 Tahoma,Arial,sans-serif; color: #105289; }
.pba-resource-card a:hover { text-decoration: underline; }
.pba-resource-note { padding: 14px 16px; background: #eef3f6; border-right: 3px solid #7b9cae; border-radius: 4px; font-size: 11px; color: #536a79; }
.breadcrumb-bar > span:last-child { color: #526779; }
@media (max-width: 1000px) { .pba-resource-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .pba-resource-grid { grid-template-columns: 1fr; gap: 10px; } .pba-resource-card { padding: 17px; } }
@media (prefers-reduced-motion: reduce) { .pba-resource-card { transition: none; } }

.pba-resource-grid-four { grid-template-columns: repeat(4,minmax(0,1fr)); }
@media (max-width: 1050px) { .pba-resource-grid-four { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .pba-resource-grid-four { grid-template-columns: 1fr; } }

/* Demo guide */
.pba-demo-guide-intro,.pba-demo-account-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 20px; }
.pba-demo-guide-intro>div,.pba-demo-account { min-width:0; padding:18px; }
.pba-demo-guide-intro .pba-fa { color:#5481a0;font-size:23px;margin-bottom:7px; }
.pba-demo-guide-intro strong,.pba-demo-guide-intro small { display:block; }
.pba-demo-guide-intro strong { color:#28516a;font-size:13px; }
.pba-demo-guide-intro small { color:#62798a;font-size:11px;line-height:1.85;margin-top:5px; }
.pba-demo-guide-heading { font:bold 17px/1.5 Tahoma,Arial,sans-serif;color:#2b536c;margin:21px 0 12px; }
.pba-demo-account-head { display:flex;align-items:center;gap:10px;color:#315c77; }
.pba-demo-account-head>.pba-fa { font-size:23px; }
.pba-demo-account-head h3 { margin:0;font:bold 14px/1.6 Tahoma,Arial,sans-serif; }
.pba-demo-account p { font:11px/1.85 Tahoma,Arial,sans-serif;color:#607987;min-height:45px;margin:11px 0; }
.pba-demo-account dl { margin:0;display:grid;gap:6px; }
.pba-demo-account dt { color:#647b8a;font-size:10px;margin-top:6px; }
.pba-demo-account dd { margin:0;background:#fff;padding:7px 9px;border:1px solid #d9e4eb;border-radius:4px;user-select:all;overflow-wrap:anywhere; }
.pba-demo-account code { color:#234e6d;font:12px/1.5 Consolas,monospace; }
.pba-demo-start { display:flex;justify-content:space-between;align-items:center;gap:15px;margin:12px 0 18px;padding:20px;border-radius:6px;background:#e8f0f4;border:1px solid #d4e1e8; }
.pba-demo-start strong { color:#2b526a;font-size:15px; }
.pba-demo-start p { margin:6px 0 0;color:#62798a;font-size:11px; }
@media(max-width:850px){.pba-demo-guide-intro,.pba-demo-account-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.pba-demo-guide-intro,.pba-demo-account-grid{grid-template-columns:1fr;}.pba-demo-account p{min-height:0;}.pba-demo-start{display:block;}.pba-demo-start .pba-action-button{width:100%;margin-top:13px;}}

/* Search results and blog utilities */
.pba-blog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; margin:14px 0; }
.pba-blog-card { min-width:0; min-height:195px; display:flex; flex-direction:column; gap:8px; padding:20px; border:1px solid #d6e1e7; background:#f7f9fa; border-radius:5px; }
.pba-blog-card h2 { margin:0; font:bold 15px/1.75 Tahoma,Arial,sans-serif; }
.pba-blog-card h2 a { color:#105289; }
.pba-blog-card p { flex:1; margin:0 0 10px; color:#5c7383; font-size:11px; line-height:2; }
.pba-archive-tag { align-self:start; font:10px/1.5 Tahoma,Arial,sans-serif; color:#6f7e8a; background:#e8edf0; border-radius:3px; padding:3px 8px; }
.pba-blog-read { align-self:start; display:inline-flex; align-items:center; min-height:34px; color:#105289; font-weight:bold; font-size:11px; }
.pba-blog-pagination { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin:18px 0; }
.pba-blog-pagination .page-numbers { display:inline-block; min-width:33px; text-align:center; padding:6px 11px; border:1px solid #d6e2e9; border-radius:3px; background:#edf2f6; }
.pba-blog-pagination .current { background:#526977; color:#fff; }
@media (max-width:700px) { .pba-blog-grid { grid-template-columns:1fr; } }


/* Homepage, blog and feature refinements */
.footer-nav .footer-copyright { margin-inline-start:auto; white-space:nowrap; color:#677b89; font:11px/1.8 Tahoma,Arial,sans-serif; direction:ltr; }
.home-resource-block .home-knowledge-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; gap:11px; background:#eef2f5; }
.home-knowledge-card { position:relative; display:flex; flex-direction:column; align-items:flex-start; min-height:160px; gap:7px; padding:18px; color:#fff; border-radius:7px; background:#275f8b; text-decoration:none; border:1px solid rgba(0,0,0,.09); transition:filter .18s,transform .18s; }
.home-knowledge-card:nth-child(2) { background:#33836e; }
.home-knowledge-card:nth-child(3) { background:#925e98; }
.home-knowledge-card:nth-child(4) { background:#bd743f; }
.home-knowledge-card:hover, .home-knowledge-card:focus-visible { color:#fff; filter:brightness(1.08); text-decoration:none; transform:translateY(-2px); }
.home-knowledge-card .home-knowledge-icon { font-size:27px; line-height:1.4; color:#fff; opacity:.95; }
.home-knowledge-card strong { font:700 14px/1.55 Tahoma,Arial,sans-serif; color:#fff; }
.home-knowledge-card small { font:11px/1.8 Tahoma,Arial,sans-serif; color:#fff; opacity:.94; }
.home-knowledge-go { position:absolute; bottom:13px; left:16px; font-size:21px; opacity:.8; }
.home-news-list { padding:10px 13px; background:#fff; }
.home-news-item { display:flex; align-items:flex-start; gap:13px; padding:15px 4px; border-bottom:1px solid #e2e9ed; }
.home-news-item:last-child { border-bottom:0; }
.home-news-symbol { width:49px; height:49px; flex:0 0 49px; display:grid!important; place-items:center; border-radius:7px; color:#2876a6; background:#e6f2fb; font-size:23px; }
.home-news-item:nth-child(3n + 2) .home-news-symbol { background:#e8f5ec; color:#388659; }
.home-news-item:nth-child(3n + 3) .home-news-symbol { background:#f5eaf7; color:#9b5798; }
.home-news-copy { min-width:0; flex:1; }
.home-news-meta,.pba-news-meta { display:flex; flex-wrap:wrap; gap:9px; align-items:center; color:#778998; font:11px/1.7 Tahoma,Arial,sans-serif; }
.home-news-copy h3 { margin:4px 0 5px; font:700 14px/1.65 Tahoma,Arial,sans-serif; }
.home-news-copy h3 a { color:#105289; }
.home-news-copy p { margin:0; font:11px/1.9 Tahoma,Arial,sans-serif; color:#5f7585; }
.home-news-open { align-self:center; font-size:21px; padding:8px; color:#4f778e; }
.pba-blog-newsroom .pba-page-head { margin-bottom:19px; }
.pba-news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.pba-news-article { display:flex; flex-direction:column; overflow:hidden; border:1px solid #d9e3e9; border-radius:8px; background:#fff; box-shadow:0 2px 8px rgba(37,65,84,.05); }
.pba-news-visual { display:grid; place-items:center; height:112px; background:linear-gradient(130deg,#365e7b,#6694ad); color:white!important; overflow:hidden; }
.pba-news-article:nth-child(4n+2) .pba-news-visual { background:linear-gradient(130deg,#31715a,#66a087); }
.pba-news-article:nth-child(4n+3) .pba-news-visual { background:linear-gradient(130deg,#70547a,#a77fb2); }
.pba-news-article:nth-child(4n+4) .pba-news-visual { background:linear-gradient(130deg,#a46432,#d89f66); }
.pba-news-visual>.pba-fa { font-size:39px; opacity:.85; }
.pba-news-visual img { width:100%; height:100%; object-fit:cover; }
.pba-news-content { flex:1; display:flex; flex-direction:column; gap:9px; padding:16px 18px; }
.pba-news-meta { gap:12px; }
.pba-news-meta .pba-fa { color:#5683a0; margin-left:4px; }
.pba-news-content h2 { margin:0; font:700 16px/1.8 Tahoma,Arial,sans-serif; }
.pba-news-content h2 a { color:#185880; }
.pba-news-content p { flex:1; color:#586e7f; font:12px/1.9 Tahoma,Arial,sans-serif; margin:0 0 6px; }
.pba-news-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:10px; border-top:1px solid #e7edf0; }
.pba-news-foot>a { color:#116190; font-weight:700; font-size:11px; }
.pba-single-article { margin-top:13px; }
.pba-single-article h1 { font-size:22px; line-height:1.8; }
.pba-single-article .pba-news-meta { padding-bottom:13px; margin-bottom:17px; border-bottom:1px solid #d9e4ea; }
.pba-single-article .entry-content { font-size:13px; line-height:2; }
.pba-feature-card:nth-child(5n+1) .pba-feature-icon,
.pba-resource-card:nth-child(5n+1) .pba-resource-symbol,
.pba-doc-topic-grid article:nth-child(5n+1)>.pba-fa { color:#176fa1!important; background:#e4f1fa!important; }
.pba-feature-card:nth-child(5n+2) .pba-feature-icon,
.pba-resource-card:nth-child(5n+2) .pba-resource-symbol,
.pba-doc-topic-grid article:nth-child(5n+2)>.pba-fa { color:#287f5e!important; background:#e3f3e9!important; }
.pba-feature-card:nth-child(5n+3) .pba-feature-icon,
.pba-resource-card:nth-child(5n+3) .pba-resource-symbol,
.pba-doc-topic-grid article:nth-child(5n+3)>.pba-fa { color:#995799!important; background:#f3e7f5!important; }
.pba-feature-card:nth-child(5n+4) .pba-feature-icon,
.pba-resource-card:nth-child(5n+4) .pba-resource-symbol,
.pba-doc-topic-grid article:nth-child(5n+4)>.pba-fa { color:#b96c28!important; background:#fff0df!important; }
.pba-feature-card:nth-child(5n+5) .pba-feature-icon,
.pba-resource-card:nth-child(5n+5) .pba-resource-symbol,
.pba-doc-topic-grid article:nth-child(5n+5)>.pba-fa { color:#b34848!important; background:#f9e7e8!important; }
.pba-33-section .pba-section-title>.pba-eyebrow { color:#4b5d69!important; }
.pba-page .pba-section-card>.pba-heading-fa { color:#2376aa; }
.pba-page .pba-heading-fa { color:#2a82ab; }
.pba-pdf-list>a:nth-child(4n+1) .pba-fa { color:#277fb2; }
.pba-pdf-list>a:nth-child(4n+2) .pba-fa { color:#2a8e63; }
.pba-pdf-list>a:nth-child(4n+3) .pba-fa { color:#a15da6; }
.pba-pdf-list>a:nth-child(4n+4) .pba-fa { color:#b7742e; }
.pba-form-notice.pba-notice-failed,.pba-form-notice.pba-notice-invalid { color:#9e1e1e; background:#fbe8e8; border:1px solid #d9a2a2; border-right:4px solid #b22222; }
@media(max-width:650px) {
.pba-news-grid { grid-template-columns:1fr; }
.home-resource-block .home-knowledge-grid { gap:9px; }
.home-knowledge-card { padding:14px; min-height:152px; }
.home-knowledge-card strong { font-size:12px; }
.home-knowledge-card small { font-size:10px; }
.footer-nav { align-items:flex-start; }
.footer-nav .footer-copyright { width:100%; margin-inline-start:0; text-align:left; }
}
@media(max-width:350px) { .home-resource-block .home-knowledge-grid { grid-template-columns:1fr; } .home-knowledge-card { min-height:128px; } }


/* Outbound and historical pages */
.pba-out-destination { display:flex; flex-direction:column; align-items:flex-start; gap:9px; padding:17px; background:#edf3f7; border:1px solid #d9e3ea; border-radius:6px; }
.pba-out-destination>.pba-fa { font-size:30px; color:#397b9d; }
.pba-out-destination code { max-width:100%; word-break:break-all; font-size:12px; color:#426278; }
.pba-out-actions { display:flex; align-items:center; gap:17px; flex-wrap:wrap; margin-top:16px; }
.pba-legacy-context { padding:12px 16px; border-right:4px solid #c78e45; background:#fff4e3; color:#6a553e; font-size:12px; margin-bottom:16px; }
.pba-legacy-context .pba-fa { margin-left:6px; }
.pba-legacy-content { font-size:13px; line-height:2; overflow-wrap:anywhere; }
.pba-legacy-content img { max-width:100%; height:auto; }
.pba-legacy-content p { margin-bottom:13px; }
.pba-legacy-content h2,.pba-legacy-content h3 { color:#275d7d; }
.pba-legacy-content a { overflow-wrap:anywhere; }
.pba-legacy-content ol,.pba-legacy-content ul { padding-right:24px; }
/* Local icons used outside .pba-page */
.home-knowledge-card .home-knowledge-icon,.home-news-list .home-news-symbol {font-family:'FontAwesome'!important;font-style:normal;font-weight:normal;}


/* 2.8 unified resources, article reading, ads and outbound flow */
.pba-page-stats { display:flex; align-items:center; gap:6px; margin-top:10px; color:#718795; font-size:10px; }
.pba-page-stats .pba-fa { color:#4d7f9d; }

.pba-global-footer-nav { direction:rtl; }
.pba-global-footer-nav .footer-copyright { margin:0; text-align:left; direction:ltr; color:#677b89; font:11px/1.8 Tahoma,Arial,sans-serif; }

.pba-article-top-ad { margin-top:10px; }
.pba-article-layout { display:grid; grid-template-columns:minmax(0,1fr) 336px; gap:18px; align-items:start; }
.pba-article-card { min-width:0; overflow:hidden; background:#fff; border:1px solid var(--pba-card-border); border-radius:8px; }
.pba-article-header { padding:23px 25px 17px; border-bottom:1px solid #dde6eb; background:linear-gradient(120deg,#fff,#f5f8fa); }
.pba-article-header h1 { margin:4px 0 11px; color:#263f50; font:bold 26px/1.65 Tahoma,Arial,sans-serif; }
.pba-reading-content { max-width:780px; margin:0 auto; padding:26px 28px 16px; color:#334d5e; font:15px/2.15 Tahoma,Arial,sans-serif; }
.pba-reading-content p { margin:0 0 18px; }
.pba-reading-content h2 { margin:30px 0 12px; color:#285a79; font-size:20px; }
.pba-reading-content h3 { margin:24px 0 10px; color:#315f79; font-size:17px; }
.pba-reading-content ul,.pba-reading-content ol { padding-right:24px; margin-bottom:18px; }
.pba-reading-content blockquote { margin:20px 0; padding:13px 17px; border-right:4px solid #7095aa; background:#f2f6f8; color:#506979; }
.pba-reading-content pre,.pba-reading-content code { max-width:100%; }
.pba-single-article .ad-slot-inline { margin:16px auto 20px; }
.pba-article-tags { display:flex; flex-wrap:wrap; gap:7px; align-items:center; margin:0 24px 14px; padding-top:15px; border-top:1px solid #e2e9ed; }
.pba-article-tags > a { padding:4px 8px; border-radius:4px; background:#eef3f6; font-size:10px; }
.pba-article-share { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin:0 24px 18px; padding:10px 12px; border:1px solid #dbe5ea; border-radius:6px; background:#f7f9fa; }
.pba-article-share strong { display:flex; align-items:center; gap:7px; color:#355a71; font-size:11px; }
.pba-article-share > div { display:flex; gap:7px; flex-wrap:wrap; }
.pba-share-button { min-height:32px; padding:6px 11px; border:1px solid #b9c9d4; border-radius:4px; background:#fff; color:#105289; font:bold 10px/1.5 Tahoma,Arial,sans-serif; cursor:pointer; }
.pba-share-button:hover { border-color:#7599b0; background:#eef4f7; }
.pba-article-nav { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; padding:16px 22px; border-top:1px solid #dde6eb; background:#f7f9fa; font-size:11px; }
.pba-article-nav > div:last-child { text-align:left; }
.pba-article-sidebar { min-width:0; }
.pba-sidebar-block { padding:15px; margin-bottom:16px; }
.pba-sidebar-block h2 { display:flex; align-items:center; gap:8px; margin:0 0 9px; color:#315a73; font-size:14px; }
.pba-related-list article { padding:10px 0; border-bottom:1px solid #e1e8ec; }
.pba-related-list article:last-child { border-bottom:0; }
.pba-related-list h3 { margin:0 0 4px; font:700 12px/1.7 Tahoma,Arial,sans-serif; }
.pba-related-list span { color:#7a8d98; font-size:10px; }

.pba-out-card { max-width:820px; margin:0 auto; }
.pba-out-destination { flex-direction:row; align-items:flex-start; gap:13px; }
.pba-out-destination > div { min-width:0; display:grid; gap:5px; }
.pba-out-destination strong { color:#284f68; font-size:15px; }
.pba-out-countdown { margin-top:16px; padding:13px 15px; border:1px solid #d7e2e8; border-radius:6px; background:#f8fafb; color:#506978; }
.pba-out-countdown strong { color:#b44848; font-size:16px; }
.pba-out-progress { display:block; height:5px; margin-top:9px; overflow:hidden; border-radius:999px; background:#dfe7eb; direction:ltr; }
.pba-out-progress > span { display:block; width:0; height:100%; background:#4b7f9e; transition:width .9s linear; }

@media (max-width:850px) {
  .pba-article-layout { grid-template-columns:1fr; }
  .pba-article-sidebar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
  .pba-article-sidebar .ad-slot-rail { height:280px; }
  .pba-sidebar-block { margin-bottom:0; }
}
@media (max-width:700px) {
  .ad-slot-wide { height:180px; }
  .ad-slot-rail,.ad-slot-square { width:100%; height:280px; }
  .pba-article-sidebar { grid-template-columns:1fr; }
  .pba-article-header { padding:18px 16px 14px; }
  .pba-article-header h1 { font-size:21px; }
  .pba-reading-content { padding:20px 16px 12px; font-size:14px; line-height:2.05; }
  .pba-article-nav { grid-template-columns:1fr; text-align:right; }
  .pba-article-nav > div:last-child { text-align:right; }
  .pba-global-footer-nav { align-items:flex-start; }
  .pba-global-footer-nav .footer-copyright { width:100%; text-align:left; }
}

.pba-context-navbar { margin-bottom:4px; }
@media (max-width:700px) {
  #page-header .pba-release-info a { flex-basis:100%; }
}
