/* thevijai.com · /dgms-reversing-alarm-hemm-compliance · page stylesheet.
   Load order: vijai-chrome.css -> vijai-base.css -> this file.
   Only what is unique to this page. Modelled on vijai-schedm.css, row 19. */

.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 instrument chain · 2020 -> 2024 -> 2025 */
.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:700px;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:22%;min-width:140px}
table.cmp td:nth-child(2),table.cmp th:nth-child(2){width:16%}

/* the quoted instrument · a block that must read as a citation, never as our words */
.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}

.ctarow{margin:30px 0 4px}
.cbody .ctarow{margin:34px 0 10px}

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

/* 02b is OUT on this page · no module animation, so the hero runs as one column.
   Without this the locked .t3grid keeps a 0.95fr empty track on the right. */
.t3grid.t3solo{grid-template-columns:minmax(0,1fr);gap:0}
.t3grid.t3solo>div{max-width:34ch}
.t3grid.t3solo .t3ans,.t3grid.t3solo .t3tk{max-width:62ch}
@media(min-width:861px){.t3grid.t3solo>div{max-width:none}
  .t3grid.t3solo h1{max-width:17ch}}