/* How We Work additions; preserve the original Pupulan theme and flow artwork. */
.pup-work .work-risk-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
/* 2026-11-06 客户口径：同行卡片等高（align-items stretch）——展开某卡时
   同行收起卡的边框高度随之匹配，消除交付包原版式的高度参差；其余样式
   保持交付包原样。 */
.pup-work .work-risk-grid{align-items:stretch}
.pup-work details.work-risk{padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--white)}
.pup-work .work-risk summary{display:flex;gap:18px;align-items:center;list-style:none;padding:24px;min-height:112px;transition:background .2s}
.pup-work .work-risk summary::-webkit-details-marker{display:none}
.pup-work .risk-number{color:var(--gold);font-size:13px;font-weight:500;align-self:flex-start;padding-top:3px}
.pup-work .risk-title{display:block;font-size:18px;line-height:1.4}
.pup-work .risk-caption{display:block;margin-top:6px;font-size:13px;font-weight:400;color:var(--ink-soft)}
.pup-work .work-plus{position:relative;flex:0 0 18px;height:18px;margin-left:auto;color:var(--gold)}
.pup-work .work-plus:before,.pup-work .work-plus:after{content:'';position:absolute;left:1px;top:8px;width:16px;height:1px;background:currentColor;transition:transform .2s}
.pup-work .work-plus:after{transform:rotate(90deg)}
.pup-work .work-risk[open] .work-plus:after{transform:rotate(0)}
.pup-work .work-risk[open]{border-top-color:var(--gold)}
.pup-work .work-risk summary:hover{background:var(--paper,#f7f8f9)}
.pup-work .risk-content{padding:0 24px 24px 55px}
.pup-work .risk-content h3{font-size:14px;margin:20px 0 8px;color:var(--navy)}
.pup-work .risk-content p{margin:0 0 14px;font-size:14px;line-height:1.85}
.pup-work .risk-content .risk-decision{border-left:2px solid var(--gold);padding-left:14px;margin-bottom:0}
.pup-work .visibility-layout{display:grid;grid-template-columns:300px 1fr;gap:48px;margin-bottom:56px;align-items:start}
.pup-work .visibility-choices{display:grid}
.pup-work .visibility-choice{display:flex;gap:16px;align-items:center;width:100%;min-height:72px;padding:18px 12px;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font:inherit;font-size:15px;color:var(--navy);cursor:pointer;transition:background .2s,border-color .2s}
.pup-work .visibility-choice:last-child{border-bottom:1px solid var(--line)}
.pup-work .visibility-choice span:first-child{color:var(--gold);font-size:12px}
.pup-work .visibility-choice span:last-child{margin-left:auto;opacity:0;color:var(--gold)}
.pup-work .visibility-choice[aria-pressed=true]{background:#f7f8f9;border-top-color:var(--gold)}
.pup-work .visibility-choice[aria-pressed=true] span:last-child,.pup-work .visibility-choice:hover span:last-child{opacity:1}
.pup-work .visibility-panel{border-top:2px solid var(--gold);padding-top:24px}
.pup-work .visibility-panel h3{font-size:26px;margin:0 0 16px;color:var(--navy);line-height:1.4}
.pup-work .visibility-panel>p{font-size:15px;color:var(--ink-soft);line-height:1.85}
.pup-work .visibility-record{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
.pup-work .visibility-record p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.8}
.pup-work .visibility-record strong{display:block;color:var(--navy);margin-bottom:8px;font-weight:600}
.pup-work .visibility-panel[hidden]{display:none}
.pup-work .visibility-panel.is-entering{animation:pup-work-enter .25s ease-out}
.pup-work .work-stage{scroll-margin-top:150px}
.pup-work .work-stage:target{border-top-color:var(--gold)}
.pup-work details.work-record-toggle{padding:14px 0 0;margin-top:18px;border-bottom:0}
.pup-work .work-record-toggle summary{font-size:13px;font-weight:500;min-height:30px}
.pup-work .work-record-toggle .work-record{margin-top:14px}
.pup-add .work-stage-link{display:inline-block;color:var(--navy);font-size:12px;font-weight:500;padding:8px 0;text-underline-offset:4px}
.pup-add .work-stage-link span{color:var(--gold);display:inline-block;transition:transform .2s}
.pup-add .work-stage-link:hover span{transform:translate(2px,-2px)}
.pup-work button:focus-visible,.pup-work .work-stage:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
@keyframes pup-work-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.pup-work .work-risk-grid{grid-template-columns:1fr}.pup-work .visibility-layout{grid-template-columns:1fr;gap:28px}.pup-work .visibility-choices{grid-template-columns:1fr 1fr;gap:0 16px}.pup-work .visibility-choice{font-size:13px}.pup-work .visibility-choice:nth-last-child(2){border-bottom:1px solid var(--line)}}
@media(max-width:480px){.pup-work .work-risk summary{padding:20px;gap:12px}.pup-work .risk-content{padding:0 20px 20px}.pup-work .risk-title{font-size:17px}.pup-work .visibility-record{grid-template-columns:1fr;gap:20px}.pup-work .visibility-choice{gap:8px;padding:14px 8px}.pup-work .visibility-panel h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.pup-work .visibility-panel.is-entering{animation:none}.pup-work .work-risk summary,.pup-work .work-plus:after,.pup-work .visibility-choice,.pup-add .work-stage-link span{transition:none}}

/* Confirmed working arrangements, original disclosure style. */
.work-arrangements{scroll-margin-top:150px}.work-arrangements summary{min-height:48px}

