:root{color:#132338;background:#f5f7fa;font-family:Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#fff;border-bottom:1px solid #e1e6ed;justify-content:space-between;align-items:center;gap:16px;padding:24px max(24px,50vw - 520px);display:flex}header a{color:#132338;font-size:20px;text-decoration:none}header span{color:#526479;background:#edf2f8;border-radius:20px;padding:6px 10px;font-size:12px}main{max-width:1040px;min-height:78vh;margin:0 auto;padding:56px 24px}h1{letter-spacing:-1.2px;margin:12px 0 20px;font-size:clamp(30px,5vw,48px);line-height:1.13}h2{margin:0 0 16px;font-size:23px}p{max-width:640px;line-height:1.65}.eyebrow{color:#365d87;letter-spacing:1.6px;text-transform:uppercase;font-size:13px;font-weight:700}.hero{padding:48px 0}.hero h1{max-width:670px;font-size:clamp(40px,6vw,68px)}a{color:#245985}.button,button{color:#fff;font:inherit;cursor:pointer;background:#174b77;border:0;border-radius:9px;padding:14px 22px;text-decoration:none;display:inline-block}.button{margin:16px 0}button:hover,.button:hover{background:#103d63}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #bc7c16}.secondary{color:#183c5d;background:#e5edf5}.card{background:#fff;border:1px solid #dfe5ed;border-radius:16px;margin:24px 0;padding:30px;box-shadow:0 4px 15px #102a4305}.narrow{max-width:620px;margin:30px auto}.muted,footer{color:#657588;font-size:14px}.error{color:#9a2727;background:#fff3f2;border-radius:8px;padding:12px}.page-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.form-row{gap:12px;margin-top:12px;display:flex}input[type=email]{font:inherit;border:1px solid #aab7c8;border-radius:8px;flex:1;min-width:0;padding:13px}.people{padding:0;list-style:none}.people li{border-bottom:1px solid #edf0f5;flex-wrap:wrap;gap:14px;padding:18px 0;display:flex}.people span{color:#657588}.people small{margin-left:auto}footer{text-align:center;padding:20px 24px}@media (max-width:600px){main{padding:30px 18px}.card{padding:22px}.form-row,.page-top{flex-direction:column;align-items:stretch}header{padding:18px}header a{font-size:17px}.hero{padding:22px 0}.people li{flex-direction:column;gap:6px}.people small{margin-left:0}}.fields{gap:16px;max-width:720px;display:grid}.fields label,.photo-form label,.date-label{gap:7px;font-size:14px;font-weight:600;display:grid}input:not([type=radio]):not([type=hidden]),textarea,select{color:#132338;background:#fff;border:1px solid #aab7c8;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:12px;font:16px Arial,sans-serif}textarea{resize:vertical}button:disabled{opacity:.55;cursor:wait}.fields>button{justify-self:start}.photo-form{border-top:1px solid #e1e6ed;gap:14px;max-width:600px;margin-top:28px;padding-top:12px;display:grid}.photo-form button{justify-self:start}.avatar{object-fit:cover;background:#edf2f8;border-radius:50%}.type-editor{border-bottom:1px solid #e1e6ed;padding:20px 0}.actions{flex-wrap:wrap;gap:10px;display:flex}.danger{color:#9a2727;background:#fff0ef}.fields fieldset,.meeting-choices{border:1px solid #dce4ed;border-radius:10px;margin:0;padding:18px}.fields legend{padding:0 8px;font-weight:700}.public-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:24px;display:grid}.public-layout .card{margin-top:0}.mentor-card h1{overflow-wrap:anywhere;font-size:34px}.position{color:#365d87;font-weight:600}.pre-line{white-space:pre-line;overflow-wrap:anywhere}.mentor-card h2{margin-top:28px;font-size:18px}.large{margin-bottom:18px}.meeting-choices{gap:10px;margin-bottom:24px;display:grid}.meeting-choices legend{padding:0 6px;font-size:14px}.type-choice{cursor:pointer;border:1px solid #dce4ed;border-radius:9px;gap:12px;padding:16px;display:flex}.type-choice>span{overflow-wrap:anywhere;gap:6px;font-size:14px;display:grid}.type-choice input{accent-color:#174b77}.selected{background:#f0f6fc;border-color:#174b77}.type-choice small{color:#526479}.date-label{max-width:260px}.week-nav{justify-content:space-between;gap:12px;margin:18px 0;display:flex}.week-nav button{padding:10px 12px;font-size:14px}.day-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.day-button{color:#183c5d;text-align:center;background:#fff;border:1px solid #dce4ed;gap:6px;padding:10px 4px;font-size:13px;display:grid}.day-button small{color:#526479;font-size:10px}.chosen{color:#fff!important;background:#174b77!important}.chosen small{color:#fff}.slots{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.slot{color:#174b77;background:#f0f6fc;border:1px solid #b8cadd;padding:12px 4px}.empty{color:#526479;background:#f4f6f9;border-radius:8px;padding:18px;font-size:14px}.selection-note{background:#f0f6fc;border-left:3px solid #174b77;margin-top:24px;padding:16px;font-size:14px}@media (max-width:780px){.public-layout{grid-template-columns:1fr}.mentor-card h1{font-size:32px}.picker-card{padding:20px}.slots{grid-template-columns:repeat(3,minmax(0,1fr))}}.date-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.date-controls button{padding:13px;font-size:14px}.date-controls .date-label{flex:1;min-width:170px}.schedule-form{grid-template-columns:minmax(0,1fr)}.schedule-form fieldset,.interval-row label{min-width:0}.interval-row{grid-template-columns:minmax(0,140px) minmax(0,140px) auto;justify-content:start;align-items:end;gap:12px;margin-bottom:12px;display:grid}.interval-row select{height:46px}.interval-row button{min-height:46px;padding:13px;font-size:14px}.schedule-form button.secondary:is(:hover,:active){color:#183c5d;background:#d4e3ef}.schedule-form select:focus-visible{outline-offset:2px;outline:3px solid #bc7c16}@media (max-width:780px){.interval-row{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.interval-row button{grid-column:1/-1}}.booking-form{margin-top:18px}.booking-form h3{margin:0}.meeting-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.meeting-week section{border:1px solid #dce4ed;border-radius:8px;min-width:0;padding:10px}.meeting-week h2{font-size:15px}.meeting-list{margin:0;padding:0;list-style:none}.meeting-list li{overflow-wrap:anywhere;gap:4px;padding:8px 0;display:grid}.meeting-list span{color:#526479;font-size:14px}.guest-details dd{overflow-wrap:anywhere;margin:4px 0 14px}.guest-details dt{font-weight:600}@media (max-width:800px){.meeting-week{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
