/* Rycal final visual polish v7: personality restored, light-only */
:root{color-scheme:light}
/* Restore the more generous original shell proportions */
.app-sidebar{width:236px!important;padding:22px 15px 18px!important;background:#fff!important}
.topbar{left:236px!important;height:76px!important;min-height:76px!important;border-bottom:1px solid var(--rycal-rule)!important;background:rgba(255,255,255,.98)!important}
header{margin-left:236px!important}
main.container{margin-left:236px!important;padding:34px 42px 64px!important}
footer{margin-left:236px!important}
/* Transparent notecard logo: personality without a pasted-on white square */
.sidebar-brand{height:156px;padding:0 8px 18px!important;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.rycal-notecard-logo{display:block;width:178px;height:auto;max-width:100%;object-fit:contain;object-position:center;background:transparent!important;clip-path:none!important}
/* Navigation keeps the cleaner V6 line icons but restores breathing room */
.sidebar-nav{gap:5px!important}.sidebar-link{min-height:48px!important;padding:11px 12px!important;border-radius:11px!important;font-size:15px!important;gap:12px!important;line-height:1.2!important}.sidebar-link .nav-icon{width:22px!important;min-width:22px!important}.sidebar-link .nav-icon svg{width:20px!important;height:20px!important;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar-link .nav-label{width:auto!important;text-align:left!important;color:inherit!important;font-size:inherit!important}.sidebar-link[data-nav="scienceScreen"] .nav-label{max-width:150px}.sidebar-bottom{padding-left:11px!important}
/* Top bar: actual centered breathing room, no control touching the divider */
.topbar .header-inner{height:76px!important;min-height:76px!important;padding:10px 26px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;box-sizing:border-box!important}
.header-actions{height:100%;display:flex!important;align-items:center!important;gap:12px!important}.tagline{margin:0!important;line-height:1.2!important}.auth-button{min-height:46px!important;padding:10px 18px!important;border-radius:12px!important;margin:0!important;align-self:center!important}.user-chip{min-height:46px!important;padding:6px 10px 6px 6px!important;margin:0!important;align-self:center!important}.user-avatar{width:32px!important;height:32px!important}
/* Signed-in home: continue action gets priority without decoration */
#continueSection .dashboard-section-head{border-bottom:0!important;margin-bottom:8px!important}#continueSection .continue-card{border-left:4px solid #79aa8e!important;padding:20px 22px!important;background:#fff!important}#continueSection .continue-title{font-size:22px!important;letter-spacing:-.015em}.dashboard-empty strong{color:var(--rycal-ink);font-weight:750}
/* Reading-heavy screens stay readable on large monitors */
#scienceScreen,#apLibraryScreen,.frq-practice-shell,.psych-exam-shell{max-width:1120px}.study-source-copy,.course-header .subtitle,.teacher-panel-copy{max-width:760px}
/* Focus/hover states are visible but quiet */
button:focus-visible,.sidebar-link:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(46,112,82,.22)!important;outline-offset:2px!important}.sidebar-link:hover{background:#f2f7f3!important}.primary-button:hover{filter:brightness(.97)}
/* Footer version is useful for troubleshooting but intentionally quiet */
.footer-bottom{font-size:11px!important;color:#718178!important}
/* Mobile: use a compact notecard mark in the top bar; desktop sidebar disappears */
@media(max-width:860px){.topbar{left:0!important;height:68px!important;min-height:68px!important}.topbar .header-inner{height:68px!important;min-height:68px!important;padding:8px 14px!important}.app-sidebar{width:100%!important}.mobile-brand{display:flex!important;align-items:center!important}.rycal-logo-mobile{content:url('../assets/rycal-logo-r-transparent.png');width:84px!important;height:54px!important;object-fit:contain!important;background:transparent!important;clip-path:none!important}.auth-button{min-height:42px!important;padding:8px 14px!important}main.container{margin-left:0!important;padding:24px 18px 70px!important}footer{margin-left:0!important}}
@media(max-width:520px){.topbar .header-inner{padding:7px 10px!important}.rycal-logo-mobile{width:76px!important;height:48px!important}.user-name{max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-button{font-size:14px!important}.guest-hero-v2{padding:24px 18px!important}.continue-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr 1fr!important}.continue-actions button{width:100%!important}}

/* V7.2 logo correction: use the supplied transparent assets without clipping or boxed wrappers */
.sidebar-brand{background:transparent!important}
.footer-brand .footer-notecard-logo{width:44px!important;height:44px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important}


/* V7.3 logo asset fix: real transparency, no clipping, no boxed wrappers */
.sidebar-brand{height:148px!important;padding:8px 10px 18px!important;overflow:visible!important;background:transparent!important}
.rycal-notecard-logo{width:170px!important;height:auto!important;max-width:100%!important;object-fit:contain!important;background:transparent!important;clip-path:none!important;border-radius:0!important;box-shadow:none!important}
.footer-brand .footer-notecard-logo{width:42px!important;height:auto!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;clip-path:none!important;box-shadow:none!important}
@media(max-width:860px){.rycal-logo-mobile{content:url('../assets/rycal-logo-r-transparent.png')!important;width:58px!important;height:auto!important;object-fit:contain!important;background:transparent!important;clip-path:none!important;border-radius:0!important}}

/* V7.4 homepage learning + audience onboarding */
.knowledge-section{max-width:1180px;margin:32px auto;padding:38px 40px;border-top:1px solid #dce8e0;border-bottom:1px solid #dce8e0;background:#fbfdfb}
.knowledge-section h2{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:8px 0 16px;color:#183f31;letter-spacing:-.025em}
.knowledge-section p{max-width:850px;font-size:17px;line-height:1.68;color:#425b51}
.knowledge-section .knowledge-pull{font-size:20px;font-weight:800;color:#1f4b3b;margin:22px 0}
.knowledge-section .flashcard-start{margin-top:22px;padding-left:20px;border-left:3px solid #88b99f}
.audience-paths{max-width:1180px;margin:34px auto 18px}
.audience-paths-head{max-width:760px;margin-bottom:20px}
.audience-paths-head h2{font-size:32px;color:#183f31;margin:6px 0 8px}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.audience-card{background:#fff;border:1px solid #dce8e0;border-radius:16px;padding:26px;box-shadow:0 8px 26px rgba(30,72,55,.05)}
.audience-card h3{font-size:23px;margin:4px 0 9px;color:#1c4938}.audience-card p{color:#52685f;line-height:1.55;min-height:50px}
.audience-guide{display:none;margin-top:16px;padding-top:18px;border-top:1px solid #e2ebe6}.audience-guide.open{display:block}
.audience-guide ol{margin:0;padding-left:21px;color:#40584e}.audience-guide li{margin:0 0 13px;line-height:1.5}.audience-guide strong{color:#1d4939}
.audience-guide .guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
@media(max-width:760px){.knowledge-section{padding:28px 22px;margin:22px 0}.audience-grid{grid-template-columns:1fr}.audience-paths{margin-top:26px}.audience-card p{min-height:0}}