/* Calm Publika Journals — OJS SITE index skin (site style sheet).
   The site style sheet loads on EVERY frontend page (including journal pages with the GreatPaper theme),
   so every rule is scoped to body:has(.pkp_structure_page), which only exists on the site index. */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,440;9..144,560;9..144,650&family=Public+Sans:wght@400;500;600;700;800&display=swap');
body:has(.pkp_structure_page){--cp-ink:#0f1a2e; --cp-soft:#4c5870; --cp-blue:#1D4ED8; --cp-deep:#0c2261; --cp-tint:#eaf0fd; --cp-line:#e3e8f5; --cp-amber:#d97a1f; --cp-serif:'Fraunces',Georgia,serif; --cp-sans:'Public Sans',system-ui,-apple-system,sans-serif; font-family:var(--cp-sans); color:var(--cp-ink); background:#fff;}
/* language: English by default, Indonesian when html[data-cplang="id"] */
body:has(.pkp_structure_page) .cp-id{display:none;}
html[data-cplang="id"] body:has(.pkp_structure_page) .cp-id{display:revert;}
html[data-cplang="id"] body:has(.pkp_structure_page) .cp-en{display:none;}
/* header */
body:has(.pkp_structure_page) .pkp_structure_head, body:has(.pkp_structure_page) .pkp_navigation_primary_row, body:has(.pkp_structure_page) .pkp_navigation_user_wrapper{background:var(--cp-deep); border-bottom:0; box-shadow:none;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_img{display:inline-block; width:auto; height:auto; font:650 26px/1.25 var(--cp-serif); letter-spacing:-.01em; padding:0;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_img img{display:none;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_img::before{content:"Calm Publika"; color:#fff;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_img::after{content:" Journals"; color:#f0994a;}
body:has(.pkp_structure_page) .pkp_navigation_user > li > a{color:rgba(244,247,255,.9); font:600 14px var(--cp-sans);}
body:has(.pkp_structure_page) .pkp_navigation_user > li > a:hover{color:#fff; background:transparent;}
body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/user/register"], body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/login"]{font-size:0;}
body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/user/register"]::after{content:"Register"; font-size:14px;}
body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/login"]::after{content:"Login"; font-size:14px;}
html[data-cplang="id"] body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/user/register"]::after{content:"Daftar";}
html[data-cplang="id"] body:has(.pkp_structure_page) .pkp_navigation_user a[href*="/login"]::after{content:"Masuk";}
body:has(.pkp_structure_page) #cpLang{font:700 12px/1 var(--cp-sans); letter-spacing:.06em; color:#fff; background:transparent; border:1.5px solid rgba(255,255,255,.45); border-radius:999px; padding:7px 11px; cursor:pointer;}
body:has(.pkp_structure_page) #cpLang:hover{border-color:#fff;}
/* layout: full width, no stock column rules */
body:has(.pkp_structure_page) .pkp_structure_content, body:has(.pkp_structure_page) .pkp_structure_main{width:100%; max-width:none; float:none; padding:0; margin:0; border:0;}
body:has(.pkp_structure_page) .pkp_structure_content::before, body:has(.pkp_structure_page) .pkp_structure_content::after, body:has(.pkp_structure_page) .pkp_structure_main::before, body:has(.pkp_structure_page) .pkp_structure_main::after{display:none;}
body:has(.pkp_structure_page) .page_index_site{padding:0; margin:0;}
/* hero (site "about" setting) */
.cp-wrap{max-width:1100px; margin:0 auto; padding:0 24px;}
.cp-hero{background:linear-gradient(135deg,#0c2261 0%,#15379e 100%); color:#f4f7ff; padding:72px 0 80px;}
.cp-eyebrow{font:800 12.5px/1 'Public Sans',sans-serif; letter-spacing:.14em; text-transform:uppercase; color:#f0994a; margin:0 0 14px;}
.cp-hero h2{font-family:'Fraunces',Georgia,serif; font-weight:560; font-size:clamp(32px,4.6vw,52px); line-height:1.1; letter-spacing:-.015em; margin:0 0 18px; max-width:780px; color:#fff;}
.cp-lead{font:400 17px/1.65 'Public Sans',sans-serif; max-width:660px; color:rgba(244,247,255,.82); margin:0 0 30px;}
.cp-lead a{color:#fff; text-decoration:underline; text-underline-offset:3px;}
.cp-actions{display:flex; flex-wrap:wrap; gap:12px;}
.cp-btn{display:inline-block; font:700 15px/1 'Public Sans',sans-serif; padding:14px 24px; border-radius:999px; background:#fff; color:#0c2261; text-decoration:none; transition:transform .15s;}
.cp-btn:hover{transform:translateY(-1px); color:#0c2261;}
.cp-btn.ghost{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.55);} .cp-btn.ghost:hover{color:#fff; border-color:#fff;}
/* journals as cards */
body:has(.pkp_structure_page) .journals{max-width:1100px; margin:0 auto; padding:64px 24px 24px;}
body:has(.pkp_structure_page) .journals > h2{font-size:0; margin:0 0 26px; padding:0; border:0;}
body:has(.pkp_structure_page) .journals > h2::after{content:"Our journals"; font:560 clamp(24px,3vw,32px) var(--cp-serif); color:var(--cp-ink);}
html[data-cplang="id"] body:has(.pkp_structure_page) .journals > h2::after{content:"Jurnal kami";}
body:has(.pkp_structure_page) .journals > ul{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; list-style:none; margin:0; padding:0;}
body:has(.pkp_structure_page) .journals > ul > li{display:flex; gap:22px; align-items:flex-start; margin:0; padding:24px; border:1px solid var(--cp-line); border-radius:20px; background:#fff; box-shadow:0 1px 2px rgba(13,32,84,.05), 0 24px 44px -30px rgba(13,32,84,.35); transition:transform .15s, box-shadow .15s; float:none; width:auto;}
body:has(.pkp_structure_page) .journals > ul > li:hover{transform:translateY(-2px); box-shadow:0 1px 2px rgba(13,32,84,.06), 0 30px 50px -28px rgba(13,32,84,.45);}
body:has(.pkp_structure_page) .journals .thumb{flex:0 0 132px; width:132px; margin:0; padding:0; float:none;}
body:has(.pkp_structure_page) .journals .thumb img{width:100%; height:auto; border-radius:4px 10px 10px 4px; box-shadow:0 18px 30px -18px rgba(13,32,84,.55);}
body:has(.pkp_structure_page) .journals .body{flex:1; min-width:0; margin:0; padding:0; float:none; width:auto;}
body:has(.pkp_structure_page) .journals .body h3{font:560 22px/1.25 var(--cp-serif); margin:2px 0 14px; padding:0;}
body:has(.pkp_structure_page) .journals .body h3 a{color:var(--cp-ink); text-decoration:none;} body:has(.pkp_structure_page) .journals .body h3 a:hover{color:var(--cp-blue);}
body:has(.pkp_structure_page) .journals ul.links{display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:0; padding:0;}
body:has(.pkp_structure_page) .journals ul.links li{margin:0; padding:0; float:none;}
body:has(.pkp_structure_page) .journals ul.links a{display:inline-block; font:700 13.5px/1 var(--cp-sans); color:var(--cp-blue); text-decoration:none; padding:11px 16px; border:1.5px solid #c7d4f4; border-radius:999px; background:#fff; font-size:0;}
body:has(.pkp_structure_page) .journals ul.links li.view a{background:var(--cp-blue); border-color:var(--cp-blue); color:#fff;}
body:has(.pkp_structure_page) .journals ul.links a:hover{border-color:var(--cp-blue);}
body:has(.pkp_structure_page) .journals ul.links li.view a::after{content:"View journal"; font-size:13.5px;}
body:has(.pkp_structure_page) .journals ul.links li.current a::after{content:"Current issue"; font-size:13.5px;}
html[data-cplang="id"] body:has(.pkp_structure_page) .journals ul.links li.view a::after{content:"Buka jurnal";}
html[data-cplang="id"] body:has(.pkp_structure_page) .journals ul.links li.current a::after{content:"Terbitan terkini";}
@media (max-width:860px){ body:has(.pkp_structure_page) .journals > ul{grid-template-columns:1fr;} .cp-hero{padding:52px 0 58px;} }
@media (max-width:480px){ body:has(.pkp_structure_page) .journals > ul > li{flex-direction:column; align-items:flex-start;} body:has(.pkp_structure_page) .journals .thumb{flex:0 0 auto; width:120px;} }
/* publisher of record + footer (site "pageFooter" setting) */
.cp-pub{display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:start; padding:40px 0 64px;}
.cp-pub h3{font:560 clamp(24px,3vw,32px) 'Fraunces',Georgia,serif; margin:0 0 10px; color:#0f1a2e;}
.cp-sub{color:#4c5870; line-height:1.65; margin:0 0 20px; max-width:560px;}
.cp-links{list-style:none; margin:0; padding:0; display:grid; gap:10px;} .cp-links a{font-weight:600; color:#1D4ED8;}
.cp-pub dl{margin:0; border:1px solid #e3e8f5; border-radius:18px; padding:4px 24px; background:#fff;}
.cp-pub dl div{padding:14px 0; border-bottom:1px solid #e3e8f5;} .cp-pub dl div:last-child{border-bottom:0;}
.cp-pub dt{font:800 11.5px/1 'Public Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#1D4ED8; margin:0 0 5px;}
.cp-pub dd{margin:0; overflow-wrap:anywhere; font-size:15px;}
.cp-foot{background:#0c2261; color:rgba(244,247,255,.78);}
.cp-foot .cp-wrap{padding-top:38px; padding-bottom:12px; font-size:13.5px; line-height:1.7;}
.cp-foot strong{color:#fff; font:560 17px 'Fraunces',Georgia,serif;}
.cp-foot nav{margin:12px 0; display:flex; flex-wrap:wrap; gap:6px 22px;} .cp-foot a{color:#fff;}
.cp-foot small{display:block; color:rgba(244,247,255,.55); font-size:12px;}
@media (max-width:860px){ .cp-pub{grid-template-columns:1fr; gap:24px; padding:36px 0 48px;} }
body:has(.pkp_structure_page) .pkp_structure_footer_wrapper{background:#0c2261; border-top:0; margin-top:0;}
body:has(.pkp_structure_page) .pkp_structure_footer{text-align:left;}
body:has(.pkp_structure_page) .pkp_brand_footer{opacity:.7; filter:invert(1) brightness(1.6); text-align:right; padding-bottom:18px;}
/* fixes: stock rule hides the journals h2 (screen-reader clip); stock top padding; publisher block bleeds white across the navy footer */
body:has(.pkp_structure_page) .journals > h2{position:static !important; left:auto !important; clip:auto !important; display:block;}
body:has(.pkp_structure_page) .pkp_structure_content, body:has(.pkp_structure_page) .pkp_structure_main, body:has(.pkp_structure_page) .page_index_site, body:has(.pkp_structure_page) .pkp_page_index{padding-top:0 !important; margin-top:0 !important;}
body:has(.pkp_structure_page) .journals{margin-top:0 !important;}
.cp-pubwrap{background:#fff; color:#0f1a2e; box-shadow:0 0 0 100vmax #fff; clip-path:inset(0 -100vmax);}
body:has(.pkp_structure_page) .pkp_site_name > a.is_img, body:has(.pkp_structure_page) .pkp_site_name > a.is_img:hover{text-decoration:none;}
body:has(.pkp_structure_page) .pkp_structure_footer, body:has(.pkp_structure_page) .pkp_structure_footer_wrapper{padding-top:0 !important; margin-top:0 !important;}
body:has(.pkp_structure_page) .pkp_footer_content{padding:0 !important; margin:0 !important;}
body:has(.pkp_structure_page) .journals .description{margin:-4px 0 16px; color:var(--cp-soft); font-size:14.5px; line-height:1.6;}
body:has(.pkp_structure_page) .journals .description p{margin:0;}

/* shared header navigation (same set as OMP) */
body:has(.pkp_structure_page) .pkp_navigation_primary_row{border-top:1px solid rgba(255,255,255,.1);}
body:has(.pkp_structure_page) .cp-nav{display:flex; flex-wrap:wrap; gap:4px; list-style:none; margin:0; padding:0;}
body:has(.pkp_structure_page) .cp-nav a{display:block; padding:12px 14px; color:rgba(244,247,255,.88); font:600 14px var(--cp-sans); text-decoration:none; border-bottom:3px solid transparent;}
body:has(.pkp_structure_page) .cp-nav a:hover{color:#fff;}
body:has(.pkp_structure_page) .cp-nav li.cp-cur a{color:#fff; border-bottom-color:#f0994a;}
body:has(.pkp_structure_page) .pkp_site_nav_menu{background:#0c2261;}
@media (max-width:991px){ body:has(.pkp_structure_page) .cp-nav{flex-direction:column;} }

/* ---------- login / register / lost password (all site-level pages) ---------- */
/* ---------- login & registration ---------- */
body:has(.pkp_structure_page) .page_login, body:has(.pkp_structure_page) .page_register, body:has(.pkp_structure_page) .page_lostPassword, body:has(.pkp_structure_page) .page_lost_password{max-width:560px; margin:0 auto !important; padding:36px 24px 64px !important;}
body:has(.pkp_structure_page) .page_register{max-width:760px;}
body:has(.pkp_structure_page) .page_login h1, body:has(.pkp_structure_page) .page_register h1, body:has(.pkp_structure_page) .page_lostPassword h1, body:has(.pkp_structure_page) .page_lost_password h1{font-family:var(--cp-serif); font-weight:560; font-size:clamp(28px,4vw,38px); letter-spacing:-.012em; color:var(--cp-ink); margin:6px 0 8px; padding:0; border:0;}
body:has(.pkp_structure_page) .page_login h1::after{content:"Sign in to your author, editor or reviewer account."; display:block; font:400 15.5px/1.6 var(--cp-sans); letter-spacing:0; color:var(--cp-soft); margin-top:8px;}
body:has(.pkp_structure_page) .page_register h1::after{content:"Create an account to propose a book or follow your submissions."; display:block; font:400 15.5px/1.6 var(--cp-sans); letter-spacing:0; color:var(--cp-soft); margin-top:8px;}
body:has(.pkp_structure_page) .page_login > p, body:has(.pkp_structure_page) .page_register > p{color:var(--cp-soft); font-size:13.5px; margin:0 0 18px;}
body:has(.pkp_structure_page) abbr.required, body:has(.pkp_structure_page) .required{color:var(--cp-amber); text-decoration:none; border:0;}
body:has(.pkp_structure_page) .cmp_form{background:#fff; border:1px solid var(--cp-line); border-radius:20px; padding:30px 30px 26px; box-shadow:0 1px 2px rgba(13,32,84,.05), 0 24px 50px -32px rgba(13,32,84,.35); margin:0;}
body:has(.pkp_structure_page) .cmp_form fieldset{border:0; margin:0; padding:0; min-width:0;}
body:has(.pkp_structure_page) .cmp_form fieldset + fieldset{margin-top:26px; padding-top:22px; border-top:1px solid var(--cp-line);}
body:has(.pkp_structure_page) .cmp_form legend{font:800 12px/1 var(--cp-sans); letter-spacing:.14em; text-transform:uppercase; color:var(--cp-blue); padding:0 0 16px;}
body:has(.pkp_structure_page) .cmp_form legend.pkp_screen_reader{position:absolute;}
body:has(.pkp_structure_page) .cmp_form .fields > div, body:has(.pkp_structure_page) .cmp_form fieldset > div{margin:0 0 18px;}
body:has(.pkp_structure_page) .cmp_form label{display:block;}
body:has(.pkp_structure_page) .cmp_form .label{display:block; font:600 14px/1.4 var(--cp-sans); color:var(--cp-ink); margin-bottom:7px;}
body:has(.pkp_structure_page) .cmp_form input[type=text], body:has(.pkp_structure_page) .cmp_form input[type=email], body:has(.pkp_structure_page) .cmp_form input[type=password], body:has(.pkp_structure_page) .cmp_form input[type=tel], body:has(.pkp_structure_page) .cmp_form input[type=url], body:has(.pkp_structure_page) .cmp_form select, body:has(.pkp_structure_page) .cmp_form textarea{width:100%; box-sizing:border-box; font:400 15.5px/1.4 var(--cp-sans); color:var(--cp-ink); background:#fff; border:1.5px solid #cfd8ee; border-radius:12px; padding:12px 14px; height:auto; box-shadow:none; transition:border-color .15s, box-shadow .15s;}
body:has(.pkp_structure_page) .cmp_form input:focus, body:has(.pkp_structure_page) .cmp_form select:focus, body:has(.pkp_structure_page) .cmp_form textarea:focus{outline:0; border-color:var(--cp-blue); box-shadow:0 0 0 4px rgba(29,78,216,.14);}
body:has(.pkp_structure_page) .cmp_form label > a{display:inline-block; margin-top:8px; font-size:13.5px; font-weight:600; color:var(--cp-blue);}
body:has(.pkp_structure_page) .cmp_form .checkbox label, body:has(.pkp_structure_page) .cmp_form .optin label, body:has(.pkp_structure_page) .cmp_form .consent label, body:has(.pkp_structure_page) .cmp_form .reviewer_interests label{display:flex; align-items:flex-start; gap:10px;}
body:has(.pkp_structure_page) .cmp_form .checkbox .label, body:has(.pkp_structure_page) .cmp_form .optin .label{display:inline; font-weight:400; margin:0; color:var(--cp-soft);}
body:has(.pkp_structure_page) .cmp_form input[type=checkbox], body:has(.pkp_structure_page) .cmp_form input[type=radio]{width:18px; height:18px; margin:3px 0 0; accent-color:var(--cp-blue);}
body:has(.pkp_structure_page) .cmp_form .buttons{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:26px 0 0;}
body:has(.pkp_structure_page) .cmp_form button.submit, body:has(.pkp_structure_page) .cmp_form .buttons button, body:has(.pkp_structure_page) .cmp_form .pkp_button.submit{font:700 15px/1 var(--cp-sans); letter-spacing:.01em; color:#fff; background:var(--cp-blue); border:0; border-radius:999px; padding:15px 30px; cursor:pointer; box-shadow:0 10px 22px -12px rgba(29,78,216,.7); transition:transform .15s, background .15s;}
body:has(.pkp_structure_page) .cmp_form button.submit:hover, body:has(.pkp_structure_page) .cmp_form .buttons button:hover{background:#163ea8; transform:translateY(-1px);}
body:has(.pkp_structure_page) .cmp_form .buttons a, body:has(.pkp_structure_page) .cmp_form a.register{font:700 15px/1 var(--cp-sans); color:var(--cp-blue); text-decoration:none; padding:14px 26px; border:1.5px solid #c7d4f4; border-radius:999px; background:#fff;}
body:has(.pkp_structure_page) .cmp_form .buttons a:hover{border-color:var(--cp-blue); background:var(--cp-tint);}
body:has(.pkp_structure_page) .page_register .pkp_button, body:has(.pkp_structure_page) .page_register #connect-orcid-button{font:600 14.5px/1.2 var(--cp-sans); background:#fff; color:var(--cp-ink); border:1.5px solid #cfd8ee; border-radius:12px; cursor:pointer; margin:0 0 6px;}
body:has(.pkp_structure_page) .page_register #connect-orcid-button:hover{border-color:#a6ce39; background:#f7fbe9;}
body:has(.pkp_structure_page) .page_register .orcid_icon{display:inline-block; width:20px; height:20px; vertical-align:-4px; margin-right:6px;}
body:has(.pkp_structure_page) .page_register form > a{display:inline-block; margin:0 0 22px 10px; font-size:13.5px;}
body:has(.pkp_structure_page) .cmp_form p, body:has(.pkp_structure_page) .cmp_form .consent{color:var(--cp-soft); font-size:14px; line-height:1.6;}
body:has(.pkp_structure_page) .cmp_form a{color:var(--cp-blue);}
body:has(.pkp_structure_page) .page_register .fields .given_name, body:has(.pkp_structure_page) .page_register .fields .family_name{display:inline-block; width:calc(50% - 8px); vertical-align:top;}
body:has(.pkp_structure_page) .page_register .fields .given_name{margin-right:12px;}
@media (max-width:640px){ body:has(.pkp_structure_page) .cmp_form{padding:22px 18px; border-radius:16px;}
body:has(.pkp_structure_page) .page_register .fields .given_name, body:has(.pkp_structure_page) .page_register .fields .family_name{display:block; width:100%; margin-right:0;}
  }
body:has(.pkp_structure_page) .page_login .cmp_form, body:has(.pkp_structure_page) .page_register .cmp_form, body:has(.pkp_structure_page) .page_lostPassword .cmp_form{width:100% !important; max-width:none !important; box-sizing:border-box !important; float:none !important;}
body:has(.pkp_structure_page) .cmp_form .fields, body:has(.pkp_structure_page) .cmp_form fieldset, body:has(.pkp_structure_page) .cmp_form .fields > div, body:has(.pkp_structure_page) .cmp_form fieldset > div, body:has(.pkp_structure_page) .cmp_form label{width:100% !important; max-width:none !important; float:none !important; box-sizing:border-box;}
body:has(.pkp_structure_page) .page_register .cmp_form .fields .given_name, body:has(.pkp_structure_page) .page_register .cmp_form .fields .family_name{width:calc(50% - 8px) !important; display:inline-block !important;}
body:has(.pkp_structure_page) .cmp_form input[type=text], body:has(.pkp_structure_page) .cmp_form input[type=email], body:has(.pkp_structure_page) .cmp_form input[type=password], body:has(.pkp_structure_page) .cmp_form select, body:has(.pkp_structure_page) .cmp_form textarea{width:100% !important; max-width:none !important; display:block;}
body:has(.pkp_structure_page) .cmp_form input[type=checkbox], body:has(.pkp_structure_page) .cmp_form input[type=radio]{width:18px !important;}
body:has(.pkp_structure_page) .cmp_form legend::after, body:has(.pkp_structure_page) .cmp_form legend::before{display:none !important;}
body:has(.pkp_structure_page) .cmp_form .buttons{display:flex !important; flex-direction:row; align-items:center; gap:12px; margin-top:26px !important;}
body:has(.pkp_structure_page) .cmp_form .buttons > *{margin:0 !important; width:auto !important;}
body:has(.pkp_structure_page) .cmp_form .remember label{display:flex !important; align-items:center;}
@media (max-width:640px){ body:has(.pkp_structure_page) .page_register .cmp_form .fields .given_name, body:has(.pkp_structure_page) .page_register .cmp_form .fields .family_name{display:block !important; width:100% !important;}
body:has(.pkp_structure_page) .cmp_form .buttons{flex-wrap:wrap;}
  }
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_login, body:has(.pkp_structure_page) .pkp_structure_main > .page.page_lostPassword{max-width:560px;}
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_register{max-width:760px;}
body:has(.pkp_structure_page) .cmp_form .fields > div, body:has(.pkp_structure_page) .cmp_form fieldset > div{margin:0 0 14px !important; padding:0 !important;}
body:has(.pkp_structure_page) .cmp_form .fields > div:last-child{margin-bottom:0 !important;}
body:has(.pkp_structure_page) .cmp_form .label{margin-bottom:6px;}
/* registration is closed and book proposals go through the publisher contact form: hide the stock Submissions menu entry */
body:has(.pkp_structure_page) .pkp_navigation_primary li:has(> a[href*="/about/submissions"]){display:none;}



body:has(.pkp_structure_page) .page_login h1::after{content:"Sign in to your author, editor or reviewer account.";}
body:has(.pkp_structure_page) .page_register h1::after{content:"Create an account to submit a manuscript or follow your submissions.";}
html[data-cplang="id"] body:has(.pkp_structure_page) .page_login h1::after{content:"Masuk ke akun penulis, editor, atau reviewer Anda.";}
html[data-cplang="id"] body:has(.pkp_structure_page) .page_register h1::after{content:"Buat akun untuk mengirim naskah atau mengikuti proses penerbitan Anda.";}
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_login, body:has(.pkp_structure_page) .pkp_structure_main > .page.page_lostPassword{max-width:560px;}
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_register{max-width:760px;}
body:has(.pkp_structure_page) .pkp_structure_main > .page:not(.page_index_site){max-width:1100px; margin-left:auto !important; margin-right:auto !important; padding:28px 24px 56px !important;}
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_login, body:has(.pkp_structure_page) .pkp_structure_main > .page.page_lostPassword{max-width:560px;}
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_register{max-width:760px;}
/* bilingual labels for the Login / Register buttons inside the forms */
body:has(.pkp_structure_page) .cmp_form .buttons button.submit, body:has(.pkp_structure_page) .cmp_form .buttons a.register{font-size:15px;}
/* lost password uses page_lost_password / form.lost_password */
body:has(.pkp_structure_page) .pkp_structure_main > .page.page_lost_password{max-width:560px; margin-left:auto !important; margin-right:auto !important; padding:28px 24px 56px !important;}
body:has(.pkp_structure_page) .page_lost_password h1{font-family:var(--cp-serif); font-weight:560; font-size:clamp(28px,4vw,38px); letter-spacing:-.012em; color:var(--cp-ink); margin:6px 0 8px; padding:0; border:0;}
body:has(.pkp_structure_page) .page_lost_password > p{color:var(--cp-soft); font-size:14.5px; line-height:1.6; margin:0 0 18px;}
body:has(.pkp_structure_page) .page_lost_password .cmp_form{width:100% !important; max-width:none !important; box-sizing:border-box !important;}
body:has(.pkp_structure_page) .page_lost_password .cmp_form .buttons{flex-wrap:wrap;}
body:has(.pkp_structure_page) .page_lost_password .cmp_form button.submit{white-space:nowrap;}
/* registration: first/family name side by side with a gap */
body:has(.pkp_structure_page) .page_register .cmp_form .fields .given_name{margin-right:12px !important; width:calc(50% - 10px) !important;}
body:has(.pkp_structure_page) .page_register .cmp_form .fields .family_name{width:calc(50% - 10px) !important;}
@media (max-width:640px){ body:has(.pkp_structure_page) .page_register .cmp_form .fields .given_name{margin-right:0 !important; width:100% !important;} body:has(.pkp_structure_page) .page_register .cmp_form .fields .family_name{width:100% !important;} }
/* brand: the site name is now text (Site title set), so style it exactly like the OMP brand: serif, white + amber suffix */
body:has(.pkp_structure_page) .pkp_site_name > a.is_text, body:has(.pkp_structure_page) .pkp_site_name > a.is_img{display:inline-block; font-size:0 !important; line-height:1.25; padding:0; text-decoration:none;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_text::before, body:has(.pkp_structure_page) .pkp_site_name > a.is_img::before{content:"Calm Publika"; color:#fff; font:650 26px/1.25 var(--cp-serif); letter-spacing:-.01em;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_text::after, body:has(.pkp_structure_page) .pkp_site_name > a.is_img::after{content:" Journals"; color:#f0994a; font:650 26px/1.25 var(--cp-serif); letter-spacing:-.01em;}
body:has(.pkp_structure_page) .pkp_site_name > a.is_text:hover{text-decoration:none;}
body:has(.pkp_structure_page) .pkp_navigation_user{display:flex; align-items:center; justify-content:flex-end; min-height:35px;} body:has(.pkp_structure_page) #cpLang{margin:0;}
/* ---------- search + filter sidebar ---------- */
.cp-layout{display:grid; grid-template-columns:290px minmax(0,1fr); gap:36px; align-items:start; margin-top:10px;}
.cp-has-side{display:grid !important; grid-template-columns:290px minmax(0,1fr); column-gap:36px; align-items:start;}
.cp-has-side > .cp-side{grid-column:1; grid-row:1 / span 2;} .cp-has-side > h2, .cp-has-side > ul{grid-column:2;}
.cp-has-side > ul{grid-template-columns:1fr !important;}
.cp-side{position:sticky; top:16px; background:#fff; border:1px solid #e3e8f5; border-radius:18px; padding:20px; box-shadow:0 1px 2px rgba(13,32,84,.05), 0 20px 44px -30px rgba(13,32,84,.3); font-family:'Public Sans',system-ui,sans-serif; color:#0f1a2e;}
.cp-sbox{display:flex; gap:8px; margin:0 0 6px;} .cp-sbox-col{flex-direction:column; gap:10px;}
.cp-sbox input, .cp-sbox select{width:100%; box-sizing:border-box; font:400 14.5px/1.3 'Public Sans',sans-serif; color:#0f1a2e; background:#fff; border:1.5px solid #cfd8ee; border-radius:12px; padding:11px 13px; height:auto;}
.cp-sbox input:focus, .cp-sbox select:focus{outline:0; border-color:#1D4ED8; box-shadow:0 0 0 4px rgba(29,78,216,.14);}
.cp-sbox button{font:700 14px/1 'Public Sans',sans-serif; color:#fff; background:#1D4ED8; border:0; border-radius:12px; padding:0 18px; cursor:pointer; white-space:nowrap;} .cp-sbox-col button{padding:13px 18px; border-radius:999px;}
.cp-sbox button:hover{background:#163ea8;}
.cp-lab{font:800 11.5px/1 'Public Sans',sans-serif; letter-spacing:.1em; text-transform:uppercase; color:#1D4ED8; margin-top:4px;}
.cp-years{display:grid; grid-template-columns:1fr 1fr; gap:8px;}
.cp-filters{margin-top:16px; border-top:1px solid #e3e8f5; padding-top:14px;}
.cp-fhead{display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; font-size:14px;}
.cp-clear{background:none; border:0; color:#1D4ED8; font:600 13px 'Public Sans',sans-serif; cursor:pointer; padding:0;} .cp-clear:hover{text-decoration:underline;}
.cp-fgroup{border-top:1px solid #e3e8f5; padding:12px 0 6px;} .cp-fgroup:first-of-type{border-top:0;}
.cp-fgroup > summary{cursor:pointer; list-style:none; font:700 14px 'Public Sans',sans-serif; display:flex; justify-content:space-between; align-items:center; padding-bottom:8px;}
.cp-fgroup > summary::-webkit-details-marker{display:none;} .cp-fgroup > summary::after{content:""; width:8px; height:8px; border:solid #4c5870; border-width:0 2px 2px 0; transform:rotate(45deg); transition:transform .15s; margin-right:4px;}
.cp-fgroup[open] > summary::after{transform:rotate(-135deg);}
.cp-fopts{display:grid; gap:6px;} .cp-fopt{display:flex; align-items:center; gap:10px; font-size:14px; line-height:1.35; cursor:pointer; margin:0;}
.cp-fopt input{width:17px; height:17px; margin:0; accent-color:#1D4ED8; flex:0 0 17px;} .cp-fl{flex:1; min-width:0; overflow-wrap:anywhere;} .cp-fc{color:#8793ad; font-size:13px;}
.cp-note, .cp-nomatch{color:#4c5870; font-size:14px; line-height:1.6;} .cp-nomatch{border:1.5px dashed #b9c6ee; border-radius:14px; padding:22px; background:#eaf0fd; text-align:center;}
.cp-side-toggle{display:none; width:100%; margin-bottom:12px; font:700 14px 'Public Sans',sans-serif; color:#1D4ED8; background:#eaf0fd; border:0; border-radius:12px; padding:12px; cursor:pointer;}
.cp-results .pkp_search, .cp-results .search_results a{display:none;}
@media (max-width:900px){ .cp-layout, .cp-has-side{grid-template-columns:1fr !important;} .cp-has-side > .cp-side{grid-column:1; grid-row:auto; order:-1; margin-bottom:20px;} .cp-has-side > h2, .cp-has-side > ul{grid-column:1;} .cp-side{position:static;} .cp-side-toggle{display:block;} .cp-side:not(.open) .cp-sbox-col, .cp-side:not(.open) .cp-filters{display:none;} .cp-layout .cp-side{margin-bottom:20px;} .cp-side:not(.open) .cp-sbox:not(.cp-sbox-col){display:flex;} }

.cp-all{display:block; margin-top:16px; padding-top:14px; border-top:1px solid #e3e8f5; font:700 13.5px 'Public Sans',sans-serif; color:#1D4ED8; text-decoration:none;} .cp-all:hover{text-decoration:underline;}

.cp-cats a{display:block; font-size:14px; line-height:1.4; color:#0f1a2e; text-decoration:none; padding:4px 0;} .cp-cats a:hover{color:#1D4ED8; text-decoration:underline;}