/* Components — Sell My House Little Rock */
/* Proptech / editorial hybrid — very different from AHBN newspaper style */

.site-footer { font-family:'Inter',sans-serif; }
.site-footer a:hover { color:rgba(255,255,255,0.85) !important; }

/* Post layout */
.post-hero { background:var(--bg); border-bottom:1px solid var(--border); padding:40px 0 28px; }
.post-title { font-family:'Lora',Georgia,serif; font-size:clamp(26px,4vw,50px); font-weight:600; color:var(--navy); line-height:1.05; margin:0 0 16px; letter-spacing:-0.3px; }
.post-dek   { font-family:'Inter',sans-serif; font-size:17px; line-height:1.65; color:var(--ink-3); margin:0 0 20px; max-width:640px; }
.post-byline{ display:flex; align-items:center; gap:12px; font-family:'Inter',sans-serif; font-size:12.5px; padding:14px 0; border-top:1px solid var(--border); }
.byline-names { font-weight:600; color:var(--navy); }
.byline-meta  { color:var(--ink-4); font-size:11.5px; }
.byline-actions { display:flex; gap:6px; margin-left:auto; }
.icon-btn { font-family:'Inter',sans-serif; font-size:11px; font-weight:500; color:var(--ink-3); background:var(--bg-2); border:1px solid var(--border-mid); padding:5px 10px; border-radius:2px; cursor:pointer; }
.icon-btn:hover { color:var(--navy); border-color:var(--navy); }
.post-hero-img { margin:0; }
.post-hero-img > div { width:100%; aspect-ratio:21/8; max-height:500px; }
.post-hero-img figcaption { background:var(--bg-2); padding:7px var(--gutter); font-family:'Inter',sans-serif; font-size:11px; color:var(--ink-4); font-style:italic; border-bottom:1px solid var(--border); }
.post-body-wrap { padding:44px 0 80px; }
.post-grid { display:grid; grid-template-columns:1fr 268px; gap:52px; align-items:start; }
.post-body  { order:1; font-family:'Lora',Georgia,serif; font-size:18px; line-height:1.78; color:var(--ink-2); max-width:680px; }
.post-body p { margin:0 0 1.25em; }
.post-body strong { color:var(--ink); font-weight:600; }
.post-body a { color:var(--blue); border-bottom:1px solid rgba(37,99,168,0.25); }
.post-h2 { font-family:'Lora',Georgia,serif; font-size:26px; font-weight:600; color:var(--navy); margin:2.4em 0 0.8em; border-bottom:1px solid var(--border); padding-bottom:10px; }
.lede { font-size:19px; line-height:1.75; color:var(--ink); font-family:'Inter',sans-serif; }
.post-sidebar { order:2; display:flex; flex-direction:column; gap:18px; position:sticky; top:calc(68px + 16px); }
.post-toc { background:var(--navy-mist); border:1px solid var(--border); border-top:2px solid var(--navy); padding:16px 18px; }
.post-toc ol { margin:8px 0 0; padding-left:18px; display:flex; flex-direction:column; gap:6px; }
.post-toc ol li { font-family:'Inter',sans-serif; font-size:13px; }
.post-toc ol li a { color:var(--blue); }
.share-rail { background:var(--bg-2); border:1px solid var(--border); padding:14px 16px; }
.share-btns { display:flex; gap:6px; margin-top:8px; }
.share-btns button { flex:1; padding:7px 4px; border:1px solid var(--border-mid); background:var(--bg); border-radius:2px; font-family:'Inter',sans-serif; font-size:11px; font-weight:600; color:var(--ink-3); cursor:pointer; }
.share-btns button:hover { color:var(--navy); border-color:var(--navy); background:var(--navy-mist); }

/* Story grid for blog.html */
.story-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(290px,1fr)); gap:24px; margin-top:28px; }
.story { background:var(--bg); border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:box-shadow 0.2s,transform 0.15s; }
.story:hover { box-shadow:var(--shadow); transform:translateY(-2px); }
.story-img { overflow:hidden; }
.story-content { padding:16px 18px 20px; flex:1; display:flex; flex-direction:column; gap:8px; }
.story-cat { font-family:'Inter',sans-serif; font-size:10px; font-weight:700; letter-spacing:0.16em; text-transform:uppercase; color:var(--navy); }
.story h3 { font-family:'Lora',Georgia,serif; font-size:17px; font-weight:600; color:var(--ink); line-height:1.25; margin:0; }
.story h3 a:hover { color:var(--blue); }
.story-dek { font-family:'Inter',sans-serif; font-size:13px; color:var(--ink-3); line-height:1.5; flex:1; }
.story-byline { font-family:'Inter',sans-serif; font-size:11.5px; color:var(--ink-4); border-top:1px solid var(--border); padding-top:10px; }

/* Section headers */
.section-head { display:flex; justify-content:space-between; align-items:flex-end; }
.section-title { font-family:'Lora',Georgia,serif; font-size:clamp(22px,3vw,34px); font-weight:600; color:var(--navy); line-height:1.15; margin:6px 0 0; }
.see-all { font-family:'Inter',sans-serif; font-size:12px; font-weight:600; color:var(--blue); text-decoration:none; }

@media(max-width:900px) {
  .post-grid { grid-template-columns:1fr; }
  .post-sidebar { position:static; order:2; }
}
@media(max-width:768px) {
  .story-grid { grid-template-columns:1fr 1fr; }
}
@media(max-width:480px) {
  .story-grid { grid-template-columns:1fr; }
}