/* Petit Town's article pages and homepage reading section. */
header nav{gap:18px;font-size:15px}
header nav a[aria-current]{text-decoration:underline;text-underline-offset:6px}
.journal-home{background:#fff9ee;border-top:1px solid #47373312;border-bottom:1px solid #47373312}
.journal-home .section-head p{margin:12px 0 0;max-width:540px}
.journal-home .section-head>.text-link{flex-shrink:0}
.journal-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.journal-card{display:flex;flex-direction:column;background:#fffdf9;border:1px solid #4737331c;border-radius:16px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.journal-card:hover{transform:translateY(-4px);border-color:#b08154;box-shadow:0 10px 25px #4737330a}
.journal-card:focus-visible{outline:3px solid #b08154;outline-offset:4px}
.journal-card-image{aspect-ratio:4/3;overflow:hidden;background:#f6ede4}
.journal-card-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.journal-card:hover .journal-card-image img{transform:scale(1.025)}
.journal-card-body{display:flex;flex-direction:column;flex:1;padding:24px}
.journal-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;letter-spacing:.03em;color:#805e43;margin-bottom:16px}
.journal-card h3,.journal-card h2{font-size:22px;font-weight:600;line-height:1.45;margin:0 0 14px}
.journal-card p{font-size:15px;line-height:1.75;margin:0 0 24px;color:#66544d}
.journal-read{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-family:Quicksand,sans-serif;font-size:14px;font-weight:700;border-top:1px solid #47373316;padding-top:16px}
.journal-read>span{font-size:21px;line-height:1}
.journal-intro{padding-top:44px;padding-bottom:56px;border-bottom:1px solid #47373318}
.journal-intro .breadcrumb{margin-bottom:36px}
.journal-intro h1{font-size:clamp(38px,5vw,62px);line-height:1.25;font-weight:600;margin:12px 0 22px}
.journal-intro>p{font-size:18px;line-height:1.8;max-width:640px;margin:0}
.journal-library{padding-top:48px}
.journal-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.journal-library-heading h2{font-size:25px;margin:0}
.journal-library-heading>span{font-size:14px;color:#805e43}
.journal-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.journal-library-grid .journal-card-body{padding:28px}
.journal-number{font-family:Quicksand,sans-serif;color:#bea593;font-size:18px}
.journal-article-wrap{max-width:900px;padding-top:40px;padding-bottom:72px}
.journal-article-wrap>.breadcrumb{margin-bottom:44px}
.article-heading{padding-bottom:30px;border-bottom:1px solid #47373322;margin-bottom:32px}
.article-heading h1{font-size:clamp(32px,4.2vw,49px);line-height:1.35;font-weight:600;margin:16px 0 20px}
.article-heading .eyebrow{letter-spacing:.08em;font-size:12px}
.article-byline{font-size:14px;color:#805e43;margin:0}
.article-content{font-size:18px;line-height:1.85;overflow-wrap:anywhere}
.article-content p{margin:0 0 24px}
.article-content .article-lead{font-size:20px;line-height:1.8;font-weight:600}
.article-content h2{font-size:27px;line-height:1.45;font-weight:600;margin:42px 0 18px}
.article-content h3{font-size:21px;line-height:1.5;font-weight:600;margin:30px 0 14px}
.article-content ul,.article-content ol{margin:16px 0 28px;padding-left:28px}
.article-content li{margin-bottom:12px;padding-left:6px}
.article-content a{text-decoration:underline;text-underline-offset:3px;color:#825432}
.article-content a:hover{color:#473733}
.article-content .article-sources-heading{font-size:21px;border-top:1px solid #47373322;padding-top:28px}
.article-sources-heading+ul{font-size:15px;line-height:1.85}
.article-signature{font-size:15px;line-height:1.9;border-top:1px solid #47373318;padding-top:26px;margin-top:36px;color:#805e43}
.article-return{border-top:1px solid #47373322;margin-top:40px;padding-top:32px}
@media(max-width:1100px){header{height:auto;flex-wrap:wrap;padding-top:15px;padding-bottom:15px;gap:15px}header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:12px 22px}.journal-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){header nav{justify-content:space-between;font-size:14px;gap:8px 15px}header nav a{flex:0 0 calc(50% - 8px);white-space:normal}.journal-home .section-head{align-items:start;flex-direction:column;gap:22px}.journal-featured-grid,.journal-library-grid{grid-template-columns:minmax(0,1fr);gap:22px}.journal-card-photo{display:block}.journal-card-body,.journal-library-grid .journal-card-body{padding:24px}.journal-card h3,.journal-card h2{font-size:23px}.journal-card-image{aspect-ratio:16/10}.journal-intro{padding-top:28px;padding-bottom:36px}.journal-intro .breadcrumb{margin-bottom:28px}.journal-intro>p{font-size:17px}.journal-library{padding-top:32px}.journal-library-heading{align-items:baseline}.journal-article-wrap{padding-top:28px;padding-bottom:48px}.journal-article-wrap>.breadcrumb{margin-bottom:28px;font-size:13px}.article-heading{padding-bottom:24px;margin-bottom:26px}.article-heading h1{font-size:31px}.article-content{font-size:17px;line-height:1.85}.article-content .article-lead{font-size:18px}.article-content h2{font-size:25px;margin-top:34px}.article-content h3{font-size:20px}.article-return .button{font-size:14px}.article-sources-heading+ul{font-size:14px}}
@media(prefers-reduced-motion:reduce){.journal-card,.journal-card-image img{transition:none}.journal-card:hover{transform:none}.journal-card:hover .journal-card-image img{transform:none}}
