/* Same native card faces and dimensions as the approved homepage callouts. */
.llp-card {position:relative;display:inline-block;box-sizing:content-box;width:62px;height:90px;border:1px solid #c5d0e0;border-radius:5px;background:#f5f7fb;color:#14253a;box-shadow:0 3px 0 #080e18;font-family:Georgia,serif;overflow:hidden;vertical-align:middle;flex:0 0 auto}
.llp-card.red {color:#b3233a}
.llp-card .corner {position:absolute;left:6px;top:4px;font:18px/1 Georgia,serif;color:inherit}
.llp-card .corner small {display:block;font:15px/1 Georgia,serif;margin-top:2px;color:inherit}
.llp-card .corner.bottom {transform:rotate(180deg);left:auto;top:auto;right:6px;bottom:4px}
.llp-card .pip {position:absolute;inset:0;display:grid;place-items:center;font:32px/1 Georgia,serif;color:inherit}
.llp-card-example {display:flex;flex-wrap:wrap;align-items:flex-start;gap:28px 40px;margin:28px 0 32px;max-width:100%;padding:24px;background:var(--accent-pale,#142035);border:1px solid var(--line,#3b4d6b);border-radius:8px;box-sizing:border-box}
.llp-card-group {margin:0;min-width:0;max-width:100%;flex:0 1 auto}
.llp-group-label {display:block;text-align:left;font:700 13px/1.5 "Segoe UI",Arial,sans-serif;letter-spacing:.055em;color:var(--muted,#aab9d1);margin:0 0 12px;overflow-wrap:anywhere;max-width:32ch}
.llp-card-group[data-kind=hand] .llp-group-label {color:var(--accent-soft,#c8dbff)}
.llp-card-group[data-kind=board] .llp-group-label,.llp-card-group[data-kind=street] .llp-group-label {color:var(--ink,#edf3ff)}
.llp-cards {display:flex;flex-wrap:wrap;gap:7px;align-items:center;max-width:100%}
.llp-card-layout {display:flex;flex-wrap:wrap;gap:24px 40px;align-items:flex-start;max-width:100%;margin:24px 0 28px}
.llp-card-column {flex:0 1 auto;min-width:0;max-width:100%}
.llp-card-column>.llp-card-example {margin-top:12px}
.llp-card-row {display:flex;flex-wrap:wrap;gap:24px 40px;width:100%;align-items:flex-start}
.llp-card .corner small,.legacy-content .llp-card .corner small {font-size:12px!important}
.llp-card-slot {display:inline-block;box-sizing:border-box;flex:0 0 auto;width:64px;height:92px;border:1px dashed var(--line,#3b4d6b);border-radius:5px}
.llp-card.card-back {background:var(--button-bg,#3265ce)!important}
.dark-site .legacy-content .llp-card.card-back {background:var(--button-bg,#3265ce)!important}
.llp-card .back-pattern {position:absolute;inset:5px;border:1px solid #edf3ff;border-radius:3px;background:repeating-linear-gradient(45deg,transparent 0 4px,rgba(255,255,255,.45) 4px 5px)}
.legacy-content .llp-card,.legacy-content .llp-card .corner {font-family:Georgia,serif!important;margin:0}
.legacy-content .llp-card-example .llp-group-label {font:700 13px/1.5 "Segoe UI",Arial,sans-serif!important;margin:0 0 12px!important}
.legacy-content .llp-card .pip {font-size:32px!important;line-height:1!important}
.legacy-content .llp-card .corner {font-size:18px!important;line-height:1!important}
.legacy-content .llp-card .corner small {font-size:15px!important;line-height:1!important}
.study-card-wrap:has(.llp-card-example) {overflow:visible}
.study-card-wrap:not(:has(.llp-card-example)):has(.llp-card) {display:flex;gap:7px;flex-wrap:wrap;align-items:center;overflow:visible}
@media(max-width:700px){.llp-card-example{gap:24px 28px;padding:18px;margin:24px 0 28px}.llp-card{width:54px;height:80px}.llp-card-slot{width:56px;height:82px}.llp-cards{gap:5px}}
@media(max-width:360px){.llp-card-example{padding:14px}.llp-card-example .llp-card{width:50px;height:74px}.llp-card-example .llp-card-slot{width:52px;height:76px}.llp-card-example .llp-cards{gap:5px}}
@media(max-width:700px){.llp-card .pip,.legacy-content .llp-card .pip{font-size:20px!important}.llp-card .corner small,.legacy-content .llp-card .corner small{font-size:10px!important}}
.dark-site .legacy-content td[style*="background-color:#800"] {background:var(--accent-pale)!important;color:var(--ink)!important}

/* Nested panels follow established labels; color supplements their meaning. */
.llp-card-example>.llp-card-group {box-sizing:border-box;padding:12px;border:1px solid var(--line,#3b4d6b);border-radius:6px;background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#111925)}
.llp-card-example>.llp-card-group:nth-child(2n) {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 8%,#192b30)}
.llp-card-example>.llp-card-group[data-group=hand] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 8%,#182039)}
.llp-card-example>.llp-card-group[data-group=flop] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#182c2a)}
.llp-card-example>.llp-card-group[data-group=turn],.llp-card-example>.llp-card-group[data-group=fourth] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#30291b)}
.llp-card-example>.llp-card-group[data-group=river] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#302033)}
.llp-card-example>.llp-card-group[data-group=sixth] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#253024)}
.llp-card-example>.llp-card-group[data-group=hand]:nth-child(2n) {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#243029)}
.llp-card-example>.llp-card-group[data-group=up] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#182c2a)}
.llp-card-example>.llp-card-group[data-group=fifth] {background:color-mix(in srgb,var(--accent-soft,#c8dbff) 7%,#1c293b)}
@media(max-width:700px){.llp-card-example>.llp-card-group{padding:10px}}
@media(max-width:360px){.llp-card-example>.llp-card-group{padding:8px}}

/* Tinted borders now separate groups; compact gaps favor a complete row. */
.llp-card-example {gap:8px;padding:16px}
.llp-card-example>.llp-card-group {padding:8px;min-width:0}
.llp-card-layout,.llp-card-row {gap:10px}
.legacy-content .llp-card-example .llp-group-label {margin-bottom:8px!important}
@media(max-width:700px){.llp-card-example{gap:6px;padding:12px}.llp-card-example>.llp-card-group{padding:6px}}