.ck-guide-surface{}
.ck-guide-surface .bd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:1rem;align-items:stretch}.ck-guide-surface .bd-card{padding:1rem;border:1px solid #cfe2e7;background:#fff;min-width:0}.ck-guide-surface .bd-card>strong{display:block;color:#00576a}.ck-guide-surface .bd-card p:last-child{margin-bottom:0}.ck-guide-surface .bd-cases{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.ck-guide-surface .bd-case{border:2px solid #68899a;border-radius:8px;padding:.75rem;text-align:center;background:#fff}.ck-guide-surface .bd-range{display:block;width:100%;max-width:740px;margin:0 auto;height:auto}.ck-guide-surface .bd-range text{font-family:inherit;fill:#23465b;font-size:18px}.ck-guide-surface .bd-range .bd-small{font-size:15px}.ck-guide-surface .bd-range .bd-low{fill:#006777}.ck-guide-surface .bd-range .bd-high{fill:#975e08}.ck-guide-surface .bd-ranges{display:grid;gap:1rem}.ck-guide-surface .bd-window-row{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:clamp(2px,.5vw,7px);max-width:740px;margin:1rem auto}.ck-guide-surface .bd-window{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:68px;border:2px solid #718e9d;background:#fff;border-radius:14px 14px 2px 2px;font-size:clamp(13px,1.5vw,20px)}.ck-guide-surface .bd-window b{font-size:1.2em;min-height:1.3em}.ck-guide-surface .bd-window.bd-reserved{background:repeating-linear-gradient(45deg,#e8eef0,#e8eef0 5px,#fff 5px,#fff 10px);border-style:dashed}.ck-guide-surface .bd-window.bd-lit{background:#fff0bb;border-color:#975e08}.ck-guide-surface .bd-pairs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:.75rem}.ck-guide-surface .bd-pair{border:2px solid #006777;padding:.65rem;text-align:center;background:#fff}.ck-guide-surface .bd-pair strong{display:block}.ck-guide-surface .bd-units{display:grid;gap:1px;background:#6d8b99;border:1px solid #6d8b99;max-width:100%;margin:1rem auto}.ck-guide-surface .bd-units span{background:#d9f0ed;aspect-ratio:1}.ck-guide-surface .bd-table{width:100%;border-collapse:collapse;background:#fff}.ck-guide-surface .bd-table th,.ck-guide-surface .bd-table td{padding:.6rem;border:1px solid #cbdce3;text-align:left;overflow-wrap:anywhere}.ck-guide-surface .bd-table th{color:#00576a}.ck-guide-surface .bd-pass{border-left:4px solid #006777}.ck-guide-surface .bd-fail{border-left:4px solid #975e08}.ck-guide-surface .bd-ring{display:block;max-width:340px;width:100%;height:auto;margin:1rem auto}.ck-guide-surface .bd-ring text{font-family:inherit;font-size:18px;fill:#173f52}.ck-guide-surface .bd-ring .bd-star{fill:#985b00;font-size:24px}.ck-guide-surface .bd-capture-note{font-size:.9em;color:#53667c}@media(max-width:560px){.ck-guide-surface .bd-table th,.ck-guide-surface .bd-table td{padding:.4rem}.ck-guide-surface .bd-window{min-height:58px}.ck-guide-surface .bd-range text{font-size:20px}.ck-guide-surface .bd-range .bd-small{font-size:17px}}

.ck-guide-surface .bd-table{table-layout:fixed}.ck-guide-surface .bd-table th,.ck-guide-surface .bd-table td{overflow-wrap:normal;word-break:normal}.ck-guide-surface .bd-table th:first-child,.ck-guide-surface .bd-table td:first-child{width:26%}.ck-guide-surface .bd-table th:nth-child(2),.ck-guide-surface .bd-table td:nth-child(2){width:30%}

/* Exact twenty-two-window model: two lines of the same straight row. */
.ck-guide-surface .bd-window{min-height:82px;font-size:17px;line-height:1.4}.ck-guide-surface .bd-window strong{font-size:18px;color:#173f52}.ck-guide-surface .bd-capacity{color:#365768}.ck-guide-surface .bd-lights{font-size:17px;min-height:1.4em;letter-spacing:-1px;color:#985b00}
.ck-guide-surface .bd-continuation{grid-column:1/-1;text-align:center;font-size:16px;color:#365768;padding:.25rem}
.ck-guide-surface .bd-rectangle{display:block;width:100%;max-width:300px;height:auto;margin:.5rem auto}.ck-guide-surface .bd-rectangle text{font:15px sans-serif;fill:#173f52}
.ck-guide-surface .bd-table th,.ck-guide-surface .bd-table td{vertical-align:top}.ck-guide-surface .bd-table th:first-child,.ck-guide-surface .bd-table td:first-child{width:22%}
@media(max-width:600px){.ck-guide-surface .bd-window{min-height:76px;font-size:16px}.ck-guide-surface .bd-window strong{font-size:16px}.ck-guide-surface .bd-lights{font-size:14px}.ck-guide-surface .bd-card{padding:.75rem}}

.ck-guide-surface .bd-option{display:block;margin:.2rem 0}