/* ============================================================
   LETHERIUM V5
   Independent Australian product-research publication
   ============================================================ */

:root{
  --bg:#f7f5ef;
  --paper:#fffefa;
  --surface:#ffffff;
  --surface-2:#f0eee7;
  --ink:#17191c;
  --copy:#505760;
  --muted:#777e86;
  --line:#dfddd5;
  --line-strong:#cbc7bc;

  --bronze:#a96f25;
  --bronze-dark:#744916;
  --gold:#dfbb72;
  --gold-soft:#f5e8ca;

  --dark:#171a1f;
  --dark-2:#22262c;

  --green:#476b58;

  --max:1200px;
  --read:820px;

  --r-sm:10px;
  --r:18px;
  --r-lg:26px;

  --shadow-sm:0 8px 26px rgba(22,24,27,.045);
  --shadow:0 20px 60px rgba(22,24,27,.075);
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  background:var(--bg);
}

body{
  margin:0;
  overflow-x:hidden;
  background:var(--bg)!important;
  color:var(--ink)!important;
  font-family:
    Inter,
    ui-sans-serif,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif!important;
  font-size:16px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

body::before{
  display:none!important;
}

img,
svg{
  max-width:100%;
}

a{
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

.container{
  width:min(var(--max),calc(100% - 48px))!important;
  margin-inline:auto!important;
}

/* ---------- Announcement ---------- */

.announcement{
  padding:9px 20px!important;
  background:var(--dark)!important;
  color:#c9cdd3!important;
  font-size:.76rem!important;
  letter-spacing:.025em;
  text-align:center;
}

.announcement strong{
  color:#efd18f!important;
}

/* ---------- Navigation ---------- */

.site-header{
  position:sticky!important;
  top:0;
  z-index:1000;
  background:rgba(255,254,250,.965)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:0 5px 24px rgba(20,22,25,.035)!important;
  backdrop-filter:blur(16px);
}

.nav{
  min-height:76px!important;
}

.brand{
  color:var(--ink)!important;
  font-weight:850!important;
  letter-spacing:-.035em;
}

.brand-mark{
  background:var(--gold)!important;
  color:#1b160e!important;
  box-shadow:none!important;
}

.nav-links a{
  color:#5d646d!important;
  font-weight:650!important;
  border-radius:8px!important;
}

.nav-links a:hover,
.nav-links a.active{
  color:var(--ink)!important;
  background:#efede7!important;
}

.nav-search,
.menu-toggle{
  color:#565e68!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
}

.mobile-nav{
  background:var(--paper)!important;
}

.mobile-nav a{
  color:var(--copy)!important;
  border-color:var(--line)!important;
}

/* ---------- Typography ---------- */

h1,h2,h3,h4,h5,h6,
.hero h1,
.page-hero h1,
.article-hero h1,
.section-title{
  color:var(--ink)!important;
  text-wrap:balance;
}

.hero h1,
.page-hero h1,
.article-hero h1{
  letter-spacing:-.055em!important;
}

.gradient{
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  -webkit-text-fill-color:currentColor!important;
  color:var(--bronze)!important;
}

.eyebrow,
.kicker,
.content-type{
  color:var(--bronze-dark)!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}

.eyebrow::before{
  background:var(--bronze)!important;
}

.page-lead,
.section-copy,
.article-lead,
.hero p{
  color:var(--copy)!important;
}

/* ---------- Buttons ---------- */

.btn{
  min-height:48px!important;
  border-radius:10px!important;
  padding-inline:20px!important;
  font-weight:780!important;
  box-shadow:none!important;
  transition:
    transform .18s ease,
    background .18s ease,
    border-color .18s ease!important;
}

.btn:hover{
  transform:translateY(-1px);
}

.btn-primary{
  color:#1a150d!important;
  background:var(--gold)!important;
  border:1px solid #cca356!important;
}

.btn-primary:hover{
  background:#d5aa5c!important;
}

.btn-secondary{
  color:var(--ink)!important;
  background:#fff!important;
  border:1px solid var(--line-strong)!important;
}

/* ============================================================
   HOMEPAGE
   ============================================================ */

.hero{
  position:relative;
  padding:100px 0 92px!important;
  background:
    radial-gradient(circle at 87% 18%,rgba(169,111,37,.095),transparent 25%),
    linear-gradient(180deg,#fcfbf7 0%,var(--bg) 100%)!important;
}

.hero::after{
  display:none!important;
}

.hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(370px,.92fr)!important;
  gap:76px!important;
  align-items:center!important;
}

.hero h1{
  max-width:760px;
  margin-bottom:28px!important;
  font-size:clamp(3.5rem,7vw,6.7rem)!important;
  line-height:.92!important;
}

.hero p{
  max-width:650px;
  font-size:1.1rem!important;
  line-height:1.75!important;
}

.hero-console{
  overflow:hidden;
  position:relative;
  background:var(--surface)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r-lg)!important;
  box-shadow:var(--shadow)!important;
}

.hero-console::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-65px;
  bottom:-70px;
  border-radius:50%;
  background:rgba(223,187,114,.16);
  pointer-events:none;
}

.console-top{
  background:#faf9f5!important;
  border-color:var(--line)!important;
}

.console-status{
  color:#737a83!important;
}

.dots i{
  background:#c7c7c2!important;
}

.metric-grid{
  gap:10px!important;
}

.metric{
  min-height:96px;
  background:var(--surface-2)!important;
  border:1px solid #e2e0d9!important;
  color:var(--ink)!important;
  border-radius:13px!important;
}

.metric strong{
  color:var(--ink)!important;
}

.metric small,
.metric span{
  color:#747b84!important;
}

.console-card{
  position:relative;
  z-index:1;
  margin-top:12px!important;
  padding:20px!important;
  color:#fff!important;
  background:var(--dark)!important;
  border:1px solid #30343a!important;
  border-radius:15px!important;
}

.console-card strong{
  color:#fff!important;
}

.console-card p{
  color:#c4c9d0!important;
}

/* ---------- Trust ---------- */

.trust-strip{
  background:#fff!important;
  border-top:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}

.trust-grid{
  max-width:1100px;
  margin-inline:auto;
}

.trust-item{
  border-color:var(--line)!important;
}

.trust-item strong{
  color:var(--ink)!important;
}

.trust-item span{
  color:var(--muted)!important;
}

/* ---------- Sections ---------- */

.section{
  padding:90px 0!important;
}

.section.compact{
  padding:62px 0!important;
}

.section-head{
  margin-bottom:40px!important;
}

.section-title{
  max-width:760px;
  font-size:clamp(2.25rem,4vw,3.7rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}

.section-copy{
  max-width:680px;
  line-height:1.8!important;
}

.card-grid{
  gap:22px!important;
}

/* ---------- Cards ---------- */

.premium-card,
.content-card,
.category-card,
.compare-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  padding:30px!important;
  background:var(--surface)!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
  box-shadow:var(--shadow-sm)!important;
  transition:
    transform .2s ease,
    border-color .2s ease,
    box-shadow .2s ease!important;
}

.premium-card::before,
.category-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:3px;
  opacity:0;
  background:linear-gradient(90deg,var(--bronze),var(--gold));
  transition:opacity .2s ease;
}

.premium-card:hover,
.content-card:hover,
.category-card:hover,
.compare-card:hover{
  transform:translateY(-4px)!important;
  border-color:#cfbd9c!important;
  box-shadow:0 18px 44px rgba(22,24,27,.07)!important;
}

.premium-card:hover::before,
.category-card:hover::before{
  opacity:1;
}

.premium-card h2,
.premium-card h3,
.content-card h2,
.content-card h3,
.category-card h3,
.compare-card h3{
  color:var(--ink)!important;
}

.premium-card p,
.content-card p,
.category-card p,
.compare-card p{
  color:var(--copy)!important;
}

.card-num{
  color:#92979d!important;
}

.card-link{
  color:var(--bronze-dark)!important;
  font-weight:760!important;
}

/* ---------- Category visual ---------- */

.category-icon{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  color:#2b2317!important;
  background:var(--gold-soft)!important;
  border:1px solid #e3c989!important;
  border-radius:14px!important;
}

/* ---------- Featured research ---------- */

.feature{
  position:relative;
  overflow:hidden;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)!important;
  gap:50px!important;
  padding:52px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 87% 20%,rgba(223,187,114,.13),transparent 27%),
    var(--dark)!important;
  border:1px solid #32363d!important;
  border-radius:var(--r-lg)!important;
  box-shadow:var(--shadow)!important;
}

.feature h2{
  color:#fff!important;
}

.feature p{
  color:#c4c9d0!important;
}

.feature .eyebrow{
  color:#e9c87e!important;
}

.feature .chip{
  color:#d4d8dd!important;
  background:#25292f!important;
  border-color:#3d4249!important;
}

.feature .btn-secondary{
  color:#fff!important;
  background:#262a30!important;
  border-color:#484d55!important;
}

/* Original abstract editorial illustration */
.visual-machine{
  position:relative!important;
  min-height:350px!important;
  overflow:hidden!important;
  border:1px solid #3a3f46!important;
  border-radius:22px!important;
  background:
    linear-gradient(135deg,rgba(223,187,114,.13),transparent 44%),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 47px,
      rgba(255,255,255,.018) 48px
    ),
    #20242a!important;
}

.visual-machine::before{
  content:""!important;
  position:absolute!important;
  width:190px!important;
  height:218px!important;
  left:50%!important;
  top:48%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #5c626a!important;
  border-radius:27px!important;
  background:
    linear-gradient(145deg,#3a4048,#242930)!important;
  box-shadow:
    0 30px 55px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.09)!important;
}

.visual-machine::after{
  content:""!important;
  position:absolute!important;
  width:104px!important;
  height:28px!important;
  left:50%!important;
  top:43%!important;
  transform:translate(-50%,-50%)!important;
  border:1px solid #c69a4e!important;
  border-radius:8px!important;
  background:#16191d!important;
  box-shadow:
    0 64px 0 -8px #343940,
    0 95px 34px -20px rgba(0,0,0,.55)!important;
}

/* ---------- Stats ---------- */

.stat-band{
  overflow:hidden!important;
  background:var(--line)!important;
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
}

.stat{
  background:#fff!important;
}

.stat strong{
  color:var(--ink)!important;
}

.stat span{
  color:var(--muted)!important;
}

/* ---------- Process ---------- */

.process-grid{
  gap:16px!important;
}

.process{
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
}

.process b{
  color:var(--bronze-dark)!important;
}

.process p{
  color:var(--copy)!important;
}

/* ============================================================
   HUB PAGES
   ============================================================ */

.page-hero{
  padding:86px 0 68px!important;
  background:
    radial-gradient(circle at 82% 15%,rgba(169,111,37,.07),transparent 24%),
    linear-gradient(180deg,#fcfbf7,var(--bg))!important;
  border-color:var(--line)!important;
}

.page-hero h1{
  max-width:900px;
  font-size:clamp(3rem,6vw,5.7rem)!important;
  line-height:.96!important;
}

.page-lead{
  max-width:720px!important;
  font-size:1.08rem!important;
  line-height:1.78!important;
}

/* ---------- Product list ---------- */

.product-list{
  display:grid!important;
  gap:16px!important;
}

.product-row{
  min-width:0!important;
  padding:24px 26px!important;
  background:#fff!important;
  color:var(--ink)!important;
  border:1px solid var(--line)!important;
  border-radius:16px!important;
  box-shadow:0 7px 24px rgba(22,24,27,.035)!important;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease!important;
}

.product-row:hover{
  transform:translateY(-2px);
  border-color:#cfbd9c!important;
  box-shadow:0 14px 34px rgba(22,24,27,.06)!important;
}

.product-row h2,
.product-row h3{
  color:var(--ink)!important;
}

.product-row p{
  color:var(--copy)!important;
}

.product-category{
  color:var(--bronze-dark)!important;
}

.product-icon{
  background:var(--gold-soft)!important;
  border:1px solid #e2c989!important;
}

/* ============================================================
   ARTICLE / REVIEW SYSTEM
   ============================================================ */

.article-hero{
  padding:72px 0 58px!important;
  background:
    linear-gradient(180deg,#fcfbf7,var(--bg))!important;
  border-color:var(--line)!important;
}

.article-hero .container{
  max-width:1040px!important;
}

.article-hero h1{
  max-width:940px;
  font-size:clamp(2.7rem,5.4vw,5rem)!important;
  line-height:.98!important;
}

.breadcrumbs,
.breadcrumbs a{
  color:#747b84!important;
}

.article-meta,
.pill{
  color:#626a73!important;
}

.article-shell{
  width:min(1120px,calc(100% - 48px))!important;
  max-width:1120px!important;
  margin:0 auto!important;
  padding:58px 0 96px!important;
  display:grid!important;
  grid-template-columns:220px minmax(0,var(--read))!important;
  gap:56px!important;
  justify-content:center!important;
  align-items:start!important;
}

.article-shell > .article:only-child{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:var(--read)!important;
  justify-self:center!important;
}

.article{
  width:100%!important;
  max-width:var(--read)!important;
  min-width:0!important;
  margin:0!important;
  color:var(--copy)!important;
}

.article > section{
  width:100%!important;
  max-width:100%!important;
}

.article h2{
  margin-top:54px!important;
  margin-bottom:18px!important;
  color:var(--ink)!important;
  font-size:clamp(1.75rem,3vw,2.25rem)!important;
  line-height:1.13!important;
  letter-spacing:-.035em!important;
}

.article h3{
  margin-top:34px!important;
  color:var(--ink)!important;
  line-height:1.25!important;
}

.article p,
.article li{
  color:var(--copy)!important;
  font-size:1rem!important;
  line-height:1.82!important;
}

.article strong{
  color:#34383d;
}

/* ---------- TOC ---------- */

.toc{
  position:sticky!important;
  top:104px!important;
  width:100%!important;
  min-width:0!important;
  padding:20px!important;
  color:var(--ink)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
  box-shadow:var(--shadow-sm)!important;
}

.toc a{
  color:#5d6570!important;
  border-color:#e8e6df!important;
}

/* ---------- Info ---------- */

.info-panel,
.callout{
  padding:24px!important;
  background:#fff!important;
  color:var(--copy)!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
}

.info-panel strong,
.callout strong{
  color:var(--ink)!important;
}

/* ---------- Disclosure ---------- */

.disclosure{
  padding:15px 18px!important;
  color:#5b4a2d!important;
  background:#fbf2de!important;
  border:1px solid #e2c57f!important;
  border-radius:12px!important;
}

/* ============================================================
   SPECIFICATIONS — FIXES COLLAPSED DESCRIPTION COLUMN
   ============================================================ */

.spec-wrap,
.compare-wrap{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  margin:28px 0 42px!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
}

.spec-table,
.compare-table{
  display:table!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  table-layout:fixed!important;
  border-collapse:collapse!important;
  background:#fff!important;
}

.spec-table thead,
.compare-table thead{
  display:table-header-group!important;
}

.spec-table tbody,
.compare-table tbody{
  display:table-row-group!important;
}

.spec-table tr,
.compare-table tr{
  display:table-row!important;
}

.spec-table th,
.spec-table td,
.compare-table th,
.compare-table td{
  display:table-cell!important;
  height:auto!important;
  padding:16px 18px!important;
  vertical-align:top!important;
  text-align:left!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  overflow-wrap:break-word!important;
  word-break:normal!important;
  color:var(--copy)!important;
  background:#fff!important;
  border-right:1px solid var(--line)!important;
  border-bottom:1px solid var(--line)!important;
}

.spec-table th{
  color:var(--ink)!important;
  font-weight:760!important;
  background:#f2f0ea!important;
}

.spec-table th:first-child,
.spec-table td:first-child{
  width:30%!important;
}

.spec-table th:nth-child(2),
.spec-table td:nth-child(2){
  width:70%!important;
}

.compare-table th{
  color:var(--ink)!important;
  background:#f2f0ea!important;
}

/* ---------- Pros / Cons ---------- */

.pros-cons{
  gap:18px!important;
}

.pros,
.cons{
  padding:24px!important;
  color:var(--copy)!important;
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:15px!important;
}

.pros{
  border-top:3px solid #789985!important;
}

.cons{
  border-top:3px solid #b7906f!important;
}

/* ---------- Commercial CTA ---------- */

.amazon{
  position:relative;
  overflow:hidden;
  padding:28px!important;
  color:var(--ink)!important;
  background:#fbf3e2!important;
  border:1px solid #dfc17c!important;
  border-radius:17px!important;
}

.amazon::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:4px;
  height:100%;
  background:var(--bronze);
}

.amazon h2,
.amazon h3{
  color:var(--ink)!important;
}

.amazon p{
  color:#5f5749!important;
}

/* ============================================================
   FOOTER
   ============================================================ */

.footer{
  margin-top:0!important;
  padding-top:64px!important;
  color:#c6cbd1!important;
  background:var(--dark)!important;
  border-color:#34383e!important;
}

.footer .brand{
  color:#fff!important;
}

.footer-copy,
.footer-col a,
.footer-bottom{
  color:#aeb4bc!important;
}

.footer-col strong{
  color:#f2f3f4!important;
}

.footer-bottom{
  border-color:#34383e!important;
}

/* ============================================================
   SEARCH
   ============================================================ */

.search-overlay{
  background:rgba(18,20,23,.78)!important;
}

.search-box{
  background:#fff!important;
  border:1px solid var(--line)!important;
  border-radius:18px!important;
}

.search-input{
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

.search-result{
  color:var(--ink)!important;
}

.search-result:hover{
  background:#f3f1eb!important;
}

/* ============================================================
   V5 BADGE — STAGING ONLY
   ============================================================ */



/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:1050px){

  .hero-grid,
  .feature{
    grid-template-columns:1fr!important;
  }

  .hero-console{
    max-width:700px;
  }

  .article-shell{
    width:min(850px,calc(100% - 44px))!important;
    max-width:850px!important;
    grid-template-columns:1fr!important;
    gap:30px!important;
  }

  .article-shell > .article,
  .article-shell > .article:only-child{
    grid-column:auto!important;
    max-width:none!important;
  }

  .toc{
    position:relative!important;
    top:auto!important;
  }
}

@media(max-width:800px){

  .container{
    width:calc(100% - 32px)!important;
  }

  .hero{
    padding:70px 0 62px!important;
  }

  .hero h1,
  .page-hero h1,
  .article-hero h1{
    font-size:clamp(2.6rem,12vw,4.2rem)!important;
  }

  .section{
    padding:68px 0!important;
  }

  .feature{
    padding:30px!important;
  }

  .visual-machine{
    min-height:280px!important;
  }

  .card-grid,
  .category-grid,
  .trust-grid,
  .stat-band,
  .process-grid,
  .compare-grid,
  .pros-cons{
    grid-template-columns:1fr!important;
  }

  .product-row{
    padding:21px!important;
  }

  .article-shell{
    width:calc(100% - 32px)!important;
    padding:42px 0 72px!important;
  }

  .article p,
  .article li{
    line-height:1.76!important;
  }

  .spec-table,
  .compare-table{
    font-size:.92rem!important;
  }

  .spec-table th,
  .spec-table td,
  .compare-table th,
  .compare-table td{
    padding:13px 12px!important;
  }
}

@media(max-width:520px){

  .container{
    width:calc(100% - 24px)!important;
  }

  .announcement{
    font-size:.68rem!important;
  }

  .hero{
    padding-top:56px!important;
  }

  .hero h1,
  .page-hero h1,
  .article-hero h1{
    letter-spacing:-.045em!important;
  }

  .article-shell{
    width:calc(100% - 24px)!important;
  }

  .spec-table th:first-child,
  .spec-table td:first-child{
    width:36%!important;
  }

  .spec-table th:nth-child(2),
  .spec-table td:nth-child(2){
    width:64%!important;
  }

  .spec-table th,
  .spec-table td{
    padding:11px 9px!important;
    font-size:.86rem!important;
  }

  body::after{
    display:none;
  }
}


/* LETHERIUM_V51_EXACT_STAGE */

/*
   Exact selectors for the existing V5.1 homepage DOM.
   This block intentionally overrides the generic hero-console layout.
*/

.v51-editorial-stage {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  width: 100% !important;
  min-height: 360px !important;
  padding: 30px 32px 24px !important;
  overflow: hidden !important;
  border: 1px solid #ddd8cf !important;
  border-radius: 26px !important;
  background:
    radial-gradient(
      circle at 93% 93%,
      rgba(190, 127, 35, .12) 0,
      rgba(190, 127, 35, .12) 17%,
      transparent 17.5%
    ),
    linear-gradient(
      145deg,
      #ffffff 0%,
      #fbf8f1 100%
    ) !important;
  box-shadow: 0 24px 60px rgba(25, 23, 19, .09) !important;
}


/* ---------------------------------------------------------
   LABEL
--------------------------------------------------------- */

.v51-stage-label {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.v51-stage-label span {
  display: block !important;
  margin: 0 !important;
  color: #9a610f !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
}

.v51-stage-label strong {
  display: block !important;
  margin: 0 !important;
  color: #191a1c !important;
  font-size: 25px !important;
  line-height: 1.12 !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
}


/* ---------------------------------------------------------
   ART / CATEGORY MAP
--------------------------------------------------------- */

.v51-stage-art {
  position: relative !important;
  z-index: 2 !important;
  display: block !important;
  width: 100% !important;
  height: 190px !important;
  margin: 18px 0 16px !important;
  padding: 0 !important;
}


/* Decorative orbits */

.v51-orbit {
  position: absolute !important;
  display: block !important;
  pointer-events: none !important;
  border: 1px solid rgba(174, 111, 21, .17) !important;
  border-radius: 50% !important;
}

.v51-orbit.orbit-a {
  width: 230px !important;
  height: 145px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(-7deg) !important;
}

.v51-orbit.orbit-b {
  width: 330px !important;
  height: 105px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(8deg) !important;
}


/* ---------------------------------------------------------
   CATEGORY TOKENS
--------------------------------------------------------- */

.v51-category-token {
  position: absolute !important;
  z-index: 4 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 32px !important;
  margin: 0 !important;
  padding: 6px 10px 6px 7px !important;
  border: 1px solid #ddd8cf !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 8px 20px rgba(30, 27, 21, .06) !important;
  white-space: nowrap !important;
}

.v51-category-token .token-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 21px !important;
  width: 21px !important;
  height: 21px !important;
  margin: 0 !important;
  border-radius: 50% !important;
  background: #f0d28e !important;
  color: #5b3a07 !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
}

.v51-category-token strong {
  display: inline !important;
  margin: 0 !important;
  color: #303136 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 750 !important;
}


/* Deliberate placement */

.v51-category-token.token-coffee {
  left: 2% !important;
  top: 16% !important;
}

.v51-category-token.token-tech {
  right: 4% !important;
  top: 11% !important;
}

.v51-category-token.token-kitchen {
  left: 0 !important;
  bottom: 18% !important;
}

.v51-category-token.token-home {
  right: 3% !important;
  bottom: 19% !important;
}

.v51-category-token.token-care {
  left: 50% !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
}


/* ---------------------------------------------------------
   CENTRAL RESEARCH → COMPARE → DECIDE
--------------------------------------------------------- */

.v51-stage-centre {
  position: absolute !important;
  z-index: 5 !important;
  left: 50% !important;
  top: 48% !important;
  transform: translate(-50%, -50%) !important;

  display: grid !important;
  grid-template-columns:
    auto auto 24px
    auto auto 24px
    auto auto !important;

  align-items: center !important;
  gap: 5px !important;

  width: auto !important;
  min-width: 290px !important;
  margin: 0 !important;
  padding: 13px 16px !important;

  border: 1px solid #dcd7ce !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 12px 30px rgba(27, 25, 21, .08) !important;
}

.v51-stage-centre span {
  display: inline-block !important;
  margin: 0 !important;
  color: #a5660c !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .08em !important;
}

.v51-stage-centre strong {
  display: inline-block !important;
  margin: 0 !important;
  color: #202124 !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.v51-stage-centre i {
  position: relative !important;
  display: block !important;
  width: 20px !important;
  height: 1px !important;
  margin: 0 2px !important;
  background: #d3b16c !important;
}

.v51-stage-centre i::after {
  content: "" !important;
  position: absolute !important;
  right: -1px !important;
  top: -2px !important;
  width: 5px !important;
  height: 5px !important;
  border-top: 1px solid #b67b1e !important;
  border-right: 1px solid #b67b1e !important;
  transform: rotate(45deg) !important;
}


/* ---------------------------------------------------------
   FOOTER
--------------------------------------------------------- */

.v51-stage-footer {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 16px 0 0 !important;
  border-top: 1px solid #e1ddd5 !important;
}

.v51-stage-footer span {
  display: block !important;
  margin: 0 !important;
  color: #696a6d !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
  font-weight: 650 !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width: 1100px) {

  .v51-editorial-stage {
    min-height: 350px !important;
  }

  .v51-stage-centre {
    min-width: 265px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .v51-category-token strong {
    font-size: 10px !important;
  }
}


@media (max-width: 760px) {

  .v51-editorial-stage {
    min-height: 390px !important;
    padding: 25px 22px 21px !important;
  }

  .v51-stage-label strong {
    font-size: 22px !important;
  }

  .v51-stage-art {
    height: 220px !important;
  }

  .v51-stage-centre {
    top: 48% !important;
    grid-template-columns: auto auto !important;
    min-width: 0 !important;
    width: 170px !important;
    gap: 5px 8px !important;
  }

  .v51-stage-centre i {
    display: none !important;
  }

  .v51-category-token.token-coffee {
    left: 0 !important;
    top: 8% !important;
  }

  .v51-category-token.token-tech {
    right: 0 !important;
    top: 8% !important;
  }

  .v51-category-token.token-kitchen {
    left: 0 !important;
    bottom: 13% !important;
  }

  .v51-category-token.token-home {
    right: 0 !important;
    bottom: 13% !important;
  }

  .v51-category-token.token-care {
    bottom: -5% !important;
  }

  .v51-stage-footer {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 4px !important;
  }
}



/* LETHERIUM_REVIEW_FINAL_CLEANUP */

/*
  Final review-page spacing polish.
  No content or commerce behaviour is changed.
*/

.article-hero {
  padding-top: 64px !important;
  padding-bottom: 48px !important;
}

.article-hero .container {
  max-width: 900px !important;
}

.article-hero h1 {
  max-width: 820px !important;
  margin-bottom: 18px !important;
  font-size: clamp(42px, 5vw, 66px) !important;
  line-height: .99 !important;
  letter-spacing: -.045em !important;
}

.article-hero .lede {
  max-width: 780px !important;
  margin-bottom: 20px !important;
}

.article-meta {
  margin-top: 18px !important;
  margin-bottom: 20px !important;
}

.article-hero .disclosure {
  margin-top: 18px !important;
}

.article-shell {
  padding-top: 48px !important;
}

.article {
  max-width: 850px !important;
}

.article > h2:first-of-type {
  margin-top: 0 !important;
}

.spec-wrap {
  width: 100% !important;
  max-width: none !important;
}

.spec-table {
  width: 100% !important;
  table-layout: fixed !important;
}

.spec-table th:first-child,
.spec-table td:first-child {
  width: 30% !important;
}

.spec-table th:last-child,
.spec-table td:last-child {
  width: 70% !important;
}

@media (max-width: 700px) {
  .article-hero {
    padding-top: 42px !important;
    padding-bottom: 36px !important;
  }

  .article-hero h1 {
    font-size: clamp(36px, 11vw, 50px) !important;
  }

  .article-shell {
    padding-top: 36px !important;
  }
}