.ck-guide-surface{--bloom-border:#e4eaec;--bloom-primary-dark:#01505f}
.ck-guide-surface .sp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:20px}.ck-guide-surface .sp-card{min-width:0;background:white;padding:20px;border:1px solid var(--bloom-border,#dce5e8);border-radius:8px}.ck-guide-surface .sp-card>strong{display:block;color:var(--bloom-primary-dark,#005361);font-size:18px;margin-bottom:14px}.ck-guide-surface .sp-card p{font-size:16px;line-height:1.65;margin:12px 0 0}.ck-guide-surface .sp-layout{display:block;max-width:100%;height:auto;margin:12px auto}.ck-guide-surface .sp-table{fill:#f6e8d1;stroke:#826d50;stroke-width:1.2}.ck-guide-surface .sp-seat{fill:#007b87;stroke:#005361;stroke-width:1}.ck-guide-surface .sp-seat.sp-reserved{fill:white;stroke:#655d64;stroke-dasharray:2 1}.ck-guide-surface .sp-reserved-cross{fill:none;stroke:#655d64;stroke-width:1}.ck-guide-surface .sp-model-note{font-size:16px;line-height:1.65;color:var(--bloom-primary-dark,#005361);font-weight:650}.ck-guide-surface .sp-minute-groups{display:flex;flex-wrap:wrap;gap:12px 8px}.ck-guide-surface .sp-minute{min-width:64px;font-size:14px;line-height:1.5;text-align:center}.ck-guide-surface .sp-units{display:flex;justify-content:center;gap:2px;margin-bottom:6px}.ck-guide-surface .sp-unit{display:block;width:12px;height:20px;border:1px solid #007b87;background:#ddf5f5}.ck-guide-surface .sp-undo{list-style:none;margin:0 0 24px;padding:0;border-left:4px solid #007b87;background:#e8f7f7}.ck-guide-surface .sp-undo li{padding:12px 18px;font-size:16px;line-height:1.6}.ck-guide-surface .sp-replay{padding:16px 20px;background:#fff5df;border-left:4px solid #aa6800;color:#784700;font-size:16px;font-weight:650;line-height:1.7}.ck-guide-surface .sp-pair-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(86px,1fr));gap:12px}.ck-guide-surface .sp-pair{display:block;border:1px solid #007b87;border-radius:8px;background:#e8f7f7;padding:12px;text-align:center;font-size:18px;font-weight:650}.ck-guide-surface .sp-later-counts{font-size:16px;line-height:1.8;margin:22px 0 0;padding-left:0;list-style:none}.ck-guide-surface .sp-sum-table{table-layout:fixed;width:100%;border-collapse:collapse;font-size:16px;line-height:1.6}.ck-guide-surface .sp-sum-table caption{text-align:left;font-weight:650;color:#005361;margin-bottom:16px}.ck-guide-surface .sp-sum-table th,.ck-guide-surface .sp-sum-table td{padding:10px 6px;text-align:center;vertical-align:middle;border-bottom:1px solid #bfced3;overflow-wrap:normal;word-break:normal}.ck-guide-surface .sp-sum-table th{background:#e6f3f4}.ck-guide-surface .sp-middle{padding:16px;background:#fff5df;border-left:4px solid #aa6800;font-size:16px;line-height:1.6}.ck-guide-surface .sp-wall{display:grid;max-width:100%;margin:14px auto;gap:0;border-top:1px solid #7c8d93;border-left:1px solid #7c8d93}.ck-guide-surface .sp-wall-cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-right:1px solid #7c8d93;border-bottom:1px solid #7c8d93;background:white;font-size:14px;font-weight:650}.ck-guide-surface .sp-piece-A{background:#c5eceb}.ck-guide-surface .sp-piece-B{background:#fde8ba}.ck-guide-surface .sp-piece-C{background:#ddd4f6}.ck-guide-surface .sp-piece-D{background:#f7d4e4}