/* TZ Portraits Journal (2026-10-06). Sits on top of site.css; only used by blog index + articles. */
.jr-hero{padding-block:clamp(52px,7vw,104px) clamp(28px,4vw,52px);max-width:980px}
.jr-hero h1{font-size:clamp(2.2rem,4.6vw,3.9rem);max-width:20ch}
.jr-hero .lede{max-width:52ch;margin-top:clamp(16px,2vw,26px)}
.jr-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:clamp(16px,2vw,24px);font:400 10.5px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mist)}
.jr-meta a{text-decoration:none;color:var(--olive-deep)}
.jr-feat{margin:0 auto;width:min(var(--maxw),100% - 2*var(--gut));aspect-ratio:21/9;overflow:hidden;background:var(--sand)}
.jr-feat img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.jr-layout{width:min(var(--maxw),100% - 2*var(--gut));margin:clamp(36px,5vw,72px) auto 0;display:grid;grid-template-columns:230px minmax(0,720px);gap:clamp(30px,5vw,90px);justify-content:center;align-items:start}
.jr-toc{position:sticky;top:104px;font-size:14px;line-height:1.5}
.jr-toc b{display:block;font:400 10px/1.5 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--olive-deep);margin-bottom:14px}
.jr-toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.jr-toc li a{display:block;padding:8px 0 8px 16px;text-decoration:none;color:var(--slate);margin-left:-1px;border-left:1px solid transparent}
.jr-toc li a:hover{color:var(--ink);border-left-color:var(--olive-deep)}
.jr-toc details>summary{cursor:pointer;list-style:none}
.jr-content{font-size:17.5px;line-height:1.85;color:var(--slate)}
.jr-content>*:first-child{margin-top:0}
.jr-content p{margin:0 0 1.4em}
.jr-content h2{font-size:clamp(1.65rem,2.7vw,2.25rem);margin:2.1em 0 .7em;scroll-margin-top:100px}
.jr-content h3{font-size:clamp(1.25rem,1.8vw,1.5rem);margin:1.8em 0 .6em}
.jr-content a{color:var(--olive-deep);text-underline-offset:3px}
.jr-content a:hover{color:var(--ink)}
.jr-content ul,.jr-content ol{margin:0 0 1.5em;padding-left:1.2em}
.jr-content li{margin-bottom:.6em}
.jr-content strong{color:var(--ink);font-weight:400}
.jr-content table{width:100%;border-collapse:collapse;margin:0 0 1.8em;font-size:15.5px}
.jr-content th,.jr-content td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.jr-content th{font:400 10.5px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--olive-deep);background:var(--sky)}
.jr-content blockquote{margin:2em 0;padding:6px 0 6px 26px;border-left:2px solid var(--olive);font-family:var(--accent);font-style:italic;font-size:1.35em;line-height:1.5;color:var(--ink)}
.jr-content .quick-answer{background:var(--sand);border-left:3px solid var(--olive-deep);padding:22px 26px;margin:0 0 2.2em;font-size:17px;color:var(--ink)}
.jr-content .quick-answer strong{font:400 10.5px/1.5 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--olive-deep);margin-right:8px}
.jr-content .tz-extra{margin-top:2.4em;padding-top:1.4em;border-top:1px solid var(--line)}
.jr-content .tz-checklist{background:var(--paper);border:1px solid var(--line);padding:22px 28px 10px;margin:0 0 1.8em}
.jr-content .tz-checklist ul{list-style:none;padding:0}
.jr-content .tz-checklist li{padding:10px 0 10px 28px;border-bottom:1px solid var(--line);position:relative;margin:0}
.jr-content .tz-checklist li:last-child{border-bottom:0}
.jr-content .tz-checklist li::before{content:'';position:absolute;left:0;top:21px;width:12px;height:1px;background:var(--olive-deep)}
.jr-fig{margin:2.4em 0;width:calc(100% + 120px);margin-left:-60px}
.jr-fig img{width:100%;height:auto;max-height:620px;object-fit:cover;object-position:50% 30%}
.jr-fig--tall{width:min(100%,430px);margin-left:auto;margin-right:auto}
.jr-fig--tall img{max-height:none}
.jr-fig figcaption{font-size:13px;color:var(--mist);margin-top:10px;line-height:1.5}
.jr-fig--tall figcaption{text-align:center}
.jr-cta{margin:3em 0 0;background:var(--olive-deep);color:#DCD7CA;padding:clamp(28px,4vw,48px)}
.jr-cta .eyebrow{color:#E6DFCF}
.jr-cta h3{color:#fff;font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 14px}
.jr-cta p{color:#DCD7CA;margin:0 0 22px}
.jr-cta .actions{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.jr-cta .btn{background:#fff;color:var(--ink);border-color:#fff}
.jr-cta .tlink{color:#fff;box-shadow:inset 0 -1px 0 #fff}
.jr-more{padding-block:clamp(60px,8vw,120px)}
.jr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,30px)}
.jr-card{background:var(--paper);border:1px solid var(--line);text-decoration:none;display:flex;flex-direction:column;transition:transform .7s var(--ease)}
.jr-card:hover{transform:translateY(-5px)}
.jr-card .ph{aspect-ratio:3/2}
.jr-card .ph img{object-position:50% 30%}
.jr-card__body{padding:clamp(20px,2.2vw,30px);display:flex;flex-direction:column;gap:10px;flex:1}
.jr-card h3{font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.22}
.jr-card p{margin:0;font-size:14.5px;line-height:1.7;color:var(--slate)}
.jr-card .micro{color:var(--olive-deep)}
.jr-card__foot{margin-top:auto;padding-top:8px}
.jr-lead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:0;background:var(--paper);border:1px solid var(--line);text-decoration:none;margin-bottom:clamp(18px,2.4vw,34px)}
.jr-lead .ph{aspect-ratio:auto;min-height:420px}
.jr-lead .jr-card__body{padding:clamp(28px,4vw,64px);justify-content:center}
.jr-lead h2{font-size:clamp(1.8rem,3vw,2.7rem)}
.jr-chips{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 clamp(28px,4vw,52px)}
.jr-chips a{font:400 10.5px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--slate);border:1px solid var(--sand-2);padding:12px 18px;transition:all .4s var(--ease)}
.jr-chips a:hover,.jr-chips a[aria-current]{background:var(--olive-deep);border-color:var(--olive-deep);color:#fff}
.jr-pages{display:flex;gap:10px;justify-content:center;margin-top:clamp(34px,5vw,64px);flex-wrap:wrap}
.jr-pages a,.jr-pages span{font:400 12px/1 var(--sans);letter-spacing:.14em;padding:12px 16px;border:1px solid var(--sand-2);text-decoration:none}
.jr-pages .current{background:var(--olive-deep);color:#fff;border-color:var(--olive-deep)}
@media(max-width:1100px){.jr-layout{grid-template-columns:minmax(0,720px)}.jr-toc{position:static;border:1px solid var(--line);background:var(--paper);padding:16px 20px}.jr-fig{width:100%;margin-left:0}}
@media(max-width:900px){.jr-grid{grid-template-columns:repeat(2,1fr)}.jr-lead{grid-template-columns:1fr}.jr-lead .ph{min-height:0;aspect-ratio:3/2}}
@media(max-width:600px){.jr-grid{grid-template-columns:1fr}.jr-content{font-size:16.5px}.jr-feat{aspect-ratio:4/3}}