.page-experience .experience-library{padding-top:56px;padding-bottom:64px}
.experience-library-heading{max-width:900px;margin-bottom:32px}
.experience-library-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.35;margin:12px 0 18px;text-wrap:balance}
.experience-library-heading>p:last-child{color:var(--muted);font-size:16px;line-height:1.8}
.experience-card-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.experience-card{min-width:0;padding:clamp(24px,3vw,40px);border:1px solid var(--line);background:var(--white);display:flex;flex-direction:column;scroll-margin-top:32px}
.experience-card .section-label{color:var(--muted);margin:0 0 14px;font-size:12px;line-height:1.6}
.experience-card h3{font-size:clamp(24px,2vw,30px);line-height:1.4;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.experience-evidence{padding:20px 0;margin:18px 0 0;border-bottom:1px solid var(--line);color:var(--forest)}
.experience-evidence strong{font-size:clamp(27px,3vw,38px);font-weight:550;line-height:1.3}
.experience-card dl{margin:8px 0 24px}
.experience-card dl>div{margin-top:18px}
.experience-card dt{font-size:13px;font-weight:650;color:var(--ink);margin-bottom:6px}
.experience-card dd{margin:0;color:var(--muted);font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.experience-card .text-link{margin-top:auto;align-self:flex-start;font-size:16px;line-height:1.6;min-height:44px}
@media(min-width:900px){.experience-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.experience-jumps{padding:20px var(--pad);display:flex;flex-wrap:wrap;gap:12px 28px;border-bottom:1px solid var(--line);background:var(--white)}
.experience-jumps a{font-size:15px;display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.experience-problems{background:#e8eee7;padding-top:56px;padding-bottom:56px}
.experience-problem{border-top:1px solid #b9c9ba;scroll-margin-top:32px}
.experience-problem:last-child{border-bottom:1px solid #b9c9ba}
.experience-problem summary{display:flex;align-items:center;gap:16px;padding:24px 0;min-height:64px;cursor:pointer;list-style:none}
.experience-problem summary::-webkit-details-marker{display:none}
.experience-problem summary:focus-visible{outline:3px solid var(--forest);outline-offset:4px}
.experience-problem summary:hover h3{text-decoration:underline;text-underline-offset:5px}
.experience-problem h3{font-size:clamp(20px,2vw,27px);line-height:1.5;margin:0;flex:1;overflow-wrap:anywhere}
.problem-index{color:var(--muted);font-size:14px;flex-shrink:0}
.problem-toggle{width:20px;height:20px;position:relative;flex-shrink:0}
.problem-toggle::before,.problem-toggle::after{content:'';position:absolute;background:var(--forest);left:2px;right:2px;top:9px;height:2px}
.problem-toggle::after{transform:rotate(90deg)}
.experience-problem[open] .problem-toggle::after{transform:none}
.problem-body{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;padding:0 0 30px}
.problem-body h4{font-size:15px;line-height:1.6;margin:0 0 10px;color:var(--ink)}
.problem-body ol{margin:0;padding-left:24px;display:grid;gap:12px}
.problem-body li,.problem-body p{font-size:16px;line-height:1.85;color:var(--muted);overflow-wrap:anywhere}
.problem-body p{margin:0 0 20px}.problem-body p:last-child{margin-bottom:0}
.problem-decision{background:var(--paper);padding:24px;border-left:3px solid #607e3d}
.problem-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px}
.problem-links .text-link{font-size:16px;line-height:1.6}
.experience-prep{border-top:1px solid var(--line)}
.experience-prep h2{font-size:clamp(26px,3vw,36px);line-height:1.4;margin:0 0 20px}
.experience-prep p{max-width:900px;font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 18px}
@media(min-width:900px){.problem-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;padding-left:34px}}
