/* R65 presentation layer; original feature styles remain in their source owners. */
:root{--r65-surface:var(--card,#fff);--r65-ink:var(--text,#182b49);--r65-line:var(--border,#bdcce0)}
#r65-start{display:grid;gap:24px}#r65-start .card{margin:0;padding:24px}#r65-start h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin:0 0 12px}#r65-start p{margin:8px 0 18px;max-width:65ch}#r65-start small{display:block;margin-top:12px}#r65-start .r7-subject-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px}#r65-start .r7-subject-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:140px;padding:20px;gap:14px;white-space:normal}.r65-subject-symbol{flex:none;width:32px;height:32px;vertical-align:middle}.r65-destinations{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.r65-destination{display:flex;align-items:center;gap:12px;padding:18px;color:var(--r65-ink);background:var(--r65-surface);border:1px solid var(--r65-line);border-radius:14px;text-decoration:none;overflow-wrap:anywhere}.r65-destination:focus-visible,.r65-header-links a:focus-visible,.r65-tabs a:focus-visible{outline:3px solid #0868c7;outline-offset:3px}.r65-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.r65-tabs .r65-destination{padding:12px 16px;border-radius:10px;font-size:1rem}.r65-tabs [aria-current=page]{background:var(--v-soft,var(--soft,#e6efff));color:var(--v-ink,var(--ink,#123867));border-color:var(--v-primary,var(--blue,#1264bf));font-weight:750}.r65-header-links{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-left:auto;font-size:.95rem}.r65-header-links a{color:inherit}.r65-header-links a:first-child{white-space:normal}#screen-app .topnav .topnav-links{display:none!important}#screen-app .topnav{gap:16px;flex-wrap:wrap}.r65-more h2{margin-top:0}.r65-more{max-width:1100px;margin:auto}.r65-subjects .experience-dashboard> :not(#dash-panel-subjects),.r65-progress .experience-dashboard> :not(#dash-panel-progress){display:none!important}.r65-subjects #dash-panel-subjects,.r65-progress #dash-panel-progress{display:block!important}.r65-help{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:1200;max-width:min(320px,calc(100vw - 32px));color:var(--r65-ink)}.r65-help>summary{list-style:none;border:1px solid var(--r65-line);background:var(--r65-surface);padding:12px 18px;border-radius:99px;box-shadow:0 4px 18px #0c2f591b;cursor:pointer;font-weight:700}.r65-help>summary::-webkit-details-marker{display:none}.r65-help[open]{width:min(300px,calc(100vw - 32px))}.r65-help-items{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--r65-surface);border:1px solid var(--r65-line);border-radius:16px;margin-bottom:8px;max-height:min(55vh,380px);overflow:auto}.r65-help[open]{display:flex;flex-direction:column-reverse}.r65-help-items #ev-help,.r65-help-items [data-report-error],.r65-help-items #rf-to-top{position:static!important;inset:auto!important;transform:none!important;width:100%!important;min-height:44px;height:auto!important;margin:0!important;box-shadow:none!important;border-radius:10px!important;white-space:normal;float:none}.r65-help-items #rf-to-top[hidden]{display:none!important}.r65-young #r65-start .r7-subject-tile{min-height:165px;font-size:1.2rem}.r65-young #r65-start .r7-subject-tile .r65-subject-symbol{width:42px;height:42px}.r65-young #r65-read{display:inline-flex;min-height:44px}body[data-r65-public] #public-home-content main>section{margin:28px auto}body[data-r65-public] #public-home-content main>section.public-hero{margin-top:0}body[data-r65-public] .r65-hero-demo{grid-column:1/-1;width:100%;min-width:0}body[data-r65-public] .r65-hero-demo .public-demo{margin:24px 0 0}body[data-r65-public] #public-subjects{background:var(--r65-surface);border-radius:24px;padding:32px}body[data-r65-public] .public-subject-button svg{width:32px;height:32px}body[data-r65-public] .r65-parents-details{margin-top:20px}body[data-r65-public] .r65-parents-details>summary{font-weight:700;padding:14px 0;cursor:pointer}body[data-r65-public] .look-sophie-showcase .r65-bridge-link{display:inline-block;color:inherit;text-decoration:underline;font-weight:700;margin-top:12px}body[data-r65-public] .public-end{min-height:unset}body[data-r65-public] .public-footer{padding-bottom:80px}body[data-r65-public] .home-pilot-top{font-size:.9rem;line-height:1.5;padding:12px 20px;margin:0 auto 16px;border-radius:12px;background:var(--v-soft,#e8f0fb);color:var(--v-ink,#243e61);border:1px solid var(--v-line,#c1d1e6);max-width:var(--public-max,1280px)}body[data-r65-public] .public-demo .sophie-ai-notice{margin-top:12px}.r65-shared-back{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.r65-shared-back a{color:inherit}.r65-help:focus-within{outline-offset:4px}
@media(max-width:1000px){.r65-help{bottom:calc(84px + env(safe-area-inset-bottom))}.r65-header-links{gap:12px;margin-left:0}.r65-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.r65-tabs .r65-destination{font-size:.95rem;gap:8px;padding:10px}.r65-tabs svg{width:20px;height:20px}.r65-tabs .r65-destination:last-child{grid-column:1/-1}.r65-young #r65-start .r7-subject-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#r65-start .r7-subject-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#r65-start .r7-subject-tile{min-width:0;overflow-wrap:anywhere}#screen-app .topnav{padding:12px}.r65-header-links{font-size:.85rem}.r65-header-links a:first-child{display:none}.r65-destinations{grid-template-columns:1fr}body[data-r65-public] #public-subjects{padding:24px 18px}body[data-r65-public] .r65-hero-demo .public-demo{padding:18px}}
@media(prefers-reduced-motion:reduce){.r65-start *{scroll-behavior:auto}}
/* Shared learning shell for standalone areas, including their static language controls. */
.r65-standalone{background:var(--v-bg,var(--page,var(--bg,#f3f6fb)));color:var(--v-ink,var(--ink,#182b49));font-family:var(--v-font,'Inter',system-ui,sans-serif)}.r65-standalone #r7-sidebar{position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;width:260px;padding:24px 16px;background:var(--v-surface,var(--paper,var(--card,#fff)));border-right:1px solid var(--v-line,#cad6e6);z-index:200;overflow:auto;box-sizing:border-box}.r65-standalone #r7-sidebar .r7-logo{display:block;margin:4px 12px 24px}.r65-standalone #r7-sidebar .r7-logo img{width:190px;height:56px;object-fit:contain}.r65-standalone #r7-sidebar nav{display:grid;gap:8px;align-content:start;grid-auto-rows:min-content}.r65-standalone #r7-sidebar nav>a{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;min-height:52px;padding:12px;border-radius:12px;box-sizing:border-box;font-size:1.05rem;font-weight:650}.r65-standalone #r7-sidebar nav>a:hover{background:var(--v-soft,#e8f0fc)}.r65-standalone #r7-sidebar .r7-sidebar-note{margin-top:auto;padding:24px 12px;font-size:.9rem;line-height:1.6;color:var(--v-muted,var(--muted,#536783))}.r65-standalone>header:not(.future-hero){position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;min-height:80px;margin:0 0 0 260px;padding:16px 28px;background:var(--v-surface,var(--paper,var(--card,#fff)));border-bottom:1px solid var(--v-line,#cad6e6);box-sizing:border-box;width:auto}.r65-standalone>header>a:not(.platform-header-brand){display:none}.r65-standalone .platform-header-brand img{width:150px;height:44px;object-fit:contain}.r65-standalone .platform-menu-button{display:none}.r65-standalone>main{width:auto;max-width:none;margin:0 0 0 260px;padding:28px;box-sizing:border-box;min-width:0}.r65-standalone>footer{margin-left:260px;padding:32px 28px 90px;width:auto;box-sizing:border-box}.r65-standalone #r7-bottom-nav{display:none}.r65-standalone .r65-tabs{max-width:1200px}.r65-standalone>main>*{min-width:0}.r65-standalone>header nav:not(.r65-header-links){display:flex;flex-wrap:wrap;gap:12px}.r65-standalone .platform-header-brand{flex:0 0 auto}.r65-standalone .r65-header-links{font-size:.95rem}
@media(max-width:1000px){.r65-standalone>header:not(.future-hero){margin:0;padding:12px 18px;gap:12px}.r65-standalone>main,.r65-standalone>footer{margin-left:0;padding:24px 18px 90px}.r65-standalone #r7-sidebar{inset:var(--shell-menu-top,80px) auto var(--shell-menu-bottom,0px) 0;width:min(310px,calc(100vw - 36px));display:none}.r65-standalone[data-menu-open] #r7-sidebar{display:flex}.r65-standalone .platform-menu-button{display:inline-flex;padding:10px 12px;border:1px solid #a5b8cf;border-radius:10px;background:#fff;color:#183355;min-height:44px}.r65-standalone #r7-bottom-nav{position:fixed;inset:auto 0 0;z-index:220;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:6px 3px calc(6px + env(safe-area-inset-bottom));background:var(--v-surface,var(--paper,var(--card,#fff)));border-top:1px solid var(--v-line,#cad6e6)}.r65-standalone #r7-bottom-nav a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center;font-size:.72rem;line-height:1.3;color:inherit;text-decoration:none;min-height:50px;overflow-wrap:anywhere}.r65-standalone #r7-bottom-nav svg{width:22px;height:22px}.r65-standalone .r65-header-links{font-size:.85rem}}
/* These layout constraints outrank retained legacy subject-card rules. */
#screen-app #r65-start .r7-subject-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:14px!important;min-height:145px!important;padding:20px!important}#screen-app #r65-start .r7-subject-tile>b{align-self:center!important;width:100%;text-align:center!important;margin:0!important}#screen-app #r65-start .r7-subject-tile>span{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:56px!important;height:56px!important}#screen-app #r65-start .r7-subject-section{padding:24px!important;margin:0!important}#screen-app #r65-start .r7-subject-strip{gap:16px!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}
@media(max-width:1000px){#screen-app .topnav{display:grid!important;grid-template-columns:minmax(70px,1fr) auto!important;gap:10px!important;padding:12px 14px!important}#screen-app .topnav .logo{width:100px!important;min-width:0!important;margin:0!important;padding:0!important}#screen-app .topnav .logo img,#screen-app .topnav .logo .eduvilo-brand-crop{max-width:100px!important;width:100px!important}#screen-app .topnav .topnav-right{grid-column:2!important;grid-row:1!important;display:flex!important;gap:6px!important;justify-content:flex-end!important;min-width:0!important}#screen-app #eduvio-language{width:116px!important;max-width:116px!important;font-size:.82rem!important;padding:7px!important;min-height:42px!important}#screen-app .topnav .r65-header-links{grid-column:1!important;grid-row:2!important;margin:0!important}#screen-app #r65-read{grid-column:2!important;grid-row:2!important;justify-self:end!important;width:auto!important;font-size:.9rem!important;padding:8px 14px!important}#screen-app .topnav .eduvio-app-install{display:none!important}#screen-app #r65-start .r7-subject-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#screen-app #r65-start .r7-subject-section{padding:16px!important}#screen-app #r65-start .r7-subject-tile{min-height:150px!important;padding:16px 10px!important;font-size:1.1rem!important}}
.r65-secondary-more{display:inline-flex;justify-content:center;margin:0 0 22px;padding:9px 14px;font-size:.9rem;background:transparent}.r65-secondary-more svg{width:18px;height:18px}
#screen-app #r65-start .r65-continue,#screen-app #r65-start .r65-sophie{text-align:center}#screen-app #r65-start .r65-continue>p,#screen-app #r65-start .r65-sophie>p{max-width:none;text-align:center;padding:0 16px}#screen-app #r65-start .r65-continue>small{text-align:center}
.r65-learning-tools{display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.r65-learning-tools .r65-secondary-more{color:var(--v-primary,#075bb0);margin:0;min-height:44px;align-items:center}
.r65-tabs [aria-current=page],.r65-tabs [aria-current=page] span{color:var(--v-ink,var(--ink,#123867))!important}.r65-tabs .r65-destination>span{min-width:0;white-space:normal!important;overflow-wrap:anywhere}.r65-tabs .r65-destination{min-width:0;white-space:normal!important}#screen-app #r65-start .r7-sophie-action,#screen-app #r65-start .r7-sophie-action b{color:var(--v-on,#fff)!important;-webkit-text-fill-color:var(--v-on,#fff)!important}#screen-app .topnav .r65-header-links{position:static!important;inset:auto!important;width:auto!important;height:auto!important;max-width:100%;z-index:1;align-self:center}#screen-app .topnav .topnav-right{position:relative;z-index:2}.r65-help{bottom:calc(var(--r65-bottom-inset,0px) + 18px + env(safe-area-inset-bottom))!important}.r65-onboarding-help .r65-help{position:static!important;display:table;margin:20px auto;max-width:calc(100% - 36px);z-index:auto}.r65-standalone .eduvilo-legal-footer{padding-bottom:calc(var(--r65-bottom-inset,0px) + 110px)!important}
@media(max-width:1000px){.r65-tabs{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.r65-tabs .r65-destination:last-child{grid-column:auto}}
@media(max-height:500px){.r65-standalone #r7-sidebar.r60-menu{padding:8px!important}.r65-standalone #r7-sidebar.r60-menu .r7-logo{display:none!important}.r65-standalone[data-menu-open]>header>:not(.platform-menu-button):not(.platform-header-brand){display:none!important}}
/* Important legacy declarations are layered; keep component overrides in that same layer. */
@layer evVisual {
body #screen-app .r7-sophie-action,body #screen-app .r7-sophie-action b{color:var(--v-on,#fff)!important;-webkit-text-fill-color:var(--v-on,#fff)!important}
body #screen-app .topnav .topnav-right{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;min-width:0!important;max-width:100%!important;z-index:2!important;flex:0 1 auto!important}
body #screen-app .topnav .r65-header-links{position:static!important;inset:auto!important;width:auto!important;height:auto!important;z-index:1!important}
@media(max-width:1000px){
body.r65-standalone #r7-bottom-nav{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:2px!important;padding:6px 3px calc(6px + env(safe-area-inset-bottom))!important;height:auto!important;min-height:0!important}
body.r65-standalone #r7-bottom-nav a{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:auto!important;min-height:50px!important;gap:4px!important;font-size:.65rem!important;line-height:1.25!important;padding:4px 2px!important;overflow-wrap:anywhere!important;white-space:normal!important}
body.r65-standalone #r7-bottom-nav svg{width:22px!important;height:22px!important;flex:0 0 auto!important}
}
@media(max-height:500px){body.r65-standalone #r7-sidebar.r60-menu{padding:8px!important;gap:4px!important}body.r65-standalone #r7-sidebar.r60-menu>.r7-logo{display:none!important}body.r65-standalone #r7-sidebar.r60-menu>.r60-menu-more{font-size:.75rem!important;padding:8px!important;line-height:1.25!important}body.r65-standalone[data-menu-open]>header>:not(.platform-menu-button):not(.platform-header-brand){display:none!important}}
}

@layer evVisual { @media(max-width:1000px){body #screen-app .topnav{display:grid!important;grid-template-columns:minmax(70px,1fr) auto!important;gap:10px!important;padding:12px 14px!important}body #screen-app .topnav .topnav-right{grid-column:2!important;grid-row:1!important}body #screen-app .topnav .r65-header-links{grid-column:1!important;grid-row:2!important;margin:0!important;max-width:100%!important}body #screen-app #r65-read{grid-column:2!important;grid-row:2!important;justify-self:end!important}body #screen-app .topnav .logo{width:100px!important;min-width:0!important}body #screen-app #eduvio-language{width:116px!important;max-width:116px!important;padding:7px!important;font-size:.82rem!important}}}
@layer evVisual {
body #screen-app #r65-start .r7-subject-tile{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:14px!important;min-height:145px!important;padding:20px!important}
body #screen-app #r65-start .r7-subject-tile>b{align-self:center!important;width:100%!important;text-align:center!important;margin:0!important}
body #screen-app #r65-start .r7-subject-tile>span{display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;width:56px!important;height:56px!important}
body #screen-app #r65-start .r7-subject-section{padding:24px!important;margin:0!important}
body.r65-young #screen-app #r65-start .r7-subject-tile{min-height:165px!important}
body #public-home-content .public-end{display:flex!important;flex-direction:column!important;align-items:center!important;gap:16px!important;text-align:center!important;min-height:0!important}
body #public-home-content .public-end>*{width:auto!important;max-width:100%!important;margin:0!important;text-align:center!important}
body #public-home-content .public-end>.public-eyebrow{white-space:nowrap!important}
body #public-home-content .public-end>h2{max-width:30ch!important}
body #public-home-content .public-end>p:not(.public-eyebrow){max-width:65ch!important}
@media(max-width:1000px){body #screen-app #r65-start .r7-subject-section{padding:16px!important}body #screen-app #r65-start .r7-subject-tile{padding:16px 10px!important}body #screen-app #r65-read{width:auto!important;max-width:100%!important;font-size:.9rem!important;padding:8px 14px!important}}
}

@layer evVisual {
body .r65-help{position:static!important;inset:auto!important;bottom:auto!important;right:auto!important;z-index:auto!important;width:auto!important;max-width:min(320px,calc(100vw - 36px))!important;margin:0!important;flex:0 0 auto!important}
body .r65-help>summary{padding:10px 16px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;box-shadow:none!important;font-size:.95rem!important}
body .r65-help[open]{width:min(300px,calc(100vw - 36px))!important}
body.r65-onboarding-help .r65-help{margin:20px auto!important;display:table!important}
body .r65-help-items{box-shadow:none!important}
@media(max-width:1000px){body #screen-app #r65-start .r7-subject-tile{padding:16px!important}body #screen-app .topnav .topnav-right{flex-wrap:wrap!important;justify-content:flex-end!important}body #screen-app .topnav .topnav-right .r65-help>summary{padding:8px 10px!important;font-size:.82rem!important}}
}