/* SCOVER Learning Library R1 — 2026-09-14 */
.learning-library-page{background:linear-gradient(180deg,#f4f9ff 0,#fff 36%,#f7fbff 100%);color:var(--ink)}
.learning-library-page main{padding-top:100px}
.ll-hero{padding:34px 0 22px;position:relative;overflow:hidden}
.ll-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:38px;align-items:center}
.ll-hero h1{font-size:clamp(46px,5.3vw,70px);line-height:.98;letter-spacing:-.052em;margin:9px 0 15px;color:#0a2852}
.ll-hero h1 span{color:#1768d3}
.ll-hero p:not(.eyebrow){font-size:15px;line-height:1.68;color:#687f99;max-width:780px;margin:0}
.ll-hero-art{height:210px;display:flex;align-items:flex-end;justify-content:center;position:relative}
.ll-hero-art:before{content:"";position:absolute;width:330px;height:178px;border-radius:48% 52% 47% 53%;background:linear-gradient(135deg,rgba(210,231,255,.62),rgba(238,247,255,.16));transform:rotate(-5deg)}
.ll-hero-art img{position:relative;z-index:2;max-width:310px;max-height:205px;object-fit:contain;filter:drop-shadow(0 14px 18px rgba(15,69,125,.11))}
.ll-note{position:absolute;z-index:3;color:#2672cb;font-family:"Comic Sans MS",cursive;font-size:13px;line-height:1.25;transform:rotate(-7deg)}
.ll-note.left{left:8px;top:44px}.ll-note.right{right:4px;top:26px;transform:rotate(5deg)}
.ll-toolbar-wrap{padding:8px 0 22px}
.ll-toolbar{display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(0,2.25fr) auto auto;gap:10px;align-items:center}
.ll-search{height:46px;border:1px solid #d8e6f4;border-radius:14px;background:#fff;display:flex;align-items:center;padding:0 14px;box-shadow:0 7px 20px rgba(18,64,110,.04)}
.ll-search svg{width:18px;height:18px;fill:none;stroke:#7391b3;stroke-width:1.8;flex:none}
.ll-search input{width:100%;border:0;outline:0;background:transparent;padding:0 10px;font:inherit;font-size:12px;color:#183a61}
.ll-filters{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px}.ll-filters::-webkit-scrollbar{display:none}
.ll-filter{height:42px;padding:0 17px;border-radius:999px;border:1px solid #d9e6f3;background:#fff;color:#244a73;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer;transition:.2s ease}
.ll-filter:hover{border-color:#aac9ec;transform:translateY(-1px)}
.ll-filter.active{background:linear-gradient(135deg,#1669d6,#2787f6);border-color:#1a71df;color:#fff;box-shadow:0 8px 18px rgba(23,104,212,.2)}
.ll-select{height:42px;border:1px solid #d9e6f3;border-radius:13px;background:#fff;padding:0 34px 0 13px;color:#315779;font-size:10px;font-weight:800;outline:0}
.ll-library{padding:0 0 62px}
.ll-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ll-card{--topic:#176bd4;--soft:#eaf4ff;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 144px;min-height:216px;background:#fff;border:1px solid #dfebf6;border-radius:20px;padding:17px;box-shadow:0 10px 28px rgba(15,59,102,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;overflow:hidden}
.ll-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--topic) 24%,white);box-shadow:0 17px 38px rgba(15,59,102,.1)}
.ll-card[data-topic="tka"]{--topic:#218c7d;--soft:#e7f8f4}.ll-card[data-topic="kedinasan"]{--topic:#d76c27;--soft:#fff0e5}.ll-card[data-topic="olimpiade"]{--topic:#d99518;--soft:#fff5d9}.ll-card[data-topic="strategi"]{--topic:#7658d7;--soft:#f1edff}.ll-card[data-topic="sekolah"]{--topic:#168a7b;--soft:#e7f8f5}
.ll-card-copy{display:flex;flex-direction:column;min-width:0;z-index:2}
.ll-tag{align-self:flex-start;padding:6px 11px;border-radius:999px;background:var(--soft);color:var(--topic);font-size:9px;font-weight:900;letter-spacing:.03em}
.ll-card h2{font-size:17px;line-height:1.16;letter-spacing:-.02em;margin:12px 0 6px;color:#0d2c57}
.ll-card p{font-size:10.3px;line-height:1.5;color:#71859c;margin:0 0 12px}
.ll-meta{display:flex;align-items:center;gap:8px;margin-top:auto;color:#72879e;font-size:9px;line-height:1.25}
.ll-avatar{width:27px;height:27px;border-radius:50%;background:#e8f3ff;color:#176bd4;display:grid;place-items:center;font-size:13px;font-weight:900;flex:none}
.ll-meta-text{display:flex;flex-direction:column;gap:2px}.ll-meta-text strong{font-weight:800;color:#56738f}
.ll-card-cta{margin-top:9px;display:inline-flex;align-items:center;gap:5px;font-size:9.5px;font-weight:900;color:#1267ce}
.ll-card-art{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.ll-card-art:before{content:"";position:absolute;width:130px;height:130px;border-radius:43% 57% 48% 52%;background:var(--soft);opacity:.74;transform:rotate(-5deg)}
.ll-card-art img{position:relative;z-index:2;width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(18,55,94,.08))}
.ll-empty{display:none;text-align:center;padding:45px 20px;background:#fff;border:1px dashed #ccdded;border-radius:20px;color:#73879b}
.ll-empty.show{display:block}.ll-empty h2{font-size:22px;color:#173a61;margin:0 0 8px}.ll-empty p{font-size:12px;margin:0}
.ll-library-shell{padding:20px 0 70px}.ll-shell-panel{background:#fff;border:1px solid #dfeaf5;border-radius:24px;padding:32px;box-shadow:0 15px 38px rgba(16,58,100,.07);display:grid;grid-template-columns:1fr 180px;gap:26px;align-items:center}.ll-shell-panel h2{font-size:32px;margin:0 0 10px;color:#0b2d58}.ll-shell-panel p{font-size:13px;line-height:1.7;color:#6e8195;margin:0}.ll-shell-panel img{width:160px;height:160px;object-fit:contain}
.ll-author-box{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:center;padding:17px 18px;border:1px solid #dbe8f4;border-radius:18px;background:#fff;margin:26px 0}.ll-author-box .ll-avatar{width:52px;height:52px;font-size:22px}.ll-author-box strong{display:block;color:#12365e;font-size:13px;margin-bottom:3px}.ll-author-box p{margin:0!important;font-size:11px!important;line-height:1.45!important;color:#70839a!important}
@media(max-width:1050px){.ll-hero-grid{grid-template-columns:1fr}.ll-hero-art{height:175px}.ll-toolbar{grid-template-columns:1fr auto auto}.ll-filters{grid-column:1/-1;grid-row:2}.ll-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.learning-library-page main{padding-top:84px}.ll-hero{padding:26px 0 15px}.ll-hero h1{font-size:44px}.ll-hero-grid{gap:14px}.ll-hero-art{height:150px}.ll-hero-art img{max-height:148px;max-width:245px}.ll-note{display:none}.ll-toolbar{grid-template-columns:1fr 1fr}.ll-search{grid-column:1/-1}.ll-filters{grid-column:1/-1;grid-row:auto}.ll-select{width:100%}.ll-card-grid{grid-template-columns:1fr}.ll-card{grid-template-columns:minmax(0,1fr) 112px;min-height:204px;padding:15px}.ll-card-art:before{width:105px;height:105px}.ll-card-art img{width:96px;height:96px}.ll-card h2{font-size:16px}.ll-shell-panel{grid-template-columns:1fr;padding:24px}.ll-shell-panel img{width:125px;height:125px;justify-self:center}}
@media(max-width:420px){.ll-card{grid-template-columns:minmax(0,1fr) 92px}.ll-card-art img{width:82px;height:82px}.ll-card-art:before{width:88px;height:88px}.ll-filter{padding:0 13px}.ll-hero h1{font-size:39px}}

/* SCOVER Learning Library M3 — published media + generated article presentation */
.ll-card-photo{align-self:stretch;padding:0 0 0 5px}.ll-card-photo:before{display:none}.ll-card-photo img{width:132px;height:100%;min-height:150px;max-height:184px;object-fit:cover;border-radius:15px;box-shadow:0 9px 22px rgba(15,59,102,.12)}
.ll-article-cover{margin:4px 0 34px;border-radius:24px;overflow:hidden;border:1px solid #dce9f5;background:#eef6ff;box-shadow:0 16px 40px rgba(15,59,102,.08)}.ll-article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.ll-article-image{margin:28px auto;max-width:720px}.ll-article-image.wide{width:min(100vw - 40px,1040px);max-width:none;position:relative;left:50%;transform:translateX(-50%)}.ll-article-image img{width:100%;height:auto;border-radius:18px;border:1px solid #dbe8f4;box-shadow:0 12px 30px rgba(15,59,102,.07)}.ll-article-image figcaption{text-align:center;color:#7a8da2;font-size:11px;line-height:1.5;margin-top:8px}
.ll-article-quote{margin:26px 0;padding:18px 22px;border-left:4px solid #5d9fe9;border-radius:0 16px 16px 0;background:#f3f8fe;color:#294a70;font-size:17px;line-height:1.7;font-style:italic}
@media(max-width:720px){.ll-card-photo img{width:100px;min-height:128px}.ll-article-image.wide{width:min(100vw - 24px,1040px)}.ll-article-cover{border-radius:18px;margin-bottom:26px}}