/* =====================================================================
   SANA LOGOS — journal style sheet v3 (OJS 3.5 default theme)
   Navy + logo gold (#EDC13A). Part 1: site look. Part 2: the previous
   hero styles (unchanged). To roll back: Settings → Website →
   Appearance → Advanced → upload the previous style sheet again.
   ===================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Montserrat:wght@600;700;800&family=Source+Serif+4:opsz,wght@8..60,600;8..60,700&display=swap');

:root{
  --slt-navy:#0d2440;
  --slt-navy-2:#163a63;
  --slt-navy-3:#1f4d80;
  --slt-gold:#EDC13A;
  --slt-gold-2:#f6d570;
  --slt-gold-soft:#fdf6dc;
  --slt-link:#1b5bb8;
  --slt-text:#1d2330;
  --slt-muted:#5d6676;
  --slt-line:#e2e7ef;
  --slt-bg:#f3f5f9;
  --slt-card:#ffffff;
  --slt-radius:16px;
  --slt-shadow:0 1px 2px rgba(13,36,64,.05), 0 8px 24px rgba(13,36,64,.07);
  --slt-head:"Montserrat","Inter",-apple-system,"Segoe UI",Roboto,sans-serif;
  --slt-serif:"Source Serif 4",Georgia,serif;
}

/* ---------- Base ---------- */
html, html body{ background:var(--slt-bg); }
body{
  font-family:"Inter","Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  font-size:15px;
  line-height:1.65;
  color:var(--slt-text);
  -webkit-font-smoothing:antialiased;
}
a{ color:var(--slt-link); text-underline-offset:3px; }
a:hover, a:focus{ color:var(--slt-navy-2); }
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3{ color:var(--slt-navy); letter-spacing:-.01em; }
.pkp_structure_main h1, .pkp_structure_main .page_title{ font-family:var(--slt-serif); font-weight:700; }
::selection{ background:var(--slt-gold); color:var(--slt-navy); }

/* ---------- Header ---------- */
.pkp_structure_head{
  position:relative;
  background:
    radial-gradient(900px 260px at 85% -40%, rgba(237,193,58,.22), transparent 60%),
    radial-gradient(600px 300px at 0% 120%, rgba(31,77,128,.65), transparent 70%),
    linear-gradient(120deg, var(--slt-navy) 0%, var(--slt-navy-2) 100%);
  border-bottom:0;
  box-shadow:0 6px 24px rgba(13,36,64,.18);
}
.pkp_structure_head::before{       /* thin gold line on top */
  content:""; position:absolute; left:0; right:0; top:0; height:3px;
  background:linear-gradient(90deg, var(--slt-gold), var(--slt-gold-2) 50%, var(--slt-gold));
}
.pkp_structure_head::after{        /* gold line under the menu */
  content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--slt-gold);
}
.pkp_site_nav_menu{ background:transparent; }

/* Logo on a white plate framed in logo gold */
.pkp_site_name .is_img img{
  max-height:70px !important;
  width:auto;
  background:#fff;
  border-radius:14px;
  padding:6px 9px;
  box-shadow:0 0 0 2px var(--slt-gold), 0 8px 22px rgba(0,0,0,.25);
  transition:transform .2s ease;
}
.pkp_site_name .is_img:hover img{ transform:translateY(-1px); }
.pkp_site_name .is_img:focus{ outline:0; }
/* Journal name beside the logo (span added in header.tpl), so it follows
   Settings → Journal → Journal name in every language. */
.pkp_site_name_wrapper{ padding-top:.6rem; padding-bottom:.6rem; }
.sl-site-title{ display:none; }
@media (max-width: 991px){
  /* Mobile: logo plus a compact two-line journal name, kept clear of the menu button */
  .pkp_site_name{ display:flex; align-items:center; gap:10px; padding-right:.5rem; }
  .pkp_site_name .is_img{ flex:none; }
  .sl-site-title{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    white-space:normal;
    padding-left:10px;
    border-left:2px solid var(--slt-gold);
    font-family:var(--slt-head);
    font-size:11px;
    font-weight:600;
    line-height:1.3;
    letter-spacing:.04em;
    text-transform:uppercase;
    color:rgba(255,255,255,.92);
    pointer-events:none;
  }
}
@media (min-width: 992px){
  .pkp_site_name{ display:flex; align-items:center; gap:18px; }
  .pkp_site_name .is_img{ flex:none; }
  .sl-site-title{
    display:block;
    max-width:360px;
    white-space:normal;
    margin:0;
    padding-left:16px;
    border-left:2px solid var(--slt-gold);
    font-family:var(--slt-head);
    font-size:14px;
    font-weight:600;
    line-height:1.45;
    letter-spacing:.05em;
    text-transform:uppercase;
    color:rgba(255,255,255,.9);
    pointer-events:none;
  }
}

/* Primary menu: white text, gold underline; never a filled white box */
.pkp_navigation_primary_row{ border-top:1px solid rgba(255,255,255,.10); }
.pkp_navigation_primary > li > a,
.pkp_navigation_search_wrapper a{
  color:#fff;
  font-family:var(--slt-head);
  font-weight:600;
  font-size:14.5px;
  letter-spacing:.01em;
  background:transparent;
  border-bottom:3px solid transparent;
  transition:border-color .15s ease, color .15s ease;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
.pkp_navigation_primary > li.show > a,
.pkp_navigation_search_wrapper a:hover,
.pkp_navigation_search_wrapper a:focus{
  background:transparent;
  color:var(--slt-gold);
  border-color:var(--slt-gold);
  outline:0;
  text-decoration:none;
}
.pkp_navigation_primary > li > a:focus-visible,
.pkp_navigation_search_wrapper a:focus-visible{ box-shadow:0 0 0 2px rgba(237,193,58,.45); border-radius:4px 4px 0 0; }

/* Dropdowns */
.pkp_navigation_primary ul,
.pkp_navigation_user ul{
  background:#fff;
  border:1px solid var(--slt-line);
  border-top:3px solid var(--slt-gold);
  border-radius:0 0 12px 12px;
  box-shadow:0 16px 36px rgba(13,36,64,.20);
  padding:.35rem 0;
  overflow:hidden;
}
.pkp_navigation_primary ul a,
.pkp_navigation_user ul a{
  color:var(--slt-text);
  border-left:3px solid transparent;
  padding-left:1rem;
  padding-right:1rem;
  background:transparent;
}
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_user ul a:hover,
.pkp_navigation_user ul a:focus{
  background:var(--slt-gold-soft);
  color:var(--slt-navy);
  border-color:var(--slt-gold);
  outline:0;
}

/* Top-right user menu */
.pkp_navigation_user > li > a{ color:rgba(255,255,255,.85); }
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus{ background:transparent; color:var(--slt-gold); }
.pkp_navigation_user > li > a:focus .task_count{ background:var(--slt-gold); color:var(--slt-navy); }

/* ---------- Layout: main column and sidebar blocks as cards ---------- */
.pkp_structure_content{ padding-top:1.75rem; }
/* The theme gives the main column a fixed pixel width, so the outline is a shadow ring:
   a real border would take 2px and push the article's right column below the text. */
.pkp_structure_main{
  background:var(--slt-card);
  border:0;
  border-radius:var(--slt-radius);
  box-shadow:0 0 0 1px var(--slt-line), var(--slt-shadow);
}
.pkp_structure_main::before, .pkp_structure_main::after{ display:none; }

/* Column widths. The theme uses fixed pixel widths with no gap between the main
   column and the sidebar; here the main column leaves a 24px gap, the layout is
   wider on large screens, and the article's text column is computed from the
   row width so its right-hand details column always fits beside it. */
@media (min-width: 768px){
  .obj_article_details .main_entry{ width:calc(100% - 300px); }
}
@media (min-width: 992px){
  .pkp_structure_main{ width:628px; }
}
@media (min-width: 1200px){
  .pkp_structure_main{ width:836px; }
}
@media (min-width: 1400px){
  .pkp_site_name_wrapper, .pkp_navigation_primary_wrapper, .pkp_navigation_user,
  .pkp_search_mobile, .pkp_structure_content, .pkp_structure_footer,
  .has_site_logo .pkp_head_wrapper{ width:1320px; }
  .pkp_structure_main{ width:996px; }
}
@media (max-width: 991px){
  .pkp_structure_sidebar{ margin-top:1.25rem; }
}

.pkp_block{
  background:var(--slt-card);
  border:1px solid var(--slt-line);
  border-radius:var(--slt-radius);
  box-shadow:var(--slt-shadow);
  padding:1.1rem 1.2rem;
  margin-bottom:1rem;
}
.pkp_block .title{
  font-family:var(--slt-head);
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--slt-navy);
  margin-bottom:.75rem;
  padding-bottom:.5rem;
  position:relative;
}
.pkp_block .title::after{
  content:""; position:absolute; left:0; bottom:0;
  width:28px; height:3px; border-radius:2px; background:var(--slt-gold);
}
.pkp_block .content ul li{ padding:.3rem 0; }
.pkp_block .content a{ text-decoration:none; }
.pkp_block .content a:hover{ text-decoration:underline; text-decoration-color:var(--slt-gold); }
.block_language li.current a{ font-weight:700; color:var(--slt-navy); }
.block_language li.current a::before{ content:"● "; color:var(--slt-gold); }

/* ---------- Buttons ---------- */
.cmp_button,
.cmp_form .buttons button,
.page_lost_password .buttons button,
.page_search .submit button,
.obj_galley_link{
  background:#fff;
  color:var(--slt-navy);
  border:1.5px solid var(--slt-navy-2);
  border-radius:999px;
  box-shadow:none;
  font-weight:600;
  padding:0 1.2em;
  text-decoration:none;
  transition:background .15s ease, color .15s ease, border-color .15s ease;
}
.cmp_button:hover, .cmp_button:focus,
.cmp_form .buttons button:hover, .cmp_form .buttons button:focus,
.page_search .submit button:hover,
.obj_galley_link:hover, .obj_galley_link:focus{
  background:var(--slt-navy-2);
  border-color:var(--slt-navy-2);
  color:#fff;
}
.block_make_submission{
  background:linear-gradient(135deg, var(--slt-navy) 0%, var(--slt-navy-3) 100%);
  border:0;
  position:relative;
  overflow:hidden;
}
.block_make_submission::before{
  content:""; position:absolute; right:-40px; top:-40px; width:120px; height:120px; border-radius:50%;
  background:radial-gradient(circle, rgba(237,193,58,.35), transparent 70%);
}
.block_make_submission a{
  position:relative;
  display:block;
  text-align:center;
  background:var(--slt-gold);
  color:var(--slt-navy);
  border:0;
  border-radius:999px;
  box-shadow:0 6px 16px rgba(237,193,58,.35);
  font-family:var(--slt-head);
  font-weight:700;
  font-size:15px;
  line-height:2.8rem;
  text-decoration:none;
  transition:transform .15s ease, background .15s ease;
}
.block_make_submission a:hover,
.block_make_submission a:focus{ background:var(--slt-gold-2); color:var(--slt-navy); transform:translateY(-1px); }

/* ---------- Home ---------- */
.cmp_announcements{ border-top:1px solid var(--slt-line); }
.cmp_announcements > h2,
.homepage_issue_current > h2,
.current_issue > h2{
  font-family:var(--slt-head);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--slt-navy);
}
.obj_announcement_summary{
  border:1px solid var(--slt-line);
  border-radius:14px;
  padding:1rem;
  background:#fbfcfe;
  transition:box-shadow .2s ease;
}
.obj_announcement_summary:hover{ box-shadow:0 10px 24px rgba(13,36,64,.08); }
.obj_announcement_summary_image{ border-radius:10px; }
.obj_announcement_summary h2 a,
.obj_announcement_summary h3 a{ color:var(--slt-navy); text-decoration:none; font-family:var(--slt-head); }
.obj_announcement_summary .date{ color:var(--slt-muted); font-size:13px; }
.obj_announcement_summary .read_more{ font-weight:600; }

/* ---------- Issue TOC and article summaries ---------- */
.obj_issue_toc .cover img,
.obj_issue_summary .cover img{ border-radius:10px; box-shadow:0 10px 26px rgba(13,36,64,.18); }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .galleys > h2{
  font-family:var(--slt-head);
  font-size:12.5px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--slt-navy);
  background:transparent;
}
.obj_issue_toc .section > h2::before,
.obj_issue_toc .section > h3::before{ content:""; display:inline-block; width:10px; height:10px; margin-right:.5rem; border-radius:3px; background:var(--slt-gold); }
.cmp_article_list > li{ margin-bottom:.9rem; }
.obj_article_summary{
  border:1px solid var(--slt-line);
  border-left:4px solid var(--slt-gold);
  border-radius:12px;
  padding:1rem 1.2rem;
  background:#fff;
  transition:box-shadow .2s ease, transform .2s ease;
}
.obj_article_summary:hover{ box-shadow:0 12px 28px rgba(13,36,64,.10); transform:translateY(-1px); }
.obj_article_summary > .title a,
.obj_article_summary h3 a,
.obj_article_summary h4 a{
  font-family:var(--slt-serif);
  font-weight:700;
  font-size:17px;
  line-height:1.38;
  color:var(--slt-navy);
  text-decoration:none;
}
.obj_article_summary > .title a:hover{ color:var(--slt-link); }
.obj_article_summary .authors{ color:var(--slt-muted); font-size:14px; }
.obj_article_summary .galleys_links{ margin-top:.6rem; }
.obj_issue_summary{ border:1px solid var(--slt-line); border-radius:14px; padding:1rem; background:#fbfcfe; transition:box-shadow .2s ease; }
.obj_issue_summary:hover{ box-shadow:0 12px 28px rgba(13,36,64,.10); }
.obj_issue_summary .title{ color:var(--slt-navy); font-weight:700; font-family:var(--slt-head); }

/* ---------- Article page ---------- */
.obj_article_details > .page_title{ font-size:clamp(22px,2.5vw,30px); line-height:1.28; }
.obj_article_details .subtitle{ color:var(--slt-muted); }
.obj_article_details .row,
.obj_article_details .main_entry .item,
.obj_article_details .entry_details,
.obj_article_details .entry_details .item{ border-color:var(--slt-line); }
.obj_article_details .item .label,
.obj_article_details .entry_details .item .label{
  font-family:var(--slt-head);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--slt-navy);
}
.obj_article_details .authors .name{ display:inline; font-weight:700; color:var(--slt-navy); }
.obj_article_details .authors .affiliation{ display:block; margin-top:.2rem; }
/* ORCID iD icon (linked) right after the author's name, on the same line */
.obj_article_details .authors .orcid_icon_link{
  display:inline-block;
  margin-left:.4em;
  vertical-align:-0.2em;
  line-height:0;
  text-decoration:none;
}
.obj_article_details .authors .orcid_icon_link svg,
.obj_article_details .authors .orcid_icon_link img{ width:1.15em; height:1.15em; margin:0; }
.obj_article_details .authors .orcid_icon_link:hover svg,
.obj_article_details .authors .orcid_icon_link:focus svg{ transform:scale(1.12); }
/* University name as plain inline text, so the ROR icon follows its last word */
.obj_article_details .authors .affiliation span{ display:inline; vertical-align:baseline; }
.obj_article_details .authors .affiliation a{ display:inline-block; margin-left:.35em; vertical-align:-0.15em; line-height:0; }
.obj_article_details .authors .affiliation svg{ width:1.45em; height:auto; }
.obj_article_details .authors .userGroup{ display:block; font-size:13px; color:var(--slt-muted); }
.obj_article_details .abstract{ font-size:15.5px; line-height:1.8; }
.obj_article_details .cover_image img{ border-radius:10px; box-shadow:var(--slt-shadow); }
.obj_article_details .galleys_links .obj_galley_link{ background:var(--slt-navy-2); color:#fff; }
.obj_article_details .galleys_links .obj_galley_link:hover{ background:var(--slt-gold); border-color:var(--slt-gold); color:var(--slt-navy); }

/* ---------- Forms (login, register, search) ---------- */
.cmp_form input[type="text"], .cmp_form input[type="email"], .cmp_form input[type="password"],
.cmp_form input[type="url"], .cmp_form input[type="tel"], .cmp_form select, .cmp_form textarea,
.page_search input[type="text"], .page_search select{
  border:1px solid #cbd3df;
  border-radius:10px;
  padding:.55rem .75rem;
  background:#fff;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.cmp_form input:focus, .cmp_form select:focus, .cmp_form textarea:focus, .page_search input:focus{
  border-color:var(--slt-gold);
  box-shadow:0 0 0 3px rgba(237,193,58,.3);
  outline:0;
}
.cmp_form .label, .cmp_form label{ color:var(--slt-navy); font-weight:600; }
.cmp_form .required{ color:#c0392b; }
.cmp_notification{ border-radius:10px; border-left:4px solid var(--slt-gold); }

/* ---------- Search page ---------- */
.page_search .search_input .query{
  border:1.5px solid #cbd3df;
  border-radius:12px;
  padding:0 1rem;
  font-size:17px;
}
.page_search .search_input .query:focus{ border-color:var(--slt-gold); box-shadow:0 0 0 3px rgba(237,193,58,.3); outline:0; }
.page_search .search_advanced{
  border:1px solid var(--slt-line);
  border-radius:14px;
  background:#fafbfd;
  padding:0 1.25rem 1.25rem;
  margin-top:1rem;
}
.page_search .search_advanced legend{
  font-family:var(--slt-head);
  font-size:12.5px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--slt-navy);
  padding:.5rem .75rem;
}
.page_search .search_advanced label,
.page_search .search_advanced .date_range legend{
  font-family:inherit; font-weight:600; color:var(--slt-navy); font-size:14px;
  text-transform:none; letter-spacing:0; padding:0;
}
.page_search select, .page_search .author input{ border:1px solid #cbd3df; border-radius:8px; padding:.35rem .5rem; background:#fff; height:auto; }
.page_search .submit{ margin-top:1.25rem; }
/* Gold pill button with the magnifier inline (the theme draws it as a blue square over the text) */
.page_search .submit button{
  padding:0 1.6em !important;
  border:0 !important;
  border-radius:999px;
  background:var(--slt-gold);
  color:var(--slt-navy);
  font-family:var(--slt-head);
  font-weight:700;
  font-size:15px;
  line-height:2.75rem;
  box-shadow:0 6px 16px rgba(237,193,58,.35);
}
.page_search .submit button::after{
  position:static !important;
  display:inline-block;
  width:auto !important;
  height:auto !important;
  margin-left:.55em;
  line-height:inherit !important;
  background:none !important;
  box-shadow:none !important;
  color:inherit !important;
}
.page_search .submit button:hover,
.page_search .submit button:focus{ background:var(--slt-navy-2); color:#fff; box-shadow:0 6px 16px rgba(13,36,64,.25); }
.page_search .search_results .obj_article_summary{ margin:1rem 0; }

/* ---------- Breadcrumbs, pagination ---------- */
.cmp_breadcrumbs{ font-size:13px; color:var(--slt-muted); }
.cmp_breadcrumbs a{ color:var(--slt-muted); }
.cmp_pagination a, .cmp_pagination .current{ border-radius:8px; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper{
  background:
    radial-gradient(700px 240px at 100% 0%, rgba(237,193,58,.12), transparent 60%),
    var(--slt-navy);
  color:#cdd6e3;
  border-top:3px solid var(--slt-gold);
  margin-top:2.5rem;
}
.pkp_structure_footer_wrapper a{ color:#fff; }
.pkp_structure_footer_wrapper a:hover{ color:var(--slt-gold); }
.pkp_footer_content{ font-size:14px; line-height:1.75; }
.pkp_footer_social .social-link{ border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.05); }
.pkp_brand_footer img{ opacity:.55; filter:grayscale(1) brightness(2); }

/* ---------- Tablet / mobile (theme switches layout below 992px) ---------- */
@media (max-width: 991px){
  .pkp_site_name .is_img{ margin-top:5px; margin-bottom:5px; }
  .pkp_site_name .is_img img{ max-height:30px !important; padding:2px 6px; border-radius:7px; box-shadow:0 0 0 1.5px var(--slt-gold); }
  .pkp_site_name_wrapper{ padding-top:0; padding-bottom:0; }
  .pkp_site_nav_toggle{ box-shadow:1px 0 0 rgba(255,255,255,.12); }
  .pkp_site_nav_menu{ background:var(--slt-navy); border-bottom:3px solid var(--slt-gold); box-shadow:0 16px 30px rgba(13,36,64,.25); }
  .pkp_site_nav_menu a{ padding:.45rem 0; }
  .pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus{ color:var(--slt-gold); text-decoration:none; }
  .pkp_navigation_primary > li > a{ border-bottom:0; }
  .pkp_navigation_primary ul, .pkp_navigation_user ul{ background:transparent; box-shadow:none; border:0; border-radius:0; padding:0; }
  .pkp_navigation_primary ul a, .pkp_navigation_user ul a{ border-left:0; padding-left:.75rem; color:#cdd6e3; }
  .pkp_navigation_primary ul a:hover, .pkp_navigation_user ul a:hover{ background:transparent; color:var(--slt-gold); }
  .pkp_structure_content{ padding-top:1rem; }
  .pkp_structure_main{ border-radius:12px; margin:0 .5rem; }
  .pkp_structure_sidebar{ padding:0 .5rem; }
  .obj_article_details > .page_title{ font-size:21px; }
}
@media (max-width: 600px){
  .obj_article_summary{ padding:.85rem .95rem; }
  .obj_article_summary > .title a{ font-size:16px; }
}

/* ---------- Print ---------- */
@media print{
  .pkp_structure_head, .pkp_structure_sidebar, .pkp_structure_footer_wrapper{ display:none; }
  .pkp_structure_main{ box-shadow:none; border:0; }
}

/* =====================================================================
   Part 2 — previous journal styles (kept unchanged)
   ===================================================================== */

/* SANA LOGOS hero block (responsive) */
.sl-journal-hero{
  display:flex;
  gap:20px;
  align-items:flex-start;
  padding: 0;              /* убираем внутренний отступ */
  background: transparent; /* убираем белый фон */
  box-shadow: none;        /* убираем тень */
  border: none;            /* убираем рамку */
}


.sl-journal-hero__media{
  flex:0 0 285px;
  max-width:285px;
}

.sl-journal-hero__img{
  width:100%;
  height:auto;
  display:block;
  border-radius:14px;
  box-shadow: 0 10px 25px rgba(0,0,0,.12);
}

.sl-journal-hero__content{
  flex:1 1 auto;
  min-width: 0;
}

.sl-journal-hero__title{
  margin: 0 0 8px 0 !important; /* полностью убираем верхний отступ */
  padding: 0;
  font-size: 22px;
  line-height: 1.2;
  letter-spacing: .4px;
}


.sl-journal-hero__lead,
.sl-journal-hero__text{
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.65;
}

.sl-journal-hero__bullets{
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display:grid;
  gap:10px;
}

.sl-journal-hero__bullets li{
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,.035);
  border: 1px solid rgba(0,0,0,.06);
  font-size: 13px;
  line-height: 1.5;
}

/* Tablet */
@media (max-width: 900px){
  .sl-journal-hero{
    gap:16px;
    padding:16px;
  }
  .sl-journal-hero__media{
    flex-basis: 240px;
    max-width: 240px;
  }
}

/* Mobile */
@media (max-width: 600px){
  .sl-journal-hero{
    flex-direction: column;
    align-items: stretch;
  }
  .sl-journal-hero__media{
    max-width: 100%;
    flex-basis: auto;
  }
  .sl-journal-hero__title{
    font-size: 20px;
  }
  .sl-journal-hero__lead,
  .sl-journal-hero__text{
    font-size: 14px;
  }
}

/* Hero: navy/gold accents on top of the previous styles */
.pkp_structure_main .sl-journal-hero__title{ font-family:var(--slt-head); font-size:30px; font-weight:800; color:var(--slt-navy); letter-spacing:.02em; }
.pkp_structure_main .sl-journal-hero__title::after{ content:""; display:block; width:48px; height:4px; margin-top:.5rem; border-radius:2px; background:var(--slt-gold); }
.sl-journal-hero__lead, .sl-journal-hero__text{ font-size:15px; line-height:1.75; }
.sl-journal-hero__bullets{ grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); }
.sl-journal-hero__bullets li{ background:#f7f9fc; border-color:var(--slt-line); border-left:4px solid var(--slt-gold); font-size:14px; }
@media (max-width: 600px){
  .sl-journal-hero__media{ max-width:220px; margin:0 auto; }
}