/* Approved extra-hours screens. Scoped to the local teacher preview. */
.extras-paris .paris-hero{min-height:245px;padding-bottom:30px}
.extras-paris .paris-topbar{margin-bottom:23px}
.extras-paris h1{font-size:46px;line-height:1.03;letter-spacing:-.8px}
.extras-paris .hero-subtitle{font:400 18px/1.25 var(--serif);margin-top:8px;max-width:100%;color:#f8eed8}
.extras-paris .extra-body{padding:12px 13px 0;gap:14px}
.extras-paris .premium-panel,.extras-paris .empty-state{color:#f8efd9;border:1px solid #e7c881;border-radius:14px;padding:18px;background:linear-gradient(125deg,#0b2c38bf,#031c29d9),url('./assets/home/leather.webp') center/420px;box-shadow:inset 0 0 0 3px #071e29,inset 0 0 0 4px #bba36a55,0 3px 8px #0006;min-width:0}
.extras-paris .segmented{padding:3px;gap:2px;background:#041c28;border:1px solid #e2c17b;border-radius:13px;box-shadow:inset 0 0 0 2px #193b44;flex-shrink:0}
.extras-paris .segmented button{min-width:0;min-height:43px;font:500 18px/1.15 var(--serif);border-radius:10px;color:#efe2c5;padding:8px 3px}
.extras-paris .segmented [aria-pressed=true]{color:#0a2028;background:linear-gradient(115deg,#b48941,#f4d997 44%,#d4ab61);box-shadow:inset 0 0 0 1px #ffebba,inset 0 0 0 3px #af873d,inset 0 0 0 4px #fff0bb90}
.extras-paris .extra-summary{display:grid;grid-template-columns:1fr 1fr;padding:14px}
.extra-summary>div{display:flex;align-items:center;gap:10px;padding:0 9px;min-width:0}
.extra-summary>div+div{border-left:1px solid #ae925b70}
.extra-summary svg{width:28px;height:31px;color:#efcb80;flex-shrink:0;stroke-width:1.5}
.extra-summary strong{display:block;font:500 35px/.95 var(--serif)}
.extra-summary small{display:block;font:400 15px/1.05 var(--serif);margin-top:5px}
.extras-paris .extra-section-heading h2,.extras-paris .extra-section-title{font:500 31px/1.05 var(--serif);color:#fff1d9;letter-spacing:-.35px}
.extra-section-heading p{font:400 16px/1.3 var(--serif);margin-top:5px;color:#e0d4bb}
.extra-slots{display:flex;flex-direction:column;gap:12px}
.extras-paris .extra-slot{display:grid;grid-template-columns:65px minmax(0,1fr);gap:8px 14px;align-items:center;padding:14px}
.slot-date{grid-row:span 2;border:1px solid #ebc982;box-shadow:inset 0 0 0 2px #bda16b40,0 0 9px #f0ca7420;background:radial-gradient(ellipse at top left,#183d48,#031a26 80%);border-radius:50%;width:65px;height:77px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffebbc}
.slot-date span{text-transform:uppercase;font:500 12px/1 var(--serif)}
.slot-date strong{font:500 30px/1.15 var(--serif)}
.extras-paris .slot-details h3{font:500 23px/1.15 var(--serif);color:#fff3dc;margin:0 0 5px}
.extras-paris .status-chip{display:inline-flex;align-items:center;gap:6px;font:400 14px/1.2 var(--serif);border:1px solid #739ea84d;border-radius:22px;background:#072d3c;color:#dce9e6;padding:5px 8px;max-width:100%;white-space:normal}
.extras-paris .status-chip:before{content:'';width:7px;height:7px;border-radius:50%;background:#80d9fc;flex-shrink:0}
.extras-paris .status-chip.gold{background:#b18a291c;color:#f0d78e;border-color:#b08b3e99}
.extras-paris .status-chip.gold:before{background:#efc344}
.extras-paris .reserved-card .status-chip:before{background:#82d397}
.withdraw-slot{justify-self:start;min-height:28px;color:#edd18d;font:500 15px/1.2 var(--serif);text-decoration:underline;text-underline-offset:4px;padding:4px 0}
.extras-paris .extra-primary,.extras-paris .extra-secondary{min-height:47px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;font:600 22px/1.1 var(--serif);border-radius:11px;padding:12px;border:1px solid #ffe4a2;color:#061c23;background:linear-gradient(115deg,#b58c43,#f3d591 40%,#ddba73 76%,#b18b4c);box-shadow:inset 0 0 0 2px #b58e49,inset 0 0 0 3px #ffeabd99,0 3px 6px #0008}
.extras-paris .extra-primary svg{width:22px;height:23px;flex-shrink:0}
.extras-paris .extra-secondary{background:#06212bbf;color:#f4e6c9;box-shadow:inset 0 0 0 2px #071e29,inset 0 0 0 3px #cbb36b44}
.extras-paris .extra-footnote{font:400 14px/1.3 var(--serif);color:#e1c98e;text-align:center;padding:0 9px;margin:0}
.extras-paris .page-eyebrow{color:#efd394;font:500 9px/1.4 Inter,sans-serif;letter-spacing:1.7px;margin-bottom:12px}
.extras-paris .invitation-card h3{font:500 24px/1.15 var(--serif);margin:0;color:#fff0d5}
.invitation-time{font:500 38px/1.15 var(--serif);margin-top:4px;color:#fff2d8}
.invitation-zone{font:400 15px/1.3 var(--serif);color:#c9c5b7;margin-top:3px}
.invitation-subject{border-top:1px solid #dcc07e;margin-top:13px;padding-top:12px;margin-bottom:9px}
.invitation-subject p{font:400 24px/1.2 var(--serif);margin-top:4px}
.invitation-question{font:400 17px/1.3 var(--serif);margin:12px 0}
.extras-paris .invitation-card .extra-primary,.extras-paris .invitation-card .extra-secondary{font-size:21px}
.extras-paris .extra-guidance{background:linear-gradient(90deg,#031d28ef,#031d28ca 53%,transparent),url('./assets/home/lesson-guidance-v6.png') right center/cover;min-height:115px}
.extras-paris .extra-guidance h3{font:500 27px/1.1 var(--serif);margin-bottom:7px;color:#fff0d6}
.extras-paris .extra-guidance p{font:400 17px/1.3 var(--serif);max-width:70%;color:#eee2cb}
.extras-paris .extra-form{gap:14px}
.extras-paris .offer-panel{display:flex;flex-direction:column;gap:14px;padding:19px 17px}
.extras-paris .offer-panel .page-eyebrow{margin-bottom:0}
.extras-paris .extra-form label{font:400 21px/1.25 var(--serif);color:#f4e5c9;gap:7px;min-width:0}
.extras-paris .extra-form input,.extras-paris .extra-form textarea{min-height:48px;color-scheme:dark;background:#031c28a6;border:1px solid #dcc080;color:#f8ead1;font:400 22px/1.25 var(--serif);border-radius:9px;padding:11px 10px;box-shadow:inset 0 2px 8px #0004}
.extras-paris .extra-form textarea{font-size:17px;min-height:100px;line-height:1.4}
.extras-paris .extra-form textarea::placeholder{color:#a9b3af;opacity:1}
.offer-weekday,.offer-zone{font:400 16px/1.2 var(--serif);color:#d9d5c6;margin-top:-6px}
.offer-guidance{font:400 16px/1.35 var(--serif);color:#e9dfc8;border-top:1px solid #c7a965;padding-top:13px}
.extras-paris .form-message{color:#ffb8a8;font:500 12px/1.5 Inter,sans-serif}
.extras-paris .form-message:empty{display:none}
.extras-paris .reserved-card h3{font:500 32px/1.1 var(--serif);margin-bottom:9px}
.extras-paris .reserved-card p:not(.page-eyebrow){font:400 20px/1.4 var(--serif);margin-bottom:8px}
.extras-paris .reserved-card .extra-primary{margin-top:17px}
.extras-paris .empty-state p{color:#d9d9c8}
.extras-paris .preview-label{color:#abbcb7}
.extras-paris button:focus-visible,.extras-paris input:focus-visible,.extras-paris textarea:focus-visible{outline:2px solid #ffe2a4;outline-offset:3px}
#sheet[data-skin=extras]{background:linear-gradient(#062632d9,#041d28ef),url('./assets/home/leather.webp') center/420px;color:#fae8c7;border-color:#e6c27e}
#sheet[data-skin=extras] .sheet-kicker,#sheet[data-skin=extras] .sheet-demo{color:#dcc997}
#sheet[data-skin=extras] #sheet-body>p{color:#e7dfca}
#sheet[data-skin=extras] .sheet-close{color:#f4d48a;background:#062532;border-color:#c9aa68}
#sheet[data-skin=extras] .detail-summary{background:#041c29;border-color:#c9aa68}
#sheet[data-skin=extras] .detail-summary strong{color:#f9e7c6}
#sheet[data-skin=extras] .detail-summary p{color:#d7d7c6}
@media(min-width:460px){.extras-paris .paris-hero{min-height:290px}.extras-paris h1{font-size:57px}.extras-paris .hero-subtitle{font-size:22px}.extras-paris .extra-body{padding-inline:16px;gap:17px}.extras-paris .segmented button{font-size:21px;min-height:50px}.extras-paris .extra-slot{grid-template-columns:73px minmax(0,1fr) auto;gap:10px 15px;padding:18px}.slot-date{width:73px;height:87px;grid-row:auto}.slot-date strong{font-size:36px}.slot-date span{font-size:14px}.extras-paris .slot-details h3{font-size:26px}.extras-paris .withdraw-slot{font-size:16px}.extras-paris .status-chip{font-size:16px}.extras-paris .extra-primary{font-size:26px;min-height:54px}.extras-paris .extra-section-heading h2,.extras-paris .extra-section-title{font-size:37px}.extra-summary small{font-size:18px}.extra-summary strong{font-size:43px}.extras-paris .extra-guidance p{font-size:20px}.extras-paris .invitation-card h3{font-size:29px}.invitation-time{font-size:45px}.invitation-question{font-size:20px}.extras-paris .extra-form label{font-size:24px}.extras-paris .offer-panel{padding:23px;gap:18px}}
@media(max-width:360px){.extras-paris h1{font-size:39px}.extras-paris .hero-subtitle{font-size:16px}.extras-paris .extra-body{padding-inline:11px}.extras-paris .segmented button{font-size:16px}.extras-paris .extra-summary{padding:12px 8px}.extra-summary>div{gap:7px;padding:0 6px}.extra-summary svg{width:23px}.extra-summary small{font-size:14px}.extras-paris .extra-slot{gap:7px 10px;padding:13px}.extras-paris .slot-details h3{font-size:21px}.extras-paris .status-chip{font-size:12px}.extras-paris .extra-primary{font-size:20px}.extras-paris .invitation-card .extra-primary,.extras-paris .invitation-card .extra-secondary{font-size:18px}.extras-paris .offer-panel{padding:17px 14px}.extras-paris .extra-form input{font-size:19px;padding:10px 7px}}