/* WTWR_METHODOLOGY_CURRENT_SYSTEM_V1 */

#method.wtwr-methodology-current-v1{padding-top:18px}
#method .wtwr-method-head-v1{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:18px}
#method .wtwr-method-head-v1 h2{margin:4px 0 8px}
#method .wtwr-method-head-v1 p{max-width:900px;margin:0;color:#91a3b5;font-size:12px;line-height:1.55}
#method .wtwr-method-badge-v1{flex:0 0 auto;margin-top:8px;padding:7px 11px;border:1px solid rgba(88,169,255,.32);border-radius:999px;background:rgba(20,70,108,.18);color:#7fc0ff;font-size:8px;font-weight:900;letter-spacing:.08em;white-space:nowrap}

#method .wtwr-method-flow-v1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#method .wtwr-method-card-v1{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:17px;border:1px solid rgba(112,146,177,.17);border-radius:14px;background:linear-gradient(180deg,rgba(12,27,41,.88),rgba(8,19,30,.88))}
#method .wtwr-method-step-v1{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(113,155,191,.24);border-radius:50%;color:#b9c7d4;font-size:10px;font-weight:900;letter-spacing:.04em}
#method .wtwr-method-kicker-v1{display:block;margin:1px 0 5px;color:#7194b2;font-size:8px;font-weight:900;letter-spacing:.09em}
#method .wtwr-method-card-v1 h3{margin:0 0 8px;color:#eef4f9;font-size:15px;line-height:1.25}
#method .wtwr-method-card-v1 p{margin:0;color:#889caf;font-size:10px;line-height:1.58}
#method .wtwr-method-card-v1 p strong{color:#dce7ef}

#method .wtwr-method-evidence-v1{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}
#method .wtwr-method-evidence-v1 span{padding:4px 8px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.07em}
#method .wtwr-method-evidence-v1 .strong{color:#73e2a6;border:1px solid rgba(56,189,119,.36);background:rgba(20,100,58,.18)}
#method .wtwr-method-evidence-v1 .useful{color:#79c3ff;border:1px solid rgba(68,155,224,.38);background:rgba(28,84,126,.19)}
#method .wtwr-method-evidence-v1 .early{color:#ebc46d;border:1px solid rgba(196,148,49,.34);background:rgba(96,68,15,.18)}
#method .wtwr-method-evidence-v1 .small{color:#9daab6;border:1px solid rgba(124,143,159,.28);background:rgba(66,77,88,.18)}

#method .wtwr-method-separation-v1{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
#method .wtwr-method-separation-v1>div{padding:14px 15px;border:1px solid rgba(112,146,177,.15);border-radius:12px;background:#08131e}
#method .wtwr-method-separation-v1 span{display:block;color:#6f8da8;font-size:7px;font-weight:900;letter-spacing:.09em;margin-bottom:4px}
#method .wtwr-method-separation-v1 strong{display:block;color:#e7eef4;font-size:11px;margin-bottom:6px}
#method .wtwr-method-separation-v1 p{margin:0;color:#758a9d;font-size:9px;line-height:1.5}

#method .wtwr-method-footer-v1{display:flex;align-items:flex-start;gap:9px;margin-top:12px;padding:11px 13px;border:1px solid rgba(112,146,177,.14);border-radius:11px;background:rgba(8,17,26,.68)}
#method .wtwr-method-footer-v1 strong{flex:0 0 auto;color:#dce6ee;font-size:9px}
#method .wtwr-method-footer-v1 span{color:#73879a;font-size:9px;line-height:1.45}

@media(max-width:980px){
  #method .wtwr-method-flow-v1{grid-template-columns:1fr}
  #method .wtwr-method-separation-v1{grid-template-columns:1fr}
}
@media(max-width:680px){
  #method .wtwr-method-head-v1{flex-direction:column}
  #method .wtwr-method-card-v1{grid-template-columns:34px 1fr;padding:14px}
  #method .wtwr-method-step-v1{width:30px;height:30px}
  #method .wtwr-method-footer-v1{flex-direction:column}
}

/* WTWR_METHODOLOGY_LAYOUT_REPAIR_V2
   Legacy .method was a multi-column grid. The current Methodology section
   owns its own nested grids, so the OUTER section must be a normal block.
*/
#method.wtwr-methodology-current-v1{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  grid-auto-columns:auto!important;
  grid-auto-rows:auto!important;
  grid-auto-flow:row!important;
  gap:0!important;
  align-items:initial!important;
  justify-items:initial!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

#method.wtwr-methodology-current-v1 > .wtwr-method-head-v1,
#method.wtwr-methodology-current-v1 > .wtwr-method-flow-v1,
#method.wtwr-methodology-current-v1 > .wtwr-method-colours-v1,
#method.wtwr-methodology-current-v1 > .wtwr-method-separation-v1,
#method.wtwr-methodology-current-v1 > .wtwr-method-footer-v1{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  grid-column:auto!important;
  grid-row:auto!important;
  float:none!important;
  box-sizing:border-box!important;
}

#method.wtwr-methodology-current-v1 > .wtwr-method-head-v1{
  display:flex!important;
}

#method.wtwr-methodology-current-v1 > .wtwr-method-flow-v1{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}

#method.wtwr-methodology-current-v1 .wtwr-method-card-v1{
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  box-sizing:border-box!important;
}

#method.wtwr-methodology-current-v1 > .wtwr-method-separation-v1{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
}

#method.wtwr-methodology-current-v1 > .wtwr-method-footer-v1{
  display:flex!important;
}

@media(max-width:980px){
  #method.wtwr-methodology-current-v1 > .wtwr-method-flow-v1{
    grid-template-columns:1fr!important;
  }
  #method.wtwr-methodology-current-v1 > .wtwr-method-separation-v1{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:680px){
  #method.wtwr-methodology-current-v1 > .wtwr-method-head-v1{
    flex-direction:column!important;
  }
  #method.wtwr-methodology-current-v1 > .wtwr-method-footer-v1{
    flex-direction:column!important;
  }
}

/* WTWR_METHODOLOGY_COLOUR_LEGEND_V1 (2026-09-12, Colour Logic Build Brief) */
#method .wtwr-method-colours-v1{margin-top:14px}
#method .wtwr-method-colours-head-v1 h3{margin:4px 0 8px;color:#eef4f9;font-size:15px;line-height:1.25}
#method .wtwr-method-colours-head-v1 p{max-width:900px;margin:0 0 12px;color:#91a3b5;font-size:11px;line-height:1.55}
#method .wtwr-method-colour-grid-v1{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#method .wtwr-mc-card-v1{position:relative;padding:13px 14px 13px 16px;border:1px solid rgba(112,146,177,.16);border-radius:11px;background:linear-gradient(180deg,rgba(12,27,41,.88),rgba(8,19,30,.88))}
#method .wtwr-mc-card-v1::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--mc)}
#method .wtwr-mc-name-v1{display:block;margin-bottom:6px;font-size:11px;font-weight:900;letter-spacing:.05em;color:var(--mc)}
#method .wtwr-mc-name-v1 small{margin-left:6px;color:#7194b2;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
#method .wtwr-mc-card-v1 p{margin:0;color:#a3b3c2;font-size:10px;line-height:1.55}
#method .wtwr-mc-card-v1 p em{color:#dce7ef;font-style:normal;font-weight:700}
#method .wtwr-mc-flagged-v1{opacity:.78;border-style:dashed}
#method .wtwr-method-colours-foot-v1{margin:12px 0 0;color:#6f8da8;font-size:9px;line-height:1.6}

@media(max-width:980px){
  #method .wtwr-method-colour-grid-v1{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
  #method .wtwr-method-colour-grid-v1{grid-template-columns:1fr}
}