:root{--post-label:#c2410c;--post-deep:#c2410c;--post-tile:#fdeee7;--post-tile-line:#ea580c4d;--post-tile-num:#475467;--post-chip:#fff;--post-chip-line:#f3d3bf;--post-chip-ink:#202939;--post-lane:#fff9;--post-lane-line:#ea580c40;--post-edge-ink:#475467;--post-dot:#20293912}.dark{--post-label:#fb923c;--post-tile:#0f172a;--post-tile-line:#334155;--post-tile-num:#94a3b8;--post-chip:#0f172a;--post-chip-line:#475569;--post-chip-ink:#f1f5f9;--post-lane:#0f172a59;--post-lane-line:#94a3b840;--post-edge-ink:#cbd5e1;--post-dot:#f1f5f90d}.post-features ul{gap:1.5rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}.post-features li{min-height:44px;margin:0;padding-left:60px;position:relative}.post-features li:before{content:"";border:1px solid var(--post-tile-line);background:var(--post-tile);border-radius:12px;width:44px;height:44px;position:absolute;top:0;left:0}.post-features li:after{content:"";background:var(--podojo-brand);width:22px;height:22px;position:absolute;top:11px;left:11px;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.post-features li:first-child:after{-webkit-mask-image:var(--icon-1);mask-image:var(--icon-1)}.post-features li:nth-child(2):after{-webkit-mask-image:var(--icon-2);mask-image:var(--icon-2)}.post-features li:nth-child(3):after{-webkit-mask-image:var(--icon-3);mask-image:var(--icon-3)}.post-wide{--post-wide:min(68rem,100vw - 3rem);width:var(--post-wide);margin-inline:calc(50% - var(--post-wide)/2)}@media (min-width:640px){.post-wide{--post-wide:min(68rem,100vw - 4rem)}}.post-loop{margin-block:8px 48px}.post-loop figure{margin:24px 0 0}.post-loop .panel{background-color:var(--podojo-header);background-image:radial-gradient(var(--post-dot)1px,transparent 1px);background-size:18px 18px;border-radius:20px;padding:clamp(14px,3vw,28px)}.post-loop .eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--post-label);align-items:center;gap:12px;margin:0 0 20px;font-size:11px;font-weight:600;display:flex}.post-loop .eyebrow:before{content:"";background:var(--podojo-brand);flex:none;width:32px;height:2px}.post-loop .loop{width:100%;height:auto;display:block}.post-loop .loop-tall{max-width:460px;margin-inline:auto;display:none}@media (max-width:899px){.post-loop .loop-wide{display:none}.post-loop .loop-tall{display:block}}.post-loop .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.post-loop .agent,.post-loop .chip{fill:var(--post-chip);stroke:var(--post-chip-line);stroke-width:1px}.post-loop .lane{fill:var(--post-lane);stroke:var(--post-lane-line);stroke-width:1px}.post-loop .tile rect{fill:var(--post-tile);stroke:var(--post-tile-line);stroke-width:1px;transition:stroke .15s}.post-loop .chip-pod,.post-loop .band{fill:var(--post-deep)}.post-loop .edge{fill:none;stroke:var(--podojo-brand);stroke-width:2px}.post-loop .plug{fill:none;stroke:var(--podojo-brand);stroke-width:2px;opacity:.55}.post-loop .return{fill:none;stroke:#fff;stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round}.post-loop .ah{fill:var(--podojo-brand)}.post-loop .ah-w{fill:#fff}.post-loop .ic-brand{color:var(--podojo-brand)}.post-loop .ic-white{color:#fff}.post-loop .t-agent{fill:var(--foreground);font-size:16px;font-weight:600}.post-loop .t-note{fill:var(--post-edge-ink);font-size:14px}.post-loop .t-edge{fill:var(--post-edge-ink);font-size:13px;font-weight:500}.post-loop .t-lane{letter-spacing:.14em;fill:var(--post-label);font-size:11.5px;font-weight:600}.post-loop .t-tile{fill:var(--foreground);font-size:15.5px;font-weight:600}.post-loop .t-tile-s{fill:var(--foreground);font-size:14px;font-weight:600}.post-loop .t-num{fill:var(--post-tile-num);font-size:13px;font-weight:500}.post-loop .t-num-s{fill:var(--post-label);font-size:14px;font-weight:600}.post-loop .t-chip{fill:var(--post-chip-ink);font-size:13px;font-weight:500}.post-loop .t-chip-b{fill:#fff;font-size:13px;font-weight:600}.post-loop .t-band{fill:#fff;font-size:18px;font-weight:600}.post-loop .t-band-s{fill:#fff;font-size:16px;font-weight:600}.post-loop .t-return{fill:#fff;paint-order:stroke;stroke:var(--post-deep);stroke-width:12px;stroke-linejoin:round;font-size:13px;font-weight:500}.post-loop figcaption{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:14px;font-size:14px;line-height:1.55;display:flex}.post-loop .cap-text{flex:28rem;min-width:0}.post-loop .legend{flex-wrap:wrap;gap:8px 18px;display:flex}.post-loop .legend span{color:var(--podojo-text);align-items:center;gap:8px;display:inline-flex}.post-loop .legend i{border:1px solid var(--post-chip-line);background:var(--post-chip);border-radius:4px;width:18px;height:14px}.post-loop .legend i.pod{border-color:var(--post-deep);background:var(--post-deep)}.post-loop ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:28px 0 0;padding:0;list-style:none;display:grid}@media (max-width:899px){.post-loop ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599px){.post-loop ol{grid-template-columns:minmax(0,1fr)}}.post-loop li{border-radius:12px;min-width:0;margin:0;padding:12px 14px 12px 40px;font-size:15px;line-height:1.6;transition:background-color .15s;position:relative}.post-loop li:before{content:counter(list-item);color:var(--post-label);font-weight:600;position:absolute;top:12px;left:14px}:is(.post-loop:has(.step-1:hover) li:first-child,.post-loop:has(.step-2:hover) li:nth-child(2),.post-loop:has(.step-3:hover) li:nth-child(3),.post-loop:has(.step-4:hover) li:nth-child(4),.post-loop:has(.step-5:hover) li:nth-child(5),.post-loop:has(.step-6:hover) li:nth-child(6)){background-color:var(--podojo-header)}:is(.post-loop:has(li:first-child:hover) .step-1 rect,.post-loop:has(li:nth-child(2):hover) .step-2 rect,.post-loop:has(li:nth-child(3):hover) .step-3 rect,.post-loop:has(li:nth-child(4):hover) .step-4 rect,.post-loop:has(li:nth-child(5):hover) .step-5 rect,.post-loop:has(li:nth-child(6):hover) .step-6 rect){stroke:var(--podojo-brand);stroke-width:2.5px}.post-stack{border:1px solid var(--border);background:var(--card);border-radius:16px;margin:0 0 48px;padding:clamp(20px,4vw,32px);box-shadow:0 1px 2px #0f172a0f}.post-stack-label{letter-spacing:.2em;text-transform:uppercase;color:var(--post-label);margin:0;font-size:12px;font-weight:600}.post-stack h2{text-wrap:balance;margin:12px 0 0;line-height:1.25}.post-stack>p:not(.post-stack-label){margin:12px 0 0;font-size:15px;line-height:1.625}.post-stack .ic{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.post-stack .stack-map{border:1px solid var(--border);border-radius:14px;margin-top:24px;overflow:hidden}.post-stack .stack-agents{border-bottom:1px solid var(--post-tile-line);background:var(--post-tile);color:var(--foreground);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:12px 16px;font-size:14px;display:flex}.post-stack .stack-agents svg{width:20px;height:20px;color:var(--podojo-brand);flex:none}.post-stack .stack-agents strong{font-weight:600}.post-stack .stack-agents span{color:var(--post-edge-ink);margin-left:auto}.post-stack .stack-row{background:var(--card);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.post-stack .cell{align-content:center;min-width:0;display:grid;position:relative}.post-stack .cell.here{background:var(--podojo-header)}.post-stack .cell+.cell{border-left:1px solid var(--border)}.post-stack .cell+.cell:before{content:"›";z-index:1;background:var(--podojo-brand);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-top:-10px;font-size:15px;font-weight:600;line-height:1;display:grid;position:absolute;top:50%;left:-10px}.post-stack .stack-block{min-width:0;padding:14px 14px 14px 16px}.post-stack .stack-block+.stack-block{border-top:1px solid var(--border)}.post-stack .stack-block svg{width:20px;height:20px;color:var(--podojo-brand);display:block}.post-stack .stack-block strong{margin-top:8px;font-size:14px;font-weight:600;line-height:1.3;display:block}.post-stack .stack-block span{color:var(--muted-foreground);margin-top:4px;font-size:12.5px;line-height:1.45;display:block}@media (max-width:599px){.post-stack .stack-row{grid-template-columns:minmax(0,1fr)}.post-stack .cell+.cell{border-top:1px solid var(--border);border-left:0}.post-stack .cell+.cell:before{margin-top:0;margin-left:-10px;top:-10px;left:50%;transform:rotate(90deg)}.post-stack .stack-agents span{margin-left:0}}@media (prefers-reduced-motion:reduce){.post-loop .tile rect,.post-loop li{transition:none}}
