/* Pastor Chad Erickson's sermon library on mvmtleadership.com (/sermons, /sermons/<slug>, /scripture), 2026-11-13.
   Loaded after his release.css + home-ending.css, which draw the real site header and footer and load the fonts
   (Manrope, DM Sans from /assets/fonts). Everything here is scoped to <main class="slib">, so his header and footer keep
   their own tokens (his --ink, --red) and rules. Palette, as on his home page: cream grounds (#f8f5ed into #f2e8d8),
   navy ink (#172d3d), coral (#f04d49) for marks and rules only, a deeper red (#c8372f large, #a9382d small) for the
   Georgia italic accents, slate (#52616c), hairlines (#dcded5).
   Source: C:/churchos/clients/chad-erickson/sermon-catalog/site/sermon-library/library.css (copied in by publish_live.py). */

.slib{
  color:var(--ink);font:400 17px/1.62 var(--font);
  /* grounds */
  --paper:#f8f5ed;         /* mvmtleadership --paper (home) */
  --warm:#f2e8d8;          /* the hero warms into this */
  --card:#fbf9f3;          /* a lifted panel on paper */
  --white:#FFFFFF;
  /* type */
  --ink:#172d3d;           /* navy, 13:1 on paper, 11.7:1 on warm */
  --muted:#52616c;         /* 5.9:1 on paper, 5.3:1 on warm */
  --coral:#f04d49;         /* brand coral: marks and rules only, never small text */
  --red:#c8372f;           /* the italic accent at display size (4.8:1 on paper) */
  --red-text:#a9382d;      /* red at text size, 5.3:1 on warm */
  --line:#dcded5;
  --rule:rgba(23,45,61,.16);
  --rule-2:rgba(23,45,61,.32);
  --btn:#172d3d;
  --btn-hover:#0e1f2b;
  --gutter:48px;           /* the side margin of his .container at each width (see the widths section) */
  --display:'Manrope',Arial,sans-serif;
  --font:'DM Sans',Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;
  color-scheme:light;
}
/* his release.css styles bare tags (a without underline, p in slate, h1-h3 in Manrope, em in red); inside the library the
   classes below decide. :where() keeps these at tag weight so every class rule still wins. */
:where(.slib) a{color:inherit;text-decoration:underline}
:where(.slib) p{color:inherit}
:where(.slib) :is(h1,h2,h3){font:inherit;letter-spacing:normal}
:where(.slib) :is(h1,h2,h3,p,ol,ul,figure){margin:0}
:where(.slib) :is(ol,ul){list-style:none;padding:0}
:where(.slib) em{font-style:normal;color:inherit}
.slib :focus-visible{outline:2px solid var(--red);outline-offset:3px;border-radius:2px}
.slib .wrap{position:relative;z-index:2;width:min(1240px,calc(100% - 96px));margin-inline:auto}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* ---------- type ---------- */
.kicker{display:flex;align-items:center;gap:12px;font:700 12px/1.5 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.kicker::before{content:"";flex:none;width:28px;height:2px;background:var(--coral)}
.wall{font:800 clamp(44px,6vw,88px)/.98 var(--display);letter-spacing:-.055em;color:var(--ink)}
.wall span{display:block}
.wall em{font:italic 400 1em/1 var(--serif);letter-spacing:-.04em;color:var(--red)}
.lede{max-width:40ch;color:var(--muted);font:400 clamp(18px,1.35vw,22px)/1.45 var(--serif)}
.textlink{display:inline-flex;align-items:center;gap:.45em;min-height:44px;color:var(--ink);font:650 14px/1.3 var(--font);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:6px;text-decoration-thickness:1px}
.textlink:hover{color:var(--red-text);text-decoration-color:currentColor}
.ext{width:.9em;height:.9em;flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;min-height:52px;padding:14px 23px;font:600 15px/1.3 var(--font);text-decoration:none;border-radius:4px;border:1px solid transparent;transition:background .2s,color .2s,border-color .2s,transform .2s}
.btn:hover{transform:translateY(-2px)}
.btn--primary{background:var(--btn);color:var(--white)}
.btn--primary:hover{background:var(--btn-hover)}
.btn--line{border-color:var(--rule-2);color:var(--ink);background:transparent}
.btn--line:hover{border-color:var(--ink);background:rgba(23,45,61,.05)}
button.btn{font-family:var(--font);cursor:pointer}
button.btn--line{background:transparent}
button.btn--primary{background:var(--btn)}

/* buy states (kept from the shared skin, unused here) */
.buy{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:46px;padding:0 20px;border-radius:4px;background:var(--btn);color:var(--white);font:600 14px/1.15 var(--font);text-decoration:none;transition:background .2s}
.buy:hover{background:var(--btn-hover)}
.soon{font:italic 400 16px/1.4 var(--serif);color:var(--muted)}

/* ---------- his header: the Sermons item marks the section on every library page ---------- */
.site-header .nav>a[aria-current="true"]{color:var(--red-text);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}

/* ---------- sermons: search + catalog ---------- */
.sermons{position:relative;background:linear-gradient(180deg,var(--paper) 0,var(--paper) 420px,#f6f0e5 900px,var(--warm) 100%);padding:clamp(40px,5vw,80px) 0 clamp(64px,9vh,120px)}
.sfind__h{font-size:clamp(46px,6.4vw,96px);margin:.18em 0 .3em -.03em}
.spage .sfind__h{margin-bottom:.32em}
.sq{position:relative;max-width:1000px}
.sq input{display:block;width:100%;min-height:64px;padding:4px 56px 10px 0;margin:0;font:700 clamp(28px,3.4vw,46px)/1.15 var(--display);letter-spacing:-.035em;color:var(--ink);background:transparent;border:0;border-bottom:2px solid var(--ink);border-radius:0;-webkit-appearance:none;appearance:none;caret-color:var(--red)}
.sq input::placeholder{color:#7a8790;opacity:1}
.sq input:focus{border-bottom-color:var(--red)}
.sq input:focus-visible{outline:none;border-bottom-color:var(--red);box-shadow:0 3px 0 0 var(--red)}
.sq input::-webkit-search-cancel-button,.sq input::-webkit-search-decoration{display:none;-webkit-appearance:none}
.sq__clear{position:absolute;right:0;top:50%;transform:translateY(-58%);width:48px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.sq__clear:hover{color:var(--ink);background:rgba(23,45,61,.07)}
.sq__clear svg{width:22px;height:22px}
.sfind__help{max-width:62ch;margin:18px 0 6px;color:var(--muted);font-size:16px;line-height:1.55}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0}
.chip{min-height:44px;padding:0 17px;border:1px solid var(--rule-2);border-radius:999px;background:transparent;color:var(--ink);font:600 14px/1.1 var(--font);cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.chip:hover{border-color:var(--ink);background:rgba(23,45,61,.05)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.sstatus{min-height:1.5em;margin:22px 0 10px;color:var(--muted);font-size:16px;line-height:1.5;max-width:70ch}
.sstatus:empty{min-height:0;margin:10px 0}
.sstatus b{color:var(--ink);font-weight:700}
.sretry{display:inline;min-height:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.shead{margin:clamp(34px,4.4vw,60px) 0 18px;font:700 12px/1.5 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.snone{max-width:60ch;padding:20px 0;color:var(--muted);font-size:17px}
.snone b{color:var(--ink)}
.smore{margin-top:clamp(26px,3vw,40px)}

.slist{display:grid;gap:0}
.slist--grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,56px);row-gap:clamp(30px,3.4vw,52px)}
.scard{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;border-top:1px solid var(--rule);padding-top:20px}
.scard__side{display:flex;flex-direction:column;gap:4px}
.scard__main{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.scard__date{font:700 12px/1.5 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.scard__ctx{color:var(--muted);font:italic 400 15px/1.4 var(--serif)}
.scard__title{font:750 clamp(24px,2.1vw,32px)/1.1 var(--display);letter-spacing:-.04em;color:var(--ink);overflow-wrap:anywhere}
.scard__title a{color:inherit;text-decoration:none}
.scard__title a:hover{color:var(--red-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.scard__refs{font:600 13px/1.6 var(--font);letter-spacing:.02em;color:var(--muted)}
.scard__sum{font-size:16.5px;line-height:1.6;color:var(--ink)}
.scard__why{font:600 13px/1.5 var(--font);color:var(--red-text)}
.scard__tags{display:flex;flex-wrap:wrap;gap:6px}
.scard__tags li{padding:2px 11px;border:1px solid var(--rule-2);border-radius:999px;color:var(--muted);font:500 14px/1.5 var(--font)}
.scard__acts{display:flex;flex-wrap:wrap;gap:10px}
.scard__main>.scard__acts{margin-top:auto}
.scard__page{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:4px;background:var(--btn);color:var(--white);font:600 14px/1.1 var(--font);text-decoration:none;transition:background .2s}
.scard__page:hover{background:var(--btn-hover)}
.scard__watch{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:0 18px;border:1px solid var(--rule-2);border-radius:4px;color:var(--ink);font:600 14px/1.1 var(--font);text-decoration:none;transition:background .2s,border-color .2s}
.scard__main>.scard__watch{margin-top:auto}
.scard__watch:hover{border-color:var(--ink);background:rgba(23,45,61,.05)}
.scard__target{position:absolute;left:calc(var(--gutter) * -.5);top:0;width:1px;height:1px}
.slist--feature{margin-top:clamp(28px,3.4vw,48px)}
.scard--feature{border-top:2px solid var(--coral);padding:24px clamp(18px,2.2vw,36px) clamp(26px,2.6vw,38px);background:var(--card)}
.scard--feature .scard__title{font-size:clamp(34px,3.4vw,56px)}
.scard__book{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border:1px solid var(--rule-2);border-radius:4px;color:var(--ink);font:600 14px/1.1 var(--font);text-decoration:none}
.scard__book:hover{border-color:var(--ink)}
.sermons__all{margin-top:clamp(34px,4vw,56px)}
.sermons__more{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-top:clamp(20px,3vw,34px);color:var(--muted);font-size:15px}
.sx__browse{margin-top:14px;color:var(--muted);font-size:16px}

/* /sermons page */
.spage{padding-top:clamp(40px,5vw,80px)}
.spage .kicker{margin-bottom:6px}
.sthemes{margin-top:clamp(26px,3vw,40px)}
.sthemes .shead{margin:0 0 4px}
.sthemes__more,.ssort button{min-height:44px;padding:0 4px;border:0;background:none;color:var(--ink);font:600 14px/1.2 var(--font);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--rule-2);cursor:pointer}
.sthemes__more:hover{color:var(--red-text);text-decoration-color:currentColor}
.sthemes__more{margin-top:6px}
.ssort{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:20px;color:var(--muted);font:700 12px/1.3 var(--font);letter-spacing:.16em;text-transform:uppercase}
.ssort>div{display:flex;gap:8px}
.ssort button{padding:0 16px;border:1px solid var(--rule-2);border-radius:999px;text-decoration:none;letter-spacing:0;text-transform:none}
.ssort button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
.syears{display:flex;flex-wrap:wrap;align-items:center;gap:0 2px;margin-top:20px}
.syears__l{margin-right:10px;color:var(--muted);font:700 12px/1.3 var(--font);letter-spacing:.16em;text-transform:uppercase}
.syears a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px;color:var(--ink);font:600 15px/1 var(--font);text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--rule-2)}
.syears a:hover{color:var(--red-text);text-decoration-color:currentColor}
.syear{display:flex;align-items:baseline;gap:16px;margin:clamp(44px,6vw,90px) 0 6px;scroll-margin-top:110px;font:800 clamp(40px,5vw,72px)/1 var(--display);letter-spacing:-.05em;color:var(--ink)}
.syear span{font:700 12px/1.5 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.slist--rows{margin-top:10px}
.slist--rows .scard{padding:26px 0 30px}

/* ---------- sermon pages ---------- */
.sx{position:relative;background:linear-gradient(180deg,var(--paper) 0,var(--paper) 520px,#f6f0e5 1100px,var(--warm) 100%);padding:clamp(24px,3.4vw,56px) 0 clamp(70px,10vh,130px)}
.crumbs ol{display:flex;flex-wrap:wrap;align-items:center;font:700 12px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.crumbs li{display:inline-flex;align-items:center;min-width:0}
.crumbs li+li::before{content:"/";margin:0 10px;color:var(--muted)}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:5px}
.crumbs a:hover{color:var(--red-text);text-decoration-color:currentColor}
.crumbs [aria-current]{display:inline-block;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sx__meta{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:clamp(10px,1.6vw,20px);font:700 12px/1.5 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.sx__meta span+span::before{content:"\00b7";margin:0 12px;color:var(--coral)}
.sx__h{font:800 clamp(38px,4.8vw,72px)/1.02 var(--display);letter-spacing:-.05em;margin:.22em 0 .3em -.02em;overflow-wrap:break-word}
.sx__sum{max-width:60ch;margin-top:clamp(4px,1vw,12px);font:400 clamp(19px,1.45vw,22px)/1.5 var(--serif);color:var(--ink)}
.sx__acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.6vw,32px)}
.sx__live{min-height:0;margin-top:8px;color:var(--muted);font-size:15px}
.sx__live:empty{display:none}
.sx__tags{margin-top:clamp(18px,2.4vw,28px)}
.sx__tags a{color:inherit;text-decoration:none;display:inline-block;min-height:24px}
.sx__tags a:hover{color:var(--red-text);text-decoration:underline;text-underline-offset:4px}
.sx__twin{max-width:62ch;margin-top:20px;padding:14px 18px;border-left:2px solid var(--coral);background:var(--card);color:var(--muted);font-size:16px;line-height:1.55}
.sx__twin a{color:var(--ink);font-weight:600}
.sx__note{margin-top:14px;max-width:62ch;color:var(--muted);font-size:15px;line-height:1.5}
.sx__grid{display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(36px,5vw,100px);margin-top:clamp(18px,3vw,40px)}
.sxsec{margin-top:clamp(40px,5vw,72px)}
.sxsec__h{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--rule);margin-bottom:6px;font:700 12px/1.5 var(--font);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.sxsec__h::before{content:"";flex:none;width:22px;height:2px;background:var(--coral)}
.sxsub{margin:20px 0 10px;font:700 12px/1.4 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--ink)}

.ol{counter-reset:pt}
.ol>li{display:grid;grid-template-columns:clamp(46px,5vw,72px) minmax(0,1fr);column-gap:clamp(10px,2vw,24px);padding:24px 0;border-bottom:1px solid var(--rule)}
.ol>li::before{counter-increment:pt;content:counter(pt);font:italic 400 clamp(36px,3.4vw,52px)/.9 var(--serif);color:var(--red)}
.ol__head{font:750 clamp(21px,1.7vw,26px)/1.2 var(--display);letter-spacing:-.035em;color:var(--ink);overflow-wrap:break-word}
.ol__point{margin-top:8px;max-width:62ch;font-size:17px;line-height:1.62}
.tstamp{display:inline-flex;align-items:center;gap:.55em;min-height:44px;margin-top:8px;padding:0 15px;border:1px solid var(--rule-2);border-radius:999px;color:var(--ink);font:600 14px/1 var(--font);font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap}
.tstamp svg{width:.75em;height:.75em;flex:none;color:var(--red)}
.tstamp:hover{border-color:var(--ink);background:rgba(23,45,61,.05)}

.qlist{display:grid;gap:clamp(26px,3vw,40px);margin-top:20px}
.quote{padding-left:clamp(16px,2vw,28px);border-left:2px solid var(--coral)}
.quote blockquote{margin:0;max-width:34em;font:italic 400 clamp(21px,1.9vw,28px)/1.4 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.quote figcaption{margin-top:6px}

.refs{display:grid;gap:10px}
.kjv{border:1px solid var(--rule);border-radius:4px;background:var(--card)}
.kjv>summary,.spass>summary,.sbk>summary{list-style:none;cursor:pointer}
.kjv>summary::-webkit-details-marker,.spass>summary::-webkit-details-marker,.sbk>summary::-webkit-details-marker{display:none}
.kjv>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 18px;font:700 clamp(17px,1.3vw,20px)/1.2 var(--display);letter-spacing:-.025em;color:var(--ink)}
.kjv>summary:hover{color:var(--red-text)}
.kjv>summary::after,.spass>summary::after,.sbk>summary::after{content:"";flex:none;width:8px;height:8px;margin-left:14px;border-right:2px solid var(--red);border-bottom:2px solid var(--red);transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.kjv[open]>summary::after,.spass[open]>summary::after,.sbk[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.kjv__body{padding:2px 18px 18px}
.kjv__text{font:400 17px/1.72 var(--serif);max-width:60ch}
.kjv__text sup{margin-right:3px;font:700 11px/1 var(--font);color:var(--muted);vertical-align:super}
.kjv__src{margin-top:10px;color:var(--muted);font:italic 400 14px/1.4 var(--serif)}
.kjv__acts{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:6px}
.kjv__acts .tstamp{margin-top:0}
.kjv__acts .textlink{font-size:13px}
.rlist{display:grid;gap:2px}
.rlist li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2px 14px;padding:4px 0;border-bottom:1px solid var(--rule)}
.rlist__r{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font:650 15px/1.2 var(--font);text-decoration:underline;text-decoration-color:var(--rule-2);text-underline-offset:5px}
.rlist__r:hover{color:var(--red-text);text-decoration-color:currentColor}
.rlist .tstamp{margin-top:0}

.rel{display:grid;gap:0}
.rel li{padding:18px 0;border-bottom:1px solid var(--rule)}
.rel__t{margin-top:4px;font:750 clamp(20px,1.6vw,24px)/1.15 var(--display);letter-spacing:-.035em}
.rel__t a{display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--ink);text-decoration:none}
.rel__t a:hover{color:var(--red-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.rel__t .ext{width:.55em;height:.55em}
.rel__why{margin-top:2px;color:var(--muted);font-size:15px;line-height:1.45}
.pn{display:grid;gap:14px;margin-top:10px}
.pn__l{display:block;font:700 12px/1.4 var(--font);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.pn__a{display:inline-flex;align-items:center;gap:.4em;min-height:44px;font:750 clamp(20px,1.6vw,24px)/1.15 var(--display);letter-spacing:-.035em;color:var(--ink);text-decoration:none}
.pn__a:hover{color:var(--red-text);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}

/* ---------- Scripture index ---------- */
.scx__h{margin:.18em 0 .3em -.03em}
.scx__t{flex-wrap:wrap;margin-top:clamp(40px,5vw,80px)}
.sbooks{margin-top:14px;max-width:1180px}
.sbk{border-top:1px solid var(--rule-2);scroll-margin-top:110px}
.sbk:last-child{border-bottom:1px solid var(--rule-2)}
.sbk>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:12px 0;color:var(--ink)}
.sbk>summary:hover .sbk__name{color:var(--red-text)}
.sbk>summary::after{margin-left:auto}
.sbk__name{flex:1 1 auto;min-width:0;font:750 clamp(24px,2.4vw,34px)/1.05 var(--display);letter-spacing:-.045em}
.sbk__n{flex:none;font:700 12px/1.4 var(--font);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:right}
.sbk__body{padding:0 0 26px}
.spass{border-top:1px solid var(--rule);scroll-margin-top:110px}
.spass>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:6px 4px 6px 0;color:var(--ink)}
.spass__r{flex:1 1 auto;font:650 16px/1.3 var(--font)}
.spass__n{flex:none;color:var(--muted);font-size:14px}
.spass>summary::after{margin-left:6px}
.spass__l{display:grid;gap:0;padding:0 0 14px clamp(0px,1.4vw,18px)}
.spass__l li{display:grid;grid-template-columns:minmax(120px,.28fr) minmax(0,1fr);gap:0 18px;align-items:center;min-height:44px;padding:4px 0}
.spass__d{font:700 12px/1.4 var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spass__t a{display:inline-flex;align-items:center;gap:.4em;min-height:44px;color:var(--ink);font:750 clamp(18px,1.4vw,21px)/1.2 var(--display);letter-spacing:-.03em;text-decoration:none}
.spass__t a:hover{color:var(--red-text);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.spass__t .ext{width:.55em;height:.55em}

/* ---------- about this library (above his footer) ---------- */
.slib-about{background:var(--warm);padding:0 0 clamp(40px,5vw,64px)}
.slib-about .wrap{display:grid;gap:4px;padding-top:22px;border-top:1px solid var(--rule)}
.slib-about p{max-width:72ch;color:var(--muted);font-size:15px;line-height:1.55}

/* ---------- widths ---------- */
/* his .container: 96px of side margin, then 64 / 48 / 38 / 32 */
@media (max-width:1100px){.slib{--gutter:32px}.slib .wrap{width:calc(100% - 64px)}}
@media (max-width:850px){.slib{--gutter:24px}.slib .wrap{width:calc(100% - 48px)}}
@media (max-width:650px){.slib{--gutter:19px}.slib .wrap{width:calc(100% - 38px)}}
@media (max-width:370px){.slib{--gutter:16px}.slib .wrap{width:calc(100% - 32px)}}
@media (max-width:1100px){
  .slist--grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:900px){
  .slist--rows .scard{display:grid;grid-template-columns:minmax(180px,.26fr) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);align-items:start}
  .slist--rows .scard__title{font-size:clamp(26px,2.3vw,36px)}
  .slist--rows .scard__sum{max-width:68ch;font-size:17px}
  .slist--rows .scard__refs{max-width:80ch}
  .scard--feature{display:grid;grid-template-columns:minmax(180px,.26fr) minmax(0,1fr);column-gap:clamp(24px,4vw,72px);align-items:start}
}
@media (min-width:1000px){
  .sx__grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
  .sx__side .sxsec:first-child{margin-top:clamp(40px,5vw,72px)}
}
@media (max-width:760px){
  .sermons,.spage{padding-top:28px}
  .sfind__h,.scx__h{font-size:12.4vw}
  .sq input{font-size:8vw;min-height:58px}
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(var(--gutter) * -1);padding:2px var(--gutter) 6px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none;scroll-snap-align:start}
  .chips--themes.chips--open{flex-wrap:wrap;overflow:visible;-webkit-mask-image:none;mask-image:none;margin-inline:0;padding-inline:0}
  .slist--grid{grid-template-columns:1fr}
  .scard__title{font-size:7vw}
  .syear,.scx__t{font-size:12vw}
  .sx{padding-top:12px}
  .sx__h{font-size:10.4vw}
  .crumbs [aria-current]{max-width:52vw}
  .sx__acts .btn{flex:1 1 100%}
  .ol>li{grid-template-columns:40px minmax(0,1fr);column-gap:10px}
  .ol>li::before{font-size:38px}
  .spass__l li{grid-template-columns:1fr;gap:0}
  .sbk__n{font-size:11px;letter-spacing:.1em}
  .sbk__name{font-size:7.4vw}
}
@media (prefers-reduced-motion:reduce){
  .slib *,.slib *::before,.slib *::after{transition:none!important;animation:none!important}
  .slib .btn:hover{transform:none}
}