:root{color-scheme:light;--bg:#f3f6fa;--paper:#fff;--ink:#14233b;--muted:#63758d;--line:#dce5ef;--blue:#3478ed;--blue-dark:#185bd0;--soft:#eaf2ff;--shadow:0 8px 28px #27466b12;--radius:13px;font:calc(14px + 1pt)/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #70a7ff88;outline-offset:2px}.app{max-width:1760px;margin:auto;padding:16px 22px 40px}.topbar{display:flex;align-items:center;gap:14px;padding:8px 2px 16px}.brand-icon{width:42px;height:42px;color:var(--blue);flex:none}.brand h1{font-size:calc(23px + 1pt);line-height:1.1;letter-spacing:-.5px;margin:0 0 4px}.brand p{font-size:calc(12px + 1pt);color:var(--muted);margin:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:9px}.library-meta{text-align:right;margin-right:8px;font-size:calc(11px + 1pt);color:var(--muted);min-width:220px}.library-meta strong{display:block;color:var(--ink);font-size:calc(12px + 1pt);font-weight:650}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;font-size:calc(12px + 1pt);font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,transform .15s}.btn:hover{background:#f7faff;border-color:#bdcde1}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{color:#c43d3d;border-color:#f1b5b5}.btn.ghost{border-color:transparent;background:transparent}.btn.small{padding:6px 9px}.btn svg,.icon-btn svg{width:15px;height:15px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start}.main{min-width:0}.search-wrap{position:relative;margin:0 0 13px}.search-wrap svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;color:#344961}.search{height:46px;width:100%;padding:0 44px 0 42px;background:#fff;border:1px solid #d6e0ec;border-radius:10px;color:var(--ink);box-shadow:0 2px 6px #344d6810}.search::placeholder{color:#78899c}.shortcut{position:absolute;right:12px;top:50%;transform:translateY(-50%);border:1px solid var(--line);border-radius:5px;padding:1px 6px;color:#718096;background:#fafcff;font-size:calc(11px + 1pt)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px;flex-wrap:wrap}.tabs{display:flex;gap:7px;align-items:center}.tab{border:1px solid transparent;background:#eaf0f7;color:#354a65;padding:7px 12px;border-radius:7px;font-size:calc(11px + 1pt);font-weight:650}.tab.active{background:var(--blue);color:#fff}.tab span{opacity:.75;margin-left:3px}.toolbar-spacer{flex:1}.control{border:1px solid #d4deea;background:#fff;border-radius:7px;height:32px;padding:0 10px;color:#40536b;font-size:calc(11px + 1pt)}.control.tag-filter{width:190px}.toggle{height:32px;display:flex;border:1px solid #d4deea;border-radius:7px;overflow:hidden;background:#fff}.toggle button{border:0;background:transparent;width:33px;color:#65768a;display:grid;place-items:center}.toggle button.active{color:#1c5fc8;background:#e5efff}.toggle svg{width:15px;height:15px}.results-line{display:flex;justify-content:space-between;align-items:center;min-height:20px;color:#78889b;font-size:calc(11px + 1pt);margin:0 1px 9px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.concept-card{min-width:0;border:1px solid #dce5ef;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #23384f08;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;animation:card-in .22s ease both}.concept-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b9cfee}.card-image{height:150px;background:#edf3fa;position:relative;display:grid;place-items:center;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image .missing{color:#8797aa;font-size:calc(12px + 1pt)}.score{position:absolute;right:8px;top:8px;background:#75869a;color:#fff;border-radius:5px;padding:3px 6px;font-size:calc(10px + 1pt);font-weight:700;box-shadow:0 1px 3px #13243a33}.needs{position:absolute;left:8px;top:8px;background:#fff;color:#536981;border:1px solid #dce5ef;border-radius:5px;padding:3px 6px;font-size:calc(10px + 1pt);font-weight:650}.card-body{padding:9px 10px 10px}.card-title{font-weight:700;font-size:calc(13px + 1pt);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 5px}.card-desc{font-size:calc(11px + 1pt);line-height:1.45;color:#5d6f84;height:32px;overflow:hidden;margin:0 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tags{display:flex;gap:4px;flex-wrap:wrap}.tag{background:#edf4ff;color:#285b9e;border-radius:5px;padding:2px 6px;font-size:calc(9px + 1pt);line-height:1.4;white-space:nowrap;border:0}.tag.clickable{cursor:pointer}.tag.clickable:hover{background:#dceaff}.text-visual{height:150px;padding:16px 14px;background:linear-gradient(140deg,#f2f7ff,#e9f0f7);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.text-mark{color:#75a0d7;font-size:calc(11px + 1pt);font-weight:700;letter-spacing:.09em;text-transform:uppercase}.text-excerpt{font-size:calc(12px + 1pt);line-height:1.5;color:#40566f;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.list{display:flex;flex-direction:column;gap:6px}.list .concept-card{display:grid;grid-template-columns:92px minmax(0,1fr);height:86px}.list .card-image,.list .text-visual{height:86px}.list .card-body{display:grid;grid-template-columns:minmax(120px,1fr) minmax(160px,2fr) minmax(100px,1fr);align-items:center;gap:12px;padding:8px 12px}.list .card-title,.list .card-desc{margin:0;height:auto}.list .card-desc{display:-webkit-box}.list .score{right:8px;top:7px}.detail{background:#fff;border:1px solid #dce5ef;border-radius:12px;box-shadow:var(--shadow);position:sticky;top:12px;overflow:hidden;min-height:450px}.detail-empty{padding:28px 20px;text-align:center;color:#75869a}.detail-empty svg{width:36px;height:36px;color:#8fa6c3;margin:38px auto 10px}.detail-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #edf1f6}.detail-nav{display:flex;gap:4px}.icon-btn{width:30px;height:30px;border:0;border-radius:6px;background:transparent;display:grid;place-items:center;color:#51647d}.icon-btn:hover{background:#edf4fb}.detail-content{padding:12px 14px 14px}.hero-image{width:100%;height:178px;object-fit:contain;background:#f5f8fc;border:1px solid #edf1f6;border-radius:8px;cursor:zoom-in}.detail-content h2{font-size:calc(20px + 1pt);line-height:1.2;letter-spacing:-.3px;margin:13px 0 8px}.detail-desc{font-size:calc(12px + 1pt);line-height:1.55;color:#344963;margin:12px 0 15px;white-space:pre-wrap;overflow-wrap:anywhere}.detail-section{margin:13px 0}.detail-section h3{font-size:calc(12px + 1pt);margin:0 0 7px}.detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.resource{display:flex;align-items:flex-start;gap:7px;margin:7px 0;font-size:calc(11px + 1pt);color:#1761d1;text-decoration:none;overflow-wrap:anywhere}.resource:hover{text-decoration:underline}.resource svg{width:13px;height:13px;flex:none}.related{border:1px solid #dbe4ee;border-radius:6px;overflow:hidden}.related-row{border:0;border-bottom:1px solid #e7edf3;background:#fff;width:100%;display:flex;justify-content:space-between;gap:7px;padding:7px 8px;text-align:left;font-size:calc(10px + 1pt);color:#344963}.related-row:last-child{border-bottom:0}.related-row:hover{background:#f3f7fc}.related-row span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-row .pct{color:#31577e;font-weight:650;white-space:nowrap}.detail-actions{display:flex;gap:7px;margin-top:14px}.detail-actions .spacer{flex:1}.detail-actions .btn{padding:7px 9px}.empty{background:#fff;border:1px dashed #cbd8e6;border-radius:10px;padding:40px 18px;text-align:center;color:#63758d;grid-column:1/-1}.empty h2{font-size:calc(16px + 1pt);color:#243954;margin:0 0 7px}.empty p{max-width:440px;margin:0 auto 15px;font-size:calc(12px + 1pt)}.welcome{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% 15%,#eaf3ff,transparent 58%),var(--bg)}.welcome-box{width:min(460px,100%);text-align:center;background:#fff;border:1px solid #e0e7f0;border-radius:16px;padding:36px;box-shadow:0 20px 60px #1d416a12;animation:fade-up .3s ease}.welcome-box .brand-icon{width:54px;height:54px}.welcome-box h1{font-size:calc(26px + 1pt);margin:10px 0 5px}.welcome-box p{font-size:calc(13px + 1pt);color:var(--muted);margin:0 0 22px}.compat{font-size:calc(11px + 1pt)!important;margin:13px 0 0!important;color:#7a8797!important}.welcome-error{color:#b33b3b!important;margin-top:12px!important}.overlay{position:fixed;inset:0;z-index:20;background:#0b1524a6;backdrop-filter:blur(2px);display:grid;place-items:center;padding:22px;animation:fade-in .16s ease}.modal{background:#fff;border-radius:12px;box-shadow:0 25px 90px #05152b50;width:min(940px,100%);max-height:min(92vh,900px);overflow:auto}.modal-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid #e8edf3;position:sticky;top:0;background:#fff;z-index:2}.modal-header h2{font-size:calc(14px + 1pt);margin:0}.modal-header .icon-btn{margin-left:auto}.editor{padding:16px;display:grid;grid-template-columns:190px minmax(200px,1fr) minmax(210px,.72fr);gap:16px}.edit-image{width:100%;aspect-ratio:1/1;background:#eff4fa;border:1px solid #e0e7ef;border-radius:8px;object-fit:contain}.edit-image-missing{display:grid;place-items:center;color:#75869a;font-size:calc(12px + 1pt)}.edit-column{display:flex;flex-direction:column;gap:11px}.field label{display:block;font-size:calc(10px + 1pt);font-weight:700;color:#354760;margin:0 0 4px}.field input,.field textarea{display:block;width:100%;border:1px solid #d6e0eb;border-radius:6px;padding:8px 9px;font-size:calc(11px + 1pt);color:#243850;background:#fff}.field textarea{resize:vertical;min-height:76px;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:#9aa7b5}.tags-input{min-height:38px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;border:1px solid #d6e0eb;border-radius:6px;padding:5px}.tags-input input{border:0!important;outline:0!important;box-shadow:none!important;flex:1;min-width:90px;padding:4px!important}.tag-edit{display:inline-flex;gap:4px;align-items:center;background:#eaf2ff;color:#275b9e;border-radius:5px;padding:3px 6px;font-size:calc(10px + 1pt)}.tag-edit button{border:0;background:none;color:inherit;padding:0 1px;font-size:calc(13px + 1pt)}.url-row{border:1px solid #e3e9f0;border-radius:6px;padding:7px;position:relative;display:flex;flex-direction:column;gap:5px;margin-bottom:6px;padding-right:30px}.url-row input{font-size:calc(10px + 1pt);padding:6px}.url-remove{position:absolute;right:5px;top:7px;width:22px;height:22px;border:0;color:#c44444;background:#fff;border-radius:4px}.editor-footer{padding:12px 16px;border-top:1px solid #e8edf3;display:flex;align-items:center;gap:8px;position:sticky;bottom:0;background:#fff}.editor-footer .spacer{flex:1}.status{font-size:calc(11px + 1pt);color:#60748d;min-height:16px}.status.error{color:#b33434}.status.ok{color:#28724a}.lightbox{position:fixed;inset:0;z-index:30;background:#101820f5;display:flex;flex-direction:column;color:#fff;animation:fade-in .15s ease}.lightbox-toolbar{height:52px;display:flex;align-items:center;justify-content:center;gap:8px}.lightbox-toolbar button{background:#202b38;color:#fff;border:1px solid #3e4a56;border-radius:6px;padding:6px 10px}.lightbox-toolbar .close-light{position:absolute;right:15px;top:10px}.lightbox-stage{flex:1;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;touch-action:none}.lightbox-stage img{max-width:90%;max-height:90%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-drag:none;cursor:grab}.lightbox-stage img.dragging{cursor:grabbing}.light-nav{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:42px;height:42px;background:#ffffff19;color:#fff;font-size:calc(24px + 1pt)}.light-nav:hover{background:#ffffff30}.light-nav.prev{left:16px}.light-nav.next{right:16px}.toast{position:fixed;right:20px;bottom:20px;background:#1d2e43;color:#fff;border-radius:8px;padding:11px 15px;box-shadow:var(--shadow);z-index:50;font-size:calc(12px + 1pt);animation:fade-up .2s ease;max-width:min(440px,calc(100vw - 40px))}.toast.error{background:#923939}.getting-started{background:#fff;border:1px solid #dce5ef;border-radius:9px;padding:14px 17px;margin:0 0 14px;color:#40536a;font-size:calc(11px + 1pt)}.getting-started strong{display:block;color:#233852;margin-bottom:5px}.getting-started ol{margin:0;padding-left:18px}.getting-started p{margin:7px 0 0}.sr{position:absolute;clip:rect(0,0,0,0);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.hidden{display:none!important}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-up{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes card-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
/* Modern learning-hub treatment: a calmer full-width canvas, clear nav, and a visual discovery hero. */
.app{max-width:none;padding:0 5.2vw 56px}.topbar{height:78px;max-width:1580px;margin:0 auto 30px;padding:0;border-bottom:1px solid #e5e9f0;gap:18px}.brand-icon{width:40px;height:40px;background:#2d6bf2;color:#fff;padding:8px;border-radius:13px}.brand h1{font-size:calc(21px + 1pt);letter-spacing:-.6px}.brand p{display:none}.main-nav{display:flex;align-items:center;gap:10px;margin-left:34px;height:100%}.nav-link{height:100%;position:relative;padding:0 12px;border:0;background:transparent;color:#65748a;font-weight:650;font-size:calc(13px + 1pt)}.nav-link:hover,.nav-link.active{color:#17243a}.nav-link.active:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:3px;background:#2d6bf2;border-radius:4px 4px 0 0}.top-actions{gap:8px}.library-meta{text-align:right;min-width:180px}.library-hero{max-width:1580px;margin:0 auto 42px;min-height:340px;border-radius:23px;overflow:hidden;position:relative;background:linear-gradient(105deg,#12223a 0%,#173958 55%,#255578 100%);color:white;display:grid;grid-template-columns:minmax(350px,.9fr) minmax(380px,1.1fr);align-items:center;padding:44px 56px;box-shadow:0 18px 42px #13314c1b}.library-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b1826ed 0%,#102b45cf 44%,#102b4525 100%);z-index:1}.hero-copy{position:relative;z-index:3;max-width:620px}.hero-kicker{font-size:calc(11px + 1pt);letter-spacing:.14em;font-weight:800;color:#a9c7ff;margin-bottom:16px}.hero-copy h1{font-size:clamp(calc(34px + 1pt),calc(4vw + 1pt),calc(58px + 1pt));line-height:1.03;letter-spacing:-2.5px;margin:0 0 15px;max-width:630px}.hero-copy p{font-size:calc(15px + 1pt);line-height:1.55;color:#e1e9f5;margin:0 0 24px;max-width:540px}.hero-art{position:absolute;inset:0 0 0 36%;z-index:0;opacity:.94}.hero-art svg{width:100%;height:100%;display:block}.library-hero .search-wrap{display:flex;align-items:center;background:white;border-radius:12px;max-width:610px;padding:6px 7px 6px 14px;margin:0;box-shadow:0 8px 26px #071a2c45}.library-hero .search-wrap>svg{position:static;transform:none;flex:none;color:#7a8ca3;width:19px;margin:0 10px 0 0}.library-hero .search{height:46px;border:0;box-shadow:none;padding:0 8px;background:transparent;font-size:calc(14px + 1pt)}.library-hero .shortcut{right:126px;border:0;background:transparent;color:#92a0b2}.hero-explore{height:44px;border:0;border-radius:9px;padding:0 20px;background:#2d6bf2;color:white;font-size:calc(14px + 1pt);font-weight:700}.hero-explore:hover{background:#1c58d6}.library-hero:after{content:"";position:absolute;z-index:2;right:34px;top:30px;width:9px;height:9px;border-radius:50%;background:#b6d2ff;box-shadow:0 0 0 8px #b6d2ff22,0 0 55px 22px #a2c6ff55}.workspace{max-width:1580px;margin:0 auto;grid-template-columns:minmax(0,1fr) 370px;gap:28px}.workspace:has(.detail-empty){grid-template-columns:minmax(0,1fr)}.workspace:has(.detail-empty) .detail{display:none}.toolbar{padding:0 0 14px;margin-bottom:14px;border-bottom:1px solid #e4e9f0}.tab{background:transparent;border:0;color:#65748a;font-size:calc(12px + 1pt);padding:9px 12px;border-radius:8px}.tab:hover{background:#edf2f8}.tab.active{background:#e7efff;color:#2059c6}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.concept-card{border:1px solid #e0e6ef;border-radius:15px;box-shadow:0 2px 7px #1f314508}.concept-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #19355416;border-color:#cad8eb}.card-image,.text-visual{height:190px}.card-image img{object-fit:cover}.card-body{padding:13px 15px 15px}.card-title{font-size:calc(15px + 1pt);letter-spacing:-.2px;margin-bottom:7px}.card-desc{font-size:calc(12px + 1pt);height:36px;margin-bottom:10px}.tag{font-size:calc(10px + 1pt);padding:3px 7px;border-radius:999px}.detail{border-radius:16px;top:18px;box-shadow:0 10px 35px #1b355214}.detail-content{padding:16px}.detail-content h2{font-size:calc(23px + 1pt)}.detail-desc{font-size:calc(13px + 1pt)}.search-wrap{margin-bottom:0}.results-line{font-size:calc(12px + 1pt);margin:14px 0 12px}.empty{border-radius:15px;padding:58px 22px;background:#fff}.empty h2{font-size:calc(20px + 1pt)}.group-page{max-width:1580px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 0 27px}.page-heading h1{font-size:calc(32px + 1pt);letter-spacing:-1.2px;margin:0 0 5px}.page-heading p{color:#69788d;margin:0;font-size:calc(14px + 1pt)}.group-count{color:#718098;font-size:calc(12px + 1pt);white-space:nowrap}.concept-groups{display:flex;flex-direction:column;gap:26px}.concept-group{background:#fff;border:1px solid #e1e7ef;border-radius:16px;padding:19px 20px 21px;box-shadow:0 4px 16px #1d36540a}.group-head{display:flex;align-items:center;gap:11px;margin:0 0 15px}.group-head h3{font-size:calc(18px + 1pt);letter-spacing:-.3px;margin:0}.group-head p{font-size:calc(11px + 1pt);color:#718096;margin:3px 0 0}.group-head .group-index{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#eaf1ff;color:#2d67d7;font-size:calc(12px + 1pt);font-weight:750;flex:none}.group-head .group-spacer{flex:1}.group-members{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.group-members .card-image,.group-members .text-visual{height:132px}.group-members .card-title{font-size:calc(13px + 1pt)}.group-members .card-desc{font-size:calc(11px + 1pt)}.group-members .concept-card{border-radius:12px}.group-score{font-size:calc(10px + 1pt);color:#546b89;background:#eff4fa;border-radius:99px;padding:4px 8px;white-space:nowrap}.similar-empty{max-width:730px;margin:44px auto;padding:55px 35px;text-align:center;background:white;border:1px solid #e5eaf1;border-radius:18px}.similar-empty h3{font-size:calc(20px + 1pt);margin:0 0 7px}.similar-empty p{font-size:calc(13px + 1pt);color:#718096;margin:0}
@media(max-width:1250px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{grid-template-columns:minmax(0,1fr) 350px}.app{padding:0 3vw 42px}.editor{grid-template-columns:160px minmax(190px,1fr) minmax(190px,.8fr)}.group-members{grid-template-columns:repeat(4,minmax(0,1fr))}.group-members .concept-card:nth-child(5){display:none}}
@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr)}.detail{position:relative;top:auto;min-height:0}.detail-content{display:grid;grid-template-columns:minmax(230px,.9fr) minmax(0,1fr);column-gap:18px}.detail-content .hero-image{grid-row:span 4;height:100%;max-height:350px;min-height:220px}.detail-content h2{margin-top:2px}.detail-content .detail-columns{grid-column:1/-1}.detail-content .detail-actions{grid-column:1/-1}.detail-empty{padding:12px}.detail-empty svg{margin-top:8px}.editor{grid-template-columns:145px minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:700px){.app{padding:10px 10px 25px}.topbar{align-items:flex-start;flex-wrap:wrap;gap:9px}.brand h1{font-size:calc(19px + 1pt)}.brand p{font-size:calc(10px + 1pt)}.brand-icon{width:34px;height:34px}.top-actions{width:100%;margin-left:43px;flex-wrap:wrap}.library-meta{text-align:left;margin-right:auto;min-width:auto;flex:1}.top-actions .btn{padding:7px 9px;font-size:calc(10px + 1pt)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.card-image,.text-visual{height:120px}.card-body{padding:8px}.card-title{font-size:calc(12px + 1pt)}.card-desc{font-size:calc(10px + 1pt)}.toolbar{gap:6px}.tabs{width:100%;overflow:auto}.tab{padding:7px 9px;white-space:nowrap}.toolbar-spacer{display:none}.control.tag-filter{flex:1;min-width:135px}.detail-content{display:block}.detail-content .hero-image{height:210px}.detail-content h2{margin-top:13px}.editor{grid-template-columns:1fr 1fr}.editor-image-column{grid-column:1/-1;display:grid;grid-template-columns:110px 1fr;align-items:center;gap:10px}.edit-image{width:110px;height:110px}.editor-footer{flex-wrap:wrap}.editor-footer .status{width:100%;order:5}.list .card-body{grid-template-columns:minmax(100px,1fr) minmax(100px,2fr);gap:4px 9px}.list .card-body .tags{grid-column:1/-1}.list .card-desc{display:none}}
@media(max-width:420px){.grid{grid-template-columns:1fr 1fr}.card-image,.text-visual{height:105px}.tabs{gap:4px}.tab{font-size:calc(10px + 1pt)}.editor{display:flex;flex-direction:column}.editor-image-column{display:grid;grid-template-columns:92px 1fr}.edit-image{width:92px;height:92px}.url-column{order:3}.editor-footer .btn{flex:1}.list .concept-card{grid-template-columns:72px minmax(0,1fr);height:80px}.list .card-image,.list .text-visual{height:80px}}
@media(max-width:980px){.library-hero{grid-template-columns:1fr;min-height:330px;padding:36px 34px}.hero-art{left:20%;opacity:.65}.group-members{grid-template-columns:repeat(3,minmax(0,1fr))}.group-members .concept-card:nth-child(5){display:block}}
@media(max-width:700px){.app{padding:0 14px 34px}.topbar{height:auto;min-height:70px;margin-bottom:20px;padding:11px 0;gap:8px}.brand-icon{width:34px;height:34px}.brand h1{font-size:calc(18px + 1pt)}.main-nav{order:3;margin:2px 0 0;width:100%;height:38px;gap:2px}.nav-link{height:38px;padding:0 10px}.nav-link.active:after{left:10px;right:10px}.top-actions{order:4;margin-left:0;width:100%;gap:6px}.library-meta{display:none}.top-actions .btn{font-size:calc(10px + 1pt);padding:7px 8px}.library-hero{min-height:365px;margin-bottom:28px;padding:30px 20px;border-radius:17px;display:flex;align-items:center}.hero-art{left:0;opacity:.52}.hero-copy h1{font-size:calc(38px + 1pt);letter-spacing:-1.8px}.hero-copy p{font-size:calc(13px + 1pt);max-width:380px}.hero-kicker{font-size:calc(9px + 1pt);margin-bottom:12px}.library-hero .search-wrap{padding-left:11px}.library-hero .search{font-size:calc(12px + 1pt);min-width:0}.library-hero .shortcut{display:none}.hero-explore{padding:0 13px!important;font-size:calc(12px + 1pt)!important}.group-page{padding:0 0 25px}.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-heading h1{font-size:calc(27px + 1pt)}.concept-group{padding:14px 12px;border-radius:13px}.group-head h3{font-size:calc(15px + 1pt)}.group-members{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.group-members .card-image,.group-members .text-visual{height:105px}.group-members .card-body{padding:8px}.group-members .card-title{font-size:calc(12px + 1pt)}.group-members .card-desc{font-size:calc(10px + 1pt)}.group-score{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.brand-home{border:0;background:transparent;padding:5px 0;color:#17243a;text-align:left}.brand-home .brand-wordmark{font-size:calc(23px + 1pt);line-height:1.1;letter-spacing:-.8px;margin:0;font-weight:780}.brand-home:hover{color:#2d6bf2}.library-meta{display:none!important}.hero-copy{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(310px,.95fr);grid-template-rows:auto auto auto;align-items:center;column-gap:38px;max-width:none;width:100%}.hero-copy h1{grid-column:1;grid-row:1/3}.hero-copy p{grid-column:1;grid-row:3}.hero-copy #hero-search-slot{grid-column:2;grid-row:1/4;width:100%}.library-hero .search-wrap{max-width:none}.improve-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.review-note{font-size:calc(10px + 1pt);color:#536b8a;margin:0 0 9px;line-height:1.4}.improve-grid .card-body{min-height:120px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:19px}.metric-card{min-height:142px;padding:19px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;box-shadow:0 3px 14px #1b35520a}.metric-card span{font-size:calc(12px + 1pt);color:#66768b;font-weight:650}.metric-card strong{font-size:calc(37px + 1pt);line-height:1.05;letter-spacing:-1.5px;margin:12px 0 7px;color:#1a2b43}.metric-card small{font-size:calc(11px + 1pt);color:#8692a2}.metric-card.accent{cursor:pointer;background:#eef4ff;border-color:#d9e6ff}.metric-card.accent strong{color:#2863d1}.metric-card.accent:hover{border-color:#9dbdf5;transform:translateY(-1px)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.analytics-panel{background:#fff;border:1px solid #e1e7ef;border-radius:15px;padding:20px 21px;box-shadow:0 3px 14px #1b35520a;min-width:0}.analytics-panel.wide{grid-column:1/-1}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h3{font-size:calc(16px + 1pt);margin:0 0 4px;letter-spacing:-.2px}.panel-heading p{font-size:calc(11px + 1pt);color:#79879a;margin:0}.coverage-row{margin:15px 0 18px}.coverage-row>div:first-child{display:flex;justify-content:space-between;font-size:calc(12px + 1pt);color:#40536b;margin-bottom:7px}.coverage-row strong{color:#1f3350}.coverage-row small{display:block;font-size:calc(10px + 1pt);color:#8794a5;margin-top:5px}.bar-track{height:8px;background:#edf1f6;border-radius:99px;overflow:hidden}.bar-track>span{height:100%;display:block;background:#3474ee;border-radius:99px;min-width:0}.tag-bar-row{display:grid;grid-template-columns:minmax(90px,130px) minmax(40px,1fr) 24px;gap:10px;align-items:center;margin:15px 0;font-size:calc(11px + 1pt);color:#43556c}.tag-bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-bar-row .bar-track{height:7px}.tag-bar-row .bar-track>span{background:#84aaf0}.tag-bar-row strong{text-align:right}.analytics-empty{font-size:calc(12px + 1pt);color:#7a889a;padding:20px 0}.chart-total{font-size:calc(12px + 1pt);color:#66768b}.month-chart{height:190px;display:flex;align-items:stretch;gap:14px;padding-top:6px}.month-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.month-count{height:18px;font-size:calc(10px + 1pt);color:#566b88}.month-bar-shell{height:128px;width:min(42px,70%);display:flex;align-items:flex-end;background:#f1f4f8;border-radius:7px 7px 3px 3px;overflow:hidden}.month-bar-shell span{display:block;width:100%;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#5790f0,#2d6bf2)}.month-col small{font-size:calc(10px + 1pt);color:#77869b;margin-top:8px}.similar-empty{box-shadow:0 4px 18px #1d36540a}
@media(max-width:1250px){.improve-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.hero-copy{display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-copy p{margin-bottom:20px}.hero-copy #hero-search-slot{width:100%}.improve-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}}
@media(max-width:700px){.brand-home .brand-wordmark{font-size:calc(19px + 1pt)}.hero-copy #hero-search-slot{margin-top:1px}.metric-grid{gap:8px}.metric-card{min-height:122px;padding:14px}.metric-card strong{font-size:calc(30px + 1pt)}.analytics-panel{padding:16px}.analytics-panel.wide{grid-column:auto}.analytics-page .page-heading{flex-direction:column}.month-chart{gap:7px}.tag-bar-row{grid-template-columns:85px minmax(30px,1fr) 20px}}
.nav-link.active:after{display:none!important}.library-hero{grid-template-columns:1fr}.hero-copy{display:block;width:min(100%,760px);max-width:760px}.hero-copy h1{display:block;grid-row:auto;grid-column:auto;max-width:760px;font-size:clamp(calc(38px + 1pt),calc(4vw + 1pt),calc(58px + 1pt));line-height:1.02;letter-spacing:-2.3px}.hero-copy p{display:block;grid-row:auto;grid-column:auto;max-width:580px;margin:16px 0 0}.hero-copy #hero-search-slot{display:block;grid-row:auto;grid-column:auto;width:min(100%,610px);margin-top:23px}.library-hero .search-wrap{max-width:610px}.library-hero .shortcut{right:126px}.workspace.detail-open .detail-shade,.app.detail-open>.detail-shade{position:fixed;inset:0;z-index:40;border:0;background:#0e1a2b38;cursor:default}.workspace.detail-open .detail,.detail-floating{position:fixed;z-index:41;right:clamp(14px,4vw,62px);top:50%;transform:translateY(-50%);width:min(440px,92vw);max-height:88vh;min-height:0;overflow:auto;box-shadow:0 22px 72px #0b1b2c38;animation:detail-in .18s ease both}.detail-top{position:sticky;top:0;z-index:3;background:#fff}.detail-top #close-detail{margin-right:4px}.detail-content{padding-bottom:18px}.detail-shade{appearance:none}.detail-open .detail-shade:hover{background:#0e1a2b38}@keyframes detail-in{from{opacity:0;transform:translate(14px,-50%)}to{opacity:1;transform:translate(0,-50%)}}
@media(max-width:980px){.library-hero{grid-template-columns:1fr}.hero-copy{display:block;max-width:760px}.hero-copy h1,.hero-copy p,.hero-copy #hero-search-slot{grid-column:auto;grid-row:auto}.hero-copy #hero-search-slot{margin-top:20px}.workspace.detail-open .detail,.detail-floating{right:4vw;width:min(440px,92vw)}}
@media(max-width:700px){.library-hero{display:flex}.hero-copy{display:block;width:100%}.hero-copy h1{font-size:calc(38px + 1pt);letter-spacing:-1.7px}.hero-copy #hero-search-slot{margin-top:19px}.workspace.detail-open .detail,.detail-floating{right:4vw;top:50%;width:92vw;max-height:88vh}}


.rich-text p{margin:0 0 .72em}.rich-text p:last-child{margin-bottom:0}.rich-text ul,.rich-text ol{margin:.15em 0 .7em;padding-left:1.35em}.rich-text li+li{margin-top:.2em}.rich-text blockquote{margin:.4em 0;padding-left:.8em;border-left:2px solid #cbd8e8;color:#526780}.rich-text h3,.rich-text h4,.rich-text h5{font:inherit;font-weight:700;margin:0 0 .45em}.rich-text code{font:calc(.92em + 1pt) ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf2f8;border-radius:4px;padding:.08em .3em}.rich-text a{color:#205fca;text-decoration:underline;text-underline-offset:2px}.card-desc.rich-text{display:block}.card-desc.rich-text p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.text-excerpt.rich-text p{margin:0}.detail-desc.rich-text{white-space:normal}.improve-page{display:flex;flex-direction:column;gap:26px}.improve-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #e1e8f0}.improve-section-head h3{font-size:calc(17px + 1pt);margin:0}.improve-section-head p{font-size:calc(12px + 1pt);color:#718096;margin:3px 0 0}.improve-section-head>span{font-size:calc(11px + 1pt);color:#60748b;background:#edf3fa;padding:4px 9px;border-radius:999px}.improve-empty{font-size:calc(12px + 1pt);color:#718096;padding:12px 0}.suggested-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:7px}.suggested-label{font-size:calc(10px + 1pt);color:#718096;margin-right:2px}.tag-suggestion{border:1px dashed #a9c2e2;background:#f6f9ff;color:#315d95;border-radius:999px;padding:4px 8px;font-size:calc(10px + 1pt)}.tag-suggestion:hover{background:#e8f1ff;border-style:solid}

.inline-editor-left{min-width:0}.inline-editor-left .visibility-field{margin-top:12px}

.admin-settings{margin:0 0 18px}.admin-settings-body{padding:16px 20px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.admin-switch-row{display:flex;align-items:center;gap:11px;cursor:pointer;min-width:min(100%,360px)}.admin-switch-row>input{width:18px;height:18px;accent-color:#3478ed;flex:none}.admin-switch-row span:last-child{display:flex;flex-direction:column;gap:3px}.admin-switch-row strong,.admin-default-limit label{font-size:calc(13px + 1pt);font-weight:700}.admin-switch-row small,.admin-default-limit span{font-size:calc(11px + 1pt);color:var(--muted)}.admin-default-limit{display:flex;flex-direction:column;gap:5px}.admin-default-limit>div{display:flex;align-items:center;gap:9px}.admin-default-limit input,.limit-editor input{width:92px;height:34px;border:1px solid #d4deea;border-radius:7px;padding:4px 8px;background:#fff;color:var(--ink)}.content-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}.global-content-panel{margin-bottom:18px}.content-status-card{min-width:0;border:1px solid #e5ebf2;border-radius:10px;background:#fbfcfe;padding:15px;display:flex;flex-direction:column;gap:5px}.content-status-card>span{color:var(--muted);font-size:calc(12px + 1pt)}.content-status-card>strong{font-size:calc(25px + 1pt);line-height:1.2}.content-status-card>strong small{font-size:calc(13px + 1pt);color:#8492a5;font-weight:600}.content-status-card>small{font-size:calc(10px + 1pt);color:#718096}.content-status-card.complete{background:#f7fbff}.content-progress{height:6px;border-radius:99px;background:#e7edf5;overflow:hidden;margin:2px 0}.content-progress i{display:block;height:100%;border-radius:inherit;background:#3478ed}.admin-user-table{min-width:1420px}.limit-editor{display:grid;grid-template-columns:86px auto;align-items:center;gap:4px}.limit-editor input{width:86px}.limit-editor .btn{padding:5px 7px}.limit-editor small{grid-column:1/-1;color:var(--muted);font-size:calc(10px + 1pt)}@media(max-width:950px){.content-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-body{align-items:flex-start}}@media(max-width:600px){.content-status-grid{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.content-status-card{padding:11px}.admin-settings-body{padding:14px;gap:14px}.admin-settings-body>.btn{width:100%}.admin-switch-row{min-width:100%}}

.workspace.detail-open .detail,.detail-floating{width:min(880px,92vw)}@media(max-width:700px){.workspace.detail-open .detail,.detail-floating{width:calc(100vw - 24px);right:12px;max-height:92vh}}.lightbox-toolbar .close-light{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:7px 11px;font-size:calc(12px + 1pt);font-weight:650;z-index:2}.lightbox-toolbar .close-light svg{width:15px;height:15px}

.concept-page{max-width:1500px}.concept-page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px}.concept-page-toolbar .btn{font-size:calc(13px + 1pt);padding:10px 14px}.concept-page-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:34px;align-items:start}.concept-page-media{position:sticky;top:18px;min-height:460px;max-height:72vh;background:#e8eef5;border-radius:18px;overflow:hidden;display:grid;place-items:center}.concept-page-media img{width:100%;height:100%;max-height:72vh;object-fit:contain;cursor:zoom-in}.concept-page-placeholder{display:grid;place-items:center;gap:14px;color:#72839a;font-size:calc(16px + 1pt)}.concept-page-placeholder svg{width:70px;height:70px}.concept-page-copy{padding:12px 4px}.concept-page-eyebrow{font-size:calc(12px + 1pt);font-weight:750;letter-spacing:.12em;color:#6680a0;margin-bottom:9px}.concept-page-copy h1{font-size:clamp(calc(32px + 1pt),calc(4vw + 1pt),calc(48px + 1pt));line-height:1.1;letter-spacing:-1.4px;margin:0 0 15px}.concept-page-tags{gap:8px;margin:0 0 22px}.concept-page-tags .tag{font-size:calc(12px + 1pt);padding:5px 9px}.concept-page-description{font-size:calc(18px + 1pt);line-height:1.72;color:#344963}.concept-page-description p{margin:0 0 1em}.concept-page-section{margin-top:26px}.concept-page-section h2,.concept-page-section-heading h2{font-size:calc(20px + 1pt);margin:0 0 10px}.concept-page-section .rich-text{font-size:calc(16px + 1pt);line-height:1.65;color:#425873}.concept-page-empty{font-size:calc(15px + 1pt);color:#718096}.concept-page-actions{display:flex;gap:9px;margin-top:28px}.concept-related-section{margin-top:40px;padding-top:23px;border-top:1px solid #dce5ef}.concept-page-section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.concept-page-section-heading span{font-size:calc(12px + 1pt);color:#708199}.concept-related-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.concept-related-row{display:flex;justify-content:space-between;gap:12px;text-align:left;padding:13px 15px;border:1px solid #dce5ef;background:#fff;border-radius:9px;font-size:calc(14px + 1pt)}.concept-related-row:hover{border-color:#a9c6ee;background:#f8fbff}.concept-related-row span:last-child{color:#5075a5;font-weight:700}.concept-page .resource{font-size:calc(14px + 1pt);margin:10px 0}.concept-page .detail-columns{font-size:calc(15px + 1pt)}
@media(max-width:850px){.concept-page-layout{grid-template-columns:1fr;gap:18px}.concept-page-media{position:relative;top:auto;min-height:300px;max-height:55vh}.concept-page-media img{max-height:55vh}.concept-page-copy{padding:0}.concept-page-description{font-size:calc(17px + 1pt)}.concept-page-toolbar{align-items:flex-start;flex-direction:column}}

.understanding-section>p{font-size:calc(14px + 1pt);color:#6b7d93;margin:0 0 10px}.understanding-rating{display:flex;gap:7px;flex-wrap:wrap}.understanding-option{width:42px;height:42px;border-radius:10px;border:1px solid #d5e0ed;background:#fff;color:#435872;font-size:calc(15px + 1pt);font-weight:650}.understanding-option:hover{border-color:#6fa0e8;background:#f5f9ff}.understanding-option.selected{background:#e7f0ff;border-color:#7ca9e8;color:#2059b0}.understanding-option.current{background:#2d6bf2;border-color:#2d6bf2;color:#fff}.rating-caption{font-size:calc(12px + 1pt);color:#718096;margin-top:7px}.inline-editor-page{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:34px;align-items:start}.inline-editor-media{position:sticky;top:18px;display:flex;flex-direction:column;gap:12px}.inline-editor-media .edit-image{width:100%;height:min(58vh,620px);object-fit:contain;background:#eef2f7;border-radius:14px}.inline-editor-media .edit-image-missing{display:grid;place-items:center;color:#7a8ba0;font-size:calc(16px + 1pt)}.inline-editor-fields{display:flex;flex-direction:column;gap:13px}.inline-editor-fields .field label{display:block;font-size:calc(13px + 1pt);font-weight:700;margin:0 0 6px}.inline-editor-fields input,.inline-editor-fields textarea{width:100%;font-size:calc(16px + 1pt);padding:11px 12px;border:1px solid #d4deea;border-radius:8px;background:#fff;color:var(--ink)}.inline-editor-fields textarea{min-height:140px;line-height:1.65;resize:vertical}.inline-editor-fields #notes{min-height:90px}.inline-editor-fields .tags-input input{width:auto;font-size:calc(13px + 1pt);padding:5px!important}.inline-editor-footer{position:sticky;bottom:0;z-index:10;background:#f3f6faef;padding:12px 0;border-top:1px solid #dce5ef}.inline-editor-footer .btn{font-size:calc(13px + 1pt);padding:10px 15px}.concept-page-copy h1{margin-top:0}
@media(max-width:850px){.inline-editor-page{grid-template-columns:1fr;gap:20px}.inline-editor-media{position:relative;top:auto}.inline-editor-media .edit-image{height:42vh}.understanding-option{width:38px;height:38px}}
.concept-text-fields{display:flex;flex-direction:column;gap:7px}.concept-text-label{display:block;color:#708199;font-size:calc(12px + 1pt);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.concept-description-label{margin-top:10px}.concept-title-input{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;padding:3px 7px;margin-left:-7px;color:var(--ink);font:750 clamp(calc(32px + 1pt),calc(4vw + 1pt),calc(48px + 1pt))/1.1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-1.4px;transition:border-color .15s,background .15s}.concept-title-input:hover,.concept-title-input:focus{border-color:#b9cfee;background:#fff;outline:none}.concept-title-input::placeholder{color:#8795a8}.concept-description-input{min-height:180px;padding:12px 13px;border:1px solid #dce5ef;border-radius:9px;background:#fff;outline:none}.concept-description-input:focus{border-color:#8cb4eb;box-shadow:0 0 0 3px #eaf2ff}.concept-description-input:empty:before{content:attr(data-placeholder);color:#8795a8;pointer-events:none}.concept-text-actions{display:flex;align-items:center;gap:9px;padding:8px 0}.concept-text-actions #concept-text-status{color:#718096;font-size:calc(12px + 1pt)}.youtube-video:after,.card-image.youtube-video-card:after{content:'▶';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border:2px solid #ffffffbd;border-radius:50%;background:#111a2abf;color:#fff;font-size:calc(30px + 1pt);box-shadow:0 4px 22px #0006;pointer-events:none}.inline-editor-media.youtube-video:after{left:50%;top:35%}.card-image.youtube-video-card:after{width:48px;height:48px;font-size:calc(19px + 1pt);padding-left:3px}.concept-page-media.youtube-video img,.inline-editor-media.youtube-video img{cursor:pointer}.youtube-player-overlay{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#07111eef;backdrop-filter:blur(5px)}.youtube-player-dialog{width:min(1040px,100%);overflow:hidden;border:1px solid #ffffff25;border-radius:14px;background:#101b29;box-shadow:0 24px 80px #0009;color:#fff}.youtube-player-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;font-size:calc(14px + 1pt)}.youtube-player-close{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff2b;border-radius:8px;background:#ffffff12;color:#fff}.youtube-player-close:hover{background:#ffffff24}.youtube-player-close svg{width:18px;height:18px}.youtube-player-frame{aspect-ratio:16/9;background:#000}.youtube-player-frame iframe{width:100%;height:100%;border:0}.editor-footer #editor-delete{margin-right:auto}
@media(max-width:700px){.concept-title-input{font-size:calc(30px + 1pt)}.concept-description-input{min-height:220px;font-size:calc(16px + 1pt)}.youtube-player-overlay{padding:12px}.youtube-player-dialog header{padding:8px 10px}}


.top-actions{flex-wrap:wrap}.auth-divider{height:24px;width:1px;background:var(--line);margin:0 2px}.auth-button{max-width:150px;overflow:hidden;text-overflow:ellipsis}.auth-overlay{z-index:80}.auth-modal{width:min(430px,100%)}.auth-content{padding:22px 24px 24px}.auth-intro{margin:0 0 20px;color:#66788e;font-size:calc(13px + 1pt);line-height:1.55}.auth-content form{display:flex;flex-direction:column;gap:8px}.auth-content form label{font-size:calc(12px + 1pt);font-weight:700;color:#354760}.auth-content form input{width:100%;height:42px;padding:0 11px;border:1px solid #d6e0eb;border-radius:7px;color:var(--ink);background:#fff}.auth-content form input:focus{outline:3px solid #70a7ff55;border-color:#8cb4eb}.auth-content .status{min-height:0}.auth-submit{width:100%;height:42px;margin-top:5px}.auth-switch{border:0;background:none;color:#235fc1;font-size:calc(12px + 1pt);padding:12px 0 0}.auth-switch:hover{text-decoration:underline}.auth-local-note{margin:16px 0 0;padding-top:12px;border-top:1px solid #edf1f6;color:#78889b;font-size:calc(11px + 1pt)}.visibility-select{width:100%;height:40px;font-size:calc(13px + 1pt)}.visibility-help{margin:6px 0 0;color:#718096;font-size:calc(11px + 1pt);line-height:1.45}
@media(max-width:700px){.topbar{flex-wrap:wrap}.top-actions{width:100%;margin-left:0;justify-content:flex-end;gap:6px}.auth-divider{display:none}.auth-button{margin-left:auto}.top-actions .btn{padding:8px 9px;font-size:calc(11px + 1pt)}.auth-content{padding:18px}.auth-modal{max-height:90vh}}

.concept-description-input{color:var(--ink);background:transparent;border-color:transparent;padding:4px 7px;margin-left:-7px}.concept-description-input:hover,.concept-description-input:focus{border-color:#b9cfee;background:#fff}.concept-description-input:focus{box-shadow:0 0 0 3px #eaf2ff}.concept-text-status{display:block;min-height:18px;color:#718096;font-size:calc(12px + 1pt)}.youtube-inline-frame{display:block;width:100%;height:100%;border:0;background:#000}.detail-content .youtube-inline-frame{height:178px;border:1px solid #edf1f6;border-radius:8px}.youtube-playing:after{display:none!important}.inline-editor-media .youtube-inline-frame.edit-image{object-fit:initial}
.concept-page-layout{display:flex;flex-direction:column;gap:26px}.concept-page-media{position:relative;top:auto;width:100%;min-height:clamp(420px,60vh,760px);max-height:75vh}.concept-page-media img{width:100%;height:100%;max-height:75vh}.concept-page-copy{width:100%;padding:0 2px}.concept-text-fields{width:100%}.concept-title-input{cursor:text;background:transparent;border-color:transparent;transition:none}.concept-title-input:hover,.concept-title-input:focus{background:transparent;border-color:transparent;color:var(--ink)}.concept-title-input[readonly]{cursor:text}.concept-title-input:not([readonly]){border-color:#b9cfee;background:var(--paper)}.concept-description-input{color:var(--ink);background:transparent;border-color:transparent;cursor:text;min-height:100px;padding:4px 7px;margin:0}.concept-description-input:hover{color:var(--ink);background:transparent;border-color:transparent}.concept-description-input[contenteditable=true]{background:var(--paper);border-color:#b9cfee;border-radius:8px}.concept-description-input:focus{color:var(--ink);outline:2px solid #eaf2ff;outline-offset:1px;box-shadow:none}.concept-description-input p,.concept-description-input li,.concept-description-input strong,.concept-description-input em{color:inherit}.concept-page-actions{align-items:center;gap:10px}
@media(max-width:850px){.concept-page-media{min-height:clamp(300px,48vh,520px);max-height:60vh}.concept-page-media img{max-height:60vh}.concept-page-copy{padding:0}}

.inline-editor-media[tabindex]{outline:none;border-radius:14px}.inline-editor-media[tabindex]:focus-visible{outline:3px solid #82afea;outline-offset:5px}.image-paste-hint{font-size:calc(12px + 1pt);color:#718096;text-align:center;margin:-3px 0 0}
.lightbox-toolbar{height:0;min-height:0;flex:none}.lightbox-toolbar .close-light{position:fixed;right:16px;top:12px;z-index:6}.lightbox-stage{display:flex;align-items:flex-start;justify-content:center;overflow:auto;touch-action:pan-x pan-y;padding:62px 64px 20px}.lightbox-stage img{display:block;flex:none;width:auto;height:auto;max-width:calc(100vw - 128px);max-height:none;object-fit:contain;transform:none!important;transform-origin:initial;margin:auto;cursor:default}.lightbox-stage img.dragging{cursor:default}.light-nav{position:fixed;z-index:5;top:50vh;transform:translateY(-50%)}.light-nav.prev{left:14px}.light-nav.next{right:14px}@media(max-width:600px){.lightbox-stage{padding:58px 48px 16px}.lightbox-stage img{max-width:calc(100vw - 96px)}.lightbox-toolbar .close-light{right:10px;top:8px}.light-nav.prev{left:6px}.light-nav.next{right:6px}}

.nav-link.active:after{display:none}
/* Phone layout: stack the application shell and keep its controls within the viewport. */
@media(max-width:700px){
  html,body{width:100%;overflow-x:hidden}
  .app{width:100%;max-width:none;padding:8px 12px 26px;overflow-x:clip}
  .topbar{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"brand" "nav" "actions";gap:9px;margin:0 0 14px;padding:6px 0 10px;height:auto;min-height:0;align-items:center}
  .brand-home{grid-area:brand;justify-self:start;padding:0}
  .brand-home .brand-wordmark{font-size:calc(22px + 1pt);line-height:1.15}
  .main-nav{grid-area:nav;order:initial;display:flex;width:100%;height:42px;margin:0;gap:2px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;border-bottom:1px solid #dce5ef}
  .main-nav::-webkit-scrollbar{display:none}
  .nav-link{height:42px;flex:1 0 auto;min-width:max-content;padding:0 9px;font-size:calc(11px + 1pt);white-space:nowrap}
  .nav-link.active:after{left:8px;right:8px;height:2px}
  .top-actions{grid-area:actions;order:initial;display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0}
  .top-actions .btn{min-width:0;min-height:38px;padding:6px 4px;gap:4px;justify-content:center;font-size:calc(10px + 1pt);white-space:normal;line-height:1.2}
  .top-actions .btn svg{width:13px;height:13px;flex:none}
  .library-meta{display:none}
  .library-hero{display:block;width:100%;min-height:0;margin:0 0 22px;padding:28px 18px 22px;border-radius:17px}
  .hero-art{left:0;opacity:.38}
  .hero-copy{display:block;width:100%;max-width:none}
  .hero-copy h1{max-width:13ch;margin:0 0 10px;font-size:clamp(calc(29px + 1pt),calc(8.6vw + 1pt),calc(38px + 1pt));line-height:1.05;letter-spacing:-1.4px}
  .hero-copy p{max-width:38ch;margin:0 0 17px;font-size:calc(13px + 1pt);line-height:1.55}
  .hero-copy #hero-search-slot{width:100%;margin-top:0}
  .library-hero .search-wrap{width:100%;padding-left:0}
  .library-hero .search{width:100%;height:44px;padding-right:78px;font-size:calc(12px + 1pt)}
  .hero-explore{right:4px;padding:0 10px!important;font-size:calc(11px + 1pt)!important}
  .workspace{display:flex;width:100%;flex-direction:column;gap:12px}
  .main{width:100%;min-width:0}
  .search-wrap{width:100%}
  .toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;margin:0 0 12px}
  .tabs{grid-column:1/-1;width:100%;gap:5px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
  .tabs::-webkit-scrollbar{display:none}
  .tab{flex:none;padding:7px 9px;font-size:calc(10px + 1pt);white-space:nowrap}
  .toolbar-spacer{display:none}
  .control,.control.tag-filter{width:100%;min-width:0;height:38px;padding:0 8px;font-size:calc(11px + 1pt)}
  .toggle{grid-column:1/-1;justify-self:end;height:34px}
  .results-line{align-items:flex-start;gap:8px;flex-wrap:wrap;font-size:calc(11px + 1pt)}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .concept-card{border-radius:11px}
  .card-image,.text-visual{height:clamp(96px,31vw,132px)}
  .card-body{padding:8px 9px 10px}
  .card-title{display:-webkit-box;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:calc(12px + 1pt);line-height:1.32}
  .card-desc{height:31px;font-size:calc(10px + 1pt);line-height:1.45}
  .card-body .tags{gap:4px}
  .card-body .tag{font-size:calc(9px + 1pt);padding:3px 6px}
  .list .concept-card{grid-template-columns:76px minmax(0,1fr);height:auto;min-height:82px}
  .list .card-image,.list .text-visual{height:100%;min-height:82px}
  .list .card-body{display:flex;min-width:0;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:8px 10px}
  .list .card-title{display:block;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:calc(12px + 1pt)}
  .list .card-desc{display:none}
  .list .card-body .tags{display:none}
  .group-page{width:100%;max-width:none;padding:0 0 24px}
  .page-heading{align-items:flex-start;flex-direction:column;gap:7px;margin:0 0 18px}
  .page-heading h1{font-size:calc(25px + 1pt);line-height:1.15;letter-spacing:-.7px}
  .page-heading p{font-size:calc(12px + 1pt);line-height:1.5}
  .group-count{font-size:calc(11px + 1pt);white-space:normal}
  .concept-groups,.improve-page{gap:17px}
  .concept-group{padding:13px 11px 14px;border-radius:13px}
  .group-head{align-items:flex-start;gap:8px;margin-bottom:11px}
  .group-head .group-index{width:29px;height:29px;border-radius:9px}
  .group-head h3{font-size:calc(14px + 1pt);line-height:1.3}
  .group-head p{font-size:calc(10px + 1pt);line-height:1.4}
  .group-members,.improve-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .group-members .card-image,.group-members .text-visual{height:clamp(92px,29vw,120px)}
  .group-members .card-body{padding:7px}
  .group-members .card-title{font-size:calc(11px + 1pt)}
  .group-members .card-desc{font-size:calc(9px + 1pt)}
  .group-members .card-body .tag{font-size:calc(8px + 1pt);padding:2px 5px}
  .group-score{display:none}
  .detail-floating,.workspace.detail-open .detail{position:fixed;z-index:45;top:auto;right:10px;bottom:10px;left:10px;width:auto;max-width:none;max-height:88dvh;min-height:0;transform:none;border-radius:16px;overflow:auto;animation:none}
  .detail-top{position:sticky;top:0;z-index:3;background:#fff}
  .detail-content{display:block;padding:12px 14px 18px}
  .detail-content .hero-image{display:block;width:100%;height:clamp(170px,48vw,230px);min-height:0;max-height:none;margin:0 0 12px}
  .detail-content h2{margin:8px 0;font-size:calc(21px + 1pt)}
  .detail-desc{font-size:calc(13px + 1pt);line-height:1.6}
  .detail-columns{grid-template-columns:1fr;gap:12px}
  .detail-actions{flex-wrap:wrap}
  .detail-actions .btn{min-height:38px}
  .library-hero~.workspace.detail-open .detail-shade,.detail-shade{position:fixed;inset:0;z-index:44}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px}
  .metric-card{min-width:0;min-height:112px;padding:12px;border-radius:12px}
  .metric-card span,.metric-card small{font-size:calc(10px + 1pt);line-height:1.4}
  .metric-card strong{font-size:calc(27px + 1pt)}
  .analytics-grid{grid-template-columns:1fr;gap:10px}
  .analytics-panel{min-width:0;padding:15px;border-radius:13px}
  .analytics-panel.wide{grid-column:auto}
  .analytics-page .page-heading{flex-direction:column;align-items:flex-start}
  .analytics-page .page-heading .btn{width:100%;justify-content:center;min-height:40px}
  .month-chart{gap:6px}
  .month-col{min-width:0}
  .tag-bar-row{grid-template-columns:minmax(58px,85px) minmax(25px,1fr) 20px;gap:7px}
  .concept-page{padding-bottom:28px}
  .concept-page-toolbar{margin-bottom:12px}
  .concept-page-toolbar .btn{min-height:38px}
  .concept-page-layout{gap:17px}
  .concept-page-media{width:100%;min-height:clamp(210px,42vh,330px);max-height:48vh;border-radius:14px}
  .concept-page-media img{max-height:48vh}
  .concept-page-copy{padding:0}
  .concept-title-input{font-size:clamp(calc(27px + 1pt),calc(8vw + 1pt),calc(34px + 1pt));line-height:1.12;padding:4px 2px;margin:0}
  .concept-page-tags{gap:6px;margin:0 0 14px}
  .concept-page-tags .tag{font-size:calc(11px + 1pt);padding:4px 7px}
  .concept-page-description{font-size:calc(16px + 1pt);line-height:1.65}
  .concept-description-input{min-height:85px;padding:4px 2px}
  .concept-page-section{margin-top:20px}
  .concept-page-section h2,.concept-page-section-heading h2{font-size:calc(18px + 1pt)}
  .concept-page-section .rich-text{font-size:calc(15px + 1pt);line-height:1.6;overflow-wrap:anywhere}
  .concept-page .resource{font-size:calc(13px + 1pt);line-height:1.45;overflow-wrap:anywhere}
  .understanding-section>p{font-size:calc(12px + 1pt)}
  .understanding-rating{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;max-width:336px}
  .understanding-option{width:100%;height:36px;font-size:calc(13px + 1pt)}
  .concept-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}
  .concept-page-actions .btn{min-height:42px;padding:8px 10px!important;font-size:calc(12px + 1pt)}
  .concept-related-section{margin-top:25px;padding-top:18px}
  .concept-related-list{grid-template-columns:1fr;gap:7px}
  .concept-related-row{min-height:42px;padding:10px 12px;font-size:calc(13px + 1pt)}
  .inline-editor-page{grid-template-columns:minmax(0,1fr);gap:18px}
  .inline-editor-media{position:relative;top:auto;gap:9px;padding:2px}
  .inline-editor-media .edit-image{height:clamp(200px,42vh,360px);max-height:48vh}
  .image-paste-hint{font-size:calc(11px + 1pt);line-height:1.4}
  .inline-editor-fields{gap:11px}
  .inline-editor-fields input,.inline-editor-fields textarea{font-size:calc(16px + 1pt)}
  .inline-editor-footer{position:static;display:flex;flex-wrap:wrap;gap:7px;padding:10px 0 calc(10px + env(safe-area-inset-bottom))}
  .inline-editor-footer .spacer{display:none}
  .inline-editor-footer #editor-delete{order:4;flex:1 1 100%;margin:0}
  .inline-editor-footer #save-status{order:1;flex:1 1 100%;width:100%}
  .inline-editor-footer #save,.inline-editor-footer #save-next{order:2;flex:1 1 0;min-width:0;padding:9px 8px;font-size:calc(12px + 1pt)}
  .lightbox-toolbar .close-light{top:calc(8px + env(safe-area-inset-top));right:10px}
  .lightbox-stage{padding:calc(56px + env(safe-area-inset-top)) 46px calc(18px + env(safe-area-inset-bottom));}
  .lightbox-stage img{max-width:calc(100vw - 92px)}
  .light-nav{top:50dvh;width:34px;height:40px}
  .light-nav.prev{left:4px}.light-nav.next{right:4px}
}
@media(max-width:390px){
  .app{padding-right:10px;padding-left:10px}
  .library-hero{padding:24px 15px 19px}
  .hero-copy h1{font-size:calc(30px + 1pt)}
  .group-members .card-desc{display:none}
  .group-members .card-body{min-height:58px}
  .group-members .card-image,.group-members .text-visual{height:95px}
  .improve-grid{grid-template-columns:1fr}
  .improve-grid .card-image,.improve-grid .text-visual{height:150px}
  .metric-card{padding:10px}
  .understanding-rating{max-width:100%;gap:5px}
  .concept-page-media{min-height:clamp(200px,38vh,290px);max-height:43vh}
  .concept-page-media img{max-height:43vh}
}


.admin-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}.admin-metric,.admin-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.admin-metric{padding:18px;display:flex;flex-direction:column;gap:5px}.admin-metric span{font-size:calc(13px + 1pt);color:var(--muted)}.admin-metric strong{font-size:calc(30px + 1pt);line-height:1.15;letter-spacing:-.7px}.admin-metric small{font-size:calc(12px + 1pt);color:var(--muted)}.admin-metric.pending{border-color:#f0d5a3;background:#fffaf0}.admin-panel{overflow:hidden}.admin-panel-heading{padding:18px 20px;border-bottom:1px solid #e8edf3}.admin-panel-heading h3{margin:0 0 4px;font-size:calc(16px + 1pt)}.admin-panel-heading p{margin:0;color:var(--muted);font-size:calc(12px + 1pt)}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:760px;text-align:left}.admin-table th,.admin-table td{padding:12px 14px;border-bottom:1px solid #edf1f5;font-size:calc(12px + 1pt);white-space:nowrap}.admin-table th{font-size:calc(11px + 1pt);color:#6c7c90;background:#f8fafc}.admin-table tr:last-child td{border-bottom:0}.admin-role{margin-left:8px;color:#245fbd;background:#eaf2ff;border-radius:5px;padding:3px 6px;font-size:calc(10px + 1pt);font-weight:700}.account-status{display:inline-block;border-radius:999px;padding:3px 8px;background:#e7f6ec;color:#267347;text-transform:capitalize;font-size:calc(11px + 1pt);font-weight:650}.account-status.pending{background:#fff2d8;color:#855800}.admin-loading{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--muted)}@media(max-width:700px){.admin-metrics{grid-template-columns:1fr}.admin-table th,.admin-table td{padding:10px}}


/* Compact, readable horizontal cards in list view. */
.list .concept-card{grid-template-columns:minmax(160px,20%) minmax(0,1fr);height:auto;min-height:142px;align-items:stretch}
.list .card-image,.list .text-visual{height:auto;min-height:142px}
.list .card-body{display:grid;grid-template-columns:minmax(140px,.82fr) minmax(0,2fr) minmax(110px,.62fr);align-items:start;gap:14px;padding:15px 16px;min-width:0}
.list .card-title{display:-webkit-box;min-width:0;max-width:240px;margin:0;white-space:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.35}
.list .card-desc{display:-webkit-box;min-width:0;height:auto;max-height:4.8em;margin:0;overflow:hidden;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.list .card-desc.rich-text{display:block;max-height:4.8em;overflow:hidden}
.list .card-body .tags{min-width:0;align-content:start;align-self:start;justify-content:flex-start;gap:5px;padding-top:1px}
.list .card-body .tag{white-space:normal;overflow-wrap:anywhere}
.profile-menu-wrap{position:relative;display:flex;align-items:center}
.profile-toggle{border:0;background:transparent;padding:3px;display:inline-flex;align-items:center;gap:4px;border-radius:9px}
.profile-toggle:hover{background:#edf3fb}
.profile-avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#4388f7,#245fce);color:white;font-size:calc(14px + 1pt);font-weight:750;box-shadow:0 2px 6px #245fce35}
.profile-caret{font-size:calc(15px + 1pt);line-height:1;color:#5e7189}
.profile-menu{position:absolute;z-index:60;top:calc(100% + 8px);right:0;width:max-content;min-width:205px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 12px 32px #20344d25}
.profile-menu-user{padding:8px 9px 10px;color:var(--muted);font-size:calc(11px + 1pt);line-height:1.55;border-bottom:1px solid #edf1f6;overflow-wrap:anywhere}
.profile-menu-user strong{color:var(--ink);font-size:calc(13px + 1pt);font-weight:700}
.profile-menu-action{display:block;width:100%;margin-top:6px;padding:9px;text-align:left;border:0;border-radius:7px;background:transparent;color:#b33636;font-weight:650;font-size:calc(12px + 1pt)}
.profile-menu-action:hover{background:#fff1f1}
.lightbox-toolbar .close-light{position:fixed;z-index:8;top:auto;right:16px;bottom:16px;width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border-radius:9px;background:#202b38;color:#fff;border:1px solid #536170;box-shadow:0 3px 14px #0006}
.lightbox-toolbar .close-light svg{width:20px;height:20px}
.lightbox-stage{padding:18px 64px 74px}
@media(max-width:950px){
  .list .concept-card{grid-template-columns:minmax(140px,22%) minmax(0,1fr);min-height:150px}
  .list .card-image,.list .text-visual{min-height:150px}
  .list .card-body{grid-template-columns:minmax(135px,.85fr) minmax(0,1.7fr);gap:9px 14px;padding:13px}
  .list .card-body .tags{grid-column:2;grid-row:2}
}
@media(max-width:700px){
  .list .concept-card{grid-template-columns:minmax(104px,30%) minmax(0,1fr);min-height:158px}
  .list .card-image,.list .text-visual{min-height:158px}
  .list .card-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:center;gap:6px;padding:10px;min-width:0}
  .list .card-title{max-width:none;-webkit-line-clamp:2;font-size:calc(12px + 1pt)}
  .list .card-desc{display:-webkit-box;max-height:3.1em;-webkit-line-clamp:2;font-size:calc(10px + 1pt);line-height:1.5}
  .list .card-body .tags{display:flex;grid-column:1;grid-row:auto;max-height:28px;overflow:hidden}
  .list .card-body .tag{font-size:calc(9px + 1pt);padding:2px 5px}
  .lightbox-toolbar .close-light{right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:42px;height:42px;min-height:42px}
  .lightbox-stage{padding:14px 46px calc(68px + env(safe-area-inset-bottom))}
  .lightbox-stage img{max-width:calc(100vw - 92px)}
}


/* Keep list descriptions compact without paragraph gaps or a clipped last line. */
.list .card-desc.rich-text{display:-webkit-box;max-height:none;height:auto;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.list .card-desc.rich-text p{display:inline;margin:0;-webkit-line-clamp:unset;overflow:visible}
.list .card-desc.rich-text p+p:before{content:" ";white-space:pre}
/* The profile control should sit quietly in the header. */
.profile-avatar{background:#e9edf3;color:#53647a;box-shadow:none;border:1px solid #d8e0ea;font-weight:650}
.profile-toggle:hover .profile-avatar{background:#e1e7ef}
.profile-avatar{border-radius:11px}
.library-hero{background:#06172a}
.library-hero:before{background:linear-gradient(90deg,#061321f2 0%,#071b30e8 34%,#071b30a8 53%,#071b3021 76%,transparent 100%)}
.library-hero:after{display:none}
.hero-art{inset:0;opacity:1}
.hero-accent{color:#48a5ff;background:linear-gradient(100deg,#79c4ff,#388cff 68%,#25baf4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
/* Smaller image preview with a clear drop target. */
.inline-editor-page{grid-template-columns:minmax(250px,.65fr) minmax(0,1.35fr);gap:30px}
.inline-editor-media{width:100%;max-width:560px}
.inline-editor-media .edit-image{height:clamp(240px,38vh,440px);max-height:440px}
.inline-editor-media .edit-image-missing{height:clamp(240px,38vh,440px);max-height:440px}
.inline-editor-media.image-drag-over{outline:3px dashed #8eabc9;outline-offset:8px;background:#edf3f9;border-radius:14px}
.inline-editor-media.image-drag-over .edit-image,.inline-editor-media.image-drag-over .edit-image-missing{filter:brightness(.96)}
@media(max-width:850px){
  .inline-editor-page{grid-template-columns:minmax(0,1fr);gap:20px}
  .inline-editor-media{max-width:560px;margin:0 auto}
  .inline-editor-media .edit-image,.inline-editor-media .edit-image-missing{height:clamp(220px,32vh,330px);max-height:330px}
}
@media(max-width:700px){.library-hero:before{background:linear-gradient(90deg,#061321e8 0%,#071b30c9 52%,#071b306b 100%)}.hero-art{opacity:.62}.hero-copy h1{max-width:18ch}}


.hero-art{inset:0!important;overflow:hidden}.hero-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 52%;opacity:.98}.library-hero:before{background:linear-gradient(90deg,#071625f2 0%,#0a2038e8 34%,#0a2038b8 53%,#0a20384d 76%,#071a2b1c 100%)}
.concept-visibility-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0}.concept-visibility-control label{font-size:calc(12px + 1pt);font-weight:700;color:#52657d}.concept-visibility-control .visibility-select{width:auto;min-width:235px}.concept-visibility-control [role=status]{font-size:calc(11px + 1pt);color:#718096}
@media(max-width:850px){.concept-page-actions .concept-visibility-control{grid-column:1/-1}.concept-page-actions .concept-visibility-control .visibility-select{flex:1}}
@media(max-width:700px){.hero-art img{object-position:58% center;opacity:.7}.library-hero:before{background:linear-gradient(90deg,#071625ed 0%,#0a2038d9 50%,#0a20387a 100%)}}


/* Responsive mobile refinements */
.hero-copy-mobile{display:none}
.mobile-menu-toggle,.mobile-menu-panel,.mobile-filter-button{display:none}
.mobile-filter-sheet,.mobile-filter-panel,.mobile-filter-controls{display:contents}
.mobile-filter-panel>header{display:none}
@media(max-width:700px){
  html,body{width:100%;overflow-x:clip}
  .app{width:100%;max-width:none;overflow-x:clip}
  .topbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"brand actions mobile";align-items:center;gap:8px;margin:0 0 9px;padding:4px 0 8px}
  .brand-home{grid-area:brand;min-width:0;justify-self:start;padding:0}
  .brand-home .brand-wordmark{font-size:calc(22px + 1pt);white-space:nowrap}
  .main-nav{display:none!important}
  .top-actions{display:contents}
  .top-actions #new-concept{grid-area:actions;min-height:44px;padding:8px 10px;font-size:calc(12px + 1pt);white-space:nowrap}
  .top-actions .auth-divider,.top-actions .profile-menu-wrap,.top-actions .auth-button{display:none!important}
  .mobile-menu-toggle{grid-area:mobile;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d9e2ec;border-radius:10px;background:#fff;color:#3b4f68;box-shadow:0 1px 3px #1b35510c}
  .mobile-menu-toggle svg{width:22px;height:22px}
  .mobile-menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:90;display:block;width:min(320px,calc(100vw - 20px));max-height:min(72dvh,520px);overflow:auto;padding:8px;background:#fff;border:1px solid #dce5ef;border-radius:13px;box-shadow:0 16px 42px #15263d30}
  .mobile-menu-panel.hidden{display:none!important}
  .mobile-menu-panel nav{display:grid;gap:3px}
  .mobile-nav-item{display:flex;align-items:center;width:100%;min-height:46px;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#33475f;text-align:left;font-size:calc(14px + 1pt);font-weight:600}
  .mobile-nav-item:hover,.mobile-nav-item.active{background:#eef4fc;color:#1d5fbe}
  .mobile-nav-item.signout{color:#a73131}
  .mobile-menu-user{padding:12px;border-top:1px solid #e7edf4;margin-top:6px;color:#718096;font-size:calc(12px + 1pt)}
  .mobile-menu-user strong{display:block;margin-top:2px;color:#263b56;font-size:calc(14px + 1pt);overflow-wrap:anywhere}
  .library-hero{display:block;width:100%;min-height:0;height:auto;margin:0 0 10px;padding:14px 15px 13px;border-radius:15px}
  .hero-art{inset:0;opacity:.46;overflow:hidden}
  .hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center}
  .hero-copy{position:relative;z-index:1;display:flex;width:100%;max-width:none;flex-direction:column;gap:0}
  .hero-copy h1{max-width:none;margin:0 0 3px;font-size:clamp(calc(24px + 1pt),7.1vw,calc(30px + 1pt));line-height:1.1;letter-spacing:-.8px}
  .hero-copy p{max-width:none;margin:0 0 9px;font-size:calc(12px + 1pt);line-height:1.35}
  .hero-copy-desktop{display:none!important}
  .hero-copy-mobile{display:inline}
  .hero-copy #hero-search-slot{display:block;width:100%;margin:0}
  .library-hero .search-wrap{width:100%;max-width:none;margin:0;padding:0}
  .library-hero .search{width:100%;height:44px;padding-left:39px;padding-right:69px;font-size:calc(12px + 1pt)}
  .library-hero .search-wrap>svg{left:12px;width:17px}
  .library-hero .shortcut{display:none}
  .hero-explore{right:4px;height:44px;min-height:44px;padding:0 9px!important;font-size:calc(10px + 1pt)!important}
  .workspace{display:flex;width:100%;flex-direction:column;gap:6px}
  .main{width:100%;min-width:0}
  .toolbar{display:flex;width:100%;align-items:center;gap:7px;margin:0 0 7px}
  .toolbar>.tabs{display:flex;flex:1 1 auto;width:auto;min-width:0;gap:3px;overflow:visible}
  .toolbar>.tabs .tab{flex:1 1 0;min-width:0;min-height:44px;padding:5px 3px;font-size:calc(9px + 1pt);line-height:1.2;white-space:nowrap}
  .toolbar>.tabs .tab span{margin-left:1px}
  .toolbar-spacer{display:none!important}
  .mobile-filter-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-width:76px;height:44px;min-height:44px;padding:0 10px;border:1px solid #d4deea;border-radius:8px;background:#fff;color:#344961;font-size:calc(12px + 1pt);font-weight:650}
  .mobile-filter-button svg{width:17px;height:17px}
  .mobile-filter-sheet{display:none}
  .mobile-filter-sheet.open{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;padding:10px 10px calc(10px + env(safe-area-inset-bottom));background:#101b2b66;backdrop-filter:blur(2px)}
  .mobile-filter-panel{display:flex;width:100%;max-height:min(78dvh,560px);flex-direction:column;gap:16px;overflow:auto;padding:18px 16px 16px;border:1px solid #dce5ef;border-radius:18px 18px 13px 13px;background:#fff;box-shadow:0 14px 44px #10243d35}
  .mobile-filter-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 12px;border-bottom:1px solid #e8edf3}
  .mobile-filter-panel>header h2{margin:0;font-size:calc(19px + 1pt)}
  .mobile-filter-done{min-width:64px;min-height:44px;padding:7px 11px;border:1px solid #d7e1ec;border-radius:8px;background:#f8fafc;color:#314760;font-size:calc(12px + 1pt);font-weight:650}
  .mobile-filter-controls{display:flex;flex-direction:column;gap:10px}
  .mobile-filter-controls .control{width:100%;height:48px;min-height:48px;font-size:calc(14px + 1pt)}
  .mobile-filter-controls .toggle{display:flex;width:max-content;height:48px;align-self:flex-start}
  .mobile-filter-controls .toggle button{width:52px;min-height:46px}
  .mobile-filter-sheet .sr{position:static!important;width:auto!important;height:auto!important;margin:0!important;overflow:visible!important;clip:auto!important;white-space:normal!important;color:#52657d;font-size:calc(12px + 1pt);font-weight:700}
  .results-line{min-height:18px;margin:0 1px 6px;font-size:calc(11px + 1pt)}
  .grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:10px}
  .grid .concept-card,.list .concept-card{display:block;width:100%;min-width:0;height:auto;min-height:0;border-radius:12px}
  .grid .card-image,.grid .text-visual,.list .card-image,.list .text-visual{width:100%;height:auto;min-height:0;aspect-ratio:16/7;max-height:210px}
  .grid .card-image img,.list .card-image img{width:100%;height:100%;object-fit:cover}
  .grid .card-body,.list .card-body{display:flex;min-width:0;flex-direction:column;align-items:stretch;gap:6px;padding:11px 12px 12px}
  .grid .card-title,.list .card-title{display:-webkit-box;width:100%;max-width:none;margin:0;overflow:hidden;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:calc(15px + 1pt);line-height:1.3}
  .grid .card-desc,.list .card-desc{display:-webkit-box;width:100%;height:auto;max-height:3.2em;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:calc(12px + 1pt);line-height:1.5}
  .grid .card-desc.rich-text p,.list .card-desc.rich-text p{display:inline;margin:0}
  .grid .card-desc.rich-text p+p:before,.list .card-desc.rich-text p+p:before{content:" ";white-space:pre}
  .grid .card-body .tags,.list .card-body .tags{display:flex;max-height:none;gap:5px;overflow:visible;padding:1px 0 0}
  .grid .card-body .tag,.list .card-body .tag{font-size:calc(10px + 1pt);padding:4px 7px;white-space:normal;overflow-wrap:anywhere}
  .list .card-score,.list .score{right:8px;top:8px}
  .results-line~.empty,.main>.empty{margin:4px 0;padding:22px 14px}
}
@media(max-width:390px){
  .app{padding-right:10px;padding-left:10px}
  .topbar{gap:6px}
  .top-actions #new-concept{padding:7px 8px;font-size:calc(11px + 1pt)}
  .toolbar>.tabs .tab{font-size:calc(8px + 1pt);padding-right:2px;padding-left:2px}
  .mobile-filter-button{min-width:70px;padding:0 8px}
  .library-hero{padding:12px 13px}
  .hero-copy h1{font-size:calc(25px + 1pt)}
}
@media(max-width:340px){
  .brand-home .brand-wordmark{font-size:calc(20px + 1pt)}
  .top-actions #new-concept{gap:4px;padding:6px 6px;font-size:calc(10px + 1pt)}
  .mobile-menu-toggle{width:44px;height:44px}
  .toolbar>.tabs .tab{font-size:calc(8px + 1pt)}
  .mobile-filter-button{min-width:66px;gap:4px;padding:0 6px}
}
.search:focus{outline:none;border-color:#cbd5e1;box-shadow:0 2px 6px #344d6810}
.admin-database-backup{margin:0 0 18px}
.admin-backup-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
@media(max-width:600px){.admin-backup-heading{align-items:flex-start;flex-direction:column}.admin-backup-heading .btn{width:100%}}

.concept-title-row{display:flex;align-items:flex-start;gap:10px;min-width:0}
.concept-title-row .concept-title-input{flex:1;min-width:0;width:0}
.concept-copy-link{display:inline-flex;align-items:center;justify-content:center;flex:none;width:42px;height:42px;margin-top:3px;padding:0;border:1px solid #dbe4ef;border-radius:10px;background:#fff;color:#53657b;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.concept-copy-link svg{width:21px;height:21px}
.concept-copy-link:hover{background:#f1f6fd;border-color:#b9cbe2;color:#263f5f}
.concept-copy-link:focus-visible{outline:2px solid #93b4df;outline-offset:2px}
@media(max-width:600px){.concept-title-row{gap:6px}.concept-copy-link{width:38px;height:38px}}


.rating-summary{display:flex;align-items:baseline;gap:10px;margin:2px 0 14px}.rating-summary strong{font-size:calc(30px + 1pt);line-height:1;color:#1b2d46}.rating-summary span{font-size:calc(12px + 1pt);color:#78879a}.rating-bar-row .bar-track>span{background:linear-gradient(90deg,#82aaf0,#3474ee)}.admin-search-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:22px}.admin-search-layout h4{margin:0 0 10px;color:#40536b;font-size:calc(13px + 1pt)}.admin-search-terms{display:grid;gap:5px}.admin-search-terms>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 11px;border:1px solid #e6ebf2;border-radius:8px;background:#fafcff;min-width:0}.admin-search-terms>div>span{min-width:0;overflow-wrap:anywhere;color:#42556e}.admin-search-terms strong{color:#20344e}.recent-search-terms small{flex:none;color:#7d8a9a;font-size:calc(10px + 1pt)}.about-panel{max-width:900px;padding:clamp(22px,4vw,42px);border:1px solid #e1e8f0;border-radius:17px;background:#fff;box-shadow:0 4px 18px #1d36540a}.about-panel h3{margin:0 0 9px;font-size:calc(21px + 1pt);letter-spacing:-.3px}.about-panel p{margin:0 0 27px;color:#52657d;font-size:calc(16px + 1pt);line-height:1.75}.about-panel .btn{margin-top:2px}.concept-page-media{min-height:0!important;height:auto;aspect-ratio:2/1;max-height:720px;padding:0!important}.concept-page-media img{width:100%;height:100%;max-height:none!important;object-fit:contain}.concept-page-media:has(.concept-page-placeholder){min-height:250px!important}
@media(max-width:700px){.admin-search-layout{grid-template-columns:1fr;gap:18px}.concept-page-actions .visibility-select{width:100%;min-width:0;max-width:175px;flex:0 1 175px}.concept-page-media{height:auto;aspect-ratio:2/1;min-height:0!important;max-height:none!important;padding:0!important}.concept-page-media img{max-height:none!important}.concept-page-media:has(.concept-page-placeholder){height:220px}.topbar{height:54px;min-height:54px;margin-bottom:7px;padding:0 0 5px;display:grid;grid-template-columns:minmax(0,1fr) 38px 44px;grid-template-areas:"brand actions mobile";gap:8px}.brand-home{grid-area:brand}.top-actions{display:contents;grid-area:actions;width:auto;margin:0;justify-content:flex-end;flex-wrap:nowrap}.top-actions #new-concept{width:38px;height:38px;min-width:38px;padding:0;border-radius:50%;display:grid;place-items:center}.top-actions #new-concept svg{width:21px;height:21px}.new-concept-label{display:none}.topbar .mobile-menu-toggle{width:42px;height:42px}.library-hero{margin-bottom:6px;padding:9px 12px 10px}.hero-copy h1{font-size:calc(22px + 1pt);margin-bottom:1px}.hero-copy p{font-size:calc(11px + 1pt);margin-bottom:5px}.library-hero .search{height:38px;font-size:calc(12px + 1pt);padding-right:58px}.hero-explore{height:34px;min-height:34px;padding:0 8px!important;font-size:calc(9px + 1pt)!important}.search-wrap{margin-bottom:6px}.toolbar{gap:5px;margin-bottom:4px}.toolbar>.tabs .tab{min-height:36px;padding:4px 3px;font-size:calc(9px + 1pt)}.mobile-filter-button{min-width:66px;height:36px;min-height:36px;padding:0 7px;font-size:calc(10px + 1pt)}.results-line{min-height:15px;margin:0 1px 4px;font-size:calc(10px + 1pt)}.workspace{gap:3px}.grid{gap:7px}}


@media(max-width:340px){.library-hero .search{padding-left:35px;padding-right:54px;font-size:11px}.hero-explore{right:3px;width:54px;padding-right:3px!important;padding-left:3px!important;font-size:9px!important}}


@media(max-width:700px){
  .topbar{grid-template-columns:minmax(0,1fr) 42px 42px!important}
  .top-actions #new-concept{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px;max-height:42px;aspect-ratio:1/1;flex:none;padding:0!important;border-radius:50%!important;line-height:1;box-sizing:border-box}
  .topbar .mobile-menu-toggle{width:42px!important;height:42px!important;min-width:42px;min-height:42px}
  .main .results-line{display:none!important}
  .search-wrap{position:relative}
  .search-wrap>svg:first-child{left:14px}
  .library-hero .search{padding-right:50px!important}
  .hero-explore{display:none!important}
  .mobile-search-filter{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:34px;height:34px;padding:0;border:0;border-radius:9px;background:transparent;color:#344961;display:grid;place-items:center;z-index:3}
  .mobile-search-filter:active{background:#edf3fb}
  .mobile-search-filter svg{position:static;left:auto;top:auto;transform:none;width:20px;height:20px;color:inherit}
}
@media(max-width:340px){.library-hero .search{padding-right:46px!important;font-size:11px!important}.mobile-search-filter{right:5px;width:32px;height:32px}}
@media(min-width:701px){.mobile-search-filter{display:none}}


/* Preserve each concept image's intrinsic aspect ratio so the frame never crops it. */
.concept-page-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;display:grid;place-items:center;overflow:hidden}
.concept-page-media img{display:block;width:auto!important;height:auto!important;max-width:100%!important;max-height:75vh!important;object-fit:contain!important;object-position:center}
@media(max-width:850px){.concept-page-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important}.concept-page-media img{width:auto!important;height:auto!important;max-width:100%!important;max-height:75vh!important;object-fit:contain!important}}


.admin-tabs{display:flex;gap:6px;overflow-x:auto;margin:-8px 0 18px;padding:5px 0 10px;border-bottom:1px solid #e1e7ef}.admin-tabs [role="tab"]{flex:none;border:1px solid transparent;border-radius:8px;background:transparent;padding:9px 15px;color:#617189;font:inherit;font-weight:650}.admin-tabs [role="tab"]:hover{background:#edf3fb}.admin-tabs [role="tab"].active{background:#e8f0ff;color:#245fc7;border-color:#d7e5ff}.admin-tab-panel[hidden]{display:none!important}.admin-tab-panels{min-width:0}
@media(max-width:700px){.library-hero .search-wrap>svg:first-child{left:34px!important}.library-hero .search{padding-left:14px!important;padding-right:12px!important}.mobile-search-filter{display:none!important}.admin-tabs{gap:3px;margin-left:-4px;margin-right:-4px}.admin-tabs [role="tab"]{padding:8px 11px;font-size:calc(12px + 1pt)}}
@media(max-width:340px){.library-hero .search{padding-left:14px!important;padding-right:8px!important}}


.concept-related-row{display:block;min-width:0;overflow:hidden;padding:0;border-radius:14px;border-color:#e0e7f0;background:#fff;box-shadow:0 3px 12px #23384f0a;transition:transform .18s,border-color .18s,box-shadow .18s}
.concept-related-row:hover{transform:translateY(-2px);border-color:#a9c6ee;background:#fff;box-shadow:0 12px 25px #23384f16}
.concept-related-image{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(145deg,#e8f1ff,#dce8f4);color:#8195af}
.concept-related-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.concept-related-row:hover .concept-related-image img{transform:scale(1.035)}
.seo-fallback{max-width:980px;margin:8vh auto;padding:clamp(22px,5vw,52px);background:#fff;border:1px solid #dce5ef;border-radius:18px;color:#14233b}.seo-fallback h1{font-size:clamp(30px,5vw,54px);line-height:1.08;letter-spacing:-1.8px;margin:0 0 16px}.seo-fallback p{max-width:65ch;color:#63758d;font-size:18px}.seo-fallback a{color:#2464e8;font-weight:650}
.concept-related-placeholder{display:grid;place-items:center;color:#8292a7}
.concept-related-placeholder svg{width:25px;height:25px}
.concept-related-title{display:block;min-width:0;padding:13px 15px 15px;color:#1c2d44;font-weight:700;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.concept-related-score{position:absolute;right:10px;bottom:10px;padding:4px 8px;border:1px solid #ffffff42;border-radius:999px;background:#10263bd9;color:#fff;font-size:calc(10px + 1pt);font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #081c3055;backdrop-filter:blur(6px)}
@media(max-width:850px){.concept-related-list{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-related-image{aspect-ratio:1.8}.concept-related-title{padding:11px 12px 13px}}
@media(max-width:520px){.concept-related-list{grid-template-columns:1fr;gap:10px}.concept-related-image{aspect-ratio:1.9}}

.admin-user-table{min-width:1180px}
.admin-search-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}
.admin-search-group{min-width:0;padding:15px;border:1px solid #e6ebf2;border-radius:11px;background:#fff}
.admin-search-terms>div.search-term-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:11px 12px}
.search-term-query,.search-activity-query{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.45;color:#42556e}
.search-term-count{flex:none;min-width:2.2em;text-align:right}
.admin-search-terms>article.search-activity-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px}
.search-activity-copy{display:grid;gap:4px;min-width:0}
.search-activity-user{min-width:0;color:#20344e;font-size:calc(12px + 1pt)}
.search-activity-time{max-width:9rem;color:#7d8a9a;font-size:calc(10px + 1pt);line-height:1.4;text-align:right;overflow-wrap:anywhere}
.about-page{max-width:1080px}
.about-page .page-heading{margin-bottom:20px}
.about-panel{max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px 38px;padding:clamp(24px,4vw,48px)}
.about-panel .about-intro{grid-column:1/-1;max-width:78ch;padding:0 0 10px}
.about-panel .about-intro p{font-size:calc(17px + 1pt);color:#3f536d;line-height:1.7}
.about-panel>section{min-width:0;padding:20px 0 0;margin:8px 0 0;border-top:1px solid #e8edf4}
.about-panel>section p{margin:0;color:#52657d;font-size:calc(15px + 1pt);line-height:1.7;overflow-wrap:anywhere}
.about-panel .btn{grid-column:1/-1;justify-self:start;margin-top:14px}
@media(max-width:900px){.admin-search-layout{grid-template-columns:1fr;gap:14px}.admin-search-group{padding:13px}}
@media(max-width:700px){.admin-search-terms>article.search-activity-item{grid-template-columns:minmax(0,1fr);gap:6px}.search-activity-time{text-align:left;max-width:none}.about-panel{grid-template-columns:minmax(0,1fr);gap:6px;padding:23px}.about-panel .about-intro,.about-panel .btn{grid-column:1}.about-panel .about-intro{padding-bottom:4px}.about-panel>section{padding-top:16px;margin-top:6px}}

.concept-related-row .concept-related-image .concept-related-score{top:10px;right:10px;bottom:auto;color:#fff!important;background:rgba(13,28,48,.88);border-color:rgba(255,255,255,.52);text-shadow:0 1px 2px rgba(0,0,0,.4)}

/* Keep the phone header in normal flow with enough room for its 42px controls. */
@media(max-width:700px){
  .topbar{height:auto;min-height:42px;margin:0;padding:0;grid-template-rows:minmax(42px,auto);align-items:center}
  .topbar>.brand-home,.topbar>.mobile-menu-toggle,.topbar .top-actions #new-concept{transform:none}
}

@media(max-width:700px){
  .library-hero{padding:13px 15px}
  .hero-copy h1{max-width:18ch;margin:0 0 4px;font-size:clamp(23px,6.1vw,27px);line-height:1.08;letter-spacing:-.9px}
  .hero-copy p{max-width:36ch;margin:0 0 9px;font-size:calc(12px + 1pt);line-height:1.4}
  .library-hero .search{height:42px}
}

/* Reserve the viewer image space before network decode to prevent layout shifts. */
.concept-page-media{height:min(66vw,72vh)!important;min-height:280px!important;max-height:72vh!important;aspect-ratio:auto!important;padding:0!important;display:grid;place-items:center;overflow:hidden;background:#e8eef5}
.concept-page-media img{display:block;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center;opacity:0;transition:opacity .22s ease}
.concept-page-media img.is-loaded{opacity:1}
.concept-page-media img.load-failed{opacity:0}
@media(max-width:850px){.concept-page-media{height:min(56vw,55vh)!important;min-height:210px!important;max-height:55vh!important}.concept-page-media img{height:100%!important;max-height:100%!important}}