.ck-guide-surface{}
.ck-guide-surface .va-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem}
.ck-guide-surface .va-card{border:1px solid #b3ced3;border-radius:.5rem;padding:1rem;background:#fff;min-width:0}
.ck-guide-surface .va-card>strong{display:block;color:#005365;font-size:1.1rem}
.ck-guide-surface .va-card p{margin:.5rem 0 0}
.ck-guide-surface .va-noticing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ck-guide-surface .va-noticing p{padding:1rem;background:#fff;margin:0}
.ck-guide-surface .va-expression{padding:1rem;text-align:center;background:#fff;border:1px solid #c1d7dc;border-radius:.4rem;font-size:1.15rem}
.ck-guide-surface .va-expression span{display:block;font-size:.95rem;margin-top:.5rem}
.ck-guide-surface .va-measure{display:block;width:100%;max-width:320px;margin:1rem auto}
.ck-guide-surface .va-records{display:grid;gap:1rem}
.ck-guide-surface .va-record{padding:1rem;background:#fff;border:1px solid #bfd4d9;border-radius:.4rem}
.ck-guide-surface .va-record>strong{display:block;color:#005365;margin-bottom:.75rem}
.ck-guide-surface .va-rods{display:flex;gap:.35rem;align-items:center;justify-content:center;flex-wrap:wrap}
.ck-guide-surface .va-rod{border:1px solid #6b989f;border-radius:.2rem;padding:.6rem;background:#dff1f4;display:inline-flex;justify-content:center;min-width:3rem}
.ck-guide-surface .va-rod.long{background:#fff0cf;border-color:#ac832c;color:#805100}
.ck-guide-surface .va-replacement{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:center}
.ck-guide-surface .va-replacement>strong{color:#005365}
.ck-guide-surface .va-replace-parts{display:flex;gap:.4rem;align-items:center;justify-content:center;flex-wrap:wrap}
.ck-guide-surface .va-replace-parts span{padding:.7rem;border:1px solid #93b8c0;background:#fff;border-radius:.35rem}
.ck-guide-surface .va-table{width:100%;border-collapse:collapse;background:#fff;font-size:1rem}
.ck-guide-surface .va-table th,.ck-guide-surface .va-table td{padding:.7rem .4rem;border-bottom:1px solid #c8dbe0;text-align:center;vertical-align:top}
.ck-guide-surface .va-table thead th{background:#e4f2f4;color:#005365}
.ck-guide-surface .va-table tr[data-matches="true"]{background:#e3f5ed}
.ck-guide-surface .va-table caption{caption-side:top;text-align:left;font-weight:600;color:#005365;padding:0 0 1rem}
.ck-guide-surface .va-model-note{text-align:center;color:#005365;font-weight:600}
@media(max-width:750px){.ck-guide-surface .va-cards,.ck-guide-surface .va-noticing{grid-template-columns:1fr}.ck-guide-surface .va-table{font-size:.9rem}.ck-guide-surface .va-table th,.ck-guide-surface .va-table td{padding:.6rem .2rem}.ck-guide-surface .va-replacement{grid-template-columns:1fr}}

.ck-guide-surface .va-table th:nth-child(1){width:20%}.ck-guide-surface .va-table th:nth-child(2){width:20%}.ck-guide-surface .va-table th:nth-child(3){width:29%}.ck-guide-surface .va-table th:nth-child(4){width:31%}