@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;600;700&display=swap');
/* PJL journal stylesheet, 15 Nov 2026 */
/* 1. Footer shows only the journal footer text (hides the UNS theme blocks) */
#standardFooter #left, #standardFooter #right { display: none !important; }
#standardFooter #center { float: none !important; width: auto !important; margin: 0 !important; padding: 12px 14px !important; }
/* Floating menu: after scrolling past the banner the bar switches to fixed (Chrome, Edge, Safari 26+; other browsers keep it static) */
@keyframes pjlstick { from { position: absolute; top: 160px; left: 0; right: 0; } to { position: fixed; top: 0; left: calc(50% - 550px); right: auto; width: 1100px; box-shadow: 0 2px 6px rgba(0,0,0,.18); } }
@keyframes pjlstickf { from { position: absolute; top: 161px; left: 340px; right: 330px; } to { position: fixed; top: 1px; left: calc(50% - 100px); right: calc(50% - 220px); } }
/* 2. JCLP-style menu. The markup is the first block of the footer text (Setup 5); on desktop it is lifted into the navbar position. */
#pjlnav{background:#fff;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-family:'Source Sans 3',Arial,Helvetica,sans-serif;text-align:left;}
#pjlnav ul{list-style:none;margin:0;padding:0;}
#pjlnav ul.pn{display:flex;align-items:stretch;flex-wrap:wrap;padding-left:14px;}
#pjlnav ul.pn>li{position:relative;display:flex;align-items:center;margin:0;padding:0;}
#pjlnav .t{display:block;padding:16px 14px;font-size:14px;color:#2e2e2e;cursor:pointer;white-space:nowrap;}
#pjlnav .t:after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 3px 9px;border-right:1.5px solid #1b7fb8;border-bottom:1.5px solid #1b7fb8;transform:rotate(45deg);}
#pjlnav li.dd:hover>.t:after,#pjlnav li.dd:focus-within>.t:after{transform:rotate(225deg);margin-bottom:-2px;}
#pjlnav li.dd>ul{display:none;position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid #d9d9d9;box-shadow:0 4px 10px rgba(0,0,0,.15);padding:6px 0;}
#pjlnav li.dd:hover>ul,#pjlnav li.dd:focus-within>ul{display:block;}
#pjlnav li.dd>ul li{margin:0;padding:0;}
#pjlnav li.dd>ul a{display:block;padding:9px 20px;font-size:13px;color:#2e2e2e;text-decoration:none;white-space:nowrap;}
#pjlnav li.dd>ul a:hover{background:#f2f7fb;color:#0b5f93;}
#pjlnav li.dd>ul li.sep{border-top:1px solid #e3e3e3;margin-top:6px;padding-top:6px;}
#pjlnav li.sr{flex:1 1 220px;margin-left:10px;border-left:1px solid #d9d9d9;}
#pjlnav li.sr form{display:flex;width:100%;margin:0;}
#pjlnav li.sr input{flex:1;min-width:0;border:0;padding:0 14px;font-size:14px;height:48px;background:#fff;outline:0;box-shadow:none;}
#pjlnav li.sr button{width:38px;height:38px;margin:5px 8px 5px 0;border:0;background:#1b7fb8;cursor:pointer;padding:0;}
#pjlnav li.cell{border-left:1px solid #d9d9d9;}
#pjlnav li.cell:last-child{border-right:1px solid #d9d9d9;}
#pjlnav li.cell a{display:block;padding:16px 22px;font-size:14px;color:#2e2e2e;text-decoration:none;white-space:nowrap;}
#pjlnav li.cell a:hover{background:#f2f7fb;}
#pjlnav i{font-style:normal;font-size:12px;}
@media screen and (min-width: 801px) {
  #container { position: relative; }
  nav:has(#navbar), #fullNav { height: 59px !important; overflow: hidden !important; position: static !important; background: transparent !important; box-shadow: none !important; }
  #navbar ul.navMenu { display: none !important; }
  #sidebarNavigation form#simpleSearchForm { display: flex !important; position: absolute; top: 161px; left: 340px; right: 330px; height: 58px; margin: 0; padding: 0; z-index: 60; background: #fff; border-left: 1px solid #d9d9d9; align-items: center; }
  #sidebarNavigation #simpleSearchInput { flex: 1; width: 100%; margin: 0; border: 0; border-collapse: collapse; display: flex !important; }
  #sidebarNavigation #simpleSearchInput tbody { display: flex !important; flex: 1; width: 100%; align-items: center; }
  #sidebarNavigation #simpleSearchInput tr { display: flex !important; align-items: center; }
  #sidebarNavigation #simpleSearchInput tr:first-child { flex: 1; }
  #sidebarNavigation #simpleSearchInput tr:nth-child(2) { display: none !important; }
  #sidebarNavigation #simpleSearchInput td { display: block; padding: 0; border: 0; }
  #sidebarNavigation #simpleSearchInput tr:first-child td { flex: 1; }
  #sidebarNavigation #simpleSearchInput label { display: block; font-size: 0; }
  #sidebarNavigation #simpleSearchInput label br { display: none; }
  #sidebarNavigation #simpleSearchInput label { position: relative; }
  #sidebarNavigation #simpleSearchInput label:before { content: "Search in this journal"; position: absolute; left: 14px; top: 50%; transform: translateY(-50%); font-size: 14px; color: #6b6b6b; pointer-events: none; font-family: Arial, Helvetica, sans-serif; }
  #sidebarNavigation form#simpleSearchForm:focus-within label:before { display: none; }
  #sidebarNavigation form#simpleSearchForm input.textField { width: 100%; box-sizing: border-box; }
  #sidebarNavigation form#simpleSearchForm input.textField { flex: 1; min-width: 0; height: 46px; border: 0 !important; padding: 0 14px; font-size: 14px; background: transparent; outline: 0; box-shadow: none; }
  #sidebarNavigation form#simpleSearchForm input.button { width: 38px; height: 38px; margin: 0 8px 0 0; padding: 0; border: 0; font-size: 0; cursor: pointer; background: #1b7fb8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Ccircle cx='6.5' cy='6.5' r='4.5' fill='none' stroke='white' stroke-width='1.8'/%3E%3Cpath d='M10 10l4.5 4.5' stroke='white' stroke-width='1.8'/%3E%3C/svg%3E") center no-repeat; }
  #pjlnav { position: absolute; top: 160px; left: 0; right: 0; z-index: 50; }
  #pjlnav { animation: pjlstick 1s steps(1, end) both; animation-timeline: scroll(root); animation-range: 0 160px; }
  #sidebarNavigation form#simpleSearchForm { animation: pjlstickf 1s steps(1, end) both; animation-timeline: scroll(root); animation-range: 0 160px; }
}
@media screen and (max-width: 800px) { #pjlnav { display: none; } }

/* 3. Header in JCLP style: cover + journal name on a coloured band; palette and font */
:root { --pj-navy: #1b2a63; --pj-dark: #121c47; --pj-accent: #1b86b8; }
#container, #container input, #container select, #pjlbrand { font-family: 'Source Sans 3', Arial, Helvetica, sans-serif; }
#pjlnav li.mini { display: none; }
@keyframes pjlmini { from { display: none; } to { display: flex; } }
@media screen and (min-width: 801px) {
  #header, #headerRight { background: var(--pj-dark) !important; }
  #headerRight { height: 35px; line-height: 35px; padding: 0 16px; text-align: right; box-sizing: border-box; }
  #headerRight a { color: #fff !important; font-size: 13px; margin-left: 18px; text-decoration: none; }
  #headerRight a:hover { text-decoration: underline; }
  #headerTitle { height: 125px !important; background: var(--pj-navy) !important; overflow: hidden; }
  #headerTitle img, #jurnalTitle figure { display: none !important; }
  #pjlbrand { position: absolute; top: 35px; left: 0; right: 0; height: 125px; display: flex; align-items: center; padding-left: 26px; z-index: 40; }
  #pjlbrand .cv img { height: 98px; width: auto; display: block; border: 3px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.35); }
  #pjlbrand .tx { margin-left: 24px; display: flex; flex-direction: column; }
  #pjlbrand .nm { font-size: 36px; font-weight: 600; color: #fff !important; text-decoration: none; line-height: 1.15; }
  #pjlbrand .sb { font-size: 15px; color: #cfe6f3; margin-top: 4px; }
  #pjlnote { display: none; position: absolute; top: 0; right: 190px; height: 35px; line-height: 35px; font-size: 13px; z-index: 70; color: #fff !important; text-decoration: none; font-family: 'Source Sans 3', Arial, sans-serif; }
  body:has(#headerRight a[href$="signOut"]) #pjlnote { display: block; }
  #pjlnav li.mini { animation: pjlmini 1s steps(1, end) both; animation-timeline: scroll(root); animation-range: 0 160px; width: 110px; align-items: center; }
  #pjlnav li.mini a { display: block; padding-left: 18px; font-size: 19px; font-weight: 700; color: var(--pj-navy); text-decoration: none; }
}
@media screen and (max-width: 800px) { #pjlbrand, #pjlnote { display: none; } }

/* 4. Readable text and one palette (desktop) */
@media screen and (min-width: 801px) {
  #content, #content p, #content td, #content li, #content a, #content div, #breadcrumb, #breadcrumb a { font-size: 15.5px !important; line-height: 1.55; }
  #content a, #breadcrumb a { color: #0b6aa0; }
  #content a:hover { color: var(--pj-navy); text-decoration: underline; }
  #rightSidebar .block, #rightSidebar .block p, #rightSidebar .block a { font-size: 14.5px; line-height: 1.5; }
  #rightSidebar span.blockTitle { background: var(--pj-navy) !important; color: #fff !important; font-family: 'Source Sans 3', Arial, sans-serif; font-weight: 700; font-size: 14px; letter-spacing: .03em; padding: 8px 12px; display: block; }
  #rightSidebar p[style*="lightskyblue"] { background: var(--pj-navy) !important; padding: 9px 12px; margin: 6px 0; }
  #rightSidebar p[style*="lightskyblue"] a, #rightSidebar p[style*="lightskyblue"] span { color: #fff !important; font-size: 14px !important; font-weight: 600; text-decoration: none; }
  #rightSidebar a[style*="c8102e"] { background: var(--pj-accent) !important; }
  #rightSidebar a[style*="1b3a5c"] { background: var(--pj-navy) !important; }
  #rightSidebar span.blockTitle, #rightSidebar span.blockTitle * { color: #fff !important; }
}