:root { --ink:#122235; --navy:#101b2a; --cream:#f5f4ef; --paper:#fbfaf7; --line:rgba(18,34,53,.12); --muted:#748092; --orange:#f26a42; --blue:#6bb7d7; --green:#8cc99d; --shadow:0 16px 50px rgba(18,34,53,.08); --display:Georgia,"Noto Serif SC",serif; --sans:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased} button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}
.sidebar{width:260px;flex:0 0 260px;background:var(--navy);color:#eaf0f4;padding:31px 20px 23px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;overflow:hidden}.sidebar:before{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(255,255,255,.06);border-radius:50%;right:-180px;top:230px;box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.02)}
.brand-lockup{display:flex;align-items:center;gap:11px;position:relative;z-index:1}.brand-mark{width:38px;height:38px;border:1px solid rgba(255,255,255,.38);border-radius:13px 4px 13px 4px;display:grid;place-items:center;position:relative;color:var(--orange);font:700 22px var(--display)}.brand-mark i{width:6px;height:6px;border-radius:50%;background:var(--orange);position:absolute;right:6px;top:6px}.brand-name{font-size:16px;letter-spacing:.08em;line-height:1}.brand-name b{color:var(--orange);font-weight:600;margin-left:4px;letter-spacing:.03em}.brand-caption{color:#8798a9;font-size:10px;letter-spacing:.16em;margin-top:8px}
.workspace-switcher{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:25px 0 20px;margin-top:35px;position:relative;z-index:1}.eyebrow{display:block;color:var(--muted);font-size:9px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.sidebar .eyebrow{color:#72889a;margin:0 0 11px 8px}.workspace-button{width:100%;border:0;background:transparent;color:#dce6ea;display:flex;align-items:center;gap:9px;padding:0 4px;text-align:left;font-size:12px}.workspace-avatar{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#293b4e;color:var(--orange);font-size:11px;font-weight:800}.workspace-button svg{width:15px;margin-left:auto;stroke:#7d91a0;fill:none;stroke-width:1.6}
.main-nav{display:flex;flex-direction:column;gap:8px;margin-top:28px;position:relative;z-index:1}.nav-item{text-decoration:none;color:#9bacbb;display:flex;align-items:center;gap:14px;padding:12px 13px;border-radius:9px;font-size:12px;transition:.2s ease}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{background:#22364b;color:#fff;box-shadow:inset 3px 0 0 var(--orange)}.nav-icon{width:16px;font-size:17px;line-height:1;color:#71899b}.nav-item.active .nav-icon{color:var(--orange)}
.sidebar-footer{margin-top:auto;position:relative;z-index:1}.signal-card{display:flex;align-items:center;gap:10px;padding:12px 10px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.06)}.signal-card strong,.user-row strong{display:block;font-size:11px;font-weight:600}.signal-card small,.user-row small{display:block;font-size:9px;color:#8293a3;margin-top:5px}.signal-orb{width:28px;height:28px;border-radius:50%;background:rgba(140,201,157,.14);display:grid;place-items:center}.signal-orb span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(140,201,157,.1)}.help-link{width:100%;background:none;color:#91a2af;border:0;border-bottom:1px solid rgba(255,255,255,.1);padding:20px 5px 16px;text-align:left;font-size:11px}.help-link span{border:1px solid #667b8a;width:17px;height:17px;display:inline-grid;place-items:center;border-radius:50%;margin-right:8px;font-size:10px}.help-link b{float:right;font-size:14px;color:#667b8a}.user-row{display:flex;align-items:flex-start;gap:9px;padding:17px 4px 0}.user-avatar,.top-avatar{width:29px;height:29px;flex:0 0 29px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:11px;font-weight:700}.user-meta{min-width:0;flex:1}.sidebar-date{display:flex;align-items:center;margin-top:8px;color:#708695;font-size:8px;line-height:1;letter-spacing:.015em;white-space:nowrap}.sidebar-date .live-dot{width:5px;height:5px;flex:0 0 5px;margin-right:6px;box-shadow:0 0 0 3px rgba(140,201,157,.1)}.user-row .more{margin-left:auto;padding-top:2px;color:#7a8e9c;letter-spacing:2px;font-size:11px}
.main-content{min-width:0;width:calc(100% - 260px);padding:0 45px 30px;background:var(--cream)}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#8a96a1}.breadcrumb b{margin:0 10px;color:#b0b9bf;font-weight:400}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:20px}.date-stamp{font-size:10px;color:#7f8c98;letter-spacing:.02em}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 0 3px rgba(140,201,157,.15)}.icon-button{border:0;background:none;color:#778692;font-size:21px;position:relative;padding:0;transform:rotate(-14deg)}.icon-button em{position:absolute;width:14px;height:14px;right:-9px;top:-5px;font:700 8px var(--sans);background:var(--orange);color:white;border-radius:50%;display:grid;place-items:center;transform:rotate(14deg)}.top-avatar{width:30px;height:30px}
.hero-grid{display:grid;grid-template-columns:1fr 47%;gap:30px;padding:55px 0 43px;min-height:366px}.hero-copy{padding:4px 0 0 4%}.kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.kicker span{display:inline-block;width:7px;height:7px;background:var(--orange);border-radius:50%;margin-right:8px}.hero-copy h1{font:400 clamp(32px,4vw,48px)/1.21 var(--display);letter-spacing:-.045em;margin:18px 0 15px}.hero-copy h1 em{color:var(--orange);font-style:normal}.hero-copy p{color:#6e7a86;font-size:13px;line-height:1.85;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:29px}.button{border:0;border-radius:4px;padding:14px 17px;font-size:11px;font-weight:700;letter-spacing:.04em}.button-primary{background:var(--orange);color:white;box-shadow:0 9px 20px rgba(242,106,66,.19)}.button-primary span{font-size:16px;margin-left:18px;font-weight:400}.text-button,.ghost-button{border:0;background:none;color:var(--ink);font-size:11px}.text-button{color:#76838f}.text-button span,.ghost-button span{color:var(--orange);margin-left:8px;font-size:15px}
.hero-visual{min-height:275px;position:relative;overflow:hidden;background:#ecece5;border-radius:2px}.hero-visual:after{content:"";position:absolute;inset:0;opacity:.23;background-image:linear-gradient(rgba(18,34,53,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(18,34,53,.11) 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(90deg,transparent,black 22%,black 76%,transparent)}.visual-label{position:absolute;left:22px;top:18px;z-index:2;font-size:9px;letter-spacing:.15em;color:#8a9397}.visual-label b{color:var(--orange);margin-left:11px}.mini-dot{display:inline-block;width:5px;height:5px;background:var(--orange);border-radius:50%;margin-right:7px}.orbit{position:absolute;border:1px solid rgba(18,34,53,.13);border-radius:50%;left:50%;top:54%;transform:translate(-50%,-50%);z-index:1}.orbit-one{width:205px;height:205px}.orbit-two{width:145px;height:145px;border-color:rgba(242,106,66,.28)}.orbit-three{width:267px;height:267px;border-style:dashed}.core{position:absolute;z-index:3;left:50%;top:54%;transform:translate(-50%,-50%);width:86px;height:86px;background:var(--navy);color:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 0 8px rgba(16,27,42,.06),0 10px 25px rgba(16,27,42,.2)}.core span{color:#8797a2;font:9px/1 var(--sans);letter-spacing:.16em}.core strong{color:var(--orange);font:30px/.98 var(--display)}.core small{color:#b7c1c4;font-size:8px;margin-top:4px}.orbit-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;color:#677680;font-size:9px}.orbit-tag i{font-style:normal;width:24px;height:24px;display:grid;place-items:center;color:white;background:var(--navy);border-radius:50%;font-size:11px;box-shadow:0 0 0 5px rgba(16,27,42,.05)}.tag-learn{left:13%;top:25%}.tag-think{right:13%;top:22%}.tag-create{left:10%;bottom:22%}.tag-grow{right:10%;bottom:20%}.orbit-line{position:absolute;z-index:2;height:1px;background:rgba(18,34,53,.16);transform-origin:left center}.line-a{width:120px;left:23%;top:34%;transform:rotate(28deg)}.line-b{width:108px;right:22%;bottom:33%;transform:rotate(-25deg)}
.insight-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr 34px;min-height:91px;align-items:center}.insight-intro{padding-left:4%}.insight-intro strong{display:block;font:400 17px var(--display);margin:9px 0 3px}.insight-intro small{color:#929ba3;font-size:9px}.signal-metric{border-left:1px solid var(--line);padding:0 0 0 25px}.signal-metric span{display:block;color:#89949c;font-size:9px;margin-bottom:8px}.signal-metric strong{font:400 25px var(--display)}.signal-metric strong small{font:10px var(--sans);color:#89949c}.signal-metric em{margin-left:6px;font-style:normal;font-size:8px}.up{color:#64aa78}.warm{color:var(--orange)}.insight-arrow{background:none;border:0;font-size:19px;color:var(--orange)}
.section-head{display:flex;justify-content:space-between;align-items:end;padding:52px 0 22px}.section-head h2,.panel-heading h2{margin:10px 0 0;font:400 26px var(--display);letter-spacing:-.03em}.ghost-button{color:#7c8a94;padding-bottom:3px}.ghost-button span{color:var(--orange)}.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.module-card{min-height:360px;display:flex;flex-direction:column;padding:16px 17px 20px;overflow:hidden;position:relative;box-shadow:var(--shadow)}.featured-card{background:#fbece4}.dark-card{background:var(--navy);color:#f6f6ef}.light-card{background:#e6f0eb}.accent-card{background:var(--orange);color:#fff}.card-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.module-index{font-size:9px;letter-spacing:.1em;color:#9a796c}.dark-card .module-index{color:#7d93a3}.light-card .module-index{color:#758f82}.accent-card .module-index{color:#ffe2d8}.status-pill{font-size:8px;letter-spacing:.06em;padding:5px 7px;border-radius:99px}.status-pill.orange{color:var(--orange);background:#fff8f4}.status-pill.blue{color:#9ec5d5;background:#243c51}.status-pill.green{color:#5d9970;background:#f5fbf5}.status-pill.dark{color:#ffe6db;background:rgba(16,27,42,.17)}.module-illustration{height:160px;margin:8px -17px 0;position:relative;overflow:hidden}.diagnostic-illustration{background:linear-gradient(145deg,#fce5d8,#f7cab8)}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(242,106,66,.35);left:53%;top:53%;transform:translate(-50%,-50%)}.r1{width:72px;height:72px}.r2{width:128px;height:128px}.r3{width:197px;height:197px;border-style:dashed;border-color:rgba(242,106,66,.21)}.radar-sweep{position:absolute;width:115px;height:2px;left:53%;top:53%;background:linear-gradient(90deg,rgba(242,106,66,.05),var(--orange));transform-origin:left center;transform:rotate(-35deg)}.radar-sweep:after{content:"";position:absolute;left:100%;top:-3px;width:8px;height:8px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 6px rgba(242,106,66,.13)}.crosshair{position:absolute;left:53%;top:53%;transform:translate(-50%,-50%);color:var(--orange);font-size:22px;z-index:2}.radar-point{position:absolute;background:var(--ink);width:5px;height:5px;border-radius:50%}.p1{left:30%;top:38%}.p2{right:23%;top:30%}.p3{right:31%;bottom:22%}.scan-line{position:absolute;top:0;bottom:0;left:56%;border-left:1px dashed rgba(242,106,66,.35);transform:rotate(25deg)}
.library-illustration{background:#1c3145}.library-illustration:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;border:1px solid rgba(107,183,215,.27);left:50%;top:55%;transform:translate(-50%,-50%);box-shadow:0 0 0 18px rgba(107,183,215,.05),0 0 0 42px rgba(107,183,215,.035)}.book{position:absolute;width:80px;height:100px;border-radius:2px 7px 7px 2px;left:50%;top:54%;transform-origin:bottom center;box-shadow:9px 10px 20px rgba(0,0,0,.25)}.book:after{content:"";position:absolute;top:14px;left:12px;width:30px;height:2px;background:rgba(255,255,255,.38);box-shadow:0 9px rgba(255,255,255,.19),0 18px rgba(255,255,255,.19)}.book-a{background:#d98766;transform:translate(-44%,-55%) rotate(-18deg)}.book-b{background:#79b4c8;transform:translate(-50%,-56%) rotate(3deg)}.book-c{background:#eed1a0;transform:translate(-51%,-55%) rotate(22deg)}.spark{position:absolute;color:var(--orange);font-size:17px}.s-a{left:23%;top:26%}.s-b{right:20%;bottom:18%;color:#a5dfef}.library-label{position:absolute;left:17px;bottom:15px;color:rgba(255,255,255,.43);font-size:9px;letter-spacing:.14em;line-height:1.45}.library-label b{color:#b6dceb;font-weight:400}
.factory-illustration{background:#d9eae1}.factory-grid{position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(18,34,53,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(18,34,53,.13) 1px,transparent 1px);background-size:22px 22px;transform:skewY(-14deg) scale(1.24)}.factory-bar{position:absolute;bottom:34px;width:31px;background:var(--navy);box-shadow:5px 5px 0 rgba(18,34,53,.08)}.bar-a{height:50px;left:29%}.bar-b{height:86px;left:46%;background:var(--orange)}.bar-c{height:120px;left:63%}.factory-cursor{position:absolute;color:var(--orange);font-size:25px;left:72%;top:24%;transform:rotate(28deg)}.factory-caption{position:absolute;left:17px;bottom:15px;color:rgba(18,34,53,.45);font-size:9px;letter-spacing:.14em;line-height:1.45}.factory-caption b{color:var(--ink);font-weight:400}
.growth-graphic{margin:5px -17px 0;height:163px;position:relative;background:#f37e5d;overflow:hidden}.growth-graphic:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.13) 49%,transparent 50%),linear-gradient(25deg,transparent 48%,rgba(255,255,255,.08) 49%,transparent 50%);background-size:33px 33px,40px 40px}.growth-track{position:absolute;width:250px;height:98px;left:11%;top:33%;border-top:2px solid #fff;transform:rotate(-25deg) skewX(-24deg);z-index:1;border-radius:50%}.growth-point{width:8px;height:8px;border-radius:50%;background:#fff;position:absolute;z-index:2;box-shadow:0 0 0 5px rgba(255,255,255,.16)}.gp-1{left:28%;top:52%}.gp-2{left:50%;top:36%}.gp-3{left:73%;top:19%}.growth-graphic strong{position:absolute;left:18px;top:18px;font:400 31px var(--display);z-index:2}.growth-graphic span{position:absolute;left:19px;top:58px;font-size:8px;letter-spacing:.15em;opacity:.75;z-index:2}
.card-copy{margin-top:auto;position:relative;z-index:2}.card-copy h3{margin:0 0 7px;font:400 22px var(--display)}.card-copy p{font-size:10px;color:#7c878d;line-height:1.6;margin:0 0 15px}.dark-card .card-copy p{color:#a6b3bb}.accent-card .card-copy p{color:#fff1eb}.card-link{border:0;background:none;color:var(--orange);font-size:10px;font-weight:700;padding:0}.dark-card .card-link{color:#bfe4ef}.light-card .card-link{color:#4e8670}.dark-link{color:#fff}.card-link span{margin-left:13px;font-size:15px;font-weight:400}
.lower-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:13px;margin-top:52px}.activity-panel{background:var(--paper);padding:25px 28px 12px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.more-button{border:0;background:none;color:#9ca6ad;letter-spacing:2px;padding:0}.activity-list{margin-top:17px}.activity-item{display:grid;grid-template-columns:31px 1fr auto 17px;gap:13px;align-items:center;padding:15px 0;border-top:1px solid var(--line)}.activity-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;font-size:14px}.orange-bg{background:#fff0e8;color:var(--orange)}.blue-bg{background:#e7f3f7;color:#5f9eb7}.green-bg{background:#e8f3ec;color:#5f9c72}.activity-item strong{font-size:11px;font-weight:600}.activity-item p{margin:4px 0 0;color:#8b959d;font-size:9px}.activity-item time{color:#9ba4a9;font-size:9px}.activity-arrow{color:var(--orange);font-size:14px}.brief-panel{background:var(--navy);color:#fff;min-height:241px;padding:28px 29px;position:relative;overflow:hidden}.brief-panel:before{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-86px;bottom:-92px;box-shadow:0 0 0 22px rgba(255,255,255,.035),0 0 0 50px rgba(255,255,255,.025)}.brief-kicker{color:#9baeba;font-size:9px;letter-spacing:.14em;position:relative;z-index:1}.pulse{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(242,106,66,.17)}.brief-quote{font:400 23px/1.25 var(--display);margin-top:24px;position:relative;z-index:1}.brief-quote em{color:var(--orange);font-style:normal}.brief-panel p{color:#99aab5;font-size:10px;line-height:1.75;margin:14px 0 20px;position:relative;z-index:1}.brief-button{border:1px solid rgba(255,255,255,.3);color:#fff;background:transparent;padding:10px 13px;font-size:10px;position:relative;z-index:1}.brief-button span{color:var(--orange);margin-left:14px}.brief-watermark{position:absolute;right:30px;top:35px;color:rgba(255,255,255,.07);font:150px var(--display);line-height:.8}.page-footer{display:flex;justify-content:space-between;padding:35px 2px 0;color:#9aa3a8;font-size:9px;letter-spacing:.03em}.page-footer span:last-child{color:#b3aaa3}.toast{position:fixed;z-index:20;left:50%;bottom:25px;transform:translate(-50%,20px);opacity:0;pointer-events:none;display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 40px rgba(16,27,42,.23);padding:12px 16px;border-radius:4px;transition:.28s ease}.toast.show{opacity:1;transform:translate(-50%,0)}.toast span{color:var(--orange)}.toast p{margin:0;font-size:11px}
@media (max-width:1120px){.main-content{padding:0 28px 28px}.sidebar{width:220px;flex-basis:220px}.main-content{width:calc(100% - 220px)}.module-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:300px}.insight-strip{grid-template-columns:1.4fr repeat(3,1fr) 24px}.signal-metric{padding-left:15px}}
@media (max-width:760px){.app-shell{display:block}.sidebar{width:100%;height:auto;min-height:0;position:relative;padding:18px 18px 14px}.sidebar:before,.workspace-switcher,.sidebar-footer{display:none}.brand-lockup{justify-content:center}.main-nav{flex-direction:row;overflow:auto;margin:17px -7px 0;gap:3px}.nav-item{flex:0 0 auto;padding:9px 11px;font-size:10px}.nav-icon{display:none}.main-content{width:100%;padding:0 16px 24px}.topbar{height:66px}.date-stamp{display:none}.top-actions{gap:14px}.hero-grid{padding:37px 0 28px;min-height:0}.hero-copy{padding-left:0}.hero-copy h1{font-size:39px}.hero-copy p{font-size:12px}.hero-visual{min-height:250px}.orbit-tag{font-size:8px}.tag-learn{left:5%}.tag-think{right:4%}.tag-create{left:3%}.tag-grow{right:2%}.insight-strip{grid-template-columns:1fr 1fr;padding:18px 0;gap:16px 0}.insight-intro{grid-column:1/-1;padding:0 4%}.insight-arrow{display:none}.signal-metric{padding-left:4%;border-left:0}.section-head{padding-top:39px}.section-head h2{font-size:24px}.ghost-button{font-size:0}.ghost-button span{font-size:17px}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:335px}.lower-grid{grid-template-columns:1fr;margin-top:38px}.activity-panel{padding:21px 17px 10px}.activity-item{grid-template-columns:31px 1fr 17px;gap:10px}.activity-item time{display:none}.brief-panel{min-height:275px}.page-footer{flex-direction:column;gap:8px;padding-top:25px}}
.hero-copy,.hero-visual,.insight-strip,.module-card,.lower-grid{animation:riseIn .65s both;animation-delay:var(--reveal-delay,0ms)}
@keyframes riseIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
/* Hierarchical navigation */
.main-nav{gap:5px;overflow-y:auto;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.nav-group{display:flex;flex-direction:column}.nav-group-title{width:100%;display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#d2dde2;padding:11px 13px 8px;border-radius:9px;text-align:left;font-size:12px;font-weight:600;letter-spacing:.02em;transition:.2s ease}.nav-group-title:hover{background:rgba(255,255,255,.06);color:#fff}.nav-group-title .nav-icon{color:#8ca1af}.nav-group-title b{margin-left:auto;color:#6f8594;font-size:14px;font-weight:400;transition:transform .2s ease}.nav-group-title[aria-expanded="false"] b{transform:rotate(-90deg)}.nav-children{display:grid;gap:2px;padding:1px 0 5px;overflow:hidden;max-height:240px;opacity:1;transform:translateY(0);transition:max-height .34s cubic-bezier(.4,0,.2,1),opacity .22s ease,transform .34s cubic-bezier(.4,0,.2,1),padding .34s cubic-bezier(.4,0,.2,1);will-change:max-height,opacity,transform}.nav-children .nav-item{padding:8px 11px 8px 43px;border-radius:7px;font-size:11px;color:#94a6b3;position:relative}.nav-children .nav-item::before{content:"";position:absolute;left:25px;width:4px;height:4px;border:1px solid #647b8a;border-radius:50%}.nav-children .nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-children .nav-item.active{color:#fff;background:#22364b;box-shadow:inset 2px 0 0 var(--orange)}.nav-children .nav-item.active::before{border-color:var(--orange);background:var(--orange)}.overview-item{margin-bottom:5px}
@media (max-width:760px){.main-nav{flex-direction:column;overflow:visible;margin:17px 0 0;gap:4px}.nav-group-title{padding:9px 10px;font-size:10px}.nav-group-title .nav-icon{display:inline-block;width:16px;font-size:15px}.nav-children{padding-bottom:3px}.nav-children .nav-item{padding:7px 10px 7px 38px;font-size:10px}.nav-children .nav-item::before{left:23px}.overview-item{padding:9px 10px;font-size:10px}.overview-item .nav-icon{display:inline-block}}
/* Page views */
.page-view{padding-top:48px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px}.page-heading h1{font:400 clamp(30px,3.3vw,43px)/1.16 var(--display);letter-spacing:-.04em;margin:14px 0 12px}.page-heading p{margin:0;color:#77838c;font-size:12px;line-height:1.75}.page-heading-actions{display:flex;align-items:center;gap:12px;padding-bottom:3px}.page-heading-actions .button{white-space:nowrap}.page-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.page-stat{background:var(--paper);min-height:106px;padding:19px 20px;position:relative;border-top:2px solid transparent}.page-stat.orange{border-color:var(--orange)}.page-stat.green{border-color:var(--green)}.page-stat.purple{border-color:#a395d4}.page-stat span{display:block;color:#89959d;font-size:9px;letter-spacing:.03em}.page-stat strong{display:block;font:400 30px var(--display);margin:11px 0 5px}.page-stat small{color:#7baa83;font-size:9px}.page-stat.orange small{color:var(--orange)}.workspace-toolbar,.opportunity-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);background:transparent;color:#7d8a93;border-radius:3px;padding:8px 12px;font-size:10px}.filter-chip:hover,.filter-chip.active{background:var(--navy);border-color:var(--navy);color:#fff}.search-shell,.date-range{height:34px;border:1px solid var(--line);background:rgba(255,255,255,.38);display:flex;align-items:center;gap:9px;color:#9aa3a8;padding:0 12px;font-size:10px}.search-shell{min-width:225px}.date-range{white-space:nowrap;color:#687681}.learning-layout{display:grid;grid-template-columns:1.16fr 1fr;gap:13px}.learning-hero{min-height:355px;padding:29px;background:#fbece4;display:flex;justify-content:space-between;position:relative;overflow:hidden}.learning-hero:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(242,106,66,.16);border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 27px rgba(242,106,66,.06),0 0 0 60px rgba(242,106,66,.04)}.learning-hero-copy{position:relative;z-index:1;max-width:62%}.learning-hero h2{font:400 27px var(--display);margin:20px 0 11px}.learning-hero p{color:#7b7d78;font-size:11px;line-height:1.75;margin:0}.progress-line{height:5px;background:rgba(242,106,66,.15);margin:26px 0 7px;border-radius:9px;width:210px}.progress-line i{height:100%;display:block;border-radius:9px;background:var(--orange)}.learning-hero-copy>small{color:#a07c6f;font-size:9px}.learning-hero .hero-actions{margin-top:24px}.learning-orbit{width:135px;height:135px;border-radius:50%;border:1px solid rgba(242,106,66,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;position:relative;z-index:2}.learning-orbit:before,.learning-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(242,106,66,.2)}.learning-orbit:before{inset:13px}.learning-orbit:after{inset:-13px;border-style:dashed}.orbit-number{font:400 34px var(--display);color:var(--orange)}.orbit-number small{font:12px var(--sans)}.learning-orbit>span{font-size:8px;letter-spacing:.12em;color:#a37868;text-align:center;line-height:1.45}.course-grid{display:grid;grid-template-columns:1fr;gap:12px}.course-card{background:var(--paper);display:grid;grid-template-columns:126px 1fr;gap:17px;padding:13px;align-items:center;min-height:110px}.course-cover{height:84px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:10px;letter-spacing:.13em;line-height:1.35}.course-cover b{font-size:17px;font-weight:400}.course-cover.coral{background:#efb09a;color:#7b493d}.course-cover.blue{background:#a7d4df;color:#34596a}.course-cover.green{background:#b9d8bd;color:#3b6550}.course-tag{font-size:8px;color:#9a8c81;letter-spacing:.05em}.course-card h3{font:400 17px var(--display);margin:7px 0}.course-card p{font-size:9px;color:#89949b;margin:0;line-height:1.55}.template-layout{display:grid;grid-template-columns:175px 1fr;gap:17px}.template-sidebar{background:var(--paper);padding:22px 13px}.template-sidebar .eyebrow{margin:0 9px 11px}.folder-label{margin-top:26px!important}.collection-item{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;color:#83909a;padding:10px 9px;text-align:left;font-size:10px;border-radius:5px}.collection-item b{font-size:9px;font-weight:400;color:#a7b0b5}.collection-item.active,.collection-item:hover{background:#fff0e8;color:var(--orange)}.collection-item.active b{color:var(--orange)}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.template-card{background:var(--paper);padding:18px;min-height:255px;position:relative}.template-card.featured{background:#fbece4}.template-card-top{display:flex;justify-content:space-between;color:#a8afb2;font-size:16px}.template-type{color:var(--orange);background:#fff8f4;font-size:8px;padding:5px 7px;border-radius:3px}.blue-type{color:#5792a8;background:#e7f3f7}.green-type{color:#58906a;background:#e7f3eb}.purple-type{color:#8272b0;background:#eeeaf9}.template-card h3{font:400 18px var(--display);margin:22px 0 8px}.template-card p{font-size:9px;color:#8a959c;margin:0 0 18px}.template-preview{padding:15px;background:#fff9f5;color:#7e827e;font:400 15px/1.5 var(--display);min-height:83px}.template-preview em{color:var(--orange);font-style:normal}.template-card:not(.featured) .template-preview{background:#f6f8f7}.template-lines i{height:5px;background:#dfe8e5;display:block;margin:11px 0;width:85%}.template-lines i:nth-child(2){width:65%}.template-lines i:nth-child(3){width:45%}.template-art{height:83px;background:linear-gradient(135deg,#d6bb90,#eee1bf);display:flex;align-items:center;justify-content:center;color:#8a694b;font:18px var(--display);text-align:center}.template-art b{font-size:10px;letter-spacing:.14em}.mini-bars{display:flex;align-items:end;height:83px;gap:8px;padding:15px 20px;background:#f2eef9}.mini-bars i{flex:1;background:#a395d4;height:30%}.mini-bars i:nth-child(2){height:54%}.mini-bars i:nth-child(3){height:41%}.mini-bars i:nth-child(4){height:76%}.mini-bars i:nth-child(5){height:63%}.template-card footer{display:flex;justify-content:space-between;color:#9ca5aa;font-size:9px;margin-top:15px}.template-card footer b{color:var(--orange);font-size:14px;font-weight:400}
.diagnosis-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.panel-surface,.channel-panel,.storyboard-panel,.topic-results,.avatar-library{background:var(--paper);padding:24px 27px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2{font-size:24px}.muted-label{color:#a2abb0;font-size:9px}.diagnosis-form h2,.topic-brief h2,.creation-form h2,.image-prompt h2,.video-setup h2,.avatar-script h2{font:400 23px var(--display);margin:10px 0 22px}.status-pill.green{color:#5d9970;background:#f5fbf5}.account-select{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:13px;margin-bottom:20px}.account-logo{width:36px;height:36px;border-radius:10px;background:#b9d8bd;color:#3f7051;display:grid;place-items:center;font:20px var(--display)}.account-select strong{display:block;font-size:12px}.account-select small{display:block;color:#8c969b;font-size:9px;margin-top:4px}.account-select>b{margin-left:auto;color:#8f9ba0;font-weight:400}.form-grid,.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.diagnosis-form label,.creation-form label,.image-prompt label,.video-setup label,.topic-brief label{display:block;color:#7f8a92;font-size:9px;margin-bottom:17px}.fake-select,.input-area{height:40px;border:1px solid var(--line);background:#fffdf9;color:#394b57;display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-top:8px;font-size:11px}.input-area{height:auto;min-height:67px;align-items:flex-start;line-height:1.7;padding:11px 12px;position:relative}.input-area span,.prompt-box span{margin-left:auto;color:#aeb5b7;font-size:9px}.input-area.compact{min-height:40px;align-items:center}.check-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:5px 0 22px}.check-list label{margin:0;color:#70808a;font-size:10px}.check-list input{accent-color:var(--orange);margin-right:8px}.wide-action{width:100%;border:0;background:var(--orange);color:#fff;padding:13px 16px;text-align:left;font-size:10px;font-weight:700}.wide-action span{float:right;font-size:16px;font-weight:400}.score-panel{background:var(--navy);color:#fff;min-height:360px;padding:27px;position:relative;overflow:hidden}.score-panel:after{content:"";position:absolute;right:-80px;bottom:-100px;width:300px;height:300px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 24px rgba(255,255,255,.03),0 0 0 55px rgba(255,255,255,.02)}.score-panel .eyebrow{color:#8da2b0}.score-ring{width:190px;height:190px;border:2px solid rgba(242,106,66,.45);border-radius:50%;margin:35px auto 18px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 0 0 12px rgba(242,106,66,.06),inset 0 0 0 12px rgba(242,106,66,.05)}.score-ring:before,.score-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.score-ring:before{inset:25px}.score-ring:after{inset:-17px;border-style:dashed}.score-ring strong{font:400 58px var(--display);color:var(--orange)}.score-ring small{font-size:10px;color:#91a4af;align-self:flex-end;margin:0 0 60px 5px}.score-status{text-align:center;position:relative;z-index:1;font-size:11px}.score-note{text-align:center;color:#91a4af;font-size:9px;margin-top:11px;position:relative;z-index:1}.diagnosis-dimensions{background:var(--paper);padding:24px 27px;margin-top:13px}.dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:20px}.dimension-grid article{border:1px solid var(--line);padding:17px;position:relative}.dimension-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;margin-bottom:14px}.dimension-icon.coral{background:#fff0e8;color:var(--orange)}.dimension-icon.blue{background:#e7f3f7;color:#5f9eb7}.dimension-icon.green{background:#e8f3ec;color:#5f9c72}.dimension-icon.purple{background:#eeeaf9;color:#8475b5}.dimension-grid strong{display:block;font-size:11px}.dimension-grid article small{display:block;color:#99a3a8;font-size:8px;margin-top:5px}.dimension-grid article>b{display:block;font:400 23px var(--display);margin:14px 0 9px}.dimension-grid article>b small{display:inline;color:#9da6aa;font:9px var(--sans);margin-left:3px}.meter{height:4px;background:#f7e4da}.meter i{display:block;height:100%;background:var(--orange)}.blue-meter{background:#e0eff3}.blue-meter i{background:#6bb7d7}.green-meter{background:#e3f0e5}.green-meter i{background:#8cc99d}.purple-meter{background:#ebe7f6}.purple-meter i{background:#a395d4}.opportunity-layout{display:grid;grid-template-columns:1fr 250px;gap:13px}.opportunity-list{display:flex;flex-direction:column;gap:12px}.opportunity-card{background:var(--paper);padding:19px 20px;display:grid;grid-template-columns:63px 1fr 16px;gap:17px;align-items:start;border-left:3px solid transparent}.opportunity-card.hot{border-left-color:var(--orange)}.opportunity-score{font:400 29px var(--display);color:var(--orange);text-align:center}.opportunity-score small{display:block;font:8px var(--sans);color:#9da5a8;margin-top:4px}.blue-score{color:#6bb7d7}.green-score{color:#72ad81}.opportunity-meta{display:flex;align-items:center;gap:9px;color:#9aa4aa;font-size:8px}.opportunity-main h3{font:400 20px var(--display);margin:12px 0 6px}.opportunity-main p{font-size:10px;line-height:1.65;color:#7e8a91;margin:0}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.tag-row span,.topic-tags span{background:#f2f3f0;color:#7e8d91;padding:5px 7px;font-size:8px}.opportunity-card .activity-arrow{margin-top:5px}.trend-panel{background:#e6f0eb;padding:24px}.trend-panel h3{font:400 24px var(--display);margin:10px 0 20px}.bar-chart{height:195px;display:flex;align-items:flex-end;gap:10px;border-bottom:1px solid rgba(18,34,53,.12);padding:0 4px}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}.bar-col i{width:100%;max-width:18px;background:var(--orange);opacity:.82}.bar-col span{font-size:8px;color:#8b9996}.trend-legend{display:flex;justify-content:space-between;color:#758681;font-size:9px;margin-top:13px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.orange-dot{background:var(--orange)}.blue-dot{background:#6bb7d7}.green-dot{background:#8cc99d}.purple-dot{background:#a395d4}.topic-workspace{display:grid;grid-template-columns:330px 1fr;gap:13px}.topic-brief{padding:25px 27px}.topic-brief .chip-row,.creation-form .chip-row,.image-prompt .chip-row,.video-setup .chip-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.topic-brief .filter-chip,.creation-form .filter-chip,.image-prompt .filter-chip,.video-setup .filter-chip{padding:7px 9px;font-size:9px}.topic-options{display:flex;justify-content:space-between;color:#9ba4a8;font-size:9px;margin:4px 0 20px}.topic-results{padding:25px 27px}.topic-card{display:grid;grid-template-columns:33px 1fr 20px;gap:14px;border-top:1px solid var(--line);padding:17px 0;align-items:start}.topic-card:first-of-type{margin-top:15px}.topic-number{color:#b5bec0;font:400 20px var(--display)}.topic-card h3{font:400 17px var(--display);margin:7px 0}.topic-card p{font-size:9px;color:#8a959a;margin:0;line-height:1.6}.topic-card>b{color:#8da0a7;font-size:17px;font-weight:400}.topic-card.selected>b{color:var(--orange)}.topic-tags{display:flex;gap:6px;margin-top:12px}.topic-tags span{background:#fff0e8;color:var(--orange)}
.creation-layout,.image-workspace,.video-layout,.avatar-layout{display:grid;grid-template-columns:330px 1fr;gap:13px}.creation-form,.image-prompt,.video-setup,.avatar-script{padding:25px 27px}.creation-form .form-row{gap:8px}.creation-form .wide-action,.image-prompt .wide-action,.video-setup .wide-action,.avatar-script .wide-action{margin-top:5px}.writing-preview{background:#e8eef0;padding:20px;min-height:500px}.preview-toolbar{display:flex;justify-content:space-between;color:#8a979d;font-size:11px;margin:2px 4px 14px}.paper-preview{background:#fffdf9;max-width:590px;margin:0 auto;min-height:420px;padding:34px 42px;box-shadow:0 10px 25px rgba(18,34,53,.07)}.paper-preview h2{font:400 30px/1.25 var(--display);margin:18px 0 14px}.paper-preview p{font-size:11px;line-height:2;color:#64727a}.paper-preview .lead{font:400 15px/1.65 var(--display);color:#4c5d65}.quote-block{border-left:2px solid var(--orange);padding:7px 0 7px 18px;color:var(--orange);font:italic 15px/1.7 var(--display);margin:23px 0}.paper-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:27px;color:#9ba4a8;font-size:8px}.image-prompt{background:#172b3e;color:#fff}.image-prompt .eyebrow{color:#8aa1b1}.image-prompt h2{color:#fff}.prompt-box{background:#22394e;border:1px solid rgba(255,255,255,.13);padding:14px;color:#dfe8ec;font-size:11px;line-height:1.7;min-height:110px}.prompt-box span{display:block;margin-top:15px;color:#8ba0ae}.prompt-settings{margin-top:22px}.image-prompt label{color:#98aeb9}.image-prompt .filter-chip{border-color:rgba(255,255,255,.18);color:#a9bbc5}.image-prompt .filter-chip.active{background:var(--orange);border-color:var(--orange)}.image-prompt .fake-select{background:#22394e;border-color:rgba(255,255,255,.13);color:#dfe8ec}.image-results{background:var(--paper);padding:25px 27px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:20px}.image-tile{min-height:180px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:14px;color:#fff}.image-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,27,42,.03),rgba(16,27,42,.48))}.image-tile>*{position:relative;z-index:1}.image-tile span{font:10px var(--sans);letter-spacing:.15em;opacity:.78}.image-tile strong{font:400 18px var(--display)}.tile-a{background:linear-gradient(135deg,#a37d5a,#efd3ab 58%,#8ca092)}.tile-b{background:linear-gradient(135deg,#b4b69f,#efe1c6 52%,#a8b5a4)}.tile-c{background:linear-gradient(135deg,#876d57,#c5a27b 55%,#e9d8b5)}.tile-d{background:linear-gradient(135deg,#c9bca2,#f0e9da 58%,#9eac9b)}.storyboard-panel{padding:25px 27px}.storyboard{margin-top:20px}.storyboard article{display:grid;grid-template-columns:106px 1fr 25px;gap:15px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.shot{height:62px;display:flex;align-items:flex-end;padding:8px;color:#fff;font-size:9px;position:relative}.shot:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(18,34,53,.5))}.shot span{position:relative;z-index:1}.shot-1{background:linear-gradient(135deg,#e5c39e,#8e9f8e)}.shot-2{background:linear-gradient(135deg,#d1a989,#d9d4bb)}.shot-3{background:linear-gradient(135deg,#91a99c,#e0d1b0)}.shot-4{background:linear-gradient(135deg,#8896a1,#e1c2a4)}.storyboard strong{font-size:10px}.storyboard p{margin:5px 0 0;font-size:9px;color:#8c979b}.storyboard article>b{font:400 13px var(--display);color:#8e999e}.timeline{display:flex;align-items:center;gap:10px;color:#9ba4a8;font-size:8px;margin-top:15px}.timeline i{display:block;flex:1;height:3px;background:linear-gradient(90deg,var(--orange) 46%,#dae0df 46%);position:relative}.timeline i:after{content:"";position:absolute;left:46%;top:-4px;width:11px;height:11px;border-radius:50%;background:var(--orange)}.avatar-layout{grid-template-columns:1fr 330px}.avatar-library{padding:25px 27px}.avatar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:21px}.avatar-card{border:1px solid var(--line);padding:11px;text-align:center;position:relative}.avatar-card.selected{border:2px solid var(--orange);padding:10px}.avatar-face{height:185px;display:grid;place-items:center;color:rgba(255,255,255,.85);font:400 54px var(--display);position:relative;overflow:hidden}.avatar-face:after{content:"";position:absolute;width:160px;height:80px;border-radius:50%;background:rgba(255,255,255,.22);bottom:-30px}.face-a{background:linear-gradient(160deg,#cc9b7d,#e8c9a9 45%,#768e89)}.face-b{background:linear-gradient(160deg,#8295a4,#cdd6d3 45%,#d48a6a)}.face-c{background:linear-gradient(160deg,#a6c0ad,#e5d6b8 45%,#a28770)}.avatar-card strong{display:block;font-size:11px;margin-top:11px}.avatar-card small{display:block;color:#90999d;font-size:9px;margin-top:4px}.avatar-card>b{position:absolute;right:10px;top:10px;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;color:#9ca6a9;font-size:12px;font-weight:400}.avatar-card.selected>b{background:var(--orange);color:#fff}.avatar-script{background:#fbece4}.script-editor{background:#fffdf9;min-height:215px;padding:15px 12px;display:grid;grid-template-columns:27px 1fr;gap:10px;color:#5b6a70}.line-number{color:#c4b1a5;font:9px/2.1 monospace;text-align:right}.script-editor p{margin:0;font:12px/2 var(--display)}.voice-settings{display:flex;gap:12px;margin:16px 0 21px}.voice-settings span{color:#8c9495;background:#fff8f3;padding:7px;font-size:8px}.voice-settings b{color:var(--orange);font-weight:400;margin-left:4px}.distribution-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.publish-calendar{padding:24px 27px;background:var(--paper)}.calendar-month{font-size:10px;color:#74818a}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:22px;text-align:center}.calendar-grid>span{color:#9ba4a8;font-size:9px;padding-bottom:5px}.calendar-grid>b{height:31px;display:grid;place-items:center;color:#687883;font-size:10px;font-weight:400;position:relative}.calendar-grid>b.has-post:after{content:"";position:absolute;bottom:2px;width:4px;height:4px;border-radius:50%;background:var(--orange)}.calendar-grid>b.today{background:var(--orange);color:#fff;border-radius:50%}.calendar-grid>b.today:after{background:#fff}.channel-panel{padding:24px 27px}.channel-list{margin-top:15px}.channel-list>div{display:grid;grid-template-columns:32px 1fr auto 15px;gap:10px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.channel-logo{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:11px;font-weight:700}.xhs{background:#e95e62}.douyin{background:#131f2d}.wechat{background:#70b88a}.videohao{background:#a2b2bd}.channel-list strong{font-size:10px}.channel-list small{display:block;color:#9ba4a8;font-size:8px;font-weight:400;margin-top:4px}.channel-list em{font-style:normal;color:#66a579;font-size:8px}.channel-list em.offline{color:#b69870}.channel-list>b{color:#a2acb0;font-size:10px}.queue-panel{background:var(--paper);padding:24px 27px;margin-top:13px}.queue-row{display:grid;grid-template-columns:53px 42px 1fr auto;gap:13px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.queue-time{color:#9ba4a8;font-size:9px;line-height:1.45}.queue-time b{color:var(--ink);font-size:10px;font-weight:600}.queue-thumb,.table-thumb{display:inline-block;background:#efb09a}.queue-thumb{width:42px;height:35px}.q-blue{background:#a8cbd7}.q-green{background:#b9d5bc}.queue-row strong{font-size:10px}.queue-row small{display:block;color:#969fa3;font-size:8px;margin-top:4px}.dashboard-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:13px}.chart-panel,.channel-performance{background:var(--paper);padding:24px 27px}.chart-legend{display:flex;gap:13px;color:#8f999d;font-size:8px}.line-chart{height:270px;display:grid;grid-template-columns:34px 1fr;gap:7px;margin-top:22px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;text-align:right;color:#9da6aa;font-size:8px;padding-bottom:27px}.chart-area{position:relative;padding-bottom:27px}.grid-lines{position:absolute;inset:0 0 27px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 24%,rgba(18,34,53,.08) 24.5%,transparent 25%)}.chart-area svg{position:absolute;inset:0 0 27px;width:100%;height:calc(100% - 27px);overflow:visible}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#9da6aa;font-size:8px}.donut-wrap{display:flex;flex-direction:column;align-items:center;margin-top:18px}.donut{width:155px;height:155px;border-radius:50%;background:conic-gradient(var(--orange) 0 42%,#6bb7d7 42% 70%,#8cc99d 70% 88%,#a395d4 88% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;inset:24px;border-radius:50%;background:var(--paper)}.donut strong,.donut small{position:relative;z-index:1}.donut strong{font:400 29px var(--display)}.donut small{font-size:8px;color:#89959a;margin-top:40px;margin-left:-25px}.donut-list{width:100%;margin-top:20px}.donut-list span{display:flex;align-items:center;color:#7e8b91;font-size:9px;padding:7px 0;border-top:1px solid var(--line)}.donut-list b{margin-left:auto;color:var(--ink);font-weight:400}.top-content{margin-top:13px;padding:24px 27px}.content-table{margin-top:18px}.table-head,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center}.table-head{color:#a0a8ac;font-size:8px;padding-bottom:9px}.table-row{border-top:1px solid var(--line);padding:13px 0;color:#6e7b83;font-size:9px}.table-row strong{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:10px;font-weight:600}.table-thumb{width:26px;height:23px;flex:0 0 26px}.table-row em{font-style:normal;color:#62a778;font-size:8px}
@media (max-width:1120px){.page-heading h1{font-size:36px}.page-stats{grid-template-columns:repeat(2,1fr)}.learning-layout,.diagnosis-layout,.opportunity-layout,.topic-workspace,.creation-layout,.image-workspace,.video-layout,.avatar-layout,.distribution-layout,.dashboard-layout{grid-template-columns:1fr}.template-layout{grid-template-columns:155px 1fr}.dimension-grid{grid-template-columns:repeat(2,1fr)}.score-panel{min-height:300px}.score-ring{margin:25px auto 18px}.avatar-layout{grid-template-columns:1fr}.avatar-script{order:-1}}
@media (max-width:760px){.page-view{padding-top:33px}.page-heading{display:block;margin-bottom:25px}.page-heading h1{font-size:31px}.page-heading p{font-size:11px}.page-heading-actions{margin-top:20px}.page-stats{grid-template-columns:1fr 1fr;gap:8px}.page-stat{min-height:91px;padding:14px}.page-stat strong{font-size:25px}.workspace-toolbar,.opportunity-toolbar{display:block}.search-shell{margin-top:10px;min-width:0}.template-layout{grid-template-columns:1fr}.template-sidebar{display:flex;gap:5px;overflow:auto;padding:10px}.template-sidebar .eyebrow,.folder-label{display:none}.collection-item{white-space:nowrap;width:auto}.template-grid{grid-template-columns:1fr}.learning-hero{min-height:335px}.learning-hero-copy{max-width:72%}.learning-orbit{width:95px;height:95px}.orbit-number{font-size:26px}.course-card{grid-template-columns:100px 1fr;gap:10px}.course-cover{height:77px}.panel-surface,.channel-panel,.storyboard-panel,.topic-results,.avatar-library,.chart-panel,.top-content,.publish-calendar,.queue-panel,.image-results{padding:19px}.diagnosis-form h2,.topic-brief h2,.creation-form h2,.image-prompt h2,.video-setup h2,.avatar-script h2{font-size:21px}.dimension-grid{grid-template-columns:1fr}.opportunity-card{grid-template-columns:48px 1fr 12px;gap:10px;padding:15px}.opportunity-score{font-size:24px}.opportunity-main h3{font-size:17px}.topic-workspace,.creation-layout,.image-workspace,.video-layout,.avatar-layout{gap:10px}.paper-preview{padding:25px 20px}.paper-preview h2{font-size:24px}.image-grid{gap:7px}.image-tile{min-height:135px;padding:10px}.image-tile strong{font-size:15px}.avatar-grid{grid-template-columns:repeat(3,1fr);gap:7px}.avatar-face{height:125px;font-size:35px}.storyboard article{grid-template-columns:78px 1fr 20px;gap:9px}.shot{height:53px}.calendar-grid{gap:3px}.calendar-grid>b{height:28px}.queue-row{grid-template-columns:42px 34px 1fr}.queue-row .status-pill{display:none}.queue-thumb{width:34px;height:30px}.table-head,.table-row{grid-template-columns:2fr 1fr 1fr}.table-head span:nth-child(4),.table-head span:nth-child(5),.table-row span:nth-child(4),.table-row em{display:none}.table-row strong{font-size:9px}.chart-panel{overflow:hidden}.line-chart{height:220px}.donut{width:135px;height:135px}.page-footer{margin-top:28px}}
/* Pagination and interaction states */
.pagination-row{display:flex;align-items:center;justify-content:space-between;margin-top:26px;padding:15px 2px 0;border-top:1px solid var(--line);color:#97a1a5;font-size:9px}.pagination-controls{display:flex;align-items:center;gap:5px}.page-button{min-width:28px;height:28px;border:1px solid var(--line);background:rgba(255,255,255,.35);color:#7d8a92;font-size:10px}.page-button:hover,.page-button.active{background:var(--navy);border-color:var(--navy);color:#fff}.page-button.arrow{font-size:16px;line-height:1}.page-button:disabled{cursor:not-allowed;opacity:.35;background:transparent}.fake-select,.filter-chip,.collection-item,.avatar-card,.topic-card,.channel-list>div,.queue-row{transition:border-color .2s ease,background .2s ease,transform .2s ease}.fake-select:hover{border-color:rgba(242,106,66,.45)}.avatar-card:hover,.topic-card:hover{transform:translateY(-2px)}
@media (max-width:760px){.pagination-row{display:block;text-align:center}.pagination-controls{justify-content:center;margin-top:10px}.page-button{min-width:26px;height:26px}}
.search-shell input{border:0;outline:0;background:transparent;color:var(--ink);font-size:10px;width:100%;font-family:var(--sans)}.search-shell input::placeholder{color:#9aa3a8}

/* Creator factory: list + creation workflow */
.nav-group{position:relative;margin:2px 0 4px}.nav-group-title{position:relative}.nav-group-title:after{content:"";position:absolute;left:21px;top:35px;bottom:-2px;border-left:1px solid rgba(255,255,255,.12);pointer-events:none;opacity:1;transform:scaleY(1);transform-origin:top;transition:opacity .22s ease,transform .34s cubic-bezier(.4,0,.2,1)}.nav-group-title[aria-expanded="false"]:after{opacity:0;transform:scaleY(0)}.nav-group-title[aria-expanded="false"] b{transform:rotate(-90deg)}.nav-group.is-collapsed .nav-children{max-height:0!important;opacity:0;transform:translateY(-4px);padding-top:0;padding-bottom:0;pointer-events:none}.nav-group:has(.nav-item.active) .nav-group-title{color:#fff;background:rgba(255,255,255,.035)}.nav-group:has(.nav-item.active) .nav-group-title .nav-icon{color:var(--orange)}
.creator-stats{margin-bottom:22px}.creator-stat{background:var(--paper);min-height:102px;padding:17px 19px;border-top:2px solid transparent;position:relative;overflow:hidden}.creator-stat:after{content:"";position:absolute;width:70px;height:70px;border:1px solid rgba(18,34,53,.05);border-radius:50%;right:-25px;bottom:-35px}.creator-stat.orange{border-color:var(--orange)}.creator-stat.green{border-color:var(--green)}.creator-stat.purple{border-color:#a395d4}.creator-stat span{display:block;color:#89959d;font-size:9px}.creator-stat strong{display:block;font:400 29px var(--display);margin:10px 0 4px}.creator-stat small{font-size:9px;color:#87939a}.creator-stat.orange small{color:var(--orange)}.creator-stat.green small{color:#62a778}.creator-stat.purple small{color:#8875b4}
.creator-list-panel{padding:25px 27px 18px}.creator-list-panel .panel-heading{align-items:center;margin-bottom:20px;gap:14px}.creator-list-panel .panel-heading h2{margin-bottom:0}.creator-list-panel .panel-heading .muted-label{margin-left:auto}.compact-button{padding:9px 12px;font-size:10px;white-space:nowrap}.creator-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.creator-list-toolbar .search-shell{min-width:230px}.creator-list{display:grid}.creator-list-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto minmax(230px,auto);align-items:center;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);min-height:86px}.creator-list-item:last-child{border-bottom:0}.creator-list-item:hover{background:rgba(255,255,255,.32);margin:0 -12px;padding-left:12px;padding-right:12px}.creator-list-icon,.creator-list-thumb,.creator-avatar-thumb{width:48px;height:48px;display:grid;place-items:center;flex:0 0 48px}.creator-list-icon{font:400 21px var(--display);color:#fff;background:var(--navy);border-radius:13px 4px 13px 4px;box-shadow:8px 8px 0 rgba(16,27,42,.08)}.creator-list-icon.text-icon{background:linear-gradient(145deg,#f26a42,#bd5135)}.creator-list-thumb{border-radius:9px;position:relative;overflow:hidden;background:#ead4c0}.creator-list-thumb:before{content:"";position:absolute;inset:9px 8px 7px;background:rgba(255,255,255,.38);border-radius:50% 50% 8px 8px;transform:rotate(-10deg)}.creator-list-thumb:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255,246,223,.72);top:4px;right:4px}.creator-list-thumb span{position:relative;z-index:2;align-self:end;justify-self:start;padding:0 0 5px 6px;color:#fff;font-size:8px;letter-spacing:.04em}.creator-list-thumb.tile-b{background:#b7c2b4}.creator-list-thumb.tile-c{background:#d3b69a}.creator-list-thumb.tile-d{background:#9dbac1}.creator-list-thumb.shot-1{background:linear-gradient(135deg,#d98763,#465968)}.creator-list-thumb.shot-2{background:linear-gradient(135deg,#a5b79b,#ecd4ae)}.creator-list-thumb.shot-3{background:linear-gradient(135deg,#7892aa,#d9b59b)}.creator-list-thumb.shot-4{background:linear-gradient(135deg,#8e7c93,#e4c1a3)}.creator-list-thumb b{position:relative;z-index:2;align-self:end;justify-self:end;color:#fff;font-size:8px;padding:0 5px 5px 0;font-weight:500}.creator-avatar-thumb{border-radius:50%;color:#fff;font:400 22px var(--display);overflow:hidden;position:relative}.creator-avatar-thumb:after{content:"";position:absolute;width:40px;height:24px;border-radius:50% 50% 0 0;background:rgba(255,255,255,.22);bottom:-5px}.creator-avatar-thumb span{position:relative;z-index:1}.creator-avatar-thumb.face-a{background:linear-gradient(145deg,#d89576,#7d5765)}.creator-avatar-thumb.face-b{background:linear-gradient(145deg,#7c9bad,#314a5c)}.creator-avatar-thumb.face-c{background:linear-gradient(145deg,#c6a2a5,#806272)}.creator-list-main{min-width:0}.creator-list-title{display:flex;align-items:center;gap:10px;min-width:0}.creator-list-title h3{font-size:13px;line-height:1.35;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);font-weight:600}.creator-list-title .status-pill{flex:0 0 auto}.creator-list-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:9px;color:#849099;font-size:9px}.creator-list-meta span+span:before{content:"·";margin-right:15px;color:#bdc4c6}.creator-list-item time{color:#99a3a7;font-size:9px;white-space:nowrap}.creator-list-actions{display:flex;justify-content:flex-end;gap:6px;opacity:.74}.list-action{border:1px solid var(--line);background:transparent;color:#78858d;border-radius:3px;padding:7px 8px;font-size:9px;white-space:nowrap}.list-action:hover{border-color:var(--orange);color:var(--orange);background:#fff8f3}.creator-empty{padding:45px 10px;text-align:center;color:#8e9aa0;font-size:11px}.button-quiet{border:1px solid var(--line);background:transparent;color:#77848b}.button-quiet:hover{border-color:var(--ink);color:var(--ink)}
.creator-modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(10,20,30,.55);backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px;animation:modalFade .18s ease}.creator-modal{width:min(680px,100%);max-height:min(760px,calc(100vh - 48px));background:var(--paper);box-shadow:0 30px 90px rgba(7,14,25,.25);animation:modalRise .22s ease;display:flex;flex-direction:column}.creator-modal-header{display:flex;justify-content:space-between;gap:24px;padding:28px 30px 23px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#fbfaf7,#f6eee8)}.creator-modal-header h2{font:400 30px var(--display);margin:11px 0 8px;letter-spacing:-.035em}.creator-modal-header p{margin:0;color:#7a858b;font-size:11px;line-height:1.7;max-width:520px}.modal-close{border:0;background:transparent;color:#87939a;font-size:26px;line-height:1;width:28px;height:28px}.modal-close:hover{color:var(--orange)}.creator-modal-form{min-height:0;display:flex;flex-direction:column}.creator-modal-body{padding:25px 30px;overflow:auto}.creator-modal-body>label,.creator-modal-grid label{display:block;color:#5d6b73;font-size:10px;margin-bottom:17px}.creator-modal-body input,.creator-modal-body textarea,.creator-modal-body select{width:100%;margin-top:8px;border:1px solid var(--line);background:#fffdf9;color:var(--ink);font:inherit;font-size:11px;padding:11px 12px;border-radius:3px;outline:0}.creator-modal-body input:focus,.creator-modal-body textarea:focus,.creator-modal-body select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(242,106,66,.1)}.creator-modal-body textarea{min-height:86px;resize:vertical;line-height:1.7}.creator-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.creator-modal-grid label{min-width:0}.creator-modal-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.creator-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 30px;border-top:1px solid var(--line);background:#f8f6f0}.creator-modal-footer>span{color:#98a2a6;font-size:9px}.creator-modal-footer>div{display:flex;gap:8px}.creator-modal-footer .button{padding:10px 13px;font-size:10px}.modal-open{overflow:hidden}@keyframes modalFade{from{opacity:0}to{opacity:1}}@keyframes modalRise{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media (max-width:1120px){.creator-list-item{grid-template-columns:48px minmax(0,1fr) auto}.creator-list-item time{grid-column:2}.creator-list-actions{grid-column:2;justify-content:flex-start;margin-top:4px}.creator-list-panel .panel-heading{flex-wrap:wrap}.creator-list-panel .panel-heading .muted-label{margin-left:auto}.creator-list-panel .panel-heading .compact-button{order:4}.creator-list-toolbar{align-items:flex-start;flex-direction:column}.creator-list-toolbar .search-shell{width:100%;min-width:0}}
@media (max-width:760px){.creator-list-panel{padding:19px 16px 14px}.creator-list-panel .panel-heading{align-items:flex-start}.creator-list-panel .panel-heading .muted-label{margin-left:0}.creator-list-panel .panel-heading .compact-button{width:100%;order:4}.creator-list-item{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:15px 0}.creator-list-icon,.creator-list-thumb,.creator-avatar-thumb{width:40px;height:40px;flex-basis:40px}.creator-list-title{display:block}.creator-list-title .status-pill{display:inline-flex;margin-top:6px}.creator-list-meta{gap:8px;line-height:1.45}.creator-list-meta span+span:before{margin-right:8px}.creator-list-item time{grid-column:2;margin-top:-4px}.creator-list-actions{grid-column:2;flex-wrap:wrap}.creator-list-item:hover{margin:0 -6px;padding-left:6px;padding-right:6px}.creator-modal-backdrop{padding:12px}.creator-modal{max-height:calc(100vh - 24px)}.creator-modal-header{padding:22px 20px 18px}.creator-modal-header h2{font-size:25px}.creator-modal-body{padding:20px}.creator-modal-footer{display:block;padding:14px 20px}.creator-modal-footer>span{display:block;margin-bottom:12px}.creator-modal-footer>div{justify-content:flex-end}.creator-modal-grid{grid-template-columns:1fr;gap:0}}


/* Compact creator pages: reserve more first-screen space for asset lists */
.creator-page{padding-top:26px}
.creator-page .page-heading{align-items:center;margin-bottom:16px}
.creator-page .page-heading h1{font-size:clamp(28px,2.7vw,36px);margin:8px 0 6px}
.creator-page .page-heading p{line-height:1.5}
.creator-page .page-heading-actions{padding-bottom:0}
.creator-page .creator-stats{gap:8px;margin-bottom:13px}
.creator-page .creator-stat{min-height:72px;padding:11px 15px}
.creator-page .creator-stat strong{font-size:23px;margin:5px 0 2px}
.creator-page .creator-list-panel{padding-top:19px}
.creator-page .creator-list-panel .panel-heading{margin-bottom:13px}
.creator-page .creator-list-toolbar{padding-bottom:12px}
.creator-page .creator-list-item{min-height:78px;padding-top:13px;padding-bottom:13px}
.creator-page .pagination-row{margin-top:18px}
@media (max-width:760px){
  .creator-page{padding-top:22px}
  .creator-page .page-heading{margin-bottom:14px}
  .creator-page .creator-stat{min-height:68px;padding:10px 12px}
  .creator-page .creator-stat strong{font-size:21px}
}

/* Editorial media covers for image, video and avatar creator lists */
.image-list-item,
.video-list-item{grid-template-columns:76px minmax(0,1fr) auto minmax(230px,auto)}
.avatar-list-item{grid-template-columns:58px minmax(0,1fr) auto minmax(230px,auto)}
.image-list-item .creator-list-thumb,
.video-list-item .creator-list-thumb{width:76px;height:54px;flex-basis:76px;border-radius:8px;isolation:isolate;box-shadow:0 5px 14px rgba(18,34,53,.13)}
.image-list-item .creator-list-thumb:before,
.image-list-item .creator-list-thumb:after,
.video-list-item .creator-list-thumb:before,
.video-list-item .creator-list-thumb:after{display:none}
.image-cover{background:linear-gradient(140deg,#f4c29b 0 27%,#d88661 28% 58%,#738b82 59% 100%);overflow:hidden}
.image-cover:before{content:"";display:block;position:absolute;inset:0;background:linear-gradient(116deg,rgba(255,255,255,.34),transparent 45%),linear-gradient(180deg,transparent 55%,rgba(31,41,38,.22));z-index:0}
.image-cover .cover-frame{position:absolute;left:11px;bottom:7px;width:45px;height:34px;border-radius:5px 5px 13px 13px;background:linear-gradient(160deg,#f6e3c8,#a8694e);transform:rotate(-7deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.28);z-index:1}
.image-cover .cover-frame:after{content:"";position:absolute;left:7px;top:7px;width:29px;height:12px;border-radius:50%;background:rgba(255,245,221,.5);transform:rotate(-12deg)}
.image-cover .cover-subject{position:absolute;left:28px;bottom:22px;width:19px;height:19px;border-radius:50%;background:radial-gradient(circle at 38% 29%,#fff1d8 0 16%,#805343 18% 63%,#423a3a 65%);z-index:2;box-shadow:0 2px 3px rgba(46,34,30,.22)}
.image-cover .cover-shadow{position:absolute;left:10px;bottom:4px;width:55px;height:9px;border-radius:50%;background:rgba(48,38,31,.28);filter:blur(3px);z-index:0}
.image-cover .cover-ratio,.image-cover .cover-count{position:absolute;z-index:3;bottom:5px;color:#fff;font-size:8px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.35)}
.image-cover .cover-ratio{left:6px}.image-cover .cover-count{right:5px}
.image-cover.tile-b{background:linear-gradient(135deg,#d6d1bd 0 34%,#9bab91 35% 68%,#596a63 69%)}
.image-cover.tile-b .cover-frame{background:linear-gradient(160deg,#eedcc2,#9a775d);transform:rotate(8deg)}
.image-cover.tile-b .cover-subject{left:37px;bottom:22px;background:radial-gradient(circle at 37% 27%,#f7e0c1 0 17%,#785446 19% 62%,#303d3b 64%)}
.image-cover.tile-c{background:linear-gradient(135deg,#e6bb91 0 31%,#9b6b57 32% 62%,#e9dcc4 63%)}
.image-cover.tile-c .cover-frame{left:17px;bottom:8px;background:linear-gradient(160deg,#fff3d7,#c68762);transform:rotate(-2deg)}
.image-cover.tile-c .cover-subject{left:38px;bottom:25px;width:15px;height:15px}
.image-cover.tile-d{background:linear-gradient(140deg,#aec7ca 0 38%,#5c7e80 39% 65%,#d5b28c 66%)}
.image-cover.tile-d .cover-frame{left:12px;bottom:8px;background:linear-gradient(160deg,#f1dfbf,#b57b52);transform:rotate(4deg)}
.image-cover.tile-d .cover-subject{left:25px;bottom:24px;background:radial-gradient(circle at 38% 28%,#f4dfc4 0 17%,#6d4b42 19% 61%,#343d40 63%)}
.video-cover{background:linear-gradient(145deg,#dd8d68 0 42%,#526a73 43% 100%);overflow:hidden}
.video-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 38%),linear-gradient(180deg,transparent 48%,rgba(19,31,39,.36));z-index:0}
.video-cover .video-horizon{position:absolute;left:-5px;right:-5px;bottom:12px;height:18px;background:linear-gradient(180deg,rgba(238,207,164,.8),rgba(106,127,119,.9));clip-path:polygon(0 55%,18% 41%,35% 50%,57% 20%,76% 41%,100% 0,100% 100%,0 100%);z-index:1}
.video-cover .video-subject{position:absolute;left:27px;bottom:15px;width:21px;height:30px;border-radius:12px 12px 6px 6px;background:linear-gradient(180deg,#efc29d 0 35%,#684e50 36% 100%);z-index:2;box-shadow:0 4px 5px rgba(26,37,41,.2)}
.video-cover .video-subject:before{content:"";position:absolute;left:3px;top:-8px;width:15px;height:15px;border-radius:50%;background:#825c51;box-shadow:2px -3px 0 #383a3d}
.video-cover .cover-play{position:absolute;left:50%;top:50%;width:22px;height:22px;display:grid;place-items:center;padding-left:1px;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.66);border-radius:50%;background:rgba(13,27,37,.72);color:#fff;font-size:8px;line-height:1;z-index:4}
.video-cover .cover-duration{position:absolute;right:5px;bottom:4px;color:#fff;font-size:8px;font-weight:600;letter-spacing:.03em;text-shadow:0 1px 3px rgba(0,0,0,.5);z-index:4}
.video-cover.shot-2{background:linear-gradient(145deg,#a7bba4 0 38%,#e8cfaa 39% 66%,#7f9690 67%)}
.video-cover.shot-2 .video-subject{left:20px;background:linear-gradient(180deg,#eab995 0 35%,#736655 36% 100%)}
.video-cover.shot-3{background:linear-gradient(145deg,#6f8da5 0 45%,#d3ae8c 46% 100%)}
.video-cover.shot-3 .video-subject{left:42px;background:linear-gradient(180deg,#e5b996 0 35%,#425367 36% 100%)}
.video-cover.shot-4{background:linear-gradient(145deg,#917f9e 0 42%,#e4c3a5 43% 100%)}
.video-cover.shot-4 .video-subject{left:29px;background:linear-gradient(180deg,#efc2a0 0 35%,#4b4c67 36% 100%)}
.avatar-list-item .creator-avatar-thumb{width:58px;height:66px;flex-basis:58px;border-radius:10px;box-shadow:0 5px 14px rgba(18,34,53,.13)}
.avatar-cover:after{display:none}
.avatar-cover{overflow:hidden;position:relative!important;background:linear-gradient(145deg,#d99b7b,#805969);isolation:isolate}
.avatar-cover .avatar-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 72% 21%,rgba(255,245,213,.48) 0 10%,transparent 11%),linear-gradient(160deg,rgba(255,255,255,.18),transparent 48%);z-index:0}
.avatar-cover .avatar-shoulder{position:absolute;left:5px;right:5px;bottom:-7px;height:38px;border-radius:50% 50% 0 0;background:linear-gradient(130deg,#553e4b,#a76a69);z-index:1}
.avatar-cover .avatar-neck{position:absolute;left:23px;bottom:24px;width:13px;height:15px;border-radius:0 0 6px 6px;background:#d89879;z-index:2}
.avatar-cover .avatar-head{position:absolute;left:16px;bottom:32px;width:26px;height:28px;border-radius:48% 48% 44% 44%;background:radial-gradient(circle at 36% 38%,rgba(255,255,255,.38) 0 3%,transparent 4%),#e0a17f;z-index:3;box-shadow:0 2px 4px rgba(59,42,43,.2)}
.avatar-cover .avatar-hair{position:absolute;left:13px;top:9px;width:33px;height:26px;border-radius:52% 52% 34% 30%;background:#3e3340;z-index:4;transform:rotate(-4deg);box-shadow:inset -5px -5px 0 rgba(255,255,255,.06)}
.avatar-cover .avatar-hair:after{content:"";position:absolute;left:3px;bottom:-8px;width:8px;height:19px;border-radius:0 0 8px 8px;background:#3e3340;transform:rotate(10deg)}
.avatar-cover .avatar-name{position:absolute;left:5px;right:5px;bottom:4px;z-index:5;color:#fff;text-align:center;font-size:8px;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.avatar-cover.face-b{background:linear-gradient(145deg,#86a7b4,#354e61)}
.avatar-cover.face-b .avatar-shoulder{background:linear-gradient(130deg,#2e4458,#5f7f8f)}
.avatar-cover.face-b .avatar-head{background:#c98f78}.avatar-cover.face-b .avatar-hair{background:#2d333a}
.avatar-cover.face-c{background:linear-gradient(145deg,#c9a5a8,#775d70)}
.avatar-cover.face-c .avatar-shoulder{background:linear-gradient(130deg,#5b465d,#a77783)}
.avatar-cover.face-c .avatar-head{background:#e4b18d}.avatar-cover.face-c .avatar-hair{background:#5a3745}
@media (max-width:1120px){.image-list-item,.video-list-item{grid-template-columns:76px minmax(0,1fr) auto}.avatar-list-item{grid-template-columns:58px minmax(0,1fr) auto}}
@media (max-width:760px){.image-list-item,.video-list-item{grid-template-columns:58px minmax(0,1fr)}.avatar-list-item{grid-template-columns:52px minmax(0,1fr)}.image-list-item .creator-list-thumb,.video-list-item .creator-list-thumb{width:58px;height:44px;flex-basis:58px}.avatar-list-item .creator-avatar-thumb{width:52px;height:60px;flex-basis:52px}}


/* Ensure every top metric card has a visible accent border. */
.page-stats .page-stat:not(.orange):not(.green):not(.purple):nth-child(4n+1),
.creator-stats .creator-stat:not(.orange):not(.green):not(.purple):nth-child(4n+1){border-top-color:var(--orange)}
.page-stats .page-stat:not(.orange):not(.green):not(.purple):nth-child(4n+2),
.creator-stats .creator-stat:not(.orange):not(.green):not(.purple):nth-child(4n+2){border-top-color:var(--blue)}
.page-stats .page-stat:not(.orange):not(.green):not(.purple):nth-child(4n+3),
.creator-stats .creator-stat:not(.orange):not(.green):not(.purple):nth-child(4n+3){border-top-color:var(--green)}

.page-stats .page-stat:not(.orange):not(.green):not(.purple):nth-child(4n+4),
.creator-stats .creator-stat:not(.orange):not(.green):not(.purple):nth-child(4n+4){border-top-color:#a395d4}


/* Align button labels and trailing icons on the same visual center. */
button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  line-height:1.2;
}
button > span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}
.button{
  min-height:42px;
  line-height:1;
}
.button.compact-button{
  min-height:34px;
}
.button-primary span,
.text-button span,
.ghost-button span{
  align-self:center;
  line-height:1;
}


/* Knowledge center: a reference library, not a personal learning tracker. */
.knowledge-stats .page-stat{min-height:100px}
.knowledge-toolbar{margin-bottom:15px}
.knowledge-layout{display:grid;grid-template-columns:1.16fr 1fr;gap:13px}
.knowledge-featured{min-height:302px;padding:29px;background:#fbece4;display:flex;justify-content:space-between;position:relative;overflow:hidden}
.knowledge-featured:after{content:"";position:absolute;width:310px;height:310px;border:1px solid rgba(242,106,66,.16);border-radius:50%;right:-100px;bottom:-130px;box-shadow:0 0 0 27px rgba(242,106,66,.06),0 0 0 60px rgba(242,106,66,.04)}
.knowledge-featured-copy{position:relative;z-index:1;max-width:66%}
.knowledge-featured h2{font:400 27px var(--display);margin:20px 0 11px;line-height:1.25}
.knowledge-featured p{color:#7b7d78;font-size:11px;line-height:1.75;margin:0}
.knowledge-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:21px}
.knowledge-tags span{padding:6px 8px;background:rgba(255,255,255,.52);color:#a27667;font-size:8px}
.knowledge-featured .hero-actions{margin-top:22px}
.knowledge-index{width:128px;height:128px;border-radius:50%;border:1px solid rgba(242,106,66,.38);display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;position:relative;z-index:2;color:#a37868;text-align:center}
.knowledge-index:before{content:"";position:absolute;inset:13px;border:1px solid rgba(242,106,66,.2);border-radius:50%}
.knowledge-index strong{font:400 34px var(--display);color:var(--orange);position:relative;z-index:1}
.knowledge-index span{font-size:8px;letter-spacing:.12em;line-height:1.45;position:relative;z-index:1}
.knowledge-index i{position:absolute;inset:-13px;border:1px dashed rgba(242,106,66,.2);border-radius:50%}
.knowledge-side-list{display:grid;grid-template-columns:1fr;gap:12px}
.knowledge-card{background:var(--paper);display:grid;grid-template-columns:112px 1fr;gap:16px;padding:12px;align-items:center;min-height:92px}
.knowledge-card-cover{height:80px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.knowledge-card-cover b{font:400 24px var(--display)}
.knowledge-card-cover span{font-size:8px;letter-spacing:.14em}
.coral-cover{background:#efb09a;color:#7b493d}.blue-cover{background:#a7d4df;color:#34596a}.green-cover{background:#b9d8bd;color:#3b6550}
.knowledge-card h3{font:400 16px var(--display);margin:7px 0 5px;line-height:1.25}
.knowledge-card p{font-size:9px;color:#89949b;margin:0;line-height:1.55}
.knowledge-link{border:0;background:none;color:var(--orange);font-size:9px;padding:8px 0 0;justify-content:flex-start}
.knowledge-link span{font-size:13px;margin-left:6px}
.knowledge-recent{margin-top:13px;padding:23px 27px 15px}
.knowledge-recent .panel-heading{align-items:center;margin-bottom:15px}
.knowledge-recent .panel-heading h2{margin-bottom:0}
.knowledge-table{display:grid}
.knowledge-table-head,.knowledge-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 52px;gap:12px;align-items:center}
.knowledge-table-head{color:#a0a8ac;font-size:8px;padding-bottom:9px}
.knowledge-table-row{border-top:1px solid var(--line);padding:12px 0;color:#748189;font-size:9px}
.knowledge-table-row strong{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:10px;font-weight:600;min-width:0}
.knowledge-table-row strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.knowledge-row-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:600}
.orange-row{background:#fff0e8;color:var(--orange)}.blue-row{background:#e7f3f7;color:#5792a8}.green-row{background:#e7f3eb;color:#58906a}
.knowledge-table-row .list-action{justify-self:end}
@media (max-width:1120px){.knowledge-layout{grid-template-columns:1fr}.knowledge-featured{min-height:270px}.knowledge-table-head,.knowledge-table-row{grid-template-columns:2fr 1fr 1fr 70px}.knowledge-table-head span:nth-child(3),.knowledge-table-row span:nth-child(3){display:none}}
@media (max-width:760px){.knowledge-featured{min-height:320px;padding:22px}.knowledge-featured-copy{max-width:72%}.knowledge-featured h2{font-size:23px}.knowledge-index{width:94px;height:94px}.knowledge-index strong{font-size:28px}.knowledge-side-list{gap:8px}.knowledge-card{grid-template-columns:88px 1fr;gap:11px;padding:10px}.knowledge-card-cover{height:72px}.knowledge-card h3{font-size:14px}.knowledge-recent{padding:19px}.knowledge-table-head,.knowledge-table-row{grid-template-columns:1fr 70px}.knowledge-table-head span:nth-child(2),.knowledge-table-head span:nth-child(4),.knowledge-table-row span:nth-child(2),.knowledge-table-row span:nth-child(4){display:none}.knowledge-table-row .list-action{grid-column:2;grid-row:1;align-self:center}.knowledge-table-row strong{font-size:9px}}


/* Learning center knowledge catalog */
.knowledge-featured-wrap{min-width:0}
.knowledge-featured-dynamic{min-height:302px}
.knowledge-source-note{display:block;margin-top:16px;color:#a27667;font-size:9px;line-height:1.5}
.knowledge-safety-note{color:#9aa3a8;font-size:9px}
.knowledge-empty{padding:24px 0;color:#89959d;font-size:11px}
.knowledge-card-dynamic{min-width:0}
.knowledge-card-dynamic h3{margin-top:7px}
.knowledge-card-dynamic p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.knowledge-table-row{min-height:48px}
.knowledge-table-row[hidden],.knowledge-card-dynamic[hidden],.knowledge-featured-wrap[hidden]{display:none}

.knowledge-toolbar .search-shell{min-width:0}
@media(max-width:760px){.knowledge-toolbar{align-items:stretch;flex-direction:column;gap:12px}.knowledge-toolbar .search-shell{width:100%}.knowledge-safety-note{display:none}}

.page-stat.blue{border-color:#6fa9c3}
.knowledge-row-icon.purple-row{background:#f0ebf8;color:#8d79b6}


/* Full-page knowledge reader */
.knowledge-reader{max-width:1180px;margin:0 auto;padding:42px 0 58px}
.reader-header{display:flex;justify-content:space-between;gap:48px;padding:0 0 34px;border-bottom:1px solid var(--line)}
.reader-header>div:first-child{max-width:820px}
.reader-back{display:inline-flex;color:var(--orange);font-size:11px;margin-bottom:28px;text-decoration:none}
.reader-back:hover{color:var(--ink)}
.reader-header h1{font:400 clamp(32px,4vw,52px)/1.15 var(--display);letter-spacing:-.03em;color:var(--ink);margin:13px 0 16px;max-width:780px}
.reader-header p{max-width:720px;color:#697780;font-size:14px;line-height:1.85;margin:0}
.reader-header .knowledge-tags{margin-top:22px}
.reader-meta{flex:0 0 105px;border-left:1px solid var(--line);padding:48px 0 0 20px;color:#9aa4a9}
.reader-meta strong{display:block;color:var(--orange);font:400 27px var(--display)}
.reader-meta small{display:block;font-size:9px;margin-top:4px;letter-spacing:.1em}
.reader-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:55px;align-items:start;margin:42px auto 0;max-width:1035px}
.reader-toc{position:sticky;top:26px;display:flex;flex-direction:column;align-items:stretch;padding:4px 0 0}
.reader-toc>strong{color:var(--ink);font-size:13px;margin:10px 0 14px}
.reader-toc button{border:0;border-left:1px solid transparent;background:none;text-align:left;padding:8px 0 8px 12px;color:#8a969c;font-size:10px;line-height:1.45;cursor:pointer;transition:color .2s,border-color .2s}
.reader-toc button:hover{color:var(--orange);border-left-color:var(--orange)}
.reader-toc-back{display:block;margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--orange);font-size:10px;text-decoration:none}
.reader-content{min-width:0}
.reader-section{scroll-margin-top:24px;padding:0 0 37px;margin:0 0 34px;border-bottom:1px solid var(--line)}
.reader-section:last-of-type{border-bottom:0;margin-bottom:4px}
.reader-section-kicker{display:block;color:var(--orange);font-size:9px;letter-spacing:.14em;margin-bottom:9px}
.reader-section h2{font:400 25px/1.3 var(--display);color:var(--ink);margin:0 0 17px}
.reader-section p{color:#58666d;font-size:14px;line-height:2.05;margin:0 0 14px;max-width:700px}
.reader-section p:last-child{margin-bottom:0}
.reader-section ol{margin:16px 0 0;padding:0;list-style:none;counter-reset:reader-step;display:grid;gap:9px}
.reader-section li{counter-increment:reader-step;position:relative;padding:13px 15px 13px 45px;background:#f7f8f6;color:#637078;font-size:12px;line-height:1.75}
.reader-section li:before{content:counter(reader-step,decimal-leading-zero);position:absolute;left:15px;top:14px;color:var(--orange);font:400 16px var(--display)}
.reader-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:#9aa4a9;font-size:10px;line-height:1.5;border-top:1px solid var(--line)}
.reader-pagination{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:25px}
.reader-nav-card{position:relative;display:block;min-height:75px;padding:14px 42px 13px 16px;background:#f7f8f6;text-decoration:none;color:var(--ink);transition:background .2s,transform .2s}
.reader-nav-card:hover{background:#fbece4;transform:translateY(-2px)}
.reader-nav-card.next{text-align:right;padding:14px 16px 13px 42px}
.reader-nav-card span{display:block;color:#a0a8ac;font-size:9px;margin-bottom:8px}
.reader-nav-card strong{display:block;font:400 15px/1.35 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reader-nav-card b{position:absolute;top:35px;left:16px;color:var(--orange);font-size:17px;font-weight:400}
.reader-nav-card.next b{left:auto;right:16px}
@media(max-width:900px){.reader-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.reader-header{gap:24px}}
@media(max-width:680px){.knowledge-reader{padding:27px 0 35px}.reader-header{display:block;padding-bottom:25px}.reader-header h1{font-size:34px}.reader-header p{font-size:12px}.reader-meta{border:0;padding:18px 0 0}.reader-layout{display:block;margin-top:26px}.reader-toc{position:static;margin-bottom:30px;padding:14px 16px;background:#f7f8f6}.reader-toc>strong{margin:7px 0 8px}.reader-toc button{display:inline-block;width:50%;padding:7px 4px;color:#78858b}.reader-toc-back{margin-top:10px}.reader-section{padding-bottom:27px;margin-bottom:27px}.reader-section h2{font-size:22px}.reader-section p{font-size:13px;line-height:1.9}.reader-footer{display:block}.reader-footer span{display:block;margin-bottom:6px}.reader-pagination{grid-template-columns:1fr}.reader-nav-card.next{text-align:left;padding:14px 42px 13px 16px}.reader-nav-card.next b{left:16px;right:auto}}
.reader-nav-card{padding-left:42px;padding-right:16px}
.reader-nav-card.next{padding-left:16px;padding-right:42px}
@media(max-width:680px){.reader-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.reader-toc>.eyebrow,.reader-toc>strong,.reader-toc-back{grid-column:1/-1}.reader-toc button{width:100%}.reader-nav-card.next{padding-left:42px;padding-right:16px}}

/* Compact learning-center header so the catalog starts higher. */
.knowledge-page{padding-top:24px}
.knowledge-page .page-heading{align-items:center;margin-bottom:16px}
.knowledge-page .page-heading h1{font-size:clamp(27px,2.7vw,36px);margin:7px 0 0}
.knowledge-page .page-heading-actions{padding-bottom:0}
.knowledge-page .knowledge-toolbar{margin-bottom:12px}
.knowledge-page .knowledge-recent{margin-top:11px}
@media(max-width:760px){.knowledge-page{padding-top:20px}.knowledge-page .page-heading{gap:12px;margin-bottom:14px}.knowledge-page .page-heading h1{font-size:28px}}

/* Four equally aligned, source-based article cards. */
.knowledge-article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.knowledge-article-card{--article-accent:var(--orange);min-width:0;min-height:264px;display:flex;flex-direction:column;padding:19px 19px 17px;background:var(--paper);border-top:3px solid var(--article-accent)}
.knowledge-article-card.blue-article{--article-accent:#6fa9c3}
.knowledge-article-card.green-article{--article-accent:#82b998}
.knowledge-article-card.purple-article{--article-accent:#a395d4}
.knowledge-article-card.lead{background:#fbece4}
.knowledge-article-card-top{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px}
.knowledge-article-card-top span{color:#a1a9aa;font-size:9px;letter-spacing:.12em}
.knowledge-article-card-top b{color:var(--article-accent);font:400 31px/1 var(--display)}
.knowledge-article-card-body{flex:1;min-width:0}
.knowledge-article-card-body .course-tag{display:block;margin-bottom:8px}
.knowledge-article-card h2{color:var(--ink);font:400 19px/1.35 var(--display);margin:0 0 10px;min-height:76px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.knowledge-article-card p{color:#79868c;font-size:10px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.knowledge-article-card-link{display:flex;align-items:center;gap:8px;margin-top:15px;padding:0;border:0;background:none;color:var(--article-accent);font-size:11px;cursor:pointer}
.knowledge-article-card-link:hover{text-decoration:underline}
.knowledge-article-card-link span{font-size:16px}
.knowledge-article-grid>.knowledge-article-card:only-child{grid-column:span 2}
@media(max-width:1120px){.knowledge-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.knowledge-article-card{min-height:238px}.knowledge-article-card h2{min-height:52px}}
@media(max-width:760px){.knowledge-article-grid{grid-template-columns:1fr;gap:9px}.knowledge-article-card,.knowledge-article-grid>.knowledge-article-card:only-child{grid-column:auto}.knowledge-article-card{min-height:0;padding:16px}.knowledge-article-card h2{min-height:0;margin-bottom:8px;font-size:18px}.knowledge-article-card p{-webkit-line-clamp:2}.knowledge-article-card-link{margin-top:12px}}
/* Original knowledge documents: preserve their structure and make long reports readable. */
.original-article{color:#4f5e66;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
.original-article>h1,.original-article>h2,.original-article>h3,.original-article>h4,
.original-article section h2{color:var(--ink);font-family:var(--display);font-weight:400;line-height:1.35;margin:30px 0 13px;scroll-margin-top:28px}
.original-article h1{font-size:29px;margin-top:0}
.original-article h2{font-size:23px}.original-article h3{font-size:18px}.original-article h4{font-size:16px}
.original-article p{margin:0 0 14px}.original-article ul,.original-article ol{padding-left:25px;margin:8px 0 18px}
.original-article li{padding:0;margin:5px 0;background:none;color:inherit;font-size:14px;line-height:1.8}
.original-article li:before{content:none}
.original-article blockquote{border-left:3px solid var(--orange);margin:17px 0;padding:3px 16px;color:#68777e;background:#f7f8f6}
.original-article table{border-collapse:collapse;display:block;overflow-x:auto;white-space:normal;margin:18px 0 24px;font-size:12px}
.original-article th,.original-article td{border:1px solid #e2e7e8;padding:8px 10px;min-width:90px;vertical-align:top}
.original-article th{background:#f3f6f5;color:var(--ink)}
.original-article pre{overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f8f6;padding:15px;margin:12px 0 22px;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;color:#536169}
.original-article code{background:#f3f6f5;padding:2px 4px}.original-article pre code{padding:0;background:none}
.original-article a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.original-article .original-page{margin:0 0 25px;border-bottom:1px solid var(--line)}
.original-article .reader-footer{margin-top:40px}
.reader-toc{max-height:calc(100vh - 52px);overflow-y:auto}
.reader-toc button{width:100%;overflow-wrap:anywhere}
@media(max-width:680px){.reader-toc{max-height:270px}.original-article{font-size:13px}.original-article li{font-size:13px}.original-article table{font-size:11px}}
.original-article h1,.original-article h2,.original-article h3,.original-article h4,.original-article h5,.original-article h6{color:var(--ink);font-family:var(--display);font-weight:400;line-height:1.35;scroll-margin-top:28px}
.original-article h1{font-size:29px;margin:0 0 17px}.original-article h2{font-size:23px;margin:29px 0 13px}.original-article h3{font-size:18px;margin:24px 0 11px}.original-article h4{font-size:16px;margin:20px 0 10px}
.back-to-top{position:fixed;right:26px;bottom:26px;z-index:50;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(18,34,53,.12);border-radius:50%;background:var(--navy);color:#fff;box-shadow:0 12px 30px rgba(18,34,53,.18);font-size:11px;line-height:1;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.back-to-top[hidden]{display:none}
.back-to-top:hover{transform:translateY(-3px);background:#23394f;box-shadow:0 16px 34px rgba(18,34,53,.23)}
.back-to-top:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.back-to-top span:first-child{font-size:19px;line-height:1}
@media(max-width:760px){.back-to-top{right:16px;bottom:18px;min-width:44px;min-height:44px;justify-content:center;padding:0;border-radius:50%}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* Readable, clickable learning-center catalog titles. */
.knowledge-page .knowledge-table-head{font-size:11px}
.knowledge-page .knowledge-table-row{font-size:12px;min-height:56px}
.knowledge-page .knowledge-table-row strong{font-size:14px;line-height:1.45}
.knowledge-page .knowledge-table-row strong a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;text-decoration:none}
.knowledge-page .knowledge-table-row strong a:hover,.knowledge-page .knowledge-table-row strong a:focus-visible{color:var(--orange);text-decoration:underline}
.knowledge-article-card h2 a{color:inherit;text-decoration:none}
.knowledge-article-card h2 a:hover,.knowledge-article-card h2 a:focus-visible{color:var(--article-accent);text-decoration:underline}
@media(max-width:760px){.knowledge-page .knowledge-table-row strong{font-size:13px}}

/* One featured knowledge article with three compact titles beside it. */
.knowledge-article-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:10px 12px}
.knowledge-article-grid>.knowledge-article-card.lead{grid-row:1 / span 3;min-height:292px;padding:25px 27px 22px}
.knowledge-article-card.lead h2{font-size:25px;min-height:0;max-width:30ch}
.knowledge-article-card.lead p{font-size:12px;-webkit-line-clamp:4}
.knowledge-article-card.compact{min-height:0;padding:14px 22px;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px}
.knowledge-article-card.compact .compact-index{flex:0 0 42px;color:var(--article-accent);font:400 30px/1 var(--display)}
.knowledge-article-card.compact h2{font-size:18px;line-height:1.4;min-height:0;margin:0;-webkit-line-clamp:2}
.knowledge-article-grid>.knowledge-article-card:only-child{grid-column:1 / -1;grid-row:auto}
@media(max-width:760px){.knowledge-article-grid{grid-template-columns:1fr;grid-template-rows:auto}.knowledge-article-grid>.knowledge-article-card.lead{grid-row:auto;min-height:0;padding:20px}.knowledge-article-card.lead h2{font-size:21px}.knowledge-article-card.compact{min-height:72px;padding:15px 18px;gap:14px}.knowledge-article-card.compact .compact-index{flex-basis:34px;font-size:25px}.knowledge-article-card.compact h2{font-size:16px}}

/* Recommendations are fixed; search and pagination belong to the catalog only. */
.knowledge-feature-head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}
.knowledge-feature-head h2{margin:0;font:400 20px/1.3 var(--display);color:var(--ink)}
.knowledge-recent .knowledge-toolbar{margin:14px 0 12px}

/* Faithful page render for PDFs with unreadable embedded text maps. */
.original-pdf-page{margin:0 0 28px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.original-pdf-page-number{display:block;margin-bottom:8px;color:#8b979f;font-size:11px;letter-spacing:.08em}
.original-pdf-image-link{display:block;cursor:zoom-in}
.original-pdf-image-link img{display:block;width:100%;height:auto;background:#fff;box-shadow:0 2px 14px rgba(18,34,53,.1)}
.original-ocr-text{margin-top:10px}.original-ocr-text summary{color:var(--orange);font-size:12px;cursor:pointer}
.original-ocr-text pre{font-family:var(--sans);white-space:pre-wrap}


/* Compact learning-center title: page name and recommendation label share one row. */
.knowledge-page{padding-top:16px}
.knowledge-page .knowledge-feature-head{display:flex;align-items:baseline;gap:12px;margin:0 0 12px;min-height:32px}
.knowledge-page .knowledge-feature-head h1{margin:0;font:400 clamp(25px,2.4vw,32px)/1.1 var(--display);letter-spacing:-.035em;color:var(--ink)}
.knowledge-page .knowledge-head-divider{width:1px;height:18px;align-self:center;background:var(--line)}
.knowledge-page .knowledge-feature-head .eyebrow{margin-left:2px}
@media(max-width:760px){.knowledge-page{padding-top:12px}.knowledge-page .knowledge-feature-head{gap:8px;flex-wrap:wrap}.knowledge-page .knowledge-feature-head h1{font-size:25px}.knowledge-page .knowledge-head-divider{height:16px}.knowledge-page .knowledge-feature-head .eyebrow{display:none}}