/* Expandable career stories, intentionally readable without JavaScript. */
.accomplishments { background:#0d1726; border-block:1px solid #29384d; padding-block:76px; }
.accomplishments .accomplishments-heading { display:grid; grid-template-columns:1.3fr 1fr; gap:64px; align-items:end; margin-bottom:40px; }
.accomplishments h2 { font-size:clamp(34px,4.1vw,62px); letter-spacing:-.045em; line-height:1.08; max-width:700px; margin:0; }
.accomplishments h2 span { color:var(--accent); }
.accomplishments-heading > p { color:#bcc8d7; font-size:17px; line-height:1.65; max-width:450px; margin:0 0 3px; }
.accomplishment-list { border-top:1px solid #415069; }
.accomplishment { border-bottom:1px solid #35445b; }
.accomplishment summary { list-style:none; display:grid; grid-template-columns:180px minmax(0,1fr) 36px; gap:28px; align-items:center; padding:25px 0; cursor:pointer; min-height:90px; }
.accomplishment summary::-webkit-details-marker { display:none; }
.accomplishment summary::marker { content:''; }
.accomplishment summary:focus-visible { outline:2px solid var(--accent); outline-offset:5px; border-radius:2px; }
.accomplishment-category { color:var(--accent); font-size:11px; line-height:1.5; text-transform:uppercase; letter-spacing:.09em; font-weight:600; }
.accomplishment-title { font-size:clamp(20px,2vw,29px); line-height:1.25; letter-spacing:-.02em; font-weight:500; }
.accomplishment-icon { width:34px; height:34px; border:1px solid #65718a; border-radius:50%; position:relative; color:var(--accent); }
.accomplishment-icon::before,.accomplishment-icon::after { content:''; position:absolute; width:12px; height:1px; background:currentColor; top:16px; left:10px; }
.accomplishment-icon::after { transform:rotate(90deg); transition:transform .18s ease; }
.accomplishment[open] .accomplishment-icon::after { transform:rotate(0); }
.accomplishment[open] .accomplishment-title,.accomplishment summary:hover .accomplishment-title { color:var(--accent); }
.accomplishment-content { padding:0 0 34px 208px; display:grid; grid-template-columns:minmax(0,1.8fr) minmax(200px,1fr); gap:42px; }
.accomplishment-story p { color:#c2cedd; font-size:16px; line-height:1.75; margin:0 0 16px; max-width:740px; }
.accomplishment-story p:last-child { margin-bottom:0; }
.accomplishment-result { border-left:2px solid var(--accent); padding:3px 0 3px 22px; align-self:start; }
.accomplishment-result h3 { color:var(--accent); text-transform:uppercase; letter-spacing:.08em; font-size:11px; margin:0 0 12px; }
.accomplishment-result p { font-size:18px; line-height:1.55; color:#f0e9db; margin:0; }
.accomplishment-content.database-story { display:block; }
.database-story > p { color:#c2cedd; font-size:16px; line-height:1.75; max-width:900px; margin:0 0 24px; }
.database-capabilities { padding:0; margin:0; list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; }
.database-capabilities li { border-top:1px solid #35445b; padding:18px 0; color:#bbc8d9; font-size:15px; line-height:1.6; }
.database-capabilities strong { display:block; font-size:16px; color:var(--ink); font-weight:600; margin-bottom:5px; }
.database-story .accomplishment-result { margin-top:22px; }
@media(max-width:1000px) {
 .accomplishments .accomplishments-heading { gap:30px; }
 .accomplishment summary { grid-template-columns:140px minmax(0,1fr) 34px; gap:20px; }
 .accomplishment-content { padding-left:160px; gap:25px; grid-template-columns:1fr; }
}
@media(max-width:650px) {
 .accomplishments { padding-block:50px; }
 .accomplishments .accomplishments-heading { grid-template-columns:1fr; gap:20px; margin-bottom:25px; }
 .accomplishments-heading > p { font-size:15px; }
 .accomplishment summary { grid-template-columns:minmax(0,1fr) 34px; gap:9px 17px; padding-block:21px; }
 .accomplishment-category { grid-column:1; font-size:10px; }
 .accomplishment-title { grid-column:1; font-size:22px; }
 .accomplishment-icon { grid-column:2; grid-row:1 / 3; }
 .accomplishment-content { padding:0 0 28px; gap:22px; }
 .accomplishment-story p,.database-story > p { font-size:15px; }
 .accomplishment-result p { font-size:16px; }
 .database-capabilities { grid-template-columns:1fr; }
}
@media(prefers-reduced-motion:reduce) { .accomplishment-icon::after { transition:none; } }
