/* 測定記録書の照会（QRから開く画面）
   会員でない方が開く画面なので、公式サイトの見た目にそろえる。
   「有効／無効」が最初に目に入り、免責が同じ大きさで読める並びにしてある。 */

.vf-hero{background:linear-gradient(160deg,var(--navy-950),var(--navy-800));color:#fff;padding:46px 0 38px}
.vf-hero .kicker{color:var(--accent-editorial-on-dark)}
.vf-hero h1{font-size:clamp(24px,3.2vw,33px);letter-spacing:.04em;margin:6px 0 12px;line-height:1.3}
.vf-lead{color:#dbe7f1;font-size:14.5px;line-height:1.95;margin:0;max-width:720px}

.vf-wrap{max-width:760px;padding-top:30px;padding-bottom:64px}

/* いちばん先に読んでいただきたい1行。証明書と同じ文言にそろえてある。 */
.vf-top{background:#FDF4F3;border:1px solid #F0D5D2;border-left:3px solid #B3261E;
        border-radius:5px;padding:13px 16px;font-size:13.5px;line-height:1.9;color:#5f2320;margin-bottom:20px}
.vf-top b{color:#7A1F19}

.vf-card{background:#fff;border:1px solid var(--line);border-radius:8px;padding:24px 26px}
.vf-card + .vf-card{margin-top:18px}

/* 有効・無効 */
.vf-state{display:inline-block;font-size:17px;font-weight:800;letter-spacing:.04em;
          border-radius:5px;padding:8px 20px;margin-bottom:10px}
.vf-state.ok{color:#1B5E20;background:#EDF6EE;border:1px solid #BEDCC1}
.vf-state.ng{color:#7A1F19;background:#FDF4F3;border:1px solid #F0D5D2}
.vf-no{font-size:13px;color:var(--muted);margin-bottom:18px}
.vf-no b{color:var(--navy-900);font-weight:700;letter-spacing:.03em}

.vf-revoked{background:#FDF4F3;border:1px solid #F0D5D2;border-radius:5px;padding:14px 16px;margin-bottom:20px}
.vf-revoked b{color:#7A1F19;font-size:14px}
.vf-revoked p{font-size:13px;line-height:1.9;color:#5f2320;margin:8px 0 0}

.vf-h{font-size:14px;color:var(--navy-900);font-weight:800;margin:26px 0 10px;
      padding-bottom:8px;border-bottom:1px solid var(--line)}
.vf-card > .vf-h:first-of-type{margin-top:0}

/* 測定の結果（横罫線だけ） */
.vf-meas{width:100%;border-collapse:collapse;font-size:13.5px}
.vf-meas th{text-align:left;font-size:11.5px;font-weight:700;color:var(--muted);
            padding:0 10px 7px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.vf-meas td{padding:9px 10px 9px 0;border-bottom:1px solid #EDF2F5}
.vf-meas td.b{color:#6F4708;font-weight:700}
.vf-meas td.u{color:#7A1F19;font-weight:700}
.vf-meas .mk{font-weight:800}

.vf-note{font-size:12px;color:var(--muted);line-height:1.85;margin:10px 0 0}
.vf-border{font-size:12.5px;color:#6F4708;background:#FFF8E8;border:1px solid #E6D4A0;
           border-radius:5px;padding:10px 13px;margin:10px 0 0;line-height:1.85}

.vf-kv{display:grid;grid-template-columns:auto 1fr;gap:7px 20px;margin:0;font-size:13.5px}
.vf-kv dt{color:var(--muted);font-size:12.5px;white-space:nowrap}
.vf-kv dd{margin:0;color:var(--ink)}
/* 施工前と施工後で日が分かれたときの、ひと言添え書き（2026-08-29） */
.vf-kv dd small{display:block;font-size:11px;color:var(--muted);margin-top:2px;line-height:1.6}
.vf-tag{font-size:11px;color:var(--muted);border:1px solid var(--line);
        border-radius:3px;padding:1px 7px;margin-left:6px;white-space:nowrap}

/* 車台番号の照合 */
.vf-match{margin-top:28px;background:var(--sky-50);border:1px solid var(--line);
          border-radius:6px;padding:18px 20px}
.vf-match .vf-h{margin-top:0}
.vf-match p{font-size:13.5px;line-height:1.9;color:#39485a;margin:0 0 12px}
.vf-form{display:flex;gap:9px;flex-wrap:wrap}
.vf-form input{flex:1 1 240px;border:1px solid #CBD9E0;border-radius:5px;background:#fff;
               padding:11px 13px;font:inherit;font-size:14px;color:var(--ink)}
.vf-form input:focus{outline:2px solid var(--action-focus-ring);border-color:var(--blue-600)}
.vf-btn{font:inherit;font-size:14px;font-weight:700;color:#fff;background:var(--navy-900);
        border:1px solid var(--navy-900);border-radius:5px;padding:11px 26px;cursor:pointer}
.vf-btn:hover{background:var(--blue-600);border-color:var(--blue-600)}
.vf-res{margin-top:14px;border-radius:5px;padding:12px 15px;font-size:13.5px;line-height:1.85}
.vf-res.ok{color:#1B5E20;background:#EDF6EE;border:1px solid #BEDCC1}
.vf-res.ng{color:#7A1F19;background:#FDF4F3;border:1px solid #F0D5D2}

/* 協会の責任範囲 */
.vf-resp{margin-top:28px;border-top:1px solid var(--line);padding-top:16px}
.vf-resp b{font-size:13px;color:var(--navy-900)}
.vf-resp ul{margin:8px 0 0;padding-left:20px}
.vf-resp li{font-size:12.5px;line-height:1.9;color:#39485a;margin-bottom:6px}
.vf-resp li b{font-size:12.5px}

.vf-back{margin:22px 0 0;font-size:13px}
.vf-back a{color:var(--blue-600);font-weight:700}
.vf-back a:hover{text-decoration:underline}

.vf-input h2,.vf-none .vf-state{margin-top:0}
.vf-input h2{font-size:15px;color:var(--navy-900);margin:0 0 10px}
.vf-input p{font-size:13.5px;line-height:1.9;color:#39485a;margin:0 0 14px}
.vf-none ul{margin:10px 0 0;padding-left:20px}
.vf-none li{font-size:13.5px;line-height:1.9;color:#39485a}
.vf-none p{font-size:13.5px;line-height:1.9;color:#39485a;margin:0}
.vf-demo{font-size:12.5px;color:var(--muted);margin:14px 0 0}
.vf-demo a{color:var(--blue-600);font-weight:700}

/* 委員会にご確認いただきたいこと（本番では出ない） */
.vf-review{margin-top:22px;background:#fff;border:1px solid var(--line);
           border-left:3px solid #A4680A;border-radius:5px;padding:14px 18px}
.vf-review b{font-size:13px;color:var(--navy-900)}
.vf-review ul{margin:8px 0 0;padding-left:20px}
.vf-review li{font-size:12.5px;line-height:1.9;color:#39485a;margin-bottom:5px}

@media(max-width:640px){
  .vf-card{padding:18px 16px}
  .vf-kv{grid-template-columns:1fr;gap:2px 0}
  .vf-kv dd{margin-bottom:10px}
  .vf-meas{font-size:12.5px}
}

/* 見本の記録であることのお知らせ（2026-08-29 追加）
   この画面は窓口の方がご覧になります。本物と見分けが付かないのがいちばん危険なので、
   検討用かどうかに関わらず必ず出し、カード全体にも斜線の縁を付けます。 */
.vf-card.is-sample{border-style:dashed;border-color:#c9a227}
.vf-sample{background:#fff8e8;border:1px solid #e6d4a0;border-left:3px solid #a4680a;
           border-radius:6px;padding:12px 15px;margin:0 0 16px}
.vf-sample b{color:#6f4708;font-size:14px}
.vf-sample p{font-size:12.5px;color:#6f4708;margin:5px 0 0;line-height:1.8}

/* 2つめの照合（ナンバー）の見出し（2026-08-30 追加） */
.vf-h2{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.vf-match p small{display:block;font-size:11px;color:var(--muted);margin-top:3px;line-height:1.7}

/* 照合用の鍵がサーバーに無いとき（2026-08-30 追加）
   「一致しません」と出して偽物だと誤解されるのがいちばん危ないので、
   照合そのものを止めて、協会側の問題だとはっきり書く。 */
.vf-keygone{background:#fdf4f3;border:1px solid #e6c4c0;border-left:3px solid #b3261e;
            border-radius:6px;padding:13px 16px}
.vf-keygone b{color:#7a1f19;font-size:14px}
.vf-keygone p{font-size:12.5px;color:#7a1f19;margin:6px 0 0;line-height:1.85}
/* 発行後の訂正あり（2026-10-14） */
.vf-fixed{background:#F2F6FA;border:1px solid #C9D6E2;border-radius:5px;padding:12px 16px;margin:0 0 20px}
.vf-fixed b{display:block;color:#0A2E4F;font-size:14px}
.vf-fixed span{display:block;font-size:13px;line-height:1.9;color:#33434F;margin-top:6px}