/* One layout and type scale for the Verse and HAMSTER Lesson series. */
.vs-wrap,.ml-wrap{box-sizing:border-box;width:calc(100% - 96px);max-width:1200px;padding:0;margin-inline:auto}
.vs-hero,.ml-heading-compact{display:block;padding:28px 0 20px}
.vs-hero h1,.ml-heading-compact h1{font:700 clamp(30px,3.6vw,48px)/1.12 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.035em;margin:0}
.vs-kicker,.ml-eyebrow{margin:0 0 9px}
.sa-series-tagline{font:400 16px/1.6 var(--sa-font-body,Arial,sans-serif);color:var(--sa-muted,#59666b)!important;margin:12px 0 0;max-width:760px}
.vs-feature,.ml-feature-inner{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:40px;align-items:start}
.vs-feature{padding:0 0 34px}
.ml-heading-compact+.ml-feature{padding:0 0 34px}
.vs-feature-image,.ml-feature .ml-art{display:block;width:100%;max-width:480px;align-self:start;margin:0}
.vs-feature-image img,.ml-art img{display:block;width:100%;height:auto;aspect-ratio:1;border:0;border-radius:0;box-shadow:none;background:white}
.vs-feature-copy h2,.ml-feature h2{font:700 clamp(28px,3vw,40px)/1.15 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.025em;margin:0 0 16px}
.vs-feature-copy>p:not(.vs-kicker):not(.vs-feature-date):not(.vs-feature-note):not(.sa-series-label):not(.sa-series-meta),.ml-feature .ml-question,.ml-feature .ml-summary{font:400 17px/1.7 var(--sa-font-body,Arial,sans-serif);margin:0 0 16px;max-width:none}
.vs-feature-scripture blockquote{font:400 17px/1.7 var(--sa-font-body,Arial,sans-serif)}
.ml-today-reading{max-width:none;margin:0;padding:30px 0 18px}
.ml-today-reading>h2{font-size:24px;margin:0 0 22px}
.vs-seven{margin:28px 0;padding:0}
.vs-step,.ml-reading .ml-step{position:relative;padding:24px 12px 24px 68px;border-top:1px solid var(--sa-line,#dddcd8);margin:0;scroll-margin-top:120px}
.vs-step-number,.ml-step-number{left:12px;top:24px;width:28px;height:28px;font:700 14px/1 var(--sa-font-body,Arial,sans-serif);background:var(--lesson,#ff5b5b);color:#19262d}
.vs-step section>h2,.vs-step.vs-scriptures .vs-scripture-label,.ml-reading .ml-step h2{font:700 15px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--sa-ink,#19262d);margin:0 0 12px;display:flex;gap:10px;align-items:center}
.ml-reading .ml-step h2 span,.vs-step h2 span{font-size:18px}
.vs-step section>p,.vs-step figure blockquote,.vs-step.vs-scriptures .vs-verse-explanation,.ml-reading .ml-step p{font:400 17px/1.7 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;color:var(--sa-ink,#19262d);max-width:none;margin:0}
.vs-step figure blockquote{margin-bottom:12px}
.vs-step figure figcaption{font:600 14px/1.5 var(--sa-font-body,Arial,sans-serif);margin:0 0 12px}
.vs-step.vs-scriptures .vs-verse-explanation{color:var(--sa-muted,#59666b)}
.vs-step-challenge,.ml-reading .ml-activity{border-top:1px solid var(--sa-line,#dddcd8);border-bottom:3px solid var(--lesson,#ff5b5b);background:var(--sa-soft,#faf8f4)}
.vs-hero .vs-kicker,.ml-heading-compact .ml-eyebrow{font:700 12px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--sa-accent-ink,#b51e2c);margin:0 0 9px}
.sa-series-copy{min-width:0}
.vs-page .sa-series-copy>.sa-series-label,.ml-page .sa-series-copy>.sa-series-label{font:700 13px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--sa-ink,#19262d);margin:0 0 8px}
.vs-page .sa-series-copy>.sa-series-meta,.ml-page .sa-series-copy>.sa-series-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 14px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;color:var(--sa-muted,#59666b);margin:0 0 20px}
.vs-page .sa-series-copy>h2,.ml-page .sa-series-copy>h2{font:700 clamp(28px,3vw,40px)/1.15 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.025em;margin:0 0 16px}
.sa-series-copy .ml-badge{margin:0 0 16px}
.vs-page .sa-series-actions,.ml-page .sa-series-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:stretch;margin:24px 0 0}
.vs-page .sa-series-button,.ml-page .sa-series-button,.vs-page .sa-series-back,.ml-page .sa-series-back{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;border:1px solid var(--sa-line,#dddcd8);border-radius:6px;padding:12px 17px;font:700 14px/1.4 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;text-decoration:none;background:var(--sa-surface,#fff);color:var(--sa-ink,#19262d);cursor:pointer;transition:background-color .15s,border-color .15s}
.vs-page .sa-series-primary,.ml-page .sa-series-primary{background:var(--lesson,#ff5b5b);border-color:var(--lesson,#ff5b5b);color:#19262d}
.vs-page .sa-series-button:hover,.ml-page .sa-series-button:hover,.vs-page .sa-series-back:hover,.ml-page .sa-series-back:hover{background:var(--sa-soft,#faf8f4);border-color:var(--sa-ink,#19262d)}
.vs-page .sa-series-primary:hover,.ml-page .sa-series-primary:hover{background:var(--lesson,#ff5b5b);filter:brightness(.96)}
.sa-series-button:focus-visible,.sa-series-back:focus-visible{outline:3px solid #2c6cc4;outline-offset:3px}
.vs-page .sa-series-back,.ml-page .sa-series-back{justify-content:flex-start;margin:24px 0 0;padding:10px 16px}
.sa-series-back>span:first-child{font-size:20px;line-height:1}
.ml-wrap.ml-detail{padding-top:0}
.ml-detail .ml-feature{padding:0 0 34px}
.sa-series-reading{padding-top:28px}
.ml-feedback:empty{display:none}
.vs-page .sa-series-copy>.vs-feature-note{font:400 13px/1.5 var(--sa-font-body,Arial,sans-serif);margin:12px 0 0;color:var(--sa-muted,#59666b)}
@media(max-width:460px){.vs-page .sa-series-actions,.ml-page .sa-series-actions{gap:8px}.vs-page .sa-series-button,.ml-page .sa-series-button{padding:11px 12px;font-size:13px}}
@media print{.sa-series-actions,.sa-series-back{display:none!important}}
@media(max-width:1000px){.vs-wrap,.ml-wrap{width:calc(100% - 64px)}.vs-feature,.ml-feature-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}}
@media(max-width:760px){.vs-wrap,.ml-wrap{width:calc(100% - 40px)}.vs-hero,.ml-heading-compact{padding:24px 0 18px}.vs-feature,.ml-feature-inner{grid-template-columns:1fr;gap:24px}.vs-feature-image,.ml-feature .ml-art{margin-inline:auto}.sa-series-tagline{font-size:15px}.vs-step,.ml-reading .ml-step{padding:22px 10px 22px 54px}.vs-step-number,.ml-step-number{left:10px;top:22px}.vs-step section>p,.vs-step figure blockquote,.vs-step.vs-scriptures .vs-verse-explanation,.ml-reading .ml-step p{font-size:16px}.vs-feature-copy h2,.ml-feature h2{font-size:30px}}
@media print{.vs-wrap,.ml-wrap{width:100%;max-width:none}.vs-step,.ml-reading .ml-step{padding:10px 8px 10px 42px}.vs-step-number,.ml-step-number{left:8px;top:10px;width:22px;height:22px;font-size:11px}.vs-step section>p,.vs-step figure blockquote,.vs-step.vs-scriptures .vs-verse-explanation,.ml-reading .ml-step p{font-size:10px;line-height:1.45}.vs-step section>h2,.vs-step.vs-scriptures .vs-scripture-label,.ml-reading .ml-step h2{font-size:11px;margin-bottom:6px}}

/* Emoji-led copy keeps the seven numbered steps while reducing repeated labels. */
.vs-page .sa-series-sr-only,.ml-page .sa-series-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.vs-step .sa-series-prose,.ml-reading .ml-step .sa-series-prose{font:400 17px/1.7 var(--sa-font-body,Arial,sans-serif);color:var(--sa-ink,#19262d);margin:0;max-width:none}
.vs-step .sa-series-prose .vs-verse-explanation{font:inherit;color:inherit;margin:0;display:inline}
.sa-step-emoji{display:inline-block!important;width:20px!important;height:20px!important;min-width:20px;max-width:none!important;margin:0 6px 0 0;vertical-align:-4px;object-fit:contain}
.vs-step .sa-series-prose a{font:inherit;text-underline-offset:3px;text-decoration-thickness:1px}
@media(max-width:760px){.vs-step .sa-series-prose,.ml-reading .ml-step .sa-series-prose{font-size:16px}}
@media print{.vs-step .sa-series-prose,.ml-reading .ml-step .sa-series-prose{font-size:10px;line-height:1.45}}

/* Page navigation belongs near the title; the reading has just one separator. */
.vs-page .sa-series-nav,.ml-page .sa-series-nav{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;border:0}
.vs-page .sa-series-nav>a,.ml-page .sa-series-nav>a{font-size:14px;padding:10px 14px;min-height:40px;border-radius:6px}
.ml-page .ml-feature,.vs-page .vs-feature{padding:0 0 28px;border:0}
.ml-today-reading,.sa-series-reading{padding-top:0}
.sa-series-guide{padding:32px 0 24px;margin-top:20px;scroll-margin-top:24px;max-width:800px}
.vs-page .sa-series-guide h2,.ml-page .sa-series-guide h2{font:700 24px/1.3 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;color:var(--sa-ink);margin:0 0 14px}
.vs-page .sa-series-guide .sa-guide-intro,.ml-page .sa-series-guide .sa-guide-intro{font:400 16px/1.7 var(--sa-font-body,Arial,sans-serif);color:var(--sa-muted);margin:0 0 24px;max-width:none}
.sa-series-guide ol{list-style:none;display:block;margin:0;padding:0}
.sa-series-guide li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:14px;margin:0 0 20px;padding:0}
.sa-guide-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--lesson,#ff5b5b);color:#000;font:700 14px/1 var(--sa-font-body,Arial,sans-serif)}
.vs-page .sa-series-guide h3,.ml-page .sa-series-guide h3{font:700 16px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--sa-ink);margin:0 0 4px}
.vs-page .sa-series-guide li p,.ml-page .sa-series-guide li p{font:400 15px/1.65 var(--sa-font-body,Arial,sans-serif);color:var(--sa-muted);margin:0;max-width:none}
.sa-series-guide .sa-step-emoji{width:18px!important;height:18px!important;min-width:18px;margin-right:7px;vertical-align:-3px}
.vs-seven{margin-top:0}
.sa-step-anchor{position:absolute;top:0;left:0;scroll-margin-top:24px}
.ml-step{scroll-margin-top:24px!important}
.sa-series-about{margin:36px 0;padding:30px;border:1px solid var(--sa-line);background:var(--sa-soft);scroll-margin-top:24px}
.vs-page .sa-series-about h2{font:700 clamp(24px,3vw,34px)/1.2 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.02em;max-width:780px;margin:0 0 18px}
.vs-page .sa-series-about>p:not(.vs-kicker){max-width:800px;font:400 17px/1.7 var(--sa-font-body,Arial,sans-serif);margin:12px 0 0}
.ml-about{scroll-margin-top:24px}
@media(max-width:760px){.sa-series-guide{padding-top:24px}.sa-series-guide li{gap:12px}.sa-series-about{padding:24px}.vs-page .sa-series-nav>a,.ml-page .sa-series-nav>a{font-size:13px;padding:9px 11px}}
@media print{.sa-series-nav,.sa-series-about,.sa-series-guide{display:none!important}.sa-step-emoji{width:12px!important;height:12px!important;min-width:12px;vertical-align:-2px}}

/* Optional enrichment stays with the daily reading; the series guide follows it. */
.vs-page .sa-series-deeper,.ml-page .sa-series-deeper{border:1px solid var(--sa-line);border-radius:6px;margin:24px 0 32px;padding:0;background:var(--sa-surface);color:var(--sa-ink)}
.vs-page .sa-series-deeper>summary,.ml-page .sa-series-deeper>summary{cursor:pointer;padding:16px 20px;font:700 16px/1.5 var(--sa-font-body,Arial,sans-serif);color:var(--sa-ink)}
.vs-page .sa-series-deeper>summary:is(:hover,:focus-visible),.ml-page .sa-series-deeper>summary:is(:hover,:focus-visible){background:var(--sa-soft)}
.vs-page .sa-series-deeper[open]>summary,.ml-page .sa-series-deeper[open]>summary{border-bottom:1px solid var(--sa-line)}
.sa-series-deeper>.vs-columns,.sa-series-deeper>.sa-deeper-body{padding:22px 20px;margin:0}
.vs-page .sa-series-deeper h3,.ml-page .sa-series-deeper h3{font:700 16px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:0;text-transform:none;color:var(--sa-ink);margin:0 0 8px}
.vs-page .sa-series-deeper p,.ml-page .sa-series-deeper p,.sa-series-deeper li{font:400 16px/1.7 var(--sa-font-body,Arial,sans-serif);color:var(--sa-ink);margin:0 0 16px;max-width:none}
.sa-series-deeper ul{padding-left:22px;margin:0}.sa-series-deeper li{margin-bottom:8px}
.sa-series-how .sa-series-guide{max-width:none;margin-top:26px;padding:26px 0 0;border-top:1px solid var(--sa-line)}
@media(max-width:760px){.sa-series-deeper>.vs-columns,.sa-series-deeper>.sa-deeper-body{padding:18px 16px}.vs-page .sa-series-deeper>summary,.ml-page .sa-series-deeper>summary{padding:14px 16px}}

/* The same introduction, guide, and collection structure in both series. */
.vs-page .sa-series-about h2,.ml-page .sa-series-about h2{font:700 clamp(24px,3vw,34px)/1.2 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.02em;margin:0 0 18px;max-width:780px}
.vs-page .sa-series-about p,.ml-page .sa-series-about p{font:400 16px/1.7 var(--sa-font-body,Arial,sans-serif);max-width:800px}
.vs-page .sa-series-about .vs-kicker,.ml-page .sa-series-about .ml-eyebrow{font:700 12px/1.5 var(--sa-font-body,Arial,sans-serif);letter-spacing:.1em;text-transform:uppercase;color:var(--sa-accent-ink)}
.sa-series-collection{padding:32px 0;border-top:1px solid var(--sa-line);scroll-margin-top:24px}
.sa-series-collection h2,.ml-archive h2{font:700 28px/1.3 var(--sa-font-body,Arial,sans-serif);letter-spacing:-.02em;color:var(--sa-ink)}
.sa-series-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(340px,86%);gap:20px;margin-top:16px;padding:4px 2px 18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:2px;align-items:stretch}
.sa-series-card{border:1px solid var(--sa-line);border-radius:8px;overflow:hidden;background:var(--sa-surface);min-width:0}
.sa-series-card>a{display:block}.sa-series-card>a img{display:block;width:100%;height:auto;aspect-ratio:1}
.sa-series-card-copy{padding:20px}.sa-series-card-copy h3{font:700 20px/1.3 var(--sa-font-body,Arial,sans-serif);margin:10px 0;color:var(--sa-ink)}
.sa-series-card-copy .sa-series-meta{font-size:14px;color:var(--sa-muted);margin:0}
.sa-series-card-copy .sa-series-actions{margin-top:18px}
@media(max-width:600px){.sa-series-about{margin:30px 0;padding:22px}.sa-series-collection h2,.ml-archive h2{font-size:26px}}

/* A compact swipeable collection, shared by lessons and verses. */
.sa-series-grid>.sa-series-card{scroll-snap-align:start}
.sa-series-grid[hidden],.sa-series-grid>[hidden],.sa-series-browse[hidden],[data-series-empty][hidden]{display:none!important}
.vs-page .sa-series-filters,.ml-page .sa-series-filters{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin:24px 0 16px}
.vs-page .sa-series-filters label,.ml-page .sa-series-filters label{display:grid;gap:8px;font:700 14px/1.5 var(--sa-font-body,Arial,sans-serif);color:var(--sa-ink)}
.vs-page .sa-series-filters input,.vs-page .sa-series-filters select,.ml-page .sa-series-filters input,.ml-page .sa-series-filters select{box-sizing:border-box;width:100%;min-width:0;height:48px;padding:10px 12px;border:1px solid var(--sa-line);border-radius:6px;background:var(--sa-surface);color:var(--sa-ink);font:400 16px/1.5 var(--sa-font-body,Arial,sans-serif)}
.sa-series-browse{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;color:var(--sa-muted);font-size:14px}
.sa-series-browse>div{display:flex;gap:8px}
.vs-page .sa-series-browse button,.ml-page .sa-series-browse button{margin:0;min-width:44px;min-height:44px;padding:6px 12px;font-size:24px}
.sa-series-grid:focus-visible{outline:2px solid var(--sa-focus);outline-offset:3px}
@media(max-width:600px){.vs-page .sa-series-filters,.ml-page .sa-series-filters{grid-template-columns:1fr;gap:12px}.sa-series-card-copy{padding:16px}}
@media print{.sa-series-browse,.sa-series-filters{display:none!important}}