/* v0.02: illustrated wooden rollers; title stays on the parchment, not on a rotating FAQ icon. */
.career{position:relative;border:0;margin:26px 0 28px;padding:52px 23px 32px;isolation:isolate}
.career::before,.career::after{content:'';position:absolute;left:0;right:0;pointer-events:none;z-index:3;background-image:url('assets/pergamino-rodillo-v002.png');background-repeat:no-repeat;background-size:100% 270%;background-position:center;filter:drop-shadow(0 4px 3px #49312538)}
.career::before{height:68px;top:0}
.career::after{height:43px;bottom:0}
.career summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:88px;margin:0;padding:24px 19px 21px;border:0;border-radius:0;color:#49331c;background:radial-gradient(ellipse at 48% 25%,#fff5d640,transparent 75%),repeating-linear-gradient(13deg,#92723e06 0 1px,transparent 1px 4px),linear-gradient(90deg,#c7a46c,#ecd3a0 8%,#f4e2ba 50%,#e3c490 93%,#bd985d);box-shadow:inset 0 8px 9px #634b2820,0 4px 9px #4931251a;list-style:none;z-index:1}
.career summary::before{content:none}
.career summary::after{content:'+';border:1px solid #82623b66;background:#faecc94d;border-radius:50%;display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;font-family:var(--body);font-size:21px;font-weight:400;color:#6c4827}
.career[open] summary::after{content:'−'}
.career summary span,.career[open] summary span{transform:none!important;rotate:none!important;transition:none;color:inherit}
.career .scroll-label{display:flex;flex-direction:column;gap:8px;min-width:0;font-family:var(--display);font-size:clamp(23px,2.3vw,30px);font-weight:600;line-height:1.1;overflow-wrap:break-word}
.career .scroll-label small{font-family:var(--body);font-size:8px;font-weight:500;text-transform:uppercase;letter-spacing:1px;line-height:1.6;color:#795b36}
.career-body{position:relative;margin:0;padding:6px 21px 26px;background:repeating-linear-gradient(13deg,#92723e06 0 1px,transparent 1px 4px),linear-gradient(90deg,#c7a46c,#ecd3a0 8%,#f4e2ba 50%,#e3c490 93%,#bd985d);border:0;box-shadow:0 7px 12px #49312516;transform-origin:top center}
.career-body::after{content:none}
.career-body p,.career-results span{color:#59482f!important}
.career[open] .career-body{animation:scroll-unroll-v002 650ms cubic-bezier(.16,1,.3,1) both}
@keyframes scroll-unroll-v002{from{clip-path:inset(0 0 100% 0);opacity:.4}to{clip-path:inset(0);opacity:1}}
@supports(interpolate-size:allow-keywords){.career{interpolate-size:allow-keywords}.career::details-content{block-size:0;overflow:clip;transition:block-size 650ms cubic-bezier(.16,1,.3,1),content-visibility 650ms;transition-behavior:allow-discrete}.career[open]::details-content{block-size:auto}}
.school-grid .portrait-award{display:block;margin-top:8px;color:var(--wood);font-size:11px;line-height:1.55}.portrait-award strong{font-weight:600}.portrait-award span{display:block;font-size:9px;color:var(--muted);margin-top:2px}
.motion-paused .career::details-content{transition:none}.motion-paused .career-body{animation:none}
@media(prefers-reduced-motion:reduce){.career::details-content{transition:none}.career[open] .career-body{animation:none}}
@media(max-width:680px){.career{padding:43px 16px 28px}.career::before{height:57px}.career::after{height:37px}.career summary{padding:21px 14px 18px;min-height:86px}.career-body{padding:5px 16px 26px}.career .scroll-label{font-size:24px}.career .scroll-label small{font-size:7px;letter-spacing:.5px}}