/* ============================================
   Free printable download strip — the ONE copy. Lesson pages and drill
   pages use different stylesheets (guides/lesson.css vs the flashcard
   chrome), so this lives at the root and both add it to pageStyles. Do not
   copy it back into lesson.css; two copies would drift.
   ============================================ */
/* ---------- Free printable download strip ----------
   For the pages that already RANK for a "chart"/"printable" query and were
   sending the visitor away empty-handed. The transposition guide holds
   173,382 impressions/yr at 0.72% CTR with a title that literally promises
   "Free + Printable" and had nothing to download — this is that download.

   Deliberately ungated: no email wall in front of the file. A gate would
   cost the ranking (Google cannot index what it cannot fetch) and the
   click-through the title already promised. Capture happens after the
   download, not before it. */
.pdf-dl {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 1.6rem 0;
    padding: 1rem 1.15rem;
    border: 2px solid var(--ink, #1c1917);
    border-radius: 12px;
    background: var(--bg-warm, #faf9f7);
    /* The whole strip is one link, so the inherited underline/colour has to
       be cancelled or the kicker, title and blurb all render as link text. */
    text-decoration: none;
    color: var(--ink, #1c1917);
}
.pdf-dl:hover { border-color: var(--primary-dark, #0d9488); }
.pdf-dl * { text-decoration: none; }
.pdf-dl-icon {
    flex: 0 0 auto;
    width: 46px;
    height: 58px;
    border: 2px solid currentColor;
    border-radius: 3px;
    position: relative;
    color: var(--ink, #1c1917);
    display: grid;
    place-items: end center;
    padding-bottom: 6px;
    font: 800 10px/1 'Inter', system-ui, sans-serif;
    letter-spacing: .04em;
}
.pdf-dl-icon::before {
    content: '';
    position: absolute;
    top: -2px; right: -2px;
    width: 14px; height: 14px;
    background: var(--bg-warm, #faf9f7);
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}
.pdf-dl-body { min-width: 0; }
.pdf-dl-kick {
    display: block;
    font: 800 .68rem/1 'Inter', system-ui, sans-serif;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--primary-dark, #0d9488);
    margin-bottom: .3rem;
}
.pdf-dl-title { display: block; font-weight: 700; font-size: 1.05rem; line-height: 1.3; color: var(--ink, #1c1917); }
.pdf-dl-meta { display: block; font-size: .86rem; color: var(--text-light, #6b6560); margin-top: .18rem; }
.pdf-dl-btn {
    flex: 0 0 auto;
    margin-left: auto;
    align-self: center;
    display: inline-block;
    padding: .62rem 1.15rem;
    border-radius: 9px;
    background: var(--ink, #1c1917);
    color: #fff;
    font-weight: 700;
    font-size: .95rem;
    text-decoration: none;
    white-space: nowrap;
}
.pdf-dl-btn:hover { background: var(--primary-dark, #0d9488); }
body.dark-mode .pdf-dl { background: #262321; border-color: #4b4844; color: #f0edea; }
body.dark-mode .pdf-dl-title { color: #f0edea; }
body.dark-mode .pdf-dl-btn { background: var(--primary, #14b8a6); color: #08201d; }
@media (max-width: 620px) {
    .pdf-dl { flex-wrap: wrap; gap: .75rem; }
    .pdf-dl-btn { margin-left: 0; width: 100%; text-align: center; }
}