.hand-diagram{margin:24px 0;padding:24px;background:#eef2eb;border:1px solid #ccd6ca;border-radius:8px}
.hand-diagram figcaption{font-weight:700;font-size:17px;line-height:1.7;color:#123c30}
.guide-page .diagram-key{font-size:13px;color:#506458;margin:10px 0 20px}
.hand-groups{display:flex;flex-wrap:wrap;align-items:flex-start;gap:18px 14px}
.tile-group{display:flex;flex-direction:column;align-items:center;gap:9px;max-width:100%}
.tile-strip{display:flex;align-items:flex-end;gap:1px;flex-wrap:nowrap}
.tile-strip img{display:block;width:clamp(28px,4.4vw,42px);height:auto;aspect-ratio:3/4}
.tile-label{font-size:12px;line-height:1.5;color:#405c4c;text-align:center;max-width:180px}
.tile-group-win .tile-strip{outline:2px solid #9c751f;outline-offset:3px;border-radius:3px}
.tile-group-win .tile-label{font-weight:700;color:#6e5011}
.tile-plus{font-size:22px;line-height:2.4;color:#526f5c;align-self:flex-start}
.win-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0}
.win-outcome{padding:24px;border:1px solid #b7cdb8;border-top:4px solid #426e50;border-radius:4px}
.win-outcome-ron{border-color:#d8c5ad;border-top-color:#986b36}
.guide-page .outcome-label{margin:0 0 16px;font-size:14px;font-weight:700;letter-spacing:.06em}
.win-outcome .tile-group{align-items:flex-start}
.win-outcome h4{font-size:18px;line-height:1.7;margin:20px 0 10px}
.win-outcome p:last-child{font-size:15px;line-height:1.9;margin-bottom:0}
.wait-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.wait-example{padding:22px;border:1px solid #d5ded0;border-radius:4px;min-width:0}
.guide-page .wait-example h3{margin:0 0 22px;font-size:18px;line-height:1.7}
.wait-example .hand-groups{gap:14px 12px}
.wait-example .tile-strip img{width:30px}
.wait-example p{font-size:14px;line-height:1.9;margin-bottom:0}
.fu-tag{display:inline-block;margin-left:8px;font-size:14px;color:#28543c;background:#edf3e9;padding:2px 9px;border-radius:4px;white-space:nowrap}
.fu-example{margin:38px 0 0;padding-bottom:24px;border-bottom:1px solid #d5ded0}
.guide-page .fu-equation{padding:18px 22px;margin:20px 0;background:#f6f1e5;font-size:18px;line-height:1.9;border-left:3px solid #9c751f}
.fu-equation strong{color:#634c15;white-space:nowrap}
.guide-page .fine{font-size:13px;line-height:1.9;color:#5d6d62}
@media(max-width:600px){.hand-diagram{padding:18px 14px}.hand-diagram figcaption{font-size:16px}.hand-groups{gap:18px 12px}.tile-strip img{width:34px}.win-comparison,.wait-grid{grid-template-columns:1fr}.win-outcome,.wait-example{padding:20px}.guide-page .fu-equation{padding:16px;font-size:16px}.tile-plus{line-height:2}.tile-label{font-size:12px}.fu-guide table{min-width:460px}}

.hand-win{display:flex;align-items:flex-start;gap:12px;max-width:100%}

/* Called tiles keep their place in the row when rotated or stacked. */
.meld-tiles{--meld-width:30px;--meld-height:40px;display:flex;align-items:flex-end;gap:1px;flex-wrap:nowrap}
.meld-tiles img{display:block;width:var(--meld-width);height:var(--meld-height);max-width:none;flex:none}
.meld-sideways{position:relative;display:block;flex:none;width:var(--meld-height);height:var(--meld-width)}
.meld-sideways img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}
.meld-stack{display:flex;flex-direction:column;gap:1px;flex:none}
.meld-category{font-size:12px;font-weight:700;line-height:1.5;color:#506458}
.meld-example .hand-groups{align-items:flex-end;gap:20px 24px}
.meld-example .tile-group{gap:12px}
.meld-example .tile-label{font-size:14px}
.meld-example .tile-label strong{color:#123c30}
.meld-grid .meld-example:last-child{grid-column:1/-1}