/* change-order-autopsy, round 4 (2026-10-04): case files.
   Linked only from article-change-order-autopsy.html. Three folders, one per
   change order. Each opens on its tab: the change order as filed, annotated in
   pen, the findings, the clause that would have stopped it, and a stamp.
   The SOW check at the end is the evidence list. */

.coa4{
  --ink:#16150f; --ink2:#33312a; --mut:#6b6660; --hair:#d6d0c3; --hair2:#e6e1d6;
  --paper:#f7f5f0; --paper2:#efece4; --sheet:#fcfbf8; --manila:#ebe3cf; --manila2:#ddd2b8;
  --pen:#16304F; --stamp:#A93A3A; --red:#e5322d; --gold:#B8862F;
  background:var(--paper);
}
.coa4 ::selection{background:#16304F;color:#f7f5f0;}
.coa4 a:focus-visible,.coa4 button:focus-visible,.coa4 input:focus-visible{outline:2px solid var(--stamp);outline-offset:3px;border-radius:2px;}
.coa-wrap,.cf-wrap{width:min(1120px,calc(100vw - 32px));margin:0 auto;}
.coa-col{max-width:680px;}
.coa4 main p{font-family:var(--serif);}

/* ---------- opening ---------- */
.coa-top{padding:clamp(1.8rem,4.4vw,3.2rem) 0 0;}
.coa-top .back-link{margin-bottom:2.2rem;}
.coa-kind{margin:0 0 .7rem;font-style:italic;font-size:1.08rem;color:var(--mut);}
.coa-top h1{margin:0;max-width:13ch;font-size:clamp(2.6rem,6vw,4.9rem);font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--ink);}
.coa-top .dek{max-width:40ch;margin:1.5rem 0 0;font-size:clamp(1.2rem,2vw,1.45rem);line-height:1.42;color:var(--ink2);}
.coa-top .article-meta{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;margin-top:1.5rem;font-family:var(--sans);font-size:.86rem;color:var(--mut);}
.coa-top .article-meta b{color:var(--ink);font-weight:600;}

.coa-open{padding:clamp(2.4rem,5vw,3.6rem) 0 clamp(1.4rem,3vw,2rem);}
.coa-opengrid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(2rem,5vw,4.5rem);align-items:start;}
.coa4 .coa-col>p{font-size:1.14rem;line-height:1.72;color:var(--ink2);margin:0 0 1.3rem;max-width:66ch;}
.coa4 .coa-col>p.coa-lede{font-size:1.3rem;line-height:1.6;color:var(--ink);}

/* the drawer: three folder tabs, staggered like a file drawer seen from above */
.coa-drawer-h{margin:0 0 .9rem;font-style:italic;font-size:1.15rem;color:var(--ink);}
.coa-drawer ol{list-style:none;margin:0;padding:0;}
.coa-drawer li{margin:0 0 -.35rem;position:relative;}
.coa-drawer a{display:grid;grid-template-columns:auto 1fr;gap:.1rem .8rem;margin-left:calc(var(--tab) * 1.6rem);padding:.75rem 1rem 1rem;background:var(--manila);border-radius:6px 6px 0 0;box-shadow:0 -1px 0 var(--manila2) inset,0 1px 0 rgba(22,21,15,.05);color:var(--ink);text-decoration:none;}
.coa-drawer li:nth-child(2) a{background:#e6ddc6;} .coa-drawer li:nth-child(3) a{background:#e0d6bd;}
.coa-drawer .dn{grid-row:1/3;font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--stamp);padding-top:.2rem;font-variant-numeric:tabular-nums;}
.coa-drawer .dt{font-family:var(--serif);font-size:1.08rem;line-height:1.3;}
.coa-drawer .dc{font-family:var(--sans);font-size:.82rem;color:var(--mut);font-variant-numeric:tabular-nums;}
.coa-drawer a:hover .dt{text-decoration:underline;text-underline-offset:3px;}

/* ---------- the folders ---------- */
.cf{padding:clamp(3rem,6vw,4.6rem) 0 0;scroll-margin-top:70px;}
.cf-wrap{position:relative;}
.coa4 main p.cf-tab{position:relative;margin:0;margin-left:calc(var(--tab) * 26% + 2rem);display:inline-block;padding:.7rem 1.6rem .55rem;background:var(--manila);border-radius:10px 10px 0 0;font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--stamp);font-variant-numeric:tabular-nums;}
.cf-folder{position:relative;padding:clamp(1.6rem,3.6vw,2.8rem) clamp(1.2rem,3.6vw,3rem) clamp(1.8rem,3.6vw,2.6rem);background:var(--manila);border-radius:2px 10px 10px 10px;box-shadow:0 1px 0 var(--manila2),0 22px 40px -34px rgba(22,21,15,.55);}
.cf-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2.4rem;padding-bottom:1.2rem;margin-bottom:1.8rem;border-bottom:1px solid var(--manila2);}
.coa4 .cf-head h2{margin:0;max-width:20ch;padding:0;border:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08;letter-spacing:-.02em;color:var(--ink);}
.coa4 .cf-head h2::after,.coa4 .cf-head h2::before{content:none;}
.cf-meta{display:flex;gap:1.8rem;margin:0;font-family:var(--sans);}
.cf-meta div{display:flex;flex-direction:column;gap:.1rem;}
.cf-meta dt{font-size:.8rem;font-weight:600;color:var(--mut);}
.cf-meta dd{margin:0;font-size:.95rem;color:var(--ink);max-width:16rem;}
.cf-meta div:first-child dd{font-family:var(--serif);font-size:1.5rem;line-height:1.1;font-variant-numeric:tabular-nums;}

.cf-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.6rem,3.6vw,3rem);align-items:start;}

/* the change order as filed: a plain sheet on the folder */
.cf-doc{position:relative;margin:0;padding:1.4rem 1.5rem 3.6rem 2.6rem;background:var(--sheet);box-shadow:0 1px 2px rgba(22,21,15,.08);}
.cf-dochead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;padding-bottom:.6rem;margin-bottom:.4rem;border-bottom:2px solid var(--ink);font-family:var(--sans);}
.cf-docname{font-size:1rem;font-weight:700;color:var(--ink);}
.cf-deal{font-size:.86rem;color:var(--mut);}
.cf-f{position:relative;display:grid;grid-template-columns:8.6rem minmax(0,1fr);gap:.2rem 1rem;padding:.85rem 0 .8rem;border-bottom:1px solid var(--hair2);}
.cf-l{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--mut);padding-top:.2rem;}
.cf-v{font-family:var(--serif);font-size:1.12rem;line-height:1.5;color:var(--ink);}
.cf-amt{font-family:var(--sans);font-weight:600;font-size:1.15rem;font-variant-numeric:tabular-nums;}
.coa4 main p.pnote{grid-column:2;margin:.35rem 0 0;font-style:italic;font-size:.98rem;line-height:1.45;color:var(--pen);}

/* pen marks: drawn in blue-black ink */
.mk{position:relative;display:inline-block;white-space:nowrap;}
.mk .pen{position:absolute;overflow:visible;pointer-events:none;}
.mk.ul .pen{left:-2%;width:104%;bottom:-.32em;height:.45em;}
.mk.ring .pen{left:-.55em;right:-.55em;top:-.42em;bottom:-.42em;width:calc(100% + 1.1em);height:calc(100% + .84em);}
.mk.box .pen{left:-.4em;top:-.3em;width:calc(100% + .8em);height:calc(100% + .6em);}
.mk.mm{position:absolute;left:-1.85rem;top:.6rem;bottom:.6rem;width:.75rem;}
.mk.mm .pen{inset:0;width:100%;height:100%;}
.pen path{fill:none;stroke-linecap:round;stroke-linejoin:round;}
.pen .g{stroke:rgba(22,48,79,.12);stroke-width:2;}
.pen .i{stroke:var(--pen);stroke-width:2.2;stroke-dasharray:1 1;stroke-dashoffset:0;}
.mk.mm .pen path{stroke-width:2.6;}

/* the stamp */
.coa4 main p.cf-stamp{position:absolute;right:1.2rem;bottom:1.25rem;margin:0;transform:rotate(-7deg);pointer-events:none;}
.cf-stamp span{display:inline-block;padding:.42rem .8rem .38rem;border:2.5px solid var(--stamp);outline:1px solid var(--stamp);outline-offset:2px;font-family:var(--sans);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--stamp);opacity:.9;mix-blend-mode:multiply;}
.cf-doc figcaption{position:absolute;left:2.6rem;bottom:1rem;}
.cf-skip{padding:0;border:0;background:none;cursor:pointer;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--mut);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
.cf-skip:hover{color:var(--ink);}

/* findings, clause, verdict */
.coa4 main p.cf-sec{margin:0 0 .8rem;font-family:var(--sans);font-size:.84rem;font-weight:600;font-variant:all-small-caps;letter-spacing:.08em;color:var(--stamp);}
.cf-fd{padding:.2rem 0 1rem;}
.cf-fd+.cf-fd{border-top:1px solid var(--manila2);padding-top:1rem;}
.coa4 main .cf-fd p{margin:0;font-size:1.04rem;line-height:1.62;color:var(--ink2);}
.coa4 main .cf-fd p.cf-fl{margin-bottom:.2rem;font-style:italic;font-size:1.08rem;color:var(--ink);}
.cf-clause{margin-top:2rem;padding-top:1.3rem;border-top:2px solid var(--ink);}
.coa4 main p.cf-ctext{margin:0;max-width:62ch;font-size:clamp(1.18rem,1.9vw,1.36rem);line-height:1.55;color:var(--ink);text-indent:2.2rem;}
.coa4 main p.cf-verdict{margin:1.3rem 0 0;max-width:70ch;font-size:1.04rem;line-height:1.6;color:var(--ink2);}
.cf-verdict b{color:var(--stamp);font-weight:600;}

/* ---------- after the files ---------- */
.coa-after{padding:clamp(3.6rem,7vw,5.4rem) 0 clamp(2.4rem,5vw,3.6rem);}
.coa4 .coa-after h2{margin:clamp(2.8rem,5vw,3.8rem) 0 1rem;padding:0;border:0;font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;letter-spacing:-.018em;color:var(--ink);}
.coa4 .coa-after h2::after,.coa4 .coa-after h2::before{content:none;}
.coa-photo{margin:0 0 1rem;max-width:640px;}
.coa-photo img{display:block;width:100%;height:auto;}
.coa-photo figcaption{margin-top:.7rem;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--mut);}

/* the evidence list */
.coa-ev{max-width:860px;margin:1.4rem 0 0;border-top:2px solid var(--ink);}
.coa4 main p.coa-ev-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 1rem;margin:0;padding:.7rem 0;border-bottom:1px solid var(--ink);font-family:var(--sans);font-size:.95rem;font-weight:600;color:var(--ink);}
.coa-ev-k{font-weight:400;color:var(--mut);font-size:.86rem;}
.coa-evl{list-style:none;margin:0;padding:0;}
.ev{margin:0;border-bottom:1px solid var(--hair);}
.ev label{position:relative;display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem;align-items:baseline;padding:.85rem 0 .85rem 2.4rem;cursor:pointer;font-family:var(--serif);font-size:1.1rem;line-height:1.45;color:var(--ink);}
.ev input{position:absolute;opacity:0;width:1px;height:1px;}
.ev label::before{content:"";position:absolute;left:0;top:1rem;width:1.15rem;height:1.15rem;border:1.5px solid var(--ink);background:var(--sheet);box-sizing:border-box;}
.ev input:checked+label::after{content:"";position:absolute;left:.36rem;top:1.08rem;width:.38rem;height:.72rem;border:solid var(--pen);border-width:0 2.4px 2.4px 0;transform:rotate(42deg);}
.ev input:checked+label{color:var(--ink);}
.ev input:focus-visible+label::before{outline:2px solid var(--stamp);outline-offset:3px;}
.ev-n{font-family:var(--sans);font-size:.82rem;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;}
.coa-ev-go{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem 1.6rem;padding-top:1.1rem;}
.coa-score{padding:.65rem 1.1rem;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font-family:var(--sans);font-size:.9rem;font-weight:600;}
.coa-score:hover{background:var(--pen);border-color:var(--pen);}
.coa4 main p.expscore{margin:0;flex:1 1 22rem;font-size:1.1rem;line-height:1.5;color:var(--ink);}
.coa4 main p.expscore:empty{display:none;}
.coa4 main p.expscore.bad{color:var(--stamp);}

.coa4 .coa-col>p.coa-lead{font-size:1.2rem;color:var(--ink);}
.coa-docket{width:100%;max-width:960px;margin:1.2rem 0 0;border-collapse:collapse;font-family:var(--sans);font-size:.95rem;line-height:1.5;}
.coa-docket thead th{text-align:left;font-size:.8rem;font-weight:600;color:var(--mut);padding:0 1.2rem .55rem 0;border-bottom:1px solid var(--ink);}
.coa-docket tbody th,.coa-docket td{vertical-align:top;text-align:left;padding:.9rem 1.2rem .9rem 0;border-bottom:1px solid var(--hair);color:var(--ink2);}
.coa-docket tbody th{width:30%;font-weight:400;}
.coa-docket tbody th a{font-family:var(--serif);font-size:1.12rem;color:var(--ink);text-decoration:none;}
.coa-docket tbody th a:hover{text-decoration:underline;text-underline-offset:3px;}
.coa-docket tbody th span{margin-right:.7rem;font-family:var(--sans);font-size:.8rem;font-weight:600;color:var(--stamp);}
.coa-docket td.m{width:16%;color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;}
.coa-docket tbody tr:last-child>*{border-bottom-color:var(--ink);}

.coa-fit{margin-top:clamp(2.6rem,5vw,3.6rem);}
.coa4 main p.coa-fit-h{margin:0 0 .4rem;font-style:italic;font-size:1.15rem;color:var(--mut);}
.coa4 .coa-fit a:not(.btn){color:var(--pen);text-decoration:underline;text-underline-offset:3px;}
.coa-btns{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem;}
.coa4 .coa-btns .btn-ghost{background:transparent;color:var(--ink);}
.coa-cta{padding:.5rem 0 clamp(2.4rem,5vw,3.6rem);}

/* ---------- motion: pen strokes, then the stamp (screen, motion allowed only) ---------- */
@media screen and (prefers-reduced-motion:no-preference){
  .cf-doc.armed .pen .i{stroke-dashoffset:1;}
  .cf-doc.armed .pnote{opacity:.22;}
  .cf-doc.armed .cf-stamp span{opacity:.1;}
  .cf-doc.armed.in .pen .i{stroke-dashoffset:0;transition:stroke-dashoffset .85s cubic-bezier(.55,.1,.35,1) calc(.15s + var(--m) * 1.5s);}
  .cf-doc.armed.in .pnote{opacity:1;transition:opacity .55s ease calc(.75s + var(--m) * 1.5s);}
  .cf-doc.armed.in .cf-stamp span{animation:cf-land .5s cubic-bezier(.25,1.5,.5,1) calc(.4s + var(--m) * 1.5s) both;}
  @keyframes cf-land{0%{opacity:0;transform:scale(1.8);}60%{opacity:.95;}100%{opacity:.9;transform:scale(1);}}
}

/* ---------- narrower screens ---------- */
@media (max-width:960px){
  .coa-opengrid{grid-template-columns:1fr;}
  .coa-drawer{max-width:460px;}
  .cf-grid{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .coa4 main p.cf-tab{margin-left:calc(var(--tab) * 22% + .4rem);padding:.6rem 1.1rem .5rem;}
  .cf-folder{padding:1.3rem 12px 1.6rem;border-radius:2px 8px 8px 8px;margin:0 -6px;}
  .cf-doc{padding:1.1rem 1rem 3.8rem 1.9rem;}
  .cf-f{grid-template-columns:1fr;gap:.15rem;}
  .coa4 main p.pnote{grid-column:1;}
  .mk.mm{left:-1.45rem;}
  .cf-meta{gap:1.2rem;flex-wrap:wrap;}
  .coa4 main p.cf-ctext{text-indent:0;}
  .cf-stamp span{font-size:.82rem;}
  /* QA 2026-10-05: on phones the stamp sits on its own line above the Skip/Replay link instead of on top of it */
  .cf-doc{padding-bottom:6.6rem;}
  .coa4 main p.cf-stamp{right:1rem;bottom:3.3rem;}
  .cf-doc figcaption{left:1.9rem;}
  .coa4 .coa-col>p{font-size:1.06rem;}
  .coa4 .coa-col>p.coa-lede{font-size:1.18rem;}
  .coa-docket thead{display:none;}
  .coa-docket,.coa-docket tbody,.coa-docket tr,.coa-docket th,.coa-docket td{display:block;width:auto !important;}
  .coa-docket tr{padding:.8rem 0;border-bottom:1px solid var(--hair);}
  .coa-docket tbody th,.coa-docket td{border:0 !important;padding:.1rem 0;}
  .ev label{grid-template-columns:1.8rem minmax(0,1fr);font-size:1.04rem;}
  .mk{white-space:normal;}
  .mk.ul,.mk.ring,.mk.box{white-space:nowrap;}
}
@media print{
  .cf-skip,.coa-score{display:none !important;}
  .cf-folder{box-shadow:none;border:1px solid #ccc;}
  .cf{break-inside:avoid-page;}
}

/* keep stamps from widening the page on phones while they start oversized */
html,body{overflow-x:clip;}

/* ---------- color pass (2026-10-09): gold lead, red for the damage, green for the fix ----------
   The opening sits on a gold tinted band with a fine diagonal hatch, each
   folder's cost becomes a large gold figure, case 03 gets a bar chart of its
   own four numbers, every clause that would have stopped it gets a green
   header bar (the remedy against the red stamp), and the SOW check sits on a
   full bleed gold tint band. */
.coa4{--gold-d:#8A6413;--gold-t:#FBF3E0;--green:#2E7D5B;--green-d:#1F5E42;--green-t:#F1F8F4;}
.coa-top{position:relative;isolation:isolate;padding-bottom:clamp(2.2rem,5vw,3.4rem);background:var(--gold-t);border-bottom:2px solid var(--gold);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.coa-top::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:repeating-linear-gradient(135deg,rgba(184,134,47,.16) 0 1px,transparent 1px 11px);
  -webkit-mask-image:linear-gradient(90deg,transparent 38%,#000 85%);mask-image:linear-gradient(90deg,transparent 38%,#000 85%);}
.coa-kind{color:var(--gold-d);}
.coa-drawer .dc{color:var(--gold-d);font-weight:600;}

/* A: the cost on each folder, in large gold figures */
.coa4 .cf-meta div:first-child dd{font-size:clamp(2rem,3.6vw,2.6rem);font-weight:500;letter-spacing:-.02em;color:var(--gold-d);}
#case2 .cf-meta div:first-child dd{font-size:clamp(1.5rem,2.6vw,1.9rem);max-width:none;}
#case3 .cf-meta div:first-child dd{color:var(--stamp);}

/* B: case 03 in four numbers */
.coa-bars{margin:2rem 0 0;padding:1.2rem 0 0;border-top:2px solid var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.coa4 main p.coa-bars-h{margin:0 0 1rem;font-style:italic;font-size:1.15rem;color:var(--ink);}
.coa-bl{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;}
.coa-bl li{display:grid;grid-template-columns:13.5rem minmax(0,1fr);gap:1rem;align-items:center;margin:0;}
.bl-l{font-family:var(--sans);font-size:.9rem;color:var(--ink2);text-align:right;}
.bl-t{display:flex;align-items:center;gap:.7rem;min-width:0;}
.bl-t i{display:block;height:1.6rem;width:calc((100% - 5rem) * var(--v) / 172);background:var(--gold);}
.bl-t b{font-family:var(--serif);font-size:1.35rem;font-weight:500;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;}
.b-sign .bl-t i{background:var(--gold-d);}
.b-co .bl-t i{background:var(--red);}
.b-co .bl-t b{color:var(--stamp);}
.b-prog .bl-t i{background:var(--gold);}
.b-dmg .bl-t i{background:var(--stamp);}
.b-dmg .bl-t b{color:var(--stamp);}
.coa-bars figcaption{margin:.9rem 0 0 14.5rem;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--ink2);}

/* D: the clause that would have stopped it, as a green panel with a header bar */
.cf-clause{margin-top:2rem;padding:0 1.6rem 1.4rem;border:1px solid #cfe3d7;border-top:0;background:var(--green-t);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.coa4 main .cf-clause p.cf-sec{margin:0 -1.6rem 1.1rem;padding:.6rem 1.6rem;background:var(--green);color:#fff;font-size:.92rem;letter-spacing:.07em;}
.coa4 main .cf-clause p.cf-ctext{color:var(--ink);}
.coa4 main p.cf-verdict{padding-top:.2rem;}

/* C: the SOW check on a full bleed gold tint band */
.coa-band{margin-top:clamp(2.4rem,5vw,3.4rem);padding:clamp(.4rem,1vw,.8rem) 0 clamp(2.4rem,5vw,3.4rem);background:var(--gold-t);border-top:1px solid #ead9b3;border-bottom:1px solid #ead9b3;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.coa-band .coa-ev{border-top-color:var(--gold-d);}
.coa4 .coa-band main p.coa-ev-h,.coa4 main .coa-band p.coa-ev-h{border-bottom-color:var(--gold-d);}
.coa-band .ev{border-bottom-color:#e6d6b0;}
.coa-band .ev-n{color:var(--gold-d);}
.coa-band .ev input:checked+label::after{border-color:var(--stamp);}
.coa-band .coa-ev-k{color:var(--gold-d);}

/* D: the docket picks up the case colors */
.coa-docket thead th{color:var(--gold-d);border-bottom-color:var(--gold-d);}
.coa-docket td.m{color:var(--gold-d);}
.coa-docket tbody tr:last-child td.m{color:var(--stamp);}

@media (max-width:640px){
  .coa-bl li{grid-template-columns:1fr;gap:.25rem;}
  .bl-l{text-align:left;}
  .coa-bars figcaption{margin-left:0;}
  .cf-clause{padding:0 1rem 1.2rem;}
  .coa4 main .cf-clause p.cf-sec{margin:0 -1rem 1rem;padding:.6rem 1rem;}
}

/* ---------- QA 2026-10-10 ----------
   1. Case 03's bar chart used four bar colors (deep gold, bright red, gold,
      deep red) beside the green clause panel. It now uses two meanings: gold
      for what the contract said it would cost, stamp red for what it cost on
      top. Both red bars and both red figures are the same stamp red.
   2. The clause text kept its old 2.2rem first line indent inside the green
      panel, so only its first line sat off the header bar's left edge. */
.b-co .bl-t i{background:var(--stamp);}
.coa4 main .cf-clause p.cf-ctext{text-indent:0;}