/* Palette A: Linen / iris / sage. Progress, selection and availability are separate. */
/* DEC-0046: Not started grey ring · Started soft blue · Developing amber · Secure green · Mastery Bridgecombe gold. */
:root{--status-linen:#ece9e2;--status-linen-ink:#53564f;--status-sky:#e2ecf8;--status-sky-ink:#2d4f7a;--status-amber:#fddcc4;--status-amber-ink:#7a3a0c;--status-sage:#dceadf;--status-sage-ink:#2f5943;--status-gold:#efdc9f;--status-gold-ink:#4d3908;--status-gold-mark:var(--bridge-gold,#c9a15a)}
.impact-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;font-size:12px;line-height:1.4;font-weight:600;background:var(--status-linen);color:var(--status-linen-ink)}
[data-progress-status=started]{background:var(--status-sky);color:var(--status-sky-ink)}[data-progress-status=developing]{background:var(--status-amber);color:var(--status-amber-ink)}[data-progress-status=secure]{background:var(--status-sage);color:var(--status-sage-ink)}[data-progress-status=mastery]{background:var(--status-gold);color:var(--status-gold-ink)}[data-progress-status=mastery]{font-weight:700}[data-progress-status=mastery]>span[aria-hidden]{color:#9a6f1e}.impact-status>span[aria-hidden]{font-size:1.15em;line-height:1}[data-progress-status=started]>span[aria-hidden]{font-size:1.45em}
.home-prototype .skill{display:grid;grid-template-rows:minmax(2.7em,1fr) 0 auto;align-items:start;align-content:stretch;gap:6px;text-align:left;padding:24px 12px 12px!important;background:#fffefc;color:#25344b;position:relative}
.home-prototype .skills:has(.impact-availability) .skill{grid-template-rows:minmax(2.7em,1fr) 1.4em auto}
.home-prototype .impact-skill-name{grid-row:1;margin:0;padding:0;font-weight:700;line-height:1.35}.home-prototype .skill .impact-status{grid-row:3;align-self:end;margin:0 -12px -12px;padding:6px 12px;border-radius:0 0 10px 10px}.impact-selection{position:absolute;right:8px;top:6px;font-size:11px;line-height:1.2;color:var(--bridge-brand,#6b46c8)}.home-prototype .skill:disabled{opacity:1}.impact-availability{grid-row:2;font-size:11px;line-height:1.4;color:#566274}.home-prototype .skill.on,.home-prototype .mode.activity-current{background:#fffefc;color:#25344b;border-color:var(--bridge-brand,#6b46c8);box-shadow:0 0 0 2px var(--bridge-brand,#6b46c8)}.home-prototype .skill[aria-pressed=true]{outline-offset:4px}
.home-prototype .mode{display:grid;grid-template-rows:auto minmax(2.8em,1fr) auto;gap:6px;align-content:stretch;align-items:start}.home-prototype .mode h3,.home-prototype .mode p,.home-prototype .mode b{margin:0}.home-prototype .mode b{align-self:end}.home-prototype .mode:focus-visible{outline:3px dashed var(--bridge-brand,#6b46c8);outline-offset:5px}

.pm-card[class*=status-]{background:#fffefc;color:#25344b;box-shadow:none;border-color:#c7d0dd}.pm-card .pm-status{display:block;padding:6px 9px;border-radius:5px;background:var(--status-linen);color:var(--status-linen-ink)}.pm-card.unavailable{opacity:1}.status-list .status-unsampled{background:var(--status-linen);color:var(--status-linen-ink)}
@media(forced-colors:active){.impact-status{border:1px solid CanvasText}.home-prototype .skill.on{outline:3px solid Highlight}.impact-selection{color:Highlight}}
.home-prototype .skill:focus-visible{outline:3px dashed var(--bridge-brand,#6b46c8);outline-offset:5px}

.activity-panel{padding:18px;border:1px solid #d4deec;border-radius:16px;background:#f0f4fa;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.activity-panel>h2{font-size:22px;margin:0}.activity-panel .mode,.activity-panel .mode.featured{background:#fffefc}.activity-panel .mode h3{font-weight:750}.activity-panel .mode:disabled{opacity:1;color:#47546a;cursor:not-allowed}.activity-unavailable{font-size:12px;font-weight:650;color:#47546a;grid-row:4}.activity-panel .mode{grid-template-rows:auto minmax(2.8em,1fr) auto 1.4em}.activity-panel .mode b{font-weight:750}.activity-panel .mode:disabled b{visibility:hidden}@media(max-width:560px){.activity-panel{padding:12px}.activity-panel>h2{font-size:20px}}