/* blog-declutter.css (2026-10-03, declutter pass 2)
   Shared by /blog and /weather-blog. Paging is done in blog-declutter.js with a class,
   so every post stays in the DOM and in the page source. */

/* Posts past the current page. Added only by JS at runtime. */
.posts-feed .post-card.kdc-more{display:none}

.kdc-more-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:28px 0 4px}
.kdc-more-btn{
  min-height:48px;padding:0 28px;border-radius:999px;
  background:rgba(212,168,83,.08);border:1.5px solid rgba(212,168,83,.45);
  color:#e5c77b;font:700 15px/1 'Inter',system-ui,sans-serif;cursor:pointer;
  transition:background .15s,border-color .15s
}
.kdc-more-btn:hover{background:rgba(212,168,83,.16);border-color:#d4a853}
.kdc-more-btn:focus-visible{outline:2px solid #e5c77b;outline-offset:3px}
.kdc-more-note{font:500 12px/1.4 'JetBrains Mono',monospace;color:#9aa0ac}
.kdc-more-wrap[hidden]{display:none}

/* One compact follow strip replaces "Never miss a post" + the Instagram block */
.loop-section.kdc-follow{max-width:780px;margin:0 auto;padding:4px 24px 36px}
.kdc-follow-card{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px 20px;
  background:#141922;border:1px solid rgba(212,168,83,.3);border-radius:20px;padding:16px 18px
}
.kdc-follow-card h2{margin:0 0 4px;font:800 19px/1.25 'Inter',system-ui,sans-serif;color:#fafafa;letter-spacing:0;text-transform:none}
.kdc-follow-card p{margin:0;font:400 14px/1.5 'Inter',system-ui,sans-serif;color:#c8ced8}
.kdc-follow-card p a{color:#e5c77b;font-weight:700}
.kdc-follow-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.kdc-follow .btn-follow,.kdc-follow .btn-follow-outline{
  min-height:44px;padding:0 18px;border-radius:999px;font-size:13px;letter-spacing:.02em;text-transform:none;box-shadow:none
}
.kdc-follow .btn-follow{background:#d4a853;color:#111}
.kdc-follow .btn-follow:hover{transform:none;box-shadow:none;background:#e5c77b}
.kdc-follow .social-follow-row{grid-column:1 / -1;justify-content:flex-start;gap:10px;margin-top:0;
  border-top:1px solid rgba(255,255,255,.08);padding-top:12px}
@media (max-width:640px){
  .loop-section.kdc-follow{padding:4px 16px 32px}
  .kdc-follow-card{grid-template-columns:1fr}
  .kdc-follow-actions{justify-content:flex-start}
  .kdc-follow .btn-follow,.kdc-follow .btn-follow-outline{flex:1 1 180px;justify-content:center;white-space:nowrap}
}