/* Scoped additions to the current production article layout. */
.pack-review{background:#183d69;color:#fff;padding:8px 5%;font:500 12px/1.5 Manrope,sans-serif;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.pack-review a{text-decoration:underline;text-underline-offset:3px}
.ar-head .ar-author{border:1px solid #b7cbdc;background:#eaf1f7;border-radius:14px;padding:18px;display:flex;gap:16px;align-items:center;margin-top:24px}.ar-head .ar-author img{width:84px;height:84px;min-width:84px;object-fit:cover;object-position:50% 20%;border-radius:50%}.ar-author a{text-decoration:underline}.ar-head .ar-author p{margin:0!important;font:500 14px/1.65 Manrope,sans-serif!important}.ar-author-post{display:block;font-size:12px}.ar-head .ar-author .ar-author-role{font-size:12px!important;margin-top:6px!important}
.ar-body p,.ar-body .editorial{font:400 18px/1.75 Manrope,sans-serif!important}.ar-body p a:not(.pill){text-decoration:underline;text-underline-offset:3px}.ar-section{scroll-margin-top:120px}.ar-figure{background:#f6f5ef}.figure-open{display:block;width:100%;position:relative;padding:0;background:#f6f5ef;border-radius:14px;overflow:hidden;cursor:zoom-in}.figure-open img{width:100%;height:auto}.figure-plus{position:absolute;right:12px;top:12px;background:#f6f5ef;color:#183d69;border:1.5px solid #183d69;border-radius:50%;width:30px;height:30px;font:500 26px/26px Manrope;box-shadow:0 2px 6px #0001}.lab-overlay{position:absolute;inset:0;pointer-events:none}.lab-label{position:absolute;left:var(--x);top:var(--y);font:600 13px/1.4 Manrope,sans-serif;color:#183d69}.lab-desktop{background:#f6f5efed;border:1px solid #cad4dc;border-radius:6px;padding:4px 7px;white-space:nowrap}.lab-number{display:none}.lab-legend{display:none}.fig-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center;font:600 16px/1.5 Manrope;margin:0 0 8px}.ar-figure figcaption{font:400 14px/1.65 Manrope,sans-serif!important;max-width:none!important;margin-top:12px!important}.pack-simulator{margin:24px 0}.pack-simulator .compare{width:100%;max-width:none;padding:0;background:transparent;border:0}.pack-simulator figcaption{padding:12px 0;font:400 14px/1.65 Manrope}.pack-video{margin:28px 0;padding:22px;border:1px solid #c7d4df;border-radius:16px;background:#eaf1f7}.pack-video h3{margin-bottom:14px}.pack-video .yt-stage{aspect-ratio:16/9}.pack-video .yt-facade{width:100%;height:100%;padding:0;border-radius:12px;overflow:hidden;display:block;background:#183d69}.pack-video .yt-thumb{display:block;width:100%;height:100%;position:relative}.pack-video .yt-thumb img{width:100%;height:100%;object-fit:cover}.pack-video .yt-name{display:none}.pack-video .pill{margin-top:16px}.pack-links{display:flex;flex-wrap:wrap;gap:12px}.ar-related{margin:28px 0}.ar-related h3{margin-bottom:15px}.ar-references{overflow-wrap:anywhere}.ar-body #urgent{background:#eaf1f7;border:1px solid #b7cbdc;padding:24px;border-radius:16px}.ar-body #urgent h2{margin-top:0}
#figure-viewer{border:1px solid #b7cbdc;border-radius:16px;background:#f6f5ef;color:#183d69;width:min(1280px,96vw);max-width:96vw;max-height:94svh;padding:16px}#figure-viewer::backdrop{background:#10263bc9}.viewer-close{display:block;margin:0 0 12px auto;padding:10px 18px;border-radius:30px;background:#183d69;color:white;font-weight:600}.viewer-content figure{margin:0}.viewer-content .figure-open{pointer-events:none;cursor:default}.viewer-content .figure-plus{display:none}.viewer-content img{max-height:72svh;object-fit:contain}.viewer-content .lab-overlay{display:none}.viewer-content .lab-legend{display:flex;flex-wrap:wrap;gap:12px;font:500 14px/1.5 Manrope;margin-top:8px}.viewer-content .fig-panels{font-size:18px}
@media(max-width:700px){.lab-desktop{display:none}.lab-number{display:grid;place-items:center;background:#f6f5ef;border:1px solid #183d69;width:23px;height:23px;border-radius:50%;font-size:12px}.lab-legend{display:flex;flex-wrap:wrap;gap:6px 16px;font:500 12px/1.5 Manrope;margin-top:10px}.fig-panels{font-size:13px;gap:8px}.ar-head .ar-author{padding:14px;gap:12px}.ar-body #urgent{padding:20px}.pack-video{padding:16px}.ar-body p,.ar-body .editorial{font-size:18px!important}.figure-plus{width:26px;height:26px;line-height:23px;font-size:22px;right:8px;top:8px}}
/* Keep the opening image beside the answer and byline on wide screens. */
@media(min-width:1060px){html body main .ar-head{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:36px;align-items:center;min-height:0!important}html body main .ar-head>.ar-figure{margin:0!important}html body main .ar-head-inner{max-width:none}html body main .ar-head h1{font-size:42px!important}}
@media(max-width:1059px){html body main .ar-head>.ar-figure{max-width:680px;margin:24px auto 0}}
/* Review captures and local reading stay steady after scrolling. */
html body .ar-section,html body .ar-section>*{opacity:1!important;transform:none!important}
html body .ar-references a{display:inline!important;text-decoration:underline!important;padding:0!important;border:0!important}html body .ar-references a::after{display:none!important}html body .ar-references a .aes-link-label{display:inline!important}html body .ar-references .aes-arrow{display:none!important}
#figure-viewer .viewer-content .figure-open{max-width:1080px;margin:auto}#figure-viewer .viewer-content img{max-height:none;height:auto}#figure-viewer .viewer-content .lab-overlay{display:block}#figure-viewer .viewer-content .lab-legend{display:none}
@media(max-width:700px){#figure-viewer .viewer-content .lab-legend{display:flex}}
/* Subtle vector outlines on the selected collagen panels. */
.figure-detail{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.figure-detail circle{fill:none;stroke:#68747b;stroke-width:3.8;stroke-opacity:.38}
/* Bibliographic titles flow as text; do not split punctuation into flex items. */
html body #main #references a,html body #main #references .aes-arrow-label,html body #main #references .aes-link-label{display:inline!important;text-decoration:underline!important}
html body #main #references .aes-arrow{display:none!important}

/* Author portrait: 84 px desktop, 76 px phone (article-layout byline rule). */
@media(max-width:700px){.ar-head .ar-author img{width:76px!important;height:76px!important;min-width:76px!important}}
/* Peripheral questions: independent details items, one Expand all / Collapse all pill. */
.fold-tools{display:flex;justify-content:flex-end;margin:4px 0 12px}
.ar-qs{border-top:1px solid #c7d4df}
.ar-q{border-bottom:1px solid #c7d4df}
.ar-q summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;cursor:pointer}
.ar-q summary::-webkit-details-marker{display:none}
.ar-q summary h3{margin:0!important;font-size:19px!important;line-height:1.35!important}
.ar-q-plus{flex:none;width:30px;height:30px;border:1.5px solid #183d69;border-radius:50%;position:relative}
.ar-q-plus::before,.ar-q-plus::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#183d69;transform:translate(-50%,-50%)}
.ar-q-plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}
.ar-q[open] .ar-q-plus::after{transform:translate(-50%,-50%) rotate(0)}
.ar-q>p,.ar-q>ul{margin:0 0 16px!important}
.ar-q summary:focus-visible{outline:3px solid #2f6fb0;outline-offset:3px}
/* Published-article clipping. */
.pack-clip{display:grid;grid-template-columns:150px minmax(0,1fr);gap:22px;align-items:center;border:1px solid #c7d4df;border-radius:16px;background:#fff;padding:20px;margin:24px 0}
.pack-clip-thumb img{width:150px;height:auto;border:1px solid #c7d4df;border-radius:6px;display:block}
.pack-clip h3{margin:0 0 8px!important}
.pack-clip p{margin:0 0 12px!important}
.pack-clip-kicker{font:600 14px/1.4 Manrope,sans-serif!important;color:#40597a}
.pack-video-note{font-size:14px!important;margin:12px 0 0!important}
@media(max-width:560px){.pack-clip{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:14px}.pack-clip-thumb img{width:96px}}

/* Body text 18 px at every width (article type scale); phone rule was being overridden. */
html body #main .ar-body p,html body #main .ar-body li,html body #main .ar-body td{font-size:18px!important;line-height:1.7!important}
html body #main .ar-body .ar-references li{font-size:15px!important;line-height:1.6!important}
/* Source image has an empty lower band: crop it inline; the enlarged view shows the whole image. */
.ar-body .fig-crop .figure-open img{aspect-ratio:1536/880;object-fit:cover;object-position:50% 0}
.viewer-content .fig-crop .figure-open img{aspect-ratio:auto}
/* Phone chart art direction: keep the phone SVG at its own aspect, never cropped. */
@media(max-width:700px){html body #main #fig-chart .figure-open img{aspect-ratio:720/780!important;height:auto!important;object-fit:contain!important}}
html body #main .ar-body .pack-clip-kicker,html body #main .ar-body .pack-video-note{font-size:14px!important;line-height:1.5!important}
@media(max-width:560px){.pack-clip{align-items:start}}
/* Video: the player replaces the facade inside .yt-live; size it to fill the 16:9 stage
   (article pages do not load the stylesheet that sizes .yt-live elsewhere). */
.pack-video .yt-stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#183d69}
.pack-video .yt-live{position:absolute;inset:0;width:100%;height:100%}
.pack-video .yt-live iframe{display:block;width:100%;height:100%;border:0}
.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ar-body .pair-label{font:600 16px/1.5 Manrope,sans-serif!important;text-align:center;margin:0 0 8px!important;color:#183d69}.viewer-content .pair-grid{grid-template-columns:1fr}
@media(max-width:700px){.pair-grid{grid-template-columns:1fr;gap:18px}.ar-body .pair-label{font-size:15px!important}}

.ar-body #references{margin-top:34px}
.pair-mark{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f6f5efee;border:1.5px solid #183d69;color:#183d69;font:700 12px/1 Manrope,sans-serif;pointer-events:none}
.pair-legend{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:12px;font:500 15px/1.5 Manrope,sans-serif;color:#183d69}.pair-legend b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1.5px solid #183d69;font-size:12px;margin-right:6px}
.viewer-content .pair-mark{width:30px;height:30px;font-size:14px}
.ar-body .pair-note{font:500 15px/1.5 Manrope,sans-serif!important;text-align:center;margin:8px 0 0!important;color:#183d69}