:root{--paper:#faf9f6;--green:#294b38;--muted:#627767;--light:#e9eee7;--gold:#b49b6d}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--paper);color:#35483a;font-family:"Noto Sans JP","Yu Gothic",sans-serif;line-height:1.9}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #9cb49f;outline-offset:4px}
.journal-container{width:min(100% - 38px,1100px);margin-inline:auto}
.journal-header{background:#fffdf8;border-bottom:1px solid #e6e9df}
.journal-header__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.journal-brand{font:500 clamp(17px,2vw,25px)/1.5 "Shippori Mincho",serif;color:var(--green)}
.journal-header nav{display:flex;align-items:center;gap:clamp(10px,2vw,30px);font-size:12px;color:#536b5b}
.journal-header nav a:hover,.journal-header nav a[aria-current]{color:#997b48}
.journal-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:#839084;padding:25px 0}
.journal-breadcrumb a:hover{text-decoration:underline}
.journal-eyebrow{font:600 13px/1.4 Georgia,serif;letter-spacing:.18em;color:#aa9472}
.journal-intro{text-align:center;padding:42px 15px 60px;background:radial-gradient(ellipse 60% 90% at 50% 70%,#eff3e9,transparent)}
.journal-intro h1,.journal-article h1,.journal-simple h1{font:500 clamp(29px,4vw,47px)/1.65 "Shippori Mincho",serif;letter-spacing:.035em;color:var(--green)}
.journal-intro h1{margin:15px auto 18px}
.journal-intro p{font-size:14px;color:var(--muted);line-height:2.1}
.journal-list{padding:35px 0 90px}
.journal-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-card{display:block;overflow:hidden;background:#fffefa;border:1px solid #e1e8dc;border-radius:14px;transition:transform .2s,border-color .2s,box-shadow .2s}
.journal-card:hover{transform:translateY(-3px);border-color:#b7c7ae;box-shadow:0 15px 30px rgba(36,61,42,.06)}
.journal-card__image{display:block;width:100%;height:165px;object-fit:cover}
.journal-card__symbol{display:grid;height:165px;place-items:center;background:linear-gradient(140deg,#edf3e9,#f9f2e1);font-size:54px;color:#a7be9f}
.journal-card__body{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:22px 21px 25px;min-height:216px}
.journal-chip{display:inline-block;background:#e8eee4;border-radius:3px;color:#54725f;padding:4px 11px;font-size:11px}
.journal-card__title{font:500 clamp(18px,1.8vw,22px)/1.65 "Shippori Mincho",serif;color:var(--green)}
.journal-card__summary{color:#617668;font-size:13px;line-height:1.9}
.journal-card__link{margin-top:auto;color:#6b886f;font-size:12px;text-decoration:underline;text-underline-offset:5px}
.journal-empty{grid-column:1/-1;text-align:center;color:#697b6c;padding:45px 0}
.journal-pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:48px;font-size:13px;color:#637665}
.journal-pagination a,.journal-return{display:inline-block;border:1px solid #c7d5c4;border-radius:5px;padding:10px 18px;background:#fff}
.journal-pagination a:hover,.journal-return:hover{background:#f0f3ed}
.journal-article{max-width:900px;padding-bottom:80px}
.journal-article__head{text-align:center;padding:35px 0 30px}
.journal-article__head h1{margin:18px auto 16px;max-width:850px}
.journal-meta{font-size:12px;color:#8d9a8d;letter-spacing:.04em}
.journal-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:17px auto}
.journal-tags span{font-size:11px;color:#778c76;background:#eef1eb;padding:4px 10px;border-radius:30px}
.journal-article__eyecatch{display:block;width:100%;max-height:480px;object-fit:cover;border-radius:12px;margin:0 auto 45px}
.journal-body{max-width:760px;margin:10px auto 0;font-size:15px;line-height:2.2;color:#415448;overflow-wrap:anywhere}
.journal-body h1,.journal-body h2,.journal-body h3,.journal-body h4{font-family:"Shippori Mincho",serif;color:#2e5139;font-weight:500;line-height:1.75;scroll-margin-top:25px}
.journal-body h2{font-size:clamp(23px,2.5vw,29px);border-bottom:1px solid #d9e2d6;padding:14px 0 13px;margin:49px 0 19px}
.journal-body h3{font-size:21px;margin:30px 0 14px}
.journal-body p{margin:0 0 19px}
.journal-body ul,.journal-body ol{padding-left:1.5em;margin:15px 0 24px}
.journal-body li{padding-left:.2em;margin-bottom:8px}
.journal-body strong{color:#304f39;font-weight:600}
.journal-body a,.journal-sources a{color:#356b52;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.journal-body blockquote{border-left:3px solid #bfaa82;margin:25px 0;padding:8px 18px;background:#f5f4ed}
.journal-body img{max-width:100%;height:auto;border-radius:8px}
.journal-body figure{margin:22px 0}
.journal-body table{border-collapse:collapse;width:100%;font-size:13px}
.journal-body th,.journal-body td{border-bottom:1px solid #dce4da;padding:12px 9px}
.journal-sources,.journal-guide{max-width:760px;margin:57px auto 0;padding:27px 30px;background:#f0f3ee;border-radius:12px}
.journal-sources h2{font:500 23px/1.6 "Shippori Mincho",serif;color:#31573f;margin:0 0 16px}
.journal-sources ol{margin:0;padding-left:22px}
.journal-sources li{margin-bottom:10px;overflow-wrap:anywhere}
.journal-sources p{font-size:12px;line-height:1.8;color:#748477;margin:14px 0 0}
.journal-guide{display:flex;flex-direction:column;gap:8px;background:#f8f4eb;color:#426548}
.journal-guide span{font-size:12px;color:#997b49}
.journal-guide a{font:500 21px/1.7 "Shippori Mincho",serif;text-decoration:underline;text-underline-offset:4px}
.journal-return-wrapper{text-align:center;margin:44px auto}
.journal-simple{padding:75px 0 110px;text-align:center}
.journal-simple p{color:#607463}
.journal-footer{background:#edf1ea;padding:28px 0 35px;border-top:1px solid #dfe6d9;text-align:center}
.journal-footer .journal-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:22px}
.journal-footer p{margin:0;color:#496451;font:500 17px/1.5 "Shippori Mincho",serif}
.journal-footer a{font-size:13px;color:#427151;text-decoration:underline}
.journal-footer small{width:100%;font-size:11px;color:#819084;margin-top:11px}
@media(max-width:900px){.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){
  .journal-container{width:min(100% - 30px,1100px)}
  .journal-header__inner{min-height:72px;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:12px 0}
  .journal-brand{font-size:19px}
  .journal-header nav{font-size:11px;gap:15px}
  .journal-breadcrumb{padding:18px 0}
  .journal-intro{padding:29px 0 44px}
  .journal-intro h1{font-size:29px}
  .journal-intro p{font-size:13px}
  .journal-intro p br{display:none}
  .journal-list{padding:19px 0 65px}
  .journal-cards{grid-template-columns:1fr;gap:16px}
  .journal-card__body{min-height:auto;padding:19px 20px 22px}
  .journal-card__image,.journal-card__symbol{height:185px}
  .journal-article__head{padding:23px 0 25px}
  .journal-article h1{font-size:clamp(27px,6vw,36px)}
  .journal-article__eyecatch{margin-bottom:25px}
  .journal-body{font-size:14px;line-height:2.1}
  .journal-body h2{font-size:22px}
  .journal-sources,.journal-guide{margin-top:40px;padding:21px 19px}
  .journal-sources h2{font-size:21px}
  .journal-footer .journal-container{flex-direction:column;gap:9px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.journal-card{transition:none}}


/* REHEART JOURNAL / REFINED ARTICLE SYSTEM — article pages only.
   Muted forest green, warm paper, thin brass details, generous white space. */
.journal-article{
  --journal-ink:#303c35;
  --journal-heading:#284536;
  --journal-sage:#647a67;
  --journal-brass:#b19a73;
  --journal-line:#e3e5dc;
  --journal-cream:#f7f5ef;
}
.journal-article__head{
  position:relative;
  max-width:860px;
  margin-inline:auto;
  padding:46px 0 38px;
}
.journal-article__head h1{
  max-width:820px;
  font-size:clamp(29px,3.7vw,44px);
  font-weight:500;
  line-height:1.65;
  letter-spacing:.045em;
  text-wrap:pretty;
  color:var(--journal-heading);
}
.journal-article__head::after{
  content:"";
  display:block;
  width:66px;
  height:1px;
  margin:30px auto 0;
  background:linear-gradient(90deg,transparent,var(--journal-brass),transparent);
}
.journal-article .journal-chip{
  border:1px solid #dce5d9;
  color:#526e5d;
  background:#f1f4ef;
  padding:5px 13px;
  letter-spacing:.04em;
}
.journal-article__eyecatch{
  border-radius:14px;
  box-shadow:0 14px 36px rgba(38,59,44,.07);
}
.journal-toc{
  max-width:760px;
  margin:16px auto 42px;
  border:1px solid #e4e5db;
  border-radius:14px;
  background:linear-gradient(125deg,#fffefa 0%,#f8f7f2 100%);
  box-shadow:0 9px 24px rgba(47,65,48,.035);
  overflow:hidden;
}
.journal-toc summary{
  display:flex;
  gap:13px;
  align-items:center;
  padding:18px 23px;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.journal-toc summary::-webkit-details-marker{display:none}
.journal-toc summary:focus-visible{
  outline:3px solid #9bb09d;
  outline-offset:-4px;
}
.journal-toc__eyebrow{
  color:#9a835d;
  font:600 10px/1.5 Georgia,serif;
  letter-spacing:.14em;
}
.journal-toc summary strong{
  color:var(--journal-heading);
  font:500 17px/1.6 "Shippori Mincho",serif;
}
.journal-toc__toggle{
  margin-left:auto;
  width:9px;
  height:9px;
  border-right:1.5px solid #758c79;
  border-bottom:1.5px solid #758c79;
  transform:translateY(-2px) rotate(45deg);
  transition:transform .2s ease;
}
.journal-toc[open] .journal-toc__toggle{
  transform:translateY(2px) rotate(225deg);
}
.journal-toc__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px 25px;
  counter-reset:journal-toc;
  margin:0;
  padding:5px 25px 25px;
  list-style:none;
  border-top:1px solid #ecebe4;
}
.journal-toc__list li{
  counter-increment:journal-toc;
  display:flex;
  gap:12px;
  align-items:baseline;
  min-width:0;
}
.journal-toc__list li::before{
  content:counter(journal-toc,decimal-leading-zero);
  flex:0 0 19px;
  color:#a38b65;
  font:500 11px/1.9 Georgia,serif;
}
.journal-toc__list a{
  display:block;
  min-width:0;
  color:#556a5c;
  font-size:12px;
  line-height:1.85;
  text-decoration:none;
  transition:color .2s ease;
}
.journal-toc__list a:hover,
.journal-toc__list a:focus-visible{
  color:#244f37;
  text-decoration:underline;
  text-underline-offset:4px;
}
.journal-body{
  max-width:735px;
  margin:12px auto 0;
  font-size:15.5px;
  line-height:2.16;
  color:var(--journal-ink);
  letter-spacing:.016em;
  line-break:strict;
  overflow-wrap:anywhere;
}
.journal-body > p:first-child{
  padding-left:19px;
  border-left:2px solid #b6b39d;
  color:#4a5c50;
  font-size:1.065em;
  line-height:2.15;
  margin:0 0 30px;
}
.journal-body p{margin:0 0 1.55em}
.journal-body h2,.journal-body h3,.journal-body h4{
  color:var(--journal-heading);
  font-family:"Shippori Mincho",serif;
  font-weight:600;
  scroll-margin-top:24px;
  letter-spacing:.035em;
}
.journal-body h2{
  font-size:clamp(22px,2.55vw,27px);
  line-height:1.7;
  padding:21px 24px 20px;
  margin:62px 0 27px;
  border:0;
  border-left:3px solid #728978;
  border-radius:0 12px 12px 0;
  background:linear-gradient(112deg,#f2f3ec 0%,#faf9f4 100%);
  box-shadow:inset 0 -1px 0 #e8e6dc;
  text-wrap:pretty;
}
.journal-body h2::after{
  content:"";
  display:block;
  width:38px;
  height:1px;
  margin-top:11px;
  background:#bea981;
}
.journal-body h3{
  position:relative;
  font-size:clamp(19px,2vw,22px);
  line-height:1.7;
  margin:40px 0 17px;
  padding:0 0 11px 19px;
  border-bottom:1px solid #e1e4dc;
}
.journal-body h3::before{
  content:"";
  position:absolute;
  left:1px;
  top:.72em;
  width:7px;
  height:7px;
  border:1px solid #b39a6f;
  background:#f1eee5;
  transform:rotate(45deg);
}
.journal-body h4{
  font-size:17px;
  margin:28px 0 12px;
}
.journal-body strong,.journal-body b{
  color:#2b4c3b;
  font-weight:700;
  padding-inline:.035em;
  background:linear-gradient(transparent 66%,rgba(194,178,140,.31) 66%);
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
}
.journal-body :is(h2,h3,h4) :is(strong,b){
  color:inherit;
  background:none;
  padding:0;
}
.journal-body ul,.journal-body ol{
  margin:20px 0 29px;
  padding-left:1.5em;
}
.journal-body li{
  padding-left:.26em;
  margin-bottom:11px;
  line-height:2;
}
.journal-body li::marker{color:#829481;font-weight:600}
.journal-body a{
  color:#35634b;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  text-decoration-color:#96ad98;
  transition:color .2s ease;
}
.journal-body a:hover{color:#193c2c}
.journal-body a:focus-visible{outline:2px solid #8fa992;outline-offset:3px}
.journal-body blockquote{
  margin:32px 0;
  padding:22px 25px;
  border:1px solid #e8e2d6;
  border-left:3px solid var(--journal-brass);
  border-radius:0 12px 12px 0;
  background:#fbfaf6;
  color:#4b5b4d;
  box-shadow:0 6px 18px rgba(53,56,43,.025);
}
.journal-body blockquote p:last-child{margin-bottom:0}
.journal-body :is(.article-note,.article-point){
  margin:30px 0;
  padding:23px 26px;
  border:1px solid #e4e2d7;
  border-radius:12px;
  background:#fbfaf6;
}
.journal-body .article-point{
  border-left:3px solid #8e987e;
  background:#f4f5ef;
}
.journal-body .journal-conclusion{
  margin:66px 0 8px;
  padding:30px 33px 29px;
  border:1px solid #e2e3d7;
  border-top:2px solid #a79a7a;
  border-radius:14px;
  background:linear-gradient(130deg,#f5f6f0 0%,#fbfaf5 100%);
  box-shadow:0 10px 30px rgba(50,66,52,.035);
}
.journal-body .journal-conclusion h2{
  margin:0 0 21px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  font-size:clamp(22px,2.4vw,27px);
}
.journal-body .journal-conclusion h2::after{
  width:48px;
  height:2px;
  margin-top:13px;
  background:#a99b7e;
}
.journal-body .journal-conclusion p:last-child,
.journal-body .journal-conclusion ul:last-child{margin-bottom:0}
.journal-article .journal-sources{
  border:1px solid #e4e6dc;
  border-radius:14px;
  background:#f5f6f0;
  padding:28px 31px;
}
.journal-article .journal-guide{
  border:1px solid #e9e4d7;
  border-radius:14px;
  background:#faf7f0;
}
@media(max-width:640px){
  .journal-article__head{padding:28px 0 25px}
  .journal-article__head h1{font-size:clamp(26px,6.1vw,34px);line-height:1.58}
  .journal-article__head::after{margin-top:23px}
  .journal-toc{margin:7px auto 32px;border-radius:11px}
  .journal-toc summary{padding:16px 17px}
  .journal-toc summary strong{font-size:16px}
  .journal-toc__list{grid-template-columns:1fr;gap:7px;padding:13px 18px 20px}
  .journal-toc__list a{font-size:12px}
  .journal-body{font-size:15px;line-height:2.08;letter-spacing:.008em}
  .journal-body > p:first-child{padding-left:14px;font-size:1.025em;margin-bottom:27px}
  .journal-body p{margin-bottom:1.4em}
  .journal-body h2{
    font-size:21px;
    line-height:1.7;
    padding:17px 15px 17px 17px;
    margin:49px 0 23px;
    border-left-width:3px;
    border-radius:0 9px 9px 0;
  }
  .journal-body h3{font-size:19px;margin:32px 0 15px;padding:0 0 10px 17px}
  .journal-body ul,.journal-body ol{margin:17px 0 25px;padding-left:1.45em}
  .journal-body li{margin-bottom:9px}
  .journal-body blockquote{padding:18px;margin:27px 0}
  .journal-body :is(.article-note,.article-point){padding:19px;margin:26px 0}
  .journal-body .journal-conclusion{margin-top:51px;padding:24px 19px 23px;border-radius:12px}
  .journal-body .journal-conclusion h2{font-size:22px}
  .journal-article .journal-sources{padding:21px 19px}
}
@media(prefers-reduced-motion:reduce){
  .journal-toc__toggle,.journal-toc__list a,.journal-body a{transition:none}
}
@media(prefers-contrast:more){
  .journal-body strong,.journal-body b{background:none;text-decoration:underline;text-decoration-thickness:2px}
  .journal-body h2,.journal-toc,.journal-body .journal-conclusion{border-color:#657a66}
}

/* JOURNAL FACET FILTERS — refined, accessible category and tag browsing */
.journal-list{padding-top:25px}
.journal-filter{
  position:relative;
  overflow:hidden;
  padding:31px 35px 33px;
  border:1px solid #e3e5dc;
  border-radius:18px;
  background:linear-gradient(126deg,#fffefa 0%,#faf9f4 78%,#f3f5ee 100%);
  box-shadow:0 14px 35px rgba(37,59,45,.045);
}
.journal-filter::before{
  content:"";
  position:absolute;
  left:34px;top:0;
  height:2px;width:64px;
  background:linear-gradient(90deg,#a68d64,#d3c6a6,transparent);
}
.journal-filter__heading{margin-bottom:27px}
.journal-filter__eyebrow{
  display:block;
  color:#a38a64;
  font:600 10px/1.5 Georgia,serif;
  letter-spacing:.19em;
  margin-bottom:8px;
}
.journal-filter__heading h2{
  font:500 clamp(22px,2.5vw,29px)/1.55 "Shippori Mincho",serif;
  color:#2a4837;
  margin:0 0 7px;
  letter-spacing:.045em;
}
.journal-filter__heading p{margin:0;color:#718074;font-size:12.5px;line-height:1.85}
.journal-filter__group{padding-top:20px;border-top:1px solid #e7e9e1}
.journal-filter__group + .journal-filter__group{margin-top:24px}
.journal-filter__group h3{
  display:flex;align-items:center;gap:10px;
  margin:0 0 13px;
  color:#4f6454;
  font-size:13px;
  font-weight:600;
  letter-spacing:.045em;
}
.journal-filter__group h3::before{
  content:"";width:6px;height:6px;
  background:#b09b78;transform:rotate(45deg);flex:none;
}
.journal-filter__pills{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
.journal-filter__pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:37px;
  padding:7px 13px;
  border:1px solid #dce4d9;
  border-radius:999px;
  color:#4d6854;
  background:#fffefa;
  text-decoration:none;
  line-height:1.6;
  font-size:12px;
  font-weight:500;
  transition:background .17s ease,color .17s ease,border-color .17s ease,transform .17s ease;
}
.journal-filter__pill:hover{
  border-color:#9eb3a1;
  color:#2e5d3f;
  background:#f1f5ed;
  transform:translateY(-1px);
}
.journal-filter__pill:focus-visible{
  outline:3px solid #93b19b;
  outline-offset:3px;
}
.journal-filter__pill.is-active,
.journal-filter__pill[aria-current="true"]{
  background:#345743;
  border-color:#345743;
  color:#fffefa;
  box-shadow:0 3px 8px rgba(39,76,51,.13);
}
.journal-filter__pill.is-active:hover{
  background:#294c38;
  border-color:#294c38;
  color:#fff;
}
.journal-filter__pill.is-empty:not(.is-active){opacity:.53}
.journal-filter__pill--tag{min-height:34px;padding:6px 12px;font-size:11.5px}
.journal-filter__pill-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:21px;height:21px;padding:0 5px;
  border-radius:20px;
  background:#eff2ec;
  color:#718576;
  font:600 10px/1 Georgia,sans-serif;
  font-variant-numeric:tabular-nums;
}
.journal-filter__pill.is-active .journal-filter__pill-count{
  background:rgba(255,255,255,.17);
  color:#fff;
}
.journal-filter__more{margin-top:15px}
.journal-filter__more summary{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 0;
  color:#58715e;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:4px;
  font-size:12px;
  list-style:none;
}
.journal-filter__more summary::-webkit-details-marker{display:none}
.journal-filter__more summary::after{content:"⌄";font-size:17px;line-height:1}
.journal-filter__more[open] summary::after{transform:rotate(180deg)}
.journal-filter__more summary:focus-visible{outline:2px solid #93b19b;outline-offset:3px}
.journal-filter__more .journal-filter__pills{padding-top:13px}
.journal-results{
  display:flex;justify-content:space-between;align-items:center;
  gap:14px 22px;flex-wrap:wrap;
  margin:31px 0 20px;
  padding:0 3px 15px;
  border-bottom:1px solid #e3e6df;
}
.journal-results__main{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.journal-results__total{margin:0;color:#516555;font-size:13px;line-height:1.8}
.journal-results__total strong{
  color:#244734;
  font:600 23px/1 Georgia,serif;
  font-variant-numeric:tabular-nums;
  padding:0 3px;
}
.journal-results__total span{color:#91a093;font-size:12px}
.journal-results__active{display:flex;gap:7px;flex-wrap:wrap}
.journal-results__active a{
  padding:3px 10px;border-radius:20px;
  border:1px solid #d5e2d4;
  background:#f2f6f0;
  color:#47694e;font-size:11px;
  text-decoration:none;
}
.journal-results__active a:hover{background:#e7efe4}
.journal-results__reset{
  color:#70806c;
  font-size:11.5px;
  text-decoration:underline;
  text-underline-offset:4px;
}
.journal-results__reset:hover{color:#365a42}
.journal-filter__empty{
  grid-column:1/-1;
  text-align:center;
  padding:62px 18px 73px;
  border:1px solid #e6e8df;
  border-radius:14px;
  background:#fffefa;
}
.journal-filter__empty h2{
  font:500 23px/1.65 "Shippori Mincho",serif;
  color:#3c5741;margin:0 0 12px;
}
.journal-filter__empty p{font-size:13px;color:#778579;margin:0 0 18px}
.journal-filter__empty a{
  font-size:13px;color:#376448;
  text-decoration:underline;text-underline-offset:5px;
}
.journal-card__tags{
  display:flex;flex-wrap:wrap;gap:5px;
}
.journal-card__tags span{
  display:inline-block;
  padding:2px 7px;
  font-size:10px;
  line-height:1.6;
  background:#f4f3ed;
  color:#8b8f7c;
  border-radius:3px;
}
.journal-article .journal-chip:is(a):hover{
  color:#2c5d3b;border-color:#99b59f;background:#eaf2e7;
}
.journal-tags a{
  display:inline-block;
  font-size:11px;
  color:#6a856f;
  background:#eef1eb;
  padding:4px 10px;
  border-radius:30px;
  transition:background .2s ease,color .2s ease;
}
.journal-tags a:hover{background:#e0eade;color:#315e41}
.journal-tags a:focus-visible{outline:3px solid #9cb49f;outline-offset:3px}
@media(max-width:640px){
  .journal-list{padding-top:13px}
  .journal-filter{padding:24px 17px 23px;border-radius:13px}
  .journal-filter::before{left:17px}
  .journal-filter__heading{margin-bottom:21px}
  .journal-filter__heading h2{font-size:23px}
  .journal-filter__heading p{font-size:12px}
  .journal-filter__group{padding-top:17px}
  .journal-filter__group + .journal-filter__group{margin-top:20px}
  .journal-filter__pills{gap:8px}
  .journal-filter__pill{min-height:39px;font-size:11.5px;padding:7px 11px}
  .journal-filter__pill--tag{min-height:37px;padding:6px 10px}
  .journal-filter__pill-count{min-width:19px;height:19px;font-size:10px}
  .journal-results{margin:25px 0 19px}
  .journal-results__total strong{font-size:21px}
  .journal-filter__empty{padding:44px 16px 55px}
}
@media(prefers-reduced-motion:reduce){
  .journal-filter__pill,.journal-tags a{transition:none}
  .journal-filter__pill:hover{transform:none}
}