.ck-guide-surface{--bloom-primary-dark:#01505f}
.ck-guide-surface .task {font-weight:700;color:var(--bloom-primary-dark)}
/* Exact mathematical models only; dialogue and outer panels use the shared component. */
.ck-guide-surface .iv-board {display:block;width:100%;max-width:430px;height:auto;margin:1rem auto}
.ck-guide-surface .iv-coordinate,.ck-guide-surface .iv-piece-letter {text-anchor:middle;fill:#153b47;font-family:Arial,sans-serif}
.ck-guide-surface .iv-coordinate {font-size:12px}.ck-guide-surface .iv-piece-letter {font-size:14px;font-weight:700}
.ck-guide-surface .iv-side-by-side,.ck-guide-surface .iv-kit {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}
.ck-guide-surface .iv-side-by-side>div,.ck-guide-surface .iv-kit>div {min-width:0;text-align:center}
.ck-guide-surface .iv-side-by-side .iv-board,.ck-guide-surface .iv-kit .iv-board {max-width:160px}
.ck-guide-surface .iv-counts {display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;font-weight:700;color:#155c6c}
.ck-guide-surface .iv-tins {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.ck-guide-surface .iv-card {min-width:0;padding:1rem;border:1px solid #d6e7ec;border-radius:.5rem;background:#f2fafb}
.ck-guide-surface .iv-card>strong {display:block;color:#145d6c}
.ck-guide-surface .iv-units {display:flex;gap:4px;margin:1rem 0;flex-wrap:wrap}
.ck-guide-surface .iv-units i {width:20px;height:26px;border:1.5px solid #4e7780;background:#d4eaf0}
.ck-guide-surface .iv-gifts {display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0;color:#145d6c}
.ck-guide-surface .iv-partner-list {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.ck-guide-surface .iv-partners {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-top:.8rem}
.ck-guide-surface .iv-partners span {padding:.3rem .1rem;text-align:center;background:white;border:1px solid #d1e3e8;font-size:.9em;white-space:nowrap}
.ck-guide-surface .iv-partner-list .iv-card p {margin:.5rem 0 0;font-size:.85em}
.ck-guide-surface .iv-partition {display:grid;grid-template-columns:minmax(0,16fr) minmax(0,20fr);margin-top:.75rem;border-radius:.5rem;overflow:hidden}
.ck-guide-surface .iv-partition>div {padding:1rem;min-width:0;background:#e9edf1}
.ck-guide-surface .iv-partition>div:last-child {background:#d5eeee}
.ck-guide-surface .iv-partition strong,.ck-guide-surface .iv-partition span {display:block;overflow-wrap:anywhere}
.ck-guide-surface .iv-square-counters {display:block;width:100%;max-width:350px;height:auto;margin:auto}
@media(max-width:800px){.ck-guide-surface .iv-partner-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
 .ck-guide-surface .iv-tins,.ck-guide-surface .iv-partner-list{grid-template-columns:1fr}
 .ck-guide-surface .iv-gifts{display:grid;gap:.35rem}
 .ck-guide-surface .iv-partition>div{padding:.6rem}
 .ck-guide-surface .iv-side-by-side,.ck-guide-surface .iv-kit{gap:.5rem}
}

.ck-guide-surface .iv-ledger{table-layout:fixed;width:100%}.ck-guide-surface .iv-ledger th:first-child{width:34%}.ck-guide-surface .iv-ledger td{text-align:center}.ck-guide-surface .iv-ledger th,.ck-guide-surface .iv-ledger td{overflow-wrap:normal;word-break:normal}

.ck-guide-surface [data-live-clues] .iv-tins{grid-template-columns:1fr}