:root{--ink:#14101d;--muted:#7b7487;--purple:#7b2cf5;--purple2:#a462ff;--pink:#ff4fa3;--cream:#f7f4fa;--line:#e8e2ee;--white:#fff;--dark:#120c1e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#f7f5f9}.hidden{display:none!important}button,input,select{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.login-screen{min-height:100vh;background:var(--dark);color:white;position:relative;overflow:hidden;padding:34px 5vw}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:520px;height:520px;background:radial-gradient(circle at 35% 35%,#993cff,#45217b 40%,transparent 70%);left:-150px;bottom:-210px}.orb-b{width:360px;height:360px;background:radial-gradient(circle,#ff3d9b44,transparent 65%);right:-100px;top:-80px}.login-brand,.side-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.side-logo{width:34px;height:34px;object-fit:contain;border-radius:9px;flex:0 0 34px}.login-brand b,.side-brand b{font:800 14px Manrope;letter-spacing:2px}.login-brand small,.side-brand small{display:block;font-size:8px;letter-spacing:2.5px;opacity:.55;margin-top:3px}.brand-mark{width:36px;height:36px;position:relative}.brand-mark span{position:absolute;width:18px;height:26px;border:3px solid #fff;border-radius:12px 12px 4px 12px;transform:rotate(-25deg);left:4px;top:3px}.brand-mark span+span{border-color:#ec3b9c;transform:rotate(25deg);left:14px}.brand-mark.small{width:30px;height:30px}.brand-mark.small span{width:15px;height:22px}.login-layout{max-width:1180px;margin:7vh auto 0;display:grid;grid-template-columns:1.1fr .8fr;gap:9vw;align-items:center;position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#a875ff}.login-copy h1,.hero h2,.page-title h2{font:800 clamp(45px,5vw,78px)/.98 Manrope;margin:18px 0}.login-copy h1 i,.page-title h2 i{font-family:Georgia,serif;font-weight:400;color:#d69cff}.login-copy>p{color:#aea7b9;max-width:510px;font-size:18px;line-height:1.65}.mini-feed{margin-top:38px;padding:18px 22px;border:1px solid #ffffff1a;border-radius:16px;background:#ffffff0a;max-width:420px;backdrop-filter:blur(10px)}.mini-feed span{font-size:9px;color:#f961ab;letter-spacing:1.4px}.mini-feed b{display:block;margin:8px 0 3px}.mini-feed small{color:#827b8c}.login-card{background:white;color:var(--ink);padding:32px;border-radius:28px;box-shadow:0 30px 80px #0008}.card-top span{font:800 24px Manrope}.card-top small{display:block;color:var(--muted);margin-top:6px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.role{border:1px solid var(--line);background:white;border-radius:14px;padding:15px 8px;color:var(--muted);cursor:pointer;transition:.2s}.role:hover{transform:translateY(-2px)}.role.active{border-color:var(--purple);background:#f6efff;color:var(--purple)}.role-icon{display:grid;place-items:center;width:34px;height:34px;margin:auto auto 8px;border-radius:11px;background:#f1edf5;font-size:10px;font-weight:800}.role.active .role-icon{background:var(--purple);color:white}.role b{display:block;font-size:13px}.role small{font-size:10px}.admin-fields{display:none;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.admin-fields.show{display:grid}.admin-fields label,.field{font-size:11px;font-weight:700;color:#5d5665;letter-spacing:.4px}.admin-fields input,.field input,.field select{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:6px;outline:none;background:white}.admin-fields input:focus,.field input:focus,.field select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7b2cf511}.primary-btn{width:100%;border:0;border-radius:12px;padding:15px 18px;background:linear-gradient(120deg,#7425e9,#963fff);color:white;font-weight:700;cursor:pointer;box-shadow:0 10px 25px #7022dd33}.primary-btn span{float:right}.security-note{text-align:center;color:#9d96a6;font-size:10px;margin-top:18px}.security-note span{color:#54d099}.form-error{font-size:12px;color:#df376b;text-align:center}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:var(--dark);color:white;position:fixed;inset:0 auto 0 0;padding:30px 22px;display:flex;flex-direction:column;z-index:10}.side-brand{margin-bottom:50px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;color:#918a9b;text-align:left;padding:13px 14px;border-radius:12px;font-weight:600;cursor:pointer}.nav-item span{display:inline-block;width:26px}.nav-item.active,.nav-item:hover{background:#ffffff10;color:white}.side-bottom{margin-top:auto}.daily{padding:17px;background:linear-gradient(140deg,#302044,#1c1428);border:1px solid #ffffff0b;border-radius:15px}.daily span{font-size:8px;color:#b88aff;letter-spacing:1.5px}.daily p{font:italic 13px Georgia;line-height:1.5;color:#d9d2e0}.logout{margin-top:16px;background:transparent;border:0;color:#81798a;padding:9px;cursor:pointer}.main-area{margin-left:245px;width:calc(100% - 245px)}header{height:78px;padding:0 4vw;display:flex;align-items:center;justify-content:flex-end;border-bottom:1px solid var(--line);background:#f7f5f9aa;backdrop-filter:blur(15px);position:sticky;top:0;z-index:8}.header-actions{display:flex;align-items:center;gap:12px}.search-btn{border:1px solid var(--line);background:white;border-radius:22px;color:#9992a0;padding:10px 17px}.notif{width:39px;height:39px;border:1px solid var(--line);background:white;border-radius:50%;position:relative}.notif i{position:absolute;width:6px;height:6px;background:#ec4092;border-radius:50%;right:8px;top:7px}.profile{display:flex;align-items:center;gap:9px;border:0;background:transparent;text-align:left}.profile span:not(.avatar){display:flex;flex-direction:column}.profile b{font-size:12px}.profile small{font-size:10px;color:var(--muted);text-transform:capitalize}.profile em{font-style:normal;color:#948d9b}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7234e6,#f157a0);color:white;font-weight:800}.menu-btn,.mobile-logo{display:none}.view{display:none;padding:0 4vw 60px}.view.active{display:block;animation:fade .35s ease}.hero{margin-top:30px;min-height:310px;border-radius:25px;background:linear-gradient(120deg,#1a1029,#322044);color:white;padding:50px 5vw;position:relative;overflow:hidden;display:flex;align-items:center}.hero h2{font-size:55px;margin:10px 0}.hero>div>p{color:#aca4b6}.hero-art{position:absolute;inset:0 0 0 50%}.ring{position:absolute;border:1px solid #a778ff55;border-radius:50%}.r1{width:360px;height:360px;right:5%;top:-25px}.r2{width:240px;height:240px;right:12%;top:35px}.phone-card{position:absolute;width:210px;height:240px;right:15%;top:35px;border:1px solid #ffffff33;border-radius:26px;background:linear-gradient(150deg,#7a30dccc,#bb4da3aa);transform:rotate(7deg);padding:32px;box-shadow:0 30px 60px #0008}.phone-card small{font-size:8px;letter-spacing:2px}.phone-card b{display:block;font:700 25px/1.15 Manrope;margin-top:35px}.phone-card span{position:absolute;bottom:25px;right:25px;width:40px;height:40px;display:grid;place-items:center;background:white;color:var(--purple);border-radius:50%}.spark{position:absolute;right:8%;top:45px;color:#ff66ae;font-size:40px;animation:pulse 2s infinite}.content-head{display:flex;align-items:end;justify-content:space-between;margin:42px 0 20px}.content-head h3,.leaderboard h3{font:800 25px Manrope;margin:0}.content-head p{color:var(--muted);margin:5px 0}.filters{display:flex;gap:6px;background:#eeeaf1;padding:4px;border-radius:20px}.filter{border:0;background:transparent;padding:8px 14px;border-radius:17px;color:#81798a;font-size:11px;font-weight:700;cursor:pointer}.filter.active{background:white;color:var(--purple);box-shadow:0 3px 10px #0000000d}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden;cursor:pointer;transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #2d173411}.post-cover{height:160px;padding:20px;position:relative;background:linear-gradient(135deg,#e8d5ff,#944fea);overflow:hidden}.post-cover.pink{background:linear-gradient(135deg,#ffd5e8,#f150a1)}.post-cover.orange{background:linear-gradient(135deg,#ffe1c4,#ff805f)}.post-cover:after{content:'';position:absolute;width:170px;height:170px;border:1px solid #fff8;border-radius:50%;right:-25px;top:-45px}.post-type{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;background:#ffffffcc;padding:7px 10px;border-radius:12px;font-weight:800;color:#1a1029}.cover-title{position:absolute;bottom:20px;left:20px;color:white;font:800 25px/1.1 Manrope;max-width:80%;text-shadow:0 3px 18px #54227355}.post-body{padding:19px}.post-meta{display:flex;justify-content:space-between;align-items:center}.tag{font-size:9px;color:var(--purple);background:#f2e9ff;padding:6px 8px;border-radius:10px;text-transform:uppercase;font-weight:800}.audience{font-size:9px;color:#8a8391;font-weight:700}html[data-theme="dark"] .tag{color:#d4b8ff;background:#3d2a5c}html[data-theme="dark"] .audience{color:#b8afc8}.post-body h4{font:800 18px/1.3 Manrope;margin:14px 0 8px}.post-body p{font-size:12px;color:var(--muted);line-height:1.55;height:38px;overflow:hidden}.author-row{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-top:15px;font-size:10px;color:#8c8493}.page-title{padding:55px 0 30px}.page-title h2{font-size:52px;margin:10px 0}.page-title p{color:var(--muted)}.fame-switch{display:inline-flex;background:#eae5ee;border-radius:15px;padding:4px}.fame-switch button{border:0;background:transparent;padding:10px 20px;border-radius:11px;color:#81798a;font-weight:700}.fame-switch button.active{background:var(--dark);color:white}.podium{display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:16px;align-items:end;max-width:780px;margin:50px auto}.winner{background:white;border:1px solid var(--line);border-radius:24px;text-align:center;padding:25px;position:relative}.winner.first{padding-top:42px;background:linear-gradient(180deg,#f7edff,#fff)}.winner .place{position:absolute;top:-18px;left:50%;transform:translateX(-50%);width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:var(--dark);color:white;font-weight:800}.winner.first .place{background:var(--purple);width:46px;height:46px}.winner-avatar{width:70px;height:70px;margin:auto;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7d35ed,#ff58a7);color:white;font-size:22px;font-weight:800;border:5px solid #eee5f5}.winner h4{margin:14px 0 3px}.winner p{margin:0;color:var(--muted);font-size:11px}.winner strong{display:block;margin-top:15px;color:var(--purple);font-size:22px}.leaderboard{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.board-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.board-head span{font-size:10px;color:var(--muted)}.leader-row{display:grid;grid-template-columns:40px 1fr auto auto;align-items:center;gap:15px;padding:13px;border-top:1px solid var(--line)}.leader-row>span{font-weight:800;color:#a29ba8}.leader-row b{font-size:13px}.leader-row small{display:block;color:var(--muted)}.leader-row em{font-style:normal;font-size:11px;color:#6b6471}.leader-row strong{color:var(--purple)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.studio-main,.publish-card,.team-card,.role-info>div{background:white;border:1px solid var(--line);border-radius:20px;padding:25px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:block;margin-bottom:18px}.editor-label{font-size:11px;font-weight:700;color:#5d5665;margin:10px 0 7px}.editor-label span{float:right;color:var(--muted)}.toolbar{display:flex;flex-wrap:wrap;gap:5px;border:1px solid var(--line);border-bottom:0;padding:8px;border-radius:12px 12px 0 0;background:#faf9fb}.toolbar button,.toolbar select,.tool-upload{border:1px solid var(--line);background:white;border-radius:6px;padding:6px 9px;font-size:11px;cursor:pointer}.tool-upload input{display:none}.editor{min-height:300px;background:white;border:1px solid var(--line);border-radius:0 0 12px 12px;padding:20px;line-height:1.7;outline:none}.editor:empty:before{content:attr(data-placeholder);color:#aaa3ae}.publish-card{position:sticky;top:100px}.publish-card h3{font:800 20px Manrope}.publish-card small{display:block;text-align:center;color:var(--muted);line-height:1.5;margin-top:13px}.preview-audience{padding:15px;background:#f7f2fc;border-radius:12px;margin-bottom:18px}.preview-audience span{font-size:10px;color:var(--muted)}.preview-audience b{display:block;color:var(--purple);font-size:12px;margin-top:4px}.slide-item{border:1px solid var(--line);border-radius:15px;padding:15px;margin-bottom:10px;display:grid;grid-template-columns:55px 1fr 1.3fr 34px;gap:9px;align-items:center}.slide-num{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:#f1e7ff;color:var(--purple);font-weight:800}.slide-item input{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px}.slide-item button{border:0;background:#fff0f4;color:#d63e69;border-radius:8px;height:34px}.outline-btn{border:1px dashed var(--purple);background:#f8f2ff;color:var(--purple);padding:12px;border-radius:10px;width:100%;font-weight:700}.team-layout{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px}.team-card h3{font:800 22px Manrope;margin-top:0}.role-info{display:grid;gap:15px}.role-info>div{padding:22px}.role-info span{display:grid;width:40px;height:40px;place-items:center;background:#eee4ff;color:var(--purple);font-weight:800;border-radius:12px}.role-info h3{margin-bottom:5px}.role-info p{color:var(--muted);font-size:13px;line-height:1.6}.modal{position:fixed;inset:0;background:#120c1ecb;z-index:30;display:none;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal.open{display:grid}.modal-panel{width:min(850px,100%);max-height:90vh;overflow:auto;background:white;border-radius:25px;position:relative}.modal-close{position:sticky;float:right;top:15px;margin:15px;width:38px;height:38px;border:0;border-radius:50%;background:#18101f;color:white;font-size:22px;z-index:2}.article-hero{padding:55px;background:linear-gradient(135deg,#32184e,#8b3cee);color:white}.article-hero small{letter-spacing:1.5px}.article-hero h1{font:800 clamp(32px,5vw,55px)/1.05 Manrope;max-width:680px}.article-content{padding:45px 8%;font-size:16px;line-height:1.8}.article-content h2{font:800 28px Manrope}.article-content blockquote{border-left:4px solid var(--purple);background:#f6efff;padding:15px 20px;margin-left:0}.slider{padding:40px}.slide-display{min-height:330px;border-radius:22px;background:linear-gradient(135deg,#412261,#bc4eac);color:white;padding:45px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.slide-display:before{content:'';position:absolute;width:260px;height:260px;border:1px solid #ffffff66;border-radius:50%;right:-30px;top:-70px}.slide-display h2{font:800 36px Manrope;margin:0 0 10px;position:relative}.slide-display p{max-width:570px;line-height:1.6;position:relative}.slide-controls{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.slide-controls button{width:42px;height:42px;border:0;border-radius:50%;background:var(--dark);color:white}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%,-20px);background:var(--dark);color:white;padding:12px 20px;border-radius:12px;z-index:60;opacity:0;transition:.3s;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.25);opacity:.6}}
@media(max-width:1000px){.posts-grid{grid-template-columns:1fr 1fr}.login-layout{gap:4vw}.hero-art{opacity:.6}.studio{grid-template-columns:1fr}.publish-card{position:static}.team-layout{grid-template-columns:1fr}}
@media(max-width:760px){.login-screen{padding:24px}.login-layout{grid-template-columns:1fr;margin-top:8vh}.login-copy h1{font-size:44px}.login-copy>p,.mini-feed{display:none}.login-card{padding:23px}.sidebar{transform:translateX(-100%);transition:.3s;width:260px}.sidebar.open{transform:none}.main-area{margin-left:0;width:100%}header{height:65px;justify-content:space-between;padding:0 18px}.menu-btn,.mobile-logo{display:block}.menu-btn{border:0;background:transparent;font-size:20px}.mobile-logo{font:800 12px Manrope}.search-btn,.profile span:not(.avatar),.profile em{display:none}.view{padding:0 18px 45px}.hero{min-height:275px;padding:32px 25px}.hero h2{font-size:40px}.hero-art{left:35%}.phone-card{right:-55px;transform:rotate(12deg);opacity:.75}.content-head{display:block}.filters{overflow-x:auto;margin-top:15px}.posts-grid{grid-template-columns:1fr}.page-title{padding-top:35px}.page-title h2{font-size:38px}.podium{grid-template-columns:1fr;align-items:stretch}.winner.first{order:-1}.leader-row{grid-template-columns:30px 1fr auto}.leader-row em{display:none}.two-col{grid-template-columns:1fr}.slide-item{grid-template-columns:45px 1fr 30px}.slide-item input:nth-of-type(2){grid-column:2/4}.studio-main,.publish-card{padding:18px}.article-hero{padding:45px 25px}.article-content{padding:30px 25px}.slider{padding:20px}.slide-display{min-height:390px;padding:28px}.role-grid{gap:6px}.role{padding:12px 3px}.role small{display:none}.admin-fields{grid-template-columns:1fr}.login-brand{margin-left:3px}}
.slide-fields{display:grid;gap:6px}.slide-upload{font-size:10px;color:var(--purple);cursor:pointer}.slide-upload.ready{color:#189363}.slide-upload input{display:none}
.slide-item{grid-template-columns:55px minmax(190px,320px) 34px;justify-content:start}.slide-image-box{display:grid;gap:8px}.slide-image-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.slide-preview{width:100%;border-radius:10px;background:#f1edf5 center/cover no-repeat;display:grid;place-items:center;color:var(--muted);font-size:10px;overflow:hidden}.slide-preview.ratio-1-1{aspect-ratio:1/1}.slide-preview.ratio-16-9{aspect-ratio:16/9}.slide-ratio{font-size:9px;color:var(--muted)}.post-cover{background-position:center;background-size:cover}.slide-display{width:100%;min-height:0;background:#1f1530;display:grid;place-items:center;overflow:hidden}.slide-display .slide-img{width:100%;height:100%;object-fit:contain;display:block}.slide-display.ratio-1-1{aspect-ratio:1/1;max-width:620px;margin-inline:auto}.slide-display.ratio-16-9{aspect-ratio:16/9}.slide-text{padding:40px;color:white;display:flex;flex-direction:column;justify-content:flex-end;align-self:stretch;background:linear-gradient(135deg,#412261,#bc4eac)}.slide-text small{letter-spacing:1.5px}.slide-text h2{font:800 36px/1.1 Manrope;margin:10px 0}.slide-text p{max-width:570px;line-height:1.6;margin:0}
@media(max-width:760px){.slide-item{grid-template-columns:40px minmax(0,1fr) 30px}.slide-image-box{grid-column:2/3}.slide-preview{max-width:280px}.slide-display.ratio-1-1,.slide-display.ratio-16-9{min-height:0}.slide-text{padding:28px;min-height:300px}}

/* === About content carousel === */
.about-content-carousel{position:relative;width:100%;height:180px;overflow:hidden;border-radius:12px 12px 0 0;background:#1a1029}
.carousel-track{display:flex;height:100%;transition:transform .3s ease}
.carousel-slide{min-width:100%;height:100%;display:none;align-items:center;justify-content:center}
.carousel-slide.active{display:flex}
.carousel-slide img{width:100%;height:100%;object-fit:cover}
.carousel-controls{position:absolute;bottom:10px;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:10px}
.carousel-btn{width:32px;height:32px;border:0;border-radius:50%;background:#ffffffcc;color:#1a1029;font-size:18px;font-weight:700;cursor:pointer;display:grid;place-items:center;transition:.2s}
.carousel-btn:hover{background:white;transform:scale(1.1)}
.carousel-dots{display:flex;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;background:#ffffff66;cursor:pointer;transition:.2s}
.dot.active,.dot:hover{background:white}
.about-content-card.has-carousel .about-content-info{border-top:0}
html[data-theme="dark"] .about-content-carousel{background:#0c0812}
html[data-theme="dark"] .carousel-btn{background:#1c1526;color:#f4effa}
html[data-theme="dark"] .carousel-btn:hover{background:#2d1d43}

/* === Multi slide upload === */
.multi-upload-box{margin:14px 0;padding:14px;border:1px dashed var(--line);border-radius:12px;background:#faf9fb;text-align:center}
.multi-upload-box small{display:block;color:var(--muted);margin-top:8px;font-size:10px}
.docx-btn.multi{display:inline-block;background:var(--purple);color:white;border:0;padding:10px 20px}
.docx-btn.multi:hover{background:var(--purple2)}
html[data-theme="dark"] .multi-upload-box{background:#17111f;border-color:#382d46}
html[data-theme="dark"] .multi-upload-box small{color:#a89fb8}

/* === Cover image upload === */
.cover-upload{margin:14px 0;padding:14px;border:1px dashed var(--line);border-radius:12px;background:#faf9fb}
.cover-label{font-size:11px;font-weight:700;color:#5d5665;display:block;margin-bottom:10px}
.cover-preview{width:100%;height:120px;border-radius:10px;background:#f1edf5 center/cover no-repeat;display:grid;place-items:center;color:var(--muted);font-size:11px;margin-bottom:10px;overflow:hidden}
.cover-preview.has-image{border:2px solid var(--purple)}
.docx-btn.cover{display:inline-block;margin-right:8px}
.docx-btn.remove{background:#fff0f4;color:#d63e69;border:0}
.docx-btn.remove:hover{background:#ffe0e8}
html[data-theme="dark"] .cover-upload{background:#17111f;border-color:#382d46}
html[data-theme="dark"] .cover-preview{background:#281d36}
html[data-theme="dark"] .cover-label{color:#a89fb8}

/* === Table styling for editor and article content === */
.editor table,.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}
.editor table th,.editor table td,.article-content table th,.article-content table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.editor table th,.article-content table th{background:#f1e7ff;font-weight:700;color:var(--purple)}
.editor table tr:nth-child(even),.article-content table tr:nth-child(even){background:#faf8fc}
.editor table caption,.article-content table caption{font-weight:700;margin-bottom:8px;text-align:left;color:var(--muted)}
html[data-theme="dark"] .editor table th,html[data-theme="dark"] .article-content table th{background:#2d1d43;color:#c394ff}
html[data-theme="dark"] .editor table tr:nth-child(even),html[data-theme="dark"] .article-content table tr:nth-child(even){background:#1a1424}
html[data-theme="dark"] .editor table th,html[data-theme="dark"] .editor table td,html[data-theme="dark"] .article-content table th,html[data-theme="dark"] .article-content table td{border-color:#382d46}

/* === Search bar === */
.search-wrap{position:relative;display:flex;align-items:center}
.search-wrap input{border:1px solid var(--line);background:white;border-radius:22px;padding:10px 17px 10px 38px;outline:none;font-size:13px;width:220px;transition:.2s}
.search-wrap input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7b2cf511;width:280px}
.search-ic{position:absolute;left:14px;font-size:14px;color:#9992a0;pointer-events:none}
@media(max-width:760px){.search-wrap input{width:140px}.search-wrap input:focus{width:180px}}

/* === Card actions (edit/pin/delete) === */
.card-actions{display:flex;gap:6px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.ca-btn{border:0;background:transparent;font-size:10px;font-weight:700;padding:6px 10px;border-radius:8px;cursor:pointer;transition:.15s}
.ca-btn.edit{color:var(--purple);background:#f2e9ff}
.ca-btn.edit:hover{background:#e4d4ff}
.ca-btn.pin{color:#b8860b;background:#fff8e6}
.ca-btn.pin:hover{background:#ffeeb8}
.ca-btn.del{color:#d63e69;background:#fff0f4}
.ca-btn.del:hover{background:#ffe0e8}

/* === Pin badge === */
.pin-badge{position:absolute;top:10px;right:10px;background:#fff;z-index:3;font-size:9px;font-weight:800;color:#b8860b;padding:4px 8px;border-radius:10px;box-shadow:0 2px 8px #0002}
.post-card.pinned{border-color:#ffd700;box-shadow:0 4px 20px #ffd70022}
.post-card.pinned:hover{box-shadow:0 18px 40px #ffd70033}

/* === Empty state === */
.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:var(--muted)}
.empty-state span{font-size:48px;display:block;margin-bottom:12px}
.empty-state p{font-weight:700;font-size:16px;color:#5d5665;margin:0}
.empty-state small{font-size:12px}

/* === Fame admin panel === */
.fame-admin{max-width:850px;margin:30px auto 0;text-align:center}
.fame-editor{max-width:850px;margin:0 auto;background:white;border:1px solid var(--line);border-radius:20px;padding:30px}
.fame-editor h3{font:800 22px Manrope;margin:0 0 20px}
.fame-edit-row{display:grid;grid-template-columns:40px 1fr 1fr 1fr 34px;gap:8px;align-items:center;margin-bottom:10px}
.fame-edit-row .fer-num{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#f1e7ff;color:var(--purple);font-weight:800;font-size:12px}
.fame-edit-row input{border:1px solid var(--line);border-radius:8px;padding:9px 10px;font-size:12px;outline:none}
.fame-edit-row input:focus{border-color:var(--purple)}
.fer-del{border:0;background:#fff0f4;color:#d63e69;border-radius:8px;height:34px;cursor:pointer}
.fame-edit-actions{display:flex;gap:10px;align-items:end;margin-top:20px;flex-wrap:wrap}
.fame-edit-actions .field{flex:1;margin:0}
.fame-edit-actions .field input{margin-top:6px}
@media(max-width:760px){.fame-edit-row{grid-template-columns:30px 1fr 30px}.fame-edit-row input:nth-of-type(2),.fame-edit-row input:nth-of-type(3){grid-column:2/4}.fame-edit-actions{flex-direction:column}}

/* === Manage Posts list === */
.manage-toolbar{margin-bottom:20px}
.manage-list{display:flex;flex-direction:column;gap:10px}
.mp-row{display:grid;grid-template-columns:30px 1fr auto;gap:14px;align-items:center;background:white;border:1px solid var(--line);border-radius:14px;padding:15px 18px;transition:.15s}
.mp-row.pinned{border-color:#ffd700;background:#fffdf5}
.mp-row:hover{box-shadow:0 4px 16px #2d173411}
.mp-pin{font-size:16px}
.mp-pin-placeholder{width:16px}
.mp-info h4{font:800 15px/1.3 Manrope;margin:0 0 5px}
.mp-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mp-meta .tag{font-size:8px;padding:4px 7px}
.mp-type{font-size:9px;font-weight:700;text-transform:uppercase;color:#8a8391;background:#f1edf5;padding:4px 8px;border-radius:8px}
.mp-aud{font-size:8px;font-weight:700;color:#6b6471}
.mp-meta>span:last-child{font-size:10px;color:#8c8493}
.mp-actions{display:flex;gap:6px}
@media(max-width:760px){.mp-row{grid-template-columns:1fr;gap:8px}.mp-actions{flex-wrap:wrap}.mp-pin,.mp-pin-placeholder{display:none}}

/* === Theme toggle + dark mode === */
.theme-toggle{width:39px;height:39px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:17px;transition:transform .2s,background .2s,color .2s}
.theme-toggle:hover{transform:rotate(12deg)}
html[data-theme="dark"]{color-scheme:dark;--ink:#f4effa;--muted:#aaa0b8;--line:#382d46;--white:#1c1526;--cream:#17111f;--dark:#0c0812}
html[data-theme="dark"] body{background:#110c18;color:var(--ink)}
html[data-theme="dark"] header{background:#110c18dd;border-color:var(--line)}
html[data-theme="dark"] .main-area{background:#110c18}
html[data-theme="dark"] .post-card,html[data-theme="dark"] .winner,html[data-theme="dark"] .leaderboard,html[data-theme="dark"] .studio-main,html[data-theme="dark"] .publish-card,html[data-theme="dark"] .team-card,html[data-theme="dark"] .role-info>div,html[data-theme="dark"] .modal-panel,html[data-theme="dark"] .fame-editor,html[data-theme="dark"] .mp-row,html[data-theme="dark"] .login-card{background:#1c1526;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] .winner.first{background:linear-gradient(180deg,#2b1b3d,#1c1526)}
html[data-theme="dark"] .mp-row.pinned{background:#292213;border-color:#806d18}
html[data-theme="dark"] .toolbar,html[data-theme="dark"] .toolbar button,html[data-theme="dark"] .toolbar select,html[data-theme="dark"] .tool-upload,html[data-theme="dark"] .editor,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .search-wrap input{background:#17111f;color:var(--ink);border-color:var(--line)}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] .editor:empty:before{color:#766d82}
html[data-theme="dark"] .filters,html[data-theme="dark"] .fame-switch{background:#21192c}
html[data-theme="dark"] .filter.active,html[data-theme="dark"] .fame-switch button.active{background:#7b2cf5;color:white}
html[data-theme="dark"] .filter:not(.active),html[data-theme="dark"] .fame-switch button:not(.active){color:#aaa0b8}
html[data-theme="dark"] .preview-audience,html[data-theme="dark"] .slide-preview,html[data-theme="dark"] .mp-type{background:#281d36}
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .notif{background:#21192c;color:#f4effa;border-color:var(--line)}
html[data-theme="dark"] .profile{color:var(--ink)}
html[data-theme="dark"] .article-content{background:#1c1526;color:var(--ink)}
html[data-theme="dark"] .article-content blockquote{background:#2a1d3a}
html[data-theme="dark"] .empty-state p{color:#d0c7da}
html[data-theme="dark"] .ca-btn.edit{background:#2d1d43;color:#c394ff}
html[data-theme="dark"] .ca-btn.pin{background:#342c18;color:#e3c359}
html[data-theme="dark"] .ca-btn.del,html[data-theme="dark"] .fer-del{background:#3a1c29;color:#ff8aad}
html[data-theme="dark"] .pin-badge{background:#292213;color:#f1d660}
html[data-theme="dark"] .slide-upload.ready{color:#62d69a}
html[data-theme="dark"] .page-title p,html[data-theme="dark"] .content-head p{color:var(--muted)}
html[data-theme="dark"] *{scrollbar-color:#49345e #17111f}
@media(max-width:760px){.slide-display.ratio-1-1,.slide-display.ratio-16-9{padding:0}.theme-toggle{width:36px;height:36px}.header-actions{gap:8px}}

/* === Bulletin customization === */
.settings-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.settings-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px #4f25640a;display:grid;gap:18px}
.settings-section{display:flex;align-items:center;gap:13px;padding-bottom:15px;border-bottom:1px solid var(--line)}
.settings-section h3{font-family:Manrope,sans-serif;font-size:16px;margin:0 0 3px}.settings-section p{font-size:12px;color:var(--muted);margin:0}
.settings-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#6d37ef,#d94eb9);color:#fff;font-size:17px;box-shadow:0 8px 20px #7438eb35}
.field textarea{width:100%;resize:vertical;min-height:74px;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;color:var(--ink);font:inherit;outline:none;transition:.2s}
.field textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #6d37ef15}
.settings-savebar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#241237,#401b57);color:#fff;border-radius:18px;padding:18px 22px;box-shadow:0 12px 35px #32134225}
.settings-savebar>span{font-size:13px;color:#d9cde4}.settings-savebar .primary-btn{width:auto;margin:0;padding:12px 22px}
.fame-switch.single{width:max-content}.fame-switch.single button:not(.hidden){border-radius:12px}
html[data-theme="dark"] .settings-card{background:#1b1425;border-color:#392b49;box-shadow:0 14px 34px #0004}
html[data-theme="dark"] .field textarea{background:#16101f;border-color:#463357;color:#f6f0fa}
html[data-theme="dark"] .settings-section{border-color:#392b49}
html[data-theme="dark"] .settings-savebar{background:linear-gradient(120deg,#2b1741,#4d2261);border:1px solid #5a376f}

/* === Motion, graphics and interactivity === */
.hero{isolation:isolate;overflow:hidden;background-size:180% 180%;animation:heroGradient 12s ease-in-out infinite}
.hero::before{content:"";position:absolute;inset:-60%;z-index:-1;background:conic-gradient(from 120deg,transparent,#d64db41b,transparent 30%,#7a4df21f,transparent 60%);animation:heroAura 16s linear infinite;pointer-events:none}
.hero-copy{position:relative;z-index:3}.hero-copy h2,.hero-copy p{white-space:pre-line}
.hero-art{transform:translate3d(var(--mx,0),var(--my,0),0);transition:transform .25s ease-out;will-change:transform}
.ring{animation:ringFloat 5s ease-in-out infinite}.r2{animation-delay:-2.2s}.spark{animation:sparkle 2.2s ease-in-out infinite}
.phone-card{cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;box-shadow:0 22px 55px #2108303b}
.phone-card:hover{transform:rotate(-2deg) translateY(-7px) scale(1.025);box-shadow:0 28px 65px #21083055}.phone-card.tip-pop{animation:tipPop .55s cubic-bezier(.2,.9,.3,1)}
.hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1}.hero-particles i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px #fff;opacity:.35;animation:particleDrift 7s ease-in-out infinite}
.hero-particles i:nth-child(1){left:8%;top:18%;animation-delay:-1s}.hero-particles i:nth-child(2){left:38%;top:72%;width:4px;height:4px;animation-delay:-4s}.hero-particles i:nth-child(3){left:58%;top:19%;width:5px;height:5px;animation-delay:-2s}.hero-particles i:nth-child(4){right:9%;top:26%;animation-delay:-5s}.hero-particles i:nth-child(5){right:31%;bottom:12%;width:4px;height:4px;animation-delay:-3s}
.post-card.reveal-card{position:relative;--rx:0deg;--ry:0deg;opacity:0;transform:perspective(900px) translateY(18px) rotateX(var(--rx)) rotateY(var(--ry));transition:opacity .5s var(--delay) ease,transform .5s var(--delay) cubic-bezier(.2,.8,.2,1),box-shadow .25s;transform-style:preserve-3d;will-change:transform}
.post-card.reveal-card.is-visible{opacity:1;transform:perspective(900px) translateY(0) rotateX(var(--rx)) rotateY(var(--ry))}
.post-card.reveal-card.is-visible:hover{transform:perspective(900px) translateY(-6px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 24px 50px #45205022}
.post-card.reveal-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),#fff7,transparent 34%);transition:opacity .2s;mix-blend-mode:soft-light}.post-card.reveal-card:hover::after{opacity:.45}
.winner{animation:podiumIn .65s cubic-bezier(.18,.8,.25,1) both}.winner:nth-child(2){animation-delay:.1s}.winner:nth-child(3){animation-delay:.18s}
.leader-row{animation:rowIn .45s ease both}.leader-row:nth-child(2){animation-delay:.05s}.leader-row:nth-child(3){animation-delay:.1s}.leader-row:nth-child(4){animation-delay:.15s}.leader-row:nth-child(5){animation-delay:.2s}
.primary-btn,.filter,.nav-item,.ca-btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #7535e73b}.filter:active,.nav-item:active,.ca-btn:active{transform:scale(.96)}
@keyframes heroGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes heroAura{to{transform:rotate(360deg)}}
@keyframes ringFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.03)}}
@keyframes sparkle{0%,100%{transform:scale(.8) rotate(0);opacity:.55}50%{transform:scale(1.2) rotate(22deg);opacity:1}}
@keyframes particleDrift{0%,100%{transform:translate3d(0,0,0);opacity:.2}50%{transform:translate3d(10px,-16px,0);opacity:.65}}
@keyframes tipPop{0%{transform:scale(1)}45%{transform:scale(1.07) rotate(1deg)}100%{transform:scale(1)}}
@keyframes podiumIn{from{opacity:0;transform:translateY(24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes rowIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.settings-savebar{flex-direction:column;align-items:stretch}.settings-savebar .primary-btn{width:100%}.hero-particles i:nth-child(n+4){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.post-card.reveal-card{opacity:1;transform:none!important}.hero-art{transform:none!important}}

/* === Top 3 articles in hero === */
.top-articles-card{width:240px;height:auto;min-height:200px;padding:22px 20px;display:flex;flex-direction:column;gap:10px}
.top-articles-card small{font-size:8px;letter-spacing:2px;margin-bottom:4px}
.top-articles-list{display:flex;flex-direction:column;gap:8px}
.top-article-item{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 8px;border-radius:10px;transition:.2s}
.top-article-item:hover{background:#ffffff15}
.top-article-num{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#ffffff22;font-size:10px;font-weight:800;flex:0 0 22px}
.top-article-info b{display:block;font:600 12px/1.3 Manrope;color:#fff}.top-article-info small{font-size:9px;color:#d9cde4}
.top-article-empty{font-size:11px;color:#aea7b9;padding:20px 0;text-align:center}

/* === About grid === */
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:20px}
.about-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;transition:.25s}
.about-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #2d173411}
.about-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6d37ef,#d94eb9);font-size:22px;margin-bottom:16px}
.about-card h3{font:800 18px Manrope;margin:0 0 6px}.about-card>p{color:var(--muted);font-size:13px;margin:0 0 14px}
.about-body{font-size:14px;line-height:1.7;color:#4a4456}.about-body p{margin:0 0 10px}.about-body ul{padding-left:18px;margin:0 0 10px}
.about-card .ca-btn{margin-top:14px}

/* === Section body display === */
.section-body{max-width:800px;margin:0 auto}
.section-display{background:#fff;border:1px solid var(--line);border-radius:20px;padding:35px;font-size:15px;line-height:1.8;color:#3a3450}
.section-display h2{font:800 24px Manrope;margin:0 0 14px}.section-display ul{padding-left:20px}.section-display li{margin-bottom:6px}
.section-display p{margin:0 0 14px}

/* === Content list === */
.content-list{max-width:800px;margin:0 auto}

/* === Dark mode for new sections === */
html[data-theme="dark"] .about-card{background:#1b1425;border-color:#392b49}
html[data-theme="dark"] .about-card h3,html[data-theme="dark"] .section-display{color:#f6f0fa}
html[data-theme="dark"] .about-card>p,html[data-theme="dark"] .about-body{color:#a29bb5}
html[data-theme="dark"] .section-display{background:#1b1425;border-color:#392b49}

@media(max-width:760px){.about-grid{grid-template-columns:1fr}.top-articles-card{display:none}}

/* === Image protection === */
img{user-select:none;-webkit-user-drag:none}
.slide-img{pointer-events:none;-webkit-user-drag:none;user-select:none}
.post-cover{position:relative}
.post-cover img{pointer-events:none}
.article-content img{pointer-events:none;-webkit-user-drag:none}
.about-body img{pointer-events:none;-webkit-user-drag:none}
.section-display img{pointer-events:none;-webkit-user-drag:none}

/* === Wikipedia-style All About === */
.wiki-layout{display:grid;grid-template-columns:240px 1fr;gap:0;margin-top:20px;max-width:1100px}
.wiki-toc{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto}
.wiki-toc-inner{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}
.wiki-toc h3{font:800 11px Manrope;letter-spacing:2px;color:var(--muted);margin:0 0 14px;text-transform:uppercase}
.wiki-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.wiki-toc li{margin:0}
.wiki-toc li a{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;font-size:13px;color:#4a4456;text-decoration:none;transition:.2s;cursor:pointer}
.wiki-toc li a:hover{background:var(--cream);color:var(--purple)}
.wiki-toc li a span{font-size:14px}
.wiki-toc-empty{font-size:12px;color:var(--muted);padding:10px 0}
.wiki-main{min-width:0;padding:0 0 0 30px}
.wiki-content{max-width:760px}
.wiki-admin-bar{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;border-bottom:2px solid var(--line);margin-bottom:28px}
.wiki-admin-bar span{font-size:12px;color:var(--muted);font-weight:600}
.wiki-article{font-size:15px;line-height:1.8;color:#2a2538}
.wiki-section{margin-bottom:42px;scroll-margin-top:90px}
.wiki-section-title{font:800 26px Manrope;margin:0 0 4px;display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--cream),transparent);border-radius:10px 10px 0 0;position:relative;overflow:hidden}.wiki-section-title::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#6d37ef,#d94eb9);border-radius:2px}
.wiki-section-icon{font-size:22px;animation:iconBounce .5s ease both}
@keyframes iconBounce{0%{transform:scale(0) rotate(-20deg)}60%{transform:scale(1.2) rotate(10deg)}100%{transform:scale(1)}}
.wiki-section-subtitle{font-size:14px;color:var(--muted);font-style:italic;margin:0 0 16px}
.wiki-section-body{margin-top:14px}
.wiki-section-body p{margin:0 0 14px}
.wiki-section-body h3{font:700 19px Manrope;margin:24px 0 8px}
.wiki-section-body h4{font:700 16px Manrope;margin:20px 0 6px;color:#5a5366}
.wiki-section-body ul,.wiki-section-body ol{padding-left:22px;margin:0 0 14px}
.wiki-section-body li{margin-bottom:5px}
.wiki-section-body blockquote{border-left:4px solid var(--purple);background:var(--cream);padding:12px 18px;margin:0 0 14px;border-radius:0 8px 8px 0;font-style:italic}
.wiki-section-body hr{border:0;border-top:1px solid var(--line);margin:22px 0}
.wiki-empty{color:var(--muted);font-style:italic;padding:18px;background:var(--cream);border-radius:10px;text-align:center}
.wiki-edit-btn{margin-top:14px}

/* Wikipedia-style tables */
.wiki-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.wiki-table th{background:var(--dark);color:#fff;padding:10px 14px;text-align:left;font:700 12px Manrope;letter-spacing:.5px}
.wiki-table td{padding:9px 14px;border-top:1px solid var(--line)}
.wiki-table tbody tr:nth-child(even){background:var(--cream)}
.wiki-table caption{caption-side:bottom;font-size:12px;color:var(--muted);padding:8px;font-style:italic}

/* Wikipedia-style figures */
.wiki-figure{margin:18px 0;display:flex;flex-direction:column;align-items:center}
.wiki-figure img{max-width:100%;border-radius:10px;border:1px solid var(--line);pointer-events:none;-webkit-user-drag:none;user-select:none}
.wiki-figure figcaption{font-size:12px;color:var(--muted);margin-top:8px;text-align:center;font-style:italic;max-width:400px}

/* Wikipedia-style editor */
.wiki-editor{max-width:860px}
.wiki-editor-header{margin-bottom:22px}
.wiki-editor-header h2{font:800 28px Manrope;margin:0 0 6px}
.wiki-editor-hint{color:var(--muted);font-size:13px;margin:0}
.wiki-studio{grid-template-columns:minmax(0,1fr) 260px}
.wiki-toolbar{flex-wrap:wrap;gap:4px}
.wiki-toolbar select,.wiki-toolbar button{font-size:11px;padding:7px 10px}
.wiki-editor-body{min-height:400px;line-height:1.8;font-size:15px}
.wiki-editor-body table{width:100%;border-collapse:collapse;margin:10px 0}
.wiki-editor-body th{background:#f1e7ff;padding:8px 12px;border:1px solid var(--line);font-weight:700}
.wiki-editor-body td{padding:8px 12px;border:1px solid var(--line)}
.wiki-editor-body figure{margin:14px 0;text-align:center}
.wiki-editor-body img{max-width:100%;border-radius:8px}

/* Dark mode */
html[data-theme="dark"] .wiki-toc-inner{background:#1b1425;border-color:#392b49}
html[data-theme="dark"] .wiki-toc li a{color:#c4b8d6}
html[data-theme="dark"] .wiki-toc li a:hover{background:#2a1f3d}
html[data-theme="dark"] .wiki-article{color:#e6dfe8}
html[data-theme="dark"] .wiki-section-title{border-color:#392b49}
html[data-theme="dark"] .wiki-section-body blockquote{background:#241935;border-color:var(--purple)}
html[data-theme="dark"] .wiki-table{border-color:#392b49}
html[data-theme="dark"] .wiki-table th{background:#2a1f3d}
html[data-theme="dark"] .wiki-table td{border-color:#392b49}
html[data-theme="dark"] .wiki-table tbody tr:nth-child(even){background:#1b1425}
html[data-theme="dark"] .wiki-empty{background:#241935}
html[data-theme="dark"] .wiki-admin-bar{border-color:#392b49}

@media(max-width:760px){.wiki-layout{grid-template-columns:1fr}.wiki-toc{position:static;max-height:none;margin-bottom:20px}.wiki-main{padding:0}.wiki-studio{grid-template-columns:1fr}}

/* === Profile dropdown === */
.profile-wrap{position:relative}
.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px #00000015;padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;z-index:20}
.profile-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}
.pd-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}
.pd-header .avatar{width:36px;height:36px;font-size:14px}
.pd-header b{display:block;font:700 13px Manrope}.pd-header small{font-size:10px;color:var(--muted);text-transform:capitalize}
.pd-logout{width:100%;border:0;background:transparent;color:#d63e69;padding:10px 12px;border-radius:8px;font-weight:700;text-align:left;cursor:pointer;transition:.2s}
.pd-logout:hover{background:#fff0f4}
html[data-theme="dark"] .profile-dropdown{background:#1b1425;border-color:#392b49;box-shadow:0 20px 50px #00000055}
html[data-theme="dark"] .pd-header{border-color:#392b49}
html[data-theme="dark"] .pd-logout:hover{background:#2a1525}

/* === Comments in post modal === */
.modal-comments{padding:0 45px 45px}
.comments-section{max-width:680px;margin:0 auto;border-top:1px solid var(--line);padding-top:28px}
.comments-section h4{font:800 18px Manrope;margin:0 0 18px}
.comment-item{background:var(--cream);border-radius:14px;padding:14px 18px;margin-bottom:12px}
.comment-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.comment-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#7d35ed,#ff58a7);color:#fff;font-size:12px;font-weight:800;flex:0 0 30px}
.comment-avatar.admin{background:linear-gradient(135deg,#2a1f3d,#6d37ef)}
.comment-head b{font-size:13px}.comment-head small{font-size:10px;color:var(--muted);margin-left:auto}
.comment-body{font-size:14px;line-height:1.6;margin:0;color:#3a3450}
.comment-reply{margin-top:10px;padding:10px 14px;background:#f0eaff;border-radius:10px;border-left:3px solid var(--purple);display:flex;flex-direction:column;gap:4px}
.comment-reply b{font-size:12px}.comment-reply p{font-size:13px;margin:0;color:#4a4456}
.comment-form{display:flex;flex-direction:column;gap:10px;margin-top:18px}
.comment-form input{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;outline:none}
.comment-form textarea{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;outline:none;resize:vertical;min-height:50px}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7b2cf511}
.comments-error{color:#d63e69;font-size:13px;padding:10px}

/* === Admin comments list === */
.comments-admin-list{max-width:850px;margin:0 auto}
.comment-admin-row{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;margin-bottom:14px}
.ca-post small{font-size:10px;color:var(--muted)}.ca-post{margin-bottom:10px;font-size:13px}
.ca-comment b{font-size:13px}.ca-comment small{font-size:10px;color:var(--muted)}
.ca-comment p{font-size:14px;margin:6px 0 0;line-height:1.6;color:#3a3450}
.ca-reply{margin-top:10px;padding:10px 14px;background:#f0eaff;border-radius:10px;border-left:3px solid var(--purple)}
.ca-reply small{font-size:10px;color:var(--muted)}.ca-reply p{font-size:13px;margin:4px 0 0}
.ca-reply-form{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.ca-reply-input{flex:1;min-width:200px;border:1px solid var(--line);border-radius:8px;padding:9px 12px;font:inherit;outline:none}
.ca-reply-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7b2cf511}

/* === Notification panel === */
.notif-panel{position:fixed;top:65px;right:20px;width:340px;max-height:420px;overflow-y:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #00000020;z-index:40;padding:12px}
.notif-panel-head{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.notif-panel-head button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:13px}
.notif-item{padding:10px 12px;border-radius:10px;margin-bottom:6px;transition:.2s}
.notif-item.unseen{background:var(--cream)}
.notif-item b{font-size:13px;display:block;margin-bottom:2px}
.notif-item p{font-size:12px;color:var(--muted);margin:0 0 4px}
.notif-item small{font-size:10px;color:var(--muted)}

/* === Dark mode === */
html[data-theme="dark"] .comment-item{background:#241935}
html[data-theme="dark"] .comment-reply,html[data-theme="dark"] .ca-reply{background:#2a1f3d}
html[data-theme="dark"] .comment-admin-row{background:#1b1425;border-color:#392b49}
html[data-theme="dark"] .comments-section{border-color:#392b49}
html[data-theme="dark"] .notif-panel{background:#1b1425;border-color:#392b49}
html[data-theme="dark"] .notif-item.unseen{background:#241935}
html[data-theme="dark"] .ca-reply-form input{background:#16101f;border-color:#463357;color:#f6f0fa}

@media(max-width:760px){.modal-comments{padding:0 25px 30px}.notif-panel{width:calc(100vw - 40px);right:20px}}

/* === View tabs (Bulletin/HoF, Settings/Team) === */
.view-tabs{display:flex;gap:6px;padding:0 0 18px;border-bottom:1px solid var(--line);margin-bottom:24px}
.view-tab{position:relative;border:0;background:transparent;color:var(--muted);padding:10px 18px;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:.25s;overflow:hidden}
.view-tab:hover{background:var(--cream);color:var(--ink);transform:translateY(-1px)}
.view-tab.active{background:linear-gradient(135deg,#6d37ef,#d94eb9);color:#fff;box-shadow:0 4px 16px #6d37ef44;animation:tabPop .35s cubic-bezier(.2,.8,.2,1)}
.view-tab.active::after{content:'';position:absolute;bottom:0;left:10%;right:10%;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);border-radius:2px;animation:tabShine 1.5s ease-in-out infinite}
@keyframes tabPop{from{transform:scale(.92);opacity:.6}to{transform:scale(1);opacity:1}}
@keyframes tabShine{0%,100%{opacity:.4;transform:scaleX(.7)}50%{opacity:1;transform:scaleX(1)}}

/* === Do & Don'ts dual-column layout === */
.dodonts-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1000px;margin:30px auto}
.dodonts-col{border-radius:20px;padding:24px;min-height:200px}
.dodonts-do{background:linear-gradient(180deg,#e8f5e9,#f0fff0);border:1px solid #a5d6a7}
.dodonts-dont{background:linear-gradient(180deg,#fde8e8,#fff0f0);border:1px solid #ef9a9a}
.dodonts-col-head{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.dodonts-col-head h3{font:800 22px Manrope;margin:0}
.dodonts-col-head small{color:var(--muted);font-size:12px;margin-left:auto}
.dodonts-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-size:18px;font-weight:800;flex:0 0 36px}
.dodonts-icon.do{background:#43a047;color:#fff;box-shadow:0 0 16px #43a04755}
.dodonts-icon.dont{background:#e53935;color:#fff;box-shadow:0 0 16px #e5393555}
.dodonts-items{display:flex;flex-direction:column;gap:10px}

/* Glowing cards */
.dd-card{position:relative;padding:16px 18px;border-radius:14px;display:flex;align-items:center;gap:12px;animation:ddCardIn .4s cubic-bezier(.2,.8,.2,1) both}
.dd-do{background:#fff;border:1px solid #a5d6a7;box-shadow:0 0 20px #43a04722,0 4px 14px #0000000a;animation:ddGlowDo 2.5s ease-in-out infinite;transition:.25s}
.dd-do:hover{box-shadow:0 0 36px #43a04788,0 8px 24px #0000000f;transform:translateY(-3px) scale(1.02)}
.dd-dont{background:#fff;border:1px solid #ef9a9a;box-shadow:0 0 20px #e5393522,0 4px 14px #0000000a;animation:ddGlowDont 2.5s ease-in-out infinite;transition:.25s}
.dd-dont:hover{box-shadow:0 0 36px #e5393588,0 8px 24px #0000000f;transform:translateY(-3px) scale(1.02)}
.dd-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:800;flex:0 0 28px;color:#fff}
.dd-do .dd-icon{background:#43a047;box-shadow:0 0 10px #43a04766}
.dd-dont .dd-icon{background:#e53935;box-shadow:0 0 10px #e5393566}
.dd-card p{margin:0;font-size:14px;line-height:1.5;color:#2a2538;flex:1}
.dd-del{position:absolute;top:8px;right:8px;width:24px;height:24px;border:0;border-radius:50%;background:#00000010;color:#d63e69;cursor:pointer;font-size:14px;display:grid;place-items:center;transition:.2s}
.dd-del:hover{background:#e53935;color:#fff}
.dd-empty{color:var(--muted);font-style:italic;text-align:center;padding:20px;font-size:13px}

/* Add form */
.dd-add{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.dd-input{border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:inherit;outline:none;transition:.2s}
.dd-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #7b2cf511}
.dd-add-btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;color:#fff;transition:.2s}
.dd-add-do{background:#43a047;box-shadow:0 4px 14px #43a04733}.dd-add-do:hover{background:#2e7d32;box-shadow:0 6px 20px #43a04755}
.dd-add-dont{background:#e53935;box-shadow:0 4px 14px #e5393533}.dd-add-dont:hover{background:#c62828;box-shadow:0 6px 20px #e5393555}


@keyframes ddGlowDo{0%,100%{box-shadow:0 0 12px #43a04733,0 4px 14px #0000000a}50%{box-shadow:0 0 28px #43a04766,0 4px 18px #0000000f}}
@keyframes ddGlowDont{0%,100%{box-shadow:0 0 12px #e5393533,0 4px 14px #0000000a}50%{box-shadow:0 0 28px #e5393566,0 4px 18px #0000000f}}
.dd-do .dd-icon{animation:ddPulseDo 2s ease-in-out infinite}
.dd-dont .dd-icon{animation:ddPulseDont 2s ease-in-out infinite}
@keyframes ddPulseDo{0%,100%{box-shadow:0 0 8px #43a04744}50%{box-shadow:0 0 18px #43a047aa}}
@keyframes ddPulseDont{0%,100%{box-shadow:0 0 8px #e5393544}50%{box-shadow:0 0 18px #e53935aa}}

@keyframes ddCardIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}

/* Dark mode */
html[data-theme="dark"] .dodonts-do{background:linear-gradient(180deg,#1b2e1b,#1a2420);border-color:#2d5a2d}
html[data-theme="dark"] .dodonts-dont{background:linear-gradient(180deg,#2e1b1b,#241a1a);border-color:#5a2d2d}
html[data-theme="dark"] .dd-card{background:#1b1425}
html[data-theme="dark"] .dd-do{border-color:#2d5a2d;box-shadow:0 0 20px #43a04722}
html[data-theme="dark"] .dd-dont{border-color:#5a2d2d;box-shadow:0 0 20px #e5393522}
html[data-theme="dark"] .dd-card p{color:#e6dfe8}
html[data-theme="dark"] .view-tab{color:#827b8c}
html[data-theme="dark"] .view-tab:hover{background:#2a1f3d;color:#f6f0fa}
html[data-theme="dark"] .view-tab.active{background:linear-gradient(135deg,#6d37ef,#d94eb9);color:#fff;box-shadow:0 4px 16px #6d37ef44}

@media(max-width:760px){.dodonts-layout{grid-template-columns:1fr;gap:16px}.dodonts-col{padding:18px}}
@media(prefers-reduced-motion:reduce){.dd-card{animation:none}}

html[data-theme="dark"] .wiki-section-title{background:linear-gradient(90deg,#241935,transparent)}

/* === Login role buttons: colored + animated glow === */
.role-hq{border-color:#7b2cf5;background:linear-gradient(135deg,#5a18d4,#7b2cf5);color:#fff;animation:glowHq 2.5s ease-in-out infinite}
.role-hq .role-icon{background:rgba(255,255,255,.25);color:#fff}
.role-hq.active{box-shadow:0 0 24px #7b2cf588,0 4px 16px #7b2cf544}
.role-boutique{border-color:#a462ff;background:linear-gradient(135deg,#8a4ed4,#c89aff);color:#fff;animation:glowBoutique 2.5s ease-in-out infinite}
.role-boutique .role-icon{background:rgba(255,255,255,.25);color:#fff}
.role-boutique.active{box-shadow:0 0 24px #c89aff88,0 4px 16px #c89aff44}
.role-admin{border-color:#39ff14;background:linear-gradient(135deg,#0d8a05,#39ff14);color:#fff;animation:glowAdmin 2.5s ease-in-out infinite}
.role-admin .role-icon{background:rgba(255,255,255,.25);color:#fff}
.role-admin.active{box-shadow:0 0 24px #39ff1488,0 4px 16px #39ff1444}
@keyframes glowHq{0%,100%{box-shadow:0 0 8px #7b2cf544}50%{box-shadow:0 0 20px #7b2cf5aa}}
@keyframes glowBoutique{0%,100%{box-shadow:0 0 8px #c89aff44}50%{box-shadow:0 0 20px #c89affaa}}
@keyframes glowAdmin{0%,100%{box-shadow:0 0 8px #39ff1444}50%{box-shadow:0 0 24px #39ff14aa}}
.role-hq:hover,.role-boutique:hover,.role-admin:hover{transform:translateY(-3px) scale(1.03)}
.role.active{border-color:transparent}

/* === Profile: icon right, no arrow === */
.profile em{display:none}
.profile{flex-direction:row-reverse}

/* === Login brand logo fix === */
.login-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}
.login-brand .side-logo{width:40px;height:40px;object-fit:contain;border-radius:10px;flex:0 0 40px}

/* === Do&Don'ts edit mode + bulk === */
.dd-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px}
.dd-edit{width:26px;height:26px;border:0;border-radius:50%;background:#00000010;color:#7b2cf5;cursor:pointer;font-size:12px;display:grid;place-items:center;transition:.2s}
.dd-edit:hover{background:#7b2cf5;color:#fff}
.dd-editing{display:flex;flex-direction:column;gap:8px;align-items:stretch!important}
.dd-edit-input{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font:inherit;outline:none}
.dd-edit-input:focus{border-color:var(--purple)}
.dd-editing .dd-save{border:0;border-radius:8px;padding:6px 12px;background:#43a047;color:#fff;cursor:pointer;font-weight:700;font-size:12px}
.dd-editing .dd-cancel{border:0;border-radius:8px;padding:6px 12px;background:#e53935;color:#fff;cursor:pointer;font-weight:700;font-size:12px}
.dd-add-row{display:flex;gap:8px;flex-wrap:wrap}
.dd-bulk-btn{border:0;border-radius:10px;padding:10px 16px;font-weight:700;cursor:pointer;color:#fff;transition:.2s;flex:1}
.dd-bulk-do{background:#2e7d32;box-shadow:0 4px 14px #43a04733}.dd-bulk-do:hover{background:#1b5e20;transform:translateY(-1px)}
.dd-bulk-dont{background:#c62828;box-shadow:0 4px 14px #e5393533}.dd-bulk-dont:hover{background:#b71c1c;transform:translateY(-1px)}
.dd-input{resize:vertical;min-height:44px!important}
html[data-theme="dark"] .dd-edit{background:#ffffff10}

/* === Admin-only Team Access account management === */
.team-layout{max-width:1100px;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr)}
.team-users-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}
.team-users-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.team-users-head h3{font:800 22px Manrope;margin:5px 0 0}.team-users-head .outline-btn{width:auto;padding:9px 14px}
.team-users-list{display:flex;flex-direction:column;gap:10px}.team-users-empty{margin:0;padding:25px;text-align:center;color:var(--muted);background:var(--cream);border-radius:12px}.team-users-empty.error{color:#c62828}
.team-user-card{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--white);transition:.2s}
.team-user-card:hover{border-color:#cdb7eb;box-shadow:0 8px 24px #4a276012}.team-user-avatar{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#6d37ef,#d94eb9);color:#fff;font-weight:800}
.team-user-info{min-width:0}.team-user-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.team-user-info b{font-size:14px}.team-user-info>span,.team-user-info small{display:block;color:var(--muted);font-size:11px;margin-top:3px;overflow:hidden;text-overflow:ellipsis}
.self-badge{font-size:9px;font-weight:800;color:#246b2c;background:#e5f7e8;padding:4px 7px;border-radius:10px}.role-badge{font-size:10px;font-weight:800;padding:6px 9px;border-radius:10px;text-transform:uppercase}.role-badge.admin{background:#e9dcff;color:#6321cc}.role-badge.moderator{background:#e3f5ff;color:#176994}
.team-user-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.outline-mini,.danger-mini,.primary-mini{border:0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:800;cursor:pointer}.outline-mini{background:#f1e9fb;color:var(--purple)}.primary-mini{background:#6d37ef;color:#fff}.danger-mini{background:#fff0f2;color:#c6284f}.danger-mini:disabled{opacity:.4;cursor:not-allowed}
.team-user-card.editing{grid-template-columns:44px minmax(0,1fr) auto;align-items:start}.team-user-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.team-user-edit-grid label{font-size:10px;font-weight:700;color:var(--muted)}.team-user-edit-grid input,.team-user-edit-grid select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);outline:none}.team-user-edit-grid input:focus,.team-user-edit-grid select:focus{border-color:var(--purple)}
.role-info{grid-column:1/-1;grid-template-columns:1fr 1fr}
html[data-theme="dark"] .team-users-panel,html[data-theme="dark"] .team-user-card{background:#1c1526;border-color:#392b49}html[data-theme="dark"] .team-users-empty{background:#241935}html[data-theme="dark"] .team-user-edit-grid input,html[data-theme="dark"] .team-user-edit-grid select{background:#16101f;border-color:#463357;color:#f6f0fa}
@media(max-width:900px){.team-layout{grid-template-columns:1fr}.role-info{grid-column:auto;grid-template-columns:1fr}.team-user-card,.team-user-card.editing{grid-template-columns:42px minmax(0,1fr)}.team-user-card>.role-badge,.team-user-card>.team-user-actions{grid-column:2}.team-user-edit-grid{grid-template-columns:1fr}}

/* === v17 nested Do/Don't points + non-overlapping actions === */
.dd-card{display:block;padding:15px}.dd-main-row{position:relative;display:flex;align-items:flex-start;gap:12px;padding-right:66px}.dd-main-text{padding-top:3px!important}
.dd-actions{position:absolute;top:0;right:0;display:flex;gap:5px;z-index:2}.dd-actions .dd-edit,.dd-actions .dd-del{position:static;inset:auto;width:27px;height:27px;flex:0 0 27px}
.dd-edit-wrap{flex:1;min-width:0}.dd-edit-actions{display:flex;gap:7px;margin-top:8px}.dd-editing .dd-main-row{padding-right:0}
.dd-bullets{display:flex;flex-direction:column;gap:7px;margin:12px 0 0 40px}.dd-bullet-card{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px 10px;border:1px solid #d9d4df;border-radius:10px;background:#f8f7fa;box-shadow:none;animation:none!important;transform:none!important}
.dd-bullet-card p{font-size:12px!important;line-height:1.45!important;color:#51495b!important}.dd-bullet-dot{font-size:18px;font-weight:900;color:var(--purple);line-height:1}.dd-bullet-actions{display:flex;gap:4px}.dd-bullet-actions button{width:24px;height:24px;border:0;border-radius:7px;cursor:pointer;background:#ece7f2;color:#6b5b79}.dd-bullet-actions button:hover{background:#6d37ef;color:#fff}.dd-bullet-actions .dd-bullet-del:hover{background:#d93b55}.dd-no-bullets{display:block;color:var(--muted);font-size:11px;padding:6px 0}
.dd-add-bullet{margin:9px 0 0 40px;border:1px dashed currentColor;border-radius:9px;padding:7px 10px;background:transparent;font-size:11px;font-weight:800;cursor:pointer}.dd-do .dd-add-bullet{color:#2e7d32}.dd-dont .dd-add-bullet{color:#c62828}
html[data-theme="dark"] .dd-bullet-card{background:#241d2e;border-color:#493d56}html[data-theme="dark"] .dd-bullet-card p{color:#ddd5e4!important}html[data-theme="dark"] .dd-bullet-actions button{background:#352a42;color:#d8cce2}
@media(max-width:600px){.dd-main-row{padding-right:64px}.dd-bullets,.dd-add-bullet{margin-left:0}}

/* === v17 All About ordered Article/Slideshow contents === */
.wiki-section-admin{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.wiki-section-admin .ca-btn,.wiki-admin-bar .ca-btn{width:auto}
.about-contents-list{display:flex;flex-direction:column;gap:12px;margin-top:18px}.about-content-empty{padding:18px;text-align:center;color:var(--muted);background:var(--cream);border-radius:12px;font-size:12px}
.about-content-card{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;cursor:pointer;transition:.2s;scroll-margin-top:100px}.about-content-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #3b1c4a14;border-color:#cdb7eb}
.about-content-cover{width:130px;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#eee5f8;display:grid;place-items:center}.about-content-cover img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;user-select:none}.about-content-cover.article-cover{background:linear-gradient(135deg,#eee4ff,#d9c2ff);font-size:30px}
.about-content-info{min-width:0}.about-content-info h3{font:800 17px Manrope;margin:7px 0 5px}.about-content-info p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.about-content-info small{display:block;margin-top:9px;color:var(--purple);font-size:10px;font-weight:800}.about-type-badge{font-size:9px;font-weight:800;color:#6d37ef;background:#f0e8ff;padding:5px 8px;border-radius:9px;text-transform:uppercase}
.about-content-admin{display:grid;grid-template-columns:32px 32px;gap:5px}.about-content-admin button{border:0;border-radius:8px;padding:7px;font-size:10px;font-weight:800;cursor:pointer;background:#f0e9f8;color:#6d37ef}.about-content-admin .about-content-edit,.about-content-admin .about-content-delete{grid-column:1/-1}.about-content-admin .about-content-delete{background:#fff0f2;color:#c6284f}.about-content-admin button:disabled{opacity:.3;cursor:not-allowed}
.wiki-toc-children{margin:4px 0 8px 24px!important;padding:0!important}.wiki-toc-children a{font-size:11px!important;padding:5px 7px!important;color:var(--muted)!important}.wiki-admin-bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.about-content-editor{max-width:1050px}.about-content-editor .wiki-editor-header{margin-bottom:20px}.about-content-slides{margin-top:16px}.about-slide-edit{display:grid;grid-template-columns:38px minmax(120px,180px) 120px auto 34px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:9px;background:#fff}.about-slide-preview{overflow:hidden;border-radius:9px;background:#f1edf5;display:grid;place-items:center;min-height:90px;color:var(--muted);font-size:11px}.about-slide-preview img{width:100%;height:100%;object-fit:contain}.about-slide-edit small{color:var(--muted);font-size:10px}.about-slide-delete{border:0;border-radius:8px;height:32px;background:#fff0f2;color:#c6284f;cursor:pointer}
html[data-theme="dark"] .about-content-card,html[data-theme="dark"] .about-slide-edit{background:#1c1526;border-color:#392b49}html[data-theme="dark"] .about-content-empty{background:#241935}html[data-theme="dark"] .about-content-cover.article-cover{background:linear-gradient(135deg,#35264a,#563878)}
@media(max-width:760px){.about-content-card{grid-template-columns:90px minmax(0,1fr)}.about-content-cover{width:90px}.about-content-admin{grid-column:1/-1;display:flex}.about-content-admin .about-content-edit,.about-content-admin .about-content-delete{grid-column:auto}.about-slide-edit{grid-template-columns:34px 1fr}.about-slide-edit>*:not(.slide-num):not(.about-slide-preview){grid-column:2}}

/* === v18 local DOCX import/export === */
.docx-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px;padding:10px 12px;border:1px solid #ddd1ee;border-radius:12px;background:#f7f2ff}
.docx-actions small{flex:1;min-width:190px;color:var(--muted);font-size:10px;line-height:1.4}
.docx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:8px 12px;border:1px solid #bfa7e1;border-radius:9px;background:#fff;color:#6330bb;font:800 11px Manrope,sans-serif;cursor:pointer;transition:.18s;white-space:nowrap}
.docx-btn:hover{transform:translateY(-1px);border-color:#6d37ef;box-shadow:0 5px 14px #6d37ef20}.docx-btn.export{background:#6d37ef;border-color:#6d37ef;color:#fff}.docx-btn input{display:none}
.ca-btn.export-post-docx,.about-content-admin .export-about-docx{background:#eaf4ff;color:#17699b}.about-content-admin .export-about-docx{grid-column:1/-1}
html[data-theme="dark"] .docx-actions{background:#241935;border-color:#49365d}html[data-theme="dark"] .docx-btn{background:#1c1526;border-color:#654a7f;color:#dbc8ff}html[data-theme="dark"] .docx-btn.export{background:#7142da;color:#fff}html[data-theme="dark"] .ca-btn.export-post-docx,html[data-theme="dark"] .about-content-admin .export-about-docx{background:#173249;color:#9dd8ff}
@media(max-width:600px){.docx-actions{align-items:stretch}.docx-btn{flex:1}.docx-actions small{flex-basis:100%;min-width:0}.mp-actions{flex-wrap:wrap}.about-content-admin .export-about-docx{grid-column:auto}}