/* Home refinement (owner-approved prototype, 27 Sept 2026).
   Presentation only: business values, permissions, states and routes are unchanged.
   Sizes, spacing, radii and timings come from design-tokens.css; colours from appearance.css. */

/* ---------- Shared card surface ---------- */
.home-brief :is(.brief-today,.home-achievement.brief-progress,.work-centre),
.home-brief #home-rewards>:is(section,a,.panel){border-radius:var(--rp-card-radius);box-shadow:var(--rp-card-shadow)}

/* ---------- Greeting row ---------- */
.home-brief .brief-welcome h1{font-size:var(--rp-display-size);font-weight:600;letter-spacing:var(--rp-tracking-tight)}
.home-brief .brief-welcome .eyebrow{font-size:var(--rp-help-size);letter-spacing:.2px}
.home-brief .home-app-install{background:var(--paper);border:1px solid var(--line);color:var(--muted);box-shadow:none;border-radius:var(--rp-pill-radius);min-height:var(--rp-control-compact);padding:0 var(--rp-space-3);font-size:var(--rp-small-size);font-weight:500;transition:background-color var(--rp-state-duration),transform var(--rp-press-duration) var(--rp-ease)}
.home-brief .home-app-install:hover{background:var(--surface-hover)}
.home-brief .home-app-install:active{transform:scale(.97)}
@media(max-width:719px){
  .home-brief .home-welcome-row{flex-wrap:wrap;align-items:flex-end;row-gap:var(--rp-space-2)}
  .home-brief .home-welcome-row>.brief-welcome{display:contents}
  .home-brief .home-welcome-row>.brief-welcome>div:first-child{flex:1;min-width:0}
  .home-brief .home-welcome-row>:not(.brief-welcome){order:2}
  .home-brief .home-welcome-row::after{content:"";order:2;flex-basis:100%}
  .home-brief .home-welcome-row>.brief-welcome>.rp-seg{order:3;margin:0}
}

/* ---------- Today: one shift cue (the icon tile), a larger time ---------- */
.home-brief .brief-today{padding:var(--rp-card-padding) var(--rp-card-padding) 0}
.home-brief .brief-today:before{display:none}
.home-brief .brief-shift strong{font-size:var(--rp-display-size);font-weight:600;letter-spacing:var(--rp-tracking-tight);line-height:1.3}
.home-brief .brief-day-metrics span{font-size:var(--rp-help-size)}
.home-brief .brief-day-metrics strong{font-size:var(--rp-section-size);font-weight:600}
.home-brief .brief-today summary{font-size:var(--rp-small-size);min-height:var(--rp-control-size)}
.home-brief .brief-today summary small{font-size:var(--rp-help-size)}
.home-brief .brief-today .week-row{font-size:var(--rp-small-size)}
.brief-targets-empty{font-size:var(--rp-small-size);line-height:1.6;color:var(--muted);margin:var(--rp-space-2) 0 var(--rp-space-3)}
.brief-shared-status{font-size:var(--rp-help-size);color:var(--muted);margin:var(--rp-space-1) 0 0;line-height:1.6}

/* ---------- Progress ---------- */
.home-brief .home-achievement.brief-progress{padding:var(--rp-space-5) var(--rp-space-5) var(--rp-space-1)}

.home-brief .brief-progress-head h2{font-size:var(--rp-section-size);font-weight:600;letter-spacing:var(--rp-tracking-tight)}
/* UX-A1-12: Day / Week / Month never shrink below their words (at 320-360px English they were cut to "W…" / "M…"). When the title
   and the switch do not fit on one line the switch moves under the title; on the narrowest phones it takes the whole row. */
.home-brief .brief-progress-head{flex-wrap:wrap;row-gap:var(--rp-space-2);margin-bottom:var(--rp-space-2)} /* the switch's 44px tap area ends before the period button below */
.home-brief .brief-period-seg>button{min-width:auto;overflow:visible} /* nothing to ellipsize now; lets the shared 44px ::after tap area through */
@media(max-width:379px){.home-brief .brief-progress-head>.brief-period-seg{flex:1 1 100%}}
.home-brief .brief-period-line{font-size:var(--rp-small-size)}
.home-brief .brief-period-line a{color:var(--accent)}
.home-brief .brief-coverage{font-size:var(--rp-help-size);gap:var(--rp-space-1) var(--rp-space-3)}
.home-brief .brief-score-label{font-size:var(--rp-small-size)}
.home-brief .brief-score{font-weight:600}
.home-brief .brief-score-note{font-size:var(--rp-help-size)}
.home-brief .brief-goal-state{font-size:var(--rp-help-size);padding:3px var(--rp-space-2);border-radius:var(--rp-chip-radius)}
.home-brief .brief-ledger-labels{display:none}
.home-brief .brief-metric{min-height:68px}
.home-brief .brief-metric-name{font-size:var(--rp-body-size)}
.home-brief .brief-metric-value strong{font-size:var(--rp-section-size);font-weight:600}
.home-brief .brief-metric-value small{font-size:var(--rp-help-size)}
.home-brief .brief-metric-value.no-target small{color:var(--muted)}
.home-brief .brief-rate{font-size:var(--rp-body-size);font-weight:600}
.home-brief .brief-progress .achievement-rail{height:9px}
.home-brief .brief-scale-note{font-size:var(--rp-help-size);display:flex;justify-content:flex-end;flex-wrap:wrap;gap:2px var(--rp-space-1);align-items:center}
.scale-key{display:inline-block;width:2px;height:11px;border-radius:1px;margin-right:var(--rp-space-1);vertical-align:-1px}
.scale-key.time{background:var(--ink)}
.scale-key.goal{background:var(--axis-ink)}
.home-brief .brief-progress .achievement-activity{font-size:var(--rp-small-size)}
.home-brief .brief-progress .achievement-detail>summary{font-size:var(--rp-body-size);min-height:var(--rp-control-size)}
.home-brief .achievement-identity-note{font-size:var(--rp-help-size);color:var(--muted)}
.brief-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--rp-space-1);padding:var(--rp-space-6) var(--rp-space-3) var(--rp-space-5)}
.brief-empty-state>.icon{width:44px;height:44px;padding:var(--rp-space-3);border-radius:var(--rp-group-radius);background:var(--surface-soft);color:var(--muted);margin-bottom:var(--rp-space-1)}
.brief-empty-state strong{font-size:var(--rp-strong-size);font-weight:500}
.brief-empty-state p{font-size:var(--rp-small-size);line-height:1.6;color:var(--muted);max-width:300px}

/* ---------- Disclosures open and close in place ---------- */
@supports (interpolate-size:allow-keywords){
  .home-brief{interpolate-size:allow-keywords}
  .home-brief details::details-content{block-size:0;opacity:0;overflow:clip;transition:block-size var(--rp-panel-duration) var(--rp-ease),opacity var(--rp-panel-duration) var(--rp-ease),content-visibility var(--rp-panel-duration) allow-discrete}
  .home-brief details[open]::details-content{block-size:auto;opacity:1}
}
.home-brief details>summary .icon{transition:transform var(--rp-panel-duration) var(--rp-ease)}

/* ---------- Desktop: today and work side by side, progress full width ---------- */
@media(min-width:1000px){
  .home-brief .brief-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:min-content 1fr auto;column-gap:var(--rp-space-5);row-gap:var(--rp-space-4);align-items:start}
  .home-brief .brief-day-column{display:contents}
  .home-brief .brief-day-column>:not(.work-centre,.wc-entry){grid-column:1;grid-row:1 / 3;margin:0;align-self:stretch}
  .home-brief .brief-day-column>:is(.work-centre,.wc-entry){grid-column:2;grid-row:1;margin:0}
  .home-brief .brief-day-column>:is(.work-centre,.wc-entry):only-child{grid-column:1;grid-row:1}
  .home-brief .brief-work-column{grid-column:2;grid-row:2;margin:0}
  .home-brief .brief-grid:has(.brief-day-column>:is(.work-centre,.wc-entry):only-child) .brief-work-column{grid-row:1}
  .home-brief .brief-grid:not(:has(.brief-day-column>:is(.work-centre,.wc-entry))) .brief-work-column{grid-row:1 / 3}
  .home-brief .brief-evidence-column{grid-column:1 / -1;grid-row:3}
  .home-brief .brief-ledger{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--rp-space-6);border-top:0}
  .home-brief .brief-metric{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name rate" "value value";border-bottom:0;row-gap:var(--rp-space-1);min-height:0}
  .home-brief .brief-metric-name{grid-area:name}
  .home-brief .brief-metric-value{grid-area:value}
  .home-brief .brief-rate{grid-area:rate}
  .home-brief .brief-scale-note{grid-column:1 / -1}
}

/* ======================================================================
   Round 2 (owner request, 28 Sept 2026): fewer labels, denser Home.
   ====================================================================== */

/* ---------- Today card: store and provisional as tags; shift name under its Rota-coloured mark ---------- */
.brief-today-tags{display:flex;flex-wrap:wrap;gap:var(--rp-space-1);margin-bottom:var(--rp-space-2)}
.brief-store-tag,.brief-preview-tag{display:inline-flex;align-items:center;gap:var(--rp-space-1);min-height:24px;padding:0 var(--rp-space-2);border-radius:var(--rp-pill-radius);font-size:var(--rp-help-size);font-weight:500;color:var(--ink);background:var(--surface-soft)}
.brief-store-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}
.brief-store-tag.store-stratford{background:var(--store-stratford-soft)}
.brief-store-tag.store-stratford::before{background:var(--store-stratford)}
.brief-store-tag.store-white-city{background:var(--store-whitecity-soft)}
.brief-store-tag.store-white-city::before{background:var(--store-whitecity)}
.brief-preview-tag{background:var(--warning-soft);color:var(--warning-ink)}
.home-brief .brief-shift{gap:var(--rp-space-3);align-items:center}
.brief-shift-mark{display:flex;flex-direction:column;align-items:center;gap:3px;flex:none;min-width:44px}
.brief-shift-mark>small{font-size:var(--rp-help-size);font-weight:500;color:var(--ink);line-height:1.2;white-space:nowrap}
.home-brief .brief-shift-icon{position:relative;overflow:hidden;width:40px;height:40px;border-radius:var(--rp-control-radius)}
.brief-shift-icon.has-source{background:none}
.brief-shift-fill{position:absolute;inset:0;width:100%;height:100%}
.brief-shift-icon>.icon{position:relative}
.home-brief .brief-shift strong{line-height:1.15}
.shift-pill.has-source{position:relative;overflow:hidden;isolation:isolate;background:none;color:var(--ink)}
.shift-pill-fill{position:absolute;inset:0;width:100%;height:100%;z-index:-1}

/* Day tiles without a heading; the (i) sits on the AIoT GMV label line */
.home-brief .brief-targets{margin-top:var(--rp-space-3)}
.home-brief .brief-day-metrics{margin-bottom:var(--rp-space-2)}
.home-brief .brief-day-metrics span{display:flex;align-items:center;gap:2px;min-height:20px}
.brief-target-info.icon-button{min-width:28px;min-height:28px;width:28px;height:28px;margin:-4px -8px -4px -4px;color:var(--muted)}
.brief-target-info .icon{width:var(--rp-icon-sm);height:var(--rp-icon-sm)}
.brief-basis-dialog{font-size:var(--rp-small-size);line-height:1.7}
.brief-basis-dialog p{margin:0 0 var(--rp-space-2)}
.brief-basis-dialog .brief-action-scope{padding:var(--rp-space-2) 0;border-top:1px solid var(--line)}
.brief-basis-dialog .achievement-method{margin-top:var(--rp-space-3);border-top:1px solid var(--line);padding-top:var(--rp-space-2)}


/* ---------- Progress: score, labels and coverage side by side ---------- */
.brief-hero{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--rp-space-3);align-items:center;padding:var(--rp-space-2) 0 var(--rp-space-3)}
.brief-hero .brief-attainment,.brief-hero .brief-attainment>div:first-child{display:contents}
.brief-hero .brief-score{grid-column:1;grid-row:1 / span 4;align-self:center;font-size:40px;line-height:1}
.brief-hero>*,.brief-hero .brief-attainment>*,.brief-hero .brief-attainment>div:first-child>*{grid-column:2}
.brief-hero .brief-score-label{min-height:24px}
.brief-hero .brief-score-note{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:var(--rp-space-1) var(--rp-space-2)}
.brief-hero .brief-coverage{margin:0;gap:0 var(--rp-space-2)}
.brief-hero .brief-score-empty{font-size:var(--rp-help-size)}

/* Metric rows: name, actual / target and rate on one line; the rail below */
.home-brief .brief-metric{grid-template-columns:86px minmax(0,1fr) auto;grid-template-areas:"name value rate" "rail rail rail";row-gap:var(--rp-space-1);min-height:0;padding:var(--rp-space-2) 0}
.home-brief .brief-metric-name{grid-area:name}
.home-brief .brief-metric-value{grid-area:value}
.home-brief .brief-rate{grid-area:rate}
.home-brief .brief-metric>.achievement-rail{grid-area:rail;margin:0}
.home-brief .brief-metric-value strong{display:inline;font-size:var(--rp-strong-size)}
.home-brief .brief-metric-value small{display:inline;margin-left:var(--rp-space-1)}
.home-brief .brief-metric-value.no-target small{display:block;margin:0}
.brief-ledger-foot{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rp-space-1) var(--rp-space-3);padding:var(--rp-space-2) 0}
.brief-ledger-foot .achievement-activity{margin:0;min-height:0}
.home-brief .brief-ledger-foot .brief-scale-note{padding:0}

/* ---------- Manager: one expandable row per person on shift ---------- */
.home-brief .brief-day-note{font-size:var(--rp-help-size);color:var(--muted);margin:var(--rp-space-1) 0 0}
.home-brief details.brief-daily-person{padding:0;border-bottom:0}
.home-brief details.brief-daily-person>summary{list-style:none;cursor:pointer;padding:var(--rp-space-3) 0 var(--rp-space-2)}
.home-brief details.brief-daily-person>summary::-webkit-details-marker{display:none}
.home-brief details.brief-daily-person header{display:flex;align-items:center;gap:var(--rp-space-2);margin:0 0 var(--rp-space-2)}
.home-brief details.brief-daily-person header>strong{font-size:var(--rp-body-size);margin-right:auto}
.home-brief details.brief-daily-person header>.icon{width:var(--rp-icon-sm);height:var(--rp-icon-sm);color:var(--muted);flex:none}
.home-brief details.brief-daily-person[open] header>.icon{transform:rotate(180deg)}
.home-brief details.brief-daily-person .brief-day-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--rp-space-2);margin:0}
.home-brief details.brief-daily-person .brief-day-metrics strong{font-size:var(--rp-strong-size)}
.home-brief details.brief-daily-person .brief-targets-empty{margin:0}
.brief-daily-detail{padding:0 0 var(--rp-space-3)}

@media(min-width:1000px){
  .home-brief .brief-metric{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name rate" "value value" "rail rail"}
  .home-brief .brief-metric-value strong{display:block;font-size:var(--rp-section-size)}
  .home-brief .brief-metric-value small{display:block;margin:2px 0 0}
}

/* Store line: the store as a tag, today's reporting state beside it */
.home-brief .brief-store-line{display:flex;align-items:center;flex-wrap:wrap;gap:var(--rp-space-1) var(--rp-space-2);margin:var(--rp-space-2) 0 0;font-size:inherit;font-weight:400}
.home-brief .brief-store-line .brief-day-note{font-size:var(--rp-help-size);color:var(--muted)}
.brief-store-links{display:flex;flex-wrap:wrap;gap:var(--rp-space-1) var(--rp-space-5);padding:var(--rp-space-1) 0}
.home-brief .brief-store-links .achievement-manage{margin:0;min-height:var(--rp-control-compact)}

/* Empty period: one short block, not a tall illustration */
.brief-empty-state{flex-direction:row;text-align:left;gap:var(--rp-space-3);padding:var(--rp-space-3) 0}
.brief-empty-state>.icon{width:36px;height:36px;padding:var(--rp-space-2);margin:0;flex:none}
.brief-empty-state strong{font-size:var(--rp-body-size)}
.brief-empty-state p{max-width:none}

/* Hero: the score keeps column 1 (beats the column-2 rule for its siblings) */
.brief-hero .brief-attainment>div:first-child>.brief-score{grid-column:1;grid-row:1 / span 4}
/* Without a score, the chips and coverage already say why; no large dash or second sentence */
.brief-hero .brief-attainment>div:first-child>.brief-score.is-empty,.brief-hero .brief-score-empty{display:none}

/* Team day: the store tiles follow the store line directly */
.home-brief .brief-daily-team>.brief-targets{margin-top:0;padding:var(--rp-space-2) 0 var(--rp-space-5);border-bottom:0}
.home-brief .brief-progress .achievement-store-open>h3.brief-store-line{margin:var(--rp-space-1) 0 0}
.brief-hero:has(.brief-score.is-empty){display:block}

/* Rails follow calendar pace like the Data page (R-data-08): reached or ahead red, behind green, level neutral; the rate
   beside them uses the shared attainment(). The metric name identifies the metric (owner, 28 Sept 2026) */
.home-brief .achievement-rail.pace-ahead .rail-value{fill:var(--trend-up)}
.home-brief .achievement-rail.pace-behind .rail-value{fill:var(--trend-down)}
.home-brief .achievement-rail.pace-level .rail-value{fill:var(--muted)}

/* Press feedback (I-home-V21): tappable cards and rows shrink slightly while pressed; no scaling with reduced motion */
.work-centre>summary,.home-brief .achievement-store>summary,.home-brief .brief-daily-person>summary{transition:background-color var(--rp-state-duration),transform var(--rp-press-duration) var(--rp-ease)}
:is(.work-centre>summary,.home-brief .achievement-store>summary,.home-brief .brief-daily-person>summary):active{transform:scale(.985)}
@media (prefers-reduced-motion:reduce){:is(.work-centre>summary,.home-brief .achievement-store>summary,.home-brief .brief-daily-person>summary):active{transform:none}}

/* ---------- Card rhythm (I-home-V15): 12px between cards on phones, 16px on desktop; cards in one row share top and height ---------- */
.home-brief .brief-work-column>.rec-home{margin:0}
@media(max-width:999px){
  .home-brief .brief-grid,.home-brief .brief-day-column,.home-brief .brief-evidence-column{display:flex;flex-direction:column;gap:var(--rp-space-3)}
  .home-brief :is(.brief-day-column,.brief-evidence-column)>*,.home-brief .brief-work-column{margin:0}
}
@media(min-width:1000px){
  .home-brief .brief-work-column>.rec-home,.home-brief .brief-work-column>.rec-home>.panel{height:100%;box-sizing:border-box}
  .home-brief .brief-grid:has(.brief-day-column>:is(.work-centre,.wc-entry):only-child){grid-template-rows:auto auto}
  .home-brief .brief-grid:has(.brief-day-column>:is(.work-centre,.wc-entry):only-child) .brief-evidence-column{grid-row:2}
  .home-brief .brief-grid:has(.brief-day-column>.work-centre:only-child:not([open])) :is(.brief-day-column>.work-centre,.brief-work-column){align-self:stretch}
  /* An open task card grows on its own: the Today and points cards beside it keep their height (I-home-R3-05). */
  .home-brief .brief-grid:has(.brief-day-column>.work-centre[open]) :is(.brief-day-column>:not(.work-centre),.brief-work-column){align-self:start}
  .home-brief .brief-day-column>.work-centre:only-child:not([open]){display:flex;flex-direction:column}
  .home-brief .brief-day-column>.work-centre:only-child:not([open])>summary{flex:1}
}

/* ---------- "Current team · reading & learning 0/6": the count sits by the chevron (I-home-V25) ---------- */
.home-brief .brief-current-team>summary>b{margin-left:auto;margin-right:var(--rp-space-2)}

/* Store & team card groups by space, not rules: only the "Current team" disclosure keeps its top line (I-home-V16) */
.home-brief .brief-daily-team .brief-store-links{margin-top:var(--rp-space-2)}
.home-brief .brief-day-shift circle:not([fill]){fill:var(--shift-off-line)}

/* Compact controls (36px) keep a 44px hit area, the same as .rp-hit (I-home-V17) */
:is(.achievement-method>summary,.achievement-detail>summary,.brief-daily-person>details>summary,.brief-period-line :is(button,a),.brief-store-links .achievement-manage,.wc-tools .text-button,.wc-section>header .text-button,.planner-calendar-tools .text-button,.planner-method>summary,.home-brief .home-app-install){position:relative}
:is(.achievement-method>summary,.achievement-detail>summary,.brief-daily-person>details>summary,.brief-period-line :is(button,a),.brief-store-links .achievement-manage,.wc-tools .text-button,.wc-section>header .text-button,.planner-calendar-tools .text-button,.planner-method>summary,.home-brief .home-app-install)::after{content:"";position:absolute;inset:calc((var(--rp-control-compact) - var(--rp-control-size)) / 2) 0}

/* Counts and figures that change in place use tabular digits, the same as .rp-num (I-home-V14) */
:is(.tc-progress b,.wc-ring,.wc-summary strong,.planner-date-value,.planner-week-total,.monthly-staff-table :is(input,td,th),.sa-counts b,.brief-current-team>summary>b){font-variant-numeric:tabular-nums}
/* The (i) basis button is 28px; its hit area reaches 44px without changing how it looks */
.brief-target-info{position:relative}.brief-target-info::after{content:"";position:absolute;inset:-8px}

/* ---------- All-stores Home overview (owner request 28 Sept: use the width) ----------
   Sections sit side by side, as many as fit (3 at full width), each capped at 3 rows, so no section
   starts on a row of its own under a short neighbour. Search and "All work" share a row, as do the
   filters and the progress legend. */
.home-brief .home-work-overview .wc-standalone .wc-work-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--rp-space-4)}
.home-brief .home-work-overview .wc-after-groups{grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){
  .home-brief .home-work-overview .wc-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--rp-space-4);align-items:center}
  .home-brief .home-work-overview .wc-body>*{grid-column:1 / -1}
  .home-brief .home-work-overview .wc-body>.wc-search{grid-column:1;grid-row:1}
  .home-brief .home-work-overview .wc-body>.wc-tools{grid-column:2;grid-row:1;justify-content:flex-end}
  .home-brief .home-work-overview .wc-body>.wc-filters{grid-column:1;grid-row:2}
  .home-brief .home-work-overview .wc-body>.tp-legend{grid-column:2;grid-row:2;justify-content:flex-end}
  .home-brief .home-work-overview .wc-body>:is(.wc-search,.wc-tools,.wc-filters,.tp-legend){margin-block:0 var(--rp-space-3)}
}

/* ---------- UX-A1-22 (OD-Z-024 = A): low-priority cards shortened, nothing to do is one entry line ----------
   The approved order stays (Today → stock check → registrations); reading order is the markup order (no CSS order).
   Entry lines (shared entryRow) look like the other Home cards; inside a card they lose their own frame. */
.home-brief :is(.wc-entry,.reg-home-entry)>.rp-entry-row{box-shadow:var(--rp-card-shadow)} /* the points line's own shadow is in recognition.css */
.home-brief .brief-progress>.rp-entry-row{border:0;background:none;padding:0;margin:0 0 var(--rp-space-2)}
.home-brief .brief-progress>.rp-entry-row .rp-entry-link{padding-left:0}
/* Your progress: one line (overall score · period · sales cutoff); the figures open below it */
.home-brief .brief-progress-fold>summary{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--rp-space-2);row-gap:2px;min-height:var(--rp-control-size);padding:var(--rp-space-1) 0 var(--rp-space-3);list-style:none;cursor:pointer}
.home-brief .brief-progress-fold>summary::-webkit-details-marker{display:none}
.home-brief .brief-progress-fold>summary>.icon{margin-left:auto;align-self:center;color:var(--muted)}
.home-brief .brief-progress-fold[open]>summary>.icon{transform:rotate(180deg)}
.brief-line-label{font-size:var(--rp-small-size);color:var(--muted)}
.brief-line-score{font-size:var(--rp-section-size);font-weight:600;letter-spacing:var(--rp-tracking-tight)}
.brief-line-score.is-empty{font-size:var(--rp-body-size);font-weight:500;color:var(--muted)}
.brief-line-meta{flex-basis:100%;font-size:var(--rp-help-size);color:var(--muted)}
.home-brief .brief-progress-more{border-top:1px solid var(--line);padding-top:var(--rp-space-2)}
/* The line above already gives the score and the cutoff: inside, the hero keeps its label, target state, time and MoM */
.home-brief .brief-progress-more>.brief-hero{display:block}
.home-brief .brief-progress-more>.brief-hero :is(.brief-score,.brief-score-empty,.brief-coverage){display:none}
@media (prefers-reduced-motion:reduce){.home-brief .brief-progress-fold>summary>.icon{transition:none}}