/* Best Practice showcase: shared typography, no global overrides. */
.lm-bp-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:12px 22px}
.lm-bp-item{display:flex;align-items:flex-start;gap:15px;padding:14px;border:1px solid #dce7f2;border-radius:16px;background:#fff;text-decoration:none;color:inherit;min-width:0;transition:background .2s,border-color .2s,box-shadow .2s}
.lm-bp-item:hover,.lm-bp-item:focus-visible{background:#f0f7ff;border-color:#a3c7e8;box-shadow:0 5px 16px rgba(19,66,113,.08)}
.lm-bp-cover{width:76px;height:103px;object-fit:contain;flex:none;background:#f6f8fb;border-radius:8px}
.lm-bp-content{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.lm-bp-title{font-size:.98rem;font-weight:500;line-height:1.65;color:#163e70;overflow-wrap:anywhere}
.lm-bp-meta{font-size:.86rem;line-height:1.55;color:#5a6c7f;overflow-wrap:anywhere}
.lm-bp-meta b{font-weight:600}
.lm-bp-read{font-size:.85rem;color:#1a5899;font-weight:600;margin-top:3px}
.lm-bp-more{text-align:center;margin-top:23px}
.lm-bp-more a{display:inline-block;padding:10px 20px;border-radius:999px;background:#e8f1fb;color:#14538f;font-weight:600;text-decoration:none}
.lm-bp-more a:hover,.lm-bp-more a:focus-visible{background:#185a98;color:#fff}
@media(max-width:800px){.lm-bp-list{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}}
@media(max-width:480px){.lm-bp-item{gap:12px;padding:12px}.lm-bp-cover{width:64px;height:90px}.lm-bp-title{font-size:.94rem}}

/* Compact read/view metadata shared with the Best Practice library. */
.lm-bp-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:auto}
.lm-bp-views{display:inline-flex;align-items:center;gap:5px;color:#56748d;font-size:.79rem;white-space:nowrap;font-variant-numeric:tabular-nums}