
/* How We Built It — compact drill-down phase rows */
.phase-drill-section{padding:0!important;border-top:0!important;background:transparent!important}
.phase-drill-section>.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.phase-drill{
  display:block;margin:0;border:0;border-top:1px solid #20344b;
  background:transparent;color:inherit
}
.phase-drill-section:last-of-type .phase-drill{border-bottom:1px solid #20344b}
.phase-drill>summary{
  list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) 34px;
  align-items:center;gap:14px;min-height:76px;padding:15px 2px;
  cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none
}
.phase-drill>summary::-webkit-details-marker{display:none}
.phase-drill>summary::marker{display:none;content:""}
.phase-drill-index{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;min-height:34px;padding:5px 9px;
  border:1px solid #8b6e28;border-radius:999px;
  color:#f5c94d;background:#111b27;
  font:900 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.08em;text-transform:uppercase;white-space:nowrap
}
.phase-drill-title{
  min-width:0;color:#f5f8fc;
  font:800 clamp(16px,2.2vw,21px)/1.25 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.01em
}
.phase-drill-toggle{
  display:grid;place-items:center;width:32px;height:32px;
  border:1px solid #35506d;border-radius:50%;color:#f5c94d;
  font:800 22px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif
}
.phase-drill-toggle::before{content:"+"}
.phase-drill[open]>.phase-drill-summary .phase-drill-toggle::before{content:"−"}
.phase-drill[open]>.phase-drill-summary{border-bottom:1px solid #20344b}
.phase-drill-body{padding:24px 0 30px 62px}
.phase-drill-context{
  margin:0 0 18px;color:#e9b949;
  font:850 11px/1.3 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.12em;text-transform:uppercase
}
.sec.phase-drill-section{margin:0!important;padding:0!important;border:0!important}
.sec.phase-drill-section>.phase-drill{width:100%}
.sec.phase-drill-section .phase-drill-body{padding-left:62px}

/* Intentionally no motion effects on drill-down rows. */
.phase-drill,.phase-drill *, .phase-drill>summary,.phase-drill-toggle{
  transition:none!important;animation:none!important;transform:none!important
}
.phase-drill>summary:focus-visible{
  outline:2px solid #e9b949;outline-offset:4px;border-radius:10px
}
@media(max-width:700px){
  .phase-drill-section>.wrap{width:calc(100% - 28px)}
  .phase-drill>summary{
    grid-template-columns:auto minmax(0,1fr) 30px;
    gap:10px;min-height:68px;padding:13px 0
  }
  .phase-drill-index{min-width:42px;min-height:30px;padding:5px 7px;font-size:9px}
  .phase-drill-title{font-size:17px;line-height:1.25}
  .phase-drill-toggle{width:30px;height:30px;font-size:20px}
  .phase-drill-body,.sec.phase-drill-section .phase-drill-body{padding:19px 0 25px}
  .phase-drill-context{margin-bottom:14px}
}
