/* Practical companions to the illustrated grandparents guide. */
.field-page .questions-hero { grid-template-columns: 1.08fr 1fr; gap: clamp(2rem, 5vw, 5rem); }
.field-page h1 { font-size: clamp(2.7rem, 4.1vw, 4.1rem); }
.field-page .questions-art img { height: clamp(30rem, 45vw, 41rem); object-position: 76% center; }
.field-page .guide-heading .lede { margin-block: 1.6rem 1.2rem; }
.field-download { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 2rem; }
.field-download span { font-size: .85rem; color: var(--ink-soft); }
.field-download svg { width: 1.2rem; height: 1.2rem; fill: none; stroke: currentColor; stroke-width: 1.5; }
.field-start { display: inline-flex; align-items: center; gap: .8rem; color: var(--gold); margin-top: 1.2rem; min-height: 2.75rem; font-size: .95rem; text-decoration: none; }
.field-start:hover { text-decoration: underline; }
.field-page .guide-reading { max-width: 49rem; }
.field-page .guide-reading article { font-size: 1.15rem; line-height: 1.85; counter-reset: chapter; }
.field-page .guide-reading article h2 { counter-increment: chapter; display: grid; grid-template-columns: 2.5rem 1fr; gap: .85rem; margin: 3.5rem 0 1.4rem; padding-top: 1.8rem; border-top: 1px solid var(--gold); text-wrap: initial; font-size: clamp(1.65rem, 2.4vw, 2.25rem); scroll-margin-top: 2rem; }
.field-page .guide-reading article h2:first-child { margin-top: 0; padding-top: 0; border-top: 0; }
.field-page .guide-reading article h2::before { content: counter(chapter, decimal-leading-zero); color: var(--gold); font-size: .6em; letter-spacing: .015em; padding-top: .4em; }
.field-page .guide-reading article p, .field-page .guide-reading article li { max-width: none; }
.field-page .guide-reading article strong { color: var(--ink); font-weight: 650; }
.field-note { border-left: 1px solid var(--gold); margin: 1.8rem 0; padding: .3rem 0 .3rem 1.5rem; }
.field-note .field-note-label { font: 400 1.1rem var(--story); color: var(--gold); margin-bottom: 1rem; }
.field-note p:last-child, .field-note ul:last-child { margin-bottom: 0; }
.field-note li { font-family: var(--story); font-size: 1.05rem; }
.field-dialogue { padding: 1.6rem 0; margin: 1.5rem 0; border-block: 1px solid var(--line); font: 350 1.2rem/1.8 var(--story); }
.field-dialogue p:last-child { margin-bottom: 0; }
.field-page .field-source { color: var(--ink-soft); font-size: .95rem; }
.field-page code { font: .9em var(--ui); color: var(--gold); overflow-wrap: anywhere; }
.field-page .questions-closing { margin-top: 4rem; padding-top: 3rem; border-top: 1px solid var(--gold); }
.field-page .guide-remind input[type=email] { min-width: 0; max-width: 100%; }
@media(max-width: 850px) {
 .field-page .questions-hero { grid-template-columns: 1fr; }
 .field-page h1 { font-size: clamp(2.35rem, 7vw, 3.6rem); }
 .field-page .questions-art img { height: clamp(20rem, 65vw, 30rem); object-position: 80% center; }
 .field-download { margin-top: 1.5rem; gap: .7rem 1rem; }
 .field-download .btn { font-size: .95rem; padding-inline: 1.2rem; }
 .field-page .guide-reading article { font-size: 1.08rem; line-height: 1.8; }
 .field-page .guide-reading article h2 { grid-template-columns: 1.7rem 1fr; gap: .6rem; margin-top: 2.5rem; }
 .field-note { padding-left: 1rem; }
 .field-page .questions-closing { margin-top: 2.5rem; padding-top: 2rem; }
}
@media print {
 .field-download, .field-start, .field-page .guide-offer, .field-page .guide-remind { display: none; }
 .field-page .guide-reading article { font-size: 11pt; }
 .field-page .guide-reading article h2 { font-size: 18pt; break-after: avoid; }
 .field-page .guide-reading article p, .field-page .guide-reading article li, .field-page a, .field-page strong, .field-page code { color: #222; }
}