.journal{--journal-ink:color-mix(in oklab,var(--color-care) 72%,var(--color-text));padding-block:var(--space-lg) var(--section-gap)}
.journal a{color:var(--journal-ink);text-underline-offset:.22em;text-decoration-thickness:1px}
.journal a:focus-visible{outline:2px solid var(--journal-ink);outline-offset:5px;border-radius:2px}
.journal__back{display:inline-block;font-size:var(--text-sm);margin-bottom:var(--space-lg)}
.journal__hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.journal__hero--text{grid-template-columns:1fr;max-width:52rem;margin-inline:auto}
.journal__eyebrow{color:var(--journal-ink);font-size:var(--text-xs);letter-spacing:.08em;margin-bottom:var(--space-sm)}
.journal h1{font-size:clamp(2.25rem,3.7vw,3.5rem);line-height:1.15;overflow-wrap:break-word}
.journal__lede{font-size:var(--text-lg);line-height:1.65;margin-top:var(--space-md);max-width:56ch}
.journal__meta{font-size:var(--text-xs);margin-top:var(--space-md);color:color-mix(in oklab,var(--color-text) 76%,var(--color-background))}
.journal__cover img{width:100%;height:auto;border-radius:16px}
.journal__body{padding-top:var(--space-xl)}
.journal__body>p,.journal__body>h2,.journal__body>h3,.journal__body>ul,.journal__body>.journal-reading{max-width:62ch;margin-inline:auto}
.journal__body p+p{margin-top:var(--space-sm)}
.journal__body h2{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:1.25;margin-bottom:var(--space-md)}
.journal__body h3{font-size:var(--text-xl);line-height:1.3;margin-bottom:var(--space-xs)}
.journal-reading+.journal-reading{margin-top:var(--space-xl)}
.journal-reading ul{padding-left:1.3em;margin-block:var(--space-md)}
.journal-reading li+li{margin-top:var(--space-xs)}
.journal-toc{max-width:62ch;margin:var(--space-lg) auto var(--space-xl);padding-block:var(--space-md);border-block:1px solid var(--color-rule);display:flex;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;font-size:var(--text-sm)}
.journal-product{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;margin-block:var(--space-2xl);scroll-margin-top:var(--space-lg)}
.journal-product:nth-of-type(even) .journal-product__image{order:2}
.journal-product__image{margin:0}
.journal-product__image img{width:100%;height:auto;max-height:42rem;object-fit:contain;border-radius:16px;background:var(--color-surface)}
.journal-product__number{font-size:var(--text-sm);color:var(--journal-ink);margin-bottom:var(--space-sm);font-weight:500}
.journal-product__copy p+p{margin-top:var(--space-sm)}
.journal__link{display:inline-flex;align-items:center;min-height:48px;margin-top:var(--space-sm);font-weight:500}
.journal-note{font-size:var(--text-sm);border-left:2px solid var(--color-rule);padding-left:var(--space-sm)}
.journal-reasons{padding:var(--space-xl);background:var(--tint-hero);border-radius:16px;margin-block:var(--space-xl)}
.journal-reasons>p{max-width:62ch}
.journal-reasons__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-block:var(--space-lg)}
.journal-reasons__grid p{font-size:var(--text-base)}
.journal-closing{max-width:62ch;margin:var(--space-xl) auto 0;padding-top:var(--space-lg);border-top:1px solid var(--color-rule)}
.journal-closing .button{margin-top:var(--space-md);white-space:normal;text-align:center;color:var(--color-surface);background:var(--journal-ink);text-decoration:none;min-height:48px}
.journal-closing .button:hover{background:var(--color-text)}
.journal__end{max-width:62ch;margin:var(--space-xl) auto 0;font-size:var(--text-sm)}
.journal-index{padding-top:0}
.journal-index__heading{text-align:center;padding-block:clamp(3rem,6.5vw,5.5rem);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-rule)}
.journal-index__heading h1{max-width:24ch;margin-inline:auto;font-size:clamp(2.25rem,4.5vw,4rem);text-wrap:balance}
.journal-index__grid{display:grid;gap:var(--space-lg)}
.journal-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;border-top:1px solid var(--color-rule);padding-top:var(--space-lg)}
.journal-card:first-child{border-top:0;padding-top:0}
.journal-card img{width:100%;border-radius:16px;aspect-ratio:1;object-fit:contain}
.journal-card h2{font-size:var(--text-2xl);margin-block:var(--space-sm) var(--space-md)}
.journal-card h2 a{color:var(--color-text);text-decoration:none}
.journal-card h2 a:hover{text-decoration:underline}
.journal-card__copy{max-width:52ch}
.journal__pagination{margin-top:var(--space-xl);display:flex;gap:var(--space-sm);flex-wrap:wrap}
@media(max-width:959px){.journal__hero,.journal-product,.journal-card{grid-template-columns:1fr;gap:var(--space-lg)}.journal__hero{max-width:42rem;margin-inline:auto}.journal__cover{max-width:36rem}.journal-product{max-width:42rem;margin-inline:auto;margin-block:var(--space-xl)}.journal-product:nth-of-type(even) .journal-product__image{order:0}.journal-product__image{max-width:34rem;width:100%;margin-inline:auto}.journal-reasons{padding:var(--space-lg)}.journal-reasons__grid{grid-template-columns:1fr;gap:var(--space-md)}.journal-card{max-width:42rem}.journal-card img{max-width:36rem}}
@media(max-width:479px){.journal h1{font-size:2.25rem}.journal__body{padding-top:var(--space-lg)}.journal-reasons{padding:var(--space-md)}.journal-closing .button{width:100%}}