/* "Could I find the right job?" (Sophie's design, 7 Nov 2026). Cream ground, serif display, sage note panel, peach market header. */
.jm-page{background:#FBF7F0;color:#1F2B28}
.jm{--deep:#0B3F38;--teal:#02615D;--sage:#E2EADB;--sage2:#EEF2E8;--peach:#FBE4D7;--terra:#B4562E;--muted:#5A6965;--line:#E3DDD1;font-family:'Manrope',system-ui,sans-serif}
.jm-w{max-width:1120px;margin:0 auto;padding:0 20px}
.jm h1,.jm h2,.jm h3,.jm-nh{font-family:'Playfair Display',Georgia,serif;font-weight:600;color:var(--deep);letter-spacing:-.01em}
.jm-k{font:700 12px 'Work Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:0 0 8px}
.jm-hero{padding:clamp(34px,5vw,56px) 0 30px;border-bottom:1px solid var(--line)}
.jm-hg{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px;align-items:center}
.jm-ey{font:700 12px 'Work Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--deep);margin:0 0 14px}
.jm h1{font-size:clamp(40px,6vw,72px);line-height:1.04;margin:0 0 16px;max-width:11ch}
.jm h1 em{font-style:italic;font-weight:500;color:#6F8A62}
.jm-lead{font-size:clamp(17px,1.7vw,20px);line-height:1.5;color:#3A4744;max-width:40ch;margin:0 0 24px}
.jm-btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 26px;border-radius:999px;background:var(--deep);color:#fff;font:600 16.5px 'Work Sans',sans-serif;text-decoration:none}
.jm-btn:hover{background:#062E28}
.jm-btn:focus-visible,.jm a:focus-visible,.jm select:focus-visible,.jm summary:focus-visible{outline:3px solid #0E7C76;outline-offset:3px}
.jm-note{background:var(--sage);border-radius:200px 200px 22px 22px;padding:clamp(56px,7vw,80px) clamp(26px,4vw,48px) 36px}
.jm-note .jm-k{margin-bottom:14px}
.jm-nh{font-size:clamp(28px,3.2vw,40px);line-height:1.12;margin:0 0 14px}
.jm-note p:last-child{font-size:16.5px;line-height:1.55;color:#2F3D39;margin:0}
@media (max-width:820px){.jm-hg{grid-template-columns:1fr}.jm-note{border-radius:140px 140px 20px 20px}}

.jm-qs{border-bottom:1px solid var(--line)}
.jm-qs ol{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.jm-qs li{display:flex;gap:12px;padding:4px 22px;border-left:1px solid var(--line)}
.jm-qs li:first-child{border-left:0;padding-left:0}
.jm-qn{font:italic 500 24px/1 'Playfair Display',Georgia,serif;color:var(--terra);padding-top:2px}
.jm-qs b{display:block;font:600 17px/1.3 'Work Sans',sans-serif;color:var(--deep);margin-bottom:4px}
.jm-qs li span:not(.jm-qn){font-size:15px;line-height:1.5;color:#3E4B48}
@media (max-width:820px){.jm-qs ol{grid-template-columns:1fr;gap:14px}.jm-qs li{border-left:0;padding:0}}

.jm-main{padding:30px 0 70px}
.jm-main h2{font-size:clamp(32px,4vw,46px);line-height:1.1;margin:0 0 24px}
.jm-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
.jm-pick{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 18px;position:sticky;top:84px}
.jm-pick label{display:block;font:600 16px 'Work Sans',sans-serif;color:var(--deep);margin:0 0 10px}
.jm-pick select{width:100%;min-height:46px;border:1px solid #C9D1CC;border-radius:10px;padding:0 12px;font:500 15.5px 'Manrope',sans-serif;background:#fff;color:#1F2B28}
.jm-hint{font-size:13.5px;line-height:1.5;color:var(--muted);margin:10px 0 14px}
.jm-pick ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.jm-pick a{display:block;padding:10px 12px;border-radius:10px;color:#24322F;text-decoration:none;font-size:15.5px}
.jm-pick a:hover{background:var(--sage2)}
.jm-pick a[aria-current="true"]{background:var(--sage);font-weight:700;color:var(--deep)}
@media (max-width:820px){.jm-grid{grid-template-columns:1fr}.jm-pick{position:static}.jm-pick ul,.jm-hint{display:none}}
@media (min-width:821px){.jm-pick select,.jm-pick label{display:none}.jm-pick:before{content:"Your profession";display:block;font:600 16px 'Work Sans',sans-serif;color:var(--deep);margin:0 0 10px 12px}.jm-hint{margin:0 12px 12px}}

.jm-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;min-width:0}
.jm-loading{padding:30px}
.jm-draft{margin:0;padding:10px 24px;background:#FFF4D6;color:#6B4A0A;font-size:13.5px;font-weight:600;border-bottom:1px solid #EFD9A0}
.jm-ch{background:var(--peach);padding:22px 26px}
.jm-ch-plain{background:var(--sage2)}
.jm-pill{display:inline-block;background:#fff;border-radius:999px;padding:5px 14px;font:600 13.5px 'Work Sans',sans-serif;color:var(--deep);margin-bottom:10px}
.jm-ch h3{font-size:clamp(30px,3.4vw,40px);line-height:1.1;margin:0 0 6px}
.jm-ch h3:focus{outline:none}
.jm-ch p{margin:0;font-size:16.5px;line-height:1.5;color:#2F3D39}
.jm-cb{padding:22px 26px 20px}
.jm-cb h4{font:600 clamp(21px,2.2vw,26px)/1.2 'Playfair Display',Georgia,serif;color:var(--deep);margin:0 0 8px}
.jm-txt{font-size:16.5px;line-height:1.65;margin:0 0 20px;max-width:68ch}
.jm-two{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 20px}
.jm-two>div{padding-right:22px}
.jm-two>div+div{padding:0 0 0 22px;border-left:1px solid var(--line)}
.jm-two ul{margin:0;padding-left:20px}
.jm-two li{font-size:15.5px;line-height:1.5;margin:0 0 8px}
@media (max-width:640px){.jm-two{grid-template-columns:1fr;gap:16px}.jm-two>div+div{padding:16px 0 0;border-left:0;border-top:1px solid var(--line)}.jm-cb,.jm-ch{padding-left:18px;padding-right:18px}}
.jm-next{background:var(--sage);border-radius:16px;padding:18px 22px;margin:0 0 14px}
.jm-nt{font:600 clamp(18px,1.9vw,22px)/1.35 'Playfair Display',Georgia,serif;color:var(--deep);margin:0}
.jm-acc{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 14px}
.jm-acc summary{cursor:pointer;list-style:none;padding:14px 4px;font:600 16px 'Work Sans',sans-serif;color:var(--deep)}
.jm-acc summary::-webkit-details-marker{display:none}
.jm-acc summary:before{content:"+";display:inline-block;width:22px;font-size:20px;line-height:1}
.jm-acc[open] summary:before{content:"−"}
.jm-acc ul{margin:0 0 10px;padding-left:42px}
.jm-acc li{font-size:15.5px;line-height:1.55;margin:0 0 8px}
.jm-acc p{margin:0 0 14px 26px}.jm-acc p a{color:var(--teal);font-weight:600}
.jm-meta{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 8px}
.jm-meta a{color:var(--teal)}
.jm-scope{font-size:13.5px;line-height:1.55;color:var(--muted);margin:0}
.jm-foot{margin:22px 0 0;font-size:14.5px;color:var(--muted)}
.jm-foot a{color:var(--teal);font-weight:600}
@media (max-width:640px){.jm-w{padding:0 16px}}
.jm-pick ul a{text-decoration:none}