.engagement{color:var(--ink);margin:1.4rem 0 2rem}.engagement-topline,.engagement-quiet{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.9rem;font-size:.875rem;display:flex}.engagement-topline>div{gap:1rem;display:flex}.engagement-topline button,.engagement-quiet button{text-underline-offset:4px;text-decoration:underline}.engagement-grid{border:1px solid var(--border);grid-template-columns:1fr 1.15fr;display:grid}.passport-panel,.weekly-panel{padding:clamp(1.1rem,2.5vw,2rem)}.passport-panel{border-right:1px solid var(--border);background:var(--secondary)}.passport-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.passport-heading h2{margin:.5rem 0 1rem;font-size:1.7rem;line-height:1.2}.passport-count{font:normal 2.75rem/1 var(--p-display,Georgia);white-space:nowrap}.passport-count small{font-size:1rem}.passport-panel progress{width:100%;height:6px;accent-color:var(--copper);border:0;margin:.7rem 0 1.25rem;display:block}.passport-panel progress::-webkit-progress-bar{background:var(--border)}.passport-panel progress::-webkit-progress-value{background:var(--copper)}.passport-stamps{gap:.7rem;display:flex}.passport-stamps>span,.milestone-seal{border:1px dashed #687469;border-radius:50%;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;font-size:.875rem;display:grid}.passport-stamps>span[data-earned=true],.milestone[data-earned=true] .milestone-seal{border:1px solid var(--copper);color:var(--copper);background:var(--paper)}.passport-panel>p{margin:1rem 0 .5rem}.weekly-count{font-variant-numeric:tabular-nums;font-size:1.1rem}.weekly-goals{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.weekly-goals li{gap:.8rem;display:flex}.weekly-goals a{font-weight:600;text-decoration-thickness:1px}.weekly-goals p{color:var(--muted-foreground);margin:0;font-size:.875rem}.goal-check{flex-shrink:0;place-items:center;width:1.4rem;height:1.4rem;margin-top:.15rem;display:grid}.weekly-goals li[data-complete=true] .goal-check{color:var(--copper)}.weekly-panel[data-complete=true]{box-shadow:inset 0 3px 0 var(--copper)}.weekly-panel>.small{margin:.9rem 0 0}.milestone-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.milestone{border:1px solid var(--border);align-items:flex-start;gap:1rem;padding:1.2rem;display:flex}.milestone h3{margin:.4rem 0;font-size:1.3rem}.milestone p{margin:.4rem 0 .8rem}.engagement-footnote{color:var(--muted-foreground);margin:.9rem 0 0;font-size:.875rem}.weekly-focus{border-left:3px solid var(--copper);background:var(--secondary);margin-bottom:1.4rem;padding:1.3rem 1.5rem}.weekly-focus h2{overflow-wrap:anywhere;margin:.6rem 0;font-size:1.8rem;line-height:1.25}.weekly-focus p{white-space:pre-wrap;overflow-wrap:anywhere;margin:.5rem 0 1rem}.weekly-focus .workspace-link{align-items:center;gap:.4rem;display:inline-flex}.useful-control{flex-wrap:wrap;align-items:center;gap:.7rem;display:inline-flex}.useful-button,.useful-own{align-items:center;gap:.45rem;font-size:.875rem;display:inline-flex}.useful-button{border:1px solid var(--border);background:0 0;border-radius:2px;padding:.45rem .7rem}.useful-button[aria-pressed=true]{border-color:var(--copper);color:#963824;background:#fff8f2}.useful-button:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.useful-button>span{font-variant-numeric:tabular-nums}.useful-own{color:var(--muted-foreground)}.engagement-admin-preview{margin-top:1.5rem}@media (max-width:780px){.engagement-grid,.milestone-gallery{grid-template-columns:1fr}.passport-panel{border-right:0;border-bottom:1px solid var(--border)}}@media (prefers-reduced-motion:no-preference){.passport-stamps>span{transition:background .2s,border-color .2s,color .2s}}