/* =========================================================
   ADA Journal – FINAL CLEAN CSS
   Single Article View + Issue / Articles List
   Applied Decision Analytics
   ========================================================= */


/* =========================================================
   1. GENERAL
   ========================================================= */

.page_article,
.obj_article_details,
.page_article_galley,
.page_issue,
.page_issue_archive,
.obj_issue_toc,
.cmp_article_list{
  font-family:"Segoe UI", Arial, sans-serif;
  color:#071f3c;
}

body:has(.obj_article_details),
body:has(.cmp_article_list),
body:has(.obj_issue_toc){
  background:#f5f7fb;
}

.pkp_structure_main{
  background:transparent;
}


/* =========================================================
   2. SINGLE ARTICLE VIEW
   ========================================================= */

.page_article .pkp_structure_main,
.obj_article_details{
  max-width:1180px;
  margin:0 auto;
}

/* Article title */
.obj_article_details .page_title,
.obj_article_details h1.page_title,
.obj_article_details h1{
  max-width:900px;
  margin:0 0 18px;
  color:#071f3c;
  font-size:clamp(28px, 3vw, 42px) !important;
  line-height:1.15 !important;
  font-weight:800;
  letter-spacing:-.5px;
}

/* General article cards */
.obj_article_details .item{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:18px;
  padding:18px 20px;
  margin:18px 0;
  box-shadow:0 8px 24px rgba(7,31,60,.06);
}

.obj_article_details .item h2,
.obj_article_details .item h3{
  margin:0 0 12px;
  color:#071f3c;
  font-size:20px;
  line-height:1.25;
  font-weight:800;
}

/* Hide cover image on article page */
.obj_article_details .cover_image,
.obj_article_details .cover_image img,
.obj_article_details img.article_cover,
.obj_article_details .article_cover_image,
.obj_article_details .item.cover,
.obj_article_details .item.cover img,
.obj_article_details .cover{
  display:none !important;
}

/* Authors */
.obj_article_details .authors,
.obj_article_details .item.authors{
  display:block;
  margin:14px 0 18px;
  padding:16px 18px;
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(7,31,60,.06);
}

.obj_article_details .authors .name,
.obj_article_details .authors .author,
.obj_article_details .authors a{
  color:#071f3c !important;
  font-weight:750;
  text-decoration:none !important;
}

.obj_article_details .authors a:hover{
  color:#800020 !important;
}

.obj_article_details .orcid,
.obj_article_details a[href*="orcid.org"]{
  display:inline-flex;
  align-items:center;
  margin-left:6px;
  color:#5f8f00 !important;
  font-weight:700;
  text-decoration:none !important;
  border-bottom:none !important;
}

/* Article access panel */
.obj_article_details .galleys,
.obj_article_details .item.galleys{
  background:rgba(255,255,255,.78);
  border:1px solid rgba(225,232,242,.95);
  border-radius:18px;
  padding:18px 20px;
  margin:18px 0 22px;
  box-shadow:0 10px 26px rgba(7,31,60,.075);
  backdrop-filter:blur(12px);
  max-width:360px;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}

.obj_article_details .item.galleys::before,
.obj_article_details .galleys::before{
  content:"Article access";
  display:block;
  margin:0 0 12px;
  color:#071f3c;
  font-size:12px;
  font-weight:850;
  letter-spacing:.9px;
  text-transform:uppercase;
}

/* Single article PDF button */
.obj_article_details .obj_galley_link,
.obj_article_details .galley-link,
.obj_article_details a.obj_galley_link,
.obj_article_details .galleys_links a,
.obj_article_details .item.galleys a{
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:12px 20px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(128,0,32,.94), rgba(92,0,26,.92)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 8px 18px rgba(7,31,60,.18) !important;
  text-decoration:none !important;
  font-size:13.5px;
  font-weight:800;
  line-height:1;
  transition:all .18s ease;
  backdrop-filter:blur(10px);
}

.obj_article_details .obj_galley_link::before,
.obj_article_details .galley-link::before,
.obj_article_details .galleys_links a::before,
.obj_article_details .item.galleys a::before{
  content:"PDF";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:8px;
  padding:3px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#ffffff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.5px;
  border:1px solid rgba(255,255,255,.18);
}

.obj_article_details .obj_galley_link:hover,
.obj_article_details .galley-link:hover,
.obj_article_details .galleys_links a:hover,
.obj_article_details .item.galleys a:hover{
  background:linear-gradient(135deg, rgba(145,0,38,.96), rgba(105,0,30,.94)) !important;
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 10px 22px rgba(7,31,60,.22) !important;
}

/* Abstract */
.obj_article_details .item.abstract{
  margin-top:18px;
  border-left:5px solid #800020;
  background:
    radial-gradient(circle at top right, rgba(128,0,32,.055), transparent 34%),
    #ffffff;
  border-radius:18px;
  padding:24px;
  box-shadow:0 10px 28px rgba(7,31,60,.08);
}

.obj_article_details .item.abstract h2,
.obj_article_details .item.abstract h3{
  color:#800020;
  text-transform:uppercase;
  letter-spacing:.9px;
  font-size:18px;
}

.obj_article_details .item.abstract p{
  color:#263a55;
  font-size:15px;
  line-height:1.75;
}

/* DOI and article links */
.obj_article_details a{
  color:#800020;
  text-decoration:none;
  border-bottom:1px solid rgba(128,0,32,.25);
}

.obj_article_details a:hover{
  color:#071f3c;
  border-bottom-color:#071f3c;
}

/* Keywords – stable plain version */
.obj_article_details .item.keywords,
.obj_article_details .keywords{
  background:#ffffff !important;
  border:1px solid #e4ebf3 !important;
  border-radius:18px !important;
  padding:22px !important;
  box-shadow:0 8px 24px rgba(7,31,60,.06) !important;
}

.obj_article_details .item.keywords h2,
.obj_article_details .item.keywords h3,
.obj_article_details .keywords h2,
.obj_article_details .keywords h3{
  margin:0 0 14px !important;
  color:#071f3c !important;
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.obj_article_details .item.keywords .value,
.obj_article_details .keywords .value,
.obj_article_details .item.keywords span,
.obj_article_details .keywords span,
.obj_article_details .item.keywords a,
.obj_article_details .keywords a{
  display:inline !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#071f3c !important;
  font-size:13.5px !important;
  font-weight:650 !important;
  line-height:1.9 !important;
  text-decoration:none !important;
}

.obj_article_details .item.keywords .value,
.obj_article_details .keywords .value{
  display:block !important;
  max-width:720px !important;
  word-spacing:2px !important;
}

/* References */
.obj_article_details .item.references{
  background:#ffffff;
  border:1px solid #e4ebf3;
  border-radius:18px;
  padding:22px;
  box-shadow:0 8px 24px rgba(7,31,60,.06);
}

.obj_article_details .item.references h2,
.obj_article_details .item.references h3{
  color:#071f3c;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-size:18px;
}

.obj_article_details .item.references p,
.obj_article_details .item.references li{
  font-size:14px;
  line-height:1.65;
  color:#263a55;
}

/* More Info button fix */
.obj_article_details a.show_extras,
.obj_article_details .show_extras,
.obj_article_details .show_extras:visited,
.obj_article_details .show_extras:hover,
.obj_article_details .show_extras:focus,
.obj_article_details .show_extras:active,
.obj_article_details .show_extras[aria-expanded="true"],
.obj_article_details .cmp_button,
.obj_article_details .cmp_button:hover,
.obj_article_details .cmp_button:focus,
.obj_article_details .cmp_button:active{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-height:32px !important;
  padding:7px 13px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  background-color:#ffffff !important;
  background-image:none !important;
  color:#800020 !important;
  border:1px solid #d9e1ec !important;
  box-shadow:none !important;
  outline:none !important;
  text-decoration:none !important;
  font-size:14px !important;
  font-weight:750 !important;
  line-height:1 !important;
}

.obj_article_details a.show_extras:hover,
.obj_article_details .show_extras:hover,
.obj_article_details .show_extras[aria-expanded="true"]{
  background:#f7f9fc !important;
}

/* Clean separators */
.obj_article_details hr{
  border:0;
  border-top:1px solid #e4ebf3;
  margin:22px 0;
}


/* =========================================================
   3. ISSUE / ARTICLES LIST – SAFE VERSION
   ========================================================= */

/* Article card list */
.cmp_article_list,
ul.cmp_article_list,
.obj_issue_toc .articles,
.section .articles{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

/* Main article card */
.cmp_article_list > li,
ul.cmp_article_list > li,
.obj_article_summary,
.article-summary,
.article_summary,
.tocArticle,
.article-list-item{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:none !important;
  float:none !important;
  clear:both !important;
  box-sizing:border-box !important;

  margin:0 0 18px !important;
  padding:24px 250px 24px 28px !important;

  background:#ffffff !important;
  border:1px solid #e4ebf3 !important;
  border-radius:18px !important;
  box-shadow:0 8px 22px rgba(7,31,60,.06) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}

.cmp_article_list > li:hover,
ul.cmp_article_list > li:hover,
.obj_article_summary:hover,
.article-summary:hover,
.article_summary:hover,
.tocArticle:hover,
.article-list-item:hover{
  transform:translateY(-2px) !important;
  border-color:#d8e2ec !important;
  box-shadow:0 14px 34px rgba(7,31,60,.10) !important;
}

/* Research Article badge */
.cmp_article_list > li::before,
ul.cmp_article_list > li::before,
.obj_article_summary::before,
.article-summary::before,
.article_summary::before,
.tocArticle::before,
.article-list-item::before{
  content:"Research Article" !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;

  margin:0 0 12px !important;
  padding:5px 10px !important;

  border-radius:999px !important;
  background:#fff7fa !important;
  color:#800020 !important;
  border:1px solid #efd2dc !important;

  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
}

/* Issue article title */
.cmp_article_list .title,
.cmp_article_list h3,
.obj_article_summary .title,
.obj_article_summary h3,
.article-summary .title,
.article-summary h3,
.article_summary .title,
.article_summary h3,
.tocArticle .title,
.tocArticle h3,
.article-list-item .title,
.article-list-item h3{
  display:block !important;
  margin:0 0 12px !important;
  color:#071f3c !important;
  font-size:clamp(21px, 1.8vw, 29px) !important;
  line-height:1.28 !important;
  font-weight:800 !important;
  letter-spacing:-.25px !important;
}

.cmp_article_list .title a,
.cmp_article_list h3 a,
.obj_article_summary .title a,
.obj_article_summary h3 a,
.article-summary .title a,
.article-summary h3 a,
.article_summary .title a,
.article_summary h3 a,
.tocArticle .title a,
.tocArticle h3 a,
.article-list-item .title a,
.article-list-item h3 a{
  color:#071f3c !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

.cmp_article_list .title a:hover,
.cmp_article_list h3 a:hover,
.obj_article_summary .title a:hover,
.obj_article_summary h3 a:hover,
.article-summary .title a:hover,
.article-summary h3 a:hover,
.article_summary .title a:hover,
.article_summary h3 a:hover,
.tocArticle .title a:hover,
.tocArticle h3 a:hover,
.article-list-item .title a:hover,
.article-list-item h3 a:hover{
  color:#800020 !important;
}

/* Authors */
.cmp_article_list .authors,
.obj_article_summary .authors,
.article-summary .authors,
.article_summary .authors,
.tocArticle .authors,
.article-list-item .authors{
  margin:0 0 8px !important;
  color:#4e6076 !important;
  font-size:14px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}

/* Pages */
.cmp_article_list .pages,
.obj_article_summary .pages,
.article-summary .pages,
.article_summary .pages,
.tocArticle .pages,
.article-list-item .pages{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;

  margin:4px 0 12px !important;
  padding:5px 10px !important;

  border-radius:999px !important;
  background:#f7f9fc !important;
  border:1px solid #e1e8f2 !important;

  color:#5f6f82 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* DOI */
.cmp_article_list .doi,
.obj_article_summary .doi,
.article-summary .doi,
.article_summary .doi,
.tocArticle .doi,
.article-list-item .doi{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;

  margin:2px 0 0 !important;
  color:#5f6f82 !important;
  font-size:13px !important;
  line-height:1.45 !important;
  font-weight:650 !important;
}

.cmp_article_list .doi::before,
.obj_article_summary .doi::before,
.article-summary .doi::before,
.article_summary .doi::before,
.tocArticle .doi::before,
.article-list-item .doi::before{
  content:"DOI" !important;
  display:inline-flex !important;
  align-items:center !important;
  margin-right:8px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  background:#eef3f8 !important;
  color:#071f3c !important;
  border:1px solid #dce6ef !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.3px !important;
}

.cmp_article_list .doi a,
.obj_article_summary .doi a,
.article-summary .doi a,
.article_summary .doi a,
.tocArticle .doi a,
.article-list-item .doi a{
  color:#800020 !important;
  text-decoration:none !important;
  border-bottom:1px solid rgba(128,0,32,.18) !important;
}

/* PDF button area */
.cmp_article_list .galleys,
.obj_article_summary .galleys,
.article-summary .galleys,
.article_summary .galleys,
.tocArticle .galleys,
.article-list-item .galleys{
  position:absolute !important;
  right:28px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;

  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

/* Issue PDF button */
.cmp_article_list .galleys a,
.obj_article_summary .galleys a,
.article-summary .galleys a,
.article_summary .galleys a,
.tocArticle .galleys a,
.article-list-item .galleys a,
.cmp_article_list .obj_galley_link,
.obj_article_summary .obj_galley_link,
.article-summary .obj_galley_link,
.article_summary .obj_galley_link,
.tocArticle .obj_galley_link,
.article-list-item .obj_galley_link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:150px !important;
  min-height:40px !important;
  padding:10px 16px !important;

  border-radius:999px !important;
  background:linear-gradient(135deg, rgba(128,0,32,.94), rgba(92,0,26,.92)) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,.20) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 8px 18px rgba(7,31,60,.16) !important;

  text-decoration:none !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  line-height:1 !important;
  transition:all .18s ease !important;
}

.cmp_article_list .galleys a::before,
.obj_article_summary .galleys a::before,
.article-summary .galleys a::before,
.article_summary .galleys a::before,
.tocArticle .galleys a::before,
.article-list-item .galleys a::before,
.cmp_article_list .obj_galley_link::before,
.obj_article_summary .obj_galley_link::before,
.article-summary .obj_galley_link::before,
.article_summary .obj_galley_link::before,
.tocArticle .obj_galley_link::before,
.article-list-item .obj_galley_link::before{
  content:"PDF" !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  margin-right:8px !important;
  padding:3px 6px !important;

  border-radius:999px !important;
  background:rgba(255,255,255,.18) !important;
  color:#ffffff !important;

  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.4px !important;
}

.cmp_article_list .galleys a:hover,
.obj_article_summary .galleys a:hover,
.article-summary .galleys a:hover,
.article_summary .galleys a:hover,
.tocArticle .galleys a:hover,
.article-list-item .galleys a:hover,
.cmp_article_list .obj_galley_link:hover,
.obj_article_summary .obj_galley_link:hover,
.article-summary .obj_galley_link:hover,
.article_summary .obj_galley_link:hover,
.tocArticle .obj_galley_link:hover,
.article-list-item .obj_galley_link:hover{
  transform:translateY(-1px) !important;
  background:linear-gradient(135deg, rgba(145,0,38,.96), rgba(105,0,30,.94)) !important;
}


/* =========================================================
   4. MOBILE
   ========================================================= */

@media(max-width:768px){
  .obj_article_details .page_title,
  .obj_article_details h1.page_title,
  .obj_article_details h1{
    font-size:30px !important;
  }

  .obj_article_details .item,
  .obj_article_details .authors,
  .obj_article_details .item.references,
  .obj_article_details .item.abstract,
  .obj_article_details .galleys,
  .obj_article_details .item.galleys{
    padding:16px;
    border-radius:16px;
  }

  .obj_article_details .galleys,
  .obj_article_details .item.galleys{
    max-width:none;
  }

  .obj_article_details .obj_galley_link,
  .obj_article_details .galley-link,
  .obj_article_details .galleys_links a,
  .obj_article_details .item.galleys a{
    width:100%;
  }

  .cmp_article_list > li,
  ul.cmp_article_list > li,
  .obj_article_summary,
  .article-summary,
  .article_summary,
  .tocArticle,
  .article-list-item{
    padding:20px !important;
    border-radius:18px !important;
  }

  .cmp_article_list .galleys,
  .obj_article_summary .galleys,
  .article-summary .galleys,
  .article_summary .galleys,
  .tocArticle .galleys,
  .article-list-item .galleys{
    position:static !important;
    transform:none !important;
    margin-top:16px !important;
  }

  .cmp_article_list .galleys a,
  .obj_article_summary .galleys a,
  .article-summary .galleys a,
  .article_summary .galleys a,
  .tocArticle .galleys a,
  .article-list-item .galleys a,
  .cmp_article_list .obj_galley_link,
  .obj_article_summary .obj_galley_link,
  .article-summary .obj_galley_link,
  .article_summary .obj_galley_link,
  .tocArticle .obj_galley_link,
  .article-list-item .obj_galley_link{
    width:100% !important;
    min-width:0 !important;
  }
}
/* ADA Archives Page Redesign */

.page_issue_archive .issues_archive,
.page_issue_archive .issues,
.page_issue_archive ul.issues_archive{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:20px 0 40px !important;
  list-style:none !important;
}

.page_issue_archive .issues_archive > li,
.page_issue_archive .issues > li,
.page_issue_archive ul.issues_archive > li{
  background:#ffffff !important;
  border:1px solid #e4ebf3 !important;
  border-radius:22px !important;
  padding:22px !important;
  box-shadow:0 10px 28px rgba(7,31,60,.07) !important;
  transition:all .22s ease !important;
}

.page_issue_archive .issues_archive > li:hover,
.page_issue_archive .issues > li:hover,
.page_issue_archive ul.issues_archive > li:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 18px 42px rgba(7,31,60,.12) !important;
}

.page_issue_archive .issue_cover,
.page_issue_archive .cover,
.page_issue_archive img{
  border-radius:16px !important;
  box-shadow:0 12px 28px rgba(7,31,60,.14) !important;
}

.page_issue_archive .title,
.page_issue_archive h2,
.page_issue_archive h3{
  margin-top:16px !important;
  color:#071f3c !important;
  font-size:20px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

.page_issue_archive .title a,
.page_issue_archive h2 a,
.page_issue_archive h3 a{
  color:#071f3c !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

.page_issue_archive .title a:hover,
.page_issue_archive h2 a:hover,
.page_issue_archive h3 a:hover{
  color:#800020 !important;
}

.page_issue_archive .series,
.page_issue_archive .date,
.page_issue_archive .published{
  color:#5f6f82 !important;
  font-size:13px !important;
  font-weight:650 !important;
}

.page_issue_archive .page_title,
.page_issue_archive h1{
  text-align:center !important;
  color:#071f3c !important;
  font-size:clamp(36px, 4vw, 54px) !important;
  font-weight:800 !important;
  margin:34px 0 30px !important;
}

@media(max-width:900px){
  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive ul.issues_archive{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media(max-width:620px){
  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive ul.issues_archive{
    grid-template-columns:1fr !important;
  }
}
/* =========================================================
   ADA Archives Page Redesign v2
   White issue cards + cleaner archive gallery
   Add this at the END of your existing ADA CSS file.
   ========================================================= */

/* Archives page title */
.page_issue_archive .page_title,
.page_issue_archive h1{
  text-align:center !important;
  color:#071f3c !important;
  font-size:clamp(36px, 4vw, 54px) !important;
  line-height:1.1 !important;
  font-weight:800 !important;
  margin:34px 0 36px !important;
  letter-spacing:-.6px !important;
}

/* Archives grid */
.page_issue_archive .issues_archive,
.page_issue_archive .issues,
.page_issue_archive ul.issues_archive{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:30px !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding:10px 20px 52px !important;
  list-style:none !important;
}

/* Individual archive card */
.page_issue_archive .issues_archive > li,
.page_issue_archive .issues > li,
.page_issue_archive ul.issues_archive > li{
  background:#ffffff !important;
  border:1px solid #e4ebf3 !important;
  border-radius:24px !important;
  padding:22px !important;
  box-shadow:0 10px 28px rgba(7,31,60,.07) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
  overflow:hidden !important;
}

/* Hover effect */
.page_issue_archive .issues_archive > li:hover,
.page_issue_archive .issues > li:hover,
.page_issue_archive ul.issues_archive > li:hover{
  transform:translateY(-4px) !important;
  border-color:#d8e2ec !important;
  box-shadow:0 18px 42px rgba(7,31,60,.12) !important;
}

/* Issue cover */
.page_issue_archive .issue_cover,
.page_issue_archive .cover,
.page_issue_archive .cover img,
.page_issue_archive img{
  display:block !important;
  max-width:165px !important;
  height:auto !important;
  margin:0 auto 16px !important;
  border-radius:18px !important;
  box-shadow:0 14px 30px rgba(7,31,60,.16) !important;
}

/* Issue title */
.page_issue_archive .title,
.page_issue_archive h2,
.page_issue_archive h3{
  margin:12px 0 8px !important;
  color:#071f3c !important;
  font-size:19px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

/* Issue title links */
.page_issue_archive .title a,
.page_issue_archive h2 a,
.page_issue_archive h3 a{
  color:#071f3c !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

.page_issue_archive .title a:hover,
.page_issue_archive h2 a:hover,
.page_issue_archive h3 a:hover{
  color:#800020 !important;
}

/* Year / volume-like text */
.page_issue_archive .issues_archive > li > a,
.page_issue_archive .issues > li > a,
.page_issue_archive ul.issues_archive > li > a{
  color:#071f3c !important;
  text-decoration:none !important;
  border-bottom:none !important;
}

/* Date and metadata */
.page_issue_archive .series,
.page_issue_archive .date,
.page_issue_archive .published,
.page_issue_archive .description,
.page_issue_archive .obj_issue_summary .series,
.page_issue_archive .obj_issue_summary .date{
  color:#5f6f82 !important;
  font-size:13px !important;
  line-height:1.55 !important;
  font-weight:650 !important;
}

/* Optional subtle label */
.page_issue_archive .issues_archive > li::before,
.page_issue_archive .issues > li::before,
.page_issue_archive ul.issues_archive > li::before{
  content:"Issue" !important;
  display:inline-flex !important;
  align-items:center !important;
  margin:0 0 12px !important;
  padding:5px 10px !important;
  border-radius:999px !important;
  background:#fff7fa !important;
  color:#800020 !important;
  border:1px solid #efd2dc !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.8px !important;
  text-transform:uppercase !important;
}

/* Tablet */
@media(max-width:900px){
  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive ul.issues_archive{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile */
@media(max-width:620px){
  .page_issue_archive .issues_archive,
  .page_issue_archive .issues,
  .page_issue_archive ul.issues_archive{
    grid-template-columns:1fr !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .page_issue_archive .issues_archive > li,
  .page_issue_archive .issues > li,
  .page_issue_archive ul.issues_archive > li{
    padding:20px !important;
  }
}