/* Collectible paper seals, using the app's shared type scale. */
.badge-collection{margin:40px 0 48px;scroll-margin-top:24px}
.badge-collection>.section-title{align-items:center;margin-bottom:16px}
#badges-title:focus{outline:none}
.badge-total{padding:8px 14px;border:1px solid #cedbb6;border-radius:24px;background:#eaf0de;white-space:nowrap;color:#415631}
.badge-intro{max-width:780px;color:var(--muted)}
.badge-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin:28px 0 16px}
.badge-group-heading>span{color:var(--muted)}
.badge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.journey-badge-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.badge-card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}
.badge-card.is-earned{border-color:#ced9ba;background:#fbfcf7}
.journey-badge.is-earned{background:#edf2e4;border-color:#c8d6b1}
.badge-copy{width:100%;min-width:0}
.badge-kind{display:block;color:var(--muted);margin-bottom:8px}
.badge-card h3{margin:0 0 8px}
.badge-status{display:inline-flex;gap:6px;align-items:center;color:#536049;margin-bottom:12px}
.badge-status>.icon{width:16px;height:16px}
.badge-card.is-earned .badge-status{color:#415b2d}
.badge-card p{color:var(--muted);margin:0}
.badge-card .badge-practice{margin-top:8px}
.badge-emblem{width:86px;height:96px;position:relative;display:grid;place-items:center;flex-shrink:0;color:#385463;--seal-fill:#e1edf3;--seal-line:#748f9c}
.badge-emblem.peach{color:#795138;--seal-fill:#f5e3d5;--seal-line:#af876a}
.badge-emblem.green{color:#4d6533;--seal-fill:#e4edce;--seal-line:#90a66f}
.badge-emblem.is-locked{color:#6f796c;--seal-fill:#f3f4ee;--seal-line:#aeb7a7}
.badge-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.badge-frame>path:first-child{fill:var(--seal-fill);stroke:var(--seal-line);stroke-width:1.8}
.badge-frame>path+path{stroke:var(--seal-line);stroke-width:1;opacity:.65}
.badge-symbol{position:relative;margin-top:-8px;font-family:var(--display);line-height:1}
.badge-symbol>.icon{width:32px;height:32px;stroke-width:1.6}
.badge-emblem-check{position:absolute;right:0;bottom:6px;display:grid;place-items:center;width:25px;height:25px;background:var(--lime);border:1px solid #a4bf5d;border-radius:50%;color:#2c3d22}
.badge-emblem-check>.icon{width:16px;height:16px}
.badge-meter{height:5px;border-radius:5px;background:#dce3d1;overflow:hidden;margin:16px 0 8px}
.badge-meter>span{display:block;height:100%;background:#7c9b45;border-radius:5px}
.badge-count{display:block;color:var(--muted)}
.journey-badge-grid .badge-copy{display:flex;flex-direction:column;flex:1}
.journey-badge-grid h3{min-height:2.7em}
.journey-badge-grid .badge-meter{margin-top:auto}
.journey-badge-grid .badge-count{min-height:3.2em}
.badge-note{color:var(--muted);border-top:1px solid var(--line);padding-top:20px;margin-top:24px}
.recap-badges{text-align:left;margin:32px 0;padding:28px;background:#eef2e5;border:1px solid #d6e0c7;border-radius:12px}
.recap-badges>.eyebrow{color:var(--muted);margin-bottom:10px}
.recap-badges>p{margin-top:12px;color:var(--muted)}
.recap-badge-list{display:grid;gap:12px;margin:20px 0 12px}
.recap-badges .badge-card{display:flex;flex-direction:row;align-items:flex-start;padding:20px;gap:20px}
.recap-badges .badge-emblem{width:74px;height:83px}
.recap-badges .badge-copy{flex:1}
.recap-badges .badge-status{margin-bottom:8px}
.recap-badges>.text-link{margin-top:12px}
.badge-new .badge-emblem{animation:badge-arrive .35s ease-out both}
@keyframes badge-arrive{from{transform:scale(.9) rotate(-6deg)}to{transform:scale(1) rotate(0)}}
@media(max-width:1190px){.journey-badge-grid,.mission-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.badge-collection{margin:32px 0 40px}.badge-grid{grid-template-columns:1fr}.badge-card{flex-direction:row;padding:22px 18px;gap:16px}.badge-copy{flex:1}.badge-emblem{width:65px;height:73px}.badge-symbol>.icon{width:27px;height:27px}.badge-emblem-check{width:22px;height:22px;right:-2px;bottom:2px}.badge-emblem-check>.icon{width:14px;height:14px}.badge-group-heading{display:block;margin-top:24px}.badge-group-heading>span{display:block;margin-top:8px}.recap-badges{padding:24px 18px}.recap-badges .badge-card{padding:18px 14px;gap:14px}.recap-badges .badge-emblem{width:60px;height:67px}.badge-total{padding:7px 12px}}
@media(max-width:360px){.badge-card,.recap-badges .badge-card{flex-direction:column;gap:12px}}
@media(max-width:700px){.journey-badge-grid h3,.journey-badge-grid .badge-count{min-height:0}.journey-badge-grid .badge-meter{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.badge-new .badge-emblem{animation:none}}