/* Vainilla Academy v5.0 — coherent header, public-private separation, completed learning UX */
:root{--va50-panel:rgba(255,255,255,.94);--va50-accent:#7752dc}
.va-main-content{min-height:55vh;position:relative}
/* Direct PHP routes do not share the index.php page class. */
.va-main-content>.va48-editor{padding-top:clamp(155px,13vw,195px)!important;padding-bottom:100px!important;min-height:75vh}
.va-main-content>.va48-editor h1{line-height:1.12;max-width:100%;overflow-wrap:break-word;font-size:clamp(30px,4.2vw,54px)}
.va-main-content>.shell.section:first-child{padding-top:max(154px,clamp(145px,13vw,192px))!important;min-height:52vh}
/* Dashboard and auth already reserve space at their container; avoid double gap. */
body.va49-page-dashboard .va-main-content>.va49-dashboard-shell,body.va49-page-login .va-main-content>.va49-auth-layout,body.va49-page-register .va-main-content>.va49-auth-layout{padding-top:10px!important}
.va50-completed-summary{background:radial-gradient(circle at 100% 0,rgba(52,201,216,.15),transparent 46%),radial-gradient(circle at 0 100%,rgba(120,83,220,.11),transparent 51%),var(--va50-panel);border:1px solid #e2d9f4;box-shadow:0 12px 35px #42218b0c;border-radius:25px;padding:clamp(19px,3vw,31px);margin:30px 0}
.va50-completed-summary h2{font-size:clamp(18px,2.4vw,28px);margin:9px 0 8px}.va50-completed-summary p{max-width:790px;color:#635778;line-height:1.65;margin:0 0 18px;font-size:13px}
.va50-completed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:12px;margin:18px 0 0}
.va50-completed-list>a,.va50-completed-list>div{display:flex;flex-direction:column;gap:7px;min-width:0;padding:16px 17px;background:#fffd;border:1px solid #e9e2f4;border-radius:16px;text-decoration:none;overflow-wrap:anywhere;color:#281e45}
.va50-completed-list>a span{color:#6340c5;font-size:11px;font-weight:800}
.va50-completed-list>a strong{font-size:14px;line-height:1.5}.va50-completed-list>a small{font-size:11px;color:#6b5d8f}
.va50-completed-list>a:hover{border-color:#9980ef;box-shadow:0 7px 25px #6f54bd22}
.va50-admin-install{max-width:1190px}.va50-admin-install h1{font-size:clamp(32px,4vw,58px)}
.va50-admin-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:27px 0}.va50-admin-checks>div{padding:18px;background:#fff;border:1px solid #e5ddf3;border-radius:17px;min-width:0}.va50-admin-checks strong{display:block;color:#5634be;font-size:clamp(24px,3vw,32px)}.va50-admin-checks span{font-size:11px;color:#786d8d;line-height:1.45}
.va50-installer{padding:25px;background:linear-gradient(112deg,#fbf8ff,#f3fbfd);border:1px solid #ddd4ef;border-radius:24px;margin:23px 0}.va50-installer p{font-size:13px;line-height:1.75}.va50-loadbar{height:11px;background:#e9e0f6;border-radius:10px;overflow:hidden;margin:17px 0}.va50-loadbar span{display:block;height:100%;background:linear-gradient(90deg,#7a52e7,#40c5d7);border-radius:10px;transition:width .2s}
.va50-caution{padding:18px 20px;background:#f6f1fe;color:#534472;border:1px solid #e2d7f5;border-radius:17px;line-height:1.7;margin:20px 0}
.va49-page-quiz .va4-page{background:radial-gradient(circle at 100% 0,#bdf4f31c,transparent 44%),linear-gradient(135deg,#ffffffed,#faf7ffed);border:1px solid #e5dcf7;border-radius:25px;margin-top:8px;padding-left:clamp(20px,3vw,42px);padding-right:clamp(20px,3vw,42px)}
.va48-editor .va48-grid>nav a:hover{border-color:#9076dc;background:#f9f6ff}.va48-editor .va48-pair textarea:focus-visible{outline:3px solid #ad9bea88}
@media(max-width:880px){.va50-admin-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.va-main-content>.va48-editor{padding-top:155px!important}}
@media(max-width:700px){.va-main-content>.shell.section:first-child{padding-top:135px!important}.va-main-content>.va48-editor{padding-top:139px!important;padding-left:17px;padding-right:17px}.va50-completed-list{grid-template-columns:1fr}.va50-admin-checks{gap:8px}.va50-admin-checks>div{padding:12px}}