/* Shared brand components across website, learning and workspace. */
.workspace-page .logout,.admin-main .logout,.app-top .logout{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:9px 14px;color:var(--muted);font-size:.8rem;text-decoration:none;cursor:pointer}.logout:hover{color:var(--brand);border-color:var(--brand)}
.admin-main input[type=checkbox]{width:16px;height:16px;min-height:0;padding:0;flex:none}
.admin-main>.section-head{align-items:center}.admin-main>.section-head h1{margin:0}
:root{--brand:#6234cb;--brand-dark:#48239c;--paper:#f8f7f3;--white:#fff;--surface:var(--white);--ink:#252136;--muted:#665f73;--line:#e3dfeb;--soft:#eee8fa;--brand-soft:var(--soft);--brand-2:#9471ea;--spark:#dfeaba;--radius:16px;--r:16px;--r-lg:20px;--ok:#2e654d;--ok-soft:#edf4e6;--danger:#962a25;--danger-soft:#fff0ee;--body:Inter,"Segoe UI",Arial,sans-serif;--disp:var(--body);--mono:var(--body)}
body{font-family:var(--body);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit}button{color:inherit}.card,.price-box,.auth-card{border-radius:var(--radius)}.nav-links{gap:22px}.nav{gap:22px}.site-header .logo{flex:none}.ui-icon{width:20px;height:20px;flex:none;vertical-align:middle}.site-header .nav{position:static;background:none;backdrop-filter:none;border:0}.nav-caption{display:block;padding:22px 14px 9px;font-size:.62rem;letter-spacing:.11em;font-weight:700;color:var(--muted)}.workspace-nav a{display:flex;align-items:center;gap:12px;text-decoration:none;border-radius:9px;padding:11px 14px;margin:3px 0;font-size:.85rem;color:var(--muted);font-weight:550}.workspace-nav a:hover{background:#efecf5;color:var(--ink)}.workspace-nav a[aria-current=page]{background:var(--soft);color:var(--brand);font-weight:700}.workspace-nav .nav-caption:first-child{padding-top:0}.app-layout{grid-template-columns:215px minmax(0,1fr);gap:40px}.app-main{min-width:0}.app-main h1{font-size:clamp(1.9rem,3vw,2.5rem)}.app-top{background:var(--paper);padding:13px 0}.app-header .logo{display:none}.app-header:before{content:"Ailu · Dein Lernbereich";font-size:.82rem;color:var(--muted)}.app-top .actions{margin:0}.auth-shell{min-height:calc(100vh - 170px);background:var(--paper)}.auth-card{box-shadow:0 12px 42px #30204706}.auth-card>.logo{display:none}.auth-card .eyebrow{margin-top:0!important}.auth-card h1{font-size:2.15rem}.auth-footer{line-height:1.9}.auth-shell .auth-card>.lede{margin-bottom:26px}
.admin-layout{padding-top:36px;padding-bottom:70px}.admin-main h1{font-size:2.5rem}.admin-main h2{font-size:1.35rem}.admin-main>.card{margin-bottom:22px}.admin-main .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-main .checks{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:20px}.admin-main .chk{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:.8rem;cursor:pointer}.admin-main .chk.on{background:var(--soft);border-color:var(--brand)}.admin-main input[type=checkbox]{accent-color:var(--brand)}.admin-main .msg{display:none;padding:15px;border-radius:9px;margin:18px 0}.admin-main .msg.show{display:block}.admin-main .msg.error{background:var(--danger-soft);color:var(--danger)}.admin-main .msg.ok{background:var(--ok-soft);color:var(--ok)}.admin-main .roletag{display:inline-block;background:var(--soft);color:var(--brand);padding:3px 8px;border-radius:99px;font-size:.72rem}.admin-main .actioncell{display:flex;flex-direction:column;gap:6px}.admin-main .editbtn,.admin-main .rolebtn{padding:7px 10px;background:white;border:1px solid var(--line);border-radius:7px;font-size:.75rem}.admin-main .editpanel-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.admin-main .editrow{background:var(--paper)}.admin-main .savedhint{display:none;color:var(--green);font-size:.8rem}.admin-main .savedhint.show{display:inline}.admin-main .btn.ghost{background:white;border-color:var(--line);color:var(--ink)}.gate{padding:60px 24px;text-align:center;color:var(--muted)}
/* Soro articles keep their content and URL while sharing the host typography. */
#soro-blog{font-family:var(--body)!important;color:var(--ink);--primary:var(--brand)}#soro-blog :is(h1,h2,h3,h4,p,a,button,input,span){font-family:var(--body)!important}#soro-blog :is(h1,h2,h3){letter-spacing:-.035em;line-height:1.2}#soro-blog h1{font-size:clamp(1.9rem,4vw,3rem)}#soro-blog :is(input,button){border-radius:9px}#soro-blog img{border-radius:12px}#soro-blog a{color:inherit}#soro-blog :is(article,[class*=card]){border-radius:var(--radius)}.blog-section{background:var(--paper)}
@media(max-width:1050px){.site-header .nav{gap:16px}.nav-links{gap:15px}.nav-links a{font-size:.8rem}.nav-actions{gap:14px}}
@media(max-width:860px){.site-header .nav{flex-wrap:wrap;padding:15px 0;min-height:70px}.site-header .nav-links{width:100%;order:5;margin:5px 0 0;flex-wrap:wrap}.js .site-header .nav-toggle{display:block}.js .site-header .nav-links:not(.open){display:none}.site-header .nav-actions{margin-left:auto}.site-header .nav-actions .btn{display:none}.app-layout{grid-template-columns:1fr;gap:25px}.workspace-nav{display:flex;overflow:auto;gap:6px;padding-bottom:8px}.workspace-nav .nav-caption{display:none}.workspace-nav a{flex:none;padding:9px 12px;font-size:.8rem}.workspace-nav .ui-icon{width:17px;height:17px}.admin-main .row2{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.member-gate{padding-block:55px;min-height:180px}.member-gate a{display:inline-block;margin-left:12px}