/* A chaptered field guide within StorySitting's Memory Theatre. */
.questions-page .guide { width: min(82rem, 100% - 8rem); }
.questions-page .questions-hero { display: grid; grid-template-columns: 1.12fr 1fr; gap: clamp(3rem, 6vw, 6rem); align-items: center; padding: 3.5rem 0 4rem; border-color: var(--gold); }
.questions-intro { padding-block: 1rem; }
.questions-page .guide-back { margin-bottom: 1.5rem; }
.questions-page h1 { font-size: clamp(2.9rem, 4.5vw, 4.5rem); line-height: 1.12; letter-spacing: -.045em; text-wrap: initial; }
.questions-page h1 em { display: block; margin-top: 1rem; font-size: .57em; line-height: 1.35; font-weight: 300; color: var(--gold); letter-spacing: -.035em; }
.questions-page .guide-heading .lede { max-width: 33rem; margin-block: 2rem 1.25rem; font: 400 1.15rem/1.7 var(--ui); color: var(--ink-soft); }
.questions-art { position: relative; margin: 0; }
.questions-art::before { content: ''; position: absolute; top: -.8rem; left: -.8rem; width: 5rem; height: 5rem; border-top: 1px solid var(--gold); border-left: 1px solid var(--gold); pointer-events: none; }
.questions-art img { width: 100%; height: clamp(30rem, 43vw, 40rem); object-fit: cover; object-position: center 64%; }
.questions-entry { display: flex; gap: 1.5rem; justify-content: space-between; align-items: center; border-top: 1px solid var(--gold); margin-top: 2.2rem; padding-top: 1.4rem; }
.questions-entry a { display: inline-flex; align-items: center; gap: .7rem; color: var(--gold); font: 400 1.12rem/1.5 var(--story); text-decoration: none; min-height: 2.75rem; }
.questions-entry a:hover { text-decoration: underline; }
.questions-entry svg { width: 1.25rem; height: 1.25rem; fill: none; stroke: currentColor; stroke-width: 1.3; }
.questions-entry span { color: var(--ink-soft); font-size: .9rem; white-space: nowrap; }
.questions-page .guide-layout { grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(3rem, 6vw, 6rem); padding-top: 4rem; }
.questions-page .guide-contents { padding-right: 1.5rem; border-right: 1px solid var(--line); }
.questions-page .guide-contents summary { font-family: var(--ui); font-size: .9rem; color: var(--gold); }
.questions-page .guide-contents ol { counter-reset: topic; border: 0; }
.questions-page .guide-contents li { counter-increment: topic; border: 0; }
.questions-page .guide-contents a { display: grid; grid-template-columns: 1.5rem 1fr; gap: .6rem; font-size: .95rem; padding: .7rem 0; }
.questions-page .guide-contents a::before { content: counter(topic, decimal-leading-zero); color: var(--ink-soft); font-size: .8rem; padding-top: .13rem; font-variant-numeric: tabular-nums; }
.questions-page .guide-contents a[aria-current] { color: var(--gold); }
.questions-page .guide-contents a[aria-current]::before { color: var(--gold); }
.questions-page .guide-reading { max-width: none; }
.question-chapter { margin-bottom: 4.5rem; }
.chapter-heading { display: flex; gap: 1.75rem; align-items: center; padding-bottom: 1.5rem; border-bottom: 1px solid var(--gold); }
.chapter-number { color: var(--gold); font: 300 clamp(4.5rem, 7vw, 6.5rem)/1 var(--story); letter-spacing: -.065em; }
.questions-page .guide-reading .chapter-heading h2 { margin: 0; font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.2; text-wrap: initial; scroll-margin-top: 4rem; }
.chapter-heading p { margin: .55rem 0 0; color: var(--gold); font-size: .95rem; }
.questions-page .guide-reading .qs { counter-reset: question var(--question-start); margin: 0; }
.questions-page .guide-reading .qs li { grid-template-columns: 2.8rem 1fr; gap: 1rem; max-width: none; padding: 1.45rem 0; font-size: 1.22rem; line-height: 1.65; }
.questions-page .guide-reading .qs li::before { font-size: .9rem; line-height: 2.25; }
.questions-tips { padding: 3.5rem 0 4rem; border-top: 1px solid var(--gold); }
.questions-tips h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 300; scroll-margin-top: 2rem; }
.questions-tips ul { list-style: none; padding: 0; margin: 2.5rem 0 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2rem 5rem; counter-reset: tip; }
.questions-tips li { counter-increment: tip; position: relative; padding-left: 2.8rem; color: var(--ink-soft); line-height: 1.7; }
.questions-tips li::before { content: counter(tip, decimal-leading-zero); position: absolute; left: 0; top: .15rem; color: var(--gold); font-size: .9rem; }
.questions-tips b { display: block; color: var(--ink); font: 400 1.15rem/1.5 var(--story); margin-bottom: .45rem; }
.questions-closing { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 3.5rem; padding-block: 1rem 2rem; }
.questions-closing > img { width: 100%; height: auto; }
.questions-closing .guide-cta { margin: 0; border: 0; border-left: 1px solid var(--gold); padding: .5rem 0 .5rem 2.5rem; }
.questions-closing .guide-cta h2 { font-size: clamp(2rem, 3.2vw, 3rem); font-weight: 300; }
.questions-closing .guide-cta p:last-child { flex-direction: column; align-items: flex-start; }
@media(max-width: 1100px) {
 .questions-page .guide { width: calc(100% - 5rem); }
 .questions-page .questions-hero { gap: 2.5rem; }
 .questions-entry { flex-wrap: wrap; gap: .5rem 1rem; }
 .questions-page .guide-layout { grid-template-columns: 13rem minmax(0, 1fr); gap: 2.5rem; }
 .questions-closing { gap: 2rem; }
 .questions-closing .guide-cta { padding-left: 2rem; }
}
@media(max-width: 850px) {
 .questions-page .guide { width: calc(100% - 2.75rem); }
 .questions-page .questions-hero { grid-template-columns: 1fr; gap: 2.5rem; padding: 1rem 0 2.5rem; }
 .questions-page h1 { max-width: 40rem; font-size: clamp(2.6rem, 7.5vw, 4rem); }
 .questions-page h1 em { font-size: .62em; }
 .questions-intro { padding: 0; }
 .questions-page .guide-back { margin-bottom: 1.25rem; }
 .questions-page .guide-heading .lede { margin-top: 1.5rem; max-width: 38rem; font-size: 1.1rem; }
 .questions-entry { margin-top: 1.5rem; padding-top: 1rem; }
 .questions-art { margin-left: .6rem; }
 .questions-art img { height: clamp(20rem, 65vw, 30rem); object-position: center 60%; }
 .questions-page .guide-layout { display: block; padding-top: 1.25rem; }
 .questions-page .guide-contents { border: 0; padding: 0 0 1rem; margin-bottom: 1.5rem; border-bottom: 1px solid var(--line); }
 .questions-page .guide-contents summary { margin: 0; display: list-item; min-height: 2.5rem; padding-top: .4rem; }
 .questions-page .guide-contents ol { margin-top: 1rem; }
 .chapter-heading { gap: 1.2rem; padding-bottom: 1.25rem; }
 .chapter-number { font-size: 4.5rem; }
 .questions-page .guide-reading .chapter-heading h2 { font-size: clamp(1.7rem, 4.5vw, 2.3rem); }
 .questions-page .guide-reading .qs li { font-size: 1.125rem; grid-template-columns: 1.65rem 1fr; gap: .75rem; padding: 1.2rem 0; }
 .question-chapter { margin-bottom: 3rem; }
 .questions-tips { padding-top: 2.5rem; }
 .questions-tips ul { gap: 1.75rem 2rem; }
 .questions-closing { grid-template-columns: 1fr; gap: 2rem; }
 .questions-closing > img { max-height: 30rem; object-fit: cover; }
 .questions-closing .guide-cta { padding: 0; border: 0; }
}
@media(max-width: 550px) {
 .questions-tips ul { grid-template-columns: 1fr; }
 .questions-entry span { font-size: .8rem; }
 .questions-entry a { font-size: 1rem; }
 .questions-closing .btn { padding-inline: 1.2rem; }
}
@media print {
 .questions-page { background: white; color: black; }
 .questions-page .site-head, .questions-art, .questions-entry, .guide-back, .questions-page .guide-contents, .questions-closing, .questions-page .site-foot { display: none; }
 .questions-page .guide { width: 100%; }
 .questions-page .questions-hero, .questions-page .guide-layout { display: block; }
 .questions-page .questions-hero { padding: 0 0 1rem; }
 .questions-page h1 { font-size: 28pt; }
 .questions-page .guide-reading .qs li { font-size: 11pt; padding: .5rem 0; break-inside: avoid; }
 .chapter-heading { break-after: avoid; }
 .questions-page .guide-reading .chapter-heading h2 { font-size: 20pt; }
 .chapter-number { font-size: 40pt; }
 .questions-page .guide-heading .lede, .questions-page .fine, .questions-page h1 em, .chapter-number, .chapter-heading p, .questions-tips li, .questions-tips b { color: #333; }
}