/* hsb_typography_boost_lists_detail.r1.css
   Goal: Make text comfortably larger on Papers/Products/Issues/Community list + detail pages.
   Loaded LAST so it can override legacy rules.
*/

/* Base: slight global bump without breaking layout */
html { font-size: 17px; }

/* Section titles */
.section-title { font-size: clamp(22px, 2.2vw, 32px) !important; }
.section-title small { font-size: 15px !important; }

/* List cards (papers/products/issues/community) */
.grid a[class^="card-"] .title,
.grid .card .title,
.card-paper .title,
.card-product .title,
.card-issue .title,
.card-community .title {
  font-size: 19px !important;
  line-height: 1.25 !important;
}

.grid a[class^="card-"] .desc,
.grid a[class^="card-"] .body,
.card-paper .desc,
.card-product .desc,
.card-issue .desc,
.card-community .desc {
  font-size: 16.5px !important;
  line-height: 1.65 !important;
}

.grid a[class^="card-"] .meta,
.grid a[class^="card-"] .meta * {
  font-size: 14.5px !important;
}

/* Detail view (view.php) */
.page-view article.a4 {
  font-size: 18px !important;
  line-height: 1.85 !important;
}

.page-view article.a4 h1 {
  font-size: clamp(26px, 2.4vw, 34px) !important;
  line-height: 1.25 !important;
}

.page-view article.a4 section h3 {
  font-size: 18px !important;
}

.page-view article.a4 p,
.page-view article.a4 li,
.page-view article.a4 div {
  font-size: 18px !important;
}

/* The "논문 요약(발췌)" block uses smaller muted text inline; raise it slightly */
.page-view article.a4 section p {
  font-size: 17px !important;
}

/* Links & source line readability */
.page-view article.a4 a {
  font-size: 17.5px !important;
}

/* Mobile: keep comfortable but avoid layout overflow */
@media (max-width: 820px) {
  html { font-size: 16px; }
  .grid a[class^="card-"] .title { font-size: 18px !important; }
  .grid a[class^="card-"] .desc { font-size: 16px !important; }
  .page-view article.a4 { font-size: 17px !important; }
  .page-view article.a4 p, .page-view article.a4 div { font-size: 17px !important; }
}

@media (max-width: 480px) {
  html { font-size: 15.5px; }
  .section-title { font-size: 22px !important; }
}