.ck-guide-surface{--bloom-grey-bg:#f5f9fd;--bloom-grey-light:#e9ecef;--bloom-primary:#026b7e;--bloom-primary-dark:#01505f;--bloom-primary-light:#ddf7f9;--bloom-text-secondary:#57637b;--bloom-white:#ffffff}
.ck-guide-surface .pair-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ck-guide-surface .pair-card{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:15px;background:var(--bloom-grey-bg);min-width:0}.ck-guide-surface .pair-number{font-size:13px;color:var(--bloom-text-secondary);flex-basis:100%}.ck-guide-surface .plant-chip{display:inline-flex;align-items:center;gap:7px;font-size:16px;line-height:1.6;white-space:nowrap}.ck-guide-surface .plant-mark{display:inline-block;width:15px;height:19px;background:var(--plant-color,var(--bloom-primary));border-radius:65% 10% 65% 10%;border:1px solid #0002;flex-shrink:0}.ck-guide-surface .plant-basil{--plant-color:#06785f}.ck-guide-surface .plant-bean{--plant-color:#b7652b}.ck-guide-surface .plant-marigold{--plant-color:#e27b13}.ck-guide-surface .plant-sunflower{--plant-color:#c8a30a}.ck-guide-surface .pair-plus{font-size:15px;color:var(--bloom-text-secondary)}.ck-guide-surface .pair-group{padding:18px 0;border-bottom:1px solid var(--bloom-grey-light)}.ck-guide-surface .pair-group>p{margin:0 0 12px;display:flex;gap:18px;justify-content:space-between;font-size:17px}.ck-guide-surface .pair-group>p>span{color:var(--bloom-text-secondary)}.ck-guide-surface .pair-matrix{border-collapse:collapse;width:100%;max-width:550px;margin:22px auto;font-size:21px;text-align:center;table-layout:fixed}.ck-guide-surface .pair-matrix caption{font-size:16px;text-align:left;margin-bottom:14px;color:var(--bloom-text-secondary)}.ck-guide-surface .pair-matrix th,.ck-guide-surface .pair-matrix td{padding:18px 8px;border:3px solid var(--bloom-white)}.ck-guide-surface .pair-matrix th{font-size:17px;background:var(--bloom-grey-bg)}.ck-guide-surface .pair-matrix abbr{text-decoration:none}.ck-guide-surface .matrix-keep{color:var(--bloom-primary-dark);background:var(--bloom-primary-light);font-weight:700}.ck-guide-surface .matrix-repeat,.ck-guide-surface .matrix-same{color:var(--bloom-text-secondary);background:var(--bloom-grey-bg)}.ck-guide-surface .matrix-legend{display:flex;flex-wrap:wrap;gap:12px 24px;font-size:15px}.ck-guide-surface .matrix-legend>span{display:flex;align-items:center;gap:7px}.ck-guide-surface .matrix-legend>span>strong{min-width:22px}.ck-guide-surface .ordered-examples{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ck-guide-surface .pot-display{display:grid;grid-template-columns:1fr 1fr;gap:15px;background:var(--bloom-grey-bg);padding:22px}.ck-guide-surface .display-pot{display:flex;flex-direction:column;gap:12px;align-items:center;background:var(--bloom-white);padding:16px 6px;border-bottom:12px solid #bc825a;border-radius:4px 4px 18px 18px}.ck-guide-surface .display-pot>span:first-child{font-size:14px;color:var(--bloom-text-secondary)}.ck-guide-surface .system-steps{padding-left:26px;max-width:900px}.ck-guide-surface .system-steps li{padding-left:6px;margin-bottom:18px}.ck-guide-surface .packet-legend{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:24px}.ck-guide-surface .kit-group{margin:20px 0;padding:18px;background:var(--bloom-grey-bg)}.ck-guide-surface .kit-heading{font-size:17px;margin-bottom:14px;display:flex;gap:10px}.ck-guide-surface .kit-heading>span{margin-left:auto;color:var(--bloom-text-secondary)}.ck-guide-surface .kit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ck-guide-surface .kit-card{padding:16px;background:var(--bloom-white)}.ck-guide-surface .kit-card p{font-size:15px;margin:12px 0 0;line-height:1.6}.ck-guide-surface .packet-strip{display:flex;gap:5px}.ck-guide-surface .packet{display:block;width:26px;max-width:14%;height:37px;border-radius:3px;border-top:7px solid #ffffff55;background:var(--plant-color);box-shadow:inset 0 0 0 1px #0002}.ck-guide-surface .stamp-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ck-guide-surface .stamp-card{font-size:17px;line-height:1.6;padding:14px;background:var(--bloom-grey-bg)}.ck-guide-surface .stamp-card>span{color:var(--bloom-text-secondary);padding:0 6px}.ck-guide-surface .tray-key{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin:12px 0 24px}.ck-guide-surface .tray-key>div{font-size:15px;text-align:center}.ck-guide-surface .seedling-tray{display:flex;gap:7px;background:#d6e9db;border:2px solid #53785b;border-bottom:7px solid #53785b;border-radius:5px;padding:8px 12px;margin-bottom:9px}.ck-guide-surface .seedling{font-size:26px;font-weight:700;color:#155d38;line-height:1.1}.ck-guide-surface .tray-mix-table{width:100%;border-collapse:collapse;line-height:1.6;font-size:18px}.ck-guide-surface .tray-mix-table caption{text-align:left;font-size:16px;color:var(--bloom-text-secondary);margin-bottom:15px}.ck-guide-surface .tray-mix-table th,.ck-guide-surface .tray-mix-table td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--bloom-grey-light)}.ck-guide-surface .tray-mix-table th{background:var(--bloom-grey-bg)}.ck-guide-surface .tray-mix-table td:first-child,.ck-guide-surface .tray-mix-table td:nth-child(2){color:var(--bloom-primary-dark);font-weight:650}.ck-guide-surface .responsive-cases tbody th{font-weight:650}
@media(max-width:800px){.ck-guide-surface .pair-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-guide-surface .ordered-examples{grid-template-columns:1fr}.ck-guide-surface .pot-display{max-width:460px;width:100%;margin:auto}.ck-guide-surface .pair-card{padding:13px}.ck-guide-surface .plant-chip{font-size:15px}}
@media(max-width:560px){.ck-guide-surface .pair-cards{grid-template-columns:1fr}.ck-guide-surface .pair-card{padding:13px 16px}.ck-guide-surface .pair-number{flex-basis:auto;min-width:14px}.ck-guide-surface .plant-chip{font-size:15px}.ck-guide-surface .pair-group>p{font-size:16px}.ck-guide-surface .pair-matrix{font-size:19px}.ck-guide-surface .pair-matrix th,.ck-guide-surface .pair-matrix td{padding:15px 5px}.ck-guide-surface .matrix-legend{gap:10px 16px}.ck-guide-surface .matrix-legend .plant-chip{font-size:14px}.ck-guide-surface .kit-group{padding:14px}.ck-guide-surface .kit-cards{grid-template-columns:1fr}.ck-guide-surface .stamp-cards{grid-template-columns:1fr}.ck-guide-surface .tray-mix-table{font-size:15px}.ck-guide-surface .tray-mix-table th,.ck-guide-surface .tray-mix-table td{padding:12px 7px}.ck-guide-surface .tray-mix-table th:first-child,.ck-guide-surface .tray-mix-table th:nth-child(2){width:22%}.ck-guide-surface .responsive-cases thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.ck-guide-surface .responsive-cases,.ck-guide-surface .responsive-cases tbody,.ck-guide-surface .responsive-cases tr,.ck-guide-surface .responsive-cases td,.ck-guide-surface .responsive-cases tbody th{display:block;width:100%}.ck-guide-surface .responsive-cases tr{border:1px solid var(--bloom-grey-light);margin-bottom:16px;background:var(--bloom-white)}.ck-guide-surface .responsive-cases tbody th{background:var(--bloom-primary-light);font-size:16px;padding:12px 15px}.ck-guide-surface .responsive-cases tbody th::before{content:'Large trays: ';font-weight:400}.ck-guide-surface .responsive-cases td{font-size:16px;padding:12px 15px}.ck-guide-surface .responsive-cases td::before{content:attr(data-label);display:block;font-size:13px;color:var(--bloom-text-secondary);font-weight:650;margin-bottom:5px}.ck-guide-surface .responsive-cases tr[data-admissible=true] td{background:#f3fbfb}.ck-guide-surface .tray-key{gap:18px}.ck-guide-surface .seedling-tray{gap:5px;padding:7px}.ck-guide-surface .seedling{font-size:24px}}
.ck-guide-surface .matrix-repeat{font-size:14px}.ck-guide-surface .seedling{position:relative;display:block;width:15px;height:28px;font-size:0;border-left:2px solid #155d38;margin-left:7px;transform:translateY(2px)}.ck-guide-surface .seedling::before,.ck-guide-surface .seedling::after{content:'';position:absolute;width:10px;height:7px;background:#31884c;border-radius:65% 10% 65% 10%;top:6px;left:-11px}.ck-guide-surface .seedling::after{left:0;top:1px;transform:scaleX(-1)}
@media(max-width:560px){.ck-guide-surface .responsive-cases caption{display:block;width:100%}.ck-guide-surface .responsive-cases.case-table tbody th,.ck-guide-surface .responsive-cases.case-table tbody td{width:100%}.ck-guide-surface .matrix-repeat{font-size:12px}}

.ck-guide-surface .tray-mix-table .pattern-gap td{font-size:15px;color:var(--bloom-text-secondary);background:var(--bloom-grey-bg);font-weight:400}.ck-guide-surface .replacement-model{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px}.ck-guide-surface .replacement-model>div{font-size:15px;text-align:center}.ck-guide-surface .replacement-arrow{display:flex;flex-direction:column;gap:5px;color:var(--bloom-primary-dark)}.ck-guide-surface .replacement-arrow strong{font-size:32px;line-height:1}.ck-guide-surface .replacement-arrow span{font-size:13px}.ck-guide-surface .replacement-arrow b{font-size:16px}
@media(max-width:560px){.ck-guide-surface .replacement-model{gap:14px}.ck-guide-surface .replacement-model .seedling-tray{gap:3px}.ck-guide-surface .tray-mix-table .pattern-gap td{font-size:14px}}

@media(max-width:560px){.ck-guide-surface .replacement-model{flex-direction:column;gap:16px}.ck-guide-surface .replacement-arrow strong{transform:rotate(90deg)}}

/* Keep the same three quantity columns legible inside a narrow answer panel. */
.ck-guide-surface .tray-mix-table{table-layout:fixed}
@media(max-width:560px){.ck-guide-surface .tray-mix-table th{font-size:14px}.ck-guide-surface .tray-mix-table th:first-child,.ck-guide-surface .tray-mix-table th:nth-child(2){width:25%}}

.ck-guide-surface .ol-reverse-chain{grid-template-columns:1fr .65fr 1fr .65fr 1fr}

@media(max-width:800px){.ck-guide-surface .ol-reverse-chain .seed-action{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.ck-guide-surface .ol-reverse-chain .vertical-seed-arrow{grid-column:1/-1;text-align:center}}