/* Book footnotes & exhibits (improved version of the original cpfn list + popup) */
.whx{font-family:"Source Serif 4",Georgia,serif;color:#0f172a;padding:10px 0 40px}
.whx *{box-sizing:border-box}
.whx__panel{max-width:1000px;margin:0 auto;background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:44px 44px 36px;box-shadow:0 10px 40px rgba(6,16,38,.18)}
.whx__kicker{margin:0 0 10px;font:500 12px/1 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:#b3261e}
.whx .whx__h1{margin:0 0 12px;font:900 40px/1.1 "Playfair Display",Georgia,serif;color:#0b1220;letter-spacing:-.01em}
.whx__intro,.whx__how{margin:0 0 10px;color:#475569;font-size:17px;line-height:1.6;max-width:80ch}
.whx__how{font-size:15px;color:#64748b}
.whx__how-mob{display:none}
@media (hover:none){.whx__how-desk{display:none}.whx__how-mob{display:inline}}
.whx__tools{position:sticky;top:0;z-index:5;background:#fff;margin:18px -8px 14px;padding:10px 8px;border-bottom:1px solid #eef2f7;display:grid;gap:10px}
.whx__search{display:flex;align-items:center;gap:10px;border:1.5px solid #dbe2ec;border-radius:12px;padding:0 14px;background:#f8fafc}
.whx__search:focus-within{border-color:#1f4fd8;box-shadow:0 0 0 4px rgba(31,79,216,.15);background:#fff}
.whx__search i{color:#94a3b8}
.whx__search input{flex:1;border:0!important;background:transparent!important;min-height:46px;font:400 16px "Source Serif 4",Georgia,serif;outline:none;box-shadow:none!important;padding:0!important;margin:0}
.whx__filters{display:flex;gap:8px;flex-wrap:wrap}
.whx__f{border:1px solid #dbe2ec;background:#fff;border-radius:999px;padding:6px 12px;font:500 12px/1.2 "DM Mono",monospace;letter-spacing:.05em;text-transform:uppercase;color:#334155;cursor:pointer}
.whx__f span{opacity:.6;margin-left:4px}
.whx__f:hover{border-color:#1f4fd8}
.whx__f.is-on{background:#0b1220;border-color:#0b1220;color:#fff}
.whx__list{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.whx__item[hidden]{display:none}
.whx__row{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #e6ebf2;border-radius:14px;background:#fff;color:inherit!important;text-decoration:none!important;transition:transform .14s,box-shadow .14s,border-color .14s}
.whx__row:hover,.whx__item.is-active .whx__row{transform:translateY(-1px);border-color:#b9c7e6;box-shadow:0 12px 30px rgba(15,23,42,.10)}
.whx__item.is-active .whx__row{border-left:4px solid #1f4fd8;padding-left:13px}
.whx__row:focus-visible{outline:none;box-shadow:0 0 0 4px rgba(31,79,216,.22)}
.whx__num{flex:none;display:inline-grid;place-items:center;min-width:40px;height:40px;padding:0 6px;border-radius:10px;background:#0b1220;color:#fff;font:500 14px/1 "DM Mono",monospace}
.whx__main{flex:1;min-width:0}
.whx__title{display:block;font-weight:600;font-size:17px;line-height:1.35;overflow-wrap:anywhere;color:#0f172a}
.whx__meta{display:flex;gap:8px;align-items:center;margin-top:6px}
.whx__pill{display:inline-flex;padding:3px 9px;border-radius:999px;font:500 11px/1.3 "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase;border:1px solid #e2e8f0;background:#f8fafc;color:#334155}
.whx__pill--pdf{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.whx__pill--image{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}
.whx__pill--audio{background:#f5f3ff;border-color:#ddd6fe;color:#5b21b6}
.whx__pill--youtube,.whx__pill--video{background:#fff7ed;border-color:#fed7aa;color:#9a3412}
.whx__pill--link{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.whx__soon{font:500 11px/1.3 "DM Mono",monospace;color:#94a3b8;letter-spacing:.06em;text-transform:uppercase}
.whx__item.is-pending .whx__num{background:#94a3b8}
.whx__btn{flex:none;padding:9px 16px;border-radius:999px;background:#f1f5f9;border:1px solid #e2e8f0;font:600 14px/1 "Source Serif 4",Georgia,serif;color:#0f172a;white-space:nowrap}
.whx__row:hover .whx__btn{background:#0b1220;color:#fff;border-color:#0b1220}
.whx__empty{text-align:center;color:#64748b;padding:20px}
/* popup */
.whx-pop{position:fixed;right:20px;bottom:20px;width:600px;max-width:calc(100vw - 40px);z-index:9990;background:#0b1220;color:#e2e8f0;border-radius:16px;overflow:hidden;
  box-shadow:0 30px 80px rgba(2,6,23,.45),0 0 0 1px rgba(255,255,255,.08);opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .18s,transform .18s}
.whx-pop.is-open{opacity:1;transform:none;pointer-events:auto}
.whx-pop__bar{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:#111a2e;border-bottom:1px solid rgba(255,255,255,.08)}
.whx-pop__num{flex:none;display:inline-grid;place-items:center;min-width:34px;height:34px;padding:0 6px;border-radius:9px;background:#1f4fd8;color:#fff;font:500 13px/1 "DM Mono",monospace}
.whx-pop__head{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.whx-pop__type{font:500 10px/1 "DM Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#93a4c3}
.whx-pop__title{font:600 14px/1.3 "Source Serif 4",Georgia,serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.whx-pop__open{flex:none;height:34px;display:inline-flex;align-items:center;padding:0 14px;border-radius:10px;background:#fff;color:#0b1220!important;font:700 13px/1 "Source Serif 4",Georgia,serif;text-decoration:none!important}
.whx-pop__open:hover{background:#dbe5ff}
.whx-pop__close{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font-size:22px;line-height:1;cursor:pointer}
.whx-pop__close:hover{background:rgba(255,255,255,.1)}
.whx-pop__frame{height:400px;display:grid;place-items:center;background:#060b16}
.whx-pop__frame iframe{width:100%;height:100%;border:0;background:#fff}
.whx-pop__frame--youtube iframe{background:#000}
.whx-pop__frame img{max-width:100%;max-height:100%;object-fit:contain}
.whx-pop__frame video{width:100%;height:100%;background:#000}
.whx-pop__frame--audio{height:180px}
.whx-pop__audio{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;padding:20px}
.whx-pop__audio i{font-size:34px;color:#7aa2ff}
.whx-pop__audio audio{width:100%}
.whx-pop__msg{text-align:center;padding:28px;color:#cbd5e1;max-width:380px}
.whx-pop__msg i{font-size:30px;color:#7aa2ff;margin-bottom:10px}
.whx-pop__msg p{margin:0;font-size:15px;line-height:1.55}
.whx-pop__frame--link,.whx-pop__frame:has(.whx-pop__msg){height:180px}
@media (max-width:767px){
  .whx__panel{padding:26px 16px 22px;border-radius:14px}
  .whx .whx__h1{font-size:30px}
  .whx__row{gap:12px;padding:12px}
  .whx__btn{display:none}
  .whx__title{font-size:16px}
  .whx-pop{left:8px;right:8px;bottom:8px;width:auto;max-width:none;border-radius:14px}
  .whx-pop__frame{height:42vh}
}