/* /ai: the machine-readable strip, the record sheet HS-AI-01, the stated/withheld register HS-AI-02, the compliance track */
.ai-strip a{color:var(--head);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--head) 40%,transparent);text-underline-offset:4px}
.ai-strip a:hover{text-decoration-color:currentColor}
.ai-slogan{align-self:center;padding:26px 0 26px 28px;border-left:2px solid var(--acc)}

.ai-rec-g{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);column-gap:36px;row-gap:24px;align-items:start}
.ai-fields{border-top:1px solid var(--rule)}
.ai-fields>div{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:6px;padding:12px 0 13px;border-bottom:1px solid var(--rule)}
.ai-fields>div::before{content:"";grid-row:1 / span 2;width:12px;height:7px;margin:5px 0 0 3px;border:solid var(--ok);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.ai-fields dt{font:600 14px/1.35 var(--f-sans);letter-spacing:.02em;color:var(--label)}
.ai-fields dd{margin-top:3px;font:600 16.5px/1.45 var(--f-sans);color:var(--head);text-wrap:pretty}
.ai-rec-side .bd-notes{margin-top:0}
.ai-rec-side .nd-th{margin-top:22px;padding-top:16px;border-top:1px solid var(--rule)}

.ai-facts .more{margin-top:10px}
.ai-wh-g{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch}
.ai-col{display:flex;flex-direction:column;padding:18px 20px 20px;border-radius:10px;border:1px solid var(--nd-bd);background:var(--nd-bg)}
.ai-col.no{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--warn) 9%,transparent) 0 1.5px,transparent 1.5px 9px),var(--nd-bg);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}
.ai-col-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--rule)}
.ai-tick li,.ai-cross li{position:relative;padding:10px 0 10px 30px;font:600 16.5px/1.4 var(--f-sans);color:var(--head)}
.ai-tick li::before{content:"";position:absolute;left:3px;top:15px;width:12px;height:7px;border:solid var(--ok);border-width:0 0 2px 2px;transform:rotate(-45deg)}
.ai-cross li::before{content:"";position:absolute;left:0;top:13px;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--warn);background:linear-gradient(135deg,transparent 45%,var(--warn) 45%,var(--warn) 55%,transparent 55%)}
.ai-col-f{margin-top:auto;padding-top:14px;border-top:1px solid var(--rule)}
.ai-col-f .dg-s{margin-top:4px}
.ai-gap{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.ai-gap::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dotted var(--line-c);opacity:.6}
.ai-stop{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--plate)}
.ai-stop svg{width:28px;height:28px;fill:none;stroke:var(--warn);stroke-width:1.6}
.ai-gap .dg-k{position:relative;padding:2px 6px;background:var(--plate)}
.tblock .warn{color:var(--warn)}
.tblock .warn::before{content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:currentColor;vertical-align:1px}

.ai-rules{margin-top:48px}
.ai-n{margin:0 0 8px!important;font:600 14px/1 var(--f-sans)!important;letter-spacing:.04em;color:var(--acc)!important;font-variant-numeric:tabular-nums}
.ai-rules p strong{color:var(--head)}
.ai-rules a{color:var(--head);text-underline-offset:3px}
.ai-mark{margin-left:34%;transform:translateX(-50%);width:max-content;margin-bottom:6px}
.ai-comp .track-art{height:96px}

.ai-srf .tt{gap:6px}
.ai-p{font:600 15px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--acc);overflow-wrap:anywhere;text-underline-offset:4px}
.ai-p2{display:flex;gap:10px;font:600 16px/1.4 var(--f-sans);color:var(--acc)}
.ai-p2 a{text-underline-offset:4px}

@container (max-width:700px){
  .ai-rec-g{grid-template-columns:1fr}
  .ai-wh-g{grid-template-columns:1fr;row-gap:0}
  .ai-gap{flex-direction:row;padding:14px 0}
  .ai-gap::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1.5px dotted var(--line-c)}
}
