/* Poetix footer analysis pages. Charts are inline SVG; these classes style their text and the page parts. */
.pxf .pxf-subnav { display:flex; flex-wrap:wrap; gap:6px 8px; margin:22px 0 6px; }
.pxf .pxf-subnav a { padding:5px 12px; border:1px solid var(--line); border-radius:999px; color:var(--ink); font-size:13px; text-decoration:none; background:var(--white); }
.pxf .pxf-subnav a:hover, .pxf .pxf-subnav a:focus-visible { border-color:var(--brass); color:var(--brass); }
.pxf .pxf-subnav a[aria-current="page"] { border-color:var(--teal); background:var(--teal); color:#fff; }
.pxf .pxf-subnav-foot { margin-top:40px; }
.pxf svg { display:block; width:100%; height:auto; }
.pxf svg .grid { stroke:var(--line); }
.pxf svg .ax { font-size:10.5px; fill:var(--muted); }
.pxf svg .v { font-size:11px; fill:var(--ink); font-weight:600; }
.pxf svg .g, .pxf svg .f { font-size:12px; fill:var(--ink); font-weight:700; }
.pxf svg .in { font-size:10.5px; fill:#fff; font-weight:600; }
.pxf .pxf-figure { margin:18px 0 22px; }
.pxf .pxf-figure figcaption { margin-top:6px; color:var(--muted); font-size:13px; }
.pxf .legend { display:flex; flex-wrap:wrap; gap:6px 16px; margin:14px 0 4px; font-size:13px; color:#303638; }
.pxf .legend .lg { white-space:nowrap; }
.pxf .sw { display:inline-block; width:11px; height:11px; margin-right:6px; vertical-align:-1px; border-radius:2px; }
.pxf .panels { display:grid; grid-template-columns:repeat(auto-fit,minmax(360px,1fr)); gap:10px 22px; }
.pxf .panel h3 { margin:10px 0 0; font-size:15px; }
.pxf .pxf-graph { margin:16px 0; }
.pxf .pxf-reading { margin:14px 0 6px; padding:14px 18px; border-left:3px solid var(--brass); background:rgba(178,138,69,.05); }
.pxf .pxf-reading p { margin:0 0 10px; }
.pxf .pxf-reading p:last-child { margin-bottom:0; }
.pxf .project-table td.n { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pxf .pxf-pair { display:grid; grid-template-columns:repeat(auto-fit,minmax(420px,1fr)); gap:16px; }
.pxf .pxf-cap { margin:10px 0 4px; color:var(--muted); font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
.pxf .pxf-note { margin:0 0 8px; color:var(--muted); font-size:13px; }
.pxf .pxf-keys { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.pxf .pxf-keycard { padding:10px 12px; border:1px solid var(--line); background:var(--white); }
.pxf .pxf-keycard h3 { margin:0 0 6px; font-size:15px; }
.pxf .pxf-keycard table { width:100%; border-collapse:collapse; font-size:13px; }
.pxf .pxf-keycard th, .pxf .pxf-keycard td { padding:3px 5px; border-bottom:1px solid var(--line); text-align:left; }
.pxf .pxf-keycard td.n { text-align:right; font-variant-numeric:tabular-nums; }
.pxf .pxf-keycard td.k { color:var(--muted); white-space:nowrap; width:48px; }
.pxf .pxf-cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:1px; border:1px solid var(--line); background:var(--line); margin-top:10px; }
.pxf .pxf-card { display:block; padding:18px 20px; background:var(--white); color:var(--ink); text-decoration:none; }
.pxf .pxf-card h3 { margin:0 0 8px; font-family:var(--seal-font); font-weight:500; font-size:19px; }
.pxf .pxf-card p { margin:0 0 10px; color:var(--muted); font-size:14px; line-height:1.5; }
.pxf .pxf-card span { color:var(--brass); font-size:13px; font-weight:600; }
.pxf .pxf-card:hover h3, .pxf .pxf-card:focus-visible h3 { color:var(--teal); }
.pxf .pxf-terms { margin:14px 0 0; }
.pxf .pxf-hyps { margin:10px 0 0; padding-left:22px; }
.pxf .pxf-hyps li { margin:0 0 12px; color:#303638; font-size:16px; line-height:1.58; }
@media (max-width:640px) { .pxf .pxf-pair { grid-template-columns:1fr; } .pxf .panels { grid-template-columns:1fr; } }