.pjPanel{padding:clamp(18px,4vw,32px);border:1px solid #37677c;border-radius:24px;background:radial-gradient(ellipse at top left,#143d52,transparent 60%),#071721;margin-bottom:24px}.pjHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pjEyebrow{color:#78dfff;letter-spacing:2px;font-size:11px;font-weight:900}.pjHead h2{font-size:clamp(24px,4vw,34px);line-height:1.25;margin:14px 0}.pjHead p,.pjHint{color:#acc5d3;line-height:1.6;font-size:12px}.pjMilestones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.pjPanel button{min-height:44px;border:1px solid #31576d;border-radius:12px;background:#0b2230;color:#b9d8e8;padding:10px 12px;cursor:pointer;font-weight:800}.pjPanel button[aria-pressed=true]{border-color:#76dfff;color:#83eaff;background:#143e52;box-shadow:0 0 16px #4ecaff15}.pjPanel button:focus-visible,.pjPanel select:focus-visible,.pjPanel input:focus-visible{outline:3px solid #7ce6ff;outline-offset:3px}.pjDates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pjPanel label{display:block;font-size:12px;color:#bed5e0;font-weight:800}.pjPanel select{display:block;width:100%;background:#07131d;border:1px solid #31576d;color:#e4f7ff;min-height:44px;padding:10px;border-radius:10px;margin:7px 0 12px;font-size:16px}.pjActual{font-size:12px;color:#89dfff;margin:8px 0 18px}.pjViewControls{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.pjViewControls>div{display:flex;gap:6px}.pjViewControls button{font-size:12px;padding:9px}.pjPair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pjPair figure{margin:0;min-width:0;background:#04101a;border:1px solid #2e5369;border-radius:16px;overflow:hidden}.pjPair img{display:block;width:100%;aspect-ratio:3/4;object-fit:contain;background:#06111a}.pjPair figcaption{padding:12px}.pjPair figcaption b,.pjPair figcaption span{display:block}.pjPair figcaption b{color:#ecfaff;font-size:15px}.pjPair figcaption span{font-size:11px;color:#a8c3d2;margin-top:5px}.pjMissing{aspect-ratio:3/4;display:grid;place-content:center;text-align:center;color:#9db5c4;padding:12px;font-size:13px}.pjWipe{position:relative;aspect-ratio:3/4;max-height:600px;max-width:450px;margin:auto;background:#06111a;border-radius:18px;overflow:hidden;border:1px solid #39738b}.pjWipe>img,.pjWipeBefore,.pjWipeBefore img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.pjWipeLabel{position:absolute;top:12px;background:#04121de0;color:#c2f5ff;border:1px solid #42768c;padding:7px 12px;border-radius:10px;font-size:12px;font-weight:800}.pjWipeLabel.before{left:12px}.pjWipeLabel.after{right:12px}.pjSliderLabel{max-width:450px;margin:15px auto;text-align:center}.pjSliderLabel input{display:block;width:100%;margin:14px 0;accent-color:#65dfff;min-height:40px}.pjTrend{border-top:1px solid #31566c;margin-top:24px;padding-top:18px}.pjTrend h3{font-size:22px}.pjChange{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pjChange>div{background:#0c2838;padding:14px;border:1px solid #31566c;border-radius:14px}.pjChange span,.pjChange b,.pjChange small{display:block}.pjChange span,.pjChange small{font-size:11px;color:#aac6d6}.pjChange b{font-size:23px;color:#e3f8ff;margin:7px 0}.pjDelta{color:#83e5ff;font-size:14px}.pjChart{width:100%;height:auto;max-height:240px}.pjChart circle:focus{outline:none;stroke:white;stroke-width:3}.pjTrend details{font-size:13px;color:#bed5e0}.pjTrend summary{cursor:pointer;min-height:44px;padding:10px 0}@media(max-width:600px){.pjHead{flex-direction:column}.pjHead button{align-self:flex-end}.pjDates{grid-template-columns:1fr}.pjMilestones button{padding:10px 4px;font-size:12px}.pjPair figcaption{padding:10px}.pjViewControls{gap:8px}.pjChange>div{padding:11px}.pjChange b{font-size:20px}}