.ck-guide-surface{}
.ck-guide-surface .lr-cards,.ck-guide-surface .lr-trials{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px;width:100%;margin:18px 0}.ck-guide-surface .lr-card{min-width:0;padding:20px;background:#fff;border:1px solid #bfd5d8;border-radius:10px}.ck-guide-surface .lr-card>strong:first-child{display:block;color:#075568}.ck-guide-surface .lr-card p{margin:.65em 0}.ck-guide-surface .lr-noticing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.ck-guide-surface .lr-noticing p{padding:18px;background:#f0f8fa;border-left:4px solid #bfdfdf}.ck-guide-surface .lr-choices,.ck-guide-surface .lr-multiples{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0}.ck-guide-surface .lr-choices span,.ck-guide-surface .lr-multiples span{display:grid;place-items:center;background:#fff;border:2px solid #a5c7cb;border-radius:8px;min-width:56px;min-height:54px;padding:6px 10px;font-weight:700;font-size:1.2rem;color:#005869}.ck-guide-surface .lr-multiples .lr-common{border-color:#0b6e79;background:#dff3f3}.ck-guide-surface .lr-grid{width:100%;max-width:360px;margin:20px auto;border-collapse:separate;border-spacing:4px;table-layout:fixed;font-variant-numeric:tabular-nums}.ck-guide-surface .lr-grid caption{font-size:1rem;line-height:1.5;padding:0 0 12px;color:#275c68}.ck-guide-surface .lr-grid th{font-size:1rem;font-weight:700;text-align:center;background:transparent;padding:8px 2px;overflow-wrap:normal}.ck-guide-surface .lr-grid td{text-align:center;vertical-align:middle;border:2px solid #b0cbce;border-radius:6px;font-size:1.3rem;font-weight:700;padding:0;background:white;color:#075568}.ck-guide-surface .lr-grid .lr-known{background:#e5f3f4}.ck-guide-surface .lr-grid .lr-excluded{background:#f2f1eb;color:#675b35;font-size:1rem}.ck-guide-surface .lr-grid .lr-target{outline:3px solid #097186;outline-offset:0}.ck-guide-surface .lr-card .lr-grid{border-spacing:3px}.ck-guide-surface .lr-card .lr-grid th{font-size:1rem}.ck-guide-surface .lr-model-label{text-align:center;font-size:1rem!important;line-height:1.6;margin:14px 0!important}.ck-guide-surface .lr-rail{display:flex;align-items:stretch;gap:10px;width:100%;margin:18px 0}.ck-guide-surface .lr-rail.lr-backward{flex-direction:row-reverse}.ck-guide-surface .lr-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;flex:1;min-width:0;padding:18px 10px;background:#fff0d5;color:#805100}.ck-guide-surface .lr-state strong{font-size:1.7rem}.ck-guide-surface .lr-state span{font-size:1rem}.ck-guide-surface .lr-action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;flex:0 0 110px;color:#805100;font-size:1rem;text-align:center}.ck-guide-surface .lr-backward .lr-state{background:#dff3f4;color:#005365}.ck-guide-surface .lr-backward .lr-action{color:#005365}.ck-guide-surface .lr-horizontal{font-size:1.8rem}.ck-guide-surface .lr-vertical{display:none}.ck-guide-surface .lr-panel-model{display:block;width:min(100%,380px);height:auto;margin:18px auto}.ck-guide-surface .lr-panel-model text{font:21px sans-serif;fill:#075568}.ck-guide-surface .lr-square-tile{fill:#edf6f8;stroke:#4b7c87;stroke-width:.75}.ck-guide-surface .lr-extra-tile{fill:#80d0c6;stroke:#376f77;stroke-width:.75}@media(max-width:900px){.ck-guide-surface .lr-noticing{grid-template-columns:1fr}.ck-guide-surface .lr-rail,.ck-guide-surface .lr-rail.lr-backward{flex-direction:column}.ck-guide-surface .lr-state{min-height:90px}.ck-guide-surface .lr-action{flex-basis:auto;padding:6px}.ck-guide-surface .lr-horizontal{display:none}.ck-guide-surface .lr-vertical{display:block;font-size:1.8rem}}@media(max-width:500px){.ck-guide-surface .lr-card{padding:14px}.ck-guide-surface .lr-grid{border-spacing:3px}.ck-guide-surface .lr-grid th{font-size:1rem}.ck-guide-surface .lr-card .lr-grid th{font-size:1rem}.ck-guide-surface .lr-choices span,.ck-guide-surface .lr-multiples span{min-width:46px;min-height:48px}.ck-guide-surface .lr-excluded{font-size:1rem!important}}

.ck-guide-surface .lr-cell{display:grid;place-items:center;width:100%;aspect-ratio:1;white-space:nowrap}

.ck-guide-surface .lr-trials{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:600px){.ck-guide-surface .lr-trials{grid-template-columns:1fr}}

/* A reference pane has its own narrow content width even on a wide display. */
.ck-guide-surface .tc-question-pane .lr-rail,.ck-guide-surface .tc-question-pane .lr-rail.lr-backward{flex-direction:column}
.ck-guide-surface .tc-question-pane .lr-state{min-height:90px}
.ck-guide-surface .tc-question-pane .lr-action{flex-basis:auto;padding:6px}
.ck-guide-surface .tc-question-pane .lr-horizontal{display:none}
.ck-guide-surface .tc-question-pane .lr-vertical{display:block;font-size:1.8rem}