.track-intro,.track-profile,.track-roadmap{margin-bottom:24px}.track-choice-tabs{display:flex;gap:12px;margin:20px 0}.track-choice-tabs button{flex:1;border:1px solid #b9cbd0;background:#f3f7f8;color:#103748;border-radius:14px;padding:18px;font:inherit;font-weight:700;cursor:pointer}.track-choice-tabs button[aria-selected=true]{background:#103748;color:#f4ce78;border-color:#103748}.track-choice-tabs button:focus-visible,.track-admin-row button:focus-visible{outline:3px solid #d9ad4a;outline-offset:3px}[data-track-panel][hidden]{display:none!important}.track-roadmap{background:linear-gradient(135deg,#0b2836,#174658)!important;color:#fff!important;border:0!important;border-radius:24px!important;padding:28px!important}.track-roadmap h2,.track-roadmap h3{color:#fff}.track-roadmap-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.track-roadmap-head>b{background:#ffffff14;border:1px solid #ffffff26;padding:10px 14px;border-radius:30px;font-size:12px;white-space:nowrap}.track-roadmap progress{appearance:none;width:100%;height:7px;border:0;border-radius:20px;margin:24px 0;background:#ffffff20}.track-roadmap progress::-webkit-progress-bar{background:#ffffff20;border-radius:20px}.track-roadmap progress::-webkit-progress-value{background:#e2b44e;border-radius:20px}.track-roadmap progress::-moz-progress-bar{background:#e2b44e}.track-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:16px}.track-step{display:flex;align-items:start;gap:13px;position:relative;padding:18px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff08}.track-step-dot{flex:0 0 36px;height:36px;display:grid;place-items:center;background:#ffffff15;border-radius:50%;font-weight:800;color:#c6d8de}.track-step h3{font-size:16px;margin:6px 0;line-height:1.7}.track-step small{font-size:11px;color:#b4cbd3}.track-step p{font-size:13px;line-height:1.9;margin:8px 0;color:#d8e6eb}.track-step a{color:#f4cf78;font-size:13px}.track-step.is-done .track-step-dot{background:#2c7668;color:#fff}.track-step.is-current{border:2px solid #e2b44e;background:#ffffff10}.track-step.is-current .track-step-dot{background:#e2b44e;color:#102c39}.track-step.is-current small{color:#f4cf78}.track-note{border-top:1px solid #ffffff24;padding-top:9px}.track-roadmap>.description{font-size:12px;line-height:1.9;color:#bbd1da}.track-profile input,.track-profile select,.track-profile textarea{box-sizing:border-box;width:100%;max-width:100%}.track-check{display:flex!important;align-items:center;gap:10px}.track-check input{width:20px!important;height:20px}.track-type-label{display:grid;gap:8px;margin:12px 0}.track-type-label select{width:100%;padding:10px}.track-admin-section{background:white;padding:20px;margin:24px 0;border:1px solid #ccd0d4;border-radius:12px}.track-admin-row{display:grid;grid-template-columns:1fr 180px 1fr 1fr auto;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.track-admin-row label{display:grid;gap:6px}.track-admin-row input:not([type=hidden]),.track-admin-row textarea,.track-admin-row select{width:100%;box-sizing:border-box}.track-admin-section>button{margin-top:12px}@media(max-width:1100px){.track-admin-row{grid-template-columns:1fr 1fr}.track-steps{grid-template-columns:1fr}.track-roadmap-head{align-items:start;flex-direction:column}}@media(max-width:600px){.track-roadmap{padding:18px!important}.track-step{padding:14px}.track-choice-tabs{gap:8px}.track-choice-tabs button{padding:14px 8px}.track-admin-row{grid-template-columns:1fr}}

.track-mobile-group{display:grid;gap:10px;align-content:start;min-width:0}.track-mobile-group>.track-check{font-size:12px;line-height:1.9;margin:0}.public-form label[hidden]{display:none!important}

.public-form .track-mobile-group>label.track-check{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;text-align:right;cursor:pointer}.public-form .track-mobile-group>label.track-check>input[type=checkbox]{flex:0 0 18px!important;width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;padding:0!important}

.track-experience-areas{min-width:0;border:1px solid #d6c7aa;border-radius:12px;padding:16px}.public-form .track-experience-areas>label:not([data-experience-detail]){display:flex!important;flex-direction:row!important;align-items:center;gap:10px;margin:10px 0}.public-form .track-experience-areas input[type=checkbox]{flex:0 0 18px;width:18px!important;height:18px!important;min-height:18px;margin:0}.track-experience-areas p{font-size:12px}

.track-birth-calendar{direction:rtl;width:min(390px,calc(100vw - 32px));max-height:85vh;overflow:auto;box-sizing:border-box;border:1px solid #bd965c;border-radius:18px;padding:22px;background:#fffdf8;color:#243540;font-family:inherit}.track-birth-calendar::backdrop{background:#10232ab3}.track-birth-calendar h2{font-size:20px;margin:0 0 14px}.track-birth-calendar p{font-size:12px}.birth-selects{display:flex;gap:14px}.birth-selects label{display:grid;gap:5px;flex:1}.birth-selects select{width:100%;padding:10px;font:inherit;border:1px solid #bcc8cb;border-radius:8px;background:white}.birth-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;text-align:center;margin:16px 0}.birth-days button{min-height:40px;border:1px solid #ddd;border-radius:8px;background:white;color:#243540;font:inherit;cursor:pointer}.birth-days button[aria-pressed=true]{background:#163b48;color:white}.birth-days button:disabled{opacity:.35;cursor:default}.birth-days button:focus-visible,.track-birth-calendar select:focus-visible{outline:3px solid #b88224;outline-offset:1px}.birth-close,.birth-open{padding:8px 12px;border:1px solid #b68d4b;border-radius:8px;background:#fff6df;color:#243540;font:inherit;cursor:pointer}.birth-open{align-self:start;font-size:12px}

.track-step-details>summary{display:inline-block;cursor:pointer;padding:.35rem .9rem;border:1px solid currentColor;border-radius:8px;margin-top:.5rem;font-weight:600}.track-step-details>summary:focus-visible{outline:2px solid currentColor;outline-offset:3px}

.public-form .track-experience-areas [data-experience-detail]{display:block;margin:8px 0 20px}.public-form .track-experience-areas [data-experience-detail][hidden],.public-form .track-experience-areas[hidden]{display:none!important}

.public-form .track-expertise{grid-column:1 / -1;min-width:0;margin:6px 0;padding:20px;border:1px solid #d6c7aa;border-radius:16px;background:#fbfaf6}
.track-expertise legend{padding:0 8px;font-weight:700}.track-expertise-hint{margin:0 0 16px;font-size:13px;line-height:1.9;color:#586c75}
.track-expertise-rows{display:grid;gap:14px}.track-expertise-row{display:flex;gap:12px;align-items:flex-end;min-width:0}.public-form .track-expertise-row>label{flex:1;min-width:0;margin:0;display:flex;flex-direction:column;gap:8px}.track-expertise-row>label>span{font-size:13px}
.public-form .track-expertise button{width:auto;min-height:44px;margin:0;padding:10px 15px;font:inherit;font-size:13px;line-height:1.5;border-radius:10px;cursor:pointer;box-shadow:none;white-space:nowrap}
.public-form .track-expertise .track-expertise-add{display:inline-flex;align-items:center;gap:7px;border:1px solid #0b6c69;background:#fff;color:#0b6c69;font-weight:700}
.public-form .track-expertise .track-expertise-remove{flex-shrink:0;border:1px solid #d8dfe0;background:#fff;color:#56666f;margin-bottom:3px}
.track-expertise-add>span,.track-expertise-remove>span{font-size:20px;line-height:1}.track-expertise-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:16px}.track-expertise-count{font-size:12px;color:#586c75}
.track-expertise button:focus-visible{outline:3px solid #b88224;outline-offset:3px}.track-expertise [hidden]{display:none!important}
@media(max-width:600px){.public-form .track-expertise{padding:14px}.track-expertise-row{gap:8px}.public-form .track-expertise .track-expertise-remove{padding:10px}}

.public-form .track-expertise legend .mett-field-title{display:flex;align-items:baseline;gap:5px}

/* Saved information remains readable when participant editing is closed. */
.phx-record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.phx-record-grid>div{min-width:0;border-bottom:1px solid #e5dfd1;padding:10px 0}.phx-record-grid dt{font-weight:700;font-size:.9em;color:#51636a}.phx-record-grid dd{margin:8px 0 0;white-space:normal;overflow-wrap:anywhere}.phx-edit-state{padding:12px 16px;border-radius:12px;background:#edf5f2}@media(max-width:600px){.phx-record-grid{grid-template-columns:1fr;gap:8px}}

/* Prominent, keyboard-accessible access to the participant's own profile. */
.phx a.phx-record-edit{display:inline-flex;align-items:center;justify-content:center;gap:10px;box-sizing:border-box;max-width:100%;min-height:48px;padding:13px 22px;border:2px solid #b18431;border-radius:13px;background:linear-gradient(135deg,#ffe4a1,#edc568);color:#243540;font-weight:800;line-height:1.8;text-align:center;text-decoration:none;box-shadow:0 4px 12px #68491b20;transition:background-color .15s,box-shadow .15s}
.phx a.phx-record-edit::before{content:"";flex:0 0 22px;width:22px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23243540' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 3 5 5M4 20l4-1L21 6a2.1 2.1 0 0 0-3-3L5 16l-1 4ZM13 21h8'/%3E%3C/svg%3E")}
.phx a.phx-record-edit:hover{background:#ffdf8e;color:#172a35;box-shadow:0 5px 16px #68491b35}
.phx a.phx-record-edit:focus-visible{outline:3px solid #0b6c69;outline-offset:4px}
@media(max-width:600px){.phx a.phx-record-edit{display:flex;width:100%;padding:12px 14px}}

.phx-profile-access{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px}
.phx-profile-access-note{color:#51636a;font-size:.85em;line-height:1.8}
.phx a.phx-record-edit.is-readonly::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23243540' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}