/* ============================================================
   blog-polish.css — blog refinement layer (v8 polish rounds).
   Loaded AFTER blog.css. Same round structure as polish.css.
   ============================================================ */

/* ============================================================
   R1 — READABILITY: long-form reading body -> Spectral serif.
   The blog post body is the site's biggest reading surface; the
   handwriting voice stays in titles, headings, chips, UI.
   ============================================================ */
:root {
  --read-font: 'Patrick Hand', 'LXGW WenKai', cursive;
  /* Linlin: keep the reading face HANDWRITTEN (notebook theme). The body stays
     Patrick Hand (blog.css default); we only tune size + leading for comfort. */
  --blog-fs: 1.08rem;        /* ~17.3px */
  --blog-lh: 1.7;
}
/* list excerpts: serif + a touch more size; titles stay handwriting */
.blog-card-excerpt {
  font-family: var(--read-font) !important;   /* neat handwriting, not bubbly */
  font-size: 1.02rem !important; line-height: 1.58 !important;
}
.blog-card-title { font-size: 1.32rem !important; }
/* intro line under the Blog washi tab reads as prose too */
.blog-intro, .blog-sub { font-family: var(--read-font) !important; }

/* ============================================================
   R2 — COHERENCE: blog joins the site's nav set (Home·Apps·Personal)
   ============================================================ */
.blog-nav-extra { opacity: 0.88; }
@media (max-width: 640px){ .blog-nav-extra { display: none; } }

/* ============================================================
   R3 — PERSONALITY: hand-made details
   ============================================================ */
::selection { background: oklch(0.80 0.12 82 / 0.55); color: #2e2a25; }
html { scrollbar-width: thin; scrollbar-color: oklch(0.50 0.09 45) transparent; }
::-webkit-scrollbar { width: 11px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, oklch(0.56 0.09 50), oklch(0.45 0.10 38));
    border-radius: 8px; border: 2.5px solid #ece1c8;
}
/* every post signs off by hand, with 旺财's paw of approval */
#blogPostBody::after {
    content: "— Linlin";
    display: block; margin-top: 2.4em; padding-top: 0.7em; padding-right: 40px;
    font-family: 'Patrick Hand', 'LXGW WenKai', cursive;
    font-size: 1.3rem; color: var(--blog-ink-soft, #6f6557);
    border-top: 1.5px dashed rgba(120,80,40,0.3);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><g fill='%235a4c3a' opacity='0.7'><ellipse cx='20' cy='16' rx='7' ry='9'/><ellipse cx='44' cy='16' rx='7' ry='9'/><ellipse cx='8' cy='31' rx='6' ry='8'/><ellipse cx='56' cy='31' rx='6' ry='8'/><path d='M32 26c10 0 18 9 18 17 0 7-7 12-18 12s-18-5-18-12c0-8 8-17 18-17z'/></g></svg>")
      no-repeat right 0.55em / 30px 30px;
}