.ck-guide-surface{--bloom-amber-dark:#9c5c00;--bloom-amber-light:#fff8e1;--bloom-grey-light:#e9ecef;--bloom-ocean-soft:#eefcff;--bloom-primary-dark:#01505f;--bloom-primary-light:#ddf7f9;--bloom-white:#ffffff}
.ck-guide-surface .symmetry-svg{display:block;width:100%;max-width:420px;height:auto;margin:12px auto}
.ck-guide-surface .wing-tile{fill:var(--bloom-primary-light);stroke:var(--bloom-primary-dark);stroke-width:1.5}
.ck-guide-surface .wing-tile.reflected{fill:var(--bloom-amber-light)}
.ck-guide-surface .body-tile{fill:var(--bloom-white);stroke:var(--bloom-primary-dark);stroke-width:2}
.ck-guide-surface .unshown-wing{fill:var(--bloom-ocean-soft);stroke:var(--bloom-primary-dark);stroke-width:1}
.ck-guide-surface .fold-axis{stroke:var(--bloom-amber-dark);stroke-width:2;stroke-dasharray:5 4}
.ck-guide-surface .unknown-wing{font:700 36px sans-serif;text-anchor:middle;fill:var(--bloom-primary-dark)}
.ck-guide-surface .uncut-square{fill:var(--bloom-white);stroke:var(--bloom-primary-dark);stroke-width:2}
.ck-guide-surface .cut-lines,.ck-guide-surface .right-angle,.ck-guide-surface .turn-arrow{fill:none;stroke:var(--bloom-primary-dark);stroke-width:2}
.ck-guide-surface .right-angle{stroke-width:1.5}
.ck-guide-surface .centre-point{fill:var(--bloom-primary-dark)}
.ck-guide-surface .cut-piece{stroke:var(--bloom-primary-dark);stroke-width:1.5}
.ck-guide-surface .cut-piece{fill:var(--bloom-primary-light)}
.ck-guide-surface .sym-piece-label{font:700 14px sans-serif;text-anchor:middle;dominant-baseline:middle;fill:var(--bloom-primary-dark)}
.ck-guide-surface .turn-arrow{stroke:var(--bloom-amber-dark);stroke-width:3}
.ck-guide-surface .turn-label{font:700 18px sans-serif;fill:var(--bloom-amber-dark)}
.ck-guide-surface .sym-pair-table,.ck-guide-surface .sym-place-table{width:100%;border-collapse:collapse;font-size:17px}
.ck-guide-surface .sym-pair-table caption,.ck-guide-surface .sym-place-table caption{text-align:left;font-size:16px;line-height:1.5;margin-bottom:16px}
.ck-guide-surface .sym-pair-table td,.ck-guide-surface .sym-place-table th,.ck-guide-surface .sym-place-table td{padding:8px 5px;border-bottom:1px solid var(--bloom-grey-light);text-align:center}
.ck-guide-surface .sym-partner-list{display:grid;gap:14px}
.ck-guide-surface .sym-partner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.ck-guide-surface .sym-partner span{padding:16px;background:var(--bloom-white)}
.ck-guide-surface .pile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:14px 0}
.ck-guide-surface .pile-grid>div{text-align:center}
.ck-guide-surface .sym-counter-row{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:12px auto;max-width:170px}
.ck-guide-surface .sym-counter{width:15px;height:15px;border-radius:50%;background:var(--bloom-primary-dark);display:block;flex:0 0 auto}
.ck-guide-surface .sym-game-trail{display:grid;gap:24px}
.ck-guide-surface .pile-state>strong{display:block}
.ck-guide-surface .sym-factor-list{display:grid;gap:12px}
.ck-guide-surface .sym-factor-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px;background:var(--bloom-white)}
.ck-guide-surface .sym-factor-list span{font-size:16px}
.ck-guide-surface .sym-number-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ck-guide-surface .sym-number-list span{padding:16px;text-align:center;background:var(--bloom-white);font-size:24px;font-weight:650;color:var(--bloom-primary-dark)}
@media(max-width:560px){.ck-guide-surface .sym-partner{gap:8px;font-size:16px}
.ck-guide-surface .sym-partner span{padding:10px}
.ck-guide-surface .sym-factor-list>div{display:block}
.ck-guide-surface .sym-factor-list span{display:block;margin-top:8px}
.ck-guide-surface .sym-place-table{font-size:13px}
.ck-guide-surface .sym-place-table th,.ck-guide-surface .sym-place-table td{padding:8px 2px}
.ck-guide-surface .sym-number-list{grid-template-columns:repeat(2,1fr)}
.ck-guide-surface .sym-counter-row{gap:5px}
.ck-guide-surface .sym-counter{width:13px;height:13px}
.ck-guide-surface .pile-grid{gap:12px}
}

.ck-guide-surface .sym-tile-layout{display:block;max-width:100%;height:auto;margin-top:10px;fill:var(--bloom-primary-light);stroke:var(--bloom-primary-dark);stroke-width:.8}
.ck-guide-surface .sym-label-list{display:grid;gap:14px}
.ck-guide-surface .sym-label-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:center;text-align:center}
.ck-guide-surface .sym-label-pair span{display:block;padding:14px 10px;background:var(--bloom-white);font-size:24px;font-weight:650;color:var(--bloom-primary-dark);letter-spacing:.04em}
.ck-guide-surface .sym-end-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:17px}
.ck-guide-surface .sym-end-table caption{text-align:left;font-size:16px;line-height:1.5;margin-bottom:16px}
.ck-guide-surface .sym-end-table col:nth-child(1),.ck-guide-surface .sym-end-table col:nth-child(2){width:20%}
.ck-guide-surface .sym-end-table col:nth-child(3){width:38%}.ck-guide-surface .sym-end-table col:nth-child(4){width:22%}
.ck-guide-surface .sym-end-table th,.ck-guide-surface .sym-end-table td{padding:12px 8px;border-bottom:1px solid var(--bloom-grey-light);text-align:center;overflow-wrap:normal}
.ck-guide-surface .sym-subset-row{background:var(--bloom-primary-light)}