/* Editorial planning figures: local SVG, real text, no runtime dependencies. */
.journal-diagram-mobile{display:none}
.journal-diagram{--jd-blue:#2360ff;--jd-silver:#dbe1eb;margin:clamp(2rem,5vw,4.5rem) 0;border:1px solid #46505d;background:#111720;color:#f1f3f6;box-shadow:0 18px 42px #0002;break-inside:avoid;max-width:100%;min-width:0}
.journal-diagram-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem;padding:1.1rem 1.4rem;border-bottom:1px solid #46505d;background:linear-gradient(100deg,#29323f,#151d29)}
.journal-diagram-heading>span{font-family:"IBM Plex Mono",monospace;font-size:.65rem;letter-spacing:.11em;color:#b4c9ff}
.journal-diagram-heading>strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:700;line-height:1.1}
.journal-diagram-art{overflow-x:auto;overscroll-behavior-x:contain;background-image:linear-gradient(#a3b5d20b 1px,transparent 1px),linear-gradient(90deg,#a3b5d20b 1px,transparent 1px);background-size:24px 24px;scrollbar-width:thin;scrollbar-color:#6c8ac5 #182230}
.journal-diagram-art:focus-visible{outline:3px solid #a4beff;outline-offset:-4px}
.journal-diagram svg{display:block;width:100%;min-width:590px;height:auto;max-width:none}
.journal-diagram svg text{fill:#e0e6ef;font-family:"Manrope",Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:0}
.journal-diagram svg .jd-small{font-size:16px}.journal-diagram svg .jd-tiny{font-size:14px}.journal-diagram svg .jd-micro{font-size:12px}
.journal-diagram svg .jd-label{font-size:18px;font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700;letter-spacing:.5px}
.journal-diagram svg .jd-number{font-size:36px;font-family:"Barlow Condensed",Impact,sans-serif;font-weight:700}
.journal-diagram svg .jd-blue{fill:#8cabff}.journal-diagram .jd-arrow{fill:#8cabff}
.journal-diagram .jd-case{fill:#222e40;stroke:#d7e0ed;stroke-width:2}
.journal-diagram .jd-device{fill:#1746b0;stroke:#aac0f6;stroke-width:1.5}
.journal-diagram .jd-foam{fill:#303a46;stroke:#748297;stroke-width:1.5;stroke-dasharray:5 4}
.journal-diagram .jd-metal{fill:#bfcbdc;stroke:#eef3ff;stroke-width:1.3}
.journal-diagram .jd-line{stroke:#91a2bc;stroke-width:1.5;fill:none}
.journal-diagram .jd-highlight{stroke:#81a4ff;stroke-width:5;fill:none}
.journal-diagram .jd-cable{stroke:#c1d3ff;stroke-width:7;stroke-linecap:round;fill:none}
.journal-diagram .jd-cut{stroke:#a4beff;stroke-width:3;fill:none}
.journal-diagram .jd-dash{stroke:#6e91ed;stroke-width:2;stroke-dasharray:7 7;fill:none}
.journal-diagram .jd-swing{fill:#376bfa25;stroke:#9ab8ff;stroke-width:2;stroke-dasharray:7 5}
.journal-diagram .jd-track{stroke:#c4cedd;stroke-width:4;fill:none}
.journal-diagram figcaption{padding:1.2rem 1.4rem 1.4rem;background:#f0f2f5;color:#1e2733;border-top:1px solid #46505d}
.journal-diagram figcaption p{color:inherit;font-size:.96rem;line-height:1.6;margin:0 0 .8rem;max-width:none}
.journal-diagram figcaption ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem 1.5rem;margin:0 0 1rem;padding:0;list-style:none}
.journal-diagram figcaption li{font-size:.82rem;line-height:1.5;padding-left:.8rem;border-left:3px solid #2457d7;color:#273447}
.journal-diagram figcaption small{display:block;font-size:.72rem;line-height:1.5;color:#49596d}
@media(max-width:620px){.journal-diagram-heading{padding:1rem}.journal-diagram-heading>strong{width:100%}.journal-diagram figcaption{padding:1rem}.journal-diagram figcaption ul{grid-template-columns:1fr;gap:.65rem}.journal-diagram figcaption li{font-size:.87rem}.journal-diagram figcaption p{font-size:.94rem}}
@media print{.journal-diagram{box-shadow:none;border-color:#657080;background:#fff;color:#101722;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}.journal-diagram-heading{background:#e7ebf1;color:#14223b}.journal-diagram-heading>span{color:#34496e}.journal-diagram-art{overflow:visible;background:#fff}.journal-diagram svg{min-width:0;width:100%}.journal-diagram svg text{fill:#14223b}.journal-diagram .jd-case{fill:#edf1f8;stroke:#374a68}.journal-diagram .jd-device{fill:#d0dcfb;stroke:#234eaa}.journal-diagram .jd-foam{fill:#e4e7eb;stroke:#6f7c91}.journal-diagram .jd-metal{fill:#d0d8e5;stroke:#4c607e}.journal-diagram svg .jd-blue{fill:#244da1}.journal-diagram .jd-arrow{fill:#244da1}.journal-diagram figcaption{background:#fff}.journal-diagram figcaption ul{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* A readable mobile drawing: real labels in a vertical planning sequence. */
@media screen and (max-width:620px){
 .journal-diagram-art{display:none}
 .journal-diagram-mobile{display:block;min-width:0;padding:20px 16px;background:linear-gradient(#a3b5d209 1px,transparent 1px),linear-gradient(90deg,#a3b5d209 1px,transparent 1px),#172233;background-size:22px 22px}
 .journal-diagram .jd-mobile-intro,.journal-diagram .jd-mobile-conclusion{margin:0 0 20px;color:#d9e5ff;font:600 12px/1.6 "IBM Plex Mono",monospace;letter-spacing:.025em;overflow-wrap:anywhere}
 .journal-diagram .jd-mobile-conclusion{margin:20px 0 0;padding-top:16px;border-top:1px dashed #7c9ac7;color:#adcbff}
 .journal-diagram .jd-mobile-flow{display:grid;gap:14px;position:relative;list-style:none;margin:0;padding:0;min-width:0}
 .jd-mobile-flow:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:1px;background:linear-gradient(#a8bee1,#5482e8)}
 .journal-diagram .jd-mobile-flow>li{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:12px;position:relative;margin:0;padding:0;border:0;min-width:0;line-height:1.5}
 .jd-mobile-marker{display:grid;place-items:center;height:42px;width:42px;background:#214fa5;border:1px solid #a8c1ef;box-shadow:inset 0 0 0 4px #1c365e;color:#fff;font:700 21px/1 "Barlow Condensed",sans-serif}
 .jd-mobile-copy{min-width:0;padding:9px 0 12px;border-bottom:1px solid #5b739555}
 .jd-mobile-copy>strong{display:block;color:#f0f4fa;font:700 20px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.015em;overflow-wrap:anywhere}
 .jd-mobile-detail{display:grid;gap:5px;margin-top:7px;color:#d1dcec;font:400 14px/1.6 "Manrope",Arial,sans-serif;overflow-wrap:anywhere}
 .journal-diagram-heading>strong{min-width:0;overflow-wrap:anywhere}
}
@media print{.journal-diagram-mobile{display:none!important}}