/* =====================================================================
   Supracited sample study v8. Generated by site/build_sample.py; do not hand-edit.
   Loaded after /css/site.v61.css and /css/field.v1.css on /sample-audit only: the banner, the pair field's
   two radio rows, the fix cards, the folds' lists and tables.
   ===================================================================== */
.sample p{text-wrap:pretty}
.sa-banner{background:var(--tint)}
.sa-banner p{max-width:none;padding:8px 0;font-size:15px;font-weight:600;line-height:1.5;color:var(--ink)}

/* the pair field: the brand chips beside the assistant chips where the row has room (the gold swatch is right in
   field.v1.css since v8 WP-E) */
@media (min-width:64rem){
  .sample .af--pair .af-keys,.sample .af--pair .af-as{display:inline-block;vertical-align:top;margin-right:2.5rem}
  .sample .af--pair .af-as{margin-right:0}
}
/* without script: a track under each of the pair's two fallback bars, so a 0% still reads as a bar */
.af-bar--pair{background:linear-gradient(var(--af-track),var(--af-track)) 0 0/100% 4px no-repeat,
linear-gradient(var(--af-track),var(--af-track)) 0 8px/100% 4px no-repeat}
/* below 64rem the head sits above the rows: the rival's name on its own line, as the brand's is */
@media (max-width:63.99rem){.sample .af-head--pair .af-hr .af-hk{flex-basis:100%}}

/* four fix cards */
.sa-fixes{display:grid;gap:16px}
@media (min-width:56.25rem){.sa-fixes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sa-fix{min-width:0;padding:22px 24px;border:1px solid var(--hair);border-radius:14px;background:var(--white)}
@media (max-width:44.99rem){.sa-fix{padding:18px}}
.sa-fix-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.sa-fix-n{font-size:15px;font-weight:700;line-height:1.5;color:var(--teal)}
.sa-fix-t{margin-top:12px;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.005em;text-wrap:balance}
.sa-step{margin-top:8px;font-size:16px;line-height:1.55}
.sa-step strong{font-weight:700}
.sa-comply{margin-top:20px}

/* fold: every brand named, one column per assistant */
.sa-bn{display:grid;gap:2rem}
@media (min-width:64rem){.sa-bn{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem}}
.sa-bn-h{font-size:18px;line-height:1.4;font-weight:700}
.sa-bn-h span{margin-left:.35rem;font-size:15px;font-weight:500;color:var(--muted)}
.sa-bn-list{margin-top:.6rem;border-top:1px solid var(--hair)}
.sa-bn-row{display:grid;grid-template-columns:minmax(0,1fr) 7.5rem 9.5rem;align-items:center;column-gap:1rem;
padding:9px 0;border-bottom:1px solid var(--hair);font-size:16px;line-height:1.4}
.sa-bn-name{font-weight:600;min-width:0}
.sa-bn-v{display:flex;align-items:baseline;gap:.45rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.sa-bn-v b{font-size:18px;font-weight:700}
.sa-bn-v span,.sa-bn-rl,.sa-bn-none{font-size:15px;color:var(--muted)}
.sa-bn-r{display:grid;gap:4px}
.sa-bn-r .bar{height:8px;border-radius:4px}
.sa-bn-r .bar-fill{border-radius:4px;background:var(--teal-2,#3D8C84);opacity:.55}
.sa-bn-r .bar-tick{top:-3px;height:14px;background:var(--teal)}
.sa-bn-rl{line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.sa-bn-row.is-subj{background:var(--tray);box-shadow:-10px 0 0 var(--tray),10px 0 0 var(--tray)}
.sa-bn-row.is-subj .sa-bn-name{color:var(--teal);font-weight:700}
.sa-bn-none{margin-top:.75rem;line-height:1.5}
@media (max-width:44.99rem){.sa-bn-row{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}
.sa-bn-r{grid-column:1 / -1;grid-template-columns:minmax(0,1fr) 8.5rem;align-items:center;column-gap:.75rem}
.sa-bn-rl{text-align:right}}

/* tables in the folds */
.sample .data--sources{min-width:880px}
.sample .data--sources td:last-child{white-space:nowrap}
.sample .data--gap{min-width:720px}
.sample .data--road{min-width:760px}
.sample .data--every{min-width:600px}
.data--every td{min-width:11rem}
.sa-c-v{display:block;font-variant-numeric:tabular-nums}
.sa-c-v b{font-weight:700}
.sa-c-r{display:block;font-size:15px;line-height:1.4;color:var(--muted)}
.data--every tr.is-all>*{background:var(--tray)}
.flag{font-weight:700;color:var(--ink)}
.no-flag{color:var(--muted)}
.sa-h3{margin-top:28px;font-size:var(--fs-h3);line-height:1.3;font-weight:700}
.sa-q{margin-top:8px}