.ck-guide-surface{}
.ck-guide-surface .gc-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;width:100%;margin:20px 0}.ck-guide-surface .gc-card{min-width:0;padding:20px;border:1px solid #b4ced2;border-radius:10px;background:white}.ck-guide-surface .gc-card>strong:first-child{display:block;color:#075568}.ck-guide-surface .gc-card p{margin:.7em 0}.ck-guide-surface .gc-noticing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ck-guide-surface .gc-noticing p{padding:18px;background:#f0f8fa;border-left:4px solid #c4e1e2}.ck-guide-surface .gc-pods,.ck-guide-surface .gc-pulses{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0}.ck-guide-surface .gc-pod,.ck-guide-surface .gc-pulses span{display:grid;place-items:center;min-width:52px;min-height:48px;padding:5px 8px;border:2px solid #a2c7cc;border-radius:8px;background:#f7fbfc;font-weight:bold;font-size:1rem}.ck-guide-surface .gc-heavy{background:#dff1f3;color:#065467}.ck-guide-surface .gc-light{background:#fff5e6;color:#6e4c12}.ck-guide-surface .gc-mat{display:block;max-width:100%;width:240px;height:auto;margin:18px auto}.ck-guide-surface .gc-mat rect{fill:#dbefed;stroke:#397781;stroke-width:1}.ck-guide-surface .gc-mat text{font:16px sans-serif;fill:#075568}.ck-guide-surface .gc-table{width:min(100%,460px);margin:20px auto;border-collapse:collapse;font-variant-numeric:tabular-nums}.ck-guide-surface .gc-table caption{padding:0 0 12px;font-size:1rem;line-height:1.5}.ck-guide-surface .gc-table th,.ck-guide-surface .gc-table td{text-align:center;padding:12px 8px;border:1px solid #bed4d7;background:white;font-size:1rem}.ck-guide-surface .gc-table thead th{background:#e5f2f4;color:#075568}.ck-guide-surface .gc-outputs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.ck-guide-surface .gc-outputs>div{display:flex;flex-direction:column;gap:8px;text-align:center;min-width:88px;padding:12px 8px;background:#eef7f7;border:1px solid #b4ced2;border-radius:8px}.ck-guide-surface .gc-outputs span{font-size:1rem}.ck-guide-surface .gc-outputs strong{font-size:1.4rem;color:#075568}.ck-guide-surface .gc-model-label{text-align:center;font-size:1rem!important;line-height:1.5;margin:16px 0!important}.ck-guide-surface .gc-rail{display:flex;align-items:stretch;gap:8px;width:100%;margin:20px 0}.ck-guide-surface .gc-rail.gc-backward{flex-direction:row-reverse}.ck-guide-surface .gc-state{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px 8px;background:#fff0d5;color:#805100}.ck-guide-surface .gc-state strong{font-size:1.65rem}.ck-guide-surface .gc-state span{font-size:1rem}.ck-guide-surface .gc-action{display:flex;flex:0 0 92px;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;color:#805100;font-size:1rem}.ck-guide-surface .gc-backward .gc-state{background:#dff3f4;color:#005365}.ck-guide-surface .gc-backward .gc-action{color:#005365}.ck-guide-surface .gc-horizontal{font-size:1.8rem}.ck-guide-surface .gc-vertical{display:none}@media(max-width:1050px){.ck-guide-surface .gc-rail,.ck-guide-surface .gc-rail.gc-backward{flex-direction:column}.ck-guide-surface .gc-state{min-height:90px}.ck-guide-surface .gc-action{flex-basis:auto;padding:8px}.ck-guide-surface .gc-horizontal{display:none}.ck-guide-surface .gc-vertical{display:block;font-size:1.8rem}}@media(max-width:700px){.ck-guide-surface .gc-noticing{grid-template-columns:1fr}}@media(max-width:500px){.ck-guide-surface .gc-card{padding:14px}.ck-guide-surface .gc-pod,.ck-guide-surface .gc-pulses span{min-width:46px}.ck-guide-surface .gc-table th,.ck-guide-surface .gc-table td{padding:10px 6px}}