/* JOURNAL: completed writing in a quiet editorial reading layout. */
.journal-intro{font-size:1rem;color:var(--muted);margin-bottom:31px}.stories-grid{display:block}.featured-article{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center;padding:0 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}.featured-image{overflow:hidden;display:block;aspect-ratio:1.36}.featured-image img{height:100%;transition:transform .7s;object-position:center}.featured-image:hover img{transform:scale(1.03)}.featured-copy .eyebrow{color:var(--sage-dark);font-size:1rem;letter-spacing:.12em}.featured-copy h3{font-family:var(--serif);font-size:1.875rem;line-height:1.8;letter-spacing:.055em;text-wrap:balance;margin:21px 0 20px}.featured-copy h3 a:hover{color:var(--sage-dark)}.featured-copy>p:not(.eyebrow){font-size:1rem;line-height:2.1}.featured-copy .text-link{margin-top:23px;min-width:180px}.lifestyle-photo{padding:0;width:100%;text-align:left}
.article-heading{max-width:930px;width:86%;margin:0 auto;text-align:center;padding:64px 0 48px}.article-heading .eyebrow{color:var(--sage-dark);letter-spacing:.17em;font-size:1rem}.article-title{font-size:2.5rem;line-height:1.85;letter-spacing:.065em;text-wrap:balance;margin:29px 0 27px}.article-byline{display:flex;justify-content:center;align-items:center;gap:14px;font-size:1rem;color:var(--muted)}.article-byline img{width:35px;height:35px;border-radius:50%;object-fit:cover;object-position:center 36%}.article-cover{max-width:1060px;width:86%;margin:0 auto 66px}.article-cover img{aspect-ratio:2.1;object-position:center 59%}.article-cover figcaption{text-align:right;font-size:1rem;color:var(--muted);margin-top:9px}.article-body{max-width:690px;width:84%;margin:0 auto;font-family:var(--font-body);font-size:1.125rem;line-height:2.3;letter-spacing:.035em;overflow-wrap:break-word}.article-body p{margin-bottom:1.6em}.article-body strong{font-weight:700;color:#405859}.article-body em{font-style:italic;font-size:1rem}.article-body hr{border:0;border-top:1px solid var(--line);width:70px;margin:50px 0 31px}.article-body h2{font-size:1.6875rem;line-height:1.8;margin:50px 0 24px}.article-end{max-width:690px;width:84%;margin:59px auto 93px;border-top:1px solid var(--line);padding-top:32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.article-end>p{font-family:var(--latin);font-style:italic;color:var(--sage-dark);font-size:1.1875rem}.article-end .text-link{font-size:1rem}.article-page .footer{margin-top:0}
@media(max-width:850px){.featured-copy h3{font-size:1.5rem}.featured-copy>p:not(.eyebrow){font-size:1rem}.article-title{font-size:2.125rem}.article-cover img{aspect-ratio:1.8}.article-body{max-width:650px;font-size:1.0625rem}.article-heading{padding-top:48px}}
@media(max-width:680px){.featured-article{grid-template-columns:1fr;gap:24px;padding-bottom:25px}.featured-image{aspect-ratio:1.38}.featured-copy .eyebrow{font-size:1rem}.featured-copy h3{font-size:1.5625rem;line-height:1.85;margin:16px 0;text-wrap:balance}.featured-copy>p:not(.eyebrow){font-size:1rem;line-height:2.1}.featured-copy .text-link{margin-top:18px}.journal-intro{font-size:1rem;margin-bottom:24px}.article-heading{width:86%;padding:35px 0 31px}.article-heading .eyebrow{font-size:1rem}.article-title{font-size:1.75rem;line-height:1.85;letter-spacing:.045em;margin:23px 0 24px;text-align:left;text-wrap:balance}.article-byline{font-size:1rem;justify-content:flex-start}.article-byline img{width:31px;height:31px}.article-cover{width:100%;margin-bottom:41px}.article-cover img{aspect-ratio:1.4}.article-cover figcaption{padding-right:7%;font-size:1rem}.article-body{width:85%;font-size:1rem;line-height:2.25;letter-spacing:.025em}.article-body p{margin-bottom:1.65em}.article-body em{font-size:1rem}.article-end{width:85%;margin:42px auto 66px;align-items:flex-start;flex-direction:column;gap:16px}.article-end>p{font-size:1.125rem}.article-end .text-link{font-size:1rem}}

/* STEP 3: journal archive; original home and article styles retained. */
.all-journal{text-align:center;margin-top:28px}.journal-index{padding:70px 0 90px}.journal-index-heading{text-align:center;margin-bottom:58px}.journal-index-heading .eyebrow{color:var(--sage-dark)}.journal-index-heading .english-heading{font-size:4.75rem;margin:14px 0 10px}.journal-index-subtitle{font-size:1rem;letter-spacing:.16em;margin-bottom:24px}.journal-index-heading>p:last-child{font-size:1rem;line-height:2.2}.journal-index-count{padding:17px 0;border-top:1px solid var(--line);font-size:1rem;color:var(--muted);margin-bottom:34px}.journal-index-count span{font-family:var(--latin);font-size:1.25rem;margin:0 6px}.journal-list{margin-bottom:45px}.journal-empty{padding:45px 0}.pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:35px 0}.pagination a{padding:6px 17px;border:1px solid var(--line)}.pagination a[aria-current=page]{background:var(--sage-dark);color:var(--paper)}
@media(max-width:680px){.journal-index{padding:40px 0 65px}.journal-index-heading{margin-bottom:32px}.journal-index-heading .english-heading{font-size:3.6875rem}.journal-index-heading>p:last-child{font-size:1rem}.journal-index-subtitle{font-size:1rem;margin-bottom:19px}.journal-index-count{margin-bottom:25px}}

.article-body p{line-break:strict;text-wrap:pretty}.article-body h2{text-wrap:balance}

.article-body p{text-wrap:balance}

/* Shared semantic title breaks, also applied to future generated articles. */
.phrase-title{word-break:normal;overflow-wrap:normal;line-break:strict}
/* Atomic phrase boxes also work when a browser treats wbr/balance differently.
   A group can break at its smaller semantic units on a narrow/enlarged view. */
.title-group,.title-unit{display:inline-block;max-width:100%;vertical-align:baseline;white-space:normal}
.title-group{text-wrap:wrap}
.title-unit{word-break:normal;overflow-wrap:anywhere;text-wrap:balance}
.title-tail{white-space:nowrap;word-break:normal;overflow-wrap:normal}

.featured-copy>p:not(.eyebrow){font-size:1.0625rem}
.article-body{font-size:1.125rem;font-weight:500}
@media(max-width:680px){.article-body{font-size:1.0625rem}}
.journal-index-heading .english-heading{overflow-wrap:anywhere}

/* Homepage only: reuse the JOURNAL generator and each article's cover image. */
#stories .stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
#stories .featured-article{display:block;min-width:0;margin:0;padding:0 0 28px}
#stories .featured-image{aspect-ratio:4/3;margin-bottom:24px}
#stories .featured-copy h3{font-size:1.5rem;line-height:1.8;letter-spacing:.035em;margin:16px 0}
#stories .featured-copy .text-link{min-width:0;width:100%;margin-top:18px}
@media(max-width:1000px){
  #stories .stories-grid{grid-template-columns:1fr;gap:40px}
  #stories .featured-image{margin-bottom:22px}
}

/* Homepage proposal: equal desktop cards, without changing article excerpts. */
.home-layout-preview #stories .stories-grid{align-items:stretch}
.home-layout-preview #stories .featured-article{display:flex;flex-direction:column;align-items:stretch;gap:0}
.home-layout-preview #stories .featured-image{flex-shrink:0}
.home-layout-preview #stories .featured-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.home-layout-preview #stories .featured-copy .text-link{margin-top:auto;padding-top:18px;flex-shrink:0}
@media(min-width:1001px){
  .home-layout-preview #stories .featured-copy>h3+p{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;
    overflow:hidden;line-height:2.1;min-height:6.3em;flex-shrink:0;text-wrap:wrap;
  }
}

/* Optional in-article photos and simple unordered lists. */
.article-body .article-inline-image{width:100%;margin:2em 0;padding:0}
.article-body .article-inline-image img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.article-body ul{margin:0 0 1.6em;padding-left:1.5em}
.article-body li{margin:.35em 0}

.article-title .title-doyo>.title-group{display:block}
@media(max-width:680px){.article-title .title-doyo>.title-group>.title-unit{display:block}}
.article-title .title-doyo wbr{display:none}