/* A reading column, an explanatory plate, and a signed editorial argument. */
#article-dialog.long-reading { width:min(920px,calc(100% - 28px));padding:0 46px 42px;background:#fff;color:#202423;max-height:92dvh;scroll-padding-block:85px 24px; }
.reading-toolbar { position:sticky;top:0;z-index:4;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0 14px;border-bottom:1px solid #e5e6e3;margin-bottom:30px;font-size:11px;color:#737976; }
#article-dialog .reading-toolbar .dialog-close { position:static;font-size:12px;color:#292d2a;padding:6px 0 6px 16px; }
.reading-meta { display:flex;gap:16px;align-items:center;font-size:11px;color:#707873; }
.reading-meta>span { color:#263d3a; }
#article-dialog.long-reading #article-title { font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:36px;font-weight:600;line-height:1.42;letter-spacing:-.05em;max-width:720px;margin-top:18px; }
#article-dialog.long-reading .dialog-dek { font-size:16px;line-height:1.8;color:#626b66;margin-top:18px;max-width:680px; }
#article-dialog.long-reading .dialog-image { display:block;width:100%;height:auto;max-height:480px;object-fit:contain;background:#f3f3ef;margin-top:28px; }
#article-dialog.long-reading .dialog-photo-note { font-size:10px;line-height:1.8;color:#7b817c; }
.reading-story { max-width:680px;margin:38px auto 0; }
.reading-story p { font-size:16px;line-height:1.95;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;color:#38413c; }
.reading-story .reading-standfirst { font-size:20px;line-height:1.85;letter-spacing:-.04em;font-weight:500;color:#242c27;margin:0 0 36px; }
.reading-chapter { margin:34px 0; }
.reading-story h3 { font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif;font-size:21px;font-weight:600;line-height:1.55;letter-spacing:-.035em;margin-bottom:14px; }
.reading-story .reading-kicker { font-size:11px;line-height:1.5;font-weight:500;letter-spacing:.03em;color:#67817d;margin:0 0 11px; }
.reading-chapter p+p,.editorial-opinion>p+p { margin-top:17px; }
.reading-graphic { margin:42px 0;border-top:1px solid #c6d6d5;border-bottom:1px solid #c6d6d5;padding:24px 0 26px; }
.graphic-heading { display:flex;justify-content:space-between;align-items:start;gap:18px; }
.graphic-heading h3 { font-size:19px;margin:0; }
.motion-toggle { flex-shrink:0;font-size:10px;color:#5d6e68;border-bottom:1px solid #a9b8b2;padding:5px 0; }
.reading-diagram { display:block;width:100%;height:205px;margin:12px 0 6px;overflow:visible; }
.diagram-line { fill:none;stroke:#d5e0df;stroke-width:1.6; }
.diagram-flow { fill:none;stroke:#719b9d;stroke-width:2.5;stroke-dasharray:14 180;animation:reading-flow 6s linear infinite; }
.diagram-layer { fill:#edf3f2;stroke:#c6d6d5;stroke-width:1; }
.node-halo { fill:#b7d3d1;opacity:.25;transform-box:fill-box;transform-origin:center;animation:reading-breathe 4s ease-in-out infinite; }
.diagram-node:nth-of-type(2) .node-halo { animation-delay:-1.3s; }
.diagram-node:nth-of-type(3) .node-halo { animation-delay:-2.6s; }
.node-disc { fill:#fff;stroke:#b9cdcb;stroke-width:1;transition:fill .2s,stroke .2s,r .25s; }
.diagram-node text { font-family:'DM Sans',sans-serif;font-size:10px;fill:#68807b; }
.diagram-node.is-active .node-disc { fill:#294d49;stroke:#294d49;r:21px; }
.diagram-node.is-active text { fill:#fff; }
.graphic-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px; }
.graphic-tabs button { text-align:left;border-bottom:1px solid #dbe3df;padding:12px 0 14px;font-size:14px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere;color:#68756e; }
.graphic-tabs button span { display:block;font-family:'DM Sans',sans-serif;font-size:10px;margin-bottom:4px;color:#8c9c95; }
.graphic-tabs button[aria-selected=true] { border-bottom:2px solid #355f59;color:#1d3c36;font-weight:600; }
.graphic-panel { padding-top:21px;min-height:140px; }
.graphic-panel h4 { font-size:14px;font-weight:600;line-height:1.6;margin-bottom:7px;color:#294d43; }
.reading-story .graphic-panel p { font-size:14px;line-height:1.9;color:#52625a; }
.reading-graphic.is-paused * { animation-play-state:paused!important; }
.editorial-opinion { border-left:3px solid #b9d4d3;padding:0 0 0 25px;margin:46px 0 36px; }
.editorial-opinion h3 { font-size:24px;line-height:1.55;color:#1e352f; }
.editor-profile { margin:15px 0 22px;color:#6c7b73; }
.editor-profile summary { font-size:12px;line-height:1.7;cursor:pointer; }
.editor-profile summary span { margin-left:9px;font-size:11px;color:#52655a; }
.reading-story .editor-profile p { font-size:12px;line-height:1.85;padding-top:10px;color:#7a837b; }
.reading-checks { margin:38px 0; }
.reading-checks h3 { font-size:17px; }
.reading-checks ol { padding-left:22px; }
.reading-checks li { padding-left:4px;font-size:14px;line-height:1.9;color:#58665e; }
.reading-checks li+li { margin-top:9px; }
.reading-source { margin-top:38px;padding:24px!important;background:#f3f5f2!important; }
.reading-source h3 { font-size:14px;margin-bottom:10px; }
.reading-source a { font-size:13px; }
.reading-story .reading-source p { font-size:12px;line-height:1.85;margin-top:12px; }
.reading-story .storage-note { font-size:10px;line-height:1.7;color:#8b918c; }
.reading-story .dialog-save { border-radius:0;font-size:12px;padding:12px 17px; }
.reading-story :is(button,a,summary):focus-visible,.graphic-panel:focus-visible { outline:2px solid #587e77;outline-offset:5px; }
.reading-editors { margin-top:32px;border-top:1px solid #dce1dc;padding-top:26px; }
.reading-editors h3 { font-size:17px;line-height:1.7;margin-bottom:12px; }
.reading-editors p,.reading-editors dd { font-size:13px;line-height:1.9;color:#67736b; }
.reading-editors dl>div { border-bottom:1px solid #e4e8e2;padding:16px 0; }
.reading-editors dt { font-size:12px;font-weight:600;margin-bottom:7px; }
@keyframes reading-flow { to { stroke-dashoffset:-388; } }
@keyframes reading-breathe { 0%,100% { opacity:.18;transform:scale(.9); } 50% { opacity:.48;transform:scale(1.12); } }
@media(max-width:600px) {
 #article-dialog.long-reading { width:calc(100% - 16px);max-height:calc(100dvh - 16px);padding:0 21px 30px; }
 .reading-toolbar { padding:14px 0 12px;margin-bottom:23px; }
 #article-dialog.long-reading #article-title { font-size:27px;line-height:1.5;margin-top:15px; }
 #article-dialog.long-reading .dialog-dek { font-size:14px; }
 #article-dialog.long-reading .dialog-image { margin-top:23px;max-height:370px; }
 .reading-story { margin-top:29px; }
 .reading-story p { font-size:15px;line-height:1.95; }
 .reading-story .reading-standfirst { font-size:18px;line-height:1.85;margin-bottom:28px; }
 .reading-story h3 { font-size:19px; }
 .reading-graphic { margin:33px 0;padding-top:20px; }
 .graphic-heading { display:block; }
 .graphic-heading h3 { font-size:18px; }
 .motion-toggle { margin-top:12px; }
 .reading-diagram { height:165px; }
 .graphic-tabs { gap:11px; }
 .graphic-tabs button { font-size:12px; }
 .graphic-panel { min-height:170px; }
 .reading-story .graphic-panel p { font-size:13px; }
 .editorial-opinion { margin:36px 0 30px;padding-left:17px;border-left-width:2px; }
 .editorial-opinion h3 { font-size:21px; }
 .reading-source { padding:20px!important; }
}
@media(prefers-reduced-motion:reduce) {
 .reading-diagram * { animation:none!important;transition:none!important; }
 .motion-toggle { display:none; }
}