.ck-guide-surface{--bloom-ocean-soft:#eefcff;--bloom-primary:#026b7e;--bloom-primary-dark:#01505f}
/* Quantitative models only; shared page panels and dialogue remain canonical. */
.ck-guide-surface .problem{box-sizing:border-box;background:var(--bloom-ocean-soft);border-left:4px solid var(--bloom-primary);padding:24px 26px;margin:28px 0;width:100%;max-width:none}.ck-guide-surface .problem p:last-child{margin-bottom:0}.ck-guide-surface .task{font-weight:700;color:var(--bloom-primary-dark)}
.ck-guide-surface .dc-figure{box-sizing:border-box;width:100%;max-width:none;margin:28px 0;padding:24px;border-radius:10px;background:#f2f8fa}.ck-guide-surface .dc-figure *{box-sizing:border-box}.ck-guide-surface .dc-figure figcaption{margin-top:18px;line-height:1.6}.ck-guide-surface .dc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.ck-guide-surface .dc-card{padding:22px;background:#fff;border:1px solid #cddfe3;border-radius:12px;min-width:0}.ck-guide-surface .dc-card p{margin:12px 0}.ck-guide-surface .dc-card p:last-child{margin-bottom:0}.ck-guide-surface .dc-card-title{font-size:1.05rem;color:#005465}.ck-guide-surface .dc-number{font-size:1.6rem!important;font-weight:750;color:#005465;line-height:1.45!important}
.ck-guide-surface .dc-measures{display:flex;flex-wrap:wrap;gap:10px 28px;margin-bottom:20px}.ck-guide-surface .dc-measures>span{display:block}.ck-guide-surface .dc-floor{max-width:590px;margin:0 auto 20px}.ck-guide-surface .dc-floor svg{display:block;width:100%;height:auto}.ck-guide-surface .dc-region-letter{font-size:.5px;font-weight:750;fill:#005465;text-anchor:middle;dominant-baseline:middle}.ck-guide-surface .dc-legend{display:flex;gap:12px 28px;flex-wrap:wrap}.ck-guide-surface .dc-legend p{margin:8px 0}.ck-guide-surface .dc-legend b{color:#005465}.ck-guide-surface .dc-hatched{font-weight:650;color:#70426c}.ck-guide-surface .dc-trail{display:block;width:100%;max-width:400px;height:auto;margin:auto}
.ck-guide-surface .dc-table{width:100%;table-layout:fixed;border-collapse:collapse;background:white}.ck-guide-surface .dc-table caption{text-align:left;font-weight:700;margin-bottom:12px}.ck-guide-surface .dc-table th,.ck-guide-surface .dc-table td{padding:13px 9px;border:1px solid #c8dde1;text-align:center;overflow-wrap:anywhere}.ck-guide-surface .dc-table thead{background:#e3f0f3}
.ck-guide-surface .dc-forward{border-left:4px solid #b57416;padding:20px;background:#fff8e8}.ck-guide-surface .dc-direction-label{font-weight:750;color:#8a5200}.ck-guide-surface .dc-lane{margin:18px 0}.ck-guide-surface .dc-lane>p{margin:0 0 8px}.ck-guide-surface .dc-track{position:relative;height:20px;background:#f0e4cd;border-radius:4px;overflow:hidden}.ck-guide-surface .dc-track>span{position:absolute;top:0;bottom:0;display:block;background:#b57416;border-radius:3px}.ck-guide-surface .dc-back{border-left:4px solid #087588;background:#e2f3f5;padding:22px}.ck-guide-surface .dc-back .dc-direction-label,.ck-guide-surface .dc-undo{color:#005465;font-weight:750}.ck-guide-surface .dc-back-spine{max-width:540px;margin:0 auto 22px}.ck-guide-surface .dc-back-spine .dc-card{text-align:center}.ck-guide-surface .dc-undo{text-align:center;margin:12px 0}
.ck-guide-surface .dc-pair-group{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.ck-guide-surface .dc-pair{display:flex;gap:4px;padding:4px;border:2px solid #6a9b9f;border-radius:6px}.ck-guide-surface .dc-pair i,.ck-guide-surface .dc-unpaired i{display:block;width:10px;height:10px;background:#005465;border-radius:50%}.ck-guide-surface .dc-unpaired{padding:6px;background:#fff0d3;border:2px dashed #a55a00;border-radius:6px}.ck-guide-surface .dc-figure>.dc-card{margin-top:18px}
@media(max-width:760px){.ck-guide-surface .dc-two{grid-template-columns:1fr}.ck-guide-surface .dc-figure{padding:18px 12px}.ck-guide-surface .dc-card{padding:18px 14px}.ck-guide-surface .problem{padding:20px 16px}.ck-guide-surface .dc-number{font-size:1.4rem!important}.ck-guide-surface .dc-measures,.ck-guide-surface .dc-legend{display:block}.ck-guide-surface .dc-table th,.ck-guide-surface .dc-table td{padding:11px 5px}.ck-guide-surface .dc-forward,.ck-guide-surface .dc-back{padding:16px 12px}.ck-guide-surface .dc-pair-group{gap:6px}}
