:root{--navy:#0e1927;--navy2:#1a293b;--gold:#e6b048;--gold2:#f5c75e;--cream:#f5f4f1;--paper:#fff;--ink:#20232a;--muted:#626a75;--line:#e3e3e3;--danger:#b63d42;--shadow:0 8px 21px rgba(14,25,39,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.shell{width:min(96%,1490px);margin:0 auto}
.site-header{position:relative;z-index:4;background:linear-gradient(110deg,#070f1b,#1c2a3a 70%,#101a2a);border-bottom:2px solid #b98421;box-shadow:0 4px 14px #0a122044}.header-flex{min-height:84px;display:flex;align-items:center;gap:32px}.logo-link{width:400px;flex:0 1 400px;display:flex;align-items:center}.logo-link img{display:block;width:100%;max-height:78px;object-fit:contain;object-position:left}.top-nav{display:flex;gap:9px;align-items:center;flex:1;justify-content:space-between}.top-nav>a{color:#f7f8f8;font-weight:700;white-space:nowrap;font-size:14px;padding:10px 12px;border-radius:11px;display:flex;align-items:center;gap:8px}.top-nav>a:first-letter{font-size:21px}.top-nav>a:hover{background:#ffffff19}.top-nav>a.selected{color:#171b22;background:linear-gradient(#f8c75f,#d99a21);box-shadow:inset 0 1px 0 #fff8}.nav-search{position:relative;width:160px;display:flex}.nav-search input{background:#ffffff0a;border:1px solid #d9c8a077;border-radius:11px;color:#fff;padding:9px 32px 9px 11px;width:100%;min-width:0}.nav-search input::placeholder{color:#c6c9cd}.nav-search button{position:absolute;right:5px;top:2px;border:0;background:transparent;color:var(--gold2);font-size:22px}.menu-toggle{display:none;margin-left:auto;font-size:26px;background:transparent;color:#fff;border:0}
.hero-slider{height:clamp(215px,24vw,360px);position:relative;background:#243145;overflow:hidden;box-shadow:0 13px 24px #0c142b38}.hero-slide{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .65s ease}.hero-slide.is-active{opacity:1}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;background:#07101b64;color:white;border:1px solid #fff6;font-size:46px;line-height:1;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.hero-arrow:hover{background:#07101bb8}.hero-arrow.prev{left:22px}.hero-arrow.next{right:22px}.hero-dots{position:absolute;bottom:10px;z-index:2;left:50%;transform:translateX(-50%);display:flex;gap:10px}.hero-dots button{border:2px solid white;border-radius:100%;width:12px;height:12px;padding:0;background:#d0d1d9bb}.hero-dots button.active{background:var(--gold)}
.content-columns{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:18px;padding:22px 0 30px}.main-column{min-width:0}.section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-bar h1{margin:0;font-size:24px;letter-spacing:-.4px;color:#192331}.section-bar>a{color:#966a1c;font-weight:700}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.article-card{background:var(--paper);border:1px solid #dedede;box-shadow:var(--shadow);border-radius:13px;overflow:hidden;display:flex;flex-direction:column;min-height:378px}.article-img{display:block;height:190px;position:relative;overflow:hidden}.article-img img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.article-img:hover img{transform:scale(1.035)}.category-tag{position:absolute;bottom:0;left:12px;padding:5px 11px;background:linear-gradient(135deg,#efba48,#e6a72e);color:#141a22;border-radius:10px 10px 0 0;font-size:12px;font-weight:800}.article-copy{padding:14px 15px 11px;display:flex;flex-direction:column;flex:1}.article-copy h2{font-size:20px;margin:0 0 8px;line-height:1.24;letter-spacing:-.5px}.article-copy h2 a:hover{color:#ac7b29}.article-copy p{color:#4e525a;line-height:1.51;margin:0 0 15px;flex:1}.article-meta{display:flex;justify-content:space-between;align-items:center;gap:7px;border-top:1px solid #e7e7e7;padding-top:9px;font-size:12px;color:#69707b}.article-meta a{color:#91651f;font-weight:700}.article-meta a:hover{text-decoration:underline}
.side-column{display:flex;flex-direction:column;gap:15px}.side-widget{background:#fff;border:1px solid #dedede;border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.widget-title{padding:9px 15px;background:linear-gradient(90deg,#0d1928,#263444);color:#fff;font-weight:800;font-size:17px;display:flex;gap:9px;align-items:center}.widget-title:first-letter{color:var(--gold);font-size:22px}.side-category{padding:8px 12px 8px 17px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6e7e9;font-weight:600;font-size:13px}.side-category:hover{background:#f9f5ed;color:#80570e}.cat-count{background:#f0f1f2;color:#69707b;padding:1px 8px;border-radius:18px}.youtube-widget{background:#101a29;display:flex;align-items:center;gap:12px;padding:18px;color:white;font-size:19px;font-weight:800}.yt-icon svg{width:37px;height:29px;vertical-align:middle}.youtube-widget a:hover{color:var(--gold)}
.all-category-tags{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 20px}.all-category-tags a{background:#fff;padding:9px 13px;border:1px solid #ddd;border-radius:10px}.all-category-tags a:hover{border-color:#d8a03e}.empty-state{padding:55px 20px;text-align:center;background:#fff;border-radius:12px}.pagination{display:flex;gap:7px;margin-top:24px}.pagination a{background:white;padding:6px 12px;border:1px solid #ddd;border-radius:7px}.pagination a.active{background:var(--gold);color:#161b22}
.reading-layout{padding-top:34px;min-height:55vh}.reading-article{background:#fff;box-shadow:var(--shadow);border-radius:15px;padding:clamp(20px,4vw,48px)}.back-link{color:#987125;display:block;margin-bottom:26px;font-weight:700}.reading-category{display:inline-flex;padding:5px 13px;background:#f6e8c7;color:#916314;border-radius:20px;font-weight:800}.reading-article h1{font-size:clamp(27px,3.1vw,42px);line-height:1.18;letter-spacing:-.8px;margin:13px 0}.reading-meta{color:#7c8087;margin:8px 0 22px}.reading-cover{border-radius:12px;width:100%;height:min(34vw,410px);object-fit:cover}.reading-body{font-size:17px;line-height:1.88;color:#343942;margin-top:25px}.reading-body h2,.reading-body h3{line-height:1.3;color:#162237}.reading-body p{margin:0 0 18px}.reading-body a{color:#b07b23;text-decoration:underline}.reading-body blockquote{border-left:4px solid var(--gold);padding:10px 20px;background:#f9f6ee;margin:18px 0}.reading-tags{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #eee;padding-top:18px}.reading-tags a{background:#f4f0e7;border-radius:15px;padding:5px 11px;color:#896423}
.site-footer{background:linear-gradient(120deg,#0d1725,#182838);color:#efefef;margin-top:15px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:21px 0;border-bottom:1px solid #d5a54188}.footer-brand{width:230px;flex-shrink:0}.footer-brand img{width:100%}.footer-top p{max-width:440px;color:#bfc6d1}.footer-social{font-weight:700;min-width:200px;text-align:right}.footer-social a:hover{color:var(--gold)}.footer-bottom{padding:11px 0 16px;color:#bdc3cd;font-size:12px;display:flex;justify-content:space-between;gap:20px}.footer-bottom a:hover{color:#fff}
/* Installation / Login */
.install-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:30px 12px;background:radial-gradient(circle at 20% 10%,#364b65,#0b1625 65%)}.install-card{width:min(98%,650px);padding:32px;background:#fff;border-radius:16px;box-shadow:0 20px 65px #0005}.install-card h1{font-size:25px}.install-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.install-form hr{grid-column:1/-1;width:100%;border:0;border-top:1px solid #ddd}.install-form .primary-action{grid-column:1/-1}.login-box{width:min(100%,420px);background:#fff;border-radius:17px;box-shadow:0 20px 60px #0007;padding:33px;text-align:center}.login-box>img{width:100%;padding:10px;background:#101b2a;border-radius:10px}.login-box h1{font-size:26px;margin-bottom:2px}.login-box p{color:var(--muted);margin:0 0 15px}.login-box form{text-align:left}.login-box .primary-action{width:100%;margin-top:14px}.return-site{display:block;margin-top:15px;color:#777}
/* Forms & Admin */
label{display:block;font-weight:700;margin-bottom:14px}label small{display:block;font-size:11px;font-weight:400;color:#7b818b;margin-top:5px}input[type=text],input[type=password],input[type=url],input[type=number],input[type=datetime-local],input:not([type]),textarea,select{display:block;width:100%;border:1px solid #cfd3db;border-radius:8px;background:#fff;color:#263342;padding:10px 11px;outline-color:#e5af47;margin-top:5px}textarea{resize:vertical;min-height:70px}input[type=file]{display:block;width:100%;padding:9px;background:#f6f7fa;border:1px dashed #b9c1cc;border-radius:8px;margin-top:6px}button.primary-action,.primary-action,.small-btn{display:inline-block;border:0;border-radius:8px;background:linear-gradient(#f3c75d,#dc9e28);color:#1b2630;padding:10px 16px;font-weight:800;box-shadow:0 2px 4px #13202c16;text-align:center}.primary-action:hover,.small-btn:hover{filter:brightness(1.04)}.small-btn{padding:7px 11px;font-size:12px}.subtle-btn{border:1px solid #c9cdd5;border-radius:8px;background:#f4f5f7;color:#1d2938;font-weight:700;padding:9px 15px}.error-note,.success-note{padding:13px 15px;border-radius:9px;margin-bottom:16px}.error-note{background:#ffedf0;color:#9f1e32;border:1px solid #f8bbc5}.success-note{background:#eef8e9;color:#1e633c;border:1px solid #b9d9b3}.required{color:#bc2b3e}.admin-body{background:#edf0f4}.admin-top{position:sticky;top:0;z-index:10;background:#101e2e;color:#fff;min-height:75px;display:flex;align-items:center;gap:26px;padding:9px 22px;border-bottom:2px solid var(--gold)}.admin-top img{width:215px;vertical-align:middle}.admin-top strong{border-left:1px solid #d5b779;padding-left:25px;white-space:nowrap}.admin-top-space{flex:1}.admin-top>a{color:#f8f8f8;white-space:nowrap}.top-logout{border:1px solid #637184;color:#fff;background:#ffffff13;border-radius:6px;padding:6px 10px}.admin-layout{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 75px)}.admin-side{background:linear-gradient(160deg,#101b2a,#22334a);padding:25px 11px;color:#f6f7f9}.admin-side-title{font-size:11px;color:#bdc4ce;letter-spacing:2px;padding:6px 14px 13px}.admin-side a{display:flex;gap:12px;align-items:center;border-radius:9px;padding:11px 13px;margin-bottom:5px;font-weight:600}.admin-side a:hover{background:#ffffff1c}.admin-side a.active{background:linear-gradient(120deg,#e7b84a,#d79926);color:#182333;font-weight:800}.admin-side a span{font-size:19px;min-width:22px}.admin-main{padding:24px 30px 45px;max-width:1600px;width:100%;min-width:0}.admin-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.admin-heading h1{margin:0;font-size:27px;color:#142438}.admin-heading span{font-size:12px;color:#657282}.admin-panel{background:#fff;border:1px solid #dae0e6;border-radius:14px;box-shadow:0 4px 12px #172b3a0d;margin-bottom:20px;padding:21px}.admin-panel h2{font-size:19px;color:#142337;margin:0 0 15px}.admin-panel>p{color:#5c6875}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.panel-heading h2{margin:0}.stat-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.stat-grid>div{background:#fff;border:1px solid #dce0e5;border-radius:12px;padding:16px 18px;border-left:4px solid var(--gold);display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 8px #0d1d2b0a}.stat-grid small{color:#526171;font-weight:700}.stat-grid strong{font-size:32px;color:#192c40;line-height:1.2}.table-scroller{overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;background:#f2f4f7;color:#3c4c5e;padding:12px}.admin-table td{padding:12px;border-bottom:1px solid #e4e7e9}.admin-table tr:last-child td{border-bottom:0}.status{display:inline-flex;padding:3px 11px;border-radius:18px;font-size:11px;font-weight:800;white-space:nowrap}.status.published{background:#e1f5df;color:#1d7738}.status.draft{background:#fff0d6;color:#8a6313}.table-actions{display:flex;gap:12px;align-items:center}.table-actions a,.small-link{color:#2470b3;font-weight:700;white-space:nowrap}.danger-text{background:transparent;border:0;color:#bb303f;padding:5px;white-space:nowrap;font-size:12px;font-weight:800}.danger-text:hover{text-decoration:underline}.admin-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-two>section{min-width:0}.edit-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px;align-items:start}.edit-grid>section{min-width:0}.form-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:22px}.inline-checkbox{display:flex;gap:9px;align-items:center;cursor:pointer;font-weight:600}.inline-checkbox input{width:17px;height:17px}.tag-selector{border:1px solid #ddd;min-height:50px;max-height:160px;overflow:auto;border-radius:8px;padding:9px;margin:7px 0 15px;background:#fbfbfb;display:flex;flex-wrap:wrap;gap:7px}.tag-selector label{margin:0;display:inline-flex;gap:5px;align-items:center;background:#eaeefa;border-radius:18px;padding:5px 9px;font-size:12px}.cover-preview{border:1px dashed #b7c1ca;background:#f6f7f8;border-radius:9px;overflow:hidden;margin:8px 0 15px;height:145px}.cover-preview img{width:100%;height:100%;object-fit:cover}.publish-info,.admin-warning{padding:12px;background:#f9f5e9;border-radius:8px;color:#78612a;font-size:12px;margin-top:15px}.mini-row{display:flex;gap:10px;align-items:center;border-top:1px solid #edf0f2;padding:10px 0;flex-wrap:wrap}.mini-row:first-of-type{border-top:0}.mini-row>div:first-child{flex:1}.mini-row small{display:block;color:#7e8892}.mini-row input{margin:0}.inline-edit{display:flex;align-items:center;flex:1;gap:8px;min-width:240px}.inline-edit input{min-width:95px}.count-pill{font-size:11px;color:#6f767e;white-space:nowrap}.hero-admin-list{display:flex;flex-direction:column;gap:15px}.hero-admin-item{display:grid;grid-template-columns:minmax(180px,280px) minmax(230px,1fr) auto;align-items:center;gap:17px;border:1px solid #e2e4e9;border-radius:12px;padding:12px}.hero-admin-item>img{width:100%;height:118px;object-fit:cover;border-radius:8px}.hero-edit-form{min-width:0}.hero-settings{display:flex;gap:15px;align-items:end;flex-wrap:wrap}.hero-settings>label:first-child{width:85px}.hero-settings label{margin:0}.upload-row{display:flex;align-items:flex-end;gap:15px;flex-wrap:wrap}.upload-row label{flex:1;min-width:210px;margin:0}.upload-row .primary-action{white-space:nowrap}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.media-card{border:1px solid #e2e4e6;padding:10px;border-radius:10px;min-width:0}.media-card img{width:100%;height:130px;object-fit:cover;border-radius:6px}.media-card small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.media-card input{font-size:10px}.current-logo{background:#101b29;padding:13px;border-radius:8px;margin:10px 0}.current-logo img{max-width:320px;width:100%;max-height:90px;object-fit:contain;object-position:left}
.rich-editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:7px;background:#eef1f4;border:1px solid #d3d9de;border-bottom:0;border-radius:8px 8px 0 0}.rich-editor-toolbar button{min-width:34px;background:#fff;border:1px solid #d9dfe4;padding:5px 9px;border-radius:4px;font-weight:700}.rich-editor-toolbar button:hover{background:#f8e6b7}.rich-editor{min-height:280px;padding:16px;border:1px solid #cfd3db;border-radius:0 0 8px 8px;background:#fff;outline-color:var(--gold);font-weight:400;overflow:auto;line-height:1.65}.rich-editor p{margin:0 0 13px}
@media(max-width:1220px){.logo-link{width:300px;flex-basis:300px}.top-nav{gap:1px}.top-nav>a{font-size:12px;padding:7px}.nav-search{width:120px}.article-grid{gap:11px}.article-copy h2{font-size:17px}.article-img{height:160px}.content-columns{grid-template-columns:minmax(0,1fr) 240px}.stat-grid{grid-template-columns:repeat(3,1fr)}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.shell{width:min(94%,800px)}.header-flex{min-height:73px}.logo-link{width:310px;flex-basis:310px}.menu-toggle{display:block}.top-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#0c1928;padding:10px 20px 18px;flex-direction:column;align-items:stretch}.top-nav.open{display:flex}.top-nav>a{font-size:15px;padding:12px}.nav-search{width:100%}.hero-slider{height:260px}.content-columns{grid-template-columns:1fr}.side-column{display:grid;grid-template-columns:1fr}.article-img{height:190px}.footer-top{gap:15px}.footer-brand{width:170px}.admin-layout{grid-template-columns:180px minmax(0,1fr)}.admin-main{padding:18px}.admin-side a{font-size:12px;padding:9px}.edit-grid,.admin-two{grid-template-columns:1fr}.hero-admin-item{grid-template-columns:180px 1fr}.hero-admin-item>form:last-child{grid-column:2}.media-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.logo-link{width:min(78%,310px);flex-basis:min(78%,310px)}.hero-slider{height:200px}.hero-arrow{height:35px;width:35px;font-size:32px}.hero-arrow.prev{left:7px}.hero-arrow.next{right:7px}.article-grid{grid-template-columns:1fr}.article-img{height:215px}.side-column{grid-template-columns:1fr}.section-bar h1{font-size:22px}.footer-top{flex-direction:column;text-align:center}.footer-social{text-align:center}.footer-bottom{flex-direction:column;text-align:center;gap:5px}.install-form{grid-template-columns:1fr}.install-form hr,.install-form .primary-action{grid-column:1}.admin-top{flex-wrap:wrap;gap:8px;padding:8px}.admin-top img{width:155px}.admin-top strong{font-size:12px;padding-left:10px}.admin-top>a{font-size:11px}.admin-top-space{display:none}.admin-layout{grid-template-columns:1fr}.admin-side{display:flex;flex-wrap:wrap;gap:4px;padding:7px;justify-content:flex-start}.admin-side-title{display:none}.admin-side a{font-size:11px;padding:6px 8px;margin:0}.admin-side a span{font-size:13px;min-width:auto}.admin-main{padding:14px}.admin-heading h1{font-size:23px}.admin-heading span{display:none}.stat-grid{grid-template-columns:repeat(2,1fr);gap:9px}.admin-panel{padding:14px}.hero-admin-item{grid-template-columns:1fr}.hero-admin-item>form:last-child{grid-column:1}.hero-admin-item>img{height:170px}.media-grid{grid-template-columns:repeat(2,1fr)}.reading-cover{height:225px}.reading-body{font-size:15px}}