.experience-view .mobile-result{display:none!important}
#panel-experience{min-width:0}
.experience-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:34px 0 14px}
.experience-heading h1{font-size:34px;margin:8px 0 10px}
.experience-heading p:not(.eyebrow){font-size:14px}
.experience-source{display:inline-block;text-decoration:none;padding:12px 16px;border:1px solid var(--line);border-radius:8px;font-size:13px;white-space:nowrap}
.experience-meta{font-size:12px;margin-bottom:24px}
.experience-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.experience-example{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:21px 24px}
.experience-example h2{font-size:14px;font-weight:500;color:var(--muted)}
.experience-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;font-size:32px;font-weight:700;color:var(--ink);margin:8px 0 10px;font-variant-numeric:tabular-nums}
.experience-total>span{font-size:19px;font-weight:500}
.experience-total>small{font-size:12px;color:var(--accent);font-weight:500;margin-left:10px}
.experience-example summary{font-size:12px;color:var(--muted)}
.experience-example details p{font-size:12px;line-height:1.9;margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.experience-example-note{font-size:12px;margin:12px 0 32px}
.experience-library{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:24px}
.experience-library-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.experience-search{max-width:320px;flex:1;color:var(--muted)}
.experience-search input{margin-top:3px;font-weight:400}
.experience-categories{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 14px}
.experience-categories button{font-size:13px;border:1px solid var(--line);background:transparent;color:var(--muted);font-weight:500}
.experience-categories button[aria-pressed=true]{background:#353942;border-color:#707887;color:var(--button-text)}
.experience-list-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;font-size:12px}
.experience-list-meta>span{flex-shrink:0;color:var(--ink);font-variant-numeric:tabular-nums}
.experience-table-scroll.table-scroll{max-height:620px;max-height:min(70dvh,620px);min-height:230px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;border-top:1px solid var(--line)}
.experience-table{width:100%;min-width:0;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:13px;line-height:1.8}
.experience-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.experience-table thead th{position:sticky;top:0;z-index:1;background:var(--surface);color:var(--muted);font-weight:500;text-align:left;border-bottom:1px solid var(--line);padding:13px 12px}
.experience-table thead th:nth-child(1){width:23%}
.experience-table thead th:nth-child(2){width:18%}
.experience-table thead th:nth-child(3){width:22%}
.experience-table thead th:nth-child(4){width:37%}
.experience-table tbody :is(th,td){text-align:left;vertical-align:top;padding:20px 12px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.experience-table tbody th{font-weight:600}
.experience-table tbody th>strong{display:block;margin-top:6px;font-weight:600}
.experience-table tbody td{color:var(--muted)}
.experience-tag{display:inline-block;font-size:10px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 7px}
.experience-table .experience-effect{color:var(--accent);font-variant-numeric:tabular-nums}
.experience-effect>strong{font-size:15px;font-weight:600}
.experience-effect>small{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:var(--muted)}
.experience-table .experience-effect.is-indirect{color:#c7c3bc}
.experience-empty{padding:50px 16px;text-align:center}
.experience-empty button{margin-top:16px;font-size:12px}
.experience-quest-notes{margin:32px 0}
.experience-quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px}
.experience-quest-grid article{padding-left:16px;border-left:2px solid var(--line)}
.experience-quest-grid h3{font-size:14px;font-weight:600;margin:0 0 8px}
.experience-quest-grid p{font-size:12px;line-height:1.9}
.experience-quest-link{display:inline-block;background:none;color:var(--accent);padding:10px 0;font-size:12px;text-align:left}
.experience-source-notes{border-top:1px solid var(--line);padding-top:18px;margin-bottom:32px}
.experience-source-notes summary{font-size:12px;color:var(--muted)}
.experience-source-notes p{font-size:12px;line-height:1.9;margin-top:12px;max-width:900px}
@media(max-width:900px){
  .experience-example{padding:18px}
  .experience-total>small{flex-basis:100%;margin-left:0}
  .experience-library{padding:18px}
}
@media(max-width:600px){
  .experience-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-top:24px}
  .experience-heading h1{font-size:28px}
  .experience-examples{grid-template-columns:1fr;gap:10px}
  .experience-example{padding:16px 18px}
  .experience-total{font-size:28px;margin:3px 0 6px}
  .experience-total>small{flex-basis:auto;margin-left:10px}
  .experience-library{padding:16px}
  .experience-library-heading{align-items:stretch;flex-direction:column;gap:14px}
  .experience-search{max-width:none}
  .experience-categories{gap:6px;margin-top:18px}
  .experience-categories button{padding:8px 10px;font-size:12px}
  .experience-list-meta{align-items:flex-start;gap:10px}
  .experience-table-scroll.table-scroll{max-height:70dvh}
  .experience-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .experience-table :is(tbody,tr){display:block;width:100%}
  .experience-table tbody tr{padding:18px 4px;border-bottom:1px solid var(--line)}
  .experience-table tbody :is(th,td){display:block;padding:0;border:0;width:auto}
  .experience-table tbody th{margin-bottom:12px}
  .experience-table tbody th>strong{font-size:15px}
  .experience-table tbody td{position:relative;padding-left:78px;margin-top:10px;min-height:24px}
  .experience-table td::before{content:attr(data-label);position:absolute;left:0;top:0;width:70px;font-size:11px;color:var(--muted);font-weight:400}
  .experience-quest-grid{grid-template-columns:1fr;gap:20px}
}