.ck-guide-surface{}
.ck-guide-surface .cw-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1rem}
.ck-guide-surface .cw-card{background:#fff;border:1px solid #bfd6db;border-radius:.55rem;padding:1rem;min-width:0}
.ck-guide-surface .cw-card>strong{display:block;color:#005365;font-size:1.1rem}
.ck-guide-surface .cw-card p{margin:.55rem 0 0}
.ck-guide-surface .cw-noticing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ck-guide-surface .cw-noticing p{margin:0;padding:1rem;background:#fff}
.ck-guide-surface .cw-locker{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:7rem;border:2px solid #8daeb6;border-radius:.5rem;background:#f5fafb}
.ck-guide-surface .cw-locker strong{font-size:1.7rem;color:#005365}
.ck-guide-surface .cw-locker span{margin-top:.5rem}
.ck-guide-surface .cw-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ck-guide-surface .cw-truth{display:block;margin-top:.5rem;line-height:1.5}
.ck-guide-surface .cw-truth b{font-weight:600}
.ck-guide-surface .cw-poster-svg{display:block;width:100%;max-width:300px;margin:1rem auto}
.ck-guide-surface .cw-tile-inventory,.ck-guide-surface .cw-calculation{display:flex;align-items:center;justify-content:center;gap:.8rem;flex-wrap:wrap;margin:1rem 0}
.ck-guide-surface .cw-tile{display:inline-flex;width:2.7rem;height:3.1rem;align-items:center;justify-content:center;border:2px solid #608c96;border-radius:.3rem;background:#fff;font-size:1.6rem;font-weight:700}
.ck-guide-surface .cw-number{display:inline-flex;gap:.15rem}
.ck-guide-surface .cw-operator{font-size:1.6rem;color:#005365}
.ck-guide-surface .cw-result{font-weight:700;font-size:1.35rem;color:#005365}
.ck-guide-surface .cw-designs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}
.ck-guide-surface .cw-design{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.4rem;border:1px solid #aecbd0;background:#fff;border-radius:.5rem;padding:.7rem .3rem}
.ck-guide-surface .cw-design svg{width:3rem;height:3rem}
.ck-guide-surface .cw-pack{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem .35rem;border:1px solid #b8d2d6;border-radius:.35rem;background:#fff;margin:.55rem 0}
.ck-guide-surface .cw-pack span{flex:1;text-align:center;font-size:1rem}
.ck-guide-surface .cw-pack[data-repeated="true"]{border:2px dashed #936206;background:#fff6e4}
.ck-guide-surface .cw-pack-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.ck-guide-surface .cw-group{padding:1rem;background:#edf5f7;border-radius:.4rem;min-width:0}
.ck-guide-surface .cw-group>strong{color:#005365}
.ck-guide-surface .cw-expressions{display:grid;gap:1rem}
.ck-guide-surface .cw-expression{display:grid;grid-template-columns:1fr auto 1fr auto .8fr;gap:.6rem;align-items:center}
.ck-guide-surface .cw-term{background:#fff;padding:.8rem .4rem;text-align:center;border:1px solid #bfd6db;border-radius:.4rem}
.ck-guide-surface .cw-term strong,.ck-guide-surface .cw-term span{display:block}
.ck-guide-surface .cw-term strong{font-size:1.25rem;color:#005365}
.ck-guide-surface .cw-term span{font-size:.95rem;margin-top:.5rem}
.ck-guide-surface .cw-seating{display:grid;grid-template-columns:repeat(4,2.6rem);gap:.3rem;justify-content:center;margin:1rem auto}
.ck-guide-surface .cw-seat{aspect-ratio:1;border:1px solid #2f7a8b;display:flex;align-items:center;justify-content:center;background:#d6f0f1;color:#004958;font-weight:700}
.ck-guide-surface .cw-seat[data-group="M"]{background:#fff0cb;border-color:#b17b17;color:#805100}
.ck-guide-surface .cw-seat-legend{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ck-guide-surface .cw-unknown-row{display:flex;justify-content:center;gap:.3rem;margin:1rem 0}
.ck-guide-surface .cw-unknown-row span{width:2.6rem;height:2.6rem;display:flex;align-items:center;justify-content:center;border:1px solid #6a939b;background:#fff}
.ck-guide-surface .cw-model-note{text-align:center;color:#005365;font-weight:600}
@media(max-width:750px){.ck-guide-surface .cw-cards,.ck-guide-surface .cw-case-grid,.ck-guide-surface .cw-noticing{grid-template-columns:1fr}.ck-guide-surface .cw-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-guide-surface .cw-pack-groups{grid-template-columns:1fr}.ck-guide-surface .cw-expression{grid-template-columns:1fr}.ck-guide-surface .cw-expression>.cw-operator{text-align:center}}
