/* Brand Systems · 03 manifest — the offer as an installable package list with dependency arcs */
.cbs-mf{background:var(--paper)}
.cbs-mf__box{position:relative}
.cbs-mf__cmd{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--f);font-size:clamp(.875rem,1.4vw,1.125rem);color:var(--ink);padding-bottom:22px}
.cbs-mf__sh{color:var(--blue)}
.cbs-mf__cmd code{font-size:inherit;overflow-wrap:anywhere}
.cbs-mf__caret{width:9px;height:1.15em;background:var(--ink);margin-left:-6px;opacity:.85}
.is-live .cbs-mf__caret{animation:cbs-mf-blink 1.1s steps(1) infinite}
@keyframes cbs-mf-blink{50%{opacity:0}}

.cbs-mf__cols{display:none}
.cbs-mf__list-wrap{position:relative;border-top:1px solid var(--ink)}
.cbs-mf__arcs{display:none}
.cbs-mf__row{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0;border-bottom:1px solid var(--line);transition:background .35s var(--e)}
.cbs-mf__node{display:none}
.cbs-mf__pkg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.cbs-mf__pick{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:2px;padding:6px 10px;margin:-6px -10px;border-radius:var(--r-sm);font-family:var(--f);font-size:.875rem;color:var(--muted);text-align:left;transition:background var(--d1),color var(--d1)}
.cbs-mf__pick code{font-size:inherit}
.cbs-mf__pick b{font-weight:500;color:var(--ink)}
.cbs-mf__pick:hover{background:var(--paper-3)}
.cbs-mf__pick[aria-pressed="true"]{background:var(--ink);color:var(--on-ink-3)}
.cbs-mf__pick[aria-pressed="true"] b{color:var(--on-ink)}
.cbs-mf__ver{color:var(--blue)}
.cbs-mf__pick[aria-pressed="true"] .cbs-mf__ver{color:var(--on-ink-2)}
.cbs-mf__ok{display:inline-flex;align-items:center;gap:6px;font-family:var(--f);font-size:.6875rem;color:var(--faint)}
.cbs-mf__ok::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--blue) center/8px 8px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath d='M1.2 4.2l1.8 1.7L6.8 2' fill='none' stroke='%23fff' stroke-width='1.4'/%3E%3C/svg%3E")}
.cbs-mf__h{font-size:var(--t-h3);letter-spacing:-.012em;line-height:1.28;margin-bottom:6px}
.cbs-mf__d{font-size:var(--t-sm);line-height:1.6;color:var(--muted);max-width:52ch}
.cbs-mf__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.cbs-mf__req{display:flex;flex-wrap:wrap;gap:6px;font-size:.75rem}
.cbs-mf__req code{font-size:.6875rem;padding:4px 7px;border-radius:var(--r-xs);background:var(--paper-3);color:var(--txt);transition:background .3s,color .3s}
.cbs-mf__root{font-family:var(--f);font-size:.6875rem;color:var(--faint)}
.cbs-mf__row.is-sel{background:var(--paper-2)}
.cbs-mf__row.is-dep .cbs-mf__h::after{content:"required";margin-left:10px;vertical-align:middle;font-family:var(--f);font-size:.625rem;letter-spacing:.04em;padding:3px 6px;border-radius:var(--r-xs);background:var(--blue-wash);color:var(--blue-d)}
.cbs-mf__row.is-sel .cbs-mf__req code{background:var(--ink);color:var(--on-ink)}
.cbs-mf__box.has-sel .cbs-mf__row:not(.is-sel):not(.is-dep) .cbs-mf__txt{opacity:.45}
.cbs-mf__txt{transition:opacity .35s var(--e)}

.cbs-mf__sum{display:flex;flex-wrap:wrap;gap:8px 28px;padding-top:18px;font-family:var(--f);font-size:.6875rem;color:var(--muted)}
.cbs-mf__sum span:first-child{color:var(--ink)}
.cbs-mf__sum .cbs-note{margin-left:auto}

/* install print-out on entry */
.cbs-mf__row .cbs-mf__ok{opacity:0;transform:translateX(-6px);transition:opacity .4s var(--e),transform .4s var(--e)}
.cbs-mf__row.is-in .cbs-mf__ok{opacity:1;transform:none}

@media (min-width:900px){
  .cbs-mf__cols{display:grid;grid-template-columns:var(--cbs-mf-g);gap:28px;padding:0 0 12px var(--cbs-mf-gut);font-family:var(--f);font-size:var(--t-lbl);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
  .cbs-mf__box{--cbs-mf-gut:110px;--cbs-mf-g:minmax(0,.9fr) minmax(0,1.6fr) minmax(0,.9fr)}
  .cbs-mf__row{grid-template-columns:var(--cbs-mf-g);gap:28px;align-items:start;padding:28px 0 28px var(--cbs-mf-gut)}
  .cbs-mf__row.is-sel,.cbs-mf__row{background:none}
  .cbs-mf__row::before{content:"";position:absolute;inset:0 0 0 var(--cbs-mf-gut);background:var(--paper-2);opacity:0;transition:opacity .35s var(--e);z-index:-1}
  .cbs-mf__row.is-sel::before{opacity:1}
  .cbs-mf__list{position:relative;z-index:1}
  .cbs-mf__pkg{flex-direction:column;align-items:flex-start;gap:10px}
  .cbs-mf__meta{flex-direction:column;align-items:flex-start}
  .cbs-mf__node{display:block;position:absolute;left:calc(var(--cbs-mf-gut) - 26px);top:36px;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--line-3);transition:box-shadow .3s,background .3s}
  .cbs-mf__row.is-dep .cbs-mf__node{box-shadow:inset 0 0 0 2px var(--blue)}
  .cbs-mf__row.is-sel .cbs-mf__node{background:var(--ink);box-shadow:0 0 0 4px var(--paper-4)}
  .cbs-mf__arcs{display:block;position:absolute;left:0;top:0;width:var(--cbs-mf-gut);height:100%;overflow:visible;pointer-events:none;z-index:2}
  .cbs-mf__arcs path{fill:none;stroke:var(--line-3);stroke-width:1.25;transition:stroke .3s,stroke-width .3s,opacity .3s}
  .cbs-mf__arcs path.is-on{stroke:var(--blue);stroke-width:1.75}
  .cbs-mf__box.has-sel .cbs-mf__arcs path:not(.is-on){opacity:.35}
  .cbs-mf__arcs{clip-path:inset(0 0 100% 0);transition:clip-path 1.4s var(--e-io)}
  .cbs-mf__box.is-drawn .cbs-mf__arcs{clip-path:inset(0 0 0 0)}
}
@media (max-width:599px){.cbs-mf__sum .cbs-note{margin-left:0}}
@media (prefers-reduced-motion:reduce){
  .cbs-mf__row .cbs-mf__ok{opacity:1;transform:none;transition:none}
  .cbs-mf__arcs{clip-path:none;transition:none}
}