.ck-guide-surface{}
.ck-guide-surface .task{font-weight:700;color:#075767}
.ck-guide-surface .cc-rule{border-left:4px solid #0e7480;background:#ecf6f5;padding:1rem;font-weight:700}
.ck-guide-surface .cc-options,.ck-guide-surface .cc-plan-list,.ck-guide-surface .cc-key{display:flex;flex-wrap:wrap;gap:.65rem}
.ck-guide-surface .cc-option{display:grid;gap:.15rem;border:1px solid #c4d6da;border-radius:.5rem;padding:.55rem .85rem;background:white;min-width:5.8rem}
.ck-guide-surface .cc-option b{color:#075767}
.ck-guide-surface .cc-slots,.ck-guide-surface .cc-timing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;padding:0;list-style:none;margin:1.4rem 0}
.ck-guide-surface .cc-slots li,.ck-guide-surface .cc-timing li{border:2px dashed #b6cbd0;border-radius:.6rem;padding:.8rem;display:grid;gap:.4rem;background:white}
.ck-guide-surface .cc-timing{counter-reset:moment}.ck-guide-surface .cc-timing li{counter-increment:moment;border-style:solid}.ck-guide-surface .cc-timing li:before{content:counter(moment);font-weight:800;color:#075767}
.ck-guide-surface .cc-plan{border:1px solid #a7c2c8;background:white;border-radius:.35rem;padding:.35rem .65rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}
.ck-guide-surface .cc-whole{padding:1rem;border:2px solid #adc6cb;border-radius:.7rem;background:white}.ck-guide-surface .cc-outcomes{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:.35rem;margin-top:1rem}.ck-guide-surface .cc-outcome{padding:.35rem .15rem;text-align:center;font-size:.85em;border-radius:.25rem;border:1px solid #a0bdbd}
.ck-guide-surface .cc-wanted{background:#d9f0ed;color:#075455}.ck-guide-surface .cc-unwanted{background:#ffe5bd;color:#7b4909}.ck-guide-surface .cc-key span{padding:.35rem .65rem;border-radius:.3rem}
.ck-guide-surface .cc-cases,.ck-guide-surface .cc-catalogues{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ck-guide-surface .cc-cases>div,.ck-guide-surface .cc-catalogue{padding:1rem;background:white;border:1px solid #c4d6da;border-radius:.6rem}.ck-guide-surface .cc-cases .cc-plan-list,.ck-guide-surface .cc-catalogue .cc-options{margin-top:1rem}
.ck-guide-surface .cc-music{background:#eee8fa}.ck-guide-surface .cc-other{background:#fff1d9}
.ck-guide-surface .cc-trees{display:grid;gap:1.5rem}.ck-guide-surface .cc-tree{padding:1rem;border:2px solid #9ebfc5;background:white;border-radius:.6rem}.ck-guide-surface .cc-tree>strong{color:#075767;font-size:1.2em}.ck-guide-surface .cc-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.ck-guide-surface .cc-future{border-top:3px solid #b68a36;background:#fff8eb;padding:1rem}.ck-guide-surface .cc-calculation{font-size:1.1em}.ck-guide-surface .cc-guarantee{border-top:1px solid #bfd3d7;padding-top:1rem;margin-bottom:0}
@media(max-width:600px){.ck-guide-surface .cc-cases,.ck-guide-surface .cc-catalogues,.ck-guide-surface .cc-branches{grid-template-columns:1fr}.ck-guide-surface .cc-outcomes{grid-template-columns:repeat(3,minmax(0,1fr))}.ck-guide-surface .cc-slots,.ck-guide-surface .cc-timing{grid-template-columns:1fr}.ck-guide-surface .cc-slots li{grid-template-columns:5rem 1fr;align-items:center}.ck-guide-surface .cc-timing li{grid-template-columns:1.2rem 1fr}.ck-guide-surface .cc-tree,.ck-guide-surface .cc-future,.ck-guide-surface .cc-cases>div,.ck-guide-surface .cc-catalogue{padding:.8rem}}

.ck-guide-surface .cc-slots-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.ck-guide-surface .cc-book-groups{display:grid;gap:1rem}.ck-guide-surface .cc-book-groups .cc-options{margin-top:.6rem}.ck-guide-surface .cc-book{padding:.5rem .65rem;border:1px solid #b4cbd0;border-radius:.35rem;background:#fffdfa}
.ck-guide-surface .cc-number-trail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:.4rem;list-style:none;padding:0}.ck-guide-surface .cc-number-trail li{padding:.35rem .1rem;text-align:center;border:1px solid #aec6ca;background:white;border-radius:.3rem}
.ck-guide-surface [data-live-clues] .cc-catalogues{grid-template-columns:1fr}
.ck-guide-surface [data-live-clues] .cc-option{min-width:0;padding:.45rem .55rem;flex:1 0 4.2rem}
.ck-guide-surface [data-live-clues] .cc-slots{gap:.4rem}.ck-guide-surface [data-live-clues] .cc-slots li{padding:.45rem;font-size:.9em}
.ck-guide-surface [data-live-clues] .cc-number-trail{gap:.2rem;font-size:.9em}
.ck-guide-surface [data-live-clues] .cc-slots-4{grid-template-columns:repeat(2,minmax(0,1fr))}