.journal-illustrated .tutorial-header{max-width:1050px}.journal-illustration-disclosure{border-top:1px solid #bfc2c7;max-width:900px;margin-top:32px;padding-top:24px;font-size:15px}.journal-illustration-disclosure>strong{font:400 19px/1.5 var(--font-marker)}.journal-illustration-disclosure p{margin-top:8px}.journal-illustrated .journal-cover{max-width:1120px}.journal-illustrated .tutorial-prose h2{margin-top:56px;padding-top:28px;font-size:clamp(32px,3vw,42px);position:relative}.journal-illustrated .tutorial-prose h2:before{content:"";background:var(--color-orange);clip-path:polygon(0 20%,97% 0,100% 65%,3% 100%);width:76px;height:8px;position:absolute;top:0;left:0;transform:rotate(-3deg)}.journal-illustrated .tutorial-prose>h2:first-child{margin-top:32px}.journal-illustrated .tutorial-prose>p{margin-bottom:20px}.journal-illustrated .journal-figure{margin:32px 0}.journal-illustrated .journal-image-link{background:#fbf2df;border:1px solid #ddd3bd;text-decoration:none;display:block;position:relative}.journal-illustrated .journal-image-link img{width:100%;height:auto;margin:0}.journal-image-action{background:var(--color-charcoal);color:#fff;font:700 13px/1.5 var(--font-body);text-align:right;min-height:44px;padding:11px 16px;display:block}.journal-image-action:before{content:"+";float:left;color:var(--color-orange);font-size:20px;line-height:1}.journal-illustrated figcaption{color:#535a63;margin-top:12px;font-size:14px;line-height:1.65}.journal-illustrated figcaption>strong{color:var(--color-charcoal);display:block}.journal-illustrated .journal-field-note{border-left:4px solid var(--color-orange-strong);background:#fcf5e8;margin-block:28px;padding:20px 24px;font-size:15px;line-height:1.75}.journal-field-note>strong{font:400 16px/1.5 var(--font-marker);margin-bottom:8px;display:block}.journal-illustrated .journal-pullquote{border:0;background:0 0;border-block:1px solid #bfc2c7;margin:40px 0;padding:30px 0}.journal-pullquote p{font:800 clamp(34px, 3.4vw, 48px)/1.12 var(--font-display);max-width:620px}.journal-pullquote em{font:400 .75em/1.5 var(--font-marker);text-decoration:underline;text-decoration-color:var(--color-orange);text-underline-offset:6px;text-decoration-thickness:5px}.journal-unit{white-space:nowrap}.journal-illustrated .journal-review-note{margin-top:12px;font-size:14px;line-height:1.7}.journal-review-note>summary{cursor:pointer;color:var(--color-orange-strong);padding:12px 0;font-weight:700}.journal-review-note p{margin:8px 0 16px}.illustration-viewer{width:min(1400px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--color-charcoal);background:#fffdf8;border:1px solid #bfc2c7;padding:20px}.illustration-viewer[open]{flex-direction:column;display:flex}.illustration-viewer::backdrop{background:#0f1217e0}.illustration-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.illustration-toolbar h2{margin-right:auto;font-size:28px}.illustration-toolbar button{cursor:pointer;border:1px solid var(--color-charcoal);min-height:44px;color:var(--color-charcoal);background:#fff;padding:8px 16px;font-size:14px;font-weight:700}.illustration-toolbar [data-illustration-close]{background:var(--color-charcoal);color:#fff}.illustration-viewer :focus-visible{outline:3px solid var(--color-orange-strong);outline-offset:3px}.illustration-viewer p{margin:12px 0;font-size:14px;line-height:1.6}.illustration-canvas{overscroll-behavior:contain;background:#f3ecdf;border:1px solid #ddd3bd;min-height:0;max-height:72dvh;overflow:auto}.illustration-canvas img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:70dvh;margin:auto;display:block}.illustration-canvas.is-zoomed img{width:auto;max-width:none;max-height:none;margin:0}.illustration-context{font-weight:700}.illustration-file{padding-block:10px;font-size:14px;display:inline-block}@media (width>=1201px){.journal-illustrated .tutorial-toc{align-self:start;position:sticky;top:24px}}@media (width<=1000px){.journal-illustrated .tutorial-columns{grid-template-columns:minmax(0,1fr)}.journal-illustrated .tutorial-toc ol{columns:2;column-gap:40px}}@media (width<=540px){.journal-illustrated .tutorial-toc ol{columns:1}.journal-illustrated .journal-field-note{padding:16px}.illustration-viewer{width:100vw;max-height:100dvh;padding:8px}.illustration-toolbar{gap:8px}.illustration-toolbar h2{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.illustration-toolbar{flex-wrap:nowrap;justify-content:space-between}.illustration-viewer p{margin:8px 0;font-size:12px;line-height:1.45}.illustration-caption{display:none}.illustration-canvas{max-height:calc(100dvh - 170px)}.illustration-canvas img{max-height:calc(100dvh - 172px)}.illustration-file{align-self:flex-start;min-height:44px}}@media (prefers-reduced-motion:no-preference){.journal-image-action{transition:background-color .16s}.journal-image-link:hover .journal-image-action{background:#983a0d}}@media (prefers-reduced-motion:reduce){.illustration-viewer,.illustration-viewer *{scroll-behavior:auto;transition:none;animation:none}}.graphic-essay .editorial-preview{max-width:1120px;margin-bottom:40px}.graphic-essay .tutorial-header{max-width:1040px;margin-block:32px}.graphic-essay .tutorial-header h1{max-width:1020px;font-size:clamp(44px,5.7vw,80px);line-height:.98}.graphic-essay .tutorial-deck{max-width:800px;font-size:clamp(19px,2vw,23px);line-height:1.6}.graphic-essay .tutorial-deck em{color:inherit;font-style:italic}.graphic-essay .journal-illustration-disclosure{max-width:800px;margin-block:28px;padding-top:18px;font-size:13px}.graphic-essay .journal-illustration-disclosure>strong{font:700 13px/1.5 var(--font-body)}.graphic-essay .journal-cover{margin-block:36px 48px}.graphic-essay .tutorial-columns{display:block}.graphic-essay .tutorial-toc{border-block:1px solid #bfc2c7;max-width:1120px;margin-bottom:48px;padding-block:18px;position:static}.graphic-essay .tutorial-toc ol{flex-wrap:wrap;gap:4px 32px;margin-top:8px;padding:0;list-style:none;display:flex}.graphic-essay .tutorial-toc a{min-height:44px;padding-block:12px}.graphic-essay .tutorial-prose{max-width:720px;margin-inline:auto;font-size:18px;line-height:1.85}.graphic-essay .tutorial-prose>p{margin-bottom:24px}.graphic-essay .tutorial-prose h2{margin-top:72px;scroll-margin-top:180px}.graphic-essay .tutorial-prose hr{border:0;border-top:1px solid #a9adb2;margin-block:64px}.graphic-essay .essay-figure{margin-block:44px}.graphic-essay .essay-figure--wide{width:min(1040px,100vw - 80px);max-width:none;margin-left:50%;transform:translate(-50%)}.graphic-essay .essay-figure--inset{width:min(100%,580px);margin-left:auto}.graphic-essay .essay-figure img{object-fit:contain;width:100%;height:auto;display:block}.graphic-essay .journal-image-action{color:#272c33;background:#f3ecdf;border-top:1px solid #ddd3bd;font-size:12px}.graphic-essay .journal-image-action:before{color:#aa3c0c}.graphic-essay .journal-image-link:hover .journal-image-action{background:#e8ddc9}.graphic-essay .journal-image-link:focus-visible{outline:3px solid var(--color-orange-strong);outline-offset:4px}.graphic-essay .essay-closing{border-top:1px solid #bfc2c7;margin-top:48px;padding-top:28px}.graphic-essay .essay-closing p{font:800 clamp(28px, 3vw, 38px)/1.3 var(--font-display);margin-block:0 18px}.graphic-essay .essay-closing p:last-child{margin-bottom:0}.graphic-essay .essay-closing strong{text-decoration:underline;text-decoration-color:var(--color-orange);text-underline-offset:7px;text-decoration-thickness:4px}@media (width<=760px){.graphic-essay .editorial-preview{margin-bottom:28px}.graphic-essay .tutorial-prose{font-size:17px;line-height:1.8}.graphic-essay .tutorial-toc ol{display:block}.graphic-essay .tutorial-toc{margin-bottom:32px}.graphic-essay .essay-figure--wide{width:calc(100vw - 40px)}.graphic-essay .essay-figure{margin-block:32px}.graphic-essay .tutorial-prose h2{margin-top:52px;scroll-margin-top:120px}}
