#interview-calendar{color:#eee;text-align:left;display:grid;gap:18px;width:100%;max-width:720px;margin:28px auto;padding:20px;border:1px solid #34343b;border-radius:18px;background:#0b0b0e}#interview-calendar label{display:flex;gap:12px;align-items:flex-start;line-height:1.55}#interview-calendar input{accent-color:#6453dd;min-width:20px;min-height:20px}#interview-calendar>button{background:#3c2fab;border:0;border-radius:30px;padding:18px 20px;color:white;font:inherit;cursor:pointer}#interview-calendar>button:disabled{opacity:.5}#interview-calendar a{color:#c2bbff;text-decoration:underline}#interview-calendar p{margin:0;line-height:1.6}.interview-picker{border:1px solid #34343b;border-radius:20px;padding:16px;display:grid;gap:14px;background:#0e0e12}.interview-picker__month{display:grid;grid-template-columns:42px 1fr 42px;gap:8px;align-items:center}.interview-picker__month strong{text-align:center;text-transform:capitalize}.interview-picker__month button,.interview-picker__days button,.interview-picker__times button{font:inherit;color:#eee;background:transparent;border:1px solid #34343b;cursor:pointer}.interview-picker__month button{width:42px;height:42px;border-radius:50%;font-size:24px}.interview-picker__month button:disabled,.interview-picker__days button:disabled{opacity:.2;cursor:default}.interview-picker__weekdays,.interview-picker__days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.interview-picker__weekdays span{text-align:center;font-size:11px;opacity:.55;text-transform:uppercase}.interview-picker__days>span,.interview-picker__days button{aspect-ratio:1;border-radius:14px;display:grid;place-items:center;position:relative;min-width:0}.interview-picker__days button i{position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%;background:#8f82ff}.interview-picker__days button.is-selected,.interview-picker__times button.is-selected{background:#6453dd;border-color:#6453dd;color:#fff}.interview-picker__days button.is-selected i{background:#fff}.interview-picker__times{border-top:1px solid #34343b;padding-top:14px;display:grid;gap:10px}.interview-picker__times p{font-size:13px;opacity:.72}.interview-picker__times>div{display:flex;gap:8px;flex-wrap:wrap}.interview-picker__times button{padding:10px 14px;border-radius:999px}.interview-picker button:focus-visible{outline:2px solid #c2bbff;outline-offset:2px}.calendar-room-inner{overflow-y:auto;max-height:calc(100dvh - 100px);padding-bottom:30px}@media(max-width:520px){#interview-calendar{padding:14px}.interview-picker{padding:12px}.interview-picker__weekdays,.interview-picker__days{gap:4px}.interview-picker__days>span,.interview-picker__days button{border-radius:11px;font-size:13px}}
.page-residence-interview { background:#12110e;color:#f4f0e5; }
.residence-interview-main { max-width:850px;margin:110px auto 72px;padding:24px; }
.residence-interview-cover { padding:36px 0; }
.residence-interview-cover h1 { font-family:Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,55px);line-height:1.1;margin:24px 0; }
.residence-interview-cover p,.residence-interview-note { font-size:17px;line-height:1.6; }
.residence-interview-card { padding:28px;background:#191713;border:1px solid #777163; }
.residence-interview-card button { min-height:52px;white-space:normal; }
.residence-interview-card a { color:#ede7d6; }
.residence-interview-note { margin-top:28px;color:#c5c1b7; }
@media(max-width:600px){.residence-interview-main{padding:20px;margin-top:90px}.residence-interview-card{padding:20px}.residence-interview-card fieldset label{align-items:flex-start}}

/* P27: a stable, readable local-time calendar on all public interview surfaces. */
.interview-picker__zone{font:500 10px/1.6 var(--sans,Arial,sans-serif)!important;color:#cabba3!important;letter-spacing:.08em;margin:14px 0!important;overflow-wrap:anywhere}
.interview-picker__days button{min-height:40px}
.interview-picker__times button{min-height:44px}
.cleo-interviews__calendar>label{display:flex;gap:12px;align-items:flex-start;font:13px/1.6 var(--sans,Arial,sans-serif);margin:18px 0}
.cleo-interviews__calendar>label input{min-width:19px;min-height:19px;margin-top:2px;accent-color:#9b83ef}
.cleo-interviews__calendar>button:not(.cleo-interviews__back){min-height:48px;padding:14px 20px;border:1px solid #705a8a;background:#382b4a;color:#fff;border-radius:24px;cursor:pointer}
.cleo-interviews__calendar>button:disabled{opacity:.5;cursor:default}
.cleo-interviews__calendar>a{display:block;font-size:12px;color:#d6c0ec;min-height:44px;padding:12px 0}
.cleo-interviews__calendar [aria-busy=true]{opacity:.65}