/* ============================================================
   INSTANT SCAN CHECK
   ============================================================ */
.section--mist{background:var(--fg-mist-100);border-block:1px solid var(--fg-hairline)}
.scanwrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.scanwrap__intro .lead{max-width:46ch}
.scan-priv{display:flex;gap:10px;align-items:flex-start;margin-top:22px;
  font-size:14px;line-height:1.65;color:var(--fg-ink-muted);max-width:44ch}
.scan-lock{flex:0 0 auto;width:15px;height:12px;margin-top:6px;background:var(--fg-success);
  border-radius:2px;position:relative}
.scan-lock::before{content:"";position:absolute;left:50%;transform:translateX(-50%);top:-7px;
  width:9px;height:8px;border:2px solid var(--fg-success);border-bottom:0;border-radius:5px 5px 0 0}

.scanbox{background:#fff;border:1px solid var(--fg-hairline);border-radius:var(--r-md);
  padding:26px;min-height:280px;display:flex;flex-direction:column;justify-content:center}
.scanzone{border:1.5px dashed var(--fg-platinum);border-radius:var(--r-sm);background:var(--fg-mist-100);
  padding:44px 24px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;
  display:flex;flex-direction:column;align-items:center;gap:8px}
.scanzone:hover,.scanzone.over{border-color:var(--fg-navy-600);background:#fff}
.scanzone__icon{width:38px;height:38px;border:2px solid var(--fg-navy-800);border-radius:5px;
  position:relative;margin-bottom:8px}
.scanzone__icon::before{content:"";position:absolute;left:50%;top:9px;width:2px;height:15px;
  background:var(--fg-navy-800);transform:translateX(-50%)}
.scanzone__icon::after{content:"";position:absolute;left:50%;top:9px;width:11px;height:11px;
  border-left:2px solid var(--fg-navy-800);border-top:2px solid var(--fg-navy-800);
  transform:translateX(-50%) rotate(45deg)}
.scanzone b{font-size:17px;color:var(--fg-ink)}
.scanzone__sub{font-size:14.5px;color:var(--fg-ink-muted)}
.scanzone__hint{font-size:13px;color:var(--fg-steel-500);margin-top:4px}

.scanbusy{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 0;
  font-size:15.5px;color:var(--fg-ink-muted)}
.scanbusy__dot{width:9px;height:9px;border-radius:50%;background:var(--fg-navy-600);
  animation:scanpulse 1s ease-in-out infinite}
@keyframes scanpulse{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

.scan-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:18px;
  border-bottom:1px solid var(--fg-hairline);margin-bottom:6px}
.scan-head h3{font-size:19px;line-height:1.35;flex:1;min-width:200px}
.scan-head p{flex-basis:100%;font-size:14.5px;line-height:1.7;color:var(--fg-ink-muted);margin-top:8px}
.scan-badge{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;
  padding:6px 12px;border-radius:100px;white-space:nowrap}
html[dir="rtl"] .scan-badge{letter-spacing:0;text-transform:none}
.scan-head--ok   .scan-badge{background:#EAF5F0;color:var(--fg-success);border:1px solid #BFE0D2}
.scan-head--warn .scan-badge{background:#FDF6E7;color:var(--fg-warning);border:1px solid #F0DFB8}
.scan-head--bad  .scan-badge{background:#FFF1F0;color:#B42318;border:1px solid #F0C9C5}

.scan-rows{display:grid}
.scan-row{display:grid;grid-template-columns:auto auto 1fr;gap:6px 14px;align-items:baseline;
  padding:13px 0;border-bottom:1px solid var(--fg-hairline)}
.scan-row__k{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-steel-500);
  min-width:118px}
html[dir="rtl"] .scan-row__k{letter-spacing:0;text-transform:none;font-size:14.5px}
.scan-row__v{font-family:var(--font-mono);font-size:15px;color:var(--fg-ink);font-variant-numeric:tabular-nums}
.scan-row__n{font-size:13.5px;line-height:1.6;color:var(--fg-ink-muted);text-align:end}
.scan-row.is-ok   .scan-row__v{color:var(--fg-success)}
.scan-row.is-warn .scan-row__v{color:var(--fg-warning)}
.scan-row.is-bad  .scan-row__v{color:var(--fg-danger)}
.scan-sum{font-size:15.5px;line-height:1.7;color:var(--fg-ink);margin:16px 0 4px}
.scan-tech{margin-top:10px}
.scan-tech > summary{cursor:pointer;font-size:13.5px;color:var(--fg-steel-500);
  padding:8px 0;list-style:none;display:inline-flex;align-items:center;gap:7px}
.scan-tech > summary::-webkit-details-marker{display:none}
/* a chevron that points down when closed and up when open, in both directions */
.scan-tech > summary::before{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .15s;
  margin-block-start:-3px}
.scan-tech[open] > summary::before{transform:rotate(225deg);margin-block-start:2px}
.scan-tech > summary:hover{color:var(--fg-navy-800)}
.scan-anat{font-size:13.5px;line-height:1.75;color:var(--fg-ink-muted);margin-top:18px;
  padding:14px 16px;background:var(--fg-mist-100);border-radius:var(--r-sm)}
.scan-extra{font-size:14.5px;line-height:1.7;color:var(--fg-ink-muted);margin:14px 0 0}
.scan-detail{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:16px}
.scan-detail span{font-size:13px;color:var(--fg-steel-500);font-variant-numeric:tabular-nums;
  background:var(--fg-mist-100);border:1px solid var(--fg-hairline);border-radius:var(--r-sm);
  padding:6px 10px;max-width:100%;overflow-wrap:anywhere}
.scan-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}
.notice-inline--link a{color:var(--fg-navy-800);text-decoration:underline;text-underline-offset:3px}
.notice-inline--link a:hover{color:var(--fg-swiss-red)}
.tlink--onnavy{color:#fff}
.tlink--onnavy:hover{color:var(--fg-steel-400)}

@media (max-width:900px){
  .scanwrap{grid-template-columns:1fr;gap:34px}
  .scanbox{padding:18px;min-height:0}
  .scanzone{padding:32px 16px}
  .scan-row{grid-template-columns:1fr auto;gap:4px 12px}
  .scan-row__n{grid-column:1 / -1;text-align:start}
}