/* LWT Study Books – same look as the music lists: gold icon, Source Sans 3 16px navy, 1px #E5E7EB dividers.
   Hover colour is the site teal #1F6F8B (gold text on white fails WCAG contrast). */

.lwt-lib-section { margin: 0 0 48px; }
.lwt-lib-section:last-child { margin-bottom: 0; }
.lwt-library .lwt-lib-heading { margin: 0 0 16px; font-family: Montserrat, sans-serif; font-size: 32px; font-weight: 700; line-height: 1.2; color: #0E2433; }
@media (max-width: 767px) { .lwt-library .lwt-lib-heading { font-size: 26px; } }

.lwt-lib-list { list-style: none; margin: 0; padding: 0; font-family: "Source Sans 3", sans-serif; }
.lwt-lib-item { position: relative; display: flex; align-items: center; gap: 12px; margin: 0; padding: 5px 0 5px 25px; border-bottom: 1px solid #E5E7EB; line-height: 1.6; }
.lwt-lib-item:last-child { border-bottom: 0; }
.lwt-lib-item::before {
	content: ""; position: absolute; left: 0; top: 50%; width: 15px; height: 15px; margin-top: -7.5px; background: #C8A24A;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20384%20512%27%3E%3Cpath%20d%3D%27M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
	        mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20384%20512%27%3E%3Cpath%20d%3D%27M181.9%20256.1c-5-16-4.9-46.9-2-46.9%208.4%200%207.6%2036.9%202%2046.9zm-1.7%2047.2c-7.7%2020.2-17.3%2043.3-28.4%2062.7%2018.3-7%2039-17.2%2062.9-21.9-12.7-9.6-24.9-23.4-34.5-40.8zM86.1%20428.1c0%20.8%2013.2-5.4%2034.9-40.2-6.7%206.3-29.1%2024.5-34.9%2040.2zM248%20160h136v328c0%2013.3-10.7%2024-24%2024H24c-13.3%200-24-10.7-24-24V24C0%2010.7%2010.7%200%2024%200h200v136c0%2013.2%2010.8%2024%2024%2024zm-8%20171.8c-20-12.2-33.3-29-42.7-53.8%204.5-18.5%2011.6-46.6%206.2-64.2-4.7-29.4-42.4-26.5-47.8-6.8-5%2018.3-.4%2044.1%208.1%2077-11.6%2027.6-28.7%2064.6-40.8%2085.8-.1%200-.1.1-.2.1-27.1%2013.9-73.6%2044.5-54.5%2068%205.6%206.9%2016%2010%2021.5%2010%2017.9%200%2035.7-18%2061.1-61.8%2025.8-8.5%2054.1-19.1%2079-23.2%2021.7%2011.8%2047.1%2019.5%2064%2019.5%2029.2%200%2031.2-32%2019.7-43.4-13.9-13.6-54.3-9.7-73.6-7.2zM377%20105L279%207c-4.5-4.5-10.6-7-17-7h-6v128h128v-6.1c0-6.3-2.5-12.4-7-16.9zm-74.1%20255.3c4.1-2.7-2.5-11.9-42.8-9%2037.1%2015.8%2042.8%209%2042.8%209z%27%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}
.lwt-lib-title { flex: 1 1 auto; min-width: 0; font-size: 16px; color: #0E2433 !important; text-decoration: none !important; }
.lwt-lib-title:hover, .lwt-lib-title:focus-visible { color: #1F6F8B !important; text-decoration: underline !important; }
.lwt-lib-new { flex: 0 0 auto; padding: 0 8px; border-radius: 3px; background: #0E2433; color: #fff; font: 700 11px/1.8 "Source Sans 3", sans-serif; letter-spacing: .04em; text-transform: uppercase; }
.lwt-lib-size { flex: 0 0 auto; font: 400 14px/1.6 "Source Sans 3", sans-serif; color: #4B5563; white-space: nowrap; }

.lwt-lib-dl { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border: 2px solid #1F6F8B; border-radius: 5px; background: #fff; color: #1F6F8B !important; font: 600 13px/1.4 "Source Sans 3", sans-serif; text-decoration: none !important; white-space: nowrap; }
.lwt-lib-dl:hover, .lwt-lib-dl:focus-visible { background: #1F6F8B; color: #fff !important; }
.lwt-lib-dl svg { width: 13px; height: 13px; fill: currentColor; }

@media (max-width: 480px) {
	.lwt-lib-size { display: none; }
	.lwt-lib-dl { padding: 4px 8px; }
	.lwt-lib-dl span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
}

/* ---------- Transcript bar on sermon pages ---------- */
.lwt-transcript { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 0 0 24px; padding: 12px 16px; border: 1px solid #E5E7EB; border-left: 4px solid #C8A24A; border-radius: 4px; background: #fff; font-family: "Source Sans 3", sans-serif; }
.lwt-transcript-label { font: 700 13px/1.4 "Source Sans 3", sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #0E2433; }
.lwt-transcript .lwt-lib-title { flex: 1 1 auto; text-decoration: underline !important; color: #1F6F8B !important; }

/* ---------- Sermon series cards [lwt_series_index] ---------- */
.lwt-series-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
@media (max-width: 1024px) { .lwt-series-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px)  { .lwt-series-grid { grid-template-columns: 1fr; } }
.lwt-series-card { margin: 0; padding: 0; }
.lwt-series-card a { display: flex; flex-direction: column; gap: 6px; height: 100%; box-sizing: border-box; padding: 18px 20px; border: 1px solid #E5E7EB; border-top: 3px solid #C8A24A; border-radius: 6px; background: #fff; text-decoration: none !important; transition: border-color .2s, box-shadow .2s; }
.lwt-series-card a:hover, .lwt-series-card a:focus-visible { border-color: #1F6F8B; box-shadow: 0 4px 14px rgba(14, 36, 51, .08); }
.lwt-series-card a:focus-visible { outline: 2px solid #1F6F8B; outline-offset: 2px; }
.lwt-series-title { font: 700 17px/1.3 Montserrat, sans-serif; color: #0E2433; }
.lwt-series-meta { font: 400 14px/1.5 "Source Sans 3", sans-serif; color: #4B5563; }
.lwt-series-go { margin-top: auto; padding-top: 6px; font: 600 13px/1.4 "Source Sans 3", sans-serif; color: #1F6F8B; }
.lwt-series-card a:hover .lwt-series-go { text-decoration: underline; }
.lwt-series-missing { padding: 12px; border: 1px dashed #b32d2e; color: #b32d2e; font-size: 13px; }