/* How We Work only: Pupulan theme, with a scoped capability explorer. */
.pup-work .work-intro{max-width:820px;margin-bottom:40px;color:var(--ink-soft)}
.pup-work .work-intro p{margin-bottom:18px}
.pup-work .work-radar{background:#fff;color:#2d2d2d;border:1px solid #e5e7ea;border-radius:2px;padding:32px;overflow:hidden}
.pup-work .radar-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e5e7ea;padding-bottom:20px}
.pup-work .radar-kicker{color:#65727a;font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.pup-work .radar-controls{display:flex;gap:8px;flex-wrap:wrap}
.pup-work .work-radar button{font-family:inherit;cursor:pointer;border-radius:2px}
.pup-work .radar-mode,.pup-work .radar-pause{background:transparent;border:1px solid #d7dde2;color:#334b60;padding:10px 16px;min-height:44px;font-size:12px}
.pup-work .radar-mode[aria-pressed=true]{background:#fff;border-color:#1a365d;color:#1a365d;box-shadow:inset 0 -2px #1a365d}
.pup-work .radar-pause{margin-left:8px}
.pup-work .radar-body{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding-top:24px}
.pup-work .radar-screen{width:100%;max-width:480px;aspect-ratio:1;position:relative;margin:auto;border-radius:50%;background:#fff url("china-radar-map.svg") center/100% 100% no-repeat;isolation:isolate;overflow:hidden}
.pup-work .radar-screen:before{content:"";position:absolute;inset:0;border-radius:50%;background:url("radar-scale.svg") center/100% 100% no-repeat;pointer-events:none;z-index:1}
.pup-work .radar-sweep{position:absolute;width:200%;height:200%;left:-27%;top:-39%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 318deg,#2785c305 318deg,#2785c32e 352deg,#1678bc80 359deg,transparent 360deg);will-change:transform;pointer-events:none}
.pup-work .radar-dot{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border:0;background:transparent;z-index:3;padding:0}
.pup-work .radar-dot:before{content:'';display:block;width:8px;height:8px;background:#6b8aa2;border-radius:50%;margin:auto}
.pup-work .radar-dot.is-active:before{background:#247cb9;box-shadow:0 0 0 5px #247cb91a}
.pup-work .radar-dot.is-active:after{content:'';position:absolute;inset:14px;border:1px solid #247cb9;border-radius:50%;animation:pup-radar-ping 1.8s ease-out infinite}
.pup-work .radar-dot-label{display:none;position:absolute;bottom:38px;width:140px;padding:7px 10px;background:#fffffff5;border:1px solid #c4d1dc;color:#1a365d;font-size:11px;line-height:1.5;text-align:left;pointer-events:none}
.pup-work .radar-dot[data-side=right] .radar-dot-label{right:20px}.pup-work .radar-dot[data-side=left] .radar-dot-label{left:20px}.pup-work .radar-dot.is-active .radar-dot-label{display:block}
.pup-work .radar-hit{position:absolute;bottom:1%;left:0;right:0;text-align:center;font-size:12px;color:#376b90;min-height:22px}
.pup-work .radar-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;margin:0;padding:0;list-style:none}
.pup-work .radar-item{background:transparent;border:0;border-top:1px solid #e5e7ea;color:#485660;text-align:left;width:100%;min-height:62px;display:flex;gap:12px;align-items:center;padding:12px 0;font-size:13px;line-height:1.5}
.pup-work .radar-item span{font-size:10px;color:#7c8a94}.pup-work .radar-item.is-active{color:#1a365d;border-top-color:#3278ad}.pup-work .radar-item.is-active:after{content:'↗';margin-left:auto;color:#3278ad}
.pup-work .radar-detail{margin-top:22px;min-height:128px;padding-top:20px;border-top:1px solid #e5e7ea}
.pup-work .radar-detail h3{color:#1a365d;font-size:23px;margin:0 0 12px}.pup-work .radar-detail p{color:#64717b;font-size:14px;line-height:1.8;margin:0}
.pup-work .radar-note{color:#77838c;font-size:11px;margin:22px 0 0;line-height:1.8}
.pup-work .work-stages{display:grid;gap:0}
.pup-work .work-stage{display:grid;grid-template-columns:72px 1fr;gap:24px;border-top:1px solid var(--line);padding:36px 0}
.pup-work .work-stage:last-child{border-bottom:1px solid var(--line)}
.pup-work .work-number{font-size:32px;color:var(--gold);line-height:1.3}
.pup-work .work-stage h3{font-size:25px;margin:0 0 16px;color:var(--navy)}
.pup-work .work-stage p{color:var(--ink-soft);max-width:92ch;font-size:15px;line-height:1.9;margin:0 0 14px}
.pup-work .work-record{border-left:2px solid var(--gold);padding-left:18px;margin-top:20px}
.pup-work .work-record strong{color:var(--navy)}
.pup-work .work-note{font-size:14px;color:var(--ink-soft);margin-top:24px}
.pup-work .work-radar button:focus-visible{outline:2px solid #247cb9;outline-offset:4px}
@keyframes pup-radar-ping{from{transform:scale(1);opacity:1}to{transform:scale(2.5);opacity:0}}
@media(max-width:800px){.pup-work .radar-body{grid-template-columns:1fr;gap:12px}.pup-work .work-radar{padding:24px}.pup-work .radar-screen{max-width:360px}.pup-work .radar-detail{min-height:136px}}
@media(max-width:480px){.pup-work .work-radar{padding:20px 16px}.pup-work .radar-mode,.pup-work .radar-pause{padding:9px 10px}.pup-work .radar-pause{margin-left:0}.pup-work .radar-core strong{font-size:13px}.pup-work .radar-core span{font-size:8px}.pup-work .radar-item{font-size:12px}.pup-work .work-stage{grid-template-columns:36px 1fr;gap:16px}.pup-work .work-number{font-size:25px}.pup-work .work-stage h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.pup-work .radar-dot.is-active:after{animation:none}}
@media(max-width:480px){.pup-work .radar-controls{display:grid;grid-template-columns:1fr 1fr;width:100%}.pup-work .radar-pause{grid-column:1/-1;justify-self:start}.pup-work .radar-mode{font-size:11px}}
.pup-work .radar-origin{position:absolute;left:73%;top:61%;z-index:2;pointer-events:none}.pup-work .radar-origin span{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:50%;background:#247cb9;outline:3px solid #fff;box-shadow:0 0 0 5px #247cb91f}.pup-work .radar-origin small{position:absolute;top:10px;left:-26px;font-size:8px;letter-spacing:.12em;color:#496a83;white-space:nowrap}
.pup-work .radar-hit{display:none}