/* Article-specific diagrams. Text stays selectable and available in HTML. */
.cart-title-blue{color:var(--geo)}
.cart-diagram{margin:36px 0;padding:clamp(20px,4vw,32px);background:var(--bg-card);border:1px solid var(--a10);border-radius:var(--r-lg);overflow:hidden}
.diagram-eyebrow{font:500 .65rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--geo);margin-bottom:12px}
.article-body .cart-diagram h3{font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.15;max-width:500px;margin:0 0 24px}
.cart-diagram figcaption{font-size:.82rem;line-height:1.6;color:var(--muted);margin-top:22px;padding-top:16px;border-top:1px solid var(--a8)}
.cart-journey{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0!important;margin:0!important}
.article-body .cart-journey li{position:relative;font-size:.92rem;line-height:1.45;border:1px solid var(--a10);border-radius:var(--r-sm);padding:14px 12px;background:var(--a2)}
.cart-journey li+li:before{content:'→';position:absolute;left:-12px;top:25px;color:var(--heat-strong);font-weight:700;background:var(--bg-card)}
.diagram-number{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--geo-soft);color:var(--geo);font:500 .7rem var(--mono);margin-bottom:18px}
.cart-journey li:nth-child(-n+3){background:var(--geo-soft)}
.cart-journey li:last-child{background:var(--heat-8)}
.cart-journey li:last-child .diagram-number{background:var(--heat-12);color:var(--heat-strong)}
.cart-journey strong,.cart-journey li>span:last-child{display:block}.cart-journey strong{min-height:3em;margin-bottom:10px;color:var(--ink)}.cart-journey li>span:last-child{font-size:.85rem;color:var(--muted)}
.fact-hub{max-width:280px;margin:0 auto;padding:22px;background:var(--geo-soft);border:1px solid var(--geo);border-radius:var(--r-lg);text-align:center;position:relative}
.hub-label{display:block;font:500 .68rem var(--mono);color:var(--muted);text-transform:uppercase;margin-bottom:12px}.fact-hub strong{font-size:1.3rem;line-height:1.2;color:var(--ink)}
.fact-hub:after{content:'';display:block;position:absolute;bottom:-26px;left:50%;height:25px;border-left:1px solid var(--a24)}
.fact-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:25px;padding-top:24px;border-top:1px solid var(--a24)}
.fact-branches>div{position:relative;padding:16px 12px;border:1px solid var(--a10);border-radius:var(--r-sm);text-align:center}.fact-branches>div:before{content:'';position:absolute;top:-25px;left:50%;height:24px;border-left:1px solid var(--a24)}
.diagram-symbol{font:500 .7rem var(--mono);color:var(--geo)}.fact-branches h4{font-size:.98rem;margin:10px 0 6px;color:var(--geo)}.article-body .fact-branches p{font-size:.85rem;line-height:1.5;margin:0;color:var(--muted)}
.fact-branches>div:last-child{background:var(--heat-8)}.fact-branches>div:last-child h4,.fact-branches>div:last-child .diagram-symbol{color:var(--heat-strong)}
.fact-checks{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}.fact-checks span{padding:7px 10px;border-radius:var(--r-sm);background:var(--a4);font-size:.8rem;color:var(--ink-soft)}
.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.example-grid>div{padding:20px;border-radius:var(--r-sm);border:1px solid var(--a10)}.product-before{background:var(--geo-soft)}.product-after{background:var(--heat-8)}
.example-tag{display:block;font:500 .64rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:20px}.example-grid strong{display:block;font-size:1.15rem;line-height:1.3}.article-body .example-grid p{font-size:.94rem;line-height:1.6;color:var(--muted);margin:8px 0}
.bag-illustration{width:90px;margin:0 auto 20px}.bag-illustration svg{display:block;width:100%;stroke:var(--geo);stroke-width:3;stroke-linejoin:round;background:var(--bg-card);border-radius:var(--r-lg)}
.article-body .product-after ul{padding-left:18px;margin:16px 0}.article-body .product-after li{font-size:.9rem;line-height:1.6;margin-bottom:10px}
.open-question,.clear-answer{display:block;font-size:.85rem;margin-top:20px;font-weight:600;color:var(--ink-soft)}.clear-answer{color:var(--heat-strong)}.cart-audit li{margin-bottom:16px}
@media(max-width:620px){.cart-journey{grid-template-columns:1fr 1fr;gap:14px}.cart-journey li+li:before{display:none}.cart-journey strong{min-height:0}.fact-branches{grid-template-columns:1fr;gap:14px;border-top:0;padding-top:0}.fact-branches>div:before{display:none}.fact-hub:after{display:none}.example-grid{grid-template-columns:1fr}}
/* Article motion: a complete static reading remains the baseline. */
.diagram-motion-stage{position:relative;isolation:isolate}
.diagram-motion-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;z-index:-1}
.diagram-motion-lines path{fill:none;stroke:var(--geo);stroke-width:3;opacity:0}
.is-motion-playing .diagram-motion-lines path.is-current{opacity:1;stroke-dasharray:.08 .92;animation:diagram-packet 2.4s linear infinite}
.diagram-motion-lines path:last-child{stroke:var(--heat-strong)}
.cart-diagram[data-motion-ready] .cart-journey li,.cart-diagram[data-motion-ready] .fact-branches>div,.cart-diagram[data-motion-ready] .example-grid>div{transition:background .45s,border-color .45s,box-shadow .45s,transform .45s}
.cart-diagram[data-motion-ready] .is-motion-current{border-color:var(--geo);background:var(--geo-soft);box-shadow:0 0 0 2px var(--geo-soft);transform:translateY(-3px)}
.cart-diagram[data-motion-ready] .is-motion-current:last-child{border-color:var(--heat-strong);background:var(--heat-8);box-shadow:0 0 0 2px var(--heat-8)}
.cart-diagram[data-motion-ready] .is-motion-finished .diagram-number{background:var(--geo);color:var(--bg-card)}
.is-motion-playing .fact-hub{animation:diagram-hub 3.2s ease-in-out infinite}
.diagram-motion-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px;padding-top:16px;border-top:1px solid var(--a8)}
.diagram-motion-controls button{appearance:none;cursor:pointer;font:500 .7rem var(--mono);color:var(--ink);background:var(--bg-card);border:1px solid var(--a10);border-radius:var(--r-sm);min-height:40px;padding:9px 12px}
.diagram-motion-controls button:focus-visible{outline:2px solid var(--geo);outline-offset:3px}
.diagram-motion-steps{display:flex;gap:5px}.diagram-motion-steps button{padding:9px;min-width:36px}
.diagram-motion-steps button[aria-pressed=true]{background:var(--geo);border-color:var(--geo);color:var(--bg-card)}
.diagram-motion-status{font:500 .65rem var(--mono);line-height:1.6;color:var(--muted);flex:1;min-width:110px}
.arrow-article-videos{margin:40px 0;padding:24px 0;border-top:1px solid var(--a10);border-bottom:1px solid var(--a10)}
.article-body .arrow-article-videos h3{font-size:1.35rem;margin:10px 0 20px}
.arrow-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.article-body .arrow-video-card{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;border:1px solid var(--a10);border-radius:var(--r-lg);overflow:hidden;text-decoration:none;background:var(--bg-card);color:var(--ink);transition:border-color .2s,transform .2s}
.article-body .arrow-video-card:hover{border-color:var(--geo);transform:translateY(-2px)}
.arrow-video-card:focus-visible{outline:2px solid var(--geo);outline-offset:4px}
.arrow-video-thumb{position:relative;display:block;align-self:stretch;background:var(--a4)}
.article-body .arrow-video-thumb img{display:block;width:100%;height:100%;min-height:150px;object-fit:contain;aspect-ratio:405/608;margin:0;border-radius:0}
.arrow-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--geo);color:var(--bg-card);box-shadow:0 2px 10px var(--a24);font-size:17px}
.arrow-video-copy{display:flex;flex-direction:column;gap:10px;padding:15px 12px 15px 0;justify-content:center}
.arrow-video-copy .label{font-size:.58rem;line-height:1.5;color:var(--muted)}
.arrow-video-copy strong{font-size:.92rem;line-height:1.45;color:var(--ink)}
.arrow-video-open{font-size:.73rem;font-weight:600;color:var(--geo)}.arrow-video-new-tab{font-size:.62rem;color:var(--muted)}
@keyframes diagram-packet{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes diagram-hub{0%,100%{box-shadow:0 0 0 0 var(--geo-soft)}50%{box-shadow:0 0 0 7px var(--geo-soft)}}
@media(max-width:1050px){.arrow-video-grid{grid-template-columns:1fr}}
@media(max-width:620px){.diagram-motion-status{flex-basis:100%}.diagram-motion-controls button{min-height:44px}.diagram-motion-steps button{min-width:40px}.article-body .arrow-video-card{grid-template-columns:100px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.is-motion-playing .diagram-motion-lines path.is-current,.is-motion-playing .fact-hub{animation:none}.cart-diagram[data-motion-ready] .cart-journey li,.cart-diagram[data-motion-ready] .fact-branches>div,.cart-diagram[data-motion-ready] .example-grid>div,.article-body .arrow-video-card{transition:none}.cart-diagram[data-motion-ready] .is-motion-current{transform:none}}
.cart-diagram h3{scroll-margin-top:110px}