.journal-article{max-width:1040px}
.journal-article .back-link{margin-bottom:24px}
.journal-article>header{max-width:860px;margin:0 auto 20px;text-align:left}
.journal-article>header h1{font-size:38px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px;max-width:820px}
.journal-article>header .eyebrow{font-size:11px;letter-spacing:0;font-weight:500;margin-bottom:12px;color:#526758}
.journal-article>header .helper{font-size:12px;margin-bottom:8px}
.journal-article>header .detail-summary{font-size:16px;line-height:1.7;margin:0}
.journal-article>.content-engagement{max-width:860px;margin-left:auto;margin-right:auto}
.journal-reading{display:flow-root;max-width:860px;margin:24px auto 0}
.journal-reading .journal-photo{float:right;width:40%;max-width:340px;margin:0 0 24px 32px}
.journal-reading .article-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:12px}
.journal-reading .journal-photo-credit{font-size:10px;line-height:1.5;margin-top:7px}
.journal-reading .article-body{max-width:none;margin:0;font-size:17px;line-height:1.85;color:#384c40}
.journal-reading .article-body>:first-child{margin-top:0}
.journal-reading .article-body h2{font-size:25px;line-height:1.3;margin-top:30px;margin-bottom:12px}
.journal-reading .article-body h3{font-size:21px;line-height:1.35}

.journal-reading .article-body li{overflow-wrap:anywhere}
.journal-suggestions{max-width:860px;margin:36px auto 0;border-top:1px solid #dce5db;padding-top:26px}
.journal-suggestion-section+.journal-suggestion-section{margin-top:30px}
.journal-suggestions .section-heading{align-items:baseline;gap:16px;margin-bottom:16px}
.journal-suggestions h2{font-size:21px;line-height:1.3;margin:0}
.journal-suggestions .section-heading>a{font-size:12px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.journal-suggestions .section-heading>a .icon{width:15px;height:15px}
.journal-suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.journal-suggestion{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start;text-decoration:none}
.suggestion-photo{display:block;position:relative;aspect-ratio:1;overflow:hidden;border-radius:10px;background:#edf1e8}
.suggestion-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.journal-suggestion h3{font-family:inherit;font-size:13px;line-height:1.45;letter-spacing:-.01em;margin:0 0 6px}
.journal-suggestion small{font-size:11px;line-height:1.55;color:#526758;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.journal-suggestion:hover h3{text-decoration:underline;text-underline-offset:3px}
.journal-suggestion:focus-visible{outline:2px solid #41794e;outline-offset:5px;border-radius:4px}
.suggestion-copy{min-width:0}
.journal-suggestion small.suggestion-country{display:flex;align-items:center;gap:6px}
.suggestion-country .country-flag{width:16px!important;height:12px!important}
.suggestion-facts{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;border-top:1px solid #e4ebe3;padding-top:8px;margin-top:0;color:#526758;align-self:end;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}
.suggestion-facts>span{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.suggestion-facts .icon{width:14px;height:14px;flex:none;color:#477752}
.suggestion-swipe-hint,.journal-suggestion-all{display:none}
.journal-suggestion-grid:focus-visible{outline:2px solid #41794e;outline-offset:5px;border-radius:4px}
@media(min-width:1101px){
 .journal-article{max-width:1280px}
 .journal-article>header,.journal-article>.content-engagement,.journal-reading,.journal-suggestions{max-width:1120px}
 .journal-article .back-link{max-width:1120px;margin-left:auto;margin-right:auto}
 .journal-article>header h1{max-width:1040px}
 .journal-reading .journal-photo{width:43%;max-width:460px;margin-left:36px;margin-bottom:28px}
 .journal-reading .article-body{font-size:18px;line-height:1.85}
}
@media(max-width:800px){.journal-suggestion-grid{grid-template-columns:1fr;gap:16px}.journal-suggestion{grid-template-columns:96px minmax(0,1fr)}.journal-suggestion h3{font-size:16px}.journal-suggestion small{font-size:12px}}
@media(max-width:600px){
 .journal-article .back-link{margin-bottom:20px}
 .journal-article>header h1{font-size:29px;line-height:1.22}
 .journal-article>header .detail-summary{font-size:14px;line-height:1.7}
 .journal-reading{margin-top:20px}
 .journal-reading .journal-photo{float:none;width:100%;max-width:none;margin:0 0 24px}
 .journal-reading .article-image{max-height:260px}
 .journal-reading .article-body{font-size:16px;line-height:1.8}
 .journal-reading .article-body h2{font-size:22px}
 .journal-reading .article-body h3{font-size:19px}
 .journal-suggestions .section-heading{display:block}
 .journal-suggestions .section-heading{margin-bottom:6px}
 .journal-suggestions .section-heading>a{display:none}
 .journal-suggestions h2{font-size:20px}
 .suggestion-swipe-hint{display:block;font-size:11px;line-height:1.5;color:#526758;margin:0 0 10px}
 .journal-suggestion-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(100% - 32px);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:4px;margin:0 -4px;padding:4px 4px 13px;scrollbar-width:thin;scrollbar-color:#9aaf92 #edf1e8;align-items:stretch}
 .journal-suggestion-grid::-webkit-scrollbar{height:4px}
 .journal-suggestion-grid::-webkit-scrollbar-track{background:#edf1e8;border-radius:4px}
 .journal-suggestion-grid::-webkit-scrollbar-thumb{background:#9aaf92;border-radius:4px}
 .journal-suggestion-grid>.journal-suggestion,.journal-suggestion-all{scroll-snap-align:start;scroll-snap-stop:always;min-width:0;border:1px solid #dce5db;border-radius:12px;padding:12px;min-height:130px}
 .journal-suggestion-grid>.journal-suggestion{grid-template-columns:88px minmax(0,1fr);gap:12px;background:#fff}
 .journal-suggestion-grid .journal-suggestion h3{font-size:14px;line-height:1.4}
 .journal-suggestion-grid .journal-suggestion small{font-size:11px;line-height:1.5}
 .journal-suggestion-all{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf3e5;color:#234d39;text-decoration:none;padding:20px}
 .journal-suggestion-all>span{display:flex;flex-direction:column;gap:12px}
 .journal-suggestion-all strong{font-size:17px;line-height:1.35;max-width:180px}
 .journal-suggestion-all>span>.icon{width:28px;height:28px;color:#41794e}
 .journal-suggestion-all>.icon{width:30px;height:30px;flex:none}
 .journal-suggestion-all:hover{background:#e1edda}
 .journal-suggestion-all:focus-visible{outline:2px solid #41794e;outline-offset:2px}
}