/* Tactile, restrained surfaces; no changes to navigation or data flows. */
:root{--ui-ease:cubic-bezier(.2,.7,.2,1);--ui-shadow:0 8px 24px #0f1b3009;--ui-lift:0 16px 36px #0f1b3014}
.btn,.pill,.sidebar button,.view-toggle button,.study-primary,.study-secondary,.study-back,.study-years button,.study-sidebar,.study-entry-button{transition:transform .2s var(--ui-ease),box-shadow .2s var(--ui-ease),background-color .2s,border-color .2s,color .2s;min-height:44px}
.btn{border-radius:14px;font-weight:650;box-shadow:0 3px 8px #0f1b3010,inset 0 1px 0 #ffffff18}
.btn.gold{background:linear-gradient(135deg,#e5cd93,#d7b875);border-color:#d7b875;box-shadow:0 5px 16px #b38e3c20,inset 0 1px 0 #ffffff70}
.nav-actions .btn,.hero-actions .btn{border-radius:999px}
.btn.outline{background:#fff;border-color:#0f1b3026;box-shadow:0 2px 6px #0f1b3005}
.hero .btn.outline,.trip .btn.outline,.join-band .btn.outline{background:transparent}
.btn.light{box-shadow:0 5px 18px #00000012}
.pill{background:white;border-color:#0f1b301a;font-weight:550}
.pill.selected,.sidebar button.selected{box-shadow:0 4px 12px #0f1b301a}
.view-toggle{padding:4px;background:#f3f4f6;border:1px solid #0f1b300a;border-radius:999px;gap:3px}
.panel{border:1px solid #0f1b300c;border-radius:18px;box-shadow:var(--ui-shadow)}
.event-card,.vacancy-card,.year-card,.study-course,.study-material,.study-entry{transition:transform .25s var(--ui-ease),box-shadow .25s var(--ui-ease),border-color .25s,background-color .25s}
.event-card,.vacancy-card,.year-card{border-radius:18px;box-shadow:var(--ui-shadow);overflow:hidden}
.event-card{border:1px solid #0f1b3010;background:#fff}
.event-card .event-image{overflow:hidden}
.event-card .arrow,.study-card-arrow,.study-entry-button>span{transition:transform .25s var(--ui-ease)}
.event-card .arrow{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f5f0e5;color:#0f1b30}
.vacancy-card{border-color:#0f1b3014;border-top-color:#d7b875}
.partner-person,.membership-card{border-radius:20px;box-shadow:0 12px 30px #0f1b3012}
.section-head{padding-bottom:18px;border-bottom:1px solid #0f1b300b}
.text-link{transition:color .2s,text-decoration-color .2s;border-bottom-color:#d7b875;text-underline-offset:5px}
input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea,select{transition:border-color .2s,box-shadow .2s;background-color:#fff;border-radius:11px}
input:not([type=checkbox]):not([type=radio]):not([type=file]):focus,textarea:focus,select:focus{border-color:#b2914f;box-shadow:0 0 0 4px #d7b8751c}
input[type=checkbox],input[type=radio]{accent-color:#0f1b30}
.study-hub input[type=checkbox],.study-hub input[type=radio]{accent-color:#214239}
.study-primary{box-shadow:0 4px 14px #21423920,inset 0 1px 0 #ffffff18}
.study-secondary,.study-back{background:#ffffffa8}
.study-course,.study-material{box-shadow:0 3px 12px #21423905}
.study-entry{box-shadow:0 10px 28px #193d361a}
.study-tabs button{transition:color .2s,border-color .2s}
button:active:not(:disabled),a.btn:active,.study-entry:active{transform:translateY(1px);box-shadow:none}
button:disabled{transform:none!important;box-shadow:none!important}
@media(hover:hover) and (pointer:fine){
 .btn:hover,.study-primary:hover,.study-secondary:hover,.study-back:hover,.study-sidebar:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f1b301c}
 .btn.gold:hover{background:linear-gradient(135deg,#efdbac,#dfbf77);box-shadow:0 8px 22px #b38e3c2b}
 .btn.outline:hover{border-color:#b69753;background:#faf7ef;color:#0f1b30}
 .pill:not(.selected):hover,.sidebar button:not(.selected):hover{background:#f7f3e9;border-color:#d7b87580;transform:translateY(-1px)}
 .event-card:hover,.vacancy-card:hover,.year-card:hover{transform:translateY(-4px);box-shadow:var(--ui-lift);border-color:#d7b87570}
 .event-card:hover .arrow{transform:translateX(3px);background:#e9d7a9}
 .study-course:hover,.study-material:hover,.study-entry:hover{transform:translateY(-3px);box-shadow:0 12px 28px #21423915}
 .study-course:hover .study-card-arrow,.study-material:hover .study-card-arrow,.study-entry:hover .study-entry-button>span{transform:translate(3px,-3px)}
 .text-link:hover{color:#8b671d}.hero .text-link:hover,.footer .text-link:hover{color:#edcf87}
 .study-tabs button:hover{color:#214239;border-bottom-color:#a7b98b}
 button:active:not(:disabled),a.btn:active,.study-entry:active{transform:translateY(1px)}
}
@media(max-width:760px){.panel,.event-card,.vacancy-card,.year-card{border-radius:15px}.btn{min-height:46px}.section-head{padding-bottom:14px}.study-top .study-secondary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.btn:hover,.event-card:hover,.vacancy-card:hover,.year-card:hover,.study-entry:hover,.study-course:hover,.study-material:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){button:active:not(:disabled),a.btn:active,.study-entry:active,.event-card:hover .arrow,.study-course:hover .study-card-arrow,.study-material:hover .study-card-arrow,.study-entry:hover .study-entry-button>span,.study-primary:hover,.study-secondary:hover,.study-back:hover,.study-sidebar:hover,.pill:hover,.sidebar button:hover{transform:none!important}}
.event-card>.meta,.event-card>h3{margin-left:18px;margin-right:18px}.event-card>.card-bottom{padding:14px 18px}.event-card>.event-image{border-radius:17px 17px 10px 10px}
/* Keep every regular page's base white, including older homepage section surfaces. */
:root{--cream:#fff}
html,body,#app,.home-page,.home-atmosphere,.home-page .ticker,.home-page .join-band,.home-story:before{background:#fff}
.home-page .ticker{border-top:1px solid #0f1b300b}
.home-page .join-band{border:1px solid #0f1b3010;box-shadow:var(--ui-shadow)}