/* thevijai.com · /evacuation-drill-record-format · page stylesheet.
   Load order: vijai-chrome.css -> vijai-base.css -> this file.
   Only what is unique to this page. Everything else comes from the base template.
   Modelled on vijai-capa.css, the approved L3 instance of T3. */

/* top of an inner page · clears the fixed header */
.cpatop{padding-top:150px}
.cpatop h1{font-size:clamp(31px,4.7vw,55px);line-height:1.04;letter-spacing:-.036em;color:#fff;
  font-weight:700;margin:0 0 26px;max-width:20ch;text-wrap:balance}

/* body column · narrower than the section grid, for reading */
.cbody{max-width:920px}
.cbody h2{font-size:clamp(24px,3.1vw,36px);margin:64px 0 16px;max-width:24ch}
.cbody h2:first-of-type{margin-top:0}
.cbody p{font-size:16px;line-height:1.72;color:var(--dtx2);margin:0 0 16px;max-width:70ch}
.cbody p b{color:#fff;font-weight:600}
.lead2{font-size:17.5px;color:var(--dtx);font-weight:500;letter-spacing:-.008em}
.note{font-family:"IBM Plex Mono",monospace;font-size:12px;letter-spacing:.03em;color:var(--dtx3);
  border-left:2px solid var(--line);padding-left:16px;line-height:1.75;max-width:66ch}

/* the five registers the denominator lives in · rule 4.2.6 */
.tw{overflow-x:auto;border:1px solid var(--line);background:rgba(255,255,255,.02);margin:0 0 22px;border-radius:14px}
table.cmp{border-collapse:collapse;width:100%;min-width:660px;font-size:14.5px;table-layout:fixed}
table.cmp th{font-family:"IBM Plex Mono",monospace;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--dtx3);font-weight:600;text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.03)}
table.cmp td{padding:17px 18px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--dtx2);line-height:1.55}
table.cmp tr:last-child td{border-bottom:0}
table.cmp td b{color:#fff}
table.cmp td:first-child,table.cmp th:first-child{width:26%;min-width:150px}
table.cmp td:nth-child(2),table.cmp th:nth-child(2){width:26%}

/* the closure line · the one number a drill should produce */
.closeline{border:1px solid var(--cyd);border-radius:14px;padding:22px 24px;margin:0 0 22px;
  background:rgba(0,185,242,.06);max-width:70ch}
.closeline b{display:block;color:var(--cy);font-family:"IBM Plex Mono",monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-weight:600}
.closeline span{display:block;color:#fff;font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.012em}
.closeline i{display:block;font-style:normal;color:var(--dtx2);font-size:15px;line-height:1.6;margin-top:10px}

/* CR-13 · the five CTA positions. One button per row, never stacked against
   another, and the same "Enquire Now" wording at every position. */
.ctarow{margin:30px 0 4px}
.cbody .ctarow{margin:34px 0 10px}

@media(max-width:640px){
  .cpatop{padding-top:112px}
  .cbody h2{margin-top:46px}
  .closeline{padding:18px}
  .closeline span{font-size:17px}
}