/* =========================================================
   THE TRUE CHURCH OF JESUS CHRIST
   STUDY LIBRARY V1.5 — SEO-FIRST STATIC HTML
   Shared website presentation for /study-library
   ========================================================= */

#tcjc-study-library-v1,
#tcjc-study-library-v1 * { box-sizing: border-box; }

#tcjc-study-library-v1 {
  --sl-blue: #4f96bd;
  --sl-blue-deep: #367da3;
  --sl-ink: #18333f;
  --sl-copy: #52666f;
  --sl-muted: #7d898f;
  --sl-page: #f4f2ee;
  position: relative;
  left: 50%;
  width: 100vw;
  max-width: none;
  margin-left: -50vw;
  overflow: hidden;
  background: var(--sl-page);
  color: var(--sl-ink);
  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.tcjc-sl1-shell { width: min(1720px,calc(100% - 32px)); margin: 0 auto; padding: 30px 0 60px; }
.tcjc-sl1-glass { border: 1px solid rgba(255,255,255,.82); background: rgba(237,240,241,.48); -webkit-backdrop-filter: blur(22px) saturate(112%); backdrop-filter: blur(22px) saturate(112%); box-shadow: 0 18px 48px rgba(31,45,52,.08), inset 0 1px 0 rgba(255,255,255,.72); }
.tcjc-sl1-intro { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(280px,.8fr); gap: 18px; align-items: stretch; margin-bottom: 18px; }
.tcjc-sl1-heading,.tcjc-sl1-start { min-height: 250px; padding: clamp(28px,4vw,50px); border-radius: 27px; }
.tcjc-sl1-heading { display: flex; flex-direction: column; justify-content: center; }
.tcjc-sl1-start { display: flex; flex-direction: column; justify-content: space-between; }
.tcjc-sl1-kicker,.tcjc-sl1-label { margin: 0 0 9px!important; color: var(--sl-blue-deep)!important; font-size: 10.5px!important; line-height: 1!important; font-weight: 850!important; letter-spacing: .15em!important; text-transform: uppercase; }
.tcjc-sl1-heading h1 { margin: 0!important; color: var(--sl-ink)!important; font: 850 clamp(40px,5.6vw,70px)/.98 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing: -.052em!important; }
.tcjc-sl1-heading p { max-width: 800px; margin: 18px 0 0!important; color: var(--sl-copy)!important; font-size: clamp(15px,1.5vw,18px)!important; line-height: 1.58!important; }
.tcjc-sl1-start h2 { margin: 0!important; color: var(--sl-ink)!important; font: 830 clamp(24px,3vw,33px)/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing: -.035em!important; }
.tcjc-sl1-start p { margin: 11px 0 0!important; color: var(--sl-copy)!important; line-height: 1.56!important; font-size: 14px!important; }
.tcjc-sl1-start-links { display: grid; gap: 8px; margin-top: 21px; }
.tcjc-sl1-start-links a { min-height: 46px; padding: 0 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 1px solid rgba(79,150,189,.18); border-radius: 12px; background: rgba(255,255,255,.42); color: var(--sl-blue-deep)!important; text-decoration: none!important; font-size: 13px!important; font-weight: 800!important; }

.tcjc-sl1-toolbar { position: sticky; top: 12px; z-index: 5; margin-bottom: 18px; padding: 12px; border-radius: 19px; }
.tcjc-sl1-toolbar-inner { display: flex; gap: 9px; align-items: center; }
.tcjc-sl1-search { flex: 1 1 360px; min-width: 0; height: 48px; padding: 0 16px; border: 1px solid rgba(39,57,66,.12)!important; border-radius: 13px!important; outline: 0; background: rgba(255,255,255,.68)!important; color: var(--sl-ink)!important; font: 650 14px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; box-shadow: none!important; }
.tcjc-sl1-search:focus { border-color: rgba(79,150,189,.55)!important; }
.tcjc-sl1-topics { display: flex!important; align-items: center!important; gap: 8px!important; overflow-x: auto; scrollbar-width: none; padding: 1px 0; }
.tcjc-sl1-topics::-webkit-scrollbar { display: none; }
#tcjc-study-library-v1 .tcjc-sl1-topic { appearance: none!important; -webkit-appearance: none!important; flex: 0 0 auto!important; height: 48px!important; min-height: 48px!important; margin: 0!important; padding: 0 16px!important; display: grid!important; place-items: center!important; border: 1px solid rgba(79,150,189,.16)!important; border-radius: 12px!important; background: rgba(255,255,255,.42)!important; color: var(--sl-blue-deep)!important; text-decoration: none!important; cursor: pointer!important; user-select: none!important; -webkit-user-select: none!important; box-shadow: none!important; }
#tcjc-study-library-v1 .tcjc-sl1-topic-text { display: block!important; margin: 0!important; padding: 0!important; color: inherit!important; font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important; font-size: 12px!important; font-style: normal!important; font-weight: 800!important; line-height: 1!important; letter-spacing: 0!important; text-align: center!important; text-transform: none!important; white-space: nowrap!important; }
#tcjc-study-library-v1 .tcjc-sl1-topic[aria-pressed="true"] { border-color: var(--sl-blue)!important; background: var(--sl-blue)!important; color: #fff!important; }
#tcjc-study-library-v1 .tcjc-sl1-topic:focus-visible { outline: 2px solid rgba(79,150,189,.42)!important; outline-offset: 2px!important; }

.tcjc-sl1-section { margin-top: 18px; }
.tcjc-sl1-section-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin: 0 4px 12px; }
.tcjc-sl1-section-head h2 { margin: 0!important; color: var(--sl-ink)!important; font: 840 clamp(26px,3.2vw,40px)/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing: -.04em!important; }
.tcjc-sl1-section-head p { max-width: 620px; margin: 0!important; color: var(--sl-muted)!important; font-size: 13px!important; line-height: 1.5!important; text-align: right; }
.tcjc-sl1-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.tcjc-sl1-card { min-width: 0; min-height: 230px; padding: 21px; border-radius: 21px; display: flex; flex-direction: column; text-decoration: none!important; transition: transform .14s ease,border-color .14s ease,background-color .14s ease; }
.tcjc-sl1-card:hover,.tcjc-sl1-card:focus-visible { transform: translateY(-2px); border-color: rgba(79,150,189,.32); background: rgba(244,246,246,.62); outline: none; }
.tcjc-sl1-card-top { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.tcjc-sl1-number { color: #91a0a6; font-size: 11px; font-weight: 850; letter-spacing: .11em; }
.tcjc-sl1-live { color: var(--sl-blue-deep); font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.tcjc-sl1-card h3 { margin: 26px 0 11px!important; color: var(--sl-ink)!important; font: 820 clamp(20px,2.05vw,27px)/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing: -.033em!important; }
.tcjc-sl1-card p { margin: 0!important; color: var(--sl-copy)!important; font-size: 13px!important; line-height: 1.52!important; }
.tcjc-sl1-card-bottom { margin-top: auto; padding-top: 18px; display: flex; align-items: flex-end; justify-content: space-between; gap: 14px; }
.tcjc-sl1-tags { min-width: 0; overflow: hidden; color: #7f8d93; font-size: 10px; line-height: 1.4; font-weight: 750; white-space: nowrap; text-overflow: ellipsis; }
.tcjc-sl1-arrow { flex: 0 0 auto; color: var(--sl-blue); font-size: 20px; line-height: 1; }
.tcjc-sl1-empty { padding: 42px 22px; border-radius: 22px; text-align: center; }
.tcjc-sl1-empty h2 { margin: 0 0 8px!important; color: var(--sl-ink)!important; font-size: 26px!important; }
.tcjc-sl1-empty p { margin: 0!important; color: var(--sl-copy)!important; }
.tcjc-sl1-footer { margin-top: 18px; padding: 25px; border-radius: 23px; display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; }
.tcjc-sl1-footer h2 { margin: 0!important; color: var(--sl-ink)!important; font: 830 clamp(24px,3vw,33px)/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important; letter-spacing: -.035em!important; }
.tcjc-sl1-footer p { margin: 8px 0 0!important; color: var(--sl-copy)!important; line-height: 1.55!important; font-size: 13px!important; }
.tcjc-sl1-footer-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }
.tcjc-sl1-footer-links a { min-height: 44px; padding: 0 14px; display: inline-flex; align-items: center; border: 1px solid rgba(79,150,189,.20); border-radius: 12px; color: var(--sl-blue-deep)!important; background: rgba(255,255,255,.44); text-decoration: none!important; font-size: 12px!important; font-weight: 800!important; }

@media(max-width:1100px){
  .tcjc-sl1-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tcjc-sl1-intro { grid-template-columns: 1fr; }
  .tcjc-sl1-heading,.tcjc-sl1-start { min-height: 0; }
  .tcjc-sl1-toolbar-inner { align-items: stretch; flex-direction: column; }
  .tcjc-sl1-search { flex-basis: auto; width: 100%; }
}

@media(max-width:700px){
  .tcjc-sl1-shell { width: calc(100% - 8px); padding: 8px 0 38px; }
  .tcjc-sl1-intro { gap: 8px; margin-bottom: 8px; }
  .tcjc-sl1-heading,.tcjc-sl1-start { padding: 23px 19px; border-radius: 21px; }
  .tcjc-sl1-heading h1 { font-size: clamp(38px,12vw,54px)!important; }
  .tcjc-sl1-toolbar { top: 6px; margin-bottom: 12px; padding: 8px; border-radius: 17px; }
  #tcjc-study-library-v1 .tcjc-sl1-topic { height: 42px!important; min-height: 42px!important; padding: 0 13px!important; }
  #tcjc-study-library-v1 .tcjc-sl1-topic-text { font-size: 11px!important; }
  .tcjc-sl1-grid { grid-template-columns: 1fr; gap: 8px; }
  .tcjc-sl1-section { margin-top: 15px; }
  .tcjc-sl1-section-head { align-items: flex-start; flex-direction: column; gap: 5px; margin: 0 5px 9px; }
  .tcjc-sl1-section-head p { text-align: left; font-size: 12px!important; }
  .tcjc-sl1-card { min-height: 0; padding: 19px; border-radius: 18px; }
  .tcjc-sl1-card h3 { margin-top: 20px!important; font-size: 23px!important; }
  .tcjc-sl1-footer { grid-template-columns: 1fr; padding: 21px 19px; border-radius: 20px; }
  .tcjc-sl1-footer-links { justify-content: flex-start; }
}

@media(prefers-reduced-motion:reduce){ .tcjc-sl1-card{transition:none;} .tcjc-sl1-card:hover{transform:none;} }


/* V1.5 — crawlable static-library additions */
.tcjc-sl1-breadcrumbs { display:flex; flex-wrap:wrap; gap:6px; margin:0 4px 10px; color:var(--sl-muted); font-size:11px; line-height:1.4; font-weight:700; }
.tcjc-sl1-breadcrumbs a { color:var(--sl-blue-deep)!important; text-decoration:none!important; }
.tcjc-sl1-breadcrumbs a:hover,.tcjc-sl1-breadcrumbs a:focus-visible { text-decoration:underline!important; }
.tcjc-sl1-search-wrap { flex:1 1 360px; min-width:0; display:block; }
.tcjc-sl1-search-wrap .tcjc-sl1-search { width:100%; }
.tcjc-visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
#tcjc-study-library-v1 [data-study-card][hidden],#tcjc-study-library-v1 [data-study-group][hidden],#tcjc-sl1-no-results[hidden] { display:none!important; }
#tcjc-study-library-v1 .tcjc-sl1-topic { font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif!important; }
@media(max-width:1100px){ .tcjc-sl1-search-wrap{flex-basis:auto;width:100%;} }
@media(max-width:700px){ .tcjc-sl1-breadcrumbs{margin:0 5px 7px;font-size:10px;} }