/* Content Studio planning set. Shared additions for the nine module pages.
   Linked from each module page after its inline <style> block, so these rules win.
   Not used by Start Here, Site Map, Redesign Map, or Blog Brief. */

:root{
  /* The final status word of the redesign lifecycle.
     Defined once. Change it here and it changes on every module page.
     Do not vary this by channel. */
  --status-final:"Published";
}

/* ---------------------------------------------------------------
   EDIT 1 . "TODAY / AS-IS" header pill and the clarifying subline
   Pill values match the existing amber chip spec (.who.human, .tg.vendor).
   --------------------------------------------------------------- */
.asis{
  font-size:10.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;
  color:#b45309;background:#fffbeb;border:1px solid #fde68a;
  padding:3px 8px;border-radius:6px;white-space:nowrap;flex:none;
}

/* the subline sits between .sub and the first panel, so .sub gives up its gap */
.sub{margin-bottom:6px}
.asis-line{
  font-size:12.5px;color:#94a3b8;line-height:1.45;
  margin:0 0 24px 54px;
}
.asis-line a{color:#64748b;font-weight:600;text-decoration:underline;text-decoration-color:#cbd5e1}
.asis-line a:hover{color:#0f766e;text-decoration-color:#10b981}

/* ---------------------------------------------------------------
   EDIT 2 . TODAY and REDESIGN lifecycle rows
   Both rows reuse the page's existing .status flex row and .st-arrow.
   The REDESIGN pills are dashed and unfilled, echoing the house .note
   dashed border, so a proposed state reads lighter than a live one.
   --------------------------------------------------------------- */
.lc-tag{
  font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;
  color:#94a3b8;min-width:76px;flex:none;
}
.rd-row{margin-top:10px}
.rd-st{
  padding:7px 15px;font-size:12.5px;font-weight:700;border-radius:999px;
  background:#fff;border:1px dashed #cbd5e1;color:#64748b;
}
/* the one place the final word is rendered */
.rd-st.final::after{content:var(--status-final)}

/* ---------------------------------------------------------------
   EDIT 3 . Internal reference line about vendor names
   --------------------------------------------------------------- */
.vendor-note{
  font-size:12px;color:#94a3b8;line-height:1.45;margin-top:12px;
}

@media(max-width:640px){
  .lc-tag{min-width:100%;margin-bottom:5px}
}
@media print{
  .rd-st{border-style:solid}
}