/* Areas overview and article alternatives; no global layout overrides. */
.ll-v2 .ll-v2-component:has(> .ll-v2-practices) {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
.ll-v2 .ll-v2-practices { color: #000; }
.ll-v2 .ll-v2-practices__hero {
    display: grid;
    grid-template-rows: 3fr 1fr 3fr 3fr;
    height: 34rem;
    background: #f5f7f7 url("../images/practices-hero.jpg") center / cover no-repeat;
    text-align: center;
}
.ll-v2 .ll-v2-practices__hero-title {
    grid-row: 3;
    align-self: start;
    justify-self: center;
    width: min(100% - 2rem, 40rem);
    margin: 0;
    color: #000;
    font: 400 3.5rem/3.8rem "CynthoSlabPro-Regular", Georgia, serif;
}
.ll-v2 .ll-v2-practices__hero-title a { color: inherit; text-decoration: none; }
.ll-v2 .ll-v2-practices__cards {
    position: relative;
    width: min(100% - 40px, 1040px);
    margin: -40px auto 100px;
}
.ll-v2 .ll-v2-practices__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: minmax(240px, auto);
    margin: 0;
    padding: 0;
    list-style: none;
    box-shadow: 4px 15px 35px rgb(85 55 69 / 33%);
}
.ll-v2 .ll-v2-practices__grid > li { min-width: 0; margin: 0; padding: 0; }
.ll-v2 .ll-v2-practices__card {
    display: grid;
    grid-template-rows: minmax(0, 0.5fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 0.5fr);
    align-items: center;
    justify-items: center;
    width: 100%;
    height: 100%;
    min-height: 240px;
    border: 1px solid #553745;
    background: #fff;
    color: #553745;
    font: 400 24px/32px "CynthoSlabPro-Regular", Georgia, serif;
    text-align: center;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.ll-v2 .ll-v2-practices__card:hover { background: #faf7f8; color: #553745; text-decoration: none; }
.ll-v2 .ll-v2-practices__card:focus-visible { position: relative; z-index: 1; outline-offset: -4px; }
.ll-v2 .ll-v2-practices__card img {
    grid-row: 2;
    align-self: end;
    max-width: 84px;
    max-height: 81px;
    width: auto;
    height: auto;
}
.ll-v2 .ll-v2-practices__card span {
    display: grid;
    grid-row: 3;
    align-self: stretch;
    align-items: center;
    max-width: 100%;
    padding: 0.3rem 0.7rem;
}
.ll-v2 .ll-v2-practices__reading {
    width: min(100% - 40px, 52rem);
    margin: 3rem auto 5rem;
    padding: 3rem;
    border-top: 2px solid #553745;
    background: #fff;
}
.ll-v2 .ll-v2-practices__article-title {
    margin: 0 0 2rem;
    color: #553745;
    font: 400 32px/44px "CynthoSlabPro-Regular", Georgia, serif;
    overflow-wrap: anywhere;
}
.ll-v2 .ll-v2-practices__prose {
    color: #000;
    font: 400 17px/28px "Source Sans Pro", Arial, sans-serif;
    letter-spacing: 0.2px;
    text-align: left;
    overflow-wrap: anywhere;
}
.ll-v2 .ll-v2-practices__prose p {
    margin: 0 0 1.25rem;
    /* Older articles contain align="justify"; retain their copy, not that layout. */
    text-align: left;
}
.ll-v2 .ll-v2-practices__prose p:last-child { margin-bottom: 0; }
.ll-v2 .ll-v2-practices__prose :is(ul, ol) { margin-block: 1rem; padding-left: 1.5rem; }
.ll-v2 .ll-v2-practices__prose img { max-width: 100%; height: auto; }
.ll-v2 .ll-v2-practices__back {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    max-width: 100%;
    margin-top: 2rem;
    color: var(--ll-v2-link);
    font: 700 12px/20px "ZonaPro-Bold", Arial, sans-serif;
    letter-spacing: 1px;
    overflow-wrap: anywhere;
}
.ll-v2 .ll-v2-practices__notice { width: min(100% - 40px, 52rem); margin: 3rem auto; }
@media (max-width: 1080px) {
    .ll-v2 .ll-v2-practices__hero { height: 24rem; }
    .ll-v2 .ll-v2-practices__hero-title { width: min(100% - 2rem, 35rem); font-size: 3rem; line-height: 3.3rem; }
    .ll-v2 .ll-v2-practices__cards { margin-top: 0; }
    .ll-v2 .ll-v2-practices__grid { grid-auto-rows: minmax(190px, auto); }
    .ll-v2 .ll-v2-practices__card { min-height: 190px; font-size: 20px; line-height: 28px; }
    .ll-v2 .ll-v2-practices__card img { max-width: 64px; max-height: 64px; }
}
@media (max-width: 720px) {
    .ll-v2 .ll-v2-practices__hero { height: 12rem; grid-template-rows: 2fr 1fr 3fr 1.5fr; }
    .ll-v2 .ll-v2-practices__hero-title { width: min(100% - 2rem, 23rem); font-size: 2rem; line-height: 2.3rem; }
    .ll-v2 .ll-v2-practices__cards { width: 100%; margin: 0 auto 72px; }
    .ll-v2 .ll-v2-practices__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(80px, auto); }
    .ll-v2 .ll-v2-practices__card {
        min-height: 80px;
        grid-template-columns: 35% minmax(0, 65%);
        grid-template-rows: minmax(0, 1fr);
        font-size: clamp(13px, 3.5vw, 20px);
        line-height: 22px;
    }
    .ll-v2 .ll-v2-practices__card img { grid-row: 1; grid-column: 1; align-self: center; max-width: 10vw; max-height: 64px; }
    .ll-v2 .ll-v2-practices__card span { grid-row: 1; grid-column: 2; padding-inline: 0.4rem; }
    .ll-v2 .ll-v2-practices__reading { margin-block: 2rem 3rem; padding: 1.25rem; }
    .ll-v2 .ll-v2-practices__article-title { font-size: 26px; line-height: 36px; margin-bottom: 1.5rem; }
}
@media (max-width: 25rem) {
    .ll-v2 .ll-v2-practices__hero { grid-template-rows: 2fr 1fr 3fr 1.3fr; }
    .ll-v2 .ll-v2-practices__hero-title { width: min(100% - 2rem, 18rem); font-size: 1.6rem; line-height: 1.9rem; }
}
@media (max-width: 22rem) {
    .ll-v2 .ll-v2-practices__hero-title { width: min(100% - 2rem, 15rem); font-size: 1.4rem; line-height: 1.8rem; }
    .ll-v2 .ll-v2-practices__reading { width: calc(100% - 24px); }
    .ll-v2 .ll-v2-practices__card span { padding-inline: 0.4rem; }
}