/* Sunlit, tactile world: soft organic forms and clear paths into the apps. */
.friendly-world { --ink:#153f35; --paper:#f5fcf7; --lime:#d6f48f; }
.friendly-world .header { background:#f8ffface; color:#153f35; border-color:#31584316; backdrop-filter:blur(22px); }
.friendly-world .header .brand-symbol { background:#265b43; color:#f1ffdb; }
.friendly-world .header .brand-period { color:#40825a; }
.friendly-world .header-cta { background:#244f3e; color:#fff; }
.friendly-world .mobile-nav { background:#f6fff7; color:#214d39; }
.friendly-world .story-experience,.friendly-world .story-shell { background:#e8f6ed; }
.friendly-world .experience-switch { color:#365d48; border-color:#32563c1a; background:#eff9f3; }
.friendly-world .experience-switch button { color:#466852; }
.friendly-world .experience-switch button[aria-pressed=true] { color:#194e37; border-color:#194e37; }
.friendly-world .experience-switch>span { color:#52755d; }
.friendly-world .story-main { min-height:740px; }
.friendly-world .story-world { background:radial-gradient(ellipse at 72% 20%,#f9fff4 0%,#d8f4e7 35%,#b9e4dc 76%,#e7f5e9 100%); }
.friendly-world .story-world:after { background:linear-gradient(90deg,#eff9efe8 0,#ecf8efb0 24%,transparent 50%),linear-gradient(0deg,#e8f6ed 0,transparent 22%,transparent 85%,#f2fff536); }
.friendly-world .cinema-coordinate { color:#34654d; }
.friendly-world .story-copy { color:#173f32; }
.friendly-world .story-copy>.eyebrow { color:#497546; font-size:14px; letter-spacing:1.8px; }
.friendly-world .story-copy h1 { color:#173f32; font-size:clamp(48px,5.4vw,86px); line-height:1.02; letter-spacing:-1.6px; }
.friendly-world .story-copy h1 em { color:#477d3b; }
.friendly-world .cinema-entry>p { color:#42614e; }
.friendly-world .cinema-entry .button { background:#214f3c; color:#fff; box-shadow:0 9px 25px #315a3a18; border-radius:99px; }
.friendly-world .cinema-entry .text-link { color:#24543c; }
.friendly-world .cinema-entry>span { color:#526f5d; font-size:14px; }
.friendly-world .story-transcript summary,.friendly-world .story-transcript summary:before { color:#3e644f; }
.friendly-world .story-transcript[open] { background:#f8fff9ed; border-color:#87a88855; box-shadow:0 12px 28px #35533d0b; }
.friendly-world .story-transcript p,.friendly-world .story-transcript .visitor-line p,.friendly-world .story-transcript .guide-line p { color:#214b36; }
.friendly-world .story-transcript .speaker-label { color:#59754c; }
.friendly-world .story-actions .button { background:#214f3c; color:#fff; border-radius:99px; }
.friendly-world .story-actions .text-link,.friendly-world .story-transport,.friendly-world .story-transport button { color:#3e6550; }
.friendly-world .tour-progress { background:#31584217; }
.friendly-world .tour-progress>span { background:#678d48; }
.friendly-world .story-stage-top { color:#3d6651; }
.friendly-world .story-stage-top>div { padding:5px; border:1px solid #ffffffbf; border-radius:99px; background:#f4fff6a6; backdrop-filter:blur(16px); box-shadow:0 8px 30px #2e624d0a; }
.friendly-world .story-stage-top button { color:#365743; background:transparent; border:0; font-size:14px; }
.friendly-world .story-stage-top button[aria-pressed=true] { background:#d8edc9; color:#204830; }
.friendly-world .story-stage-top button:focus-visible,.friendly-world button:focus-visible,.friendly-world a:focus-visible { outline:3px solid #2a6851; outline-offset:4px; }
.friendly-world .story-camera button { background:#f8fff8de; color:#2d5c43; border-color:#ffffffbf; box-shadow:0 4px 20px #2d553611; }
.friendly-world .actor-labels span { color:#2c543a; background:#f3fff3d9; border:1px solid #ffffffc9; box-shadow:0 5px 20px #335e3010; }
.friendly-world .actor-labels span.is-speaking { color:#21462d; background:#d9edb4; border-color:#85aa65; }
.friendly-world .cinema-subtitles { color:#193d2e; background:#f8fff9d9; border:1px solid #fff; border-radius:22px; box-shadow:0 7px 30px #2b5a3b0e; }
.friendly-world .cinema-subtitles>span { color:#4d7548; }
.friendly-world .cinema-subtitles>p { color:#214b35; }
.friendly-world .scene-caption,.friendly-world .scene-caption>span { color:#486a54; }
.friendly-world .cinema-loader { color:#3b6c4e; }
.friendly-world .cinema-dock { background:#eff9f2; color:#32573f; border-color:#65835c20; }
.friendly-world .cinema-playback>button { background:#315f43; color:white; }
.friendly-world .cinema-playback>span { color:#47664f; }
.friendly-world .cinema-progress-track { background:#66855625; }
.friendly-world #cinema-progress { background:#779e50; }
.friendly-world .cinema-sound-controls>button,.friendly-world .cinema-sound-controls summary { color:#2f5940; border-color:#71876637; }
.friendly-world .cinema-sound-controls>button[aria-pressed=true] { background:#daeccb; color:#285139; }
.friendly-world .audio-popover { color:#244a34; background:#f7fff7; border-color:#9aad924d; box-shadow:0 15px 45px #31583c21; }
.friendly-world .audio-popover label,.friendly-world .audio-popover p { color:#426049; }
.friendly-world .audio-popover input { accent-color:#476f37; }
.friendly-world .story-interaction { background:#f4faf3; border-color:#69886429; }
.friendly-world .interaction-prompt,.friendly-world .story-choices>p { color:#315841; }
.friendly-world .story-options button { background:#fff; color:#2e4d37; border:1px solid #b7cbb05c; border-radius:16px; padding:14px 18px; }
.friendly-world .story-options button span { color:#698059; }
.friendly-world .story-options button:hover { border-color:#7c9d62; background:#edf7e2; }
.friendly-world .story-options button[aria-pressed=true] { color:#244b30; background:#def1c0; border-color:#7b9f56; }
.friendly-world .story-detail { border-color:#52784628; color:#254b35; }
.friendly-world .story-detail h2 { color:#204831; }
.friendly-world .story-detail>p,.friendly-world .story-detail .story-note { color:#4b6750; }
.friendly-world .detail-step,.friendly-world .chapter-goals>span { color:#59794e; }
.friendly-world .chapter-link { color:#265b3b; }
.friendly-world .chapter-goals a { color:#31553b; background:#e8f3e1; border-color:#426d4222; }
.friendly-world .chapter-nav { background:#e8f4e9; border-color:#6b885829; }
.friendly-world .chapter-nav button { color:#446448; border:1px solid transparent; border-radius:14px; }
.friendly-world .chapter-nav button small { color:#60815b; }
.friendly-world .chapter-nav button[aria-current=step] { color:#254d2e; background:#fff; border-color:#a8be954f; box-shadow:0 5px 17px #37592d08; }
.friendly-world .chapter-nav button[aria-current=step] small { color:#5b793f; }
.friendly-world .sdg-strip,.friendly-world .sdg-strip p,.friendly-world .sdg-strip p span,.friendly-world .sdg-strip button { color:#3d6046; }
.friendly-world .sdg-mark { background:#d4e9b7; color:#3b6332; }
.friendly-world .profile-search,.friendly-world .profile-search input { color:#315740; }
.friendly-world .profile-search input { background:white; border-color:#9bb687; }
.friendly-world .story-simple-scene h2 { color:#2f603f; }
.friendly-world .story-simple-scene p { color:#476c50; }
.provider-shortcut { display:inline-flex; align-items:center; min-height:44px; margin-top:13px; font-size:14px; font-weight:600; color:#2c5e3d; text-decoration:underline; text-underline-offset:5px; }
.provider-invitation { margin-top:24px; padding:25px; background:#e7f2d8; border:1px solid #a2bd8366; border-radius:20px; }
.provider-invitation .eyebrow { color:#4b6f35; font-size:12px; }
.provider-invitation h3 { font-family:Georgia,serif; font-size:28px; line-height:1.15; font-weight:400; color:#254b30; margin:12px 0; }
.provider-invitation>p { font-size:16px; line-height:1.65; color:#476040; margin-bottom:20px; }
.provider-invitation .button { background:#2c573b; color:#fff; border-radius:99px; font-size:14px; min-height:48px; padding:14px 18px; text-align:center; }
.provider-invitation small { display:block; color:#527046; font-size:13px; line-height:1.6; margin-top:14px; }
.join-paths { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:980px; margin:40px auto 0; text-align:left; }
.join-paths article { padding:32px; border-radius:26px; background:#eff6e9; border:1px solid #9db48b42; }
.join-paths article:last-child { background:#e0edcc; }
.join-paths article>span { font-size:12px; letter-spacing:1px; color:#5e7850; }
.join-paths h3 { font-size:28px; margin:18px 0 14px; color:#234d31; }
.join-paths p { color:#42603f; font-size:17px; line-height:1.6; margin-bottom:24px; }
.join-paths .button { border-radius:99px; font-size:14px; }
.join-paths small { display:block; margin-top:17px; color:#557249; font-size:13px; line-height:1.6; }
[hidden] { display:none!important; }
@media(max-width:799px) {
 .friendly-world .story-main { min-height:930px; }
 .friendly-world .story-world { background:radial-gradient(ellipse at 50% 25%,#f4fff4 0,#c7ede0 65%,#e8f6ed); }
 .friendly-world .story-world:after { background:linear-gradient(0deg,#e8f6ed,transparent 25%,transparent 80%,#e8f6ed); }
 .friendly-world .story-stage-top>div { border-radius:22px; }
 .friendly-world .story-stage-top button { font-size:12px; }
 .friendly-world .story-copy>.eyebrow { font-size:12px; }
 .friendly-world .story-copy h1 { font-size:clamp(46px,8vw,64px); }
 .provider-invitation { padding:23px; }
 .join-paths { grid-template-columns:1fr; }
 .join-paths article { padding:26px; }
 .provider-shortcut { margin-top:6px; }
}