:root{
  --brown:#24130c;--brown-2:#3a2013;--coffee:#6d4025;--gold:#d89a5b;--gold-light:#f0bf87;
  --cream:#f5ede4;--paper:#fffaf4;--white:#fffdf9;--text:#2a1b13;--muted:#806f63;
  --line:#e5d8cc;--shadow:0 14px 36px rgba(48,25,13,.09);--glass:rgba(255,250,244,.72)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(135deg,#f3e9df,#fbf7f2 48%,#efe1d4);color:var(--text);font-family:'DM Sans',Arial,sans-serif;line-height:1.45}
a{color:inherit}

/* ===== PUBLIC HEADER ===== */
.site-header{
  height:72px;
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(36,19,12,.96);
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.10);
  box-shadow:0 8px 28px rgba(25,12,6,.14);
  backdrop-filter:blur(18px);
}
.nav-inner{
  height:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  gap:18px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  flex:0 0 auto;
  min-width:190px;
}
.brand img{
  width:42px;height:42px;object-fit:cover;border-radius:10px;
  border:1px solid rgba(255,255,255,.16);
}
.brand>span{font:700 20px/1 'Playfair Display',serif}
.brand small{
  display:block;
  margin-top:5px;
  color:#cdb5a4;
  font:600 5px/1 'DM Sans',sans-serif;
  letter-spacing:1.25px;
}
.main-nav{
  height:100%;
  display:flex;
  align-items:center;
  gap:2px;
  flex:0 0 auto;
}
.main-nav a{
  position:relative;
  display:flex;
  align-items:center;
  height:100%;
  padding:0 13px;
  color:#dfd0c5;
  text-decoration:none;
  font:600 12px/1 'DM Sans',sans-serif;
  white-space:nowrap;
}
.main-nav a:hover,.main-nav a.active{color:#fff}
.main-nav a.active:after{
  content:'';
  position:absolute;
  left:13px;right:13px;bottom:0;
  height:2px;
  border-radius:2px 2px 0 0;
  background:var(--gold-light);
}
.search{
  margin-left:auto;
  width:210px;height:36px;
  display:flex;align-items:center;gap:7px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.search:focus-within{
  border-color:rgba(240,191,135,.72);
  background:rgba(255,255,255,.10);
}
.search span{font-size:17px;color:#d6c3b5}
.search input{
  width:100%;min-width:0;border:0;outline:0;
  background:transparent;color:#fff;
  font:11px 'DM Sans',sans-serif;
}
.search input::placeholder{color:#b9a79b}
.nav-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.theme-btn,.menu-btn{
  width:36px;height:36px;
  display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.15);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#f0dfd2;
  cursor:pointer;
}
.theme-btn:hover,.menu-btn:hover{
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.24);
}
.theme-icon{font-size:16px;line-height:1}
.admin-link{
  padding:9px 13px;
  border:1px solid rgba(255,255,255,.17);
  border-radius:10px;
  background:rgba(255,255,255,.07);
  color:#fff;
  text-decoration:none;
  font:600 10px/1 'DM Sans',sans-serif;
}
.admin-link:hover{background:var(--gold);color:#32180c;border-color:var(--gold)}
.menu-btn{
  display:none;
  padding:0;
  gap:4px;
}
.menu-btn span{
  width:15px;height:1.5px;
  border-radius:2px;
  background:currentColor;
  transition:.2s ease;
}
.site-header.menu-open .menu-btn span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.site-header.menu-open .menu-btn span:nth-child(2){opacity:0}
.site-header.menu-open .menu-btn span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

html.light-theme .site-header{
  background:rgba(250,246,241,.96);
  color:#321c12;
  border-bottom-color:rgba(75,45,30,.12);
}
html.light-theme .brand{color:#321c12}
html.light-theme .brand small{color:#876b59}
html.light-theme .main-nav a{color:#6c5546}
html.light-theme .main-nav a:hover,
html.light-theme .main-nav a.active{color:#321c12}
html.light-theme .search,
html.light-theme .theme-btn,
html.light-theme .menu-btn,
html.light-theme .admin-link{
  background:rgba(83,52,34,.05);
  border-color:rgba(83,52,34,.13);
  color:#493226;
}
html.light-theme .search input{color:#321c12}
html.light-theme .search input::placeholder{color:#907b6d}

@media (max-width:1080px){
  .nav-inner{gap:11px}
  .brand{min-width:auto}
  .main-nav a{padding:0 8px}
  .search{width:165px}
}
@media (max-width:820px){
  .main-nav{display:none}
  .menu-btn{display:grid}
  .nav-inner{padding:0 16px}
  .brand>span{font-size:19px}
  .search{width:38px;padding:0;justify-content:center;border-radius:10px}
  .search span{font-size:18px}
  .search input{display:none}
  .main-nav{
    position:absolute;
    top:72px;left:12px;right:12px;
    height:auto;
    padding:8px;
    flex-direction:column;
    align-items:stretch;
    border:1px solid rgba(255,255,255,.12);
    border-radius:15px;
    background:rgba(36,19,12,.98);
    box-shadow:0 18px 45px rgba(25,12,6,.28);
    backdrop-filter:blur(18px);
  }
  .site-header.menu-open .main-nav{display:flex}
  .main-nav a{
    height:44px;
    padding:0 14px;
    border-radius:9px;
  }
  .main-nav a:hover{background:rgba(255,255,255,.07)}
  .main-nav a.active:after{display:none}
  html.light-theme .main-nav{
    background:rgba(250,246,241,.99);
    border-color:rgba(83,52,34,.13);
  }
  html.light-theme .main-nav a{color:#6c5546}
  html.light-theme .main-nav a:hover{background:rgba(83,52,34,.06)}
}
@media (max-width:520px){
  .site-header{height:64px}
  .nav-inner{padding:0 12px;gap:7px}
  .brand img{width:37px;height:37px}
  .brand>span{font-size:18px}
  .brand small{font-size:4.2px}
  .main-nav{top:64px}
  .theme-btn,.menu-btn,.search{width:34px;height:34px}
  .admin-link{display:none}
}

/* ===== HERO ===== */
.hero{max-width:1240px;height:310px;margin:0 auto;position:relative;overflow:hidden;border-radius:0 0 18px 18px;background:
  linear-gradient(90deg,rgba(31,15,8,.91) 0%,rgba(45,22,12,.68) 50%,rgba(45,22,12,.18) 100%),
  url('https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=1600&q=85') center/cover no-repeat;
  box-shadow:0 18px 42px rgba(45,22,11,.17)}
.hero-inner{position:relative;z-index:2;max-width:650px;padding:54px 52px;color:#fff}
.eyebrow{margin:0 0 9px;font-size:9px;line-height:1;letter-spacing:2.5px;font-weight:700;color:#eab477}.eyebrow.dark{color:#8b5b3b}
.hero h1{margin:0 0 12px;font:600 42px/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.7px}.hero p:not(.eyebrow){max-width:560px;margin:0 0 18px;color:#eaded5;font-size:12px;line-height:1.65}
.hero-btn{display:inline-flex;align-items:center;gap:12px;padding:11px 16px;border-radius:999px;background:#f0b675;color:#341a0e;text-decoration:none;font-size:11px;font-weight:700}.hero-btn span{font-size:15px}.hero-btn:hover{background:#f5c78f}

/* ===== CATEGORY ===== */
.category-strip{background:rgba(255,250,245,.72);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.category-scroll{max-width:1240px;margin:0 auto;padding:9px 20px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}
.cat-pill{white-space:nowrap;text-decoration:none;color:#674936;background:rgba(247,236,226,.88);border:1px solid #ead9ca;padding:7px 12px;border-radius:999px;font-size:10px}.cat-pill:hover,.cat-pill.active{background:#e8c39f;color:#382012;border-color:#ddb184}

/* ===== HOME CONTENT ===== */
.content-shell{max-width:1240px;margin:0 auto;padding:28px 20px 34px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-head h2,.archive-shell h2{margin:0;font:600 27px/1.2 'Playfair Display',serif}.section-head>a{font-size:10px;color:#7a4f32;text-decoration:none}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.note-card{display:block;overflow:hidden;text-decoration:none;color:inherit;background:rgba(255,250,244,.8);border:1px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.note-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px rgba(48,25,13,.13)}
.note-image{height:135px;background:linear-gradient(135deg,#6d4025,#c98b55) center/cover no-repeat}.card-0 .note-image{background-image:linear-gradient(90deg,#0002,#0000),url('https://images.unsplash.com/photo-1470252649378-9c29740c9fa8?auto=format&fit=crop&w=1000&q=80')}.card-1 .note-image{background-image:linear-gradient(90deg,#0002,#0000),url('https://images.unsplash.com/photo-1517705008128-361805f42e86?auto=format&fit=crop&w=1000&q=80')}.card-2 .note-image{background-image:linear-gradient(90deg,#0002,#0000),url('https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1000&q=80')}.card-3 .note-image{background-image:linear-gradient(90deg,#0002,#0000),url('https://images.unsplash.com/photo-1455390582262-044cdead277a?auto=format&fit=crop&w=1000&q=80')}
.note-body{padding:12px 14px 14px}.note-body small{font-size:8px;color:#8e7d71}.note-body h3{margin:5px 0;font:600 18px/1.25 'Playfair Display',serif}.note-body p{margin:0 0 10px;color:#6d5d51;font-size:10px;line-height:1.55}.meta{display:flex;align-items:center;gap:9px;color:#7d6757;font-size:8px}.meta span:first-child{background:#f0e1d4;padding:4px 7px;border-radius:99px}

/* ===== FEATURE / ARCHIVE ===== */
.quote-section{max-width:1240px;margin:0 auto 32px;padding:0 20px;display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.quote-image{min-height:245px;border-radius:13px;background:linear-gradient(90deg,#24130d55,#24130d15),url('https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat}.quote-copy{min-height:245px;border-radius:13px;padding:28px;background:linear-gradient(125deg,#3c2012,#704124);color:#fff;display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.quote-copy p{margin:0 0 10px;font:italic 23px/1.35 'Playfair Display',serif}.quote-copy small{color:#e5cbb5}.quote-card{display:none}
.archive-shell{max-width:1240px;margin:0 auto;padding:0 20px 36px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.archive-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.archive-list a{display:flex;justify-content:space-between;padding:11px 13px;text-decoration:none;color:#5e4332;font-size:10px;background:rgba(255,250,244,.75);border:1px solid var(--line);border-radius:9px}.archive-list b{color:#a56c40}

/* ===== FOOTER ===== */
footer{background:rgba(35,19,12,.96);color:#dbc9bb;padding:30px 20px 13px}.footer-inner{max-width:1240px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px}.footer-brand{display:flex;align-items:center;gap:9px}.footer-brand img{width:45px;height:45px;object-fit:cover;border-radius:9px}.footer-brand span{font:600 20px 'Playfair Display',serif;color:#fff}.footer-brand small{display:block;font:600 5px 'DM Sans';letter-spacing:1.4px;color:#b99d89}.footer-inner>div:not(.footer-brand){display:flex;flex-direction:column;gap:6px;font-size:10px}.footer-inner a{color:#bfa999;text-decoration:none}.footer-inner b{color:#fff}.socials{display:flex;gap:13px;font-size:15px}.copyright{max-width:1240px;margin:22px auto 0;padding-top:11px;border-top:1px solid #4a3022;display:flex;justify-content:space-between;font-size:8px;color:#9d8777}

/* ===== ARTICLE ===== */
.article-shell{max-width:1240px;margin:0 auto;padding:30px 20px 20px}.back{font-size:10px;color:#795034;text-decoration:none}.article-head{display:grid;grid-template-columns:1fr .85fr;gap:28px;align-items:end;margin-top:16px}.article-head h1{margin:7px 0 9px;font:600 46px/1.08 'Playfair Display',serif}.article-head small{font-size:9px;color:#8b796d}.article-cover{height:280px;border-radius:14px;background:linear-gradient(90deg,#2a160d22,#2a160d00),url('https://images.unsplash.com/photo-1456324504439-367cee3b3c32?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;box-shadow:var(--shadow)}.article-content{max-width:930px;margin:35px auto;display:grid;grid-template-columns:1fr 200px;gap:45px}.article-text{font-size:16px;line-height:1.9;color:#45362c}.side-card{padding:15px;background:rgba(255,250,244,.78);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:11px}.share-row{display:flex;gap:6px;margin-top:10px}.share-row button{width:32px;height:32px;border:1px solid var(--line);background:#f5e9dd;border-radius:8px}.comments{max-width:930px;margin:0 auto 55px;padding:25px 20px 0;border-top:1px solid var(--line)}.comment-form{display:grid;gap:8px;margin-bottom:15px;padding:15px;background:rgba(255,250,244,.78);border:1px solid var(--line);border-radius:12px}.comment-form input,.comment-form textarea,.editor input,.editor textarea,.editor select{width:100%;border:1px solid var(--line);background:#fffdf9;border-radius:8px;padding:11px 12px;font:inherit;outline:0}.comment-form textarea{min-height:105px;resize:vertical}.comment-form button{justify-self:end;border:0;background:#3b2012;color:#fff;padding:10px 14px;border-radius:8px;font-size:11px;font-weight:700}.comment{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.avatar,.user-avatar{width:33px;height:33px;flex:0 0 33px;border-radius:50%;display:grid;place-items:center;background:#d9a26d;color:#3b2113;font-weight:700;font-size:11px}.comment b{font-size:11px}.comment small{font-size:8px;color:#99877a;margin-left:7px}.comment p{font-size:10px;line-height:1.55;color:#66564b;margin:5px 0 0}.empty{padding:45px;text-align:center;background:rgba(255,250,244,.75);border:1px dashed var(--line);border-radius:12px;color:var(--muted)}

/* ===== ADMIN ===== */
.admin-page{min-height:100vh;background:linear-gradient(135deg,#eee3d8,#f7f1eb)}.admin-header{height:66px;background:rgba(36,19,12,.96);color:#fff;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.admin-user{display:flex;align-items:center;gap:9px}.admin-user>div:nth-child(2){display:flex;flex-direction:column}.admin-user small{font-size:8px;color:#bfa999}.admin-user b{font-size:11px}.admin-user>a{color:#ddd;text-decoration:none;margin-left:12px}.admin-layout{display:flex;min-height:calc(100vh - 66px)}.sidebar{width:215px;flex:0 0 215px;background:#2b180f;color:#e5d8ce;padding:18px 12px}.sidebar nav{display:flex;flex-direction:column;gap:3px}.sidebar a{display:flex;align-items:center;gap:10px;color:#cdbbae;text-decoration:none;padding:10px 11px;border-radius:8px;font-size:10px}.sidebar a:hover,.sidebar a.active{background:#f0c08b;color:#321a0e}.sidebar a em{margin-left:auto;background:#c96e4e;color:#fff;font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:9px}.admin-main{flex:1;min-width:0;padding:24px;max-width:1400px}.admin-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-welcome h1,.editor-top h1{margin:0;font:600 29px 'Playfair Display',serif}.admin-welcome p:not(.eyebrow){margin:4px 0;color:var(--muted);font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:13px}.stat-grid>div{background:rgba(255,250,244,.8);border:1px solid var(--line);border-radius:11px;padding:13px;display:grid;grid-template-columns:31px 1fr;column-gap:9px}.stat-grid span{grid-row:1/3;width:29px;height:29px;border-radius:8px;background:#f1dfcf;display:grid;place-items:center;color:#9b613a}.stat-grid b{font-size:17px}.stat-grid small{color:var(--muted);font-size:8px}.dashboard-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:11px}.panel{background:rgba(255,250,244,.82);border:1px solid var(--line);border-radius:11px;padding:15px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel h2{margin:0;font:600 15px 'Playfair Display',serif}.panel-head small,.panel-head a{font-size:8px;color:var(--muted);text-decoration:none}.bars{display:flex;flex-direction:column;gap:10px}.bar-row{display:grid;grid-template-columns:80px 1fr 25px;gap:9px;align-items:center;font-size:9px}.bar-row>div{height:7px;background:#f0e5db;border-radius:99px;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#8a4e2d,#d49a62);border-radius:99px}.recent-list{display:flex;flex-direction:column}.recent-list a{display:grid;grid-template-columns:36px 1fr 15px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.mini-cover{width:36px;height:36px;border-radius:7px;background:linear-gradient(135deg,#6a3c20,#c98a54)}.recent-list b{font-size:9px}.recent-list small{display:block;font-size:7px;color:var(--muted);margin-top:2px}.comment-list{display:flex;flex-direction:column;gap:9px}.admin-comment{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:start;padding-bottom:9px;border-bottom:1px solid var(--line)}.admin-comment .avatar{width:29px;height:29px;font-size:9px}.admin-comment b{font-size:9px}.admin-comment p{font-size:8px;color:#75655a;margin:2px 0}.admin-comment small{font-size:7px;color:#a18d7d}.status{display:inline-block;padding:4px 7px;border-radius:99px;font-size:7px;background:#eee2d7;color:#77503a}.status.pending{background:#fae2c8;color:#a4602d}.status.approved,.status.published{background:#dfeede;color:#47724d}.status.draft{background:#eee3d9;color:#7a685c}.status.spam{background:#f3d9d4;color:#9c5044}.table-panel{margin-top:11px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;background:rgba(255,250,244,.72)}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:9px}th{font-size:7px;text-transform:uppercase;letter-spacing:1px;color:#8e7a6d;background:#f7eee5}td a{color:#805131;text-decoration:none;font-weight:600}
.editor-top{margin-bottom:16px}.editor-grid{display:grid;grid-template-columns:1fr 260px;gap:12px}.editor-main label,.editor-side label{font-size:9px;font-weight:700;display:grid;gap:6px}.editor-main textarea{min-height:430px;resize:vertical;line-height:1.8}.editor-side{display:flex;flex-direction:column;gap:10px}.editor-side .panel{display:grid;gap:11px}.publish-btn,.draft-btn{border:0;border-radius:8px;padding:10px;font-size:10px;font-weight:700;cursor:pointer}.publish-btn{background:#5a301b;color:#fff}.draft-btn{background:#efe2d6;color:#67432d}.tips p{font-size:9px;line-height:1.6;color:var(--muted);margin:4px 0 0}.muted{color:var(--muted);font-size:9px}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 20% 10%,rgba(216,154,91,.18),transparent 28%),linear-gradient(135deg,#efe1d3,#fbf7f2)}.login-box{width:min(390px,100%);padding:34px;background:rgba(255,250,244,.9);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);text-align:center}.login-box img{width:75px;height:75px;object-fit:cover;border-radius:15px}.login-box h1{margin:10px 0 3px;font:600 29px 'Playfair Display',serif}.login-box p{color:var(--muted);font-size:10px}.login-box form{display:grid;gap:9px;margin:20px 0}.login-box input{width:100%;padding:11px;border:1px solid var(--line);border-radius:8px;background:#fff}.login-box button{border:0;background:#3b2012;color:#fff;border-radius:8px;padding:11px;font-weight:700}.login-box a{color:#7b4e30;text-decoration:none;font-size:9px}

/* ===== RESPONSIVE ===== */
@media(max-width:1000px){
  .main-nav{display:none}.hero{margin:0 14px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quote-section{grid-template-columns:1fr}.archive-shell{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.sidebar{width:72px;flex-basis:72px}.sidebar a{justify-content:center}.sidebar a span{display:none}.sidebar a em{display:none}.editor-grid{grid-template-columns:1fr}.editor-side{display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .site-header{height:60px}.nav-inner{padding:0 12px;gap:8px}.brand img{width:38px;height:38px}.brand>span{font-size:18px}.search{width:130px;height:31px}.nav-actions .icon-btn{display:none}.admin-link{font-size:9px;padding:6px 8px}
  .hero{height:285px;margin:0;border-radius:0}.hero-inner{padding:42px 22px}.hero h1{font-size:32px;letter-spacing:-.4px}.hero p:not(.eyebrow){font-size:11px;max-width:430px}.hero-btn{font-size:10px;padding:10px 14px}
  .category-scroll{padding:8px 12px}.content-shell{padding:24px 14px 28px}.section-head h2,.archive-shell h2{font-size:24px}.notes-grid{grid-template-columns:1fr;gap:12px}.note-image{height:175px}.quote-section{padding:0 14px;margin-bottom:28px}.quote-image,.quote-copy{min-height:210px}.quote-copy p{font-size:21px}.archive-shell{padding:0 14px 30px}.archive-list{grid-template-columns:1fr 1fr}
  .footer-inner{grid-template-columns:1fr 1fr;gap:20px}.copyright{display:block;line-height:1.8}.copyright span{display:block}
  .article-shell{padding:24px 14px 15px}.article-head{grid-template-columns:1fr;gap:18px}.article-head h1{font-size:38px}.article-cover{height:220px}.article-content{grid-template-columns:1fr;margin:28px auto;gap:20px}.comments{padding:22px 14px 0}
  .admin-header{padding:0 12px}.admin-layout{display:block}.sidebar{display:none}.admin-main{padding:18px 12px}.stat-grid{gap:7px}.stat-grid>div{padding:11px}.editor-side{display:flex}.admin-welcome{align-items:flex-start;gap:10px}.admin-welcome .hero-btn{white-space:nowrap}
}
@media(max-width:430px){.search{width:112px}.brand>span{font-size:17px}.hero h1{font-size:29px}.footer-inner{grid-template-columns:1fr}.archive-list{grid-template-columns:1fr}.article-head h1{font-size:33px}}

/* HEADER FINAL OVERRIDE */
.site-header{height:72px!important;position:sticky!important;top:0;z-index:9999;background:rgba(36,19,12,.97)!important;backdrop-filter:blur(16px);}
.nav-inner{height:100%;max-width:1240px;margin:auto;padding:0 20px;display:flex;align-items:center;gap:18px;}
.main-nav{height:100%;display:flex;align-items:center;gap:2px;}
.main-nav a{height:100%;display:flex;align-items:center;padding:0 13px;color:#dfd0c5;text-decoration:none;position:relative;font-size:12px;font-weight:600;white-space:nowrap;}
.main-nav a.active,.main-nav a:hover{color:#fff;}
.main-nav a.active:after{content:"";position:absolute;bottom:0;left:13px;right:13px;height:2px;background:#d7a66e;}
.nav-actions{display:flex;align-items:center;gap:8px;margin-left:0;}
.theme-toggle,.menu-toggle{width:36px;height:36px;border:1px solid rgba(255,255,255,.16);border-radius:10px;background:rgba(255,255,255,.07);color:#f3e5da;display:grid;place-items:center;cursor:pointer;}
.theme-toggle{font-size:16px;}
.menu-toggle{display:none;gap:4px;padding:0;}
.menu-toggle i{display:block;width:15px;height:2px;background:currentColor;border-radius:2px;transition:.2s;}
.site-header.menu-open .menu-toggle i:nth-child(1){transform:translateY(6px) rotate(45deg)}
.site-header.menu-open .menu-toggle i:nth-child(2){opacity:0}
.site-header.menu-open .menu-toggle i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
html.light-theme body{background:#f7f1eb;color:#382217;}
html.light-theme .site-header{background:rgba(250,247,243,.97)!important;border-bottom-color:rgba(56,34,23,.12);}
html.light-theme .brand{color:#382217;}
html.light-theme .brand small{color:#8b725f;}
html.light-theme .main-nav a{color:#6b5547;}
html.light-theme .main-nav a.active,html.light-theme .main-nav a:hover{color:#382217;}
html.light-theme .theme-toggle,html.light-theme .menu-toggle{color:#382217;background:rgba(56,34,23,.05);border-color:rgba(56,34,23,.14);}
html.light-theme .search{background:rgba(56,34,23,.05);border-color:rgba(56,34,23,.14);}
html.light-theme .search input{color:#382217;}
@media(max-width:900px){.main-nav{display:none;position:absolute;top:72px;left:12px;right:12px;height:auto;flex-direction:column;align-items:stretch;padding:8px;border-radius:14px;background:rgba(36,19,12,.99);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 45px rgba(0,0,0,.25);}.site-header.menu-open .main-nav{display:flex}.main-nav a{height:44px;padding:0 14px;border-radius:8px}.main-nav a.active:after{display:none}.menu-toggle{display:grid!important}.search{width:38px!important;padding:0!important;justify-content:center!important;border-radius:10px!important;margin-left:auto!important}.search input{display:none!important}.search span{font-size:18px!important}.admin-link{display:none!important}}
@media(max-width:520px){.site-header{height:64px!important}.nav-inner{padding:0 12px;gap:7px}.brand img{width:37px;height:37px}.brand>span{font-size:18px}.main-nav{top:64px}.theme-toggle,.menu-toggle,.search{width:34px;height:34px}}



/* =========================================================
   NOTESKU — HEADER & THEME FINAL
   Satu blok otoritatif untuk interaksi header.
   ========================================================= */

.site-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
}

.site-header .nav-inner {
    position: relative;
    z-index: 10001;
}

.theme-btn,
.menu-btn {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative;
    z-index: 10002;
}

.menu-btn {
    display: none;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
}

.menu-btn i {
    display: block;
    width: 17px;
    height: 2px;
    margin: 3px auto;
    border-radius: 2px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
}

.site-header.menu-open .menu-btn i:nth-child(1) {
    transform: translateY(5px) rotate(45deg);
}

.site-header.menu-open .menu-btn i:nth-child(2) {
    opacity: 0;
}

.site-header.menu-open .menu-btn i:nth-child(3) {
    transform: translateY(-5px) rotate(-45deg);
}

.theme-btn {
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 10px;
    background: rgba(255,255,255,.08);
    color: #fff;
}

.theme-btn span {
    display: block;
    line-height: 38px;
    font-size: 17px;
}

html.light-theme,
html.light-theme body {
    background: #f6efe8 !important;
    color: #2f1b12;
}

html.light-theme .site-header {
    background: rgba(250,247,243,.98) !important;
    color: #2f1b12;
    border-bottom-color: rgba(47,27,18,.12);
}

html.light-theme .site-header .brand {
    color: #2f1b12;
}

html.light-theme .site-header .brand small {
    color: #866b59;
}

html.light-theme .site-header .main-nav a {
    color: #624b3c;
}

html.light-theme .site-header .main-nav a:hover,
html.light-theme .site-header .main-nav a.active {
    color: #2f1b12;
}

html.light-theme .site-header .search,
html.light-theme .site-header .theme-btn,
html.light-theme .site-header .menu-btn,
html.light-theme .site-header .admin-link {
    background: rgba(47,27,18,.05);
    border-color: rgba(47,27,18,.13);
    color: #4b3326;
}

html.light-theme .site-header .search input {
    color: #2f1b12;
}

html.light-theme .site-header .search input::placeholder {
    color: #907a6a;
}

html.light-theme .category-strip,
html.light-theme .note-card,
html.light-theme .archive-list a,
html.light-theme .panel,
html.light-theme .comment-form,
html.light-theme .side-card,
html.light-theme .empty {
    background: rgba(255,250,244,.9);
}

@media (max-width: 900px) {
    .site-header .main-nav {
        display: none !important;
        position: absolute !important;
        top: 100% !important;
        left: 12px !important;
        right: 12px !important;
        height: auto !important;
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 8px !important;
        background: rgba(36,19,12,.99) !important;
        border: 1px solid rgba(255,255,255,.14) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
        backdrop-filter: blur(18px);
    }

    .site-header.menu-open .main-nav {
        display: flex !important;
    }

    .site-header .main-nav a {
        width: 100%;
        height: 44px;
        padding: 0 14px;
        border-radius: 9px;
    }

    .site-header .main-nav a.active::after {
        display: none;
    }

    .site-header .menu-btn {
        display: block !important;
    }

    .site-header .search {
        width: 38px !important;
        padding: 0 !important;
        justify-content: center !important;
        border-radius: 10px !important;
    }

    .site-header .search input {
        display: none !important;
    }

    .site-header .admin-link {
        display: none !important;
    }

    html.light-theme .site-header .main-nav {
        background: rgba(250,247,243,.99) !important;
        border-color: rgba(47,27,18,.13) !important;
    }

    html.light-theme .site-header .main-nav a {
        color: #624b3c;
    }

    html.light-theme .site-header .main-nav a:hover {
        background: rgba(47,27,18,.06);
    }
}

@media (max-width: 520px) {
    .site-header {
        height: 64px !important;
    }

    .site-header .main-nav {
        top: 64px !important;
    }

    .site-header .theme-btn,
    .site-header .menu-btn,
    .site-header .search {
        width: 34px !important;
        height: 34px !important;
    }

    .site-header .theme-btn span {
        line-height: 34px;
    }
}