/* One visual language; quiet, topic-specific responses rather than perpetual loops. */
.story-image.sr-artwork{position:relative;background:#1c1e23!important;padding:0!important;aspect-ratio:7/4;height:auto;min-height:0;overflow:hidden;isolation:isolate}
.story-image.sr-artwork img{width:100%;height:100%;object-fit:contain;transform:none!important}
.post-grid>.story:first-child .story-image.sr-artwork{height:100%;min-height:300px;padding:0;display:flex;align-items:center;background:#1c1e23}
.post-grid>.story:first-child .story-image.sr-artwork img{width:100%;height:auto;aspect-ratio:7/4}
.sr-artwork::after{content:'';position:absolute;pointer-events:none;opacity:0}
.story[data-motion="shield"] .sr-artwork::after,.story[data-motion="links"] .sr-artwork::after{inset:-60%;background:linear-gradient(110deg,transparent 43%,#fff7 49%,#fff1 53%,transparent 59%);transform:translateX(-65%) rotate(-8deg);mix-blend-mode:screen}
.story[data-motion="radar"] .sr-artwork::after,.story[data-motion="signal"] .sr-artwork::after{width:48%;aspect-ratio:1;left:50%;top:10%;background:conic-gradient(from 0deg,transparent 0deg,transparent 300deg,#ff657414 327deg,#ff6574aa 355deg,transparent 360deg);border-radius:50%;transform:rotate(-90deg);mix-blend-mode:screen}
.story[data-motion="pages"] .sr-artwork::after,.story[data-motion="engine"] .sr-artwork::after{left:58%;right:13%;height:1px;top:20%;background:#ff7e89;box-shadow:0 0 12px #ff6074;transform:translateY(0)}
.story[data-motion="dialog"] .sr-artwork::after,.story[data-motion="gift"] .sr-artwork::after{width:26%;aspect-ratio:1;right:12%;top:18%;border:1px solid #ffb0b5;border-radius:50%;transform:scale(.6)}
.story.is-art-active[data-motion="shield"] .sr-artwork::after,.story.is-art-active[data-motion="links"] .sr-artwork::after{animation:sr-glint 1s ease both}
.story.is-art-active[data-motion="radar"] .sr-artwork::after,.story.is-art-active[data-motion="signal"] .sr-artwork::after{animation:sr-radar 1.2s ease both}
.story.is-art-active[data-motion="pages"] .sr-artwork::after,.story.is-art-active[data-motion="engine"] .sr-artwork::after{animation:sr-line 1s ease both}
.story.is-art-active[data-motion="dialog"] .sr-artwork::after,.story.is-art-active[data-motion="gift"] .sr-artwork::after{animation:sr-pulse .9s ease both}
@keyframes sr-glint{0%{opacity:0;transform:translateX(-65%) rotate(-8deg)}30%{opacity:.35}100%{opacity:0;transform:translateX(65%) rotate(-8deg)}}
@keyframes sr-radar{0%{opacity:0;transform:rotate(-90deg)}20%{opacity:.4}100%{opacity:0;transform:rotate(180deg)}}
@keyframes sr-line{0%{opacity:0;top:20%}25%{opacity:.55}100%{opacity:0;top:80%}}
@keyframes sr-pulse{0%{opacity:0;transform:scale(.6)}35%{opacity:.25}100%{opacity:0;transform:scale(1.5)}}
.editor-note{float:right;clear:right;width:244px;margin:8px -88px 26px 30px;padding:18px 0 18px 20px;border:0;border-top:1px solid #d7d8dd;background:#f7f7f8;position:relative;z-index:1;font:14px/1.65 Arial,Helvetica,sans-serif;color:#555b65}
.editor-note-label{display:block;text-transform:uppercase;font-size:9px;letter-spacing:1.35px;color:#a12635;font-weight:700;margin-bottom:10px}.editor-note strong{display:block;font-size:16px;line-height:1.4;margin-bottom:10px;color:#25262a}.article-content .editor-note p{font-size:14px;line-height:1.7;margin:0}.article-content:after{content:'';display:block;clear:both}
.editorial-lab{margin:46px 0 30px;border:1px solid #dcdde2;border-radius:10px;background:#fff;overflow:hidden;clear:both}.lab-heading{padding:28px 30px 22px}.lab-kicker{font:700 10px/1.5 Arial,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#ae2031}.lab-heading h2{font-size:28px;line-height:1.25;letter-spacing:-.6px;margin:10px 0 12px}.lab-heading p,.lab-footnote{font-size:13px;line-height:1.6;color:#606670;margin:0}.lab-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0 30px;gap:8px}.lab-controls button{font:600 14px/1.4 Arial,sans-serif;display:flex;align-items:center;gap:10px;min-height:52px;text-align:left;border:1px solid #dcdde2;border-radius:5px;background:#fff;color:#353a42;padding:12px;cursor:pointer}.lab-controls button span{font:12px/1 Consolas,monospace;color:#797d86}.lab-controls button[aria-pressed=true]{background:#25272d;color:white;border-color:#25272d}.lab-controls button[aria-pressed=true] span{color:#ff9ca7}.lab-panel{padding:24px 30px 30px}.lab-panel[hidden]{display:none}.lab-panel h3{font-size:20px;line-height:1.4;margin:20px 0 10px}.lab-panel p{font-size:15px;line-height:1.75;margin:0;color:#555b65}.lab-path{font:14px/1.7 Consolas,monospace;background:#f4f4f6;color:#a51f32;border-radius:5px;padding:22px;overflow-wrap:anywhere}.lab-compare{margin:0 30px;position:relative;height:220px;border-radius:6px;overflow:hidden;background:#202329}.lab-compare-layer{position:absolute;inset:0;padding:22px}.lab-compare-base{color:#e6e9f0;background:#202329}.lab-compare-front{background:#f2f3f5;color:#343941;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.lab-view-label{display:block;font:11px/1.4 Arial,sans-serif;letter-spacing:.7px;margin-bottom:18px}.lab-compare pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 Consolas,monospace}.lab-compare code{font:inherit}.lab-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#d52639;pointer-events:none}.lab-divider:after{content:'↔';position:absolute;top:44%;left:-13px;width:28px;height:28px;display:grid;place-items:center;background:white;color:#a71e30;border:1px solid #d52639;border-radius:50%;font:16px/1 Arial,sans-serif}.lab-page-mock b{font-size:23px;line-height:1.3}.lab-page-mock p{font-size:15px;margin:13px 0}.lab-page-mock span{font-size:14px;color:#ad2030}.lab-slider-label{display:block;font-size:12px;margin:18px 30px 0;color:#555b65}.lab-range{display:block;width:calc(100% - 60px);margin:0 30px;min-height:44px;accent-color:#c42437;cursor:ew-resize}.lab-footnote{padding:0 30px 28px}.editorial-lab :focus-visible{outline:2px solid #bd2539;outline-offset:3px}
@media(max-width:1100px){.editor-note{margin-right:0;width:230px}}
@media(max-width:650px){.post-grid>.story:first-child .story-image.sr-artwork{height:auto;min-height:0;aspect-ratio:7/4}.post-grid>.story:first-child .story-image.sr-artwork img{height:auto}.editor-note{float:none;width:100%;margin:24px 0;padding:16px 0}.lab-heading{padding:22px 20px 18px}.lab-heading h2{font-size:24px}.lab-controls{padding:0 20px;gap:6px;grid-template-columns:1fr}.lab-controls button{min-height:46px}.lab-panel{padding:20px}.lab-compare{margin:0 16px;height:220px}.lab-compare-layer{padding:16px 12px}.lab-compare pre{font-size:11px;line-height:1.8}.lab-page-mock b{font-size:19px}.lab-slider-label{margin-left:20px;margin-right:20px}.lab-range{width:calc(100% - 40px);margin:0 20px}.lab-footnote{padding:0 20px 22px}.lab-path{padding:16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.sr-artwork::after{animation:none!important;display:none}.story{transform:none!important}}
@media print{.sr-artwork::after{display:none}.editor-note{float:none;width:100%;margin:20px 0}.lab-panel[hidden]{display:block}.lab-range,.lab-slider-label{display:none}}

.lab-controls button span{color:#656b75}.lab-controls button[aria-pressed=true] span{color:#ffadb6}
.article-content{position:relative}.editor-note{float:none;clear:none;width:auto;margin:24px 0;padding:20px 0;display:grid;grid-template-columns:200px 1fr;gap:6px 28px;background:transparent;z-index:auto}.editor-note-label{grid-column:1;grid-row:1;margin:0}.editor-note strong{grid-column:1;grid-row:2;margin:0}.article-content .editor-note p{grid-column:2;grid-row:1/3;align-self:center}.article-series-cover{margin:28px 0}.article-series-cover img{display:block;width:100%;height:auto;border-radius:8px}
@media(min-width:1740px){.editor-note{position:absolute;right:-258px;top:0;width:214px;display:block;margin:0;padding:16px 0;border-top:1px solid #d7d8dd}.editor-note-label{margin-bottom:12px}.editor-note strong{margin-bottom:10px}}
@media(max-width:650px){.editor-note{display:block;padding:18px 0}.editor-note-label{margin-bottom:10px}.editor-note strong{margin-bottom:10px}}