.x-posts-home{
  width:min(100% - 36px,1380px);padding-top:calc(var(--site-header-height) + 18px);
}
.x-posts-mobile-tabs{display:none;}
.x-posts-columns{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,42px);
  height:calc(100dvh - var(--site-header-height) - 76px);min-height:420px;align-items:stretch;
}
.x-posts-column{display:flex;min-width:0;min-height:0;flex-direction:column;}
.x-posts-column-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  min-height:42px;padding:0 2px 8px;border-bottom:3px solid var(--site-ink);
}
.x-posts-column-head h2{
  margin:0;color:var(--site-ink);font-family:var(--site-display);font-size:clamp(25px,2.8vw,34px);
  font-weight:400;line-height:1;text-transform:uppercase;
}
.x-posts-column-head span{
  color:var(--site-accent);font-family:var(--site-cond);font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;
}
.x-posts-status{
  width:100%;margin:0;padding:28px;border:1px solid var(--site-rule);border-top:0;
  border-radius:0 0 9px 9px;background:var(--site-paper-strong);color:var(--site-muted);
  font-family:var(--site-ui);font-size:14px;text-align:center;
}
.x-posts-list{
  width:100%;min-height:0;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-gutter:stable;list-style:none;
  border:1px solid var(--site-rule);border-top:0;border-radius:0 0 9px 9px;background:var(--site-paper-strong);
  box-shadow:0 16px 38px rgba(38,48,42,.08);
}
.x-posts-list:focus-visible{outline:2px solid var(--site-gold);outline-offset:2px;}
.x-post{border-bottom:1px solid var(--site-rule);}
.x-post:last-child{border-bottom:0;}
.x-post-card{
  display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:11px;padding:15px;
  color:var(--site-ink);text-decoration:none;transition:background .15s ease;
}
.x-post-card:hover{background:#f4f0e6;}
.x-post-card:focus-visible{outline:2px solid var(--site-gold);outline-offset:-2px;}
.x-post-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#e5dfd2;}
.x-post-body{min-width:0;}
.x-post-author-line{display:flex;align-items:baseline;gap:6px;min-width:0;font-family:var(--site-ui);}
.x-post-author{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap;}
.x-post-handle,.x-post-date{color:var(--site-muted);font-size:11px;white-space:nowrap;}
.x-post-date{margin-left:auto;}
.x-post-text{
  margin:5px 0 0;color:#263a32;font-family:var(--site-ui);font-size:14px;line-height:1.42;
  white-space:pre-line;
}
.x-post-likes{
  margin-top:3px;color:var(--site-accent);font-family:var(--site-cond);font-size:10px;
  font-weight:700;letter-spacing:.035em;text-transform:uppercase;
}
.x-post-quote{
  margin:10px 0 0;padding:10px 12px;border:1px solid var(--site-rule);border-radius:8px;
  color:#43534c;font-family:var(--site-ui);font-size:12px;line-height:1.38;
}
.x-post-quote-author{margin-bottom:4px;color:var(--site-ink);font-weight:700;}
.x-post-quote p{margin:0;white-space:pre-line;}
.x-post-media{
  display:block;width:100%;max-height:360px;margin-top:10px;border-radius:8px;object-fit:cover;
  background:#e8e3d8;
}
.x-post-arrow{color:var(--site-accent);font-family:var(--site-ui);font-size:16px;transition:transform .15s ease;}
.x-post-card:hover .x-post-arrow{transform:translate(2px,-2px);}
.x-posts-note{
  width:100%;margin:12px auto 22px;color:var(--site-muted);font-family:var(--site-ui);
  font-size:11px;line-height:1.45;text-align:center;
}
.x-posts-note a{color:var(--site-ink);}

@media (max-width:850px){
  .x-posts-mobile-tabs{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;
    width:100%;margin:0 0 10px;padding:3px;border:1px solid #b7c8be;
    border-radius:11px;background:#dbe6df;
  }
  .x-posts-mobile-tab{
    min-width:0;min-height:40px;padding:8px 6px;border:0;border-radius:7px;
    background:rgba(255,255,255,.25);color:#52685d;cursor:pointer;
    font-family:var(--site-cond);font-size:13px;font-weight:700;line-height:1;
    letter-spacing:.045em;text-transform:uppercase;
  }
  .x-posts-mobile-tab.active{
    color:var(--site-ink);background:#fffaf0;
    box-shadow:0 1px 5px rgba(34,43,38,.12),inset 0 -3px 0 var(--site-accent);
  }
  .x-posts-mobile-tab:focus-visible{outline:2px solid var(--site-gold);outline-offset:2px;}
  .x-posts-columns{grid-template-columns:1fr;height:auto;min-height:0;gap:0;}
  .x-posts-column{display:block;min-height:0;}
  .x-posts-column:not(.mobile-active){display:none;}
  .x-posts-column-head{display:none;}
  .x-posts-list{overflow:visible;scrollbar-gutter:auto;}
  .x-posts-list,.x-posts-status{border-top:1px solid var(--site-rule);border-radius:9px;}
}

@media (max-width:700px){
  .x-posts-home{
    width:min(100% - 20px,820px);padding-top:calc(var(--site-header-height) + 10px);
  }
  .x-post-card{grid-template-columns:34px minmax(0,1fr);gap:9px;padding:12px 10px;}
  .x-post-avatar{width:34px;height:34px;}
  .x-post-arrow{display:none;}
  .x-post-author-line{flex-wrap:wrap;gap:3px 5px;}
  .x-post-author{font-size:12px;}
  .x-post-handle,.x-post-date{font-size:10px;}
  .x-post-date{margin-left:0;}
  .x-post-text{font-size:13px;line-height:1.4;}
  .x-posts-note{width:90%;margin-top:8px;font-size:10px;}
}

@media (prefers-reduced-motion:reduce){
  .x-post-card,.x-post-arrow,.x-posts-mobile-tab{transition:none;}
}