/* Shared by the English-master Longevity article and its translations. */
.longevity-guide{--ink:#252a2e;--ice:#e5eef2;--quiet:#4d5961;--rule:#b7c4ca;color:var(--ink);background:#fff}
.longevity-opening{padding-top:clamp(40px,6vw,80px);padding-bottom:40px;border-bottom:1px solid var(--rule)}
.longevity-opening h1{font-size:clamp(46px,6vw,78px);line-height:1.07;letter-spacing:-.035em;margin:22px 0;max-width:850px}
.longevity-opening .longevity-deck{font-size:clamp(23px,2.6vw,32px);line-height:1.4;max-width:860px;color:var(--ink)}
.longevity-opening>p:not(.eyebrow):not(.longevity-deck):not(.longevity-meta){max-width:800px;font-size:18px;line-height:1.75}
.longevity-meta{font-size:13px;color:var(--quiet);margin-top:26px}
.longevity-layout{padding-top:48px;padding-bottom:70px;grid-template-columns:210px minmax(0,820px);gap:clamp(36px,5vw,84px);justify-content:space-between}
.longevity-guide .toc{align-self:start;position:sticky;top:120px;max-height:calc(100vh - 140px);overflow:auto}
.longevity-guide .toc nav{display:flex;flex-direction:column;align-items:start;gap:3px}
.longevity-guide .toc a{font-size:14px;line-height:1.45;padding:10px 0;min-height:44px}
.longevity-body{min-width:0;max-width:820px}
.longevity-body>section{padding:0 0 48px;margin:0 0 48px;border-bottom:1px solid var(--rule)}
.longevity-body h2{font-size:clamp(27px,3vw,36px);line-height:1.2;letter-spacing:-.015em;margin:0 0 25px}
.longevity-body h3{font-size:23px;line-height:1.35;margin:35px 0 14px;letter-spacing:-.01em}
.longevity-body p,.longevity-body li,.longevity-body dd{font-size:17px;line-height:1.8}
.longevity-body p{margin:0 0 20px;max-width:76ch}
.longevity-body .section-lead{font-size:21px;line-height:1.6;color:var(--quiet)}
.longevity-guide a{color:inherit;text-underline-offset:4px}
.longevity-guide a:focus-visible,.longevity-guide summary:focus-visible{outline:3px solid #36585c;outline-offset:4px}
.longevity-guide [id]{scroll-margin-top:135px}
.longevity-body .evidence-link{font-size:12px;white-space:nowrap;padding:6px 2px;vertical-align:baseline}
.time-line{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 10px;border-top:2px solid var(--ink)}
.time-line>div{padding-top:18px}.time-line strong{font-size:18px}.time-line p{font-size:15px;margin-top:12px;line-height:1.6}
.longevity-body .figure-note{font-size:13px;line-height:1.6;color:var(--quiet)}
.foundation-relationship,.quantity-note,.core-perspective{background:var(--ice);padding:28px 32px;margin:30px 0}
.longevity-body .foundation-relationship h3,.longevity-body .core-perspective h3{margin-top:0}
.relationship-line{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.relationship-line a{font-size:22px;padding:8px 0}.relationship-line span{color:var(--quiet)}
.quantity-note strong{font-size:27px;font-weight:500;display:block;margin-bottom:12px}.quantity-note p:last-child,.core-perspective p:last-child{margin-bottom:0}
.meaning-list{margin:24px 0}.meaning-list>div{display:grid;grid-template-columns:125px 1fr;gap:22px;border-top:1px solid var(--rule);padding:17px 0}.meaning-list dt{font-weight:600}.meaning-list dd{margin:0}
.meaning-table{margin:25px 0}.meaning-table table{border-collapse:collapse;width:100%;table-layout:fixed}.meaning-table caption{text-align:left;font-size:15px;margin-bottom:15px}.meaning-table th,.meaning-table td{padding:16px 12px;text-align:left;vertical-align:top;font-size:15px;line-height:1.65;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.meaning-table thead{background:var(--ice)}
.cell-journey{margin:32px 0;padding:30px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.cell-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:22px}
.cell-journey-grid>div{min-width:0}.cell-journey svg{width:100%;height:auto;max-height:170px;display:block}
.cell-outline,.crista-line{fill:none;stroke:var(--ink);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.cell-fill{fill:#fff;stroke:var(--ink);stroke-width:2}.mito-fill{fill:#d7e7ee;stroke:var(--ink);stroke-width:2.5}
.longevity-body .cell-journey h3{margin-top:12px}.cell-journey h4{font-size:18px;margin:20px 0 12px}.cell-journey-grid p{font-size:15px;line-height:1.65}.longevity-body .atp-line{padding:18px;background:var(--ice);font-size:18px;text-align:center;margin-top:25px}
.evidence-lenses{border-left:2px solid var(--ink);padding-left:25px}.formulation-questions{columns:2;column-gap:35px;padding-left:22px}.formulation-questions li{break-inside:avoid;margin-bottom:12px}
.longevity-sources{padding-left:24px}.longevity-sources>li{padding:18px 0 22px 5px;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}.longevity-body .longevity-sources h3{font-size:17px;line-height:1.5;margin:0 0 10px}.longevity-body .longevity-sources p{font-size:14px;line-height:1.65;margin-bottom:10px}.longevity-sources summary{font-size:13px;padding:12px 0;cursor:pointer;min-height:44px}.longevity-sources details p{color:var(--quiet)}
@media(max-width:900px){.longevity-layout{grid-template-columns:1fr;gap:32px}.longevity-guide .toc{position:static;max-height:none}.longevity-guide .toc nav{flex-direction:row;flex-wrap:wrap;gap:0 22px}.longevity-opening h1{font-size:52px}}
@media(max-width:600px){.longevity-opening h1{font-size:44px}.longevity-opening{padding-top:32px}.longevity-layout{padding-top:28px}.longevity-body p,.longevity-body li,.longevity-body dd{font-size:16px}.longevity-body>section{margin-bottom:35px;padding-bottom:35px}.longevity-body h3{font-size:21px}.time-line{grid-template-columns:1fr;gap:0;border-top:0;border-left:2px solid var(--ink);padding-left:20px}.time-line>div{padding-top:5px}.foundation-relationship,.quantity-note,.core-perspective{padding:22px}.relationship-line{gap:9px}.relationship-line a{font-size:18px}.meaning-list>div{grid-template-columns:1fr;gap:8px}.meaning-table table,.meaning-table tbody,.meaning-table tr,.meaning-table th,.meaning-table td{display:block;width:100%}.meaning-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.meaning-table tbody th{background:var(--ice);border:0;margin-top:18px}.meaning-table td{border:0;padding-top:8px;padding-bottom:8px}.meaning-table tr{border-bottom:1px solid var(--rule);padding-bottom:12px}.cell-journey-grid{grid-template-columns:1fr;gap:20px}.cell-journey-grid>div{display:grid;grid-template-columns:100px 1fr;gap:0 16px;border-bottom:1px solid var(--rule);padding-bottom:16px}.cell-journey svg{grid-row:1 / 3;align-self:center}.cell-journey h4{margin:0 0 8px}.cell-journey-grid p{margin:0}.formulation-questions{columns:1}}
@media print{.longevity-guide .toc{position:static}.longevity-layout{display:block}.longevity-sources details{display:block}.cell-journey,.quantity-note{break-inside:avoid}}

/* Four editorial illustrations share one downloaded image; prose remains accessible HTML. */
.cell-journey-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cell-art{width:100%;aspect-ratio:3/4;overflow:hidden;position:relative;background:#fff}
.cell-art img{position:absolute;max-width:none;width:400%;height:100%;object-fit:fill;top:0}
.cell-art-0 img{left:0}.cell-art-1 img{left:-100%}.cell-art-2 img{left:-200%}.cell-art-3 img{left:-300%}
@media(min-width:601px) and (max-width:1100px){.cell-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.cell-journey-grid{grid-template-columns:1fr;gap:28px}.cell-journey-grid>div{display:block;padding-bottom:24px}.cell-art{max-width:260px;margin:0 auto 16px}.cell-journey h4{font-size:20px}.cell-journey-grid p{margin-top:8px}}
/* Japanese uses the same layout with metrics suited to full-width glyphs. */
html:lang(ja) .longevity-opening h1{font-size:clamp(32px,4.5vw,54px);line-height:1.45;letter-spacing:.015em;max-width:1000px;text-wrap:balance}
html:lang(ja) .longevity-opening .longevity-deck{font-size:clamp(20px,2.2vw,27px);line-height:1.7}
html:lang(ja) .longevity-body h2{line-height:1.55;letter-spacing:.015em}
html:lang(ja) .longevity-body h3{line-height:1.6;letter-spacing:0}
html:lang(ja) .longevity-guide .toc a{line-height:1.65}
