:root{
  --paper:#FAF9F6;
  --ink:#1A1B1E;
  --ink-soft:#4B4E53;
  --line:#E6E3DC;
  --card:#FFFFFF;
  --accent:#E8560C;
  --accent-soft:#FDEDE3;
  --hero-bg:#E8EFF7;
}
*{box-sizing:border-box;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;font-size:15px;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{margin:0;font-weight:800;}

.site-header{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  padding:14px 32px;background:var(--card);border-bottom:1px solid var(--line);
  overflow-x:auto;
}
.logo{font-size:20px;font-weight:900;color:var(--ink);white-space:nowrap;}
.logo .amp{margin:0 5px;font-weight:600;color:var(--accent);}
.socials{display:flex;gap:14px;justify-content:center;color:var(--ink-soft);flex-shrink:0;}
.socials svg{width:18px;height:18px;fill:currentColor;}
.socials a:hover svg{fill:var(--accent);}
.header-right{display:flex;align-items:center;gap:16px;justify-content:flex-end;flex-shrink:0;}
.header-right nav{display:flex;gap:16px;font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;}
.header-right nav a:hover{color:var(--accent);}
.login-btn{font-size:13px;font-weight:700;border:1px solid var(--accent);color:var(--accent);padding:6px 14px;border-radius:6px;white-space:nowrap;}

.hero-wrap{background:var(--hero-bg);border-bottom:1px solid var(--line);}
.hero{max-width:1240px;margin:0 auto;padding:32px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:center;}
.hero h1{font-size:clamp(20px,2.4vw,28px);line-height:1.25;font-weight:900;}
.hero h1 em{font-style:normal;color:var(--accent);}
.hero-sub{font-size:13.5px;color:var(--ink-soft);margin-top:8px;font-weight:500;}
.email-form{display:flex;max-width:420px;margin-top:16px;border-radius:6px;overflow:hidden;border:1px solid var(--line);}
.email-form input{flex-grow:1;border:none;padding:11px 14px;font-size:14px;outline:none;}
.email-form button{background:var(--accent);color:#fff;border:none;padding:11px 20px;font-weight:700;font-size:13.5px;cursor:pointer;}

.this-week{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:18px 20px;}
.this-week h2{font-size:12px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-soft);margin-bottom:12px;}
.tw-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.tw-row:last-child{border-bottom:none;}
.tw-label{font-size:11px;color:var(--ink-soft);font-weight:600;text-transform:uppercase;}
.tw-value{font-size:14px;font-weight:700;margin-top:1px;}
.tw-link{font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0;}

.container{max-width:1240px;margin:0 auto;padding:0 24px;}
.body-layout{display:grid;grid-template-columns:1.15fr 0.85fr;gap:20px;padding:24px 0;}
.body-layout.no-forum{grid-template-columns:1fr 1fr;}
.left-stack{display:flex;flex-direction:column;gap:20px;}

.cell{padding:22px 24px;border-radius:10px;background:var(--card);border:1px solid var(--line);}
.cell-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;}
.cell-head h2{font-size:16px;text-transform:uppercase;letter-spacing:0.04em;}
.section-sub{font-size:13px;color:var(--ink-soft);margin-bottom:10px;margin-top:-6px;font-weight:500;}
.see-all{display:inline-block;margin-top:12px;font-size:13px;font-weight:700;color:var(--accent);border-top:1px solid var(--line);padding-top:12px;width:100%;text-align:center;}

.split-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.forum-cell .cell-head h2{color:#9D174D;}
.forum-cell .more{color:#9D174D;}
.forum-notice{font-size:12.5px;color:var(--ink-soft);margin-bottom:10px;font-weight:500;}
.thread-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);}
.thread-row:last-child{border-bottom:none;}
.thread-row h3{font-size:14px;font-weight:700;}
.thread-row .meta{font-size:11.5px;color:var(--ink-soft);margin-top:1px;}
.thread-count{font-size:11.5px;font-weight:700;background:var(--paper);color:#9D174D;border-radius:20px;padding:2px 9px;white-space:nowrap;}

.row{display:flex;align-items:stretch;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);}
.row:last-child{border-bottom:none;}
.icon-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;width:44px;}
.row-num{font-size:18px;font-weight:900;color:var(--ink);}
.row-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-top:2px;}
.built-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.03em;color:var(--ink-soft);}
.row-text{flex-grow:1;min-width:0;}
.row-text h3{font-size:16px;font-weight:700;margin-bottom:4px;}
.row-text p{font-size:13px;color:var(--ink-soft);margin:0;line-height:1.5;font-weight:500;}
.item-actions{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;flex-shrink:0;gap:6px;}
.btn-outline{font-size:12.5px;font-weight:700;color:var(--accent);border:1px solid var(--accent);padding:5px 12px;border-radius:6px;white-space:nowrap;}
.article-link{font-size:12.5px;font-weight:700;color:var(--accent);white-space:nowrap;}

/* LATEST PRODUCT spotlight */
.spotlight-cell{border-top:3px solid var(--accent);}
.spotlight-cell .cell-head h2{color:var(--accent);}
.see-all-inline{font-size:12.5px;font-weight:700;color:var(--accent);}
.spotlight-body{display:flex;gap:16px;align-items:center;}
.spotlight-icon{width:52px;height:52px;border-radius:10px;background:var(--accent-soft);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;}
.spotlight-text{flex-grow:1;min-width:0;}
.spotlight-text h3{font-size:16px;margin-bottom:3px;}
.spotlight-text p{font-size:13px;color:var(--ink-soft);margin:0;font-weight:500;line-height:1.4;}
.spotlight-btn{background:var(--accent);color:#fff;font-weight:700;font-size:13px;padding:9px 18px;border-radius:6px;white-space:nowrap;flex-shrink:0;}

/* JOIN card */
.join-cell{border:1px solid var(--accent);}
.join-cell .cell-head h2{color:var(--accent);}
.join-cell p{font-size:13.5px;color:var(--ink-soft);margin:0 0 12px;font-weight:500;line-height:1.5;}
.join-perks{list-style:none;padding:0;margin:0 0 14px;font-size:13px;color:var(--ink);font-weight:500;}
.join-perks li{padding:3px 0;}
.join-perks li:before{content:"✓ ";color:var(--accent);font-weight:700;}
.join-row{display:flex;align-items:center;gap:16px;}
.join-price{font-size:20px;font-weight:900;}
.join-price span{font-size:12px;font-weight:500;color:var(--ink-soft);}
.join-btn{background:var(--accent);color:#fff;font-weight:800;font-size:13.5px;padding:10px 20px;border-radius:6px;}

.right{padding:24px 26px;background:var(--card);border:1px solid var(--line);border-radius:10px;}
.filter-bar{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap;align-items:center;}
.filter-bar input{flex-grow:1;min-width:140px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:13px;font-family:'Inter',sans-serif;}
.filter-tag{font-size:12.5px;font-weight:600;padding:7px 12px;border-radius:6px;border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;background:none;}
.filter-tag.active{background:var(--accent);border-color:var(--accent);color:#fff;}

.article-list{display:flex;flex-direction:column;}
.article{padding:18px 0;border-bottom:1px solid var(--line);}
.article:first-child{padding-top:0;}
.article .meta{font-size:11.5px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.03em;font-weight:700;}
.article h3{font-size:17px;margin:7px 0 5px;font-weight:800;}
.article .read{font-size:13px;font-weight:700;color:var(--accent);margin-top:8px;display:inline-block;}
.article-body{font-size:15px;line-height:1.7;margin-top:20px;}

.site-footer{padding:18px 32px;font-size:12px;color:var(--ink-soft);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);}
.site-footer .socials svg{width:16px;height:16px;}


.site-header,
.header-right {
  overflow: visible;
}

.account-menu {
  position: relative;
  display: inline-block;
}

.account-menu-button {
  min-width: 118px;
  height: 42px;
  cursor: pointer;
}

.account-menu-panel {
  display: none;
  position: absolute;
  right: 0;
  top: 46px;
  width: 118px;
  background: #fff;
  border: 1px solid white;
  border-radius: 12px;
  padding: 4px;
  z-index: 9999;
}

.account-menu.open .account-menu-panel {
  display: block;
}

.account-menu-panel a {
  display: block;
  padding: 7px 8px;
  color: #17120f;
  text-decoration: none;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.15;
}

.account-menu-panel a:hover {
  background: #f4eadf;
}




@media (max-width:860px){
  .hero{grid-template-columns:1fr;}
  .body-layout{grid-template-columns:1fr;}
}

/* BUILT.PHP — full list page */
.page-sub{font-size:13.5px;color:var(--ink-soft);margin-bottom:20px;}
.built-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;}
.built-card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px 18px;}
.built-card .row{border-bottom:none;padding:0;}
.built-card details{margin-top:10px;}
.built-card details summary{font-size:12px;font-weight:700;color:var(--accent);cursor:pointer;list-style:none;}
.built-card details summary::-webkit-details-marker{display:none;}
.built-card details summary:before{content:"+ ";}
.built-card details[open] summary:before{content:"– ";}
.built-card details p{font-size:12.5px;color:var(--ink-soft);margin:6px 0 0;line-height:1.5;}

.pagination{display:flex;justify-content:center;gap:8px;margin-top:8px;}
.pagination a{padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;color:var(--ink-soft);}
.pagination a.active{background:var(--accent);border-color:var(--accent);color:#fff;}

@media (max-width:700px){.built-grid{grid-template-columns:1fr;}}