.header-nav{display:flex;gap:8px;align-items:center;}

        /* SEARCH HERO */
        .search-hero{background:white;border-bottom:2px solid var(--beige);padding:48px 24px 40px;}
        .search-inner{max-width:680px;margin:0 auto;text-align:center;}
        .search-title{font-family:'Lora',serif;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;color:var(--charcoal);margin-bottom:8px;}
        .search-sub{font-size:.97rem;color:var(--charcoal-lt);margin-bottom:28px;}
        .search-box{position:relative;}
        .search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);font-size:1.2rem;pointer-events:none;}
        .search-input{width:100%;padding:16px 20px 16px 50px;border:2.5px solid var(--tan);border-radius:16px;font-family:'Inter',sans-serif;font-size:1.05rem;color:var(--charcoal);background:var(--beige);outline:none;transition:border-color .2s,box-shadow .2s;}
        .search-input:focus{border-color:var(--teal-dk);box-shadow:0 0 0 4px rgba(112,163,167,.18);background:white;}
        .search-clear{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:var(--tan);border:none;border-radius:999px;width:28px;height:28px;display:none;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;color:var(--charcoal);}
        .search-clear.visible{display:flex;}

        /* TAGS */
        .tag-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;}
        .tag-chip{font-size:.78rem;font-weight:700;background:var(--beige);border:1.5px solid var(--tan);color:var(--charcoal-lt);padding:5px 14px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s,color .15s;}
        .tag-chip:hover,.tag-chip.active{background:var(--charcoal);border-color:var(--charcoal);color:white;}

        /* RESULTS */
        .results-section{padding:48px 24px 80px;min-height:60vh;}
        .results-inner{max-width:900px;margin:0 auto;}
        .results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:8px;}
        .results-count{font-size:.9rem;font-weight:700;color:var(--charcoal-lt);}
        .results-count span{color:var(--rose);font-weight:800;}
        .results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}

        .result-card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(64,59,51,.08);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;}
        .result-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(64,59,51,.14);}
        .rc-thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;font-size:3rem;position:relative;}
        .rc-badge{position:absolute;top:10px;left:10px;font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:999px;color:white;}
        .rc-body{padding:16px 18px;flex:1;display:flex;flex-direction:column;}
        .rc-cat{font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-dk);margin-bottom:5px;}
        .rc-title{font-size:1rem;font-weight:800;color:var(--charcoal);margin-bottom:6px;}
        .rc-desc{font-size:.83rem;color:var(--charcoal-lt);line-height:1.6;flex:1;margin-bottom:12px;}
        .rc-tags{display:flex;gap:5px;flex-wrap:wrap;}
        .rc-tag{font-size:.65rem;font-weight:700;background:var(--beige);border:1px solid var(--tan);color:var(--charcoal-lt);padding:2px 8px;border-radius:6px;}
        .rc-cta{display:inline-flex;align-items:center;gap:5px;margin-top:12px;font-size:.82rem;font-weight:700;color:var(--rose);}

        /* EMPTY STATE */
        .empty-state{text-align:center;padding:60px 24px;display:none;}
        .empty-state.show{display:block;}
        .empty-emoji{font-size:4rem;margin-bottom:16px;}
        .empty-title{font-family:'Lora',serif;font-size:1.5rem;font-weight:600;color:var(--charcoal);margin-bottom:8px;}
        .empty-text{font-size:.97rem;color:var(--charcoal-lt);margin-bottom:24px;}
        .empty-suggestions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}

        footer{background:var(--charcoal);padding:24px;text-align:center;color:rgba(240,234,214,.25);font-size:.82rem;}
        footer a{color:rgba(240,234,214,.4);transition:color .15s;}
        footer a:hover{color:rgba(240,234,214,.85);}
    
        
        .footer-brand{display:flex;flex-direction:column;gap:5px;}
        .footer-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}
        .footer-nav a{font-size:.82rem;font-weight:600;color:rgba(240,234,214,.55);text-decoration:none;padding:4px 8px;border-radius:6px;transition:color .15s;}
        .footer-nav a:hover{color:rgba(240,234,214,.9);}

    
        /* ═══════════════════════════════════
           SHARED: NAV + FOOTER  (v2 unified)
        ═══════════════════════════════════ */
        /* Header */
        /* Desktop nav */
        /* Hamburger */
        /* Mobile nav */
        /* Footer */
        .footer-brand{display:flex;flex-direction:column;gap:6px;}
        /* ═══════════════════════════════════ */
        
        /* ═══════════════════════════════════
           DARK MODE CSS VARIABLES
        ═══════════════════════════════════ */
            :root {
            --bg-primary:    #F0EAD6;
            --bg-secondary:  #ffffff;
            --bg-tertiary:   #e8e0cc;
            --text-primary:  #403B33;
            --text-secondary:#5a5449;
            --text-muted:    #8a8278;
            --border:        #D2B48C;
            --border-lt:     rgba(64,59,51,.08);
            --header-bg:     rgba(255,255,255,.96);
            --card-bg:       #ffffff;
            --card-shadow:   0 5px 22px rgba(64,59,51,.07);
        }
        [data-theme="dark"] {
            --bg-primary:    #1e1c18;
            --bg-secondary:  #2a2720;
            --bg-tertiary:   #322f27;
            --text-primary:  #f0ead6;
            --text-secondary:#c8bfaa;
            --text-muted:    #7a7268;
            --border:        #3a3830;
            --border-lt:     rgba(240,234,214,.08);
            --header-bg:     rgba(30,28,24,.97);
            --card-bg:       #2a2720;
            --card-shadow:   0 5px 22px rgba(0,0,0,.3);
        }
        /* Apply variables to body */
        
        /* Dark mode header */
        [data-theme="dark"] .site-header { background: var(--header-bg) !important; border-color: var(--border-lt) !important; }
        [data-theme="dark"] .nav-link { color: var(--text-secondary) !important; }
        [data-theme="dark"] .nav-link:hover { background: var(--bg-tertiary) !important; color: var(--text-primary) !important; }
        [data-theme="dark"] .main-nav { background: var(--bg-secondary) !important; border-color: var(--border-lt) !important; }
        [data-theme="dark"] .main-nav a { color: var(--text-secondary) !important; border-color: var(--border-lt) !important; }
        [data-theme="dark"] .main-nav a:hover { background: var(--bg-tertiary) !important; }
        /* Dark mode toggle button in header */
        .theme-toggle {
            background: none;
            border: 1.5px solid var(--border);
            border-radius: 8px;
            padding: 5px 9px;
            font-size: .9rem;
            cursor: pointer;
            color: var(--text-secondary);
            flex-shrink: 0;
            transition: background .15s, border-color .15s;
            margin-left: 6px;
        }
        .theme-toggle:hover { background: var(--bg-tertiary); }
        /* ═══════════════════════════════════════════════
           DARK MODE, COMPREHENSIVE OVERRIDES
        ═══════════════════════════════════════════════ */
        [data-theme="dark"] .card            { background: var(--card-bg) !important; box-shadow: var(--card-shadow) !important; }
        [data-theme="dark"] .card-title      { color: var(--text-primary) !important; }
        [data-theme="dark"] .card-desc       { color: var(--text-secondary) !important; }
        [data-theme="dark"] .result-card     { background: var(--card-bg) !important; box-shadow: var(--card-shadow) !important; }
        [data-theme="dark"] .rc-title        { color: var(--text-primary) !important; }
        [data-theme="dark"] .rc-desc         { color: var(--text-secondary) !important; }
        [data-theme="dark"] .rc-tag          { background: var(--bg-tertiary) !important; border-color: var(--border) !important; color: var(--text-secondary) !important; }
        [data-theme="dark"] .search-hero     { background: var(--bg-secondary) !important; border-color: var(--border-lt) !important; }
        [data-theme="dark"] .search-title    { color: var(--text-primary) !important; }
        [data-theme="dark"] .search-sub      { color: var(--text-secondary) !important; }
        [data-theme="dark"] .search-input    { background: var(--bg-tertiary) !important; border-color: var(--border) !important; color: var(--text-primary) !important; }
        [data-theme="dark"] .search-input:focus { background: var(--bg-secondary) !important; border-color: var(--teal-dk) !important; }
        [data-theme="dark"] .tag-chip        { background: var(--bg-tertiary) !important; border-color: var(--border) !important; color: var(--text-secondary) !important; }
        [data-theme="dark"] .tag-chip:hover,
        [data-theme="dark"] .tag-chip.active { background: var(--text-primary) !important; border-color: var(--text-primary) !important; color: var(--bg-primary) !important; }
        [data-theme="dark"] .results-section { background: var(--bg-primary) !important; }
        [data-theme="dark"] .results-count   { color: var(--text-secondary) !important; }
        [data-theme="dark"] .filter-bar      { background: var(--bg-secondary) !important; border-color: var(--border-lt) !important; }
        [data-theme="dark"] .filter-btn      { color: var(--text-secondary) !important; }
        [data-theme="dark"] .filter-btn:hover{ border-color: var(--border) !important; color: var(--text-primary) !important; }
        [data-theme="dark"] .filter-btn.active { background: var(--text-primary) !important; color: var(--bg-primary) !important; border-color: var(--text-primary) !important; }
        [data-theme="dark"] #all-projects    { background: var(--bg-primary) !important; }
        [data-theme="dark"] .cat-heading     { color: var(--teal) !important; border-color: var(--teal-dk) !important; }
        [data-theme="dark"] .cat-heading::after { background: linear-gradient(to right, var(--border), transparent) !important; }
        [data-theme="dark"] .sub-heading     { color: var(--text-muted) !important; border-color: var(--teal-dk) !important; }
        [data-theme="dark"] .hero-bg         { background: linear-gradient(-45deg,#1e1c18,#2a2418,#281818,#182020,#1e1c18) !important; background-size:400% 400% !important; }
        [data-theme="dark"] section[style*="background:white"],
        [data-theme="dark"] section[style*="background: white"]  { background: var(--bg-secondary) !important; }
        [data-theme="dark"] section[style*="background:var(--beige)"],
        [data-theme="dark"] section[style*="background: var(--beige)"] { background: var(--bg-primary) !important; }
        [data-theme="dark"] div[style*="background:white"],
        [data-theme="dark"] div[style*="background: white"]  { background: var(--bg-secondary) !important; }
        [data-theme="dark"] h2[style*="color:var(--charcoal)"],
        [data-theme="dark"] h3[style*="color:var(--charcoal)"],
        [data-theme="dark"] h4[style*="color:var(--charcoal)"]  { color: var(--text-primary) !important; }
        [data-theme="dark"] p[style*="color:var(--charcoal)"]   { color: var(--text-secondary) !important; }
        [data-theme="dark"] .social-card     { background: var(--card-bg) !important; }
        [data-theme="dark"] .about-card      { background: var(--card-bg) !important; }
        [data-theme="dark"] .about-card h2   { color: var(--text-primary) !important; }
        [data-theme="dark"] .about-card p    { color: var(--text-secondary) !important; }
        [data-theme="dark"] .freebie-card    { background: var(--card-bg) !important; box-shadow: var(--card-shadow) !important; }
        [data-theme="dark"] .freebie-title   { color: var(--text-primary) !important; }
        [data-theme="dark"] .freebie-desc    { color: var(--text-secondary) !important; }
        [data-theme="dark"] .tree            { background: var(--card-bg) !important; color: var(--text-primary) !important; }
        [data-theme="dark"] .page-card       { background: var(--card-bg) !important; }
        [data-theme="dark"] .pc-name         { color: var(--text-primary) !important; }
        [data-theme="dark"] .pc-desc         { color: var(--text-secondary) !important; }
        [data-theme="dark"] .pc-url          { color: var(--teal) !important; }
        /* ═══════════════════════════════════ */
.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:50%;transform:translateX(-50%);top:8px;width:auto;height:auto;padding:10px 20px;background:#BC4749;color:white;font-weight:700;font-size:.9rem;border-radius:8px;z-index:9999;text-decoration:none;white-space:nowrap}
/* mobile-nav cascade fix */
.reveal{opacity:1!important;transform:none!important}