.ck-guide-surface{--bloom-amber-dark:#9c5c00;--bloom-ocean-soft:#eefcff;--bloom-primary:#026b7e;--bloom-primary-dark:#01505f;--bloom-primary-light:#ddf7f9;--bloom-text-secondary:#57637b}
.ck-guide-surface .parity-figure{box-sizing:border-box;width:100%;max-width:none}
.ck-guide-surface .parity-figure *{box-sizing:border-box}
.ck-guide-surface .problem{background:var(--bloom-ocean-soft);border-left:4px solid var(--bloom-primary);padding:24px 26px;margin:28px 0;width:100%}
.ck-guide-surface .problem li{margin:14px 0}.ck-guide-surface .task{font-weight:700;color:var(--bloom-primary-dark)}
.ck-guide-surface .pr-nine{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:300px;margin:24px auto}
.ck-guide-surface .pr-lamp{display:grid;justify-items:center;gap:4px;min-width:0;text-align:center;font-size:16px}
.ck-guide-surface .pr-lamp i{display:block;width:27px;height:27px;border-radius:50%;border:2px solid var(--bloom-primary-dark)}
.ck-guide-surface .pr-lamp.is-on i{background:#f8c861;box-shadow:0 0 0 4px #fff4d6}
.ck-guide-surface .pr-lamp.is-off i{background:white;border-style:dashed}
.ck-guide-surface .pr-lamp small{font-size:14px;color:var(--bloom-text-secondary)}
.ck-guide-surface .pr-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ck-guide-surface .pr-card{background:var(--bloom-ocean-soft);padding:22px;min-width:0;border-radius:10px}
.ck-guide-surface .pr-card>strong,.ck-guide-surface .pr-card p:first-child{margin-top:0}
.ck-guide-surface .pr-array{display:block;width:100%;max-width:340px;height:auto;margin:18px auto}
.ck-guide-surface .pr-array-lamp{fill:#f8c861;stroke:var(--bloom-primary-dark);stroke-width:1.8}
.ck-guide-surface .pr-pair-line{stroke:var(--bloom-primary-dark);stroke-width:4}
.ck-guide-surface .pr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:150px;margin:18px auto;width:100%}
.ck-guide-surface .pr-move-cases{display:grid;gap:24px}
.ck-guide-surface .pr-move-case{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:16px;align-items:center;padding:16px;background:var(--bloom-ocean-soft)}
.ck-guide-surface .pr-move-case>strong{grid-column:1/-1;text-align:center}.ck-guide-surface .pr-arrow{font-size:28px;color:var(--bloom-primary-dark)}
.ck-guide-surface .pr-pairing{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}
.ck-guide-surface .pr-pair-group{display:flex;gap:16px;padding:14px;border:2px solid var(--bloom-primary-light);border-radius:10px}
.ck-guide-surface .pr-four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.ck-guide-surface .pr-reachable{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.ck-guide-surface .pr-counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}
.ck-guide-surface .pr-counters>div{padding:18px;background:var(--bloom-ocean-soft);text-align:center}
.ck-guide-surface .pr-counters small,.ck-guide-surface .pr-counters strong{display:block}.ck-guide-surface .pr-counters strong{font-size:28px;color:var(--bloom-primary-dark);margin-top:12px}
.ck-guide-surface .pr-leftovers{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.ck-guide-surface .pr-leftovers>div{display:grid;justify-items:center;gap:12px;padding:20px;background:var(--bloom-ocean-soft)}
.ck-guide-surface .pr-one-dot{width:24px;height:24px;display:block;border-radius:50%;background:var(--bloom-primary-dark)}
.ck-guide-surface .pr-phrases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ck-guide-surface .pr-beat-strip{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.ck-guide-surface .pr-beat{width:22px;height:22px;background:var(--bloom-primary-light);border:2px solid var(--bloom-primary-dark);display:block}
.ck-guide-surface .pr-sound-cases{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ck-guide-surface .pr-sound-cases>li{padding:22px;background:var(--bloom-ocean-soft);margin:0;min-width:0}
.ck-guide-surface .pr-case-title{margin:0;color:var(--bloom-primary-dark);font-size:22px}
.ck-guide-surface .pr-valid{border-left:3px solid var(--bloom-primary);padding-left:14px}.ck-guide-surface .pr-reject{border-left:3px solid var(--bloom-amber-dark);padding-left:14px}
.ck-guide-surface .pr-phrase-chip{display:inline-block;padding:6px 10px;margin:4px;background:white;border:1px solid var(--bloom-primary-light);border-radius:5px;font-size:15px}
.ck-guide-surface .pr-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ck-guide-surface .pr-targets .pr-card{background:white;padding:18px}
.ck-guide-surface .pr-targets>.pr-card>strong{font-size:22px}.ck-guide-surface .pr-token-counts{display:grid;gap:14px;margin:20px 0}
.ck-guide-surface .pr-token-counts>span{display:block;padding:12px 16px;background:white;border:1px solid var(--bloom-primary-light);border-radius:7px}
.ck-guide-surface .pr-token-counts b{font-size:24px;color:var(--bloom-primary-dark)}
.ck-guide-surface .pr-trade-value{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:center}
.ck-guide-surface .pr-trade-value>div{background:var(--bloom-ocean-soft);padding:22px;min-width:0}
.ck-guide-surface .pr-action-pairs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}
.ck-guide-surface .pr-action-pairs>span{padding:16px;background:white;text-align:center}
.ck-guide-surface .pr-token-plan{max-width:460px;margin:28px auto}.ck-guide-surface .pr-trade-label{display:block;text-align:center;color:var(--bloom-primary-dark);font-weight:700}
@media(max-width:760px){
 .ck-guide-surface .pr-two,.ck-guide-surface .pr-phrases,.ck-guide-surface .pr-targets,.ck-guide-surface .pr-sound-cases{grid-template-columns:1fr}
 .ck-guide-surface .pr-reachable,.ck-guide-surface .pr-action-pairs{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ck-guide-surface .problem{padding:20px 18px}.ck-guide-surface .pr-card{padding:18px}
 .ck-guide-surface .pr-trade-value{grid-template-columns:1fr;text-align:center}.ck-guide-surface .pr-trade-value>b{transform:rotate(90deg)}
}
@media(max-width:400px){
 .ck-guide-surface .pr-nine{gap:12px}.ck-guide-surface .pr-move-case{padding:12px;gap:10px}.ck-guide-surface .pr-pair{gap:8px}
 .ck-guide-surface .pr-reachable{gap:12px}.ck-guide-surface .pr-reachable .pr-card{padding:12px}
}

.ck-guide-surface .pr-card>strong,.ck-guide-surface .pr-case-title{display:block;color:var(--bloom-primary-dark)}
.ck-guide-surface .pr-trade-value>b{justify-self:center;font-size:26px}

.ck-guide-surface [data-live-clues] .pr-targets,.ck-guide-surface [data-live-clues] .pr-phrases,.ck-guide-surface [data-live-clues] .pr-two{grid-template-columns:1fr}
.ck-guide-surface [data-live-clues] .problem{padding:12px}