body.pkp_page_index .pkp_structure_page{overflow-x:hidden;background:#f7fafc}body.pkp_page_index .pkp_structure_content{display:block;max-width:none;padding:0}body.pkp_page_index .pkp_structure_main{float:none;width:100%;max-width:none;padding:0}body.pkp_page_index .pkp_structure_sidebar{display:none}body.pkp_page_index .pkp_structure_head{border:0;background:#fff;box-shadow:0 1px 0 rgba(9,55,78,.1)}body.pkp_page_index .pkp_head_wrapper{display:flex;max-width:1220px;min-height:82px;align-items:center;justify-content:space-between;padding:0 1rem}body.pkp_page_index .pkp_site_name_wrapper{width:auto}body.pkp_page_index .pkp_site_name{padding:8px 0}body.pkp_page_index .pkp_site_name .is_img{display:block}body.pkp_page_index .pkp_site_name .is_img img{display:block;width:auto;max-width:min(520px,55vw);height:64px;object-fit:contain}body.pkp_page_index .pkp_site_nav_menu{margin:0}body.pkp_page_index .pkp_navigation_user{display:flex;gap:.45rem;align-items:center}body.pkp_page_index .pkp_navigation_user>li>a{padding:.65rem .9rem;border-radius:10px;color:#16465e;font-weight:700;text-decoration:none}body.pkp_page_index .pkp_navigation_user>li:last-child>a{background:#087fb5;color:#fff}body.pkp_page_index .pkp_structure_footer_wrapper{border-top:1px solid #dfeaf0;background:#fff}.portal_about a[href*="statcounter.com"]{display:none}.portal_home{--navy:#073b5c;--blue:#087fb5;--cyan:#14b8d4;--ink:#142938;--muted:#617785;--line:#dfeaf0;max-width:none!important;margin:0!important;color:var(--ink);background:#f7fafc}.portal_home *{box-sizing:border-box}.portal_hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(3.5rem,7vw,6.5rem) 1.5rem clamp(4.5rem,8vw,7.5rem);background:linear-gradient(120deg,rgba(4,48,77,.99),rgba(4,105,144,.95))}.portal_hero:after{content:"";position:absolute;inset:auto 0 0;height:90px;background:#f7fafc;clip-path:polygon(0 72%,100% 0,100% 100%,0 100%);z-index:-1}.portal_hero_glow{position:absolute;border-radius:50%;opacity:.3;z-index:-2}.portal_hero_glow_one{width:420px;height:420px;right:5%;top:-230px;background:#38d8df}.portal_hero_glow_two{width:260px;height:260px;left:8%;bottom:-180px;background:#8fd9ff}.portal_hero_content{width:min(1160px,100%);margin:auto;color:#fff}.portal_eyebrow,.portal_section_kicker{margin:0 0 .8rem;color:#68e1ec;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.portal_hero h1{max-width:850px;margin:0;color:#fff;font-size:clamp(2.15rem,5vw,4.45rem);line-height:1.04;letter-spacing:-.045em}.portal_lead{max-width:720px;margin:1.35rem 0 0;color:rgba(255,255,255,.82);font-size:clamp(1rem,1.7vw,1.22rem);line-height:1.75}.portal_search_wrap{display:flex;align-items:center;gap:1rem;max-width:820px;margin-top:2.25rem}.portal_search{display:flex;flex:1;align-items:center;gap:.75rem;min-height:58px;padding:0 1.15rem;border:1px solid rgba(255,255,255,.35);border-radius:16px;background:rgba(255,255,255,.97);box-shadow:0 18px 50px rgba(0,24,42,.24)}.portal_search svg{width:22px;fill:none;stroke:#2682a7;stroke-width:2;stroke-linecap:round}.portal_search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:1rem}.portal_count{display:flex;align-items:center;gap:.65rem;min-height:58px;padding:0 1.1rem;border:1px solid rgba(255,255,255,.24);border-radius:16px;background:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.portal_count strong{color:#fff;font-size:1.45rem}.portal_count span{max-width:64px;color:rgba(255,255,255,.76);font-size:.72rem;line-height:1.2}.portal_content{width:min(1220px,calc(100% - 2rem));margin:-1rem auto 0;padding-bottom:5rem}.portal_about{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;margin-bottom:3.5rem;padding:1.25rem 1.4rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.96);box-shadow:0 12px 38px rgba(19,66,89,.08);color:#4e6674;line-height:1.7}.portal_about_icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f7fb;color:var(--blue)}.portal_about_icon svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.portal_about p:first-child{margin-top:0}.portal_about p:last-child{margin-bottom:0}.portal_section_heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.6rem}.portal_section_kicker{color:var(--blue)}.portal_section_heading h2{margin:0;color:var(--ink);font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.035em}.portal_section_heading>p{max-width:440px;margin:0;color:var(--muted);line-height:1.65}.portal_journal_grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin:0!important;padding:0!important;list-style:none}.portal_journal_card{position:relative;display:grid!important;grid-template-columns:130px minmax(0,1fr);min-height:245px;overflow:hidden;border:1px solid var(--line)!important;border-radius:20px;background:#fff;box-shadow:0 10px 32px rgba(19,66,89,.07);transition:.24s ease}.portal_journal_card:hover{transform:translateY(-5px);border-color:#b9dce9!important;box-shadow:0 18px 45px rgba(19,66,89,.14)}.portal_journal_card[hidden]{display:none!important}.portal_card_media{display:flex;align-items:center;justify-content:center;min-height:100%;padding:1rem;background:linear-gradient(155deg,#eef8fb,#f8fbfc)}.portal_card_media img{display:block;width:100%;max-height:190px;object-fit:contain;border-radius:6px;filter:drop-shadow(0 8px 10px rgba(16,55,76,.18));transition:.25s ease}.portal_journal_card:hover .portal_card_media img{transform:scale(1.035)}.portal_card_placeholder{display:grid;place-items:center;width:84px;height:110px;border-radius:8px;background:linear-gradient(145deg,#0c719d,#063e61);box-shadow:0 10px 20px rgba(7,59,92,.2)}.portal_card_placeholder svg{width:38px;fill:none;stroke:#fff;stroke-width:1.5}.portal_card_body{display:flex;min-width:0;flex-direction:column;padding:1.25rem 1.15rem 1.15rem}.portal_card_label{color:var(--blue);font-size:.67rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.portal_card_body h3{margin:.45rem 0 .55rem;font-size:1.02rem;line-height:1.35}.portal_card_body h3 a{color:var(--ink);text-decoration:none}.portal_card_description{display:-webkit-box;overflow:hidden;margin-bottom:.9rem;color:var(--muted);font-size:.78rem;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.portal_card_description p{margin:0}.portal_card_description img,.portal_card_description script,.portal_card_description hr{display:none}.portal_card_actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:auto}.portal_button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:36px;padding:.55rem .75rem;border:1px solid transparent;border-radius:10px;font-size:.72rem;font-weight:750;line-height:1;text-decoration:none!important;transition:.2s}.portal_button svg{width:15px;fill:none;stroke:currentColor;stroke-width:2}.portal_button_primary{background:var(--blue);color:#fff}.portal_button_primary:hover{background:var(--navy);color:#fff}.portal_button_secondary{border-color:#c9e0e9;background:#f5fafc;color:var(--navy)}.portal_button_secondary:hover{background:#e9f6fa;color:var(--navy)}.portal_no_results,.portal_empty{padding:4rem 1rem;border:1px dashed #bdd5df;border-radius:18px;background:#fff;text-align:center}.portal_no_results strong,.portal_no_results span{display:block}.portal_no_results span{color:var(--muted)}
@media(max-width:1050px){.portal_journal_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.portal_hero{padding-inline:1rem}.portal_search_wrap,.portal_section_heading{align-items:stretch;flex-direction:column}.portal_count{align-self:flex-start}.portal_content{width:min(100% - 1.25rem,1220px)}.portal_about{grid-template-columns:1fr}.portal_journal_grid{grid-template-columns:1fr}.portal_journal_card{grid-template-columns:115px minmax(0,1fr)}}
@media(max-width:430px){.portal_journal_card{grid-template-columns:1fr}.portal_card_media{min-height:190px}.portal_card_media img{width:auto;max-width:150px;height:160px}}
@media(prefers-reduced-motion:reduce){.portal_journal_card,.portal_card_media img{transition:none}}

/* Isolate the portal from legacy OJS site-layout constraints. */
body.pkp_page_index .pkp_structure_page,
body.pkp_page_index .pkp_structure_content,
body.pkp_page_index .pkp_structure_main {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: 0 !important;
  float: none !important;
}
body.pkp_page_index .pkp_structure_content { display: block !important; }
body.pkp_page_index .pkp_structure_sidebar { display: none !important; }
body.pkp_page_index .pkp_structure_main::before,
body.pkp_page_index .pkp_structure_main::after { display: none !important; content: none !important; }
body.pkp_page_index .portal_home,
body.pkp_page_index .portal_hero { width: 100% !important; max-width: 100% !important; }

/* Clean portal header: no legacy banner image. */
body.pkp_page_index .pkp_structure_head {
  position: relative !important;
  z-index: 20;
  width: 100% !important;
  min-height: 76px;
  margin: 0 !important;
  border: 0 !important;
  background: #fff !important;
  box-shadow: 0 1px 0 rgba(9,55,78,.12) !important;
}
body.pkp_page_index .pkp_head_wrapper {
  position: relative !important;
  display: flex !important;
  width: min(1220px, calc(100% - 2rem)) !important;
  max-width: 1220px !important;
  min-height: 76px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: space-between !important;
}
body.pkp_page_index .pkp_site_name_wrapper {
  position: static !important;
  display: block !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.pkp_page_index .pkp_site_name { margin: 0 !important; padding: 0 !important; }
body.pkp_page_index .pkp_site_name .is_img {
  display: flex !important;
  align-items: center;
  gap: .8rem;
  color: #123f57 !important;
  text-decoration: none !important;
}
body.pkp_page_index .pkp_site_name .is_img img { display: none !important; }
body.pkp_page_index .pkp_site_name .is_img::before {
  content: "";
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(145deg, #078bb8, #075277);
  color: #fff;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .06em;
  box-shadow: 0 7px 18px rgba(7,82,119,.2);
}
body.pkp_page_index .pkp_site_name .is_img::after {
  content: "Portal Jurnal Ilmiah Kelautan dan Perikanan";
  font-size: .98rem;
  font-weight: 800;
  letter-spacing: -.01em;
}
body.pkp_page_index .pkp_site_name .is_text {
  display: flex !important;
  align-items: center;
  gap: .8rem;
  color: #123f57 !important;
  font-size: 0 !important;
  font-weight: 800;
  text-decoration: none !important;
}
body.pkp_page_index .pkp_site_name .is_text::before {
  content: "";
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: linear-gradient(145deg, #078bb8, #075277);
  color: #fff;
  font-size: .7rem;
  font-weight: 850;
  letter-spacing: .06em;
  box-shadow: 0 7px 18px rgba(7,82,119,.2);
}
body.pkp_page_index .pkp_site_name .is_text::after {
  content: "Portal Jurnal Ilmiah Kelautan dan Perikanan";
  color: #123f57;
  font-size: .98rem;
  font-weight: 800;
  letter-spacing: -.01em;
}
body.pkp_page_index .pkp_site_nav_menu,
body.pkp_page_index .pkp_navigation_user_wrapper,
body.pkp_page_index .pkp_navigation_user {
  position: static !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
body.pkp_page_index .pkp_navigation_primary_row { display: none !important; }
body.pkp_page_index .pkp_navigation_user { display: flex !important; gap: .45rem; align-items: center; list-style: none; }
body.pkp_page_index .pkp_navigation_user > li { margin: 0 !important; }
body.pkp_page_index .pkp_navigation_user > li > a {
  display: block !important;
  padding: .65rem .9rem !important;
  border-radius: 10px !important;
  color: #16465e !important;
  font-weight: 750 !important;
}
body.pkp_page_index .pkp_navigation_user > li:last-child > a { background: #087fb5 !important; color: #fff !important; }
body.pkp_page_index .pkp_site_nav_toggle { display: none !important; }

/* Compact catalogue cards and neutralize legacy list styling. */
body.pkp_page_index .portal_journals { margin-top: 0 !important; }
body.pkp_page_index .portal_journals > .portal_journal_grid > .portal_journal_card {
  width: auto !important;
  height: 178px !important;
  min-height: 178px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid #dfeaf0 !important;
  float: none !important;
  clear: none !important;
  grid-template-columns: 96px minmax(0, 1fr) !important;
}
body.pkp_page_index .portal_journal_card::before,
body.pkp_page_index .portal_journal_card::after { display: none !important; content: none !important; }
body.pkp_page_index .portal_card_media { min-height: 176px !important; padding: .7rem !important; }
body.pkp_page_index .portal_card_media img { width: 100% !important; height: 138px !important; max-height: 138px !important; object-fit: contain !important; }
body.pkp_page_index .portal_card_body { padding: .9rem .85rem !important; }
body.pkp_page_index .portal_card_body { overflow: hidden !important; }
body.pkp_page_index .portal_card_body h3 { margin: .3rem 0 .4rem !important; font-size: .9rem !important; line-height: 1.3 !important; }
body.pkp_page_index .portal_card_description { margin: 0 0 .55rem !important; font-size: .7rem !important; line-height: 1.4 !important; -webkit-line-clamp: 2; }
body.pkp_page_index .portal_card_description p { margin: 0 !important; line-height: inherit !important; }
body.pkp_page_index .portal_card_actions { gap: .35rem !important; }
body.pkp_page_index .portal_button { min-height: 31px; padding: .42rem .55rem; font-size: .66rem; border-radius: 8px; }

/* Publisher address belongs at the bottom, not between hero and catalogue. */
.portal_contact_footer {
  display: grid;
  grid-template-columns: minmax(230px, .75fr) minmax(0, 1.5fr);
  gap: 2.5rem;
  align-items: start;
  margin-top: 4rem;
  padding: 2rem;
  border-radius: 20px;
  background: #073b5c;
  color: rgba(255,255,255,.78);
}
.portal_contact_brand { display: flex; gap: .85rem; align-items: center; color: #fff; line-height: 1.4; }
.portal_contact_brand span { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 auto; border-radius: 13px; background: #12a2c8; font-size: .7rem; font-weight: 850; }
.portal_contact_brand strong { font-size: .9rem; }
.portal_contact_address { font-size: .78rem; line-height: 1.7; }
.portal_contact_address br { display: initial; }
.portal_contact_address hr,
.portal_contact_address a[href*="statcounter.com"] { display: none; }
.portal_contact_address p { margin: 0 !important; }

@media (max-width: 640px) {
  body.pkp_page_index .pkp_site_name .is_img::after { content: "Portal Jurnal KKP"; font-size: .86rem; }
  body.pkp_page_index .pkp_site_name .is_text::after { content: "Portal Jurnal KKP"; font-size: .86rem; }
  body.pkp_page_index .pkp_head_wrapper { width: calc(100% - 1.25rem) !important; }
  body.pkp_page_index .pkp_navigation_user > li:first-child { display: none; }
  body.pkp_page_index .pkp_navigation_user > li > a { padding: .55rem .7rem !important; }
  .portal_contact_footer { grid-template-columns: 1fr; gap: 1.25rem; padding: 1.35rem; }
}

/* Official transparent ministry mark; preserve the journal title beside it. */
body.pkp_page_index .pkp_site_name .is_img::before,
body.pkp_page_index .pkp_site_name .is_text::before {
  width: 52px; height: 52px; flex: 0 0 52px; border-radius: 0;
  background: url('../public/site/portal/logo-kkp.png') center / contain no-repeat;
  box-shadow: none;
}
.portal_contact_brand .portal_logo_circle { width: 64px; height: 64px; border-radius: 50%; background: #fff; }
.portal_logo_circle img { display: block; width: 48px; height: 48px; object-fit: contain; }
.portal_generated_cover { display: block; position: relative; width: 76px; aspect-ratio: 2 / 3; overflow: hidden; border-radius: 4px; box-shadow: 0 5px 12px #073b5c30; }
body.pkp_page_index .portal_card_media .portal_generated_cover img { width: 100%; height: 100% !important; max-height: none !important; object-fit: cover !important; border-radius: 0; filter: none; }
.portal_cover_title { position: absolute; inset: 8px 6px auto; color: #fff; font-family: Georgia, serif; font-size: 7px; line-height: 1.3; text-align: left; overflow-wrap: anywhere; }