/* Scoped use pages share SongBridge's colors, cards and playback controls. */
#worldView{--gold:#ba713e;line-height:1.65;color:var(--ink);}
#worldView[hidden]{display:none!important}
#worldView :is(h1,h2,h3){scroll-margin-top:30px}
#worldView *{box-sizing:border-box}
#worldView a{color:inherit;text-decoration:none}
#worldView textarea{font:inherit}
#worldView a.button{cursor:pointer}
#worldView a:focus-visible,#worldView textarea:focus-visible{outline:3px solid #bb7544;outline-offset:5px}
#worldView h1,#worldView h2,#worldView h3,#worldView p{margin-top:0}
#worldView h1,#worldView h2,#worldView h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-1.5px}
#worldView h1{font-size:clamp(46px,5.5vw,82px);margin-bottom:26px}
#worldView h2{font-size:clamp(32px,3.5vw,50px)}
#worldView h3{font-size:29px;letter-spacing:-.6px}
#worldView em{font-weight:400;color:#a65d35}
#worldView p{max-width:65ch}
#worldView .eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:bold;text-transform:uppercase;margin-bottom:22px}
#worldView .lead{font-size:21px;line-height:1.55}
#worldView .homehero{display:grid;grid-template-columns:43% 57%;min-height:650px;align-items:center;padding:48px 0 50px 7%}
#worldView .heroWords{position:relative;z-index:1;padding-right:20px}
#worldView .heroWords>p:not(.eyebrow){max-width:390px}
#worldView .homehero h1{font-size:clamp(65px,7.4vw,108px);line-height:.97}
#worldView .landscape{position:relative;height:610px;overflow:hidden;border-radius:48% 0 0 48%}
#worldView .landscape img{width:100%;height:100%;object-fit:cover;object-position:65% center}
#worldView .imageCaption{position:absolute;bottom:25px;right:25px;background:#f7f3e9e8;padding:9px 17px;font:italic 16px Georgia}
#worldView .button{background:var(--ink);color:white;border:1px solid var(--ink);padding:12px 20px;border-radius:3px;display:inline-flex;gap:30px;align-items:center;font-size:14px}
#worldView .button:hover{filter:brightness(1.15)}
#worldView .outline{background:transparent;color:var(--ink)}
#worldView .intro{padding:75px 8%;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr;gap:0 70px}
#worldView .intro .eyebrow{grid-column:1/-1}
#worldView .intro>p:last-child{align-self:center}
#worldView .moments{padding:0 7% 85px;display:grid;grid-template-columns:1fr 1fr;gap:55px}
#worldView .moment{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:25px;padding-top:30px;border-top:1px solid var(--line)}
#worldView .momentArt img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;box-shadow:0 9px 20px #203e3315;transition:transform .3s}
#worldView .moment:hover img{transform:rotate(-2deg)}
#worldView .moment .eyebrow{font-size:10px;letter-spacing:1.6px}
#worldView .moment h3{margin:15px 0}
#worldView .moment p{font-size:14px}
#worldView .textlink{font-size:13px;font-weight:bold;border-bottom:1px solid;padding-bottom:4px}
#worldView .closing{background:var(--ink);color:var(--paper);padding:85px 12%;text-align:center}
#worldView .closing p{margin:0 auto 25px}
#worldView .closing em{color:#dfb583}
#worldView .light{background:var(--paper);color:var(--ink)}
#worldView .small{font-size:12px;line-height:1.6}
#worldView .closing .small{margin-top:25px;opacity:.8}
#worldView .scenehero{padding:65px 8%;display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}
#worldView .scenehero figure{margin:0;max-width:480px;transform:rotate(2deg)}
#worldView .scenehero img{width:100%;box-shadow:0 18px 40px #213e3325;border-radius:5px}
#worldView .scenehero figcaption{font-size:12px;text-align:center;margin-top:12px}
#worldView .context{padding:55px 8% 70px;border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr;gap:0 70px}
#worldView .context .eyebrow{grid-column:1/-1}
#worldView .context h2{font-size:30px;line-height:1.4;letter-spacing:-.6px}
#worldView .context aside{border-left:2px solid #ba713e;padding-left:26px;font-size:14px;align-self:center}
#worldView .question{background:#e8e9da;text-align:center;padding:65px 15%}
#worldView .question span{font-size:10px;letter-spacing:2px}
#worldView .question blockquote{font:italic clamp(30px,3vw,45px)/1.25 Georgia;margin:20px 0 0}
#worldView .practice,#worldView .songs{padding:70px 8%}
#worldView .sectionHead{max-width:750px}
#worldView .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}
#worldView .stepNumber{font:italic 32px Georgia;color:var(--gold);display:block;margin-bottom:20px}
#worldView .steps p{font-size:15px}
#worldView .songs{background:#ecebdf}
#worldView .ways-song-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
#worldView .selection{font-size:14px;margin:23px 0 10px}
#worldView .takeaway{display:grid;grid-template-columns:1fr 1fr;padding:80px 8%;gap:70px}
#worldView .script blockquote{font:italic 25px/1.5 Georgia;margin:30px 0}
#worldView .response{background:#e9e8db;padding:30px}
#worldView .response h2{font-size:30px}
#worldView .response label{display:block;font-size:12px;margin-bottom:7px}
#worldView textarea{width:100%;resize:vertical;border:1px solid #9ea996;background:#faf8f0;padding:14px;color:var(--ink)}
#worldView .actions{display:flex;gap:10px;flex-wrap:wrap}
#worldView .actions button{font-size:12px}
#worldView .feedback{font-size:12px;margin-top:12px}
#worldView .next{display:block;padding:45px 8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#worldView .next h2{margin:0}
#worldView .printCards{display:none}
@media(max-width:900px){#worldView .homehero{min-height:0}
#worldView .landscape{height:470px}
#worldView .homehero h1{font-size:68px}
#worldView .moments{gap:30px}
#worldView .moment{display:block}
#worldView .momentArt{max-width:250px;margin-bottom:25px}
#worldView .scenehero{gap:5%;padding:45px 6%}
#worldView .context{gap:30px}
#worldView .takeaway{gap:30px;padding:60px 6%}
#worldView .ways-song-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){#worldView .homehero{display:flex;flex-direction:column;padding:40px 6%}
#worldView .heroWords{padding:0}
#worldView .homehero h1{font-size:72px}
#worldView .landscape{width:100%;height:310px;border-radius:45% 45% 3px 3px;margin-top:35px}
#worldView .imageCaption{font-size:12px;right:10px;bottom:10px}
#worldView .intro{display:block;padding:50px 6%}
#worldView .moments{display:block;padding:0 6% 40px}
#worldView .moment{display:grid;grid-template-columns:35% 1fr;gap:20px;padding:25px 0}
#worldView .momentArt{margin:0}
#worldView .moment h3{font-size:25px}
#worldView .moment .eyebrow{letter-spacing:1px}
#worldView .closing{padding:50px 7%}
#worldView .scenehero{display:flex;flex-direction:column;gap:35px}
#worldView .scenehero h1{font-size:49px}
#worldView .scenehero figure{max-width:340px;transform:none}
#worldView .context{display:block;padding:40px 6%}
#worldView .context h2{font-size:26px}
#worldView .context aside{margin-top:30px}
#worldView .question{padding:40px 8%}
#worldView .steps{display:block}
#worldView .steps article{margin-bottom:30px;border-bottom:1px solid var(--line)}
#worldView .practice,#worldView .songs{padding:45px 6%}
#worldView .ways-song-grid{gap:12px}
#worldView .takeaway{display:block;padding:45px 6%}
#worldView .response{padding:22px;margin-top:35px}
#worldView .lead{font-size:19px}}
@media(prefers-reduced-motion:reduce){#worldView *{transition:none!important}}
@media(min-width:901px){#worldView[data-ways-page="on-the-way"] .ways-song-grid{grid-template-columns:repeat(4,1fr)}}
@media(min-width:901px){#worldView[data-ways-page="with-your-team"] .ways-song-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:901px){#worldView[data-ways-page="in-the-classroom"] .ways-song-grid{grid-template-columns:repeat(2,1fr)}}
#worldView .sb-resource-icon{display:inline-block;width:1em;height:1em;vertical-align:-.1em;flex:none;pointer-events:none;color:inherit}
#worldView .deeperInvitation{margin:0 7% 75px;padding:34px;border:1px solid var(--line);display:grid;grid-template-columns:minmax(170px,260px) 1fr;align-items:center;gap:6%;border-radius:5px;background:#eeeddf}
#worldView .deeperInvitation h2{margin-bottom:20px}
#worldView .deeperInvitation img{display:block;width:100%;border-radius:4px}
#worldView .deeperInvitation p{max-width:56ch}
#worldView .inquiryHero figure{transform:none}
#worldView .inquiryHero{background:linear-gradient(130deg,#f7f3e9,#e9eadf)}
#worldView .inquiryContext .contextDetail{grid-column:1/-1;margin:26px 0 0;max-width:78ch}
#worldView .quoteCredit{font-size:12px;margin:18px auto 0;color:var(--muted)}
#worldView .inquirySongLayout{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:start}
#worldView .inquirySongLayout .ways-song-grid{grid-template-columns:1fr}
#worldView .inquiryLines{border-left:1px solid #b6bdab;padding-left:30px}
#worldView .inquiryLines h3{font-size:24px}
#worldView .inquiryLines blockquote{font:italic 24px/1.35 Georgia;margin:28px 0 10px;color:#805433}
#worldView .inquiryLines p{font-size:15px}
#worldView .inquiryCrosslink{margin:0 8% 55px;padding:28px 32px;background:#e8e9da;border-left:3px solid #ba713e}
#worldView .inquiryCrosslink p{margin-bottom:18px}
#worldView[data-ways-page="deeper-inquiry"] .sectionHead{margin-bottom:32px}
@media(max-width:650px){#worldView .deeperInvitation{margin:0 6% 45px;padding:22px;grid-template-columns:1fr;gap:25px}
#worldView .deeperImage{max-width:260px}
#worldView .deeperInvitation h2{font-size:34px}
#worldView .inquirySongLayout{grid-template-columns:1fr;gap:35px}
#worldView .inquiryLines{padding-left:20px}
#worldView .inquiryCrosslink{margin:0 6% 40px;padding:24px}}
/* Existing collection cards remain visually and functionally consistent. */
#worldView .ways-song-grid{align-items:start;gap:38px 28px;margin-top:30px}
#worldView .song-card h3{font:normal 24px/1.25 Georgia,serif;letter-spacing:-.5px;margin:10px 0}
#worldView .song-info p{font:14px/1.6 Arial,Helvetica,sans-serif;color:var(--muted);margin:0 0 12px}
#worldView .song-info .sb-card-labels .tag{font:700 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.07em}
#worldView .song-info .recording-language{font:12px/1.4 Arial,Helvetica,sans-serif}
#worldView .song-info .save{font:26px/1 Arial,Helvetica,sans-serif}
#worldView .song-info .sb-song-actions{margin-top:10px}
#worldView .song-info .sb-song-actions button{font-size:13px}
#worldView .response button,#worldView [data-export],#worldView .ways-list-actions button{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:12px 18px;border-radius:5px;font:14px/1.4 Arial,sans-serif;min-height:44px;cursor:pointer}
#worldView .response button.outline,#worldView [data-export].outline,#worldView .ways-list-actions button.outline{background:transparent;color:var(--ink)}
#worldView .response textarea{font:16px/1.6 Arial,Helvetica,sans-serif}
#worldView .response textarea:focus-visible{outline:3px solid var(--ochre);outline-offset:4px}
#worldView .selection{margin:28px 0 14px;font-size:14px;color:var(--muted)}
#worldView .ways-list-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
#worldView .inquirySongLayout .ways-song-grid{grid-template-columns:1fr;margin-top:0}
#worldView .inquirySongLayout .song-card{max-width:390px}
#worldView .inquirySongLayout .song-card .cover{max-width:310px}
#worldView .printCards{display:none}
@media(max-width:650px){
 #worldView .ways-song-grid{gap:30px 16px}
 #worldView .song-card h3{font-size:22px;letter-spacing:-.3px}
 #worldView .song-info p{font-size:13px}
 #worldView .song-info .sb-song-actions button{font-size:12px}
 #worldView .scenehero figure{width:100%}
 #worldView .scenehero figure img{display:block}
 #worldView .inquirySongLayout .song-card{max-width:none}
 #worldView .inquirySongLayout .song-card .cover{max-width:300px}
}
@media print{
 body:has(#worldView:not([hidden]))>*{display:none!important}
 body:has(#worldView:not([hidden]))>main:has(#worldView),body:has(#worldView:not([hidden]))>#worldView{display:block!important;max-width:none!important;margin:0!important;padding:0!important}
 body:has(#worldView:not([hidden]))>main:has(#worldView)>:not(#worldView){display:none!important}
 #worldView:not([hidden]){display:block!important;margin:0!important;padding:0!important}
 #worldView:not([hidden])>:not(.printCards){display:none!important}
 #worldView:not([hidden])>.printCards{display:block!important;color:#203e33;background:white}
 #worldView .printCards article{height:45vh;padding:30px;border:1px dashed #777;margin-bottom:25px;break-inside:avoid}
 #worldView .printCards h2{font:30px/1.3 Georgia,serif;letter-spacing:0;margin:20px 0}
 #worldView .printCards p{font:14px/1.4 Arial,sans-serif}
 #worldView .printCards .lines{height:140px;background:repeating-linear-gradient(white,white 33px,#bbb 34px,white 35px);print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #worldView .printCards small{display:block;margin-top:20px;font:13px/1.5 Arial,sans-serif}
}