/* The Leadercast 365 library browser (Subscribe) and "what you can license" (License).
   Loaded only on those two pages; see scripts/build-library.mjs. */
/* Subscribe: Leadercast 365 browser (scripts/build-library.mjs, library.js) */
#lc27 .library{position:relative;isolation:isolate;background:var(--navy);color:#fff;padding:90px 0 80px}
#lc27 .lb-wash{position:sticky;top:0;height:100vh;margin-bottom:-100vh;z-index:-1;overflow:hidden;pointer-events:none;contain:strict}
#lc27 .lb-wash img{position:absolute;left:0;top:0;width:12.5%;height:12.5%;object-fit:cover;transform:scale(8);transform-origin:0 0;filter:blur(3px) saturate(1.25) brightness(.5);opacity:0;transition:opacity .6s ease}
#lc27 .lb-wash img.is-on{opacity:1}
#lc27 .lb-wash:after{content:"";position:absolute;inset:0;background:linear-gradient(#0b1928 0%,#0b192840 15%,#0b192840 85%,#0b1928 100%)}
#lc27 .library-head{display:flex;justify-content:space-between;align-items:baseline;gap:48px;margin-bottom:4px}
#lc27 .library-head h2.eyebrow{color:var(--product-accent);margin:0;font-size:.85rem}
#lc27 .library-stats{color:#b9c8d3;font-size:.9rem;white-space:nowrap}
#lc27 .library-stats span{margin:0 10px;color:var(--product-accent)}
#lc27 .lb-row{margin-top:34px;scroll-margin-top:60px}
#lc27 .lb-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
#lc27 .lb-row-head h3{font-size:1.2rem;letter-spacing:-.02em}
#lc27 .lb-arrows{display:flex;gap:8px}
#lc27 .lb-arrows button{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff40;background:transparent;color:#fff;font-size:1.3rem;line-height:1;cursor:pointer}
#lc27 .lb-arrows button:hover:not(:disabled){border-color:var(--product-accent);color:var(--product-accent)}
#lc27 .lb-arrows button:disabled{opacity:.3;cursor:default}
#lc27 .lb-track{list-style:none;margin:-16px -16px -8px;padding:24px 16px 16px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:16px;scrollbar-width:none}
#lc27 .lb-track::-webkit-scrollbar{display:none}
#lc27 .lb-track>li{flex:0 0 calc((100% - 64px)/5);min-width:0;scroll-snap-align:start}
#lc27 .lb-row-people .lb-track>li{flex-basis:calc((100% - 112px)/8)}
#lc27 .lb-card{display:block;min-width:0;max-width:100%;color:#fff;outline:none;transition:transform .18s ease-out}
#lc27 .lb-card:hover{will-change:transform}
#lc27 .lb-card.is-active{transform:scale(1.08);position:relative;z-index:2}
#lc27 .lb-track>li:first-child .lb-card{transform-origin:left center}
#lc27 .lb-track>li:last-child .lb-card{transform-origin:right center}
#lc27 .lb-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#1a2a3a;outline:3px solid transparent;outline-offset:3px;transition:outline-color .2s}
#lc27 .lb-thumb img{width:100%;height:100%;object-fit:cover}
#lc27 .lb-card.is-active .lb-thumb,#lc27 .lb-card.is-active .lb-face{outline-color:#fff}
#lc27 .lb-card:focus-visible .lb-thumb,#lc27 .lb-card:focus-visible .lb-face{outline-color:var(--product-accent)}
#lc27 .lb-free{position:absolute;left:8px;top:8px;background:var(--product-accent);color:var(--navy);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px}
#lc27 .lb-lock{position:absolute;right:8px;bottom:8px;width:22px;height:22px;border-radius:50%;background:#0b1928cc}
#lc27 .lb-lock:before{content:"";position:absolute;left:7px;top:10px;width:8px;height:6px;background:#fff;border-radius:1px}
#lc27 .lb-lock:after{content:"";position:absolute;left:8px;top:5px;width:6px;height:6px;border:1.5px solid #fff;border-bottom:0;border-radius:4px 4px 0 0;box-sizing:content-box;margin-left:-.5px}
#lc27 .lb-card-title{display:block;font-size:.84rem;font-weight:600;line-height:1.35;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lc27 .lb-card-by{display:block;font-size:.74rem;color:#b9c8d3;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lc27 .lb-person{text-align:center}
#lc27 .lb-face{display:block;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#1a2a3a;outline:3px solid transparent;outline-offset:3px;transition:outline-color .2s}
#lc27 .lb-face img{width:100%;height:100%;object-fit:cover}
#lc27 .lb-rowdetail{position:relative;left:50%;width:100vw;transform:translateX(-50%);overflow:hidden;background:#07111cd9;margin:0;padding:0 max(88px,calc((100vw - 1280px)/2 + 32px));height:0;opacity:0;transition:height .22s cubic-bezier(.2,.7,.2,1),margin-top .22s cubic-bezier(.2,.7,.2,1),opacity .18s;display:grid;grid-template-columns:1fr minmax(360px,44%);gap:56px;align-items:center;isolation:isolate;contain:layout paint}
#lc27 .lb-rowdetail[hidden]{display:none}
#lc27 .lb-rowdetail.is-open{height:clamp(300px,calc(100vh - 470px),460px);margin-top:22px;opacity:1}

#lc27 .lb-close{position:absolute;right:max(70px,calc((100vw - 1280px)/2 + 14px));top:10px;background:none;border:0;color:#b9c8d3;font:inherit;font-size:.8rem;cursor:pointer;z-index:1}
#lc27 .lb-title{font-size:clamp(1.7rem,2.8vw,2.5rem);letter-spacing:-.045em;line-height:1.08;margin:0 0 10px}
#lc27 .lb-by{font-size:1rem;color:#fff;margin-bottom:6px}
#lc27 .lb-by span{color:#b9c8d3;margin-left:12px}
#lc27 .lb-by span:before{content:"· ";margin-right:2px}
#lc27 .lb-by span.lb-meta-only{margin-left:0}#lc27 .lb-by span.lb-meta-only:before{content:none}
#lc27 .lb-by:empty,#lc27 .lb-topics:empty,#lc27 .lb-desc:empty{display:none}
#lc27 .lb-topics{font-size:.85rem;color:var(--product-accent);margin-bottom:14px}
#lc27 .lb-desc{color:#d4dde3;line-height:1.7;max-width:560px;font-size:1.05rem;margin-bottom:18px}
#lc27 .lb-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:8px}
#lc27 .lb-poster{width:100%;aspect-ratio:16/9;object-fit:cover;box-shadow:0 30px 60px -30px #000}
#lc27 .lb-rowdetail.is-person .lb-poster{width:240px;height:240px;aspect-ratio:1;border-radius:50%;justify-self:center;border:5px solid var(--product-accent)}
#lc27 .lb-row{mask-image:linear-gradient(#000 0%,#000 57%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 57%,transparent 100%);mask-size:100% 200%;-webkit-mask-size:100% 200%;mask-position:0 0;-webkit-mask-position:0 0;transition:mask-position .4s ease,-webkit-mask-position .4s ease}
#lc27 .lb-row.is-open-row+.lb-row:not(.is-closing){mask-position:0 100%;-webkit-mask-position:0 100%}
#lc27 .lb-row.is-open-row,#lc27 .lb-row.is-closing{mask-image:none;-webkit-mask-image:none}
#lc27 .lb-manual .lb-rowdetail,#lc27 .lb-manual .lb-card,#lc27 .lb-instant .lb-rowdetail,#lc27 .lb-instant .lb-card{transition:none!important}
#lc27 .lb-manual,#lc27 .lb-manual *{overflow-anchor:none}
#lc27 .library-cta{margin-top:40px}
#lc27 .library-note{font-size:.8rem;color:#b9c8d3}
@media(max-width:1000px){#lc27 .library-head{flex-direction:column;align-items:flex-start;gap:12px}#lc27 .lb-track>li{flex-basis:calc((100% - 32px)/3)}#lc27 .lb-row-people .lb-track>li{flex-basis:calc((100% - 64px)/5)}#lc27 .lb-rowdetail{grid-template-columns:1fr;gap:20px;padding:0 32px}#lc27 .lb-rowdetail.is-open{height:auto;padding:28px 32px}#lc27 .lb-close{right:32px}#lc27 .lb-poster{display:none}#lc27 .lb-rowdetail.is-person .lb-poster{display:block;width:120px;height:120px;justify-self:start}}
@media(max-width:760px){#lc27 .library{padding:60px 0}#lc27 .library-stats{white-space:normal}#lc27 .lb-track{margin-right:-20px;padding-right:20px}#lc27 .lb-track>li{flex-basis:62%}#lc27 .lb-row-people .lb-track>li{flex-basis:30%}#lc27 .lb-card.is-active{transform:scale(1.04)}#lc27 .lb-row{mask-image:none;-webkit-mask-image:none}#lc27 .lb-wash{display:none}#lc27 .lb-rowdetail{padding:0 20px}#lc27 .lb-rowdetail.is-open{padding:24px 20px}#lc27 .lb-close{right:20px}#lc27 .lb-title{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){#lc27 .lb-rowdetail,#lc27 .lb-card,#lc27 .lb-thumb,#lc27 .lb-wash img{transition:none}}
/* License: what you can license (scripts/build-library.mjs, license.js) — same stage as the Subscribe browser */
#lc27 .license-types{position:relative;isolation:isolate;background:var(--navy);color:#fff;padding-block:100px;overflow:hidden}
#lc27 .license-types .lb-wash{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;height:auto;margin:0;contain:strict}
#lc27 .license-types .p-heading .eyebrow{color:var(--product-accent);margin-bottom:20px}
#lc27 .lt-lead{color:#b9c8d3;line-height:1.8;max-width:620px;margin-top:20px}
#lc27 .lt-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:32px}
#lc27 .lt-tabs button{display:flex;align-items:center;gap:14px;background:#ffffff12;border:1px solid #ffffff26;border-top:4px solid transparent;color:#fff;font:inherit;font-weight:600;font-size:.95rem;text-align:left;padding:16px 18px 14px;cursor:pointer;transition:border-color .2s,transform .2s,background .2s}
#lc27 .lt-icon{width:26px;height:26px;flex:none;color:var(--product-accent)}
#lc27 .lt-tabs button>span{min-width:0;line-height:1.25}
#lc27 .lt-tabs button small{display:block;font-weight:400;font-size:.72rem;color:#b9c8d3;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#lc27 .lt-tabs button:hover{transform:translateY(-2px);background:#ffffff1c}
#lc27 .lt-tabs button[aria-selected="true"]{border-top-color:var(--product-accent);background:#07111cd9}
#lc27 .lt-tabs button:focus{outline:none}#lc27 .lt-tabs button:focus-visible{outline:3px solid var(--product-accent);outline-offset:3px}
#lc27 .lt-panel{position:relative;left:50%;width:100vw;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1.4fr;gap:56px;align-items:center;background:#07111cd9;padding:48px max(88px,calc((100vw - 1280px)/2 + 32px));min-height:500px;box-sizing:border-box}
#lc27 .lt-panel[hidden]{display:none}
#lc27 .lt-copy h3{font-size:1.6rem;margin-bottom:12px}
#lc27 .lt-copy p{color:#d4dde3;line-height:1.7;font-size:.95rem}
#lc27 .lt-topics{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#lc27 .lt-topics li{display:inline-flex;align-items:center;gap:6px;background:#ffffff14;border:1px solid #ffffff1f;padding:4px 8px;font-size:.72rem;color:#fff}
#lc27 .lt-topics li span{font-size:.64rem;color:#b9c8d3}
#lc27 .lt-use{margin-top:16px;padding-top:16px;border-top:1px solid #ffffff26}
#lc27 .lt-use strong{color:var(--product-accent)}
#lc27 .lt-examples{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
#lc27 .lt-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#1a2a3a}
#lc27 .lt-thumb img{width:100%;height:100%;object-fit:cover}
#lc27 .lt-ex-title{display:block;font-size:.9rem;font-weight:600;margin-top:10px;line-height:1.35;color:#fff}
#lc27 .lt-ex-by{display:block;font-size:.74rem;color:#b9c8d3;margin-top:3px}
#lc27 .lt-delivery{margin-top:56px}
#lc27 .lt-delivery h3{font-size:1.4rem;margin-bottom:20px}
#lc27 .lt-delivery ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
#lc27 .lt-delivery li{border-top:1px solid #ffffff33;padding-top:18px}
#lc27 .lt-delivery .lt-icon{display:block;width:28px;height:28px;margin-bottom:12px}
#lc27 .lt-delivery strong{display:block;font-size:1.05rem;margin-bottom:6px}
#lc27 .lt-delivery span{font-size:.9rem;color:#b9c8d3;line-height:1.6}
#lc27 .lt-note{margin-top:20px;font-size:.9rem;color:#b9c8d3}
#lc27 .lt-more{margin-top:36px}
#lc27 .lt-more .text-link{color:#fff;border-color:#ffffff66}
@media(max-width:1000px){#lc27 .lt-tabs{grid-template-columns:repeat(3,1fr)}#lc27 .lt-panel{grid-template-columns:1fr;gap:28px}#lc27 .lt-delivery ul{grid-template-columns:1fr 1fr}}
@media(max-width:760px){#lc27 .license-types{padding-block:60px}#lc27 .license-types .lb-wash{display:none}#lc27 .lt-tabs{grid-template-columns:1fr 1fr;gap:8px}#lc27 .lt-tabs button{padding:12px;gap:10px}#lc27 .lt-icon{width:22px;height:22px}#lc27 .lt-panel{padding:32px 20px;min-height:0}#lc27 .lt-examples{grid-template-columns:1fr;gap:16px}#lc27 .lt-examples li{display:grid;grid-template-columns:120px 1fr;column-gap:14px;align-items:center}#lc27 .lt-examples .lt-thumb{grid-row:1/3}#lc27 .lt-ex-title{margin-top:0}#lc27 .lt-delivery ul{grid-template-columns:1fr}}
