/* Shared marketplace styles (mp-) */

:root {--purple:#6500E6; --mint:#00E6BE; --yellow:#E6E100; --orange:#E64000; --violet:#5A3091; --plus-gold:#E6C500; --plus-yellow:#E6DF00; --mp-ink:var(--violet); --mp-muted:rgba(90,48,145,.78); --mp-line:rgba(90,48,145,.18); --mp-paper:#fff; --mp-soft:rgba(0,230,190,.08); --mp-green:var(--purple); --mp-green-dark:var(--violet); --mp-mint:rgba(0,230,190,.16); --mp-gold:var(--plus-gold); --mp-gold-soft:rgba(230,223,0,.18); --mp-red:var(--orange); --mp-shadow:0 18px 55px rgba(90,48,145,.14);}

#container {
	margin:0 auto; padding:20px; width:min(960px,calc(100% - 32px)); min-height:600px; display:block; overflow:visible; border-radius:30px;
	direction:rtl; font-family:"Arb",sans-serif; font-weight:normal; color:var(--mp-ink); user-select:auto; background:rgba(255,255,255,.2);
}
#container * {box-sizing:border-box;}
#container a {text-decoration:none;}
#container p {margin:0; width:auto; font-family:"Arb",sans-serif; font-weight:normal; line-height:1.8; color:var(--mp-muted);}
#container h1, #container h2, #container h3, #container h4, #container strong {font-family:"Arb b",sans-serif; font-weight:normal;}
#container input, #container select, #container textarea {font-family:"Arb",sans-serif; font-weight:normal;}
#container button {font-family:inherit;}

.mp-flash {margin:0 0 40px; padding:10px 20px; display:flex; align-items:center; justify-content:space-between; gap:15px; border:1px solid rgba(0,230,190,.35); border-radius:15px; background:rgba(0,230,190,.10);}
.mp-flash.error {color:var(--mp-red); border-color:rgba(230,64,0,.3); background:rgba(230,64,0,.1);}
.mp-flash span {font:normal 17px "Arb sb",sans-serif; line-height:25px; color:white;}
.mp-flash button {border:0; font-size:25px; color:inherit; background:transparent; cursor:pointer;}

.mp-hero {position:relative; isolation:isolate; margin:-20px -20px 30px; padding:20px 40px 40px; min-height:430px; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr); align-items:center; gap:40px; overflow:hidden; border-radius:30px 30px 0 0; box-shadow:0 22px 58px rgba(230,64,0,.24); background:radial-gradient(circle at 10% 18%,rgba(230,225,0,.26),transparent 31%), radial-gradient(circle at 88% 82%,rgba(0,230,190,.20),transparent 25%), linear-gradient(135deg,#E64000 0%,#E64000 64%,#5A3091 100%); border-color:rgba(230,64,0,.35);}
.mp-hero:before {content:""; position:absolute; z-index:-1; border:1px solid rgba(255,255,255,.2); border-radius:50%; width:340px; height:340px; left:-130px; top:-145px;}
.mp-hero:after {content:""; position:absolute; z-index:-1; border:1px solid rgba(255,255,255,.2); border-radius:50%; width:220px; height:220px; right:42%; bottom:-160px;}
#container .mp-eyebrow {margin-bottom:15px; display:inline-flex; align-items:center; gap:10px; font:normal 17px "Arb sb",sans-serif; color:#c9f7e7;}
#container .mp-eyebrow:before {content:""; width:25px; height:3px; border-radius:9px; background:var(--yellow);}
#container .mp-hero h1 {margin:0; max-width:710px; display:block; text-align:right; color:#fff; font:normal clamp(34px,5vw,50px)/1.25 "Arb b",sans-serif;}
.mp-hero-copy>p {margin-top:20px!important; max-width:650px; font-size:20px!important; color:rgba(255,255,255,.9)!important;}
.mp-hero-actions {margin-top:30px; display:flex; flex-wrap:wrap; gap:15px;}
#container .mp-btn {
	padding:10px 20px; min-height:40px; display:inline-flex; align-items:center; justify-content:center; gap:8px; border:1px solid transparent; border-radius:20px;
	font:normal 18px "Arb b",sans-serif; line-height:2; color:#fff; cursor:pointer; background:var(--mp-green); transition:.2s ease;
} .mp-btn:hover {transform:translateY(-2px); box-shadow:0 10px 20px rgba(8,127,91,.2);}
.mp-btn:focus-visible {outline:3px solid rgba(23,105,170,.23); outline-offset:2px;}
.mp-hero .mp-btn-primary {color:#E64000!important; background:#fff;}
.mp-hero .mp-btn-secondary {border-color:rgba(230,225,0,.3); background:rgba(90,48,145,.2);}

#container .mp-btn-primary {color:var(--purple)!important; background:#fff;}
#container .mp-btn-secondary {border-color:rgba(255,255,255,.35); color:#fff!important; background:rgba(255,255,255,.1);}
#container .mp-btn-ghost {border-color:var(--mp-line); color:var(--mp-green)!important; background:#fff;}
#container .mp-btn-gold {color:#4e3a00!important; background:var(--yellow);}
#container .mp-btn-danger {border-color:#ffd3cf; color:var(--mp-red)!important; background:rgba(230,64,0,.08);}
#container .mp-btn-small {padding:7px 12px; min-height:35px; border-radius:10px; font-size:15px;}
#container .mp-btn[disabled] {opacity:.58; transform:none; box-shadow:none; cursor:default;}

ul.mp-hero-stats {padding:10px; display:grid; grid-template-columns:1fr 1fr; gap:10px; border:1px solid rgba(255,255,255,.15); border-radius:25px; background:rgba(255,255,255,.1); backdrop-filter:blur(9px);}
ul.mp-hero-stats li {padding:15px; min-height:110px; display:flex; flex-direction:column; justify-content:center; border-radius:20px; font:normal 15px 'Arb sb', sans-serif; line-height:20px; color:var(--mp-muted); background:rgba(255,255,255,.9);}
ul.mp-hero-stats li strong {margin-bottom:10px; font:normal 40px 'Sui sb', sans-serif; line-height:40px; color:var(--mp-ink);}
ul.mp-hero-stats li.mp-stat-plus {background:rgba(230,223,0,.90); cursor:pointer;}
ul.mp-hero-stats li.mp-stat-plus strong {font-size:25px; color:#5A3091; cursor:pointer;}

.mp-tabs {position:sticky; z-index:1; top:70px; margin:0 auto 15px; padding:7px; width:fit-content; max-width:100%; display:flex; gap:0; overflow-x:auto; border:1px solid var(--mp-line); border-radius:20px; box-shadow:0 10px 35px rgba(16,42,67,.07); background:rgba(255,255,255,.5); backdrop-filter:blur(7px);}
.mp-tabs a {padding:10px 15px; flex:0 0 auto; border-radius:15px; font:normal 17px 'Arb b', sans-serif; line-height:25px; color:var(--mp-muted);}
.mp-tabs a:hover {color:var(--mp-green); background:var(--mp-mint);}
.mp-tabs a:focus-visible {outline:3px solid rgba(23,105,170,.23); outline-offset:2px;}

.mp-section {padding:35px 0; scroll-margin-top:145px;}
.mp-section-head {margin-bottom:20px; display:flex; align-items:end; justify-content:space-between; gap:18px;}
#container .mp-section-head h2 {margin:0 0 15px; text-align:right; font:normal clamp(27px,3vw,33px)/1.3 "Arb b",sans-serif; color:var(--mint);}
#container .mp-section-head p {max-width:650px; font-size:17px; color:rgba(255,255,255,.7);}
.mp-count {padding:10px 15px; border-radius:999px; font:normal 14px 'Arb sb', sans-serif; line-height:15px; color:var(--mp-green); white-space:nowrap; background:var(--mint);}

.mp-panel {margin-bottom:10px; padding:15px; /*min-height:225px;*/ border:1px solid var(--mp-line); border-radius:20px; box-shadow:0 10px 40px rgba(16,42,67,.07); background:var(--mp-paper);}
/*.mp-panel+.mp-panel {margin-top:20px;}*/
.mp-panel-header {margin-bottom:20px; display:flex; align-items:center; justify-content:space-between; gap:15px; font-family:"Arb b",sans-serif; font-weight:normal;}
#container .mp-panel-header h3 {margin:0; font-size:20px; font-weight:900; line-height:30px; color:var(--mp-green);}
.mp-account-summary {display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px;}
.mp-avatar {width:55px; height:55px; display:grid; place-items:center; flex:0 0 auto; border-radius:15px; font:normal 21px 'Arb b', sans-serif; color:#fff; background:linear-gradient(135deg,var(--mp-green),var(--mint));}
#container .mp-account-summary h3 {font-size:20px; color:var(--orange);}
#container .mp-account-summary p {font:normal 15px 'Arb', sans-serif; line-height:20px;}
.mp-badge {padding:5px 15px; display:inline-flex; align-items:center; gap:5px; border-radius:999px; font:normal 13px 'Arb sb', sans-serif; line-height:25px; color:var(--mp-green-dark); white-space:nowrap; background:var(--mp-mint);}
.mp-badge-muted {color:#526679; background:#eef4f7;}
.mp-badge-red {color:#9b2018; background:#fff0ee;}

.mp-role-picker {margin-bottom:25px; display:grid; grid-template-columns:1fr 1fr; gap:15px;}
.mp-role-picker label {position:relative; cursor:pointer;}
.mp-role-picker label:first-child {background:#fbfdfe url(../../imgs/edu/teacher.svg) 93% center no-repeat; background-size:auto 55%;}
.mp-role-picker label:nth-child(2) {background:#fbfdfe url(../../imgs/edu/school.svg) 93% center no-repeat; background-size:auto 50%;}
.mp-role-picker input {position:absolute; opacity:0; pointer-events:none;}
.mp-role-card {padding:30px 100px 30px 20px; min-height:100px; display:block; border:2px solid var(--mp-line); border-radius:15px; cursor:pointer;}
.mp-role-card * {cursor:pointer;}
#container .mp-role-card strong {display:block; font-size:20px; line-height:25px; color:var(--orange);}
#container .mp-role-card small {margin:10px 0 0 0; display:block; text-align:right; font-size:15px; line-height:20px; color:var(--mp-muted);}
.mp-role-picker input:checked+.mp-role-card {border-color:var(--mp-green); background-color:var(--mp-mint); box-shadow:0 0 0 3px rgba(8,127,91,.08);}

#jobsProfileForm small {margin:0 0 25px; width:100%; display:block; text-align:center; font-size:17px; line-height:25px; color:var(--orange);}
.mp-form-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px;}
.mp-field {display:flex; flex-direction:column; gap:7px;}
.mp-field-full {grid-column:1/-1;}
.mp-field-half {grid-column:1/-2;}
.mp-field label {color:var(--mp-ink); font-size:14px; font-weight:800;}
.mp-field>span {color:var(--mp-ink); font-size:14px; font-weight:800;}
#container .mp-field input, #container .mp-field select, #container .mp-field textarea {
	padding:10px 15px; width:100%; /*min-height:50px;*/ border:1px solid #cfdee7; border-radius:12px; font:normal 16px 'Arb sb', sans-serif; line-height:30px; color:var(--mp-ink); cursor:text; outline:none; background:#fbfdfe;
} .mp-field input::placeholder, .mp-field textarea::placeholder {font:normal 16px 'Arb sb', sans-serif; line-height:30px; color:rgba(0,0,0,.3);}
#container .mp-field select {cursor:pointer;} #container .mp-field select option {font:normal 16px 'Arb sb', sans-serif; line-height:20px; color:black;}
#container .mp-field textarea {/*min-height:112px; line-height:1.7;*/ resize:vertical;}
#container .mp-field input:focus, #container .mp-field select:focus, #container .mp-field textarea:focus {outline:2px solid rgba(23,105,170,.25); outline-offset:1px; border-color:#6ac3a8; background:#fff;}
.mp-check {display:flex; align-items:center; gap:10px; font-size:16px; font-weight:700; color:var(--mp-muted); cursor:pointer;}
.mp-check input {width:20px; height:20px; accent-color:var(--mp-green);}

.mp-form-actions {margin-top:20px; display:flex; gap:10px; flex-wrap:wrap; align-items:center; justify-content:center;}

details.mp-disclosure {border:1px solid var(--mp-line); border-radius:20px; background:#fff;}
details.mp-disclosure+details.mp-disclosure {margin-top:10px;}
details.mp-disclosure>summary {padding:15px 25px 15px 15px; display:flex; align-items:center; justify-content:space-between; gap:10px; list-style:none; font:normal 18px "Arb b",sans-serif; line-height:25px; color:var(--mp-ink); cursor:pointer;}
details.mp-disclosure>summary::-webkit-details-marker {display:none;}
details.mp-disclosure>summary:after {content:"+"; padding:0; width:40px; min-width:40px; max-width:40px; height:40px; flex:0 0 40px; display:grid; place-items:center; border-radius:15px; font:normal 27px "Sui",sans-serif; line-height:40px; color:var(--mp-green); background:var(--mp-mint);}
details.mp-disclosure[open]>summary:after {content:"−";}
.mp-disclosure-body {padding:10px 30px 30px;}

#offer-editor-title {font:normal 18px "Arb b",sans-serif; line-height:25px; color:var(--mp-ink); cursor:pointer;}

.mp-filter {margin-bottom:20px; padding:15px; display:grid; grid-template-columns:minmax(200px,1.4fr) repeat(3,minmax(145px,.7fr)) auto; gap:10px; border:1px solid var(--mp-line); border-radius:20px; background:#fff; box-shadow:0 10px 30px rgba(16,42,67,.06);}
#container .mp-filter input {min-height:35px; padding:5px 15px; border:1px solid #d8e4eb; border-radius:10px; font:normal 17px 'Arb sb', sans-serif; color:var(--mp-ink); cursor:text; background:#f9fcfd;}
#container .mp-filter input::placeholder {font:normal 17px 'Arb', sans-serif; color:rgba(0,0,0,.5);}
#container .mp-filter select {min-height:35px; padding:5px 15px; border:1px solid #d8e4eb; border-radius:10px; font:normal 17px 'Arb sb', sans-serif; color:var(--mp-ink); cursor:pointer; background:#f9fcfd;}
#container .mp-filter select option {font-family:inherit; color:black;}

.mp-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px;}
.mp-card {position:relative; padding:20px; display:flex; flex-direction:column; gap:15px; overflow:hidden; border:1px solid var(--mp-line); border-radius:21px; background:#fff; box-shadow:0 8px 28px rgba(16,42,67,.055); transition:.2s ease;}
.mp-card:hover {transform:translateY(-2px); border-color:#bdd7d0; box-shadow:0 15px 35px rgba(16,42,67,.1);}
.mp-card-top {display:flex; justify-content:space-between; align-items:flex-start; gap:15px;}
.mp-card-kicker {font:normal 15px "Arb sb",sans-serif; line-height:20px; color:var(--orange);}
#container .mp-card h3 {margin:5px 0 10px; color:var(--mp-ink); font:normal 23px "Arb b",sans-serif; line-height:35px;}
ul.mp-tags {display:flex; flex-wrap:wrap; gap:7px;}
ul.mp-tags li {padding:5px 10px; border-radius:10px; font:normal 13px "Arb sb",sans-serif; /*line-height:25px;*/ color:#496579; background:#f0f6f8;}
.mp-card-description {display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; font-size:17px!important;}
.mp-card-meta {padding-top:5px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; border-top:1px solid #edf2f5;}
.mp-card-meta span {font:normal 14px "Arb",sans-serif; color:var(--mp-muted);}
.mp-card-meta span.salary {font:normal 14px "Arb sb",sans-serif; color:var(--mint);}

.mp-card-actions {margin:auto 0 10px; display:flex; flex-wrap:wrap; align-items:center; gap:10px;}
.mp-card-actions details {flex:1 1 170px;}
.mp-card-actions details>summary {width:100%; list-style:none;}
.mp-card-actions details>summary::-webkit-details-marker {display:none;}
.mp-apply-box {margin-top:10px; padding:15px; border-radius:15px; background:var(--mp-soft);}
.mp-apply-box textarea {margin-bottom:10px; padding:10px; width:100%; border:1px solid #cfdee7; border-radius:10px; font:normal 15px "Arb",sans-serif; color:rgba(0,0,0,1); cursor:text; resize:vertical;}
.mp-apply-box textarea::placeholder {font:normal 15px "Arb",sans-serif; color:rgba(0,0,0,.3);}
.mp-score {width:50px; height:50px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:var(--mp-green-dark); background:conic-gradient(var(--mp-green) var(--score),#e3efeb 0); font-size:14px; font-weight:900;}
.mp-score:before {content:attr(data-score); width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:rgba(255,255,255,.7);}

.mp-candidate-grid {padding:10px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px; border-radius:20px; background:rgba(255,255,255,.3);}
.mp-candidate {padding:20px; border:1px solid var(--mp-line); border-radius:20px; background:#fff; box-shadow:0 8px 28px rgba(16,42,67,.05);}
.mp-candidate.is-plus {border-color:#e8d182; background:linear-gradient(180deg,#fff9df 0,#fff 48%);}
.mp-candidate-head {display:flex; align-items:center; gap:15px;}
.mp-candidate-head .mp-avatar {width:50px; height:50px; border-radius:15px; font-size:20px;}
.mp-candidate h3 {font-size:18px; font-weight:900; line-height:25px; color:var(--orange);}
.mp-candidate-subject {font:normal 15px "Arb sb",sans-serif; color:var(--mp-green);}
.mp-candidate ul.mp-tags {margin:15px 0;}

.mp-contact {margin:10px 0; padding:15px; border-radius:15px; font:normal 15px "Arb sb",sans-serif; line-height:25px; color:var(--mp-muted); word-break:break-word; background:#fff9df;}
.mp-contact.is-locked {color:#7a650f; background:var(--mp-gold-soft);}
.mp-contact strong {font:normal 15px "Arb b",sans-serif; line-height:20px; color:var(--plus-gold);}
.mp-candidate-footer {margin-top:10px; display:flex; align-items:center; justify-content:space-between; gap:10px;}

.mp-dashboard-grid {margin-top:10px; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); align-items:start; gap:10px;}
.mp-list {margin:0; padding:0; display:grid; gap:10px; list-style:none;}
.mp-list li {padding:20px; display:flex; align-items:center; justify-content:space-between; gap:15px; border:1px solid var(--mp-line); border-radius:20px; background:#fbfdfe;}
.mp-list li strong {display:block; font-size:17px; color:var(--mp-ink);}
.mp-list li small {/*margin-top:5px;*/ display:block; font-size:15px; color:var(--mp-muted);}
.mp-inline-actions {display:flex; flex-wrap:wrap; gap:6px;}
.mp-inline-actions form {margin:0;}

.mp-applicant {padding:20px; border:1px solid var(--mp-line); border-radius:15px; background:#fbfdfe;}
.mp-applicant+.mp-applicant {margin-top:10px;}
.mp-applicant-top {display:flex; align-items:start; justify-content:space-between; gap:15px;}
.mp-applicant h4 {font-size:18px; line-height:25px; color:var(--orange);}
.mp-applicant p {margin-top:5px!important; font-size:16px!important;}
.mp-applicant strong {font-size:16px; color:var(--mp-ink);}
.mp-applicant .mp-contact {margin-bottom:10px;}

.mp-empty {padding:50px 20px; border:1px dashed var(--mp-ink); border-radius:20px; text-align:center; background:#fbfdfe;}
.mp-empty strong {display:block; margin-bottom:7px; color:var(--mp-ink); font-size:22px;}
.mp-empty p {font-size:17px!important;}
.mp-error {color:var(--mp-red); border-color:#f1aaa4; background:#fff5f3;}
.mp-login-card {text-align:center;}
.mp-login-card h3 {margin:0 0 8px; font-size:23px; color:var(--purple);}
/*.mp-login-card .mp-form-actions {justify-content:center;}*/

#container label {font-family:"Arb sb",sans-serif; font-weight:normal;}
#container small {font-family:"Arb sb",sans-serif; font-weight:normal;}

.mp-badge-plus {margin-right:10px; color:#5A3091; background:rgba(230,223,0,.24);}
.mp-card.is-plus {border-color:#E6C500; background:linear-gradient(180deg,rgba(230,223,0,.14) 0,#fff 42%);}

.mp-note {margin-top:15px!important; padding:10px 15px; border-radius:10px; font-size:16px!important; color:rgba(255,255,255,1)!important; background:var(--mp-gold-soft);}

.mp-plus-box {margin:0 -20px -55px; padding:25px 40px 40px;/*clamp(26px,5vw,52px)*/ overflow:hidden; border:1px solid #E6C500; border-radius:0 0 30px 30px; background:radial-gradient(circle at 9% 10%,rgba(255,255,255,.3),transparent 28%), linear-gradient(135deg,#E6C500 0%,#E6DF00 70%,#E6C500 100%); box-shadow:0 20px 55px rgba(230,197,0,.27);}
.mp-plus-intro {display:grid; grid-template-columns:1fr auto; align-items:center; gap:25px;}
#plus-avantages .mp-eyebrow {color:#5A3091;} #plus-avantages .mp-eyebrow:before {background:#E64000;}
#container .mp-plus-intro h2 {margin:0 0 10px; text-align:right; color:#5A3091; font:normal 33px "Arb b",sans-serif; line-height:1.3;}
#container .mp-plus-intro p {font-size:17px; color:rgba(90,48,145,.9);}
.mp-plus-grid {margin-top:25px; display:grid; grid-template-columns:1fr 1fr; gap:15px;}
.mp-plus-card {padding:15px 20px 20px; border:1px solid rgba(90,48,145,.2); border-radius:20px; background:rgba(255,255,255,.5);}
.mp-plus-card h3 {margin:0 0 10px; font-size:20px; color:#5A3091;}
.mp-plus-card ul {margin:0; padding:0; display:grid; gap:10px; list-style:none;}
.mp-plus-card li {position:relative; padding-right:25px; font:normal 17px "Arb",sans-serif; line-height:25px; color:#5A3091;}
.mp-plus-card li:before {content:"✓"; position:absolute; right:0; font:normal 20px "Arb b",sans-serif; line-height:25px; color:#E64000;}
#plus-avantages .mp-btn-gold {color:#fff!important; background:#5A3091;}
#plus-avantages .mp-btn-gold:hover {box-shadow:0 10px 20px rgba(90,48,145,.2);}


@media (max-width:1008px) {
    #container {width:min(760px,calc(100% - 28px));}
    .mp-hero {grid-template-columns:1fr; min-height:0;}
    .mp-hero-stats {max-width:520px;}
    .mp-filter {grid-template-columns:1fr 1fr;}
    .mp-filter>:first-child {grid-column:1/-1;}
    .mp-filter .mp-btn {grid-column:1/-1;}
    .mp-candidate-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
    .mp-dashboard-grid {grid-template-columns:1fr;}
}

@media (max-width:640px) {
    #container {padding:15px; width:min(100% - 15px,310px);}
	.mp-flash {margin:0 0 30px;}
    .mp-hero {margin:-15px -15px 25px; padding:20px;}
    #container .mp-hero h1 {font-size:37px;}
    .mp-hero-copy>p {font-size:17px!important;}
    .mp-hero-actions .mp-btn {flex:1 1 150px;}
    ul.mp-hero-stats li strong {font-size:35px;}
	
	.mp-tabs {top:92px; padding:5px; max-width:calc(100% + 30px); justify-content:flex-start; border-radius:999px;}
	.mp-tabs a {padding:7px 15px; flex:0 0 auto; border-radius:999px;}
	
    .mp-section {padding:30px 0;}
    .mp-section-head {align-items:flex-start; flex-direction:column;}
    .mp-grid {grid-template-columns:1fr;}
    .mp-candidate-grid {padding:5px; grid-template-columns:1fr;}
	.mp-candidate {padding:15px;}
    .mp-form-grid {grid-template-columns:1fr;}
    .mp-role-picker {grid-template-columns:1fr;}
    .mp-field-full, .mp-field-half {grid-column:auto;}
    .mp-filter {grid-template-columns:1fr;}
    .mp-filter>:first-child {grid-column:auto;}
    .mp-filter .mp-btn {grid-column:auto;}
    .mp-card {padding:20px;}
	
    .mp-panel {padding:10px;}
    .mp-account-summary {grid-template-columns:auto 1fr; gap:10px;}
    .mp-account-summary>.mp-badge {grid-column:1/-1; width:fit-content;}
	.mp-avatar {width:50px; height:50px;}
	
    .mp-list li {padding:15px 20px 20px; align-items:flex-start; flex-direction:column;}
	
	.mp-disclosure-body {padding:10px 20px 20px;}
	details.mp-disclosure>summary {padding:10px 20px 10px 15px;}
	
	.mp-role-picker label:first-child {background:#fbfdfe url(../../imgs/edu/teacher.svg) 96% center no-repeat; background-size:auto 46%;}
	.mp-role-picker label:nth-child(2) {background:#fbfdfe url(../../imgs/edu/school.svg) 96% center no-repeat; background-size:auto 42%;}
	.mp-role-card {margin:0 -5px; padding:15px 65px 15px 0;}
	#container .mp-role-card strong {font-size:18px;}
	#container .mp-role-card small {margin-top:3px; font-size:14px;}
	
	.mp-plus-box {margin:0 -15px -50px; padding:20px;}
    .mp-plus-intro {grid-template-columns:1fr;}
	#container .mp-plus-intro h2 {font:normal 29px "Arb b",sans-serif; line-height:1.2;}
	#container .mp-plus-intro p {font-size:16px;}
    .mp-plus-intro .mp-btn {width:100%;}
    .mp-plus-grid {grid-template-columns:1fr;}
	.mp-plus-card {padding:10px 15px 15px;}
	.mp-plus-card li {padding-right:20px; font:normal 16px "Arb",sans-serif; line-height:20px;}
	.mp-plus-card li:before {font:normal 18px "Arb b",sans-serif; line-height:20px;}
	
	.mp-applicant {padding:15px;}
}

@media (prefers-reduced-motion:reduce) {
    .mp-btn {transition:none;}
    .mp-card {transition:none;}
    html {scroll-behavior:auto;}
}

/* Tutoring variants (mp-t-) */

.mp-t-page {--mp-t-blue:#1769aa; --mp-t-blue-soft:rgba(23,105,170,.1); --mp-t-teal:#008c78;}

.mp-t-hero {
	background:
		radial-gradient(circle at 12% 16%,rgba(230,225,0,.30),transparent 30%),
		radial-gradient(circle at 90% 84%,rgba(0,230,190,.26),transparent 27%),
		linear-gradient(135deg,#1769aa 0%,#6500e6 62%,#5a3091 100%);
	box-shadow:0 22px 58px rgba(23,105,170,.24);
}

.mp-t-hero .mp-btn-primary {color:var(--mp-t-blue)!important;}
.mp-t-hero .mp-eyebrow {color:#d9fff6!important;}

.mp-t-filter {grid-template-columns:repeat(4,minmax(0,1fr)); align-items:end;}
.mp-t-filter>div {min-width:0;}
.mp-t-filter .mp-t-search-main {grid-column:span 2;}
.mp-t-filter label {margin:0 3px 6px; display:block; font-size:13px; line-height:18px; color:var(--mp-muted);}
#container .mp-t-filter input, #container .mp-t-filter select {width:100%;}

.mp-t-plus-filter {position:relative;}
.mp-t-plus-filter.is-locked {opacity:.68;}
.mp-t-plus-filter.is-locked:after {content:"★"; position:absolute; left:10px; bottom:9px; color:var(--plus-gold); pointer-events:none;}

.mp-t-filter-actions {grid-column:1/-1; display:flex; justify-content:center; gap:8px;}

.mp-t-card {padding-bottom:50px; isolation:isolate; align-self:start; gap:15px; cursor:pointer; scroll-margin-top:130px; animation:mp-t-card-in .42s cubic-bezier(.2,.75,.25,1) backwards;}
.mp-t-card:before {
	content:""; position:absolute; z-index:2; top:0; right:-15%; width:48%; height:3px; border-radius:999px;
	pointer-events:none; opacity:.45; background:linear-gradient(90deg,transparent,var(--mp-t-blue),var(--mint),transparent);
	animation:mp-t-live-line 3.6s ease-in-out infinite;
}
.mp-t-card:nth-child(2) {animation-delay:.05s;}
.mp-t-card:nth-child(3) {animation-delay:.1s;}
.mp-t-card:nth-child(4) {animation-delay:.15s;}
.mp-t-card:nth-child(5) {animation-delay:.2s;}
.mp-t-card:nth-child(n+6) {animation-delay:.25s;}
.mp-t-card>* {position:relative; z-index:1;}
.mp-t-card.is-expanded {cursor:default; border-color:rgba(23,105,170,.42); box-shadow:0 20px 48px rgba(16,42,67,.14);}
.mp-t-card.is-plus {border-color:#e6c500; background:linear-gradient(180deg,rgba(230,223,0,.7),#fff 36%);}
.mp-t-teacher {display:flex; align-items:flex-start; gap:12px; min-width:0;}
.mp-t-teacher .mp-avatar {width:46px; height:46px; flex:0 0 46px; border-radius:14px; font-size:18px; background:linear-gradient(135deg,var(--mp-t-blue),var(--mint));}
.mp-t-teacher>div {min-width:0;}
#container .mp-t-card h3 {margin-top:2px; font-size:21px; line-height:30px;}
.mp-t-card .mp-badge-plus {margin-right:0;}

.mp-t-card .mp-card-description {display:block; overflow:visible; overflow-wrap:anywhere; -webkit-line-clamp:unset;}
html.mp-t-cards-ready .mp-t-card:not(.is-expanded) .mp-card-description {
	display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;
}
.mp-t-card-toggle {
	position:absolute; bottom:0; right:0; left:0; padding:10px; display:flex; align-items:center; justify-content:center; gap:10px;
	border:0; border-top:1px solid rgba(23,105,170,.15); border-radius:0 0 20px 20px;
	font:normal 14px "Arb sb",sans-serif; line-height:22px; color:var(--mp-t-blue); cursor:pointer;
	background:var(--mp-t-blue-soft); transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mp-t-card-toggle span {font:normal 15px "Arb b",sans-serif; line-height:25px; color:var(--mp-t-blue); cursor:pointer;}
.mp-t-card-toggle[hidden] {display:none;}
.mp-t-card-toggle:hover {border-color:rgba(23,105,170,.32); background:rgba(23,105,170,.15);}
.mp-t-card-toggle:focus-visible {outline:3px solid rgba(23,105,170,.22); outline-offset:2px;}
.mp-t-card-toggle-icon {/*font:normal 22px "Sui",sans-serif; line-height:16px;*/ transition:transform .3s cubic-bezier(.2,.75,.25,1);}
.mp-t-card-details-inner {display:flex; flex-direction:column; gap:13px; min-height:0;}
html.mp-t-cards-ready .mp-t-card-details {display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .34s cubic-bezier(.2,.75,.25,1),opacity .2s ease;}
html.mp-t-cards-ready .mp-t-card-details-inner {overflow:hidden;}
html.mp-t-cards-ready .mp-t-card.is-expanded .mp-t-card-details {grid-template-rows:1fr; opacity:1;}
.mp-t-card.is-expanded .mp-t-card-toggle-icon {transform:rotate(180deg);}
@keyframes mp-t-card-in {from {opacity:0; transform:translateY(10px) scale(.99);} to {opacity:1; transform:none;}}
@keyframes mp-t-live-line {0%,100% {opacity:.2; transform:translateX(30%) scaleX(.65);} 50% {opacity:.72; transform:translateX(-85%) scaleX(1);}}

ul.mp-t-facts {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:7px;}
ul.mp-t-facts li {
	padding:5px 10px 10px; min-width:0; border:1px solid var(--mp-line); border-radius:15px;
	font:normal 15px "Arb sb",sans-serif; line-height:20px; color:var(--mp-muted); background:#fbfdfe;
}
#container ul.mp-t-facts li b {margin-bottom:5px; display:block; font:normal 16px "Arb b",sans-serif; line-height:25px; color:#73889a;}
ul.mp-t-facts li.mp-t-price {color:var(--mp-t-teal); background:rgba(0,230,190,.08);}

#container .mp-t-qualification, #container .mp-t-availability {padding:9px 12px; border-radius:11px; font-size:14px; line-height:22px; background:#f5f8fb;}
#container .mp-t-qualification strong,
#container .mp-t-availability strong {font-size:14px; color:var(--mp-ink);}

.mp-t-direct-contact a, .mp-t-inquiry .mp-contact a {font-family:"Sui sb",sans-serif; color:var(--purple); text-decoration:underline!important; text-underline-offset:3px;}

.mp-t-inquiry-form label {display:block; margin-bottom:10px;}
.mp-t-inquiry-form label span {margin-bottom:5px; display:block; font:normal 13px "Arb",sans-serif; color:var(--mp-muted);}
#container .mp-t-inquiry-form select, #container .mp-t-inquiry-form textarea {
	padding:10px; width:100%; border:1px solid #cfdee7; border-radius:10px;
	font:normal 15px "Arb sb",sans-serif; color:var(--mp-ink); background:#fff;
}
#container .mp-t-inquiry-form select {cursor:pointer;}
#container .mp-t-inquiry-form select option {font:normal 15px "Arb sb",sans-serif; color:black;}
.mp-t-inquiry-form textarea {min-height:90px; resize:vertical;}

.mp-t-account-panel {display:block;}
.mp-t-role-switch {margin:10px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.mp-t-role-option {
	position:relative; padding:16px; min-width:0; display:grid;
	grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px;
	border:3px solid transparent; border-radius:20px; box-shadow:0 10px 25px rgba(16,42,67,.1);
	text-align:right; color:var(--mp-muted); cursor:pointer;
	background:rgba(255,255,255,.5); transition:border-color .1s ease,background .18s ease,transform .1s ease;
} .mp-t-role-option:hover {border-color:rgba(101,0,230,.2); background:rgba(255,255,255,.7);}
.mp-t-role-option * {cursor:pointer;}
.mp-t-role-option:focus-visible {outline:3px solid rgba(23,105,170,.24); outline-offset:2px;}
.mp-t-role-option.is-active {border-color:var(--purple); color:var(--mp-ink); background:#fff; box-shadow:0 8px 22px rgba(90,48,145,.10);}
.mp-t-role-icon {width:55px; height:55px; display:grid; place-items:center; border-radius:15px; font:normal 30px "Sui",sans-serif; line-height:30px; color:var(--orange); background:rgba(230,64,0,.1);}
#container .mp-t-role-option strong {display:block; font:normal 20px "Arb b",sans-serif; line-height:30px; color:var(--orange);}
#container .mp-t-role-option small {margin-top:2px; display:block; font:normal 14px "Arb",sans-serif; line-height:20px; color:var(--mp-muted);}
.mp-t-role-option em {padding:7px 10px; border-radius:999px; font:normal 12px "Arb sb",sans-serif; color:var(--mp-muted); white-space:nowrap; background:#f0f6f8;}
.mp-t-role-option.is-active em {color:var(--purple); background:var(--mp-mint);}
.mp-t-role-panel[hidden] {display:none!important;}
.mp-t-role-panel {animation:mp-t-panel-in .2s ease;}
.mp-t-role-panel>.mp-t-sent-panel {margin-top:0;}
@keyframes mp-t-panel-in {from {opacity:0; transform:translateY(5px);} to {opacity:1; transform:none;}}

#offer-editor {scroll-margin-top:145px;}
#offer-editor>summary small {margin-right:auto; font:normal 13px "Arb sb",sans-serif; color:var(--mp-muted);}
.mp-t-offer-form-grid textarea {min-height:125px;}
#offerReset[hidden] {display:none!important;}

.mp-t-dashboard {grid-template-columns:1fr 1fr;}
.mp-t-dashboard-panel {min-width:0;}
.mp-t-own-list {display:grid; gap:10px;}
.mp-t-own-offer {padding:15px; border:1px solid var(--mp-line); border-radius:15px; background:#fbfdfe;}
.mp-t-own-offer h4 {margin:8px 0 3px; font-size:17px; line-height:24px; color:var(--mp-ink);}
.mp-t-own-offer small {font-size:13px; line-height:20px; color:var(--mp-muted);}
.mp-t-own-offer>.mp-inline-actions {margin-top:12px;}
.mp-t-offer-metrics {margin-top:10px; display:flex; gap:7px;}
#container .mp-t-offer-metrics span {padding:7px 10px; border-radius:10px; font:normal 14px "Arb",sans-serif; line-height:22px; color:var(--mp-muted); background:var(--mp-gold-soft);}
#container .mp-t-offer-metrics b {margin-left:5px; font:normal 22px "Sui sb",sans-serif; line-height:22px; color:var(--purple);}

.mp-t-inquiry.is-new {border-color:#f0b6ae; box-shadow:inset -4px 0 0 var(--orange);}
.mp-t-inquiry .mp-applicant-top {margin-bottom:8px;}
.mp-t-inquiry .mp-badge-plus {margin-right:4px; padding:5px 8px;}
.mp-t-sent-panel {margin-top:20px;}
.mp-t-sent-panel .mp-panel-header>div p {margin-top:3px!important; font-size:14px!important;}

.mp-t-plus-box {background:radial-gradient(circle at 9% 10%,rgba(255,255,255,.35),transparent 28%),linear-gradient(135deg,#e6c500 0%,#e6df00 68%,#bde641 100%);}

@media (max-width:1008px) {
	.mp-t-filter {grid-template-columns:repeat(2,minmax(0,1fr));}
	.mp-t-dashboard {grid-template-columns:1fr;}
}

@media (max-width:640px) {
	.mp-t-filter {grid-template-columns:1fr;}
	.mp-t-filter .mp-t-search-main {grid-column:auto;}
	.mp-t-filter-actions {grid-column:auto;}
	.mp-t-filter-actions .mp-btn {flex:1;}
	ul.mp-t-facts {grid-template-columns:1fr 1fr;}
	ul.mp-t-facts li.mp-t-price {grid-column:1/-1;}
	.mp-t-card .mp-card-top {gap:8px;}
	.mp-t-teacher .mp-avatar {display:none;}
	#container .mp-t-card h3 {font-size:19px; line-height:28px;}
	.mp-t-account-panel .mp-account-summary {grid-template-columns:auto 1fr;}
	.mp-t-role-switch {grid-template-columns:1fr;}
	.mp-t-role-option {grid-template-columns:auto minmax(0,1fr); padding:13px;}
	.mp-t-role-option em {grid-column:2; width:fit-content;}
	#offer-editor>summary {align-items:flex-start; flex-wrap:wrap;}
	#offer-editor>summary small {margin-right:0; width:100%;}
	.mp-t-inquiry .mp-applicant-top {flex-direction:column;}
}


/* Expandable employment offer cards */
.mp-job-card {padding-bottom:50px; isolation:isolate; align-self:start; gap:15px; cursor:pointer; scroll-margin-top:130px; animation:mp-t-card-in .42s cubic-bezier(.2,.75,.25,1) backwards;}
.mp-job-card:before {
	content:""; position:absolute; z-index:2; top:0; right:-15%; width:48%; height:3px; border-radius:999px;
	pointer-events:none; opacity:.45; background:linear-gradient(90deg,transparent,var(--orange),var(--mint),transparent);
	animation:mp-t-live-line 3.6s ease-in-out infinite;
}
.mp-job-card:nth-child(2) {animation-delay:.05s;}
.mp-job-card:nth-child(3) {animation-delay:.1s;}
.mp-job-card:nth-child(4) {animation-delay:.15s;}
.mp-job-card:nth-child(5) {animation-delay:.2s;}
.mp-job-card:nth-child(n+6) {animation-delay:.25s;}
.mp-job-card>* {position:relative; z-index:1;}
.mp-job-card.is-expanded {cursor:default; border-color:rgba(101,0,230,.42); box-shadow:0 20px 48px rgba(90,48,145,.16);}
.mp-job-card .mp-card-description {display:block; overflow:visible; overflow-wrap:anywhere; -webkit-line-clamp:unset;}
html.mp-job-cards-ready .mp-job-card:not(.is-expanded) .mp-card-description {display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.mp-job-card-toggle {
	position:absolute; bottom:0; right:0; left:0; padding:10px; display:flex; align-items:center; justify-content:center; gap:10px;
	border:1px solid rgba(101,0,230,.16); border-radius:0 0 20px 20px;
	font:normal 14px "Arb sb",sans-serif; line-height:22px; color:var(--purple); cursor:pointer;
	background:rgba(101,0,230,.08); transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.mp-job-card-toggle span {font:normal 15px "Arb b",sans-serif; line-height:25px; color:var(--purple); cursor:pointer;}
.mp-job-card-toggle[hidden] {display:none;}
.mp-job-card-toggle:hover {border-color:rgba(101,0,230,.3); background:rgba(101,0,230,.13);}
.mp-job-card-toggle:focus-visible {outline:3px solid rgba(101,0,230,.22); outline-offset:2px;}
.mp-job-card-toggle-icon {transition:transform .3s cubic-bezier(.2,.75,.25,1);}
.mp-job-card-details-inner {display:flex; flex-direction:column; gap:15px; min-height:0;}
html.mp-job-cards-ready .mp-job-card-details {display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .34s cubic-bezier(.2,.75,.25,1),opacity .2s ease;}
html.mp-job-cards-ready .mp-job-card-details-inner {overflow:hidden;}
html.mp-job-cards-ready .mp-job-card.is-expanded .mp-job-card-details {grid-template-rows:1fr; opacity:1;}
.mp-job-card.is-expanded .mp-job-card-toggle-icon {transform:rotate(180deg);}

@media (prefers-reduced-motion:reduce) {
	.mp-t-role-option {transition:none;}
	.mp-t-role-panel {animation:none;}
	.mp-t-card, .mp-t-card:before, .mp-t-card-toggle, .mp-t-card-toggle-icon, .mp-t-card-details {animation:none!important; transition:none!important;}
	.mp-job-card, .mp-job-card:before, .mp-job-card-toggle, .mp-job-card-toggle-icon, .mp-job-card-details {animation:none!important; transition:none!important;}
}