/* Learn4Free: a practical, friendly studio. Dark theme remains available. */
:root{--blue:#215a79;--green:#215a79}.app-ready .free4all-nav{background:#e5f3fc;color:#18384b;border-color:#c9deea}.app-ready .free4all-nav a,.app-ready .free4all-nav b{color:#18384b}.app-ready header .brand{font-size:23px}.app-ready .brand:before{background:#86c8ed;box-shadow:none;border:2px solid #215a79;border-radius:50%;width:18px;height:18px;transform:none}.app-ready .intro{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.8fr);gap:24px;align-items:center;margin:8px 0 32px}.app-ready .intro h1{font:normal clamp(36px,4.4vw,57px)/1.08 Georgia,serif;letter-spacing:-1.6px;margin:14px 0 20px}.app-ready .intro h1 em{font-weight:normal;color:#326c8a}.app-ready .intro .eyebrow{font-size:10px;font-weight:750;color:#365f76}.learn-hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:430px}.app-ready .hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}.app-ready .hero-actions button{font-size:13px}.app-ready .hero-note{font-size:12px!important;color:#516777}.learn-art{position:relative;height:280px}.art-orbit{position:absolute;inset:20px -5px 20px 0;border-radius:50%;background:#d4ebf9}.sample-note,.checked-note{position:absolute;border:1px solid #a3b8c4;border-radius:5px;box-shadow:0 9px 20px #18384b0c;background:#fffdf5;color:#18384b;padding:20px;transform:rotate(-8deg)}.sample-note{top:15px;left:0;width:180px}.sample-note span,.checked-note span{font-size:8px;font-weight:750;letter-spacing:.1em}.sample-note p{font-size:15px;margin:12px 0 0}.checked-note{top:98px;right:0;background:#f9edb3;width:190px;transform:rotate(7deg)}.checked-note p{font-size:25px;line-height:1.4;margin:12px 0}.checked-note s{color:#a74b3e;text-decoration:none;font-size:20px}.checked-note b{color:#285d4d}.checked-note small{font-size:11px;line-height:1.4;display:block}.spark{position:absolute;left:-4px;bottom:1px;font-size:72px;color:#4588a9}.learn-route{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:22px 0;margin:0 0 30px;border-block:1px solid #cbdde7}.learn-route li{display:grid;grid-template-columns:25px 1fr;gap:2px 5px;align-items:center}.learn-route span{font-size:10px;color:#42677e}.learn-route b{font-size:14px}.learn-route small{grid-column:2;font-size:11px;color:#516777}.app-ready .next-win{background:#e5f1f8;border:1px solid #ccdee9;border-radius:10px;padding:22px;margin-bottom:22px}.app-ready .next-win h2{color:#17384a;font-size:23px}.app-ready .next-win p,.app-ready .next-win .eyebrow,.app-ready .next-win>button:last-child{color:#3f6174}.app-ready .next-win .primary{background:#215a79;color:white}.app-ready .next-win .eyebrow{font-size:9px}.app-ready .card{border-radius:10px}.app-ready .beginner-start{border:1px solid #9bbccb;border-left:5px solid #4382a2;background:#f9fcfe}.practice-tag{display:inline-block;font-size:9px;font-weight:800;letter-spacing:.12em;background:#faedb5;color:#4b4826;padding:6px 10px;border-radius:3px;margin-bottom:16px}.app-ready .beginner-start h2{font-size:26px;line-height:1.2}.app-ready #onboarding{border-top:4px solid #8dbad1}.app-ready #onboarding h2{font-size:26px}.app-ready .choices button{border-radius:7px}.app-ready .app-nav button[aria-current=page]{background:#dff0fa;color:#194d6b}.app-ready button.primary{background:#215a79;border-color:#215a79}.app-ready .origin-note{font-size:13px;line-height:1.6;border-top:1px solid var(--line);padding-top:20px}.app-ready .learning-shelf{margin-top:30px}.app-ready #beginner-start{scroll-margin-top:25px}[data-theme=light] .app-ready{background:#fafbf9}[data-theme=dark] .app-ready .free4all-nav{background:#152e40;color:#ddecf4;border-color:#3d5d70}[data-theme=dark] .app-ready .free4all-nav a,[data-theme=dark] .app-ready .free4all-nav b{color:#ddecf4}[data-theme=dark] .app-ready .intro h1 em,[data-theme=dark] .app-ready .intro .eyebrow,[data-theme=dark] .app-ready .hero-note{color:#a7d6ee!important}[data-theme=dark] .learn-route{border-color:#456171}[data-theme=dark] .learn-route span,[data-theme=dark] .learn-route small{color:#b5cddd}[data-theme=dark] .app-ready .next-win,[data-theme=dark] .app-ready .beginner-start{background:#183345;border-color:#52778c}[data-theme=dark] .app-ready .next-win h2,[data-theme=dark] .app-ready .next-win p,[data-theme=dark] .app-ready .next-win .eyebrow,[data-theme=dark] .app-ready .next-win>button:last-child{color:#dceaf2}[data-theme=dark] .art-orbit{background:#254c63}@media(min-width:1000px){.app-ready main{max-width:1120px;padding-left:44px;padding-right:44px}.app-ready .home-actions{max-width:none}.app-ready #screen-home>.card,.app-ready #screen-home>details{max-width:none}}@media(max-width:700px){.app-ready .intro{grid-template-columns:1fr}.app-ready .intro h1{font-size:43px}.learn-art{height:220px;max-width:300px;width:100%;margin:5px auto 10px}.sample-note{top:0}.checked-note{top:60px}.spark{bottom:-8px}.learn-route{grid-template-columns:1fr 1fr;gap:20px}.app-ready .hero-actions{display:grid}.app-ready .hero-actions button{text-align:left}.app-ready .intro{gap:10px}.app-ready .beginner-start h2{font-size:24px}.app-ready .next-win{padding:20px}.app-ready .free4all-nav{gap:2px 16px;padding:8px 18px}.app-ready .free4all-nav a{font-size:12px}}@media print{.learn-art,.hero-actions,.learn-route,.free4all-nav{display:none!important}}