.ck-guide-surface{}
.ck-guide-surface .fw-noticing{border-left:4px solid #b7dfdc;padding:.2rem 1.2rem;margin:1.5rem 0}.ck-guide-surface .fw-noticing p{margin:.8rem 0}
.ck-guide-surface .fw-cards,.ck-guide-surface .fw-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:stretch}
.ck-guide-surface .fw-card{padding:1rem;border:1px solid #b8ced2;background:#f6fafb;min-width:0;border-radius:.4rem;overflow-wrap:anywhere}
.ck-guide-surface .fw-card>strong{display:block;color:#005363}.ck-guide-surface .fw-card p{margin:.7rem 0!important}.ck-guide-surface .fw-card ul{padding-left:1.2rem;margin:.6rem 0 0}
.ck-guide-surface .fw-card .fw-verdict{color:#80500a}.ck-guide-surface .fw-card[data-valid="true"]{border:2px solid #006777;background:#e3f4f4}.ck-guide-surface .fw-card[data-valid="true"] .fw-verdict{color:#005363}
.ck-guide-surface .fw-rail-panel{border:1px solid #b8ced2;border-radius:.4rem;padding:1rem;margin:.8rem 0}.ck-guide-surface .fw-rail-label{font-weight:700;margin:0 0 .8rem!important}
.ck-guide-surface .fw-rail{display:flex;align-items:stretch;gap:.35rem}.ck-guide-surface .fw-state{flex:1 1 0;min-width:0;min-height:10.75rem;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:.5rem;background:#fff1d9;padding:.8rem .35rem}
.ck-guide-surface .fw-state strong{font-size:1.4rem;color:#80500a}.ck-guide-surface .fw-action{flex:0 1 15%;min-width:0;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:.3rem;color:#80500a;font-size:.9rem;overflow-wrap:anywhere}
.ck-guide-surface .fw-horizontal{font-size:1.8rem}.ck-guide-surface .fw-vertical{display:none;font-size:1.6rem}.ck-guide-surface .fw-backward{flex-direction:row-reverse}.ck-guide-surface .fw-backward .fw-state{background:#e3f4f4}.ck-guide-surface .fw-backward .fw-state strong,.ck-guide-surface .fw-backward .fw-action{color:#005363}
.ck-guide-surface .fw-meeting{font-weight:700;text-align:center;padding:.8rem;background:#e3f4f4;margin:1rem 0!important;color:#005363}
.ck-guide-surface .fw-sevenths{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.ck-guide-surface .fw-sevenths>div{padding:.8rem .2rem;text-align:center;border:1px solid #92b8be;display:flex;flex-direction:column;gap:.5rem}
.ck-guide-surface .fw-north{background:#d6efeb;color:#164b48}.ck-guide-surface .fw-south{background:#fff0d2;color:#80500a}.ck-guide-surface .fw-sevenths strong{white-space:nowrap}
.ck-guide-surface .fw-witnesses{display:grid;gap:1rem}.ck-guide-surface .fw-witness{border:1px solid #b8ced2;padding:1rem;border-radius:.4rem}.ck-guide-surface .fw-volume{display:flex;width:100%;height:7rem;margin:1rem 0}.ck-guide-surface .fw-volume>div{min-width:0;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #92b8be;padding:.2rem}.ck-guide-surface .fw-witness p{margin:.6rem 0!important}
.ck-guide-surface .fw-time-model{padding:0 .3rem}.ck-guide-surface .fw-time-axis{position:relative;height:2.7rem;border-bottom:1px solid #92b8be;margin-bottom:1rem}.ck-guide-surface .fw-time-axis span{position:absolute;transform:translateX(-50%);font-size:.85rem;white-space:nowrap}.ck-guide-surface .fw-time-axis span:first-child{transform:none}.ck-guide-surface .fw-time-axis span:last-child{transform:translateX(-100%)}
.ck-guide-surface .fw-time-row{margin:.8rem 0}.ck-guide-surface .fw-time-row p{margin:0 0 .35rem!important}.ck-guide-surface .fw-time-track{height:1.6rem;background:#edf3f5;position:relative;border:1px solid #b8ced2}.ck-guide-surface .fw-time-segment{position:absolute;height:100%;background:#d9a14b;border:1px solid #80500a}.ck-guide-surface .fw-requested{position:absolute;border-left:2px dashed #7f284a;height:100%;top:0}.ck-guide-surface .fw-time-key{font-size:.9rem;color:#536577}
@media(max-width:900px){.ck-guide-surface .fw-cards,.ck-guide-surface .fw-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-guide-surface .fw-rail{flex-direction:column}.ck-guide-surface .fw-state{min-height:5rem}.ck-guide-surface .fw-horizontal{display:none}.ck-guide-surface .fw-vertical{display:inline}.ck-guide-surface .fw-action{flex:auto;padding:.35rem}}
@media(max-width:540px){.ck-guide-surface .fw-cards,.ck-guide-surface .fw-case-grid{grid-template-columns:1fr}.ck-guide-surface .fw-rail-panel{padding:.7rem}.ck-guide-surface .fw-sevenths{gap:.16rem}.ck-guide-surface .fw-sevenths>div{padding:.7rem .08rem}.ck-guide-surface .fw-sevenths strong{font-size:.85rem}.ck-guide-surface .fw-witness{padding:.7rem}}