*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5faf7;color:#102419;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid #dfece4}.nav-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:950;letter-spacing:-.8px;color:#087c3e}.brand-mark{width:38px;height:38px;border-radius:12px;background:#087c3e;display:grid;place-items:center;color:#fff;font-size:17px;box-shadow:0 8px 20px #087c3e25}.brand-text span{color:#173e29}.nav nav{display:flex;gap:22px;font-weight:750;color:#496253}.nav nav a:hover,.nav nav .active{color:#087c3e}.button{display:inline-flex;border:0;border-radius:12px;background:#087c3e;color:#fff;padding:13px 18px;font-weight:850;cursor:pointer;justify-content:center;align-items:center}.button.small{padding:10px 14px}.button.ghost{background:#e8f6ed;color:#08743b}.button.danger{background:#a73535}.button:disabled{opacity:.55;cursor:not-allowed}.hero{padding:100px 0 90px;background:radial-gradient(circle at 85% 20%,#d9f4e3,transparent 35%),linear-gradient(135deg,#effbf3,#fff)}.eyebrow{font-size:12px;letter-spacing:1.7px;font-weight:900;color:#087c3e}.hero h1{font-size:clamp(48px,8vw,88px);line-height:.95;letter-spacing:-5px;margin:18px 0 25px}.hero h1 em{color:#087c3e;font-style:normal}.lead{font-size:20px;line-height:1.65;color:#5a6d61;max-width:780px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:70px 0}.muted{background:#edf8f1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:36px;margin:8px 0}.page-title{font-size:clamp(40px,7vw,70px);letter-spacing:-3px;margin:12px 0 35px}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{background:#fff;border:1px solid #dfebe3;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px #194e2b0d;display:flex;flex-direction:column}.post-card img,.post-image{width:100%;height:210px;object-fit:cover;background:#dcefe2}.post-body{padding:20px;display:flex;flex-direction:column;flex:1}.tag{display:inline-block;align-self:flex-start;border-radius:99px;padding:5px 9px;background:#e8f7ed;color:#08763d;font-size:11px;font-weight:900}.meta{font-size:12px;color:#718177;margin-top:9px}.post-card h3{font-size:21px;line-height:1.25;margin:9px 0}.post-card p{color:#617168;line-height:1.55}.card-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px}.mini{font-size:13px;color:#5c7064}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px}.two-col p{font-size:20px;line-height:1.7;color:#52665a}.narrow{max-width:850px}.panel{background:#fff;border:1px solid #deebe2;border-radius:18px;padding:25px;box-shadow:0 10px 35px #194e2b0a}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.input{width:100%;padding:13px;border:1px solid #cfe0d4;border-radius:11px;background:#fff;font:inherit;margin:6px 0}.textarea{min-height:150px;resize:vertical}.toolbar{display:flex;gap:12px;margin-bottom:25px}.toolbar .input{max-width:400px}.article-wrap{padding:65px 0}.article{max-width:850px;margin:auto}.article h1{font-size:clamp(42px,7vw,72px);line-height:1;letter-spacing:-3px;margin:14px 0}.article .article-meta{color:#65766c;margin-bottom:25px}.article-content{font-size:19px;line-height:1.85}.article-content img,.article-content video{max-width:100%;border-radius:16px}.engagement{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:30px 0}.like.liked{background:#0a9a4e}.comments{margin-top:45px}.comments h2{font-size:30px}.comment{padding:18px 0;border-bottom:1px solid #e1ebe5}.comment strong{display:block}.comment p{margin:7px 0;color:#53655b;line-height:1.6}.comment-form{display:grid;gap:8px;margin-top:20px}.privacy-note{font-size:12px;color:#718177}.admin{min-height:100vh;background:#f5faf7;padding:28px 0 60px}.admin-container{max-width:1120px}.admin-top,.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:15px}.admin h1{font-size:42px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat{padding:18px;border-radius:15px;background:#fff;border:1px solid #deebe2}.stat strong{display:block;font-size:28px}.editor{min-height:300px;resize:vertical}.check{display:block;margin:12px 0}.error{color:#a12d2d}.success{color:#087c3e}.loading{padding:40px;text-align:center;color:#607166}.admin-post{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #e2eee6}.admin-post .actions{margin:0}.upload-box{border:2px dashed #bcd7c6;border-radius:15px;padding:18px;margin:8px 0;background:#f7fcf8}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.media-list{display:grid;gap:8px;margin-top:12px}.media-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px;border:1px solid #e2eee6;border-radius:12px}.footer-inner{min-height:110px;display:flex;justify-content:space-between;align-items:center;color:#718077}footer{background:#10261a;color:#dbece1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.nav nav{display:none}.post-grid,.cards-3,.two-col,.upload-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:70px 0}.hero h1{letter-spacing:-3px}.section{padding:48px 0}.toolbar{flex-direction:column}.toolbar .input{max-width:none}.footer-inner{flex-direction:column;justify-content:center;gap:8px;padding:25px 0}.admin-post{flex-direction:column}.admin-top,.admin-head{align-items:flex-start;flex-direction:column}}

/* Decan Konnect navigation + logo refresh */
.nav{overflow:visible}
.nav::after{content:"";position:absolute;inset:auto -5% -24px;height:58px;z-index:0;pointer-events:none;background:radial-gradient(75px 22px at 12% 0,#ccefd9 98%,transparent 100%),radial-gradient(85px 24px at 32% 0,#dff6e7 98%,transparent 100%),radial-gradient(75px 22px at 53% 0,#ccefd9 98%,transparent 100%),radial-gradient(90px 25px at 76% 0,#dff6e7 98%,transparent 100%),radial-gradient(75px 22px at 96% 0,#ccefd9 98%,transparent 100%);opacity:.9}
.nav-inner{position:relative;z-index:1;min-height:78px;flex-wrap:wrap}
.brand-logo{display:block;width:190px;height:auto;max-height:54px}
.desktop-nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.desktop-nav a{font-weight:850;color:#496253;padding:10px 14px}
.desktop-nav a:hover,.desktop-nav .active{color:#087c3e}
.menu-toggle{margin-left:auto;border:1px solid #cfe0d4;background:#fff;color:#173e29;border-radius:11px;padding:10px 14px;font:inherit;font-weight:850;cursor:pointer}
.menu-toggle span{font-size:16px;margin-left:5px}
.site-menu{position:absolute;right:0;top:100%;width:190px;background:#fff;border:1px solid #dfece4;border-radius:15px;box-shadow:0 18px 45px rgba(16,36,25,.14);padding:8px;display:none;z-index:50}
.site-menu.open{display:grid}
.site-menu a{padding:12px 13px;border-radius:10px;font-weight:800;color:#496253}
.site-menu a:hover,.site-menu a.active{background:#e8f6ed;color:#087c3e}
.device-status{order:4;width:100%;display:flex;align-items:center;justify-content:center;gap:16px;margin:0;padding:7px 0 10px;color:#496253;font-size:11px;text-align:center;white-space:nowrap;border-top:1px solid rgba(207,231,215,.8)}
.device-status span{display:grid;gap:2px}
.device-status b{font-size:12px;color:#087c3e}
.device-status small{font-size:10px;color:#718177}
.quick-links{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.quick-links a{color:#b9d7c4;font-size:13px;font-weight:750}
.quick-links a:hover{color:#fff}
.device-ip{font-size:12px;color:#b9d7c4;white-space:nowrap}
@media(max-width:700px){.brand-logo{width:155px}.desktop-nav{position:static;transform:none;margin-left:auto;margin-right:10px}.desktop-nav a{padding:8px}.menu-toggle{margin-left:0}.nav-inner{gap:8px;padding:8px 0 10px}.device-status{gap:9px}.site-menu{right:4%;width:min(220px,92vw)}}

.error-box{padding:30px;border:1px solid #efcaca;background:#fff7f7;border-radius:16px}.error-box h1{margin-top:0}.engagement .button.liked{background:#0a9a4e}

/* Post media */
.article-media { margin: 1.5rem 0 2rem; }
.post-video { display: block; width: 100%; max-height: 720px; border-radius: 14px; background: #000; }
.video-shell{background:#07140c;border:1px solid #193d27;border-radius:18px;padding:10px;box-shadow:0 16px 35px rgba(16,36,25,.16)}
.video-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 2px 2px;color:#d9f2e1;font-size:12px}
.video-button{border:1px solid #4f9b6a;border-radius:8px;background:#123c22;color:#fff;padding:8px 11px;font:inherit;font-weight:800;cursor:pointer}
.video-button:hover{background:#1b5a32}
.video-progress{flex:1 1 180px;accent-color:#43c26d}
.video-time{font-variant-numeric:tabular-nums;white-space:nowrap}
.video-volume{display:flex;align-items:center;gap:5px;white-space:nowrap}
.video-volume input{width:75px;accent-color:#43c26d}
.video-speed{border:1px solid #4f9b6a;border-radius:8px;background:#123c22;color:#fff;padding:7px;font:inherit}
.video-note{color:#b9d7c4}
.article-content a,.comment a,.post-card p a{color:#087c3e;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;font-weight:700}

.post-cover{position:relative;display:block}.post-cover img,.post-cover .post-image{display:block}.media-badge{position:absolute;left:14px;bottom:14px;background:rgba(0,0,0,.78);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;backdrop-filter:blur(8px)}.post-placeholder{display:grid;place-items:center;font-size:42px;color:#087c3e}.post-kicker{display:flex;justify-content:space-between;gap:10px;align-items:center}.article-cover{margin:10px 0 22px}.video-shell{margin:24px 0}.post-video{width:100%;max-height:650px;border-radius:18px;background:#08120c;display:block}.video-note{padding:8px 2px}.admin-reply-badge{display:inline-block;margin-left:8px;padding:4px 8px;border-radius:999px;background:#e8f7ed;color:#087c3e;font-size:11px;font-weight:900}.comment-head{display:flex;align-items:center;gap:5px}.comment-reply{margin-left:28px;padding-left:18px;border-left:3px solid #d9eee0;background:#f8fcf9;border-radius:0 12px 12px 0;padding-top:14px;padding-bottom:14px}.error-box{margin-top:40px}