/* Charta Learning Center 3.6.2 — AIGC teacher library */
:root{
  --clc-lib-ink:#0f1d35;
  --clc-lib-muted:#64748b;
  --clc-lib-line:rgba(141,161,190,.24);
  --clc-lib-blue:#356dff;
  --clc-lib-cyan:#20c6d7;
  --clc-lib-violet:#805cff;
  --clc-lib-pink:#ee78c8;
  --clc-lib-surface:rgba(255,255,255,.86);
}
body:has(.clc-library--aigc){
  background:
    radial-gradient(circle at 5% 8%,rgba(53,109,255,.08),transparent 24%),
    radial-gradient(circle at 92% 5%,rgba(32,198,215,.09),transparent 22%),
    #f2f5fa!important;
}
.clc-library--aigc{
  position:relative!important;
  left:50%!important;
  width:min(1900px,calc(100vw - 52px))!important;
  max-width:none!important;
  margin:0!important;
  padding:30px 0 70px!important;
  transform:translateX(-50%)!important;
  color:var(--clc-lib-ink);
  font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
}
.clc-library--aigc *{box-sizing:border-box;min-width:0}
.clc-library-hero{
  position:relative;
  display:grid!important;
  grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);
  align-items:center!important;
  min-height:500px;
  margin:0 0 26px!important;
  padding:clamp(42px,5vw,78px)!important;
  overflow:hidden;
  border:1px solid rgba(165,184,211,.30)!important;
  border-radius:38px!important;
  background:
    linear-gradient(122deg,rgba(255,255,255,.98) 0%,rgba(249,251,255,.94) 44%,rgba(240,247,255,.90) 100%)!important;
  box-shadow:0 30px 90px rgba(36,59,96,.13)!important;
  isolation:isolate;
}
.clc-library-hero:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background-image:
    linear-gradient(rgba(45,84,142,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(45,84,142,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(90deg,#000,transparent 88%);
}
.clc-library-hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-150px;
  top:-180px;
  width:660px;
  height:660px;
  border-radius:50%;
  background:conic-gradient(from 210deg,rgba(53,109,255,.20),rgba(128,92,255,.22),rgba(32,198,215,.22),rgba(53,109,255,.20));
  filter:blur(45px);
  opacity:.65;
}
.clc-library-hero__copy{position:relative;z-index:2;max-width:900px}
.clc-library-hero__copy>span,
.clc-library-featured>header span,
.clc-library-explorer__head span{
  display:block;
  color:#2f67dd;
  font-size:11px;
  font-weight:900;
  letter-spacing:.19em;
}
.clc-library-hero__copy h1{
  margin:15px 0 20px!important;
  color:var(--clc-lib-ink)!important;
  font-size:clamp(44px,5vw,82px)!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
  line-height:1.03!important;
}
.clc-library-hero__copy p{
  max-width:820px!important;
  margin:0!important;
  color:#5f718a!important;
  font-size:clamp(15px,1.25vw,19px)!important;
  line-height:1.9!important;
}
.clc-library-hero__chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.clc-library-hero__chips b{
  padding:8px 13px;
  border:1px solid rgba(76,112,171,.14);
  border-radius:999px;
  background:rgba(255,255,255,.68);
  color:#526a88;
  font-size:11px;
  font-weight:800;
  box-shadow:0 7px 20px rgba(41,66,103,.05);
  backdrop-filter:blur(12px);
}
.clc-library-hero__stats{display:flex;gap:34px;margin-top:34px}
.clc-library-hero__stats strong{display:grid;gap:2px}
.clc-library-hero__stats b{color:#17335c;font-size:30px;line-height:1}
.clc-library-hero__stats span{color:#8190a5;font-size:11px;font-weight:700}
.clc-library-hero__art{position:relative;min-height:390px;align-self:stretch}
.clc-library-orb{
  position:absolute;
  left:50%;top:50%;
  width:260px;height:260px;
  border-radius:44% 56% 58% 42%/45% 44% 56% 55%;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.96) 0 5%,transparent 6%),
    radial-gradient(circle at 32% 30%,#67e5ff 0 8%,#5c79ff 30%,#8254e8 57%,#2c4ab8 72%,#14275c 100%);
  box-shadow:
    inset 20px 12px 42px rgba(255,255,255,.35),
    inset -24px -18px 50px rgba(7,21,65,.40),
    0 45px 90px rgba(56,80,200,.32);
  transform:translate(-50%,-50%) rotate(-8deg);
  animation:clcLibraryMorph 9s ease-in-out infinite alternate;
}
.clc-library-orb:before{
  content:"AI";
  position:absolute;inset:0;
  display:grid;place-items:center;
  color:rgba(255,255,255,.92);
  font-size:72px;font-weight:950;letter-spacing:-.08em;
  text-shadow:0 5px 25px rgba(14,25,73,.25);
}
.clc-library-orbit{
  position:absolute;left:50%;top:50%;
  border:1px solid rgba(82,111,190,.24);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-14deg);
}
.clc-library-orbit:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#46d9e2;box-shadow:0 0 20px rgba(70,217,226,.75)}
.clc-library-orbit.orbit-a{width:360px;height:285px}.clc-library-orbit.orbit-a:before{right:16px;top:63px}
.clc-library-orbit.orbit-b{width:440px;height:340px;transform:translate(-50%,-50%) rotate(22deg)}.clc-library-orbit.orbit-b:before{left:44px;bottom:42px;background:#916fff}
.clc-library-float{
  position:absolute;
  display:grid;
  min-width:118px;
  padding:15px 17px;
  border:1px solid rgba(170,190,218,.42);
  border-radius:18px;
  background:rgba(255,255,255,.68);
  box-shadow:0 18px 45px rgba(33,56,93,.15);
  backdrop-filter:blur(16px);
  font-style:normal;
}
.clc-library-float b{color:#213d6b;font-size:20px;letter-spacing:.02em}.clc-library-float span{margin-top:3px;color:#8493a7;font-size:9px;font-weight:900;letter-spacing:.18em}
.clc-library-float.float-a{left:3%;top:13%;transform:rotate(-6deg)}
.clc-library-float.float-b{right:0;top:22%;transform:rotate(5deg)}
.clc-library-float.float-c{left:15%;bottom:7%;transform:rotate(3deg)}
@keyframes clcLibraryMorph{to{border-radius:58% 42% 41% 59%/56% 58% 42% 44%;transform:translate(-50%,-50%) rotate(6deg) scale(1.035)}}

.clc-library-featured,
.clc-library-explorer{
  margin-top:26px;
  padding:clamp(24px,2.3vw,38px);
  border:1px solid var(--clc-lib-line);
  border-radius:32px;
  background:rgba(255,255,255,.72);
  box-shadow:0 22px 60px rgba(35,57,89,.08);
  backdrop-filter:blur(15px);
}
.clc-library-featured>header,
.clc-library-explorer__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.clc-library-featured h2,
.clc-library-explorer__head h2{margin:6px 0 6px;color:#13233b;font-size:clamp(28px,2.4vw,42px);line-height:1.12}
.clc-library-featured header p,
.clc-library-explorer__head p{margin:0;color:#75859a;font-size:13px;line-height:1.7}
.clc-library-featured>header em{
  padding:8px 12px;
  border:1px solid rgba(80,109,167,.14);
  border-radius:999px;
  background:#f5f8fe;
  color:#627897;
  font-size:9px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.16em;
}
.clc-library-explorer__head>strong{display:grid;justify-items:end;color:#2b61d0;font-size:34px;line-height:1}.clc-library-explorer__head>strong small{margin-top:5px;color:#8a98aa;font-size:10px;font-weight:700}
.clc-library-featured-grid{display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:18px}
.clc-library-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;margin-top:22px}
.clc-library-card{
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:100%;
  overflow:hidden!important;
  border:1px solid rgba(151,171,199,.28)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 14px 38px rgba(29,48,78,.075)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
.clc-library-card:hover{transform:translateY(-6px)!important;border-color:rgba(74,113,191,.32)!important;box-shadow:0 28px 58px rgba(28,48,82,.15)!important}
.clc-library-card__media{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eaf1fb}
.clc-library-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(8,20,42,.20));pointer-events:none}
.clc-library-card__media img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .45s ease,filter .45s ease}.clc-library-card:hover .clc-library-card__media img{transform:scale(1.055);filter:saturate(1.06)}
.clc-library-card__type{position:absolute;z-index:2;left:14px;top:14px;padding:7px 10px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(16,31,57,.72);color:#fff;font-size:10px;font-weight:850;backdrop-filter:blur(12px)}
.clc-library-card__media>i{position:absolute;z-index:2;right:14px;top:14px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.86);color:#2e5fb9;font-size:15px;font-style:normal;box-shadow:0 8px 20px rgba(18,38,70,.12);transform:translateY(-4px);opacity:0;transition:.22s}.clc-library-card:hover .clc-library-card__media>i{transform:none;opacity:1}
.clc-library-card__body{display:flex!important;flex:1;flex-direction:column;padding:19px 20px 18px!important}
.clc-library-card__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-height:24px}.clc-library-card__eyebrow>span{color:#667a97;font-size:10px;font-weight:800;letter-spacing:.06em}.clc-library-card__eyebrow .clc-track-badge{margin:0!important}
.clc-library-card h3{margin:10px 0 9px!important;font-size:19px!important;line-height:1.42!important}.clc-library-card h3 a{display:-webkit-box;overflow:hidden;color:#182943!important;text-decoration:none!important;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.clc-library-card p{display:-webkit-box;overflow:hidden;margin:0!important;color:#738399!important;font-size:12px!important;line-height:1.75!important;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.clc-library-card footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:auto!important;padding-top:17px!important;border-top:1px solid #edf1f6!important}
.clc-library-author{display:flex!important;align-items:center!important;gap:9px!important;color:#40516a!important;text-decoration:none!important}.clc-library-author img{width:34px!important;height:34px!important;border:2px solid #fff;border-radius:50%!important;box-shadow:0 5px 15px rgba(20,39,68,.13)}.clc-library-author em{display:grid;font-style:normal!important}.clc-library-author em b{color:#334761;font-size:11px}.clc-library-author em small{color:#97a3b2;font-size:9px;font-weight:600}
.clc-library-card__open{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:32px;border-radius:10px;background:#eef4ff;color:#2d65ce!important;font-size:11px;font-weight:850;text-decoration:none!important}
.clc-library-card.is-feature-primary{grid-row:span 1}.clc-library-card.is-feature-primary .clc-library-card__media{aspect-ratio:16/8.4}.clc-library-card.is-feature-primary h3{font-size:24px!important}.clc-library-card.is-feature-primary p{-webkit-line-clamp:2;font-size:13px!important}
.clc-library-card.is-type-video .clc-library-card__type{background:linear-gradient(135deg,rgba(113,70,229,.90),rgba(56,101,230,.90))}.clc-library-card.is-type-image .clc-library-card__type{background:linear-gradient(135deg,rgba(0,163,173,.90),rgba(29,119,210,.90))}.clc-library-card.is-type-ppt .clc-library-card__type{background:linear-gradient(135deg,rgba(232,111,62,.92),rgba(237,74,116,.90))}

.clc-library-track-nav,
.clc-library-type-nav{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 12px!important;padding:9px!important;overflow-x:auto!important;border:1px solid rgba(151,171,199,.26)!important;border-radius:18px!important;background:rgba(250,252,255,.88)!important;scrollbar-width:thin}
.clc-library-track-nav a,
.clc-library-type-nav a{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto!important;min-height:39px!important;padding:0 13px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#637690!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important;transition:.18s!important}
.clc-library-track-nav a:hover,
.clc-library-type-nav a:hover{background:#edf3ff!important;color:#2d63c5!important}
.clc-library-track-nav a.is-active,
.clc-library-type-nav a.is-active{background:linear-gradient(135deg,#356dff,#5c73ef)!important;color:#fff!important;box-shadow:0 9px 20px rgba(53,109,255,.20)!important}
.clc-library-track-nav a.is-active b{color:#fff!important}
.clc-library-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(151,171,199,.26);border-radius:19px;background:#fff;box-shadow:0 9px 25px rgba(33,55,88,.045)}
.clc-library-search{position:relative;display:flex;align-items:center}.clc-library-search>span{position:absolute;left:15px;color:#6680a4;font-size:22px;line-height:1;pointer-events:none}.clc-library-search input{width:100%;height:47px;padding:0 16px 0 44px;border:1px solid #d9e3ef;border-radius:13px;background:#f8fafd;color:#21334d;font:inherit;font-size:13px}.clc-library-search input:focus{outline:0;border-color:#75a0ef;background:#fff;box-shadow:0 0 0 4px rgba(53,109,255,.10)}
.clc-library-sort{display:flex;align-items:center;gap:8px;height:47px;padding:0 10px 0 14px;border:1px solid #d9e3ef;border-radius:13px;background:#f8fafd}.clc-library-sort>span{color:#8a99ab;font-size:10px;font-weight:800}.clc-library-sort select{border:0;background:transparent;color:#41546d;font:inherit;font-size:12px;font-weight:750;outline:0}
.clc-library-toolbar>button{min-height:47px;padding:0 20px;border:0;border-radius:13px;background:linear-gradient(135deg,#356dff,#615de9);color:#fff;font-weight:850;box-shadow:0 11px 24px rgba(53,109,255,.22);cursor:pointer}.clc-library-toolbar>a{display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:13px;background:#f1f5fa;color:#62748c!important;font-size:11px;font-weight:800;text-decoration:none!important}
.clc-library-empty{grid-column:1/-1;display:grid;justify-items:center;padding:65px 24px;border:1px dashed #cbd8e8;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);text-align:center}.clc-library-empty i{display:grid;place-items:center;width:62px;height:62px;border-radius:20px;background:linear-gradient(135deg,#eaf1ff,#f2edff);color:#5a70e5;font-size:25px;font-style:normal}.clc-library-empty h3{margin:15px 0 7px;color:#273a55}.clc-library-empty p{margin:0;color:#8190a3}.clc-library-empty a{margin-top:16px;padding:10px 15px;border-radius:11px;background:#356dff;color:#fff!important;font-weight:800;text-decoration:none!important}
.clc-library-login{position:relative;left:50%;width:min(920px,calc(100vw - 36px));margin:60px 0;transform:translateX(-50%);padding:58px 40px!important;border:1px solid rgba(151,171,199,.30)!important;border-radius:32px!important;background:linear-gradient(135deg,#fff,#f4f8ff)!important;box-shadow:0 25px 70px rgba(31,53,88,.12)!important}.clc-library-login>span{color:#356dff;font-size:10px;font-weight:900;letter-spacing:.18em}.clc-library-login h2{margin:9px 0 10px;font-size:38px}.clc-library-login p{color:#6f8096}.clc-library-login a{background:linear-gradient(135deg,#356dff,#615de9)!important;box-shadow:0 11px 24px rgba(53,109,255,.22)}

@media(min-width:1740px){.clc-library-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.clc-library-card h3{font-size:18px!important}}
@media(max-width:1350px){.clc-library--aigc{width:min(100%,calc(100vw - 30px))!important}.clc-library-hero{grid-template-columns:minmax(0,1fr) 340px;min-height:470px;padding:46px!important}.clc-library-featured-grid{grid-template-columns:1.2fr .8fr}.clc-library-featured-grid .clc-library-card:last-child{grid-column:2}.clc-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.clc-library-float.float-b{right:-5%}}
@media(max-width:980px){.clc-library--aigc{width:calc(100vw - 20px)!important;padding-top:14px!important}.clc-library-hero{grid-template-columns:1fr;min-height:auto;padding:38px 30px!important}.clc-library-hero__art{min-height:330px}.clc-library-featured-grid{grid-template-columns:1fr 1fr}.clc-library-card.is-feature-primary{grid-column:1/-1}.clc-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.clc-library-toolbar{grid-template-columns:1fr 1fr}.clc-library-search{grid-column:1/-1}.clc-library-toolbar>button,.clc-library-toolbar>a{min-height:44px}}
@media(max-width:640px){.clc-library--aigc{width:100%!important;padding:8px 7px 42px!important}.clc-library-hero{padding:29px 20px!important;border-radius:24px!important}.clc-library-hero__copy h1{font-size:39px!important}.clc-library-hero__copy p{font-size:14px!important;line-height:1.75!important}.clc-library-hero__stats{gap:22px}.clc-library-hero__stats b{font-size:25px}.clc-library-hero__art{min-height:270px}.clc-library-orb{width:190px;height:190px}.clc-library-orb:before{font-size:54px}.clc-library-orbit.orbit-a{width:270px;height:220px}.clc-library-orbit.orbit-b{width:310px;height:245px}.clc-library-float{min-width:92px;padding:10px 12px;border-radius:14px}.clc-library-float b{font-size:15px}.clc-library-featured,.clc-library-explorer{padding:19px 13px;border-radius:23px}.clc-library-featured>header,.clc-library-explorer__head{align-items:flex-start;flex-direction:column}.clc-library-featured-grid,.clc-library-grid{grid-template-columns:1fr!important}.clc-library-featured-grid .clc-library-card:last-child{grid-column:auto}.clc-library-track-nav,.clc-library-type-nav{border-radius:14px!important}.clc-library-toolbar{grid-template-columns:1fr}.clc-library-search{grid-column:auto}.clc-library-toolbar>button,.clc-library-toolbar>a{width:100%}.clc-library-card.is-feature-primary .clc-library-card__media{aspect-ratio:16/10}.clc-library-card.is-feature-primary h3{font-size:20px!important}}
@media(prefers-reduced-motion:reduce){.clc-library-orb{animation:none!important}.clc-library-card,.clc-library-card__media img,.clc-library-card__media>i{transition:none!important}}


/* 3.6.2 — centered full-width teacher library, no theme sidebar */
body.clc-teacher-library-page .site-content.charta-reading-page,
body.clc-teacher-library-page main.site-content,
body.clc-teacher-library-page main.wp-block-group.site-content{
  width:100%!important;
  max-width:none!important;
  padding-inline:clamp(10px,1.4vw,24px)!important;
  background:
    radial-gradient(circle at 5% 8%,rgba(53,109,255,.08),transparent 24%),
    radial-gradient(circle at 92% 5%,rgba(32,198,215,.09),transparent 22%),
    #f2f5fa!important;
}
body.clc-teacher-library-page .site-content>.wp-block-columns,
body.clc-teacher-library-page .site-content .wp-block-columns:has(.clc-library--aigc){
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
}
body.clc-teacher-library-page .site-content .post-wrapper,
body.clc-teacher-library-page .site-content .wp-block-column.post-wrapper{
  width:100%!important;
  max-width:none!important;
  flex:0 0 100%!important;
  margin:0!important;
}
body.clc-teacher-library-page .site-content .sidebar-wrapper,
body.clc-teacher-library-page main .widget-area,
body.clc-teacher-library-page main #secondary,
body.clc-teacher-library-page main aside.sidebar,
body.clc-teacher-library-page main .right-sidebar{
  display:none!important;
}
body.clc-teacher-library-page .charta-article-card,
body.clc-teacher-library-page article.page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.clc-teacher-library-page .charta-article-card>.wp-block-post-title,
body.clc-teacher-library-page article.page>.entry-header,
body.clc-teacher-library-page .wp-block-post-title:first-child{
  display:none!important;
}
body.clc-teacher-library-page .wp-block-post-content,
body.clc-teacher-library-page .entry-content{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  overflow:visible!important;
}
body.clc-teacher-library-page .clc-library--aigc{
  left:auto!important;
  width:min(1760px,calc(100vw - 56px))!important;
  max-width:none!important;
  margin:0 auto!important;
  transform:none!important;
}
@media(max-width:980px){
  body.clc-teacher-library-page .site-content.charta-reading-page,
  body.clc-teacher-library-page main.site-content,
  body.clc-teacher-library-page main.wp-block-group.site-content{padding-inline:10px!important;}
  body.clc-teacher-library-page .clc-library--aigc{width:100%!important;margin:0 auto!important;}
}