/* ════════════════════════════════════════
   TODOS LOS ESTILOS SCOPED BAJO .wb-root
   para no interferir con el shell del sitio
════════════════════════════════════════ */
.wb-root, .wb-root * {
  box-sizing: border-box;
}
.wb-root {
  font-family: 'Montserrat', sans-serif;
  color: #2C3E50;
  -webkit-font-smoothing: antialiased;
  background: #EBF0F5;
  padding: 24px 16px 64px;
  width: 100%;
}
/* ── TOOLBAR ── */
.wb-root .wb-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #2C3E50;
  padding: 0 28px;
  height: 50px;
  margin-bottom: 24px;
  position: sticky;
  top: 0;
  z-index: 99;
}
.wb-root .wb-brand {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  color: #FFFFFF; font-weight:700;
  letter-spacing: .01em;
  text-transform: uppercase;
}
.wb-root .wb-tabs {
  display: flex;
}
.wb-root .wb-tab {
  padding: 0 16px;
  height: 50px;
  display: flex;
  align-items: center;
  font-size: 15px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #BDC3C7;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all .2s;
  text-decoration: none;
}
.wb-root .wb-tab:hover { color: #FFFFFF; }
.wb-root .wb-tab.wb-active { color: #FFFFFF; border-bottom-color: #2980B9; }
.wb-root .wb-btn-pdf {
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #FFFFFF;
  cursor: pointer;
  border: 1px solid #2980B9;
  background: #2980B9;
  padding: 7px 16px;
  transition: all .2s;
  font-family: 'Montserrat', sans-serif;
  white-space: nowrap;
}
.wb-root .wb-btn-pdf:hover { background: #1A6FA3; }
.wb-root .wb-btn-pdf:disabled { opacity: .5; cursor: not-allowed; }
.wb-root .wb-btn-link {
  font-size: 15px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #2C3E50;
  cursor: pointer;
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  padding: 7px 16px;
  transition: all .2s;
  font-family: 'Montserrat', sans-serif;
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.wb-root .wb-btn-link:hover { background: #F0F4F8; border-color: #F0F4F8; color: #2C3E50; }
.wb-root .wb-toolbar-btns {
  display: flex;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
}
/* ── BOTTOM CTA BAR ── */
.wb-root .wb-cta-bar {
  background: #2C3E50;
  margin-top: 24px;
  padding: 32px 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.wb-root .wb-cta-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #FFFFFF;
  line-height: 1.2;
  margin-bottom: 8px; font-weight:700;
}
.wb-root .wb-cta-title em { font-style: italic; color: #F1C40F; }
.wb-root .wb-cta-sub {
  font-size: 16px;
  color: #D5DBDB; /* fixed */ #4A5568;
  letter-spacing: .01em;
  line-height: 1.5;
}
.wb-root .wb-cta-btns {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
  align-items: center;
}
.wb-root .wb-cta-btns .wb-btn-pdf  { font-size: 16px; padding: 13px 24px; }
.wb-root .wb-cta-btns .wb-btn-link { font-size: 16px; padding: 13px 24px; }
/* ── PAGES WRAPPER ── */
.wb-root .wb-pages {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
}
/* ── PAGE (Letter: 816×1056 px) ── */
.wb-root .wb-page {
  width: 816px;
  height: 1056px;
  max-width: 100%;
  background: #FFFFFF;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  box-shadow: 0 4px 32px rgba(0,0,0,.4);
}
.wb-root .wb-page::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 6px;
  background: var(--edge, #2980B9);
}
.wb-root .wb-page.wb-gold::before { background: var(--edge, #E67E22); }
.wb-root .wb-page.wb-dark::before { background: var(--edge, #16A085); }
.wb-root .wb-page.wb-noedge::before { display: none; }
.wb-root .wb-page-inner {
  padding: 42px 52px 36px calc(52px + 5px);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.wb-root .wb-page-num {
  position: absolute;
  bottom: 18px;
  right: 30px;
  font-size: 15px;
  letter-spacing: .01em;
  color: #34495E;
}
/* ── COVER ── */
.wb-root .wb-cover-bg {
  position: absolute; inset: 0;
  background: #2C3E50;
}
.wb-root .wb-cover-grid {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 40px 40px;
}
.wb-root .wb-cover-glow {
  position: absolute; top: -80px; right: -80px;
  width: 400px; height: 400px;
  background: radial-gradient(circle, rgba(41,128,185,.25) 0%, transparent 65%);
}
.wb-root .wb-cover-inner {
  position: relative; z-index: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 56px 56px 48px;
  justify-content: space-between;
}
.wb-root .wb-cover-eyebrow {
  font-size: 11px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #F1C40F;
  font-weight: 700;
}
.wb-root .wb-cover-hero {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wb-root .wb-cover-hero h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 52px;
  font-weight: 900;
  line-height: 1.05;
  color: #FFFFFF;
  margin: 0;
  text-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.wb-root .wb-cover-hero h2 em {
  font-style: italic;
  color: #F1C40F;
}
.wb-root .wb-cover-sub {
  margin-top: 22px;
  font-size: 15px;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: #D5DBDB;
  font-weight: 700;
}
.wb-root .wb-cover-desc {
  margin-top: 10px;
  font-family: 'Quicksand', sans-serif;
  font-size: 19px;
  line-height: 1.65;
  color: #D5DBDB;
  max-width: 420px;
  font-weight: 500;
}
.wb-root .wb-cover-mods {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1px;
  background: #1A2635;
  border: 1px solid #1A2635;
}
.wb-root .wb-cover-mod { background: #1A2635; padding: 18px 16px; }
.wb-root .wb-cm-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 26px; font-weight: 900;
  color: #F1C40F; opacity: .7; line-height: 1;
}
.wb-root .wb-cm-title {
  margin-top: 6px; font-size: 18px;
  letter-spacing: .06em; text-transform: uppercase; color: #FFFFFF; font-weight:700;
}
.wb-root .wb-cm-sub {
  margin-top: 4px; font-size: 16px; color: #C8D0D8; line-height: 1.55; font-weight: 500;
}
/* ── TEMPLATE HEADER ── */
.wb-root .wb-tmpl-row {
  display: flex; align-items: center;
  justify-content: space-between; margin-bottom: 10px;
}
.wb-root .wb-badge {
  display: inline-block; font-size: 16px;
  letter-spacing: .01em; text-transform: uppercase;
  color: #FFFFFF; background: #2980B9; padding: 3px 9px;
}
.wb-root .wb-badge.wb-badge-gold { background: #E67E22; }
.wb-root .wb-badge.wb-badge-dark { background: #2C3E50; }
.wb-root .wb-time-lbl {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50;
  text-align: right;
}
.wb-root .wb-time-val {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px; font-weight: 700;
  color: #2C3E50; display: block; line-height: 1.1;
  text-align: right;
}
.wb-root .wb-tmpl-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px; font-weight: 800; line-height: 1.15;
  color: #2C3E50; margin-bottom: 12px;
  padding-bottom: 12px; border-bottom: 1px solid #D5DBDB;
}
.wb-root .wb-tmpl-title em { font-style: italic; color: #C0392B; }
.wb-root .wb-tmpl-title .wb-em-gold { font-style: italic; color: #27AE60; }
.wb-root .wb-tmpl-title .wb-em-dark { font-style: italic; color: #16A085; }
/* ── OBJ BAR ── */
.wb-root .wb-obj-bar {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  background: #2C3E50; margin-bottom: 12px;
}
.wb-root .wb-obj-item {
  padding: 9px 12px; border-left: 1px solid #1A2635;
}
.wb-root .wb-obj-item:first-child { border-left: none; }
.wb-root .wb-obj-lbl {
  font-size: 15px; letter-spacing: .01em;
  text-transform: uppercase; color: #ECF0F1;
  font-weight: 700;
}
.wb-root .wb-obj-val {
  font-size: 16px; color: #FFFFFF; font-weight:500;
  margin-top: 3px; line-height: 1.35; font-weight:500;
}
/* ── INSTRUCTIONS ── */
.wb-root .wb-instr {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 4px; margin-bottom: 12px;
  border: 1px dashed #D5DBDB; padding: 8px 12px;
}
.wb-root .wb-instr-item {
  display: flex; align-items: flex-start;
  gap: 8px; font-size: 16px; color: #2C3E50; line-height: 1.4;
}
.wb-root .wb-instr-dot {
  width: 4px; height: 4px; background: #8E44AD;
  border-radius: 50%; flex-shrink: 0; margin-top: 5px;
}
/* ── SECTION HEADER ── */
.wb-root .wb-sec {
  display: flex; align-items: center;
  gap: 10px; margin-bottom: 8px; margin-top: 12px;
}
.wb-root .wb-sec-num {
  width: 22px; height: 22px; background: #2980B9;
  color: #fff; display: flex; align-items: center;
  justify-content: center; font-size: 16px; flex-shrink: 0;
}
.wb-root .wb-sec-num.wb-sn-gold { background: #E67E22; }
.wb-root .wb-sec-num.wb-sn-dark { background: #2C3E50; }
.wb-root .wb-sec-num.wb-sn-gray { background: #444; }
.wb-root .wb-sec-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px; font-weight: 700;
  letter-spacing: .01em; text-transform: uppercase; color: #2C3E50;
}
.wb-root .wb-sec-rule { flex: 1; height: 1px; background: #D5DBDB; }
/* ── LABELS ── */
.wb-root .wb-qlbl {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50; margin-bottom: 4px;
}
.wb-root .wb-qtxt {
  font-family: 'Quicksand', sans-serif;
  font-size: 16px; color: #2C3E50; line-height: 1.5; margin-bottom: 5px;
}
/* ── EDITABLE FIELDS ── */
.wb-root [contenteditable] { outline: none; min-height: 1em; }
.wb-root [contenteditable]:focus { background: rgba(200,57,43,.03); }
.wb-root .wb-line {
  border-bottom: 1px solid #D5DBDB;
  min-height: 26px; padding: 3px 4px;
  font-size: 16px; color: #2C3E50;
  display: block;
}
.wb-root .wb-line:focus { border-bottom-color: #2980B9; }
.wb-root .wb-area {
  border: 1px solid #BDC3C7;
  border-left: 3px solid #E67E22;
  background: rgba(230,126,34,.05);
  padding: 7px 10px; font-size: 15px;
  color: #2C3E50; line-height: 1.55;
  font-family: 'Quicksand', sans-serif;
  min-height: 46px;
}
.wb-root .wb-area.wb-area-gold { border-left-color: #27AE60; }
.wb-root .wb-area:focus { background: rgba(230,126,34,.07); }
/* ── HOURS ROW ── */
.wb-root .wb-hours-row {
  display: flex; align-items: baseline;
  gap: 10px; padding: 6px 0;
  border-bottom: 1px solid #D5DBDB; margin-bottom: 8px;
}
.wb-root .wb-hours-big {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px; font-weight: 700; color: #2C3E50;
  min-width: 56px; border: none; background: none;
  border-bottom: 2px solid #2C3E50;
  text-align: center; padding: 2px 4px; outline: none;
}
.wb-root .wb-hours-big:focus { border-bottom-color: #E67E22; }
.wb-root .wb-hours-unit {
  font-size: 16px; color: #2C3E50; letter-spacing: .01em;
}
/* ── CHECKLIST ── */
.wb-root .wb-checks {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 5px; margin: 6px 0;
}
.wb-root .wb-chk {
  display: flex; align-items: center; gap: 7px;
  padding: 7px 8px; border: 1px solid #D5DBDB;
  cursor: pointer; transition: all .15s; user-select: none;
}
.wb-root .wb-chk:hover { border-color: #2980B9; background: rgba(200,57,43,.03); }
.wb-root .wb-chk.wb-on { border-color: #2980B9; background: rgba(200,57,43,.06); }
.wb-root .wb-chk-box {
  width: 13px; height: 13px; border: 1.5px solid #D5DBDB;
  flex-shrink: 0; display: flex; align-items: center;
  justify-content: center; transition: all .15s;
}
.wb-root .wb-chk.wb-on .wb-chk-box {
  border-color: #2980B9; background: #2980B9;
}
.wb-root .wb-chk.wb-on .wb-chk-box::after {
  content: '✓'; color: #fff; font-size: 15px;
}
.wb-root .wb-chk-txt { font-size: 16px; color: #2C3E50; }
/* ── HOURS CALC ── */
.wb-root .wb-hcalc {
  display: grid; grid-template-columns: 1fr 1fr;
  border: 1px solid #D5DBDB;
  background: #F0F4F8; margin-bottom: 8px;
}
.wb-root .wb-hcalc-item {
  padding: 9px 12px; border-left: 1px solid #D5DBDB;
}
.wb-root .wb-hcalc-item:first-child { border-left: none; }
.wb-root .wb-hc-rate {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50;
}
.wb-root .wb-hc-years {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px; font-weight: 900;
  color: #2C3E50; line-height: 1; margin: 2px 0;
}
.wb-root .wb-hc-desc { font-size: 15px; color: #2C3E50; font-weight:600; }
/* ── DECISION ── */
.wb-root .wb-dec {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 1px; background: #D5DBDB; margin: 7px 0;
}
.wb-root .wb-dec-opt {
  background: #FFFFFF; padding: 12px 10px;
  cursor: pointer; transition: all .2s;
  text-align: center; user-select: none;
}
.wb-root .wb-dec-opt:hover { background: #F0F4F8; }
.wb-root .wb-dec-opt.wb-on { background: #2C3E50; }
.wb-root .wb-dec-circle {
  width: 16px; height: 16px; border-radius: 50%;
  border: 2px solid #D5DBDB;
  margin: 0 auto 8px; transition: all .2s;
}
.wb-root .wb-dec-opt.wb-on .wb-dec-circle {
  background: #F1C40F; border-color: #F1C40F;
}
.wb-root .wb-dec-txt {
  font-size: 16px; color: #2C3E50; line-height: 1.4; transition: all .2s;
}
.wb-root .wb-dec-opt.wb-on .wb-dec-txt { color: #FFFFFF; }
/* ── IDENTITY BOX ── */
.wb-root .wb-idbox { border: 1px solid #D5DBDB; margin-bottom: 8px; overflow: hidden; }
.wb-root .wb-idlabel {
  background: #2C3E50; color: #FFFFFF; font-weight:700;
  padding: 5px 12px; font-size: 16px;
  letter-spacing: .01em; text-transform: uppercase;
}
.wb-root .wb-idstarter {
  padding: 7px 12px;
  font-family: 'Quicksand', sans-serif;
  font-size: 15px; color: #2C3E50;
  font-style: italic; border-bottom: 1px solid #D5DBDB;
}
.wb-root .wb-idwrite {
  padding: 8px 12px; min-height: 40px;
  font-size: 15px; color: #2C3E50;
  font-family: 'Quicksand', sans-serif;
}
/* ── FIRMA ── */
.wb-root .wb-firma {
  display: grid; grid-template-columns: 1fr 30px 1fr;
  align-items: end; margin-top: 12px;
  padding-top: 12px; border-top: 1px solid #D5DBDB;
}
.wb-root .wb-firma-field {
  border-bottom: 1px solid #2C3E50;
  min-height: 22px; text-align: center;
  padding: 2px 4px; font-size: 16px;
}
.wb-root .wb-firma-field:focus { border-bottom-color: #E67E22; }
.wb-root .wb-firma-lbl {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50;
  margin-top: 4px; text-align: center;
}
.wb-root .wb-firma-sep {
  text-align: center; font-size: 15px;
  color: #34495E; padding-bottom: 8px;
}
/* ── FOOTER STRIP ── */
.wb-root .wb-footer {
  display: flex; align-items: center;
  justify-content: space-between;
  margin-top: auto; padding-top: 10px;
  border-top: 1px solid #D5DBDB;
}
.wb-root .wb-footer-tag {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50;
}
.wb-root .wb-footer-logo {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px; color: #2C3E50; font-style: italic;
}
/* ── PROGRESS DOTS ── */
.wb-root .wb-prog {
  display: flex; gap: 5px; align-items: center; margin-bottom: 12px;
}
.wb-root .wb-pd {
  width: 7px; height: 7px; border-radius: 50%; background: #D5DBDB;
}
.wb-root .wb-pd.wb-on {
  width: 18px; border-radius: 4px; background: #2980B9;
}
.wb-root .wb-pd.wb-on.wb-gold { background: #27AE60; }
.wb-root .wb-pd.wb-on.wb-dark { background: #16A085; }
.wb-root .wb-pl { width: 14px; height: 1px; background: #D5DBDB; }
/* ── TABLE ── */
.wb-root .wb-table {
  width: 100%; border-collapse: collapse;
  font-size: 16px; margin: 6px 0;
}
.wb-root .wb-table th {
  background: #2C3E50; color: #FFFFFF;
  padding: 5px 7px; text-align: left;
  font-size: 15px; letter-spacing: .01em;
  text-transform: uppercase; font-weight: 700;
  border: none;
}
.wb-root .wb-table td {
  border: 1px solid #D5DBDB; padding: 0;
  color: #2C3E50; vertical-align: top;
}
.wb-root .wb-table tr:nth-child(even) td {
  background: rgba(237,232,220,.5);
}
.wb-root .wb-td-lbl {
  background: #F0F4F8 !important; color: #2C3E50;
  font-weight: 500; font-size: 15px;
  letter-spacing: .01em; padding: 5px 7px;
}
.wb-root .wb-td-edit {
  min-height: 26px; padding: 4px 6px;
  font-size: 16px; color: #2C3E50;
  font-family: 'Montserrat', sans-serif;
  width: 100%; display: block;
}
.wb-root .wb-td-edit:focus { background: rgba(200,57,43,.04); }
/* ── BLOQUE HEADER ── */
.wb-root .wb-bl-hdr {
  display: flex; align-items: center; margin-bottom: 8px;
}
.wb-root .wb-bl-num {
  background: #27AE60; color: #fff; font-weight:700;
  padding: 3px 8px; font-size: 16px;
  letter-spacing: .01em; text-transform: uppercase; font-weight: 500;
}
.wb-root .wb-bl-title {
  background: #2C3E50; color: #FFFFFF; font-weight:700;
  padding: 3px 12px; font-size: 16px;
  letter-spacing: .01em; text-transform: uppercase;
}
.wb-root .wb-bl-time {
  margin-left: auto; font-size: 15px;
  color: #2C3E50; border: 1px solid #D5DBDB; padding: 3px 8px;
}
/* ── PATTERN BOX ── */
.wb-root .wb-pattern {
  background: #F0F4F8; border: 1px solid #D5DBDB;
  padding: 10px 14px; margin-top: 8px;
}
.wb-root .wb-pattern-title {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50; margin-bottom: 6px; font-weight:600;
}
.wb-root .wb-prow {
  display: flex; align-items: baseline;
  gap: 10px; margin-bottom: 5px;
}
.wb-root .wb-pq {
  font-size: 16px; color: #2C3E50; font-weight:600; flex-shrink: 0;
  font-family: 'Quicksand', sans-serif;
  font-style: italic; white-space: nowrap;
}
.wb-root .wb-pfill {
  flex: 1; border-bottom: 1px solid #D5DBDB;
  min-height: 20px; padding: 0 4px; font-size: 16px;
}
.wb-root .wb-pfill:focus { border-bottom-color: #27AE60; }
/* ── BIO FILL ── */
.wb-root .wb-biofill {
  border: 1px solid #D5DBDB; border-left: 3px solid #27AE60;
  padding: 12px 16px; background: rgba(184,134,11,.02);
  font-family: 'Quicksand', sans-serif;
  font-size: 16px; color: #2C3E50; line-height: 2.0;
}
.wb-root .wb-biofill .wb-blank {
  display: inline-block; min-width: 100px;
  border-bottom: 1.5px solid #27AE60;
  vertical-align: bottom; height: 17px;
  padding: 0 3px; font-size: 15px;
}
.wb-root .wb-biofill .wb-blank.wb-wide { min-width: 150px; }
.wb-root .wb-biofill .wb-blank:focus {
  border-bottom-color: #2980B9;
  background: rgba(200,57,43,.04); outline: none;
}
/* ── STATEMENT ── */
.wb-root .wb-stmt {
  border-left: 3px solid #16A085; padding: 7px 11px;
  margin-bottom: 6px; background: #F0F4F8;
}
.wb-root .wb-stmt-lbl {
  font-size: 15px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50; font-weight:700; margin-bottom: 2px;
}
.wb-root .wb-stmt-txt {
  font-family: 'Quicksand', sans-serif;
  font-size: 15px; color: #2C3E50;
  font-style: italic; margin-bottom: 5px;
}
.wb-root .wb-stmt-write {
  min-height: 30px; border-bottom: 1px solid #D5DBDB;
  padding: 2px 4px; font-size: 15px;
  font-family: 'Quicksand', sans-serif;
}
.wb-root .wb-stmt-write:focus { border-bottom-color: #16A085; }
/* ── DIGITAL KIT ── */
.wb-root .wb-kit { border: 2px solid #16A085; margin-top: 8px; }
.wb-root .wb-kit-hdr {
  background: #16A085; color: #FFFFFF; font-weight:700;
  padding: 7px 12px; display: flex;
  align-items: center; gap: 8px;
  font-size: 16px; font-family: 'Montserrat', sans-serif;
}
.wb-root .wb-kit-files {
  padding: 8px 12px; display: grid;
  grid-template-columns: 1fr 1fr; gap: 5px;
}
.wb-root .wb-kfile {
  display: flex; align-items: center; gap: 7px;
  padding: 5px 7px; border: 1px dashed #D5DBDB;
  font-size: 16px; color: #2C3E50;
  font-family: 'Montserrat', sans-serif;
}
.wb-root .wb-kdot { width: 5px; height: 5px; background: #27AE60; flex-shrink: 0; }
.wb-root .wb-kdot.wb-red { background: #2980B9; }
/* ── ALERT ── */
.wb-root .wb-alert {
  background: #2C3E50; padding: 10px 14px;
  margin-top: 10px; display: flex;
  align-items: flex-start; gap: 12px;
}
.wb-root .wb-alert-icon { font-size: 15px; flex-shrink: 0; }
.wb-root .wb-alert-txt {
  font-size: 15px; line-height: 1.5;
  color: #D5DBDB; font-family: 'Quicksand', sans-serif;
  font-style: italic;
}
.wb-root .wb-alert-txt strong { color: #ECF0F1; font-style: normal; font-weight:700; }
/* ── HOURS DIST ── */
.wb-root .wb-hdist {
  display: grid; grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 6px; margin: 8px 0;
}
.wb-root .wb-hd {
  border: 1px solid #D5DBDB; text-align: center; padding: 8px 6px;
}
.wb-root .wb-hd-lbl {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #2C3E50;
}
.wb-root .wb-hd-inp {
  display: block; margin: 5px auto 0;
  width: 42px; height: 42px; border: 2px solid #D5DBDB;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px; font-weight: 700; color: #2C3E50;
  background: none; outline: none;
}
.wb-root .wb-hd-inp:focus { border-color: #16A085; }
.wb-root .wb-hd-unit {
  font-size: 16px; color: #34495E; margin-top: 3px;
}
/* ── ACTION CARDS ── */
.wb-root .wb-actions {
  display: grid; grid-template-columns: 1fr 1fr 1fr;
  gap: 5px; margin: 7px 0;
}
.wb-root .wb-act {
  border: 1px solid #D5DBDB; padding: 9px;
  cursor: pointer; transition: all .2s;
  display: flex; gap: 7px; align-items: flex-start;
  user-select: none;
}
.wb-root .wb-act:hover { border-color: #2C3E50; }
.wb-root .wb-act.wb-on { border-color: #16A085; background: rgba(22,160,133,.06); }
.wb-root .wb-ac-dot {
  width: 12px; height: 12px; border: 1.5px solid #D5DBDB;
  flex-shrink: 0; margin-top: 1px; transition: all .2s;
}
.wb-root .wb-act.wb-on .wb-ac-dot { border-color: #16A085; background: #16A085; }
.wb-root .wb-ac-txt { font-size: 16px; color: #2C3E50; }
.wb-root .wb-act.wb-on .wb-ac-txt { color: #2C3E50; font-weight: 500; }
/* ── REVIEW GRID ── */
.wb-root .wb-review {
  display: grid; grid-template-columns: 1fr 1fr;
  gap: 7px; margin-top: 7px;
}
.wb-root .wb-rev { border: 1px solid #D5DBDB; overflow: hidden; }
.wb-root .wb-rev-hdr {
  padding: 5px 9px; font-size: 16px;
  letter-spacing: .01em; text-transform: uppercase;
  color: #FFFFFF; font-weight:700; background: #5D6D7E;
}
.wb-root .wb-rev-body {
  padding: 7px 9px; min-height: 50px;
  font-size: 15px; font-family: 'Quicksand', sans-serif;
}
.wb-root .wb-rev-body:focus { background: rgba(200,57,43,.03); }
/* ── RULE OF 5 ── */
.wb-root .wb-r5 {
  background: #1A2635; padding: 16px 20px;
  margin-top: 12px; display: flex;
  align-items: center; gap: 18px;
}
.wb-root .wb-r5-nums { display: flex; gap: 5px; }
.wb-root .wb-r5-n {
  width: 34px; height: 34px; border: 2px solid #F1C40F;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px; font-weight: 900; color: #F1C40F;
}
.wb-root .wb-r5-act { flex: 1; }
.wb-root .wb-r5-lbl {
  font-size: 16px; letter-spacing: .01em;
  text-transform: uppercase; color: #BDC3C7; margin-bottom: 5px;
}
.wb-root .wb-r5-write {
  border-bottom: 1px solid #5D6D7E; min-height: 22px;
  color: #FFFFFF; font-size: 15px; padding: 2px 4px;
}
.wb-root .wb-r5-write:focus { border-bottom-color: #F1C40F; }
/* ── GRID ── */
.wb-root .wb-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
/* ══════════════════════════════════════
   RESPONSIVE — TABLET (≤860px)
══════════════════════════════════════ */
@media (max-width: 860px) {
  .wb-root { padding: 0 0 48px; }
  .wb-root .wb-cta-bar {
    flex-direction: column;
    align-items: stretch;
    padding: 24px 16px;
  }
  .wb-root .wb-cta-btns {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    flex-shrink: 1;
  }
  .wb-root .wb-cta-btns > * {
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
  .wb-root .wb-toolbar {
    flex-wrap: wrap; height: auto;
    padding: 10px 16px; gap: 8px;
  }
  .wb-root .wb-tabs { display: none; }
  .wb-root .wb-brand { font-size: 16px; }
  .wb-root .wb-btn-pdf { font-size: 15px; padding: 8px 18px; }
  .wb-root .wb-pages { gap: 12px; padding: 12px 8px 40px; }
  .wb-root .wb-page {
    width: 100%; height: auto; min-height: 0;
    border-radius: 0;
  }
  .wb-root .wb-page-inner { padding: 28px 22px 24px 28px; }
  .wb-root .wb-cover-inner { padding: 36px 28px 28px; }
  .wb-root .wb-cover-hero h2 { font-size: 36px; }
  .wb-root .wb-cover-sub { font-size: 16px; }
  .wb-root .wb-cover-desc { font-size: 15px; }
  .wb-root .wb-cover-mods { grid-template-columns: 1fr; }
  .wb-root .wb-cm-num { font-size: 18px; }
  .wb-root .wb-cm-title { font-size: 16px; }
  .wb-root .wb-cm-sub { font-size: 15px; }
  .wb-root .wb-tmpl-title { font-size: 18px; }
  .wb-root .wb-obj-bar { grid-template-columns: 1fr; }
  .wb-root .wb-obj-item { border-left: none; border-top: 1px solid #1A2635; }
  .wb-root .wb-obj-item:first-child { border-top: none; }
  .wb-root .wb-obj-lbl { font-size: 16px; }
  .wb-root .wb-obj-val { font-size: 16px; }
  .wb-root .wb-instr { grid-template-columns: 1fr; }
  .wb-root .wb-instr-item { font-size: 15px; }
  .wb-root .wb-sec-title { font-size: 15px; }
  .wb-root .wb-qlbl { font-size: 16px; }
  .wb-root .wb-qtxt { font-size: 16px; }
  .wb-root .wb-hours-big { font-size: 18px; }
  .wb-root .wb-hours-unit { font-size: 16px; }
  .wb-root .wb-checks { grid-template-columns: 1fr 1fr; gap: 6px; }
  .wb-root .wb-chk { padding: 9px 10px; }
  .wb-root .wb-chk-txt { font-size: 15px; }
  .wb-root .wb-area { font-size: 16px; padding: 10px 12px; }
  .wb-root .wb-line { font-size: 16px; }
  .wb-root .wb-hcalc { grid-template-columns: 1fr 1fr; }
  .wb-root .wb-hc-rate { font-size: 16px; }
  .wb-root .wb-hc-years { font-size: 24px; }
  .wb-root .wb-hc-desc { font-size: 15px; }
  .wb-root .wb-dec { grid-template-columns: 1fr; gap: 1px; }
  .wb-root .wb-dec-txt { font-size: 15px; }
  .wb-root .wb-idstarter { font-size: 15px; }
  .wb-root .wb-idwrite { font-size: 15px; min-height: 52px; }
  .wb-root .wb-firma-field { font-size: 16px; min-height: 32px; }
  .wb-root .wb-firma-lbl { font-size: 16px; }
  .wb-root .wb-bl-num { font-size: 16px; }
  .wb-root .wb-bl-title { font-size: 16px; }
  .wb-root .wb-bl-time { font-size: 16px; }
  .wb-root .wb-table th { font-size: 15px; padding: 7px 8px; }
  .wb-root .wb-td-lbl { font-size: 15px; padding: 7px 8px; }
  .wb-root .wb-td-edit { font-size: 16px; min-height: 32px; }
  .wb-root .wb-pattern-title { font-size: 16px; }
  .wb-root .wb-pq { font-size: 16px; }
  .wb-root .wb-pfill { font-size: 16px; }
  .wb-root .wb-biofill { font-size: 15px; line-height: 2.2; }
  .wb-root .wb-biofill .wb-blank { min-width: 90px; font-size: 15px; }
  .wb-root .wb-biofill .wb-blank.wb-wide { min-width: 130px; }
  .wb-root .wb-stmt-txt { font-size: 15px; }
  .wb-root .wb-stmt-write { font-size: 15px; min-height: 40px; }
  .wb-root .wb-stmt-lbl { font-size: 15px; }
  .wb-root .wb-kfile { font-size: 16px; }
  .wb-root .wb-alert-txt { font-size: 15px; }
  .wb-root .wb-hdist { grid-template-columns: 1fr 1fr; }
  .wb-root .wb-hd-lbl { font-size: 16px; }
  .wb-root .wb-hd-inp { width: 48px; height: 48px; font-size: 17px; }
  .wb-root .wb-actions { grid-template-columns: 1fr 1fr; }
  .wb-root .wb-ac-txt { font-size: 16px; }
  .wb-root .wb-review { grid-template-columns: 1fr; }
  .wb-root .wb-rev-hdr { font-size: 16px; padding: 8px 12px; }
  .wb-root .wb-rev-body { font-size: 15px; min-height: 60px; padding: 10px 12px; }
  .wb-root .wb-r5-n { width: 38px; height: 38px; font-size: 17px; }
  .wb-root .wb-r5-lbl { font-size: 16px; }
  .wb-root .wb-r5-write { font-size: 15px; min-height: 28px; }
  .wb-root .wb-g2 { grid-template-columns: 1fr; }
  .wb-root .wb-footer-tag { font-size: 15px; }
  .wb-root .wb-footer-logo { font-size: 15px; }
  .wb-root .wb-page-num { font-size: 16px; }
}
/* ══════════════════════════════════════
   RESPONSIVE — MÓVIL PEQUEÑO (≤480px)
══════════════════════════════════════ */
@media (max-width: 480px) {
  .wb-root .wb-toolbar { padding: 10px 14px; }
  .wb-root .wb-brand { font-size: 15px; letter-spacing: .01em; }
  .wb-root .wb-btn-pdf { font-size: 16px; padding: 7px 14px; }
  .wb-root .wb-pages { padding: 8px 0 32px; gap: 8px; }
  .wb-root .wb-page-inner { padding: 22px 16px 20px 22px; }
  .wb-root .wb-cover-inner { padding: 28px 20px 24px; }
  .wb-root .wb-cover-hero h2 { font-size: 28px; line-height: 1.05; }
  .wb-root .wb-cover-sub { font-size: 15px; margin-top: 16px; }
  .wb-root .wb-cover-desc { font-size: 16px; }
  .wb-root .wb-cm-title { font-size: 15px; }
  .wb-root .wb-cm-sub { font-size: 16px; }
  .wb-root .wb-tmpl-title { font-size: 17px; }
  .wb-root .wb-time-val { font-size: 15px; }
  .wb-root .wb-badge { font-size: 16px; padding: 3px 8px; }
  .wb-root .wb-obj-lbl { font-size: 15px; }
  .wb-root .wb-obj-val { font-size: 16px; }
  .wb-root .wb-sec-num { width: 24px; height: 24px; font-size: 16px; }
  .wb-root .wb-sec-title { font-size: 16px; }
  .wb-root .wb-qlbl { font-size: 15px; }
  .wb-root .wb-qtxt { font-size: 15px; }
  .wb-root .wb-hours-big { font-size: 17px; min-width: 50px; }
  .wb-root .wb-hours-unit { font-size: 15px; }
  .wb-root .wb-checks { grid-template-columns: 1fr; gap: 5px; }
  .wb-root .wb-chk { padding: 10px 12px; }
  .wb-root .wb-chk-txt { font-size: 16px; }
  .wb-root .wb-chk-box { width: 18px; height: 18px; }
  .wb-root .wb-chk.wb-on .wb-chk-box::after { font-size: 16px; }
  .wb-root .wb-area { font-size: 16px; min-height: 60px; padding: 10px 12px; }
  .wb-root .wb-line { font-size: 16px; min-height: 32px; }
  .wb-root .wb-hcalc { grid-template-columns: 1fr; }
  .wb-root .wb-hcalc-item { border-left: none; border-top: 1px solid #D5DBDB; }
  .wb-root .wb-hcalc-item:first-child { border-top: none; }
  .wb-root .wb-hc-years { font-size: 26px; }
  .wb-root .wb-hc-rate { font-size: 15px; }
  .wb-root .wb-hc-desc { font-size: 15px; }
  .wb-root .wb-dec-txt { font-size: 16px; }
  .wb-root .wb-dec-opt { padding: 14px 12px; }
  .wb-root .wb-idstarter { font-size: 15px; line-height: 1.55; }
  .wb-root .wb-idwrite { font-size: 16px; min-height: 60px; padding: 8px 14px; }
  .wb-root .wb-firma-field { font-size: 15px; min-height: 36px; }
  .wb-root .wb-firma-lbl { font-size: 16px; }
  .wb-root .wb-table { font-size: 15px; }
  .wb-root .wb-table th { font-size: 15px; padding: 8px 6px; }
  .wb-root .wb-td-lbl { font-size: 16px; padding: 8px 6px; }
  .wb-root .wb-td-edit { font-size: 16px; min-height: 34px; padding: 6px 8px; }
  /* tabla semanal — apilar columnas en móvil pequeño */
  .wb-root .wb-table.wb-table-weekly thead { display: none; }
  .wb-root .wb-table.wb-table-weekly tr { display: block; border: 1px solid #D5DBDB; margin-bottom: 6px; }
  .wb-root .wb-table.wb-table-weekly td { display: block; border: none; border-bottom: 1px solid #e4dfd5; }
  .wb-root .wb-table.wb-table-weekly td.wb-td-lbl { background: #2C3E50 !important; color: #FFFFFF; font-weight:700; font-size: 16px; letter-spacing: .01em; text-transform: uppercase; padding: 6px 10px; }
  .wb-root .wb-table.wb-table-weekly td::before {
    content: attr(data-col);
    display: block; font-size: 16px; letter-spacing: .01em;
    text-transform: uppercase; color: #2C3E50; margin-bottom: 2px;
  }
  .wb-root .wb-td-edit { padding: 6px 10px; }
  .wb-root .wb-pattern-title { font-size: 16px; }
  .wb-root .wb-pq { font-size: 16px; white-space: normal; }
  .wb-root .wb-prow { flex-wrap: wrap; gap: 6px; }
  .wb-root .wb-pfill { flex: none; width: 100%; min-height: 28px; font-size: 15px; }
  .wb-root .wb-biofill { font-size: 15px; line-height: 2.3; }
  .wb-root .wb-biofill .wb-blank { min-width: 80px; font-size: 15px; }
  .wb-root .wb-biofill .wb-blank.wb-wide { min-width: 110px; }
  .wb-root .wb-stmt-lbl { font-size: 15px; }
  .wb-root .wb-stmt-txt { font-size: 15px; }
  .wb-root .wb-stmt-write { font-size: 15px; min-height: 48px; }
  .wb-root .wb-kit-hdr { font-size: 16px; }
  .wb-root .wb-kit-files { grid-template-columns: 1fr; }
  .wb-root .wb-kfile { font-size: 16px; }
  .wb-root .wb-alert-txt { font-size: 15px; }
  .wb-root .wb-alert-txt strong { font-size: 15px; }
  .wb-root .wb-hdist { grid-template-columns: 1fr 1fr; gap: 8px; }
  .wb-root .wb-hd { padding: 12px 8px; }
  .wb-root .wb-hd-lbl { font-size: 16px; }
  .wb-root .wb-hd-inp { width: 50px; height: 50px; font-size: 17px; }
  .wb-root .wb-hd-unit { font-size: 15px; }
  .wb-root .wb-actions { grid-template-columns: 1fr; gap: 6px; }
  .wb-root .wb-act { padding: 12px; }
  .wb-root .wb-ac-txt { font-size: 16px; }
  .wb-root .wb-ac-dot { width: 14px; height: 14px; }
  .wb-root .wb-rev-hdr { font-size: 15px; padding: 8px 12px; }
  .wb-root .wb-rev-body { font-size: 15px; min-height: 64px; }
  .wb-root .wb-r5 { flex-direction: column; align-items: flex-start; gap: 14px; padding: 16px 18px; }
  .wb-root .wb-r5-nums { gap: 8px; }
  .wb-root .wb-r5-n { width: 42px; height: 42px; font-size: 18px; }
  .wb-root .wb-r5-lbl { font-size: 16px; }
  .wb-root .wb-r5-write { font-size: 16px; min-height: 32px; }
  .wb-root .wb-bl-num { font-size: 16px; }
  .wb-root .wb-bl-title { font-size: 16px; }
  .wb-root .wb-bl-time { font-size: 16px; }
  .wb-root .wb-footer-tag { font-size: 15px; }
  .wb-root .wb-footer-logo { font-size: 15px; }
  .wb-root .wb-prog { margin-bottom: 14px; }
  .wb-root .wb-toolbar-btns { gap: 6px; }
  .wb-root .wb-btn-link { font-size: 16px; padding: 6px 12px; }
  .wb-root .wb-cta-bar { padding: 24px 20px; flex-direction: column; align-items: flex-start; }
  .wb-root .wb-cta-btns { flex-direction: column; width: 100%; }
  .wb-root .wb-cta-btns .wb-btn-pdf,
  .wb-root .wb-cta-btns .wb-btn-link { width: 100%; justify-content: center; font-size: 16px; padding: 15px 20px; }
  .wb-root .wb-cta-title { font-size: 17px; }
  .wb-root .wb-cta-sub { font-size: 15px; }
}
/* ── FILTER PAGE — 5 RAZONES ── */
.wb-root .wb-razones { display: flex; flex-direction: column; gap: 10px; margin-bottom: 18px; }
.wb-root .wb-razon {
  border: 1.5px solid #D5DBDB;
  overflow: hidden;
  transition: border-color .25s;
}
.wb-root .wb-razon.wb-razon-quiero { border-color: #27AE60; }
.wb-root .wb-razon.wb-razon-noquiero { border-color: #C0392B; }
.wb-root .wb-razon-head {
  display: flex;
  align-items: stretch;
  background: #FFFFFF;
}
.wb-root .wb-razon.wb-razon-quiero .wb-razon-head { background: rgba(39,174,96,.06); }
.wb-root .wb-razon.wb-razon-noquiero .wb-razon-head { background: rgba(192,57,43,.05); }
.wb-root .wb-razon-num {
  background: #2C3E50;
  color: #F1C40F; font-weight:900;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 900;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  opacity: .4;
  transition: opacity .25s;
}
.wb-root .wb-razon.wb-razon-quiero .wb-razon-num { opacity: 1; }
.wb-root .wb-razon.wb-razon-noquiero .wb-razon-num { opacity: 1; background: #C0392B; color: #fff; }
.wb-root .wb-razon-body {
  flex: 1;
  padding: 11px 14px;
}
.wb-root .wb-razon-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #2C3E50;
  line-height: 1.3;
  margin-bottom: 3px;
}
.wb-root .wb-razon-sub {
  font-size: 15px;
  color: #2C3E50;
  font-style: italic;
  font-family: 'Quicksand', sans-serif;
  letter-spacing: .01em;
}
/* two buttons below each statement */
.wb-root .wb-razon-choice {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  border-top: 1px solid #D5DBDB;
}
.wb-root .wb-rc-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 10px 12px;
  font-size: 15px;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .01em;
  cursor: pointer;
  background: none;
  border: none;
  color: #2C3E50; font-weight:500;
  transition: all .18s;
  user-select: none;
  border-right: 1px solid #D5DBDB;
}
.wb-root .wb-rc-btn:last-child { border-right: none; }
.wb-root .wb-rc-btn:hover { background: #F0F4F8; color: #2C3E50; }
.wb-root .wb-rc-btn.wb-rc-quiero  { background: #27AE60; color: #fff; }
.wb-root .wb-rc-btn.wb-rc-noquiero { background: #C0392B; color: #FFFFFF; }
.wb-root .wb-rc-btn-icon { font-size: 15px; line-height: 1; }
.wb-root .wb-rc-btn-txt { font-size: 16px; }
/* MANDATORY FINAL */
.wb-root .wb-decision-final {
  border: 2px solid #D5DBDB;
  overflow: hidden;
  transition: border-color .3s;
}
.wb-root .wb-df-header {
  background: #2C3E50;
  padding: 10px 16px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.wb-root .wb-df-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: #FFFFFF; font-weight:700;
  flex: 1;
}
.wb-root .wb-df-required {
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #27AE60; font-weight:700;
  border: 1px solid #27AE60;
  padding: 2px 8px;
}
.wb-root .wb-df-options {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  background: #D5DBDB;
}
.wb-root .wb-df-opt {
  background: #FFFFFF;
  padding: 18px 14px;
  cursor: pointer;
  transition: all .2s;
  text-align: center;
  user-select: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.wb-root .wb-df-opt:hover { background: #F0F4F8; }
.wb-root .wb-df-opt.wb-on-si { background: #27AE60; }
.wb-root .wb-df-opt.wb-on-no { background: #2C3E50; }
.wb-root .wb-df-icon { font-size: 18px; line-height: 1; }
.wb-root .wb-df-label {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #2C3E50;
  line-height: 1.2;
  transition: all .2s;
}
.wb-root .wb-df-sublabel {
  font-size: 16px;
  color: #34495E;
  letter-spacing: .01em;
  transition: all .2s;
}
.wb-root .wb-df-opt.wb-on-si .wb-df-label,
.wb-root .wb-df-opt.wb-on-si .wb-df-sublabel { color: #fff; }
.wb-root .wb-df-opt.wb-on-no .wb-df-label,
.wb-root .wb-df-opt.wb-on-no .wb-df-sublabel { color: #FFFFFF; }
.wb-root .wb-df-feedback {
  padding: 10px 16px;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-style: italic;
  border-top: 1px solid #D5DBDB;
  color: #2C3E50;
  display: none;
}
.wb-root .wb-df-feedback.wb-show { display: block; }
.wb-root .wb-df-feedback.wb-fb-si { color: #1E8449; border-top-color: #27AE60; font-weight:600; }
.wb-root .wb-df-feedback.wb-fb-no { background: #2C3E50; color: #D5DBDB; font-weight:500; }
@media (max-width: 480px) {
  .wb-root .wb-razon-title { font-size: 15px; }
  .wb-root .wb-razon-sub { font-size: 16px; }
  .wb-root .wb-rc-btn-txt { font-size: 15px; }
  .wb-root .wb-rc-btn { padding: 12px 8px; }
  .wb-root .wb-df-label { font-size: 15px; }
}
/* ════════════════════════════════════════
   MANUAL DE USO — PAGE STYLES
════════════════════════════════════════ */
.wb-root .wb-manual-page {
  background: #FFFFFF;
  padding: 0;
}
.wb-root .wb-manual-hero {
  background: #2C3E50;
  padding: 40px 52px 36px;
  position: relative;
  overflow: hidden;
}
.wb-root .wb-manual-hero::before {
  content: '';
  position: absolute;
  top: -60px; right: -60px;
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(41,128,185,.3) 0%, transparent 65%);
}
.wb-root .wb-manual-hero::after {
  content: '';
  position: absolute;
  bottom: -40px; left: 40%;
  width: 200px; height: 200px;
  background: radial-gradient(circle, rgba(39,174,96,.15) 0%, transparent 65%);
}
.wb-root .wb-mh-eyebrow {
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #F1C40F; font-weight:700;
  margin-bottom: 10px;
  position: relative; z-index:1;
}
.wb-root .wb-mh-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 900;
  color: #FFFFFF;
  line-height: 1.1;
  margin-bottom: 10px;
  position: relative; z-index:1; text-shadow:0 1px 4px rgba(0,0,0,.2);
}
.wb-root .wb-mh-title em { font-style: italic; color: #F1C40F; }
.wb-root .wb-mh-sub {
  font-size: 16px;
  color: #D5DBDB;
  line-height: 1.55;
  max-width: 480px;
  position: relative; z-index:1;
}
.wb-root .wb-manual-body {
  padding: 32px 52px 40px;
}
/* NAV INDEX */
.wb-root .wb-man-index {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: #D5DBDB;
  border: 1px solid #D5DBDB;
  margin-bottom: 32px;
}
.wb-root .wb-man-idx-item {
  background: #F0F4F8;
  padding: 14px 14px;
  cursor: pointer;
  transition: background .15s;
  text-decoration: none;
  display: block;
}
.wb-root .wb-man-idx-item:hover { background: #EBF0F5; }
.wb-root .wb-man-idx-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 4px;
}
.wb-root .wb-man-idx-label {
  font-size: 15px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #2C3E50;
  line-height: 1.4;
}
/* MANUAL SECTIONS */
.wb-root .wb-man-sec {
  margin-bottom: 28px;
}
.wb-root .wb-man-sec-hdr {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px solid #EBF0F5;
}
.wb-root .wb-man-badge {
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #FFFFFF; font-weight:700;
  padding: 4px 10px;
  flex-shrink: 0;
}
.wb-root .wb-man-sec-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #2C3E50;
}
/* STEP CARDS */
.wb-root .wb-man-steps {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wb-root .wb-man-step {
  display: flex;
  align-items: flex-start;
  gap: 0;
  border: 1px solid #D5DBDB;
  overflow: hidden;
}
.wb-root .wb-ms-num {
  width: 40px;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 900;
  color: #FFFFFF;
  flex-shrink: 0;
  padding: 14px 0;
  align-self: stretch;
}
.wb-root .wb-ms-body {
  flex: 1;
  padding: 12px 16px;
  border-left: 1px solid #D5DBDB;
}
.wb-root .wb-ms-title {
  font-size: 16px;
  font-weight: 700;
  color: #2C3E50;
  margin-bottom: 4px;
  font-family: 'Montserrat', sans-serif;
}
.wb-root .wb-ms-desc {
  font-size: 15px;
  color: #34495E;
  line-height: 1.55;
  font-family: 'Quicksand', sans-serif;
}
.wb-root .wb-ms-desc strong { color: #2C3E50; font-style: normal; }
.wb-root .wb-ms-desc em { color: #E67E22; font-style: italic; }
/* INFO PILLS */
.wb-root .wb-man-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}
.wb-root .wb-man-pill {
  font-size: 15px;
  letter-spacing: .01em;
  padding: 5px 12px;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
/* INTERACTIVE GUIDE */
.wb-root .wb-man-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 4px;
}
.wb-root .wb-man-card {
  border: 1px solid #D5DBDB;
  overflow: hidden;
}
.wb-root .wb-mc-head {
  padding: 8px 12px;
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #FFFFFF; font-weight:700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.wb-root .wb-mc-icon { font-size: 15px; }
.wb-root .wb-mc-body {
  padding: 10px 12px;
  font-size: 15px;
  color: #2C3E50;
  line-height: 1.55;
  font-family: 'Quicksand', sans-serif;
}
.wb-root .wb-mc-body strong { color: #2C3E50; }
/* TIMELINE */
.wb-root .wb-man-timeline {
  position: relative;
  padding-left: 28px;
  margin-top: 4px;
}
.wb-root .wb-man-timeline::before {
  content: '';
  position: absolute;
  left: 10px; top: 8px; bottom: 8px;
  width: 2px;
  background: #D5DBDB;
}
.wb-root .wb-man-tl-item {
  position: relative;
  margin-bottom: 14px;
}
.wb-root .wb-man-tl-item::before {
  content: '';
  position: absolute;
  left: -22px; top: 6px;
  width: 10px; height: 10px;
  border-radius: 50%;
  border: 2px solid #FFFFFF;
}
.wb-root .wb-man-tl-title {
  font-size: 16px;
  font-weight: 700;
  color: #2C3E50;
  font-family: 'Montserrat', sans-serif;
}
.wb-root .wb-man-tl-desc {
  font-size: 15px;
  color: #34495E;
  line-height: 1.5;
  font-family: 'Quicksand', sans-serif;
  margin-top: 2px;
}
/* TIP BOX */
.wb-root .wb-man-tip {
  background: #F0F4F8;
  border-left: 4px solid #F1C40F;
  padding: 12px 16px;
  margin-top: 10px;
  font-size: 15px;
  font-family: 'Quicksand', sans-serif;
  color: #2C3E50;
  line-height: 1.55;
}
.wb-root .wb-man-tip strong { color: #2C3E50; }
.wb-root .wb-man-tip-lbl { /* darkened for contrast */
  font-size: 16px;
  letter-spacing: .01em;
  text-transform: uppercase;
  color: #B7770D;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 4px;
}
@media (max-width: 860px) {
  .wb-root .wb-manual-hero { padding: 28px 22px 24px; }
  .wb-root .wb-manual-body { padding: 22px 20px 32px; }
  .wb-root .wb-mh-title { font-size: 21px; }
  .wb-root .wb-man-index { grid-template-columns: 1fr 1fr; }
  .wb-root .wb-man-grid { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .wb-root .wb-manual-hero { padding: 22px 16px 20px; }
  .wb-root .wb-manual-body { padding: 18px 16px 28px; }
  .wb-root .wb-mh-title { font-size: 17px; }
  .wb-root .wb-man-index { grid-template-columns: 1fr 1fr; }
  .wb-root .wb-man-step { flex-direction: column; }
  .wb-root .wb-ms-num { width: 100%; padding: 8px; font-size: 15px; justify-content: flex-start; padding-left: 14px; }
  .wb-root .wb-ms-body { border-left: none; border-top: 1px solid #D5DBDB; }
}
/* ════════════════════════════════════════
   MANIFIESTO PAGE
════════════════════════════════════════ */
.wb-root .wb-mf-inner {
  padding: 32px 52px 28px calc(52px + 6px);
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
}
/* Headline */
.wb-root .wb-mf-headline {
  font-family: 'Montserrat', sans-serif;
  font-size: 21px;
  font-weight: 900;
  color: #2C3E50;
  letter-spacing: .02em;
  line-height: 1.2;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.wb-root .wb-mf-intro {
  font-family: 'Quicksand', sans-serif;
  font-size: 17px;
  color: #2C3E50;
  line-height: 1.65;
  margin-bottom: 10px;
  max-width: 700px;
  font-weight: 500;
}
.wb-root .wb-mf-intro em { color: #2980B9; font-style: italic; font-weight: 700; }
/* Divider */
.wb-root .wb-mf-div {
  height: 3px;
  background: linear-gradient(90deg, #C0392B 0%, #2980B9 30%, #27AE60 65%, #16A085 100%);
  margin: 10px 0;
}
/* 2-col main grid */
.wb-root .wb-mf-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 10px;
}
.wb-root .wb-mf-block {
  display: flex;
  flex-direction: column;
}
.wb-root .wb-mf-block-title {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: #FFFFFF;
  padding: 7px 12px;
  font-family: 'Montserrat', sans-serif;
}
.wb-root .wb-mf-block-body {
  border: 1px solid #D5DBDB;
  border-top: none;
  padding: 12px 14px;
  flex: 1;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  color: #2C3E50;
  line-height: 1.65;
  font-weight: 500;
}
.wb-root .wb-mf-block-body strong {
  display: block;
  font-size: 17px;
  color: #2C3E50;
  margin-bottom: 5px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
}
.wb-root .wb-mf-block-body strong.wb-inline {
  display: inline;
  font-size: inherit;
}
.wb-root .wb-mf-block-body em { color: #2C3E50; font-style: italic; font-weight: 600; }
/* Pills */
.wb-root .wb-mf-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.wb-root .wb-mf-pill {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 2px;
  background: #EBF0F5;
  color: #2C3E50;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  letter-spacing: .03em;
}
/* Month timeline strip */
.wb-root .wb-mf-months {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 5px;
  margin-bottom: 10px;
}
.wb-root .wb-mf-month {
  text-align: center;
  padding: 8px 4px 7px;
  border: 1px solid #D5DBDB;
}
.wb-root .wb-mf-month-num {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 4px;
}
.wb-root .wb-mf-month-lbl {
  font-size: 11px;
  color: #2C3E50;
  font-weight: 600;
  line-height: 1.3;
  font-family: 'Montserrat', sans-serif;
}
/* Bottom row */
.wb-root .wb-mf-bottom {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.wb-root .wb-mf-quote {
  background: #2C3E50;
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.wb-root .wb-mf-quote-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
  font-style: italic;
  color: #FFFFFF;
  line-height: 1.55;
  font-weight: 800;
}
.wb-root .wb-mf-quote-sub {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #D5DBDB;
  margin-top: 8px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
}
.wb-root .wb-mf-cta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.wb-root .wb-mf-cta-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  letter-spacing: .06em;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 16px;
  cursor: pointer;
  text-decoration: none;
  transition: opacity .15s;
}
.wb-root .wb-mf-cta-btn:hover { opacity: .88; }
@media (max-width: 860px) {
  .wb-root .wb-mf-inner { padding: 22px 20px 18px 26px; }
  .wb-root .wb-mf-grid { grid-template-columns: 1fr; }
  .wb-root .wb-mf-months { grid-template-columns: repeat(4,1fr); }
  .wb-root .wb-mf-bottom { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .wb-root .wb-mf-inner { padding: 18px 16px 16px 22px; }
  .wb-root .wb-mf-headline { font-size: 21px; }
  .wb-root .wb-mf-months { grid-template-columns: repeat(4,1fr); }
}

/* Integration: preserve the original layout while allowing complete answers. */
@media(max-width:480px){.wb-root .wb-toolbar{padding:12px;gap:10px}.wb-root .wb-toolbar-btns{flex-wrap:wrap;width:100%;min-width:0}.wb-root .wb-toolbar-brand{white-space:normal}.wb-root .wb-footer{padding-right:30px;gap:8px}.wb-root .wb-footer-logo{font-size:11px}.wb-root .wb-page-inner{padding-bottom:38px}.wb-root .wb-prow{flex-direction:column;align-items:stretch}.wb-root .wb-pq{white-space:normal;max-width:100%}}
.wb-root #wbp-cover{overflow:hidden}
.workbook-site [hidden]{display:none!important}.wb-access{max-width:816px;margin:24px auto;padding:20px;font-family:Arial,sans-serif}.wb-access h1{font-size:24px}.wb-access a{color:#1b567a;text-decoration:underline}.wb-root .wb-page{height:auto;min-height:1056px;overflow:visible}.wb-root .wb-page-inner{height:auto;min-height:1056px}.wb-root [contenteditable]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:none;overflow:visible}.wb-root td{overflow-wrap:anywhere;min-width:0}.wb-root .wb-table{table-layout:fixed}.wb-root [role=button]:focus-visible,.wb-root button:focus-visible{outline:3px solid #2980b9;outline-offset:3px}.wb-root .wb-blank{max-width:100%}.wb-root [contenteditable]:focus{outline:2px solid #2980b9}.wb-root .wb-page{scroll-margin-top:100px}@media(max-width:860px){.wb-root .wb-page,.wb-root .wb-page-inner{min-height:0}.wb-root .wb-cover{min-height:900px}}

/* Product name: wrap without changing the workbook fields or structure. */
.wb-root .wb-toolbar{height:auto;min-height:64px;flex-wrap:wrap;gap:10px;padding:10px 24px}
.wb-root .wb-brand{flex:1 1 280px;max-width:420px;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:break-word}
.wb-root .wb-footer-logo{max-width:48%;font-size:11px;line-height:1.3;white-space:normal;text-align:right}
.wb-root .wb-mh-eyebrow{line-height:1.5;white-space:normal}
@media(max-width:480px){.wb-root .wb-toolbar{padding:10px 12px}.wb-root .wb-brand{font-size:12px;flex-basis:100%}.wb-root .wb-footer-logo{font-size:9px}.wb-access h1{font-size:24px;line-height:1.25;overflow-wrap:break-word}}
.wb-root .wb-guide-page{color:#14213d}
.wb-root .wb-guide-page h2{font-size:30px;line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}
.wb-root .wb-guide-page p,.wb-root .wb-guide-page li{font-size:15px;line-height:1.65}
.wb-root .wb-guide-label{font-size:12px!important;font-weight:800;letter-spacing:.06em;color:#287cb4}
.wb-root .wb-guide-route{padding:18px;border-left:3px solid #287cb4;background:#eef5fa}
.wb-root .wb-guide-card{border:1px solid #d9d9d9;border-radius:10px;padding:24px;margin-top:24px;overflow-wrap:anywhere}
.wb-root .wb-guide-card h3{font-size:21px;line-height:1.3;margin:0 0 16px}
.wb-root .wb-guide-card h4{font-size:15px;margin:20px 0 0}
.wb-root .wb-guide-card blockquote{margin:12px 0;padding:14px 18px;border-left:3px solid #d9d9d9;background:#f7f7f5;white-space:pre-wrap;font-size:15px;line-height:1.65}
.wb-root .wb-guide-card a,.wb-root .wb-guide-notes a{color:#246fa2;text-decoration:underline;font-size:14px}
.wb-root .wb-guide-resolve{display:block;margin-top:18px;background:#fff;border:1px solid #9ca9b8;border-radius:999px;padding:12px 18px;min-height:44px;color:#14213d;font:600 14px/1.5 Montserrat,Arial,sans-serif;cursor:pointer}
.wb-root .wb-guide-notes{margin-top:32px;border-top:1px solid #d9d9d9;padding-top:20px}
.wb-root .wb-guide-notes li{margin-bottom:14px}
.wb-root.wb-export .wb-guide-resolve{display:none}
/* Seven-stage navigation: export clones show every included answer. */
#wb-artista.wb-staged:not(.wb-export) [data-stage-hidden]{display:none!important}
#wb-artista.wb-pdf-exporting .wb-page:not([data-wb-export-target]){display:none!important}
#wb-artista:not(.wb-export) .wb-export-summary{display:none!important}
.wb-root.wb-export .wb-stage-extra,.wb-root.wb-export .wb-stage-extra .wb-page-inner,.wb-root.wb-export .wb-export-summary,.wb-root.wb-export .wb-export-summary .wb-page-inner{min-height:0;height:auto}
.wb-export-summary h2{font-size:28px;line-height:1.3}.wb-export-summary p{font-size:15px;line-height:1.7}
.wb-stage-shell{max-width:1160px;margin:24px auto;padding:32px;background:#fff;border:1px solid #d9d9d9;border-radius:12px;color:#14213d}
.wb-stage-shell h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;letter-spacing:-.02em}
.wb-stage-shell p,.wb-stage-shell li{font-size:15px;line-height:1.65}
.wb-stage-layout{grid-template-columns:minmax(260px,320px) minmax(0,1fr)}
#wb-artista.wb-stage-layout:not(.wb-export){display:grid;gap:24px;align-items:start}
#wb-artista.wb-stage-layout:not(.wb-export) .wb-toolbar{grid-column:1/-1;width:100%;max-width:1160px}
#wb-artista.wb-stage-layout:not(.wb-export) #wb-stage-navigation{grid-column:1;grid-row:2/span 3;position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;margin:0;padding:24px}
#wb-artista.wb-stage-layout:not(.wb-export) .wb-stage-context{grid-column:2;margin:0;padding:24px 28px}
#wb-artista.wb-stage-layout:not(.wb-export) .wb-pages{grid-column:2;width:100%;max-width:none;margin:0}
#wb-artista.wb-stage-layout:not(.wb-export) .wb-stage-completion{grid-column:2;margin:0}
#wb-artista.wb-stage-layout:not(.wb-export) .wb-services-nav{grid-column:2;justify-self:center;width:min(100%,900px);margin:16px 0 0;padding:18px 22px;display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));align-items:center;gap:10px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(20,61,80,.06)}
.wb-services-label{color:#52606d;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.wb-services-nav a{display:flex;min-height:44px;align-items:center;justify-content:center;padding:10px 14px;border:1px solid #c4dbea;border-radius:999px;background:#f7fbfd;color:#205f87;font-size:13px;font-weight:750;line-height:1.35;text-align:center;text-decoration:none}
.wb-services-nav a:hover{border-color:#287cb4;background:#eef5fa}
.wb-services-nav a:focus-visible{outline:3px solid #9bc7e3;outline-offset:2px}
.wb-stage-kicker{display:block;margin:0 0 6px;color:#287cb4;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
#wb-stage-navigation>h2{margin:0 0 8px;font-size:1.55rem}
#wb-stage-navigation>p{margin:0 0 20px;color:#52606d;font-size:13px;line-height:1.55}
.wb-stage-progress{display:grid;gap:8px;margin:0 0 24px;padding:14px;border-radius:10px;background:#eef5fa}
.wb-stage-progress-text{color:#14213d;font-size:13px;font-weight:800}
.wb-stage-progress-track{display:block;height:6px;overflow:hidden;border-radius:999px;background:#d8e6f0}
.wb-stage-progress-bar{display:block;width:0;height:100%;border-radius:inherit;background:#287cb4;transition:width .25s ease}
@media(prefers-reduced-motion:reduce){.wb-stage-progress-bar,.wb-stage-chevron{transition:none}}
.wb-stage-group-label{margin:0 0 8px;color:#52606d;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.wb-stage-map{list-style:none;display:grid;gap:0;margin:0;padding:0}
.wb-stage-timeline .wb-stage-map{position:relative}
.wb-stage-item{min-width:0;border-top:1px solid #e2e7eb}
.wb-stage-item:last-child{border-bottom:1px solid #e2e7eb}
.wb-stage-timeline .wb-stage-item{position:relative;border:0}
.wb-stage-timeline .wb-stage-item::before{content:"";position:absolute;left:18px;top:46px;bottom:-18px;width:2px;background:#cbd4dc}
.wb-stage-timeline .wb-stage-item:last-child::before{display:none}
.wb-stage-timeline .wb-stage-item.is-complete::before{background:#75b990}
.wb-stage-shell button{font:700 14px/1.5 Montserrat,Arial,sans-serif;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid #9ca9b8;background:#fff;color:#14213d;cursor:pointer;white-space:normal;text-align:left}
.wb-stage-shell button:disabled{cursor:not-allowed;color:#626a73;background:#f2f2f0;border-color:#d9d9d9}
.wb-stage-shell button[aria-current=step]:not(.wb-stage-trigger),.wb-stage-shell .wb-stage-primary{background:#287cb4;border-color:#287cb4;color:#fff}
.wb-stage-shell .wb-stage-primary:disabled{background:#edf0f3;color:#626a73}
.wb-stage-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:stretch}
.wb-stage-trigger{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-height:64px!important;padding:10px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#14213d!important}
.wb-stage-trigger:hover{background:#f5f8fa!important}
.wb-stage-trigger:focus-visible,.wb-stage-benefit-toggle:focus-visible{position:relative;z-index:2;outline:3px solid #9bc7e3;outline-offset:2px}
.wb-stage-trigger[aria-current=step]{background:#eef5fa!important}
.wb-stage-trigger[data-locked=true]{color:#697580!important;cursor:pointer}
.wb-stage-marker{display:grid;place-items:center;width:30px;height:30px;border:2px solid #aeb9c2;border-radius:50%;background:#fff;color:#52606d;font-size:11px;font-weight:800}
.wb-stage-timeline .wb-stage-marker{position:relative;z-index:1}
.wb-stage-item.is-current .wb-stage-marker{border-color:#287cb4;background:#287cb4;color:#fff}
.wb-stage-item.is-complete .wb-stage-marker{border-color:#21864d;background:#21864d;color:#fff;font-size:15px}
.wb-stage-trigger-copy{display:grid;gap:2px;min-width:0}
.wb-stage-name{font-size:13px;line-height:1.35}
.wb-stage-state{display:block;color:#697580;font-size:10px;font-weight:700;line-height:1.35}
.wb-stage-item.is-current .wb-stage-state{color:#23678f}
.wb-stage-benefit-toggle{align-self:center;display:grid!important;place-items:center;width:44px;min-height:44px!important;margin:0;padding:0!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#52606d!important;text-align:center!important}
.wb-stage-benefit-toggle:hover{background:#e9f1f6!important;color:#174e77!important}
.wb-stage-chevron{font-size:18px;line-height:1;transition:transform .2s ease}
.wb-stage-benefit-toggle[aria-expanded=true] .wb-stage-chevron{transform:rotate(180deg)}
.wb-stage-panel{padding:0 12px 14px 48px;color:#52606d}
.wb-stage-panel p{margin:0;font-size:12px;line-height:1.55}
.wb-stage-optional-label{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;margin:22px 0 0;padding:13px 4px;border-top:1px solid #cbd4dc}
.wb-stage-optional-title{font-size:12px;font-weight:800}
.wb-stage-optional-meta{color:#697580;font-size:10px;font-weight:700}
.wb-stage-completion-actions{display:grid;grid-template-columns:minmax(240px,320px) repeat(2,minmax(0,max-content));align-items:start;gap:12px}
#wb-stage-complete{min-width:240px;width:100%}
@media(max-width:780px){.wb-stage-completion-actions{grid-template-columns:1fr}.wb-stage-completion-actions button{width:100%;text-align:center}}
.wb-r5-help{margin:10px 0 0;font-size:13px;line-height:1.55;color:#334155}
.wb-stage-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:20px}
.wb-stage-actions button{width:100%;padding:9px 12px;font-size:11px;text-align:center}
.wb-stage-notice{margin:16px 0 0;border-left:3px solid #287cb4;background:#eef5fa;padding:12px;color:#334155;font-size:12px;line-height:1.5}
.wb-stage-notice:empty{display:none}
.wb-essential-result{margin:20px 0 0;padding:14px;border:1px solid #64b983;border-radius:10px;background:#effaf3}
.wb-essential-result h3{margin:0 0 8px;color:#176b3a;font-size:15px}
.wb-essential-result p{margin:8px 0;overflow-wrap:anywhere;font-size:12px}
.wb-stage-context h2{margin:0 0 8px}
.wb-stage-context p{margin:0;color:#52606d}
#wb-stage-heading{scroll-margin-top:24px}
#wb-stage-errors:not(:empty){border-left:3px solid #a33a2b;padding:12px 20px;margin-bottom:20px;background:#fff5f2}
.wb-stage-extra h2{font-size:24px;line-height:1.3;margin:0 0 20px}
.wb-stage-extra p{font-size:15px;line-height:1.65}
.wb-stage-extra button{min-height:44px;padding:10px 16px;border:1px solid #9ca9b8;border-radius:999px;background:#fff;color:#14213d;font:700 14px/1.5 Montserrat,Arial,sans-serif;cursor:pointer;white-space:normal;text-align:center}
.wb-stage-extra button:hover{background:#eef5fa;border-color:#287cb4}
.wb-stage-extra button:focus-visible{outline:3px solid #c4dbea;outline-offset:3px}
.wb-stage-label{display:block;font:600 15px/1.6 Montserrat,Arial,sans-serif;margin:18px 0;color:#14213d}
.wb-stage-label select,.wb-stage-label textarea,.wb-stage-label input{display:block;width:100%;max-width:100%;min-height:48px;border:1px solid #9ca9b8;border-radius:6px;background:#fff;color:#14213d;padding:12px;font:400 16px/1.6 Montserrat,Arial,sans-serif;margin-top:8px;resize:vertical}
.wb-stage-label :focus-visible{outline:3px solid #c4dbea;outline-offset:2px}
.wb-stage-export-value{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #d9d9d9;padding:12px;margin-top:8px;font-weight:400;font-size:16px}
.wb-root .wb-biofill .wb-blank{height:auto;min-height:24px;vertical-align:baseline;line-height:1.6}
@media(max-width:980px){.wb-stage-layout{grid-template-columns:1fr}#wb-artista.wb-stage-layout:not(.wb-export){grid-template-columns:1fr}#wb-artista.wb-stage-layout:not(.wb-export) #wb-stage-navigation,#wb-artista.wb-stage-layout:not(.wb-export) .wb-stage-context,#wb-artista.wb-stage-layout:not(.wb-export) .wb-pages,#wb-artista.wb-stage-layout:not(.wb-export) .wb-stage-completion{grid-column:1;grid-row:auto}#wb-artista.wb-stage-layout:not(.wb-export) .wb-services-nav{grid-column:1;grid-row:auto;grid-template-columns:1fr;width:100%}#wb-artista.wb-stage-layout:not(.wb-export) #wb-stage-navigation{position:static;max-height:none;overflow:visible}.wb-stage-shell{padding:24px 20px}.wb-stage-trigger{min-height:60px!important}.wb-stage-panel{padding-left:44px}.wb-stage-shell button{max-width:100%}.wb-services-label{text-align:center}}
.wb-stage-mobile-content{min-width:0}
@media(max-width:980px){.wb-stage-mobile-content{display:grid;min-width:0;gap:16px;margin:8px 0 28px}.wb-stage-mobile-content>.wb-stage-context,.wb-stage-mobile-content>.wb-pages,.wb-stage-mobile-content>.wb-stage-completion{width:100%;min-width:0;margin:0}.wb-stage-mobile-content>.wb-stage-context,.wb-stage-mobile-content>.wb-stage-completion{padding:20px 16px}.wb-stage-mobile-content .wb-page-inner,.wb-stage-mobile-content .wb-mf-inner{padding:24px 16px!important}.wb-stage-mobile-content table{max-width:100%}}
/* Mobile: one continuous stage surface instead of stacked cards. */
@media(max-width:980px){
#wb-artista.wb-stage-layout:not(.wb-export){background:#fff}
#wb-artista.wb-stage-layout:not(.wb-export) #wb-stage-navigation{padding-left:0;padding-right:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.wb-stage-item.is-current .wb-stage-trigger{background:transparent!important}
.wb-stage-mobile-content{gap:0;margin:8px 0 28px 44px}
.wb-stage-mobile-content>.wb-stage-context{padding:18px 0 12px!important;border:0;border-radius:0;background:transparent;box-shadow:none}
.wb-stage-mobile-content>.wb-pages{padding:0!important;gap:0!important;background:transparent}
.wb-stage-mobile-content .wb-page{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.wb-stage-mobile-content .wb-page-inner,.wb-stage-mobile-content .wb-mf-inner{padding:16px 0 24px!important}
.wb-stage-mobile-content>.wb-stage-completion{padding:20px 0 0!important;border:0;border-top:1px solid #d9e1e6;border-radius:0;background:transparent;box-shadow:none}
}
/* Website presentation. The export clone retains the original document layout. */
.workbook-site .wb-access{width:min(1160px,calc(100% - 40px));max-width:none;margin:0 auto;padding:48px 0 32px;font-family:Montserrat,Arial,sans-serif;color:var(--90m-foreground)}
.workbook-site .wb-access .sprint-opening-kicker{margin:0 0 14px;color:var(--90m-action);font-size:.78rem;font-weight:800;letter-spacing:.14em;line-height:1.35;text-transform:uppercase}
.workbook-site .wb-access h1{max-width:900px;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;margin:0 0 24px}
.workbook-site .wb-access .sprint-product-concept{max-width:780px;margin:-10px 0 28px;color:#111;font-size:clamp(1rem,1.8vw,1.2rem);font-weight:700;letter-spacing:.03em;line-height:1.45}
.workbook-site .wb-access .sprint-opening-question{max-width:900px;margin:0 0 18px;color:var(--90m-foreground);font-size:clamp(1.55rem,3vw,2.45rem);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.workbook-site .wb-access .sprint-opening-lead{max-width:780px;margin:0 0 24px;color:var(--90m-foreground);font-size:clamp(1.1rem,2vw,1.35rem);font-weight:500;line-height:1.55}
.workbook-site .wb-access p{line-height:1.65;color:var(--90m-muted-foreground)}
.workbook-site #wb-access-message:empty{display:none}
.workbook-site #wb-save-status:empty{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.workbook-site .wb-save-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:26px 0 12px;padding:18px 20px;border:1px solid rgba(41,128,185,.28);border-left:4px solid #2980B9;border-radius:14px;background:#f4f9fd;box-shadow:0 10px 28px rgba(20,33,61,.06)}
.workbook-site .wb-save-panel[hidden]{display:none!important}.workbook-site .wb-save-panel strong{display:block;margin-bottom:4px;color:#14213d;font-size:1rem}.workbook-site .wb-save-panel p{max-width:680px;margin:0;font-size:.9rem;line-height:1.55}.workbook-site .wb-save-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;flex:0 0 auto}.workbook-site .wb-save-actions a,.workbook-site .wb-save-actions button{min-height:44px;padding:10px 15px;border:1px solid #2980B9;border-radius:999px;font:700 12px/1.3 Montserrat,Arial,sans-serif;cursor:pointer}.workbook-site .wb-save-actions a{display:inline-flex;align-items:center;background:#2980B9;color:#fff!important;text-decoration:none}.workbook-site .wb-save-actions button{background:#fff;color:#1b567a}.workbook-site #wb-save-status{min-height:24px;margin:10px 0 0;font-size:.82rem;font-weight:700;color:#405267}
@media(max-width:760px){.workbook-site .wb-save-panel{align-items:stretch;flex-direction:column;gap:14px;margin-top:20px;padding:16px}.workbook-site .wb-save-actions{justify-content:stretch}.workbook-site .wb-save-actions a,.workbook-site .wb-save-actions button{width:100%;justify-content:center;text-align:center}}
#wb-retry{min-height:44px;padding:10px 16px;border:1px solid var(--90m-border);border-radius:999px;background:#fff;color:var(--90m-foreground);font:700 13px/1.4 Montserrat,Arial,sans-serif;cursor:pointer}
#wb-retry:hover{background:var(--90m-secondary);border-color:var(--90m-action)}
#wb-retry:focus-visible{outline:3px solid #c4dbea;outline-offset:3px}
#wb-artista:not(.wb-export){background:var(--90m-secondary);padding:0 20px 64px;color:var(--90m-foreground)}
#wb-artista:not(.wb-export) *{font-family:Montserrat,Arial,sans-serif}
#wb-artista:not(.wb-export) .wb-toolbar{max-width:1160px;margin:0 auto 32px;background:#fff;color:var(--90m-foreground);border:1px solid var(--90m-border);border-top:3px solid var(--90m-action);border-radius:0 0 12px 12px;box-shadow:var(--90m-shadow);padding:16px 20px;gap:14px;position:relative}
#wb-artista:not(.wb-export) .wb-brand{color:var(--90m-foreground);font-size:14px;font-weight:700;text-transform:none;max-width:360px}
#wb-artista:not(.wb-export) .wb-tabs{display:flex;flex:1 1 100%;order:3;gap:6px;flex-wrap:wrap;justify-content:flex-start}
#wb-artista:not(.wb-export) .wb-tab{min-height:44px;height:auto;padding:10px 16px;color:var(--90m-muted-foreground);font-size:13px;text-transform:none;border:1px solid transparent;border-radius:999px}
#wb-artista:not(.wb-export) .wb-tab:hover,#wb-artista:not(.wb-export) .wb-tab.wb-active{color:var(--90m-action);background:#eef5fa;border-color:#c4dbea}
#wb-artista:not(.wb-export) .wb-btn-pdf,#wb-artista:not(.wb-export) .wb-btn-link{border-radius:var(--90m-button-radius);min-height:48px;padding:12px 22px;font-size:14px;line-height:1.4;font-weight:700;text-transform:none;white-space:normal;text-align:center;justify-content:center}
#wb-artista:not(.wb-export) .wb-btn-pdf{background:var(--90m-action);border-color:var(--90m-action)}
#wb-artista:not(.wb-export) .wb-btn-pdf:hover{background:var(--90m-action-hover)}
#wb-artista:not(.wb-export) .wb-btn-link{border-color:var(--90m-border);color:var(--90m-foreground)}
#wb-artista:not(.wb-export) .wb-pages{max-width:1160px;margin:auto;gap:32px}
#wb-artista:not(.wb-export) .wb-page{width:100%;min-height:0;border:1px solid var(--90m-border);border-radius:12px;box-shadow:var(--90m-shadow);scroll-margin-top:24px}
#wb-artista:not(.wb-export) .wb-page::before,#wb-artista:not(.wb-export) .wb-page-num,#wb-artista:not(.wb-export) .wb-footer,#wb-artista:not(.wb-export) .wb-cover-grid,#wb-artista:not(.wb-export) .wb-cover-glow{display:none}
#wb-artista:not(.wb-export) .wb-page-inner,#wb-artista:not(.wb-export) .wb-mf-inner{min-height:0;height:auto;padding:40px 48px}
#wb-artista:not(.wb-export) .wb-cover-bg{background:#fff;border-radius:12px}
#wb-artista:not(.wb-export) .wb-cover-inner{height:auto;padding:48px;gap:28px}
#wb-artista:not(.wb-export) .wb-cover-eyebrow{color:var(--90m-action);font-size:12px;line-height:1.6}
#wb-artista:not(.wb-export) .wb-cover-hero{gap:8px}
#wb-artista:not(.wb-export) .wb-cover-hero h2{font-size:clamp(2rem,4vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:var(--90m-foreground);text-shadow:none;max-width:850px}
#wb-artista:not(.wb-export) .wb-cover-hero h2 em{color:var(--90m-action);font-style:normal}
#wb-artista:not(.wb-export) .wb-cover-sub{color:var(--90m-primary);letter-spacing:.06em;font-size:14px}
#wb-artista:not(.wb-export) .wb-cover-desc{color:var(--90m-muted-foreground);max-width:740px;font-size:17px;line-height:1.7}
#wb-artista:not(.wb-export) .wb-cover-mods{background:transparent;border:0;gap:16px}
#wb-artista:not(.wb-export) .wb-cover-mod{background:var(--90m-secondary);border:1px solid var(--90m-border);border-radius:12px;padding:22px}
#wb-artista:not(.wb-export) .wb-cm-num{color:var(--90m-action)}
#wb-artista:not(.wb-export) .wb-cm-title{color:var(--90m-foreground)}
#wb-artista:not(.wb-export) .wb-cm-sub{color:var(--90m-muted-foreground)}
#wb-artista:not(.wb-export) .wb-tmpl-title,#wb-artista:not(.wb-export) .wb-mf-headline{font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.2;letter-spacing:-.02em;text-transform:none;padding-bottom:20px;margin-bottom:24px}
#wb-artista:not(.wb-export) .wb-tmpl-title em{font-style:normal;color:var(--90m-action)}
#wb-artista:not(.wb-export) .wb-sec{margin-top:28px;margin-bottom:18px}
#wb-artista:not(.wb-export) .wb-qtxt,#wb-artista:not(.wb-export) .wb-razon-sub,#wb-artista:not(.wb-export) .wb-mf-block-body{line-height:1.65}
#wb-artista:not(.wb-export) [data-wb-field]{background:#fff;border:1px solid #aeb7c0;border-radius:6px;color:var(--90m-foreground);font-size:16px;line-height:1.6;padding:10px 12px;box-shadow:none;min-height:44px}
#wb-artista:not(.wb-export) [data-wb-field]:focus{outline:3px solid #c4dbea;outline-offset:1px;border-color:var(--90m-action);background:#fff}
#wb-artista:not(.wb-export) .wb-area,#wb-artista:not(.wb-export) .wb-stmt-write,#wb-artista:not(.wb-export) .wb-rev-body{min-height:100px}
#wb-artista:not(.wb-export) .wb-razon,#wb-artista:not(.wb-export) .wb-rev,#wb-artista:not(.wb-export) .wb-man-card{border:1px solid var(--90m-border);border-radius:10px;overflow:hidden;box-shadow:none}
#wb-artista:not(.wb-export) .wb-chk,#wb-artista:not(.wb-export) .wb-act,#wb-artista:not(.wb-export) .wb-dec-opt,#wb-artista:not(.wb-export) .wb-rc-btn,#wb-artista:not(.wb-export) .wb-df-opt{border-radius:8px;min-height:44px}
#wb-artista:not(.wb-export) .wb-table th{background:var(--90m-primary);color:#fff;padding:12px 10px}
#wb-artista:not(.wb-export) .wb-table td{padding:8px 6px;background:#fff}
#wb-artista:not(.wb-export) .wb-cta-bar{max-width:1160px;margin:32px auto 0;background:#fff;border:1px solid var(--90m-border);border-radius:12px;padding:32px}
#wb-artista:not(.wb-export) .wb-cta-title{color:var(--90m-foreground)}
#wb-artista:not(.wb-export) .wb-cta-title em{color:var(--90m-action)}
#wb-artista:not(.wb-export) .wb-cta-sub{color:var(--90m-muted-foreground)}
#wb-artista:not(.wb-export) .wb-manual-hero{border-radius:12px 12px 0 0;background:var(--90m-primary);padding:36px 48px}
#wb-artista:not(.wb-export) .wb-manual-body{padding:36px 48px}
@media(max-width:800px){
 .workbook-site .wb-access{width:calc(100% - 28px);padding-top:32px}
 #wb-artista:not(.wb-export){padding:0 14px 40px}
 #wb-artista:not(.wb-export) .wb-page-inner,#wb-artista:not(.wb-export) .wb-mf-inner,#wb-artista:not(.wb-export) .wb-cover-inner,#wb-artista:not(.wb-export) .wb-manual-hero,#wb-artista:not(.wb-export) .wb-manual-body{padding:24px 20px}
 #wb-artista:not(.wb-export) .wb-toolbar{padding:16px;gap:12px}
 #wb-artista:not(.wb-export) .wb-toolbar-btns{width:100%;flex-wrap:wrap}
 #wb-artista:not(.wb-export) .wb-tabs{gap:4px}
 #wb-artista:not(.wb-export) .wb-tab{padding:8px 12px}
 #wb-artista:not(.wb-export) .wb-pages{gap:20px}
 #wb-artista:not(.wb-export) .wb-cta-bar{padding:24px 20px}
 #wb-artista:not(.wb-export) .wb-cover-mods{grid-template-columns:1fr}
 #wb-artista:not(.wb-export) .wb-table th{font-size:10px;line-height:1.4;padding:8px 3px;white-space:normal;overflow-wrap:anywhere}
 #wb-artista:not(.wb-export) .wb-table td{padding:4px 2px}
 #wb-artista:not(.wb-export) .wb-table [data-wb-field]{padding:6px 3px}
 #wb-artista:not(.wb-export) .wb-guide-card{padding:20px 16px}
 #wb-artista:not(.wb-export) .wb-bl-hdr{flex-wrap:wrap;gap:4px}
 #wb-artista:not(.wb-export) .wb-bl-title{flex:1 1 160px;min-width:0;font-size:14px}
 #wb-artista:not(.wb-export) .wb-hdist{grid-template-columns:repeat(2,minmax(0,1fr))}
 #wb-artista:not(.wb-export) .wb-hd,#wb-artista:not(.wb-export) .wb-hd-inp,#wb-artista:not(.wb-export) .wb-r5-act{min-width:0;max-width:100%;overflow-wrap:anywhere}
 #wb-artista:not(.wb-export) .wb-mf-months{grid-template-columns:repeat(4,minmax(0,1fr))}
 #wb-artista:not(.wb-export) .wb-mf-month-lbl{overflow-wrap:anywhere}
}
/* Public orientation remains readable before authentication and without scripts. */
.sprint-public{max-width:1120px;margin:24px auto 48px;padding:clamp(20px,4vw,48px);background:#fff;color:#18232d;border:1px solid #dce5e9;border-radius:20px;font:17px/1.65 system-ui,sans-serif;overflow-wrap:anywhere}
.sprint-public h2{font-size:clamp(24px,4vw,36px);line-height:1.2;margin:0 0 20px;color:#143d50}
.sprint-public h3{font-size:20px;line-height:1.3;margin:0 0 10px;color:#143d50}
.sprint-public-map{display:block;max-width:860px;padding:0;list-style:none;counter-reset:modules;margin:32px 0 48px}
.sprint-public-map li{position:relative;counter-increment:modules;padding:0 0 18px 58px}
.sprint-public-map li::before{content:"";position:absolute;left:20px;top:42px;bottom:-2px;width:2px;background:#bfd2d7}
.sprint-public-map li:last-child::before{display:none}
.sprint-public-map li::after{content:counter(modules,decimal-leading-zero);position:absolute;left:0;top:14px;display:grid;place-items:center;width:40px;height:40px;border:2px solid #19706c;border-radius:50%;background:#fff;color:#155c59;font:800 12px/1 Montserrat,Arial,sans-serif}
.sprint-public-map details{overflow:hidden;border:1px solid #cfdee2;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(20,61,80,.06)}
.sprint-public-map details[open]{border-color:#9bbbc3;background:#f7fbfb}
.sprint-public-map summary{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;align-items:center;min-height:68px;padding:16px 18px;cursor:pointer;list-style:none}
.sprint-public-map summary::-webkit-details-marker{display:none}
.sprint-public-map summary::after{content:"";display:block;width:28px;height:28px;border-radius:50%;background:linear-gradient(#155c59,#155c59) center/12px 2px no-repeat,linear-gradient(#155c59,#155c59) center/2px 12px no-repeat,#e4f0f1}
.sprint-public-map details[open] summary::after{content:"";background:linear-gradient(#155c59,#155c59) center/12px 2px no-repeat,#e4f0f1}
.sprint-public-map summary:focus-visible{outline:3px solid #8fc2db;outline-offset:-3px}
.sprint-public-map summary h3{grid-column:1;margin:0}
.sprint-public-map summary .sprint-public-phase{grid-column:1;margin:0 0 2px;justify-self:start}
.sprint-public-map details>p{margin:0;padding:0 58px 20px 18px;color:#41535d;font-size:16px}
.sprint-public-phase{display:inline-block;margin:0 0 10px;padding:4px 9px;border-radius:999px;background:#d9f2e3;color:#176b3a;font:700 11px/1.3 Montserrat,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.sprint-public-phase--optional{background:#e6edf5;color:#314a67}
.sprint-public-map p{margin:0;font-size:16px}
.sprint-original-intro .wb-mf-headline{font-size:26px;font-weight:750;line-height:1.3;margin:24px 0}
.sprint-original-intro .wb-mf-block{padding:22px 0;border-top:1px solid #dce5e9}
.sprint-original-intro .wb-mf-block-title{font-size:21px;font-weight:750;margin:0 0 12px;color:#143d50}
.sprint-original-intro .wb-mf-grid{display:block}
.sprint-original-intro .wb-mf-pill{display:inline-block;padding:4px 12px;margin:4px;background:#eff6f7;border-radius:20px}
.sprint-original-intro .wb-mf-div{height:1px;background:#dce5e9;margin:24px 0}
.sprint-original-intro .wb-mf-bottom,.sprint-original-intro .wb-mf-close{margin:24px 0}
.sprint-public-start a{display:inline-block;padding:14px 22px;color:#fff;background:#143d50;border-radius:8px;font-weight:700;text-decoration:none}
@media(max-width:600px){.sprint-public{margin:16px 12px 28px;padding:22px 18px}.sprint-public-map{margin:26px 0 36px}.sprint-public-map li{padding:0 0 14px 44px}.sprint-public-map li::before{left:14px;top:42px}.sprint-public-map li::after{left:-2px;top:18px;width:32px;height:32px;font-size:10px}.sprint-public-map summary{min-height:68px;padding:14px 12px}.sprint-public-map summary h3{font-size:17px}.sprint-public-map details>p{padding:0 42px 18px 12px;font-size:15px}}

/* Public Sprint access actions. The interactive workbook lives at /mi-sprint/. */
.workbook-site .sprint-public-account-note{max-width:720px;margin:0 0 22px;color:var(--90m-muted-foreground);font-size:1rem;line-height:1.65}
.workbook-site .sprint-public-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.workbook-site .sprint-public-actions a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 20px;border:2px solid var(--90m-action);border-radius:8px;font-weight:750;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s}
.workbook-site .sprint-public-primary{background:var(--90m-action);color:#0b1720}
.workbook-site .sprint-public-primary:hover{background:#1f6f9f;border-color:#1f6f9f;color:#000}
.workbook-site .sprint-public-secondary{background:transparent;color:var(--90m-foreground)}
.workbook-site .sprint-public-secondary:hover{background:var(--90m-secondary);color:var(--90m-foreground)}
.workbook-site .sprint-public-actions a:focus-visible{outline:3px solid #c4dbea;outline-offset:3px}
@media(max-width:600px){.workbook-site .sprint-public-actions{align-items:stretch;flex-direction:column}.workbook-site .sprint-public-actions a{width:100%}}