/* /counsel split 0930: the product page's own sections — the task catalogue
   (#work) and the AnswerLoop chapter (#supervision) moved over from /startups.
   Extends cpa.css; same tokens, same reveal (.cpa-rv). */

.cps-work .cpa-statement{max-width:52rem;margin-inline:auto}
.cps-areas{list-style:none;margin:var(--cpa-l) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cpa-gap);row-gap:2.25rem}
.cps-areas>li{border-top:1px solid var(--cpa-hair);padding-top:1.25rem}
.cps-area-n{font:400 1.4375rem/1.2 var(--cpa-serif);color:var(--cpa-ink);letter-spacing:-.015em;margin:0 0 .7rem;display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .7rem}
.cps-area-c{font:600 var(--cpa-fs-label)/1.4 var(--cpa-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cpa-muted);white-space:nowrap}
.cps-area-t{font-size:1.0625rem;line-height:1.5;color:var(--cpa-muted);text-wrap:pretty;margin:0}
.cps-more{margin-top:var(--cpa-m)}
/* .cpa-room-link is drawn white for the dark Legal Room band; on the light sections it takes ink. */
.cps-more .cpa-room-link,.cps-sup .cpa-room-link{color:var(--cpa-ink)}
.cps-more .cpa-room-link:hover,.cps-sup .cpa-room-link:hover{color:var(--cpa-muted)}

.cps-feat2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cps-feat2 p{max-width:44ch}

.cps-sup .cpa-split{align-items:start}
.cps-sup .cpa-split-t .cpa-eyebrow{margin-bottom:1rem}
.cps-sup .cpa-split-t .cpa-room-links{margin-top:var(--cpa-m)}
.cps-flow{list-style:none;margin:0;padding:0;display:grid}
.cps-flow>li{display:grid;grid-template-columns:3.25rem 1fr;gap:1.25rem;padding-block:1.6rem;border-top:1px solid var(--cpa-hair)}
.cps-flow>li:last-child{border-bottom:1px solid var(--cpa-hair)}
.cps-flow-n{font:400 var(--cpa-fs-stat)/1 var(--cpa-serif);color:var(--cpa-muted);font-variant-numeric:tabular-nums}
.cps-flow p{font:400 clamp(1.25rem,1.1rem + .5vw,1.5rem)/1.35 var(--cpa-serif);color:var(--cpa-ink);text-wrap:pretty;margin:0}
.cps-flow-l{position:relative}
.cps-flow-l::before{content:"";position:absolute;left:0;top:-1px;width:3.25rem;height:1px;background:var(--lv-yellow-dot,#D97706)}
.cps-flow-l .cps-flow-n{color:var(--lv-yellow-dot,#D97706)}
.cps-figpanel>div{margin-inline:auto;max-width:1112px}
.cps-fig-cap{margin:1.25rem auto 0;max-width:72ch;text-align:center;font-size:.875rem;color:var(--cpa-muted)}

@media (max-width:960px){
  .cps-areas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cps-figpanel .la-fig{max-width:440px;margin-inline:auto}
}
@media (max-width:700px){
  .cps-areas,.cps-feat2{grid-template-columns:1fr}
  .cps-figpanel{padding:.75rem}
}

/* hero tagline under the H1 (0930 hero copy) */
.cpa-tagline{font:400 clamp(1.25rem,1.05rem + .7vw,1.625rem)/1.3 var(--cpa-serif);color:var(--cpa-ink);letter-spacing:-.01em;margin:calc(var(--cpa-m) * -.4) 0 var(--cpa-m);text-wrap:balance}