/*
Theme Name: UpcycleView
Theme URI: https://upcycleview.com
Author: UpcycleView
Description: Artisan editorial Neo theme design for upcycled decor, thrifted interiors, and furniture makeovers.
Version: 1.0.0
Text Domain: upcycleview
*/

:root {
  /* UpcycleView Palette */
  --tj-bg-primary: #F7F2E8;
  --tj-bg-surface: #FFFDF8;
  --tj-bg-secondary: #E8E0D1;
  --tj-text-primary: #27312D;
  --tj-text-secondary: #59615B;
  --tj-text-tertiary: #8A8B82;
  --tj-heading-color: #27312D;
  --tj-accent: #176B68;
  --tj-accent-hover: #105451;
  --tj-cta: #C55F3C;
  --tj-cta-hover: #A9482B;
  --tj-border: #CFC4B1;
  --tj-border-light: #E5DED2;
  --tj-header-bg: #31443E;

  /* Niche Sub-colors */
  --uv-wood: #8B5E3C;
  --uv-sage: #718A78;
  --uv-clay: #C55F3C;
  --uv-glass: #7DA9A5;
  --uv-textile: #C89D65;
  --uv-ink: #27312D;
  --uv-parchment: #F7F2E8;

  /* Typography */
  --tj-font-heading: 'Fraunces', Georgia, serif;
  --tj-font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Layout */
  --tj-container: 1200px;
  --tj-container-narrow: 780px;
  --tj-gap: 22px;
  --tj-radius: 10px;
  --tj-radius-sm: 5px;
  --tj-radius-pill: 100px;

  /* Shadows */
  --tj-card-shadow: 0 3px 16px rgba(39,49,45,.07);
  --tj-card-shadow-hover: 0 18px 50px rgba(39,49,45,.16);

  /* Animation */
  --tj-ease: cubic-bezier(.4,0,.2,1);
  --tj-speed: .25s;
}

/* 1. Reset & Base */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;background:var(--tj-bg-primary);color:var(--tj-text-primary);font:400 16px/1.7 var(--tj-font-body);overflow-x:hidden}
body.nav-open{overflow:hidden}
img,svg,video{max-width:100%;height:auto}
img{content:normal!important}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
p{margin:0 0 1em}
h1,h2,h3,h4,h5,h6{margin:0 0 .65em;color:var(--tj-heading-color);font-family:var(--tj-font-heading);font-weight:600;line-height:1.16}
h1{font-size:clamp(40px,6vw,72px)}
h2{font-size:clamp(30px,4vw,46px)}
h3{font-size:24px}
ul,ol{padding-left:1.3em}
::selection{background:var(--tj-accent);color:#fff}

/* 2. Container */
.tj-container{width:100%;max-width:var(--tj-container);margin-inline:auto;padding-inline:22px}
.tj-container-narrow{width:100%;max-width:var(--tj-container-narrow);margin-inline:auto;padding-inline:22px}
.tj-main{min-height:60vh}

/* 3. Pills & Buttons */
.tj-btn,.tj-header-btn,.tj-newsletter-btn,.tj-sidebar-newsletter-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 22px;border:0;border-radius:var(--tj-radius-pill);background:var(--tj-cta);color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;transition:transform var(--tj-speed) var(--tj-ease),background var(--tj-speed) var(--tj-ease)}
.tj-btn:hover,.tj-header-btn:hover,.tj-newsletter-btn:hover,.tj-sidebar-newsletter-btn:hover{background:var(--tj-cta-hover);transform:translateY(-2px)}
.tj-pill,.tj-hero-pill,.tj-archive-filter-pill,.tj-sidebar-cat-pill{display:inline-flex;align-items:center;border:1px solid var(--tj-border);border-radius:var(--tj-radius-pill);padding:7px 13px;font-size:12px;font-weight:600;transition:all var(--tj-speed) var(--tj-ease)}
.tj-pill:hover,.tj-archive-filter-pill:hover,.tj-sidebar-cat-pill:hover{border-color:var(--tj-accent);background:var(--tj-accent);color:#fff}
.uv-text-link{display:inline-flex;align-items:center;gap:8px;color:var(--tj-accent);font-size:13px;font-weight:700;text-decoration:none}
.uv-text-link:hover{color:var(--tj-accent-hover)}
.uv-primary-btn{background:var(--tj-cta)}

/* 4. Progress Bar */
.tj-progress-bar{position:fixed;top:0;left:0;z-index:9999;width:100%;height:3px;background:transparent}
.tj-progress-fill{width:0;height:100%;background:var(--tj-cta)}

/* 5. Top Bar (Ticker) */
.tj-top-bar{position:relative;overflow:hidden;background:#24342F;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}
.tj-top-bar-track{display:flex;width:max-content;animation:tjTicker 40s linear infinite}
.tj-top-bar:hover .tj-top-bar-track{animation-play-state:paused}
.tj-top-bar-item{display:flex;align-items:center;gap:10px;max-width:290px;padding:9px 24px;border-right:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.78);font-size:12px;white-space:nowrap}
.tj-top-bar-item img{content:normal!important;width:38px;height:38px;border-radius:50%;object-fit:cover}
@keyframes tjTicker{to{transform:translateX(-50%)}}

/* 6. Header */
.tj-header{position:sticky;top:0;z-index:1000;background:var(--tj-header-bg);border-bottom:1px solid rgba(255,255,255,.12);transition:box-shadow var(--tj-speed) var(--tj-ease)}
.tj-header.scrolled{box-shadow:0 8px 32px rgba(24,36,31,.18)}
.tj-header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:26px}
.tj-header-brand,.tj-site-branding{display:flex;align-items:center;gap:11px;flex-shrink:0}
.tj-site-title,.tj-header-brand a{color:#fff;font:600 24px/1 var(--tj-font-heading);letter-spacing:-.2px}
.tj-site-monogram{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(255,255,255,.35);border-radius:50%;color:#fff;font:600 13px/1 var(--tj-font-heading)}
.tj-nav-list{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}
.tj-nav-list li{position:relative}
.tj-nav-list>li>a{display:block;padding:8px 0;color:rgba(255,255,255,.78);font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.tj-nav-list>li>a::after{content:"";position:absolute;right:0;bottom:3px;left:0;height:1px;background:var(--tj-cta);transform:scaleX(0);transform-origin:right;transition:transform var(--tj-speed) var(--tj-ease)}
.tj-nav-list>li>a:hover{color:#fff}.tj-nav-list>li>a:hover::after{transform:scaleX(1);transform-origin:left}
.tj-nav-list .sub-menu{position:absolute;top:100%;left:-18px;min-width:210px;margin:0;padding:10px;background:var(--tj-bg-surface);border:1px solid var(--tj-border-light);border-radius:var(--tj-radius);box-shadow:var(--tj-card-shadow-hover);list-style:none;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--tj-speed) var(--tj-ease)}
.tj-nav-list li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.tj-nav-list .sub-menu a{display:block;padding:9px 10px;border-radius:var(--tj-radius-sm);color:var(--tj-text-secondary);font-size:13px}.tj-nav-list .sub-menu a:hover{background:var(--tj-bg-secondary);color:var(--tj-accent)}
.tj-header-actions{display:flex;align-items:center;gap:12px}
.tj-header-btn{min-height:38px;padding:8px 17px;background:var(--tj-cta)}
.tj-search-toggle,.tj-menu-toggle{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#fff}
.tj-menu-toggle{display:none}
.tj-hamburger,.tj-hamburger::before,.tj-hamburger::after{background:#fff}
.tj-search-overlay{position:absolute;top:100%;right:0;left:0;padding:18px 0;background:var(--tj-bg-surface);border-bottom:1px solid var(--tj-border);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--tj-speed) var(--tj-ease)}
.tj-search-overlay.open{opacity:1;visibility:visible;transform:none}
.tj-search-form{display:flex;gap:10px}.tj-search-input{flex:1;padding:12px 15px;border:1px solid var(--tj-border);border-radius:var(--tj-radius);background:var(--tj-bg-primary);outline:0}.tj-search-input:focus{border-color:var(--tj-accent)}

/* 7. Main */
#tjContent{min-height:55vh}
.tj-section{position:relative;padding:84px 0}
.tj-section:nth-of-type(even){background:var(--tj-bg-surface)}

/* 8. Hero */
.tj-hero.uv-hero{position:relative;isolation:isolate;overflow:hidden;padding:98px 0 88px;background:linear-gradient(115deg,#E8E0D1 0%,#F7F2E8 62%,#DCE5DD 100%);text-align:left}
.tj-hero.uv-hero::before{content:"";position:absolute;z-index:-1;width:540px;height:540px;right:-145px;bottom:-300px;border:1px solid rgba(39,49,45,.14);border-radius:50%}
.tj-hero.uv-hero::after{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:-45px;bottom:-220px;border:1px solid rgba(39,49,45,.12);border-radius:50%}
.uv-hero.tj-hero-has-bg{background-position:center;background-size:cover}
.uv-hero-grid{display:grid;grid-template-columns:minmax(0,760px) 1fr;align-items:end;gap:56px}
.uv-hero-copy{position:relative;z-index:1}
.tj-hero-subheading{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--tj-accent);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}
.tj-hero-subheading::before{content:"";width:34px;height:2px;background:currentColor}
.tj-hero-title{max-width:780px;margin-bottom:22px;color:var(--tj-heading-color);font-size:clamp(52px,7.3vw,92px);font-weight:600;line-height:.98;letter-spacing:-2.5px}
.tj-hero-desc{max-width:650px;margin:0;color:var(--tj-text-secondary);font-size:18px;line-height:1.7}
.uv-hero-actions{display:flex;align-items:center;gap:24px;margin-top:32px}
.tj-hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.tj-hero-pill{background:rgba(255,253,248,.65);border-color:rgba(39,49,45,.16);color:var(--tj-text-secondary)}
.tj-hero-pill:hover{background:var(--tj-accent);border-color:var(--tj-accent);color:#fff}
.uv-hero-note{justify-self:end;padding:24px 0 4px 24px;border-left:1px solid rgba(39,49,45,.24);color:var(--tj-text-secondary)}
.uv-note-number{display:block;margin-bottom:12px;color:var(--tj-cta);font:600 38px/1 var(--tj-font-heading)}
.uv-hero-note p{margin:0;font-size:13px;line-height:1.7}
.uv-hero-mark{position:absolute;right:2vw;top:3px;z-index:-1;color:rgba(255,255,255,.23);font:700 clamp(150px,26vw,390px)/1 var(--tj-font-heading);letter-spacing:-20px;user-select:none}
.tj-hero-has-bg .tj-hero-title,.tj-hero-has-bg .tj-hero-desc,.tj-hero-has-bg .uv-hero-note{color:#fff}.tj-hero-has-bg .tj-hero-subheading{color:#F1B18F}.tj-hero-has-bg .uv-hero-note{border-color:rgba(255,255,255,.3)}

/* 8a. Unique: Material Rescue Map */
.uv-material-map{padding:78px 0 88px;background:#31443E;color:#fff}
.uv-section-kicker{margin-bottom:15px;color:var(--tj-cta);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}
.uv-material-head{display:grid;grid-template-columns:1.4fr .7fr;align-items:end;gap:50px;margin-bottom:38px}
.uv-material-head h2{margin:0;color:#fff;font-size:clamp(36px,5vw,58px)}
.uv-material-head p{margin:0;color:rgba(255,255,255,.65);font-size:14px;line-height:1.75}
.uv-material-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.uv-material-card{position:relative;display:flex;min-height:230px;flex-direction:column;padding:20px 18px 18px;border-right:1px solid rgba(255,255,255,.14);color:#fff;transition:background .3s var(--tj-ease),transform .3s var(--tj-ease)}
.uv-material-card:first-child{border-left:1px solid rgba(255,255,255,.14)}
.uv-material-card:hover{z-index:2;background:var(--uv-card-color,var(--tj-accent));transform:translateY(-8px)}
.uv-material-index{color:rgba(255,255,255,.42);font-size:10px;letter-spacing:1px}
.uv-material-icon{display:block;width:48px;height:48px;margin:27px 0 auto;color:rgba(255,255,255,.82)}
.uv-material-icon svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.uv-material-card strong{font-family:var(--tj-font-heading);font-size:17px;font-weight:600}
.uv-material-card small{margin-top:5px;color:rgba(255,255,255,.55);font-size:10px;line-height:1.5}
.uv-material-arrow{position:absolute;right:16px;top:16px;opacity:.4}.uv-material-card:hover .uv-material-arrow{opacity:1}
.uv-material-wood{--uv-card-color:#8B5E3C}.uv-material-glass{--uv-card-color:#4F8581}.uv-material-textiles{--uv-card-color:#9C7445}.uv-material-metal{--uv-card-color:#586966}.uv-material-paint{--uv-card-color:#B64E31}.uv-material-found{--uv-card-color:#607B68}

/* 8b. Unique: Room Remix */
.uv-room-remix{padding:92px 0;background:var(--tj-bg-primary)}
.uv-remix-header{display:grid;grid-template-columns:1fr 390px;align-items:end;gap:60px;margin-bottom:42px}
.uv-remix-header h2{margin:0;font-size:clamp(38px,5vw,60px)}
.uv-remix-header p{margin:0;color:var(--tj-text-secondary);font-size:14px;line-height:1.8}
.uv-remix-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:24px}
.uv-remix-card{display:grid;grid-template-columns:1fr;overflow:hidden;border:1px solid var(--tj-border-light);border-radius:var(--tj-radius);background:var(--tj-bg-surface);box-shadow:var(--tj-card-shadow);transition:transform .3s var(--tj-ease),box-shadow .3s var(--tj-ease)}
.uv-remix-card:hover{transform:translateY(-5px);box-shadow:var(--tj-card-shadow-hover)}
.uv-remix-featured{grid-row:span 2;grid-template-rows:minmax(400px,1.3fr) auto}
.uv-remix-card:not(.uv-remix-featured){grid-template-columns:190px 1fr;min-height:280px}
.uv-remix-image{position:relative;display:block;overflow:hidden;background:var(--tj-bg-secondary)}
.uv-remix-image img{content:normal!important;width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s var(--tj-ease)}
.uv-remix-card:hover .uv-remix-image img{transform:scale(1.04)}
.uv-image-placeholder{display:grid;width:100%;height:100%;min-height:220px;place-items:center;color:rgba(39,49,45,.2);font:700 70px/1 var(--tj-font-heading)}
.uv-remix-badge{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:var(--tj-radius-pill);background:rgba(255,253,248,.9);color:var(--tj-text-primary);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}
.uv-remix-copy{padding:26px}.uv-remix-copy h3{margin:12px 0 9px;font-size:clamp(22px,2.5vw,32px)}
.uv-remix-card:not(.uv-remix-featured) .uv-remix-copy{padding:20px}.uv-remix-card:not(.uv-remix-featured) .uv-remix-copy h3{font-size:22px}
.uv-remix-copy p{color:var(--tj-text-secondary);font-size:13px;line-height:1.7}
.uv-before-after{display:flex;flex-wrap:wrap;gap:6px 14px;color:var(--tj-text-tertiary);font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.uv-before-after span:last-child{color:var(--tj-accent)}

/* 9. Section Common */
.tj-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.tj-section-title{margin:0;font-size:clamp(34px,4.5vw,52px);letter-spacing:-.8px}
.tj-section-link{flex-shrink:0;color:var(--tj-accent);font-size:12px;font-weight:700;letter-spacing:.5px}
.tj-section-link:hover{color:var(--tj-accent-hover)}
.uv-section-note{max-width:320px;color:var(--tj-text-tertiary);font-size:12px}
.tj-text-center{text-align:center}.tj-center{margin-inline:auto}

/* 10. Category Carousel */
.tj-cat-carousel-section{overflow:hidden;background:var(--tj-bg-surface)}
.tj-cat-carousel-outer{overflow:hidden;margin-inline:-8px;padding:10px 8px 24px}
.tj-cat-carousel-track{display:flex;width:max-content;gap:14px;animation:uvCarousel 48s linear infinite}
.tj-cat-carousel-outer:hover .tj-cat-carousel-track{animation-play-state:paused}
.tj-cat-card{display:flex;width:184px;min-height:180px;flex-direction:column;align-items:flex-start;padding:22px;border:1px solid var(--tj-border-light);border-radius:var(--tj-radius);background:var(--tj-bg-primary);transition:transform .25s var(--tj-ease),border-color .25s var(--tj-ease),background .25s var(--tj-ease)}
.tj-cat-card:hover{transform:translateY(-5px);border-color:var(--tj-accent);background:#fff}
.tj-cat-card-icon{display:grid;width:48px;height:48px;margin-bottom:auto;place-items:center;border-radius:50%;background:#DCE5DD;color:var(--tj-accent)}
.tj-cat-card-icon svg{width:25px;height:25px}.tj-cat-card-name{margin:22px 0 3px;font-size:18px}.tj-cat-card-count{color:var(--tj-text-tertiary);font-size:10px;text-transform:uppercase;letter-spacing:.7px}
@keyframes uvCarousel{to{transform:translateX(calc(-50% - 7px))}}

/* 11. Tabbed Slider */
.tj-tab-slider-wrap{position:relative}.tj-tab-slider{display:flex;gap:18px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:8px 2px 24px}.tj-tab-slider::-webkit-scrollbar{display:none}
.tj-slider-card{flex:0 0 260px;scroll-snap-align:start}.tj-slider-nav-btn{position:absolute;top:38%;z-index:4;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--tj-border);border-radius:50%;background:var(--tj-bg-surface);color:var(--tj-text-primary);box-shadow:var(--tj-card-shadow)}
.tj-slider-prev{left:-18px}.tj-slider-next{right:-18px}.tj-slider-nav-btn:hover{background:var(--tj-accent);color:#fff}

/* 12. Archive */
.tj-archive-header{padding:64px 0 38px;background:var(--tj-bg-secondary);text-align:center}.tj-archive-title{margin-bottom:10px}.tj-archive-desc{max-width:620px;margin:0 auto;color:var(--tj-text-secondary)}
.tj-archive-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 28px}.tj-archive-filters{display:flex;flex-wrap:wrap;gap:8px}.tj-archive-search{display:flex;min-width:260px}.tj-archive-search input{width:100%;padding:10px 14px;border:1px solid var(--tj-border);border-radius:var(--tj-radius-pill);background:var(--tj-bg-surface)}
.tj-archive-grid{padding:60px 0 90px}

/* 13. Author Section */
.tj-author-section{background:#DCE5DD}
.tj-author-inner{display:grid;grid-template-columns:390px 1fr;align-items:center;gap:76px}
.tj-author-image{position:relative;aspect-ratio:4/5;overflow:hidden;border-radius:180px 180px var(--tj-radius) var(--tj-radius);background:var(--tj-bg-secondary)}
.tj-author-image img{content:normal!important;width:100%;height:100%;object-fit:cover}
.tj-author-placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(145deg,#AEBFB4,#E8E0D1);color:#fff;font:700 96px/1 var(--tj-font-heading)}
.tj-author-label{display:block;margin-bottom:16px;color:var(--tj-cta);font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}
.tj-author-heading{max-width:700px;margin-bottom:18px;font-size:clamp(38px,5vw,62px)}
.tj-author-desc{max-width:650px;color:var(--tj-text-secondary);font-size:16px;line-height:1.8}

/* 14. Post Grid & Cards */
.tj-post-grid{display:grid;gap:30px}.tj-grid-2{grid-template-columns:repeat(2,1fr)}.tj-grid-3{grid-template-columns:repeat(3,1fr)}.tj-grid-4{grid-template-columns:repeat(4,1fr)}
.tj-post-card{position:relative;overflow:hidden;border-radius:var(--tj-radius);background:var(--tj-bg-surface);box-shadow:var(--tj-card-shadow);transition:transform .3s var(--tj-ease),box-shadow .3s var(--tj-ease)}
.tj-post-card:hover{transform:translateY(-6px);box-shadow:var(--tj-card-shadow-hover)}
.tj-card-image-wrap{display:block;overflow:hidden;background:var(--tj-bg-secondary)}
.tj-card-image,.tj-post-card img{content:normal!important;width:100%;aspect-ratio:4/3;display:block;object-fit:cover;transition:transform .55s var(--tj-ease)}
.tj-post-card:hover .tj-card-image,.tj-post-card:hover img{transform:scale(1.035)}
.tj-card-content{padding:22px}.tj-card-category{display:inline-block;margin-bottom:10px;color:var(--tj-accent);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tj-card-title{margin:0 0 9px;font-size:23px;line-height:1.23}.tj-card-excerpt{color:var(--tj-text-secondary);font-size:13px;line-height:1.65}.tj-card-meta{display:flex;justify-content:space-between;margin-top:15px;color:var(--tj-text-tertiary);font-size:10px}

/* 15. Tabs Section */
.tj-tabs-section{background:var(--tj-bg-secondary)}
.tj-tabs-nav{display:flex;gap:8px;margin:0 0 26px;padding-bottom:5px;overflow-x:auto;scrollbar-width:none}.tj-tabs-nav::-webkit-scrollbar{display:none}
.tj-tab-btn{flex:0 0 auto;padding:8px 16px;border:1px solid var(--tj-border);border-radius:var(--tj-radius-pill);background:transparent;color:var(--tj-text-secondary);font-size:12px;font-weight:700}.tj-tab-btn:hover,.tj-tab-btn.active{border-color:var(--tj-accent);background:var(--tj-accent);color:#fff}
.tj-tab-panel{display:none}.tj-tab-panel.active{display:block}

/* 16. Mission Section */
.tj-mission-section{overflow:hidden;background:#31443E;color:#fff;text-align:center}
.tj-mission-inner{max-width:850px}.tj-mission-section .uv-section-kicker{color:#F1A685}.tj-mission-title{color:#fff;font-size:clamp(42px,6vw,72px)}.tj-mission-text{max-width:760px;margin:0 auto;color:rgba(255,255,255,.67);font-size:16px;line-height:1.85}
.tj-mission-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.tj-stat{padding:25px 18px;border-right:1px solid rgba(255,255,255,.14)}.tj-stat:last-child{border-right:0}.tj-stat-number{display:block;color:#fff;font:600 38px/1 var(--tj-font-heading)}.tj-stat-label{display:block;margin-top:8px;color:rgba(255,255,255,.55);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase}

/* 17. Newsletter */
.tj-newsletter-section{background:var(--tj-cta);color:#fff;text-align:center}.tj-newsletter-inner{max-width:760px}.uv-newsletter-tag{display:inline-block;margin-bottom:14px;font-size:10px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase}.tj-newsletter-title{margin-bottom:13px;color:#fff;font-size:clamp(40px,6vw,66px)}.tj-newsletter-desc{max-width:570px;margin:0 auto 26px;color:rgba(255,255,255,.82)}
.tj-newsletter-form{display:flex;max-width:560px;margin-inline:auto;padding:5px;border-radius:var(--tj-radius-pill);background:#fff}.tj-newsletter-input{flex:1;min-width:0;padding:12px 18px;border:0;background:transparent;outline:0}.tj-newsletter-btn{min-height:42px;background:var(--tj-ink)}.tj-newsletter-btn:hover{background:#111815}

/* 18. Pagination */
.tj-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:46px}.tj-page-link{display:grid;min-width:40px;height:40px;place-items:center;padding:0 12px;border:1px solid var(--tj-border);border-radius:var(--tj-radius-sm);background:var(--tj-bg-surface);font-size:12px}.tj-page-link:hover,.tj-page-active{border-color:var(--tj-accent);background:var(--tj-accent);color:#fff}

/* 19. Single Post */
.tj-single{background:var(--tj-bg-primary)}.tj-breadcrumbs{max-width:var(--tj-container);margin:24px auto;padding:0 22px;color:var(--tj-text-tertiary);font-size:11px}.tj-breadcrumbs a:hover{color:var(--tj-accent)}.tj-breadcrumb-sep{padding:0 7px;opacity:.5}
.tj-single-header{max-width:880px;margin:0 auto;padding:44px 22px;text-align:center}.tj-single-cat-pill{display:inline-block;margin-bottom:15px;color:var(--tj-accent);font-size:10px;font-weight:700;letter-spacing:1.2px}.tj-single-title{font-size:clamp(40px,6vw,68px)}.tj-single-meta{display:flex;align-items:center;justify-content:center;gap:11px;color:var(--tj-text-tertiary);font-size:12px}.tj-single-avatar{content:normal!important;display:block;width:48px;height:48px;object-fit:cover;border-radius:50%}
.tj-single-layout{display:grid;grid-template-columns:minmax(0,780px);justify-content:center;gap:55px;max-width:1180px;margin:0 auto;padding:0 22px 90px}.tj-single-layout.tj-has-sidebar{grid-template-columns:minmax(0,780px) 300px}.tj-single-featured{overflow:hidden;margin:0 0 30px;border-radius:var(--tj-radius)}.tj-single-featured img{content:normal!important;width:100%;display:block}.tj-entry-content{font-size:17px;line-height:1.8}.tj-entry-content h2{margin-top:1.9em}.tj-drop-cap>.tj-entry-content>p:first-of-type::first-letter,.tj-entry-content.tj-drop-cap>p:first-of-type::first-letter{float:left;margin:6px 8px 0 0;color:var(--tj-accent);font:600 64px/.75 var(--tj-font-heading)}

/* 20. Social Share & Floating */
.tj-share-inline{display:flex;align-items:center;gap:8px;margin:34px 0;padding:18px 0;border-top:1px solid var(--tj-border-light);border-bottom:1px solid var(--tj-border-light)}
.tj-share-btn{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--tj-border);border-radius:50%;background:var(--tj-bg-surface);color:var(--tj-text-secondary);transition:all .2s ease}.tj-share-btn:hover{border-color:var(--tj-accent);background:var(--tj-accent);color:#fff}
.tj-share-floating{display:flex;gap:6px}
.tj-floating-actions,.tj-float-btn{display:none!important}
.uv-floating{display:flex!important}.uv-float-btn{display:flex!important}

/* 21. FAQ */
.tj-faq{margin-top:56px}.tj-faq .tj-section-title{margin-bottom:22px;font-size:34px}.tj-faq-item{border-top:1px solid var(--tj-border)}.tj-faq-item:last-child{border-bottom:1px solid var(--tj-border)}.tj-faq-question{display:flex;width:100%;align-items:center;justify-content:space-between;gap:20px;padding:18px 3px;border:0;background:transparent;color:var(--tj-text-primary);font-weight:700;text-align:left}.tj-faq-answer{display:none;padding:0 35px 18px 3px;color:var(--tj-text-secondary);font-size:14px}.tj-faq-question[aria-expanded=true]+.tj-faq-answer{display:block}

/* 22. Related / Sidebar */
.tj-related{margin-top:64px}.tj-related-title{margin-bottom:22px;font-size:34px}.tj-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tj-related-slider{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px}.tj-related-slider>*{flex:0 0 230px}
.tj-sidebar{display:grid;gap:22px;align-self:start}.tj-sidebar-sticky{position:sticky;top:96px}.tj-sidebar-widget{padding:22px;border:1px solid var(--tj-border-light);border-radius:var(--tj-radius);background:var(--tj-bg-surface)}.tj-sidebar-widget-title{margin:0 0 16px;font-size:20px}.tj-sidebar-search-form{display:flex}.tj-sidebar-search-input{min-width:0;flex:1;padding:10px 11px;border:1px solid var(--tj-border);border-right:0;border-radius:var(--tj-radius-sm) 0 0 var(--tj-radius-sm);background:var(--tj-bg-primary)}.tj-sidebar-search-btn{display:grid;width:42px;place-items:center;border:0;border-radius:0 var(--tj-radius-sm) var(--tj-radius-sm) 0;background:var(--tj-accent);color:#fff}.tj-sidebar-posts-list{display:grid;gap:14px}.tj-sidebar-post-item{display:grid;grid-template-columns:70px 1fr;gap:12px;align-items:center}.tj-sidebar-post-thumb{content:normal!important;width:70px;height:86px;object-fit:cover;border-radius:var(--tj-radius-sm)}.tj-sidebar-post-cat{display:block;color:var(--tj-accent);font-size:8px;font-weight:700;letter-spacing:.8px}.tj-sidebar-post-title{display:block;margin-top:3px;font:600 14px/1.35 var(--tj-font-heading)}.tj-sidebar-cat-pills{display:flex;flex-wrap:wrap;gap:6px}
.tj-sidebar-newsletter{background:#DCE5DD}.tj-sidebar-newsletter-desc{color:var(--tj-text-secondary);font-size:12px}.tj-sidebar-newsletter-form{display:grid;gap:8px}.tj-sidebar-newsletter-input{width:100%;padding:10px 12px;border:1px solid var(--tj-border);border-radius:var(--tj-radius-sm);background:#fff}.tj-sidebar-newsletter-btn{min-height:40px}

/* 23. Footer */
.tj-footer{padding:68px 0 24px;background:#24342F;color:rgba(255,255,255,.66)}.tj-footer-main{display:grid;grid-template-columns:1.4fr 2fr;gap:80px;padding-bottom:48px}.tj-footer-logo,.tj-footer-brand{color:#fff;font:600 32px/1.1 var(--tj-font-heading)}.tj-footer-description{max-width:370px;margin-top:16px;font-size:13px;line-height:1.8}.tj-footer-nav,.tj-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.tj-footer h3{color:#fff;font-size:15px}.tj-footer ul{margin:0;padding:0;list-style:none}.tj-footer li{margin:7px 0}.tj-footer a:hover{color:#fff}.tj-footer-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.4px}

/* 24. Cookie / Back to Top */
.tj-cookie-banner{position:fixed;right:20px;bottom:20px;z-index:9990;max-width:420px;padding:20px;border:1px solid var(--tj-border);border-radius:var(--tj-radius);background:var(--tj-bg-surface);box-shadow:var(--tj-card-shadow-hover);font-size:12px}.tj-cookie-actions{display:flex;gap:8px;margin-top:12px}.tj-back-to-top{position:fixed;right:20px;bottom:20px;z-index:800;display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:50%;background:var(--tj-accent);color:#fff;box-shadow:var(--tj-card-shadow)}

/* 25. 404 / Pages / About / Legal */
.tj-page-content{max-width:var(--tj-container-narrow);margin:0 auto;padding:70px 22px 90px}.tj-page-content h1{font-size:52px}.tj-page-content h2{margin-top:1.7em}.tj-404{display:grid;min-height:65vh;place-items:center;padding:70px 22px;text-align:center}.tj-404-code{color:var(--tj-border);font:700 clamp(110px,22vw,260px)/.8 var(--tj-font-heading)}
.tj-about-mission,.tj-about-covers,.tj-about-trust{padding:82px 0}.tj-about-covers-grid,.tj-about-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tj-about-cover-card,.tj-about-trust-item{padding:28px;border:1px solid var(--tj-border-light);border-radius:var(--tj-radius);background:var(--tj-bg-surface)}.tj-about-cover-icon{color:var(--tj-accent)}

/* 26. Accessibility */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus,.tj-skip-link:focus{top:8px;left:8px;z-index:100000;width:auto;height:auto;padding:10px 16px;clip:auto;background:#fff;color:#000}.tj-skip-link{position:absolute;top:-100px;left:0}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #F3A37E;outline-offset:3px}

/* 27. Footer Widgets */
.tj-footer-widgets{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.tj-footer-widget{font-size:13px}.tj-footer-widget-title{margin-bottom:14px;color:#fff;font-size:18px}.tj-footer-widget input{width:100%;padding:10px;border:1px solid rgba(255,255,255,.2);border-radius:var(--tj-radius-sm);background:rgba(255,255,255,.06);color:#fff}

/* 28. Author Sidebar */
.tj-sidebar-author{text-align:center}.tj-sidebar-author-img-wrap{width:84px;height:84px;margin:0 auto 12px;overflow:hidden;border:3px solid var(--tj-bg-secondary);border-radius:50%}.tj-sidebar-author-img{content:normal!important;width:100%;height:100%;object-fit:cover}.tj-sidebar-author-name{margin:0;font-size:20px}.tj-sidebar-author-role{display:block;margin:4px 0 10px;color:var(--tj-accent);font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tj-sidebar-author-bio{font-size:12px;line-height:1.65}.tj-sidebar-author-social{display:flex;justify-content:center;gap:8px;margin:12px 0}.tj-author-social-link{display:grid;width:32px;height:32px;place-items:center;border:1px solid var(--tj-border);border-radius:50%}.tj-sidebar-author-btn{display:inline-block;margin-top:7px;color:var(--tj-accent);font-size:11px;font-weight:700}

/* 29. Infinite Scroll / Load More */
.tj-load-sentinel{display:grid;min-height:70px;place-items:center}.tj-load-spinner{width:30px;height:30px;border:3px solid var(--tj-border-light);border-top-color:var(--tj-accent);border-radius:50%;animation:uvSpin .8s linear infinite}.tj-load-end{padding:25px;text-align:center;color:var(--tj-text-tertiary);font-size:12px}@keyframes uvSpin{to{transform:rotate(360deg)}}

/* 30. Page Hero */
.tj-page-hero{position:relative;display:grid;min-height:360px;place-items:center;overflow:hidden;background:#31443E;background-position:center;background-size:cover;text-align:center}.tj-page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(39,49,45,.82),rgba(39,49,45,.48))}.tj-page-hero-inner{position:relative;z-index:1;max-width:820px;padding:46px 22px}.tj-page-title{margin-bottom:12px;color:#fff}.tj-page-desc{margin:0;color:rgba(255,255,255,.8)}

/* 31. WordPress Core Classes */
.alignleft{float:left;margin:0 25px 20px 0}.alignright{float:right;margin:0 0 20px 25px}.aligncenter{display:block;margin:25px auto}.alignwide{width:calc(100% + 140px);max-width:none;margin-left:-70px}.alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw)}.wp-caption{max-width:100%}.wp-caption-text,.gallery-caption{margin-top:7px;color:var(--tj-text-tertiary);font-size:11px}.sticky{position:relative}.bypostauthor{position:relative}.page-links{display:flex;gap:7px;align-items:center;margin:30px 0}

/* 32. Print Styles */
@media print{.tj-header,.tj-top-bar,.tj-footer,.tj-cookie-banner,.tj-back-to-top,.tj-floating-actions,.uv-floating,.tj-progress-bar,.tj-sidebar,.tj-share-inline,.tj-newsletter-section{display:none!important}body{background:#fff;color:#000}.tj-single-layout,.tj-single-layout.tj-has-sidebar{display:block;max-width:100%;padding:0}.tj-entry-content a{color:#000;text-decoration:underline}.tj-entry-content a::after{content:" (" attr(href) ")";font-size:10px}}

/* 33. Reduced Motion */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.tj-cat-carousel-track,.tj-top-bar-track{animation:none!important}}

/* 34. Responsive Tablet */
@media(max-width:960px){
  .tj-nav-list{gap:16px}.tj-header-btn{display:none}
  .uv-hero-grid{grid-template-columns:1fr}.uv-hero-note{display:none}
  .uv-material-grid{grid-template-columns:repeat(3,1fr)}.uv-material-card:nth-child(3){border-right:1px solid rgba(255,255,255,.14)}
  .uv-remix-grid{grid-template-columns:1fr 1fr}.uv-remix-featured{grid-column:1/-1;grid-row:auto;grid-template-columns:1.2fr 1fr;grid-template-rows:none}.uv-remix-card:not(.uv-remix-featured){grid-template-columns:1fr}
  .tj-grid-3,.tj-grid-4{grid-template-columns:repeat(2,1fr)}
  .tj-author-inner{grid-template-columns:310px 1fr;gap:45px}
  .tj-single-layout.tj-has-sidebar{grid-template-columns:1fr}.tj-single-layout .tj-sidebar{max-width:700px}
  .tj-footer-main{grid-template-columns:1fr;gap:42px}
  .alignwide{width:100%;margin-left:0}
}

/* 35. Responsive Mobile */
@media(max-width:768px){
  .tj-container,.tj-container-narrow{padding-inline:18px}.tj-section{padding:62px 0}
  .tj-top-bar{display:none}.tj-header-inner{height:62px}.tj-site-title{font-size:21px}.tj-menu-toggle{display:grid}.tj-search-toggle{display:grid}
  .tj-nav{position:fixed;top:62px;left:0;width:100%;height:calc(100vh - 62px);padding:18px;background:var(--tj-bg-surface);transform:translateX(-100%);transition:transform var(--tj-speed) var(--tj-ease);overflow-y:auto}.tj-nav.open{transform:none}.tj-nav-list{align-items:stretch;flex-direction:column;gap:0}.tj-nav-list>li>a{padding:14px 2px;border-bottom:1px solid var(--tj-border-light);color:var(--tj-text-primary);font-size:14px}.tj-nav-list .sub-menu{position:static;display:block;min-width:0;padding:0 0 0 14px;border:0;box-shadow:none;opacity:1;visibility:visible;transform:none}.tj-nav-list .sub-menu a{color:var(--tj-text-secondary)}
  .tj-hero.uv-hero{padding:74px 0 62px}.tj-hero-title{font-size:clamp(48px,14vw,66px);letter-spacing:-1.6px}.tj-hero-desc{font-size:16px}.uv-hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.uv-hero-mark{right:-35px;font-size:190px}
  .uv-material-map{padding:60px 0}.uv-material-head{grid-template-columns:1fr;gap:14px}.uv-material-grid{grid-template-columns:repeat(2,1fr)}.uv-material-card{min-height:205px}.uv-material-card:nth-child(2n){border-right:1px solid rgba(255,255,255,.14)}
  .uv-room-remix{padding:66px 0}.uv-remix-header{grid-template-columns:1fr;gap:14px}.uv-remix-grid{grid-template-columns:1fr}.uv-remix-featured,.uv-remix-card:not(.uv-remix-featured){grid-column:auto;grid-template-columns:1fr;grid-template-rows:auto}.uv-remix-image{min-height:250px}
  .tj-section-header{align-items:flex-start;flex-direction:column;gap:12px}.tj-section-title{font-size:38px}.uv-section-note{max-width:none}
  .tj-cat-card{width:160px;min-height:165px;padding:18px}
  .tj-slider-nav-btn{display:none}.tj-slider-card{flex-basis:76vw}
  .tj-archive-tools{align-items:stretch;flex-direction:column}.tj-archive-search{min-width:0}
  .tj-author-inner{grid-template-columns:1fr}.tj-author-image{max-width:330px;margin:0 auto}.tj-author-heading{font-size:42px}
  .tj-grid-2,.tj-grid-3,.tj-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.tj-card-content{padding:14px}.tj-card-title{font-size:18px}.tj-card-excerpt{display:none}
  .tj-mission-stats{grid-template-columns:1fr}.tj-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}.tj-stat:last-child{border-bottom:0}
  .tj-newsletter-form{align-items:stretch;flex-direction:column;border-radius:var(--tj-radius);background:transparent}.tj-newsletter-input,.tj-newsletter-btn{min-height:48px;border-radius:var(--tj-radius-pill);background:#fff}.tj-newsletter-btn{background:var(--tj-ink)}
  .tj-related-grid{grid-template-columns:1fr}.tj-related-slider>*{flex-basis:75vw}
  .tj-footer-links,.tj-footer-widgets{grid-template-columns:1fr 1fr}.tj-footer-bottom{flex-direction:column}
  .tj-about-covers-grid,.tj-about-trust-grid{grid-template-columns:1fr}
  .alignleft,.alignright{float:none;display:block;margin:20px auto}
}

@media(max-width:480px){.tj-grid-2,.tj-grid-3,.tj-grid-4{grid-template-columns:1fr}.uv-material-grid{grid-template-columns:1fr}.uv-material-card{border-left:1px solid rgba(255,255,255,.14)}.tj-footer-links,.tj-footer-widgets{grid-template-columns:1fr}}
