/* assets/css/site/overridepostrows.css
   Clean, effect-free image-left rows for the index feed
   (no frames, no rounded corners, light/dark colors split) */

   .post-list {
    --post-row-thumb-s: 72px;
    --post-row-thumb-l: 96px;
    --post-row-gap: 16px;
    --post-row-max: 860px; /* desktop width cap; tweak 780–960 */
    --post-row-pad-i: 16px;  /* horizontal padding */
    --post-row-pad-b: 12px;  /* vertical padding */
  }

  @media (min-width: 900px){
    .post-list{
      --post-row-pad-i: 20px;
      --post-row-pad-b: 14px;
    }
  }
  @media (max-width: 720px){
    .post-list{
      --post-row-pad-i: 12px;
      --post-row-pad-b: 10px;
    }
  }
  
  /* Row layout */
  .post-list .post-row {
    display: grid;
    grid-template-columns: var(--post-row-thumb-l) 1fr auto; /* thumb | content | right meta */
    gap: var(--post-row-gap);
    align-items: center;
    border-top: none;
    padding-block: var(--post-row-pad-b);
    padding-inline: var(--post-row-pad-i);
    border-top: 1px solid var(--color-border);
    width: 100%;
    justify-self: center; /* centers each row inside the feed grid */
    background:
    linear-gradient(var(--color-border), var(--color-border)) bottom center /
    100% 1px no-repeat;
  }

  @media (prefers-color-scheme: dark){
    .post-list .post-row {
      background:
        linear-gradient(#e1bc8c, rgba(255,255,255,.08)) bottom center /
        95.5% 1px no-repeat;
    }
  }

  @media (prefers-color-scheme: light){
    .post-list .post-row {
      background:
        linear-gradient(#211b14, rgba(255,255,255,.08)) bottom center /
        95.5% 1px no-repeat;
    }
  }
  

  @media (min-width: 900px) {
    .post-list .post-row { width: min(var(--post-row-max), 100%); }
  }
  
  /* Thumb — no borders/radius/shadows/effects */
  .post-list .post-row__thumb {
    display: block;
    width: var(--post-row-thumb-l);
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }
  .post-list .post-row__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* Placeholder (plain) */
  .post-list .post-row__thumb--ph {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 2;
    box-shadow: none;
    background: transparent;
  }
  
  /* Content */
  .post-list .post-row__content { min-width: 0; }
  .post-list .post-row__title {
    margin: 0 0 4px;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .post-list .post-row__title a { text-decoration: none; }
  @media (hover: hover) {
    .post-list .post-row:hover .post-row__title a { text-decoration: underline; }
  }
  
  /* Meta (base) */
  .post-list .post-row__meta {
    font-size: 1.1rem;
    color: var(--color-secondary-text);
    display: flex;
    gap: 8px;
    align-items: baseline;
  }
  .post-list .post-row__meta .dot { opacity: .6; }
  .post-list .post-row__right {
    text-align: right;
    font-size: .9rem;
    color: var(--color-secondary-text);
  }
  
  /* Read-time hook (can be overridden inline or via --post-row-readtime) */
  .post-list .post-row__readtime { color: var(--post-row-readtime, inherit); }
  
  /* Light */
  @media (prefers-color-scheme: light) {
    .post-list .post-row__meta,
    .post-list .post-row__right { color: #4b4f58; }
    .post-list .post-row__meta .dot { opacity: .45; }
    .post-list .post-row__readtime { color: var(--post-row-readtime, #2f4665); }
  }
  
  /* Dark */
  @media (prefers-color-scheme: dark) {
    .post-list .post-row { border-top-color: rgba(255,255,255,.08); }
    .post-list .post-row__meta,
    .post-list .post-row__right { color: #c2c8d0; }
    .post-list .post-row__meta .dot { opacity: .55; }
    .post-list .post-row__readtime { color: var(--post-row-readtime, #fffac9); }
  }
  
  /* Mobile */
  @media (max-width: 720px) {
    .post-list .post-row {
      grid-template-columns: var(--post-row-thumb-s) 1fr;
    }
    .post-list .post-row__thumb { width: var(--post-row-thumb-s); }
    .post-list .post-row__right { display: none; }
  }