/* PPLI Jurisdiction Intelligence — client-facing UI layer, v2.5.4
   Loaded after ppli-jx.css and deliberately additive: it restyles the engine
   for a reader rather than an analyst, adds the accordion shell that keeps the
   reference material on the page (and in the DOM for search engines), and
   carries the masthead, icon and emblem system.
   Site tokens only — Cormorant Garamond, DM Sans, radius 0, the PPLI palette.

   This file is emitted from render.php, which runs only on the /jurisdictions/
   archive, so the two body.archive rules below cannot reach any other page. */

.ppli-jx{
  --g:#C9A96A;          /* gold */
  --g2:#B09548;
  --ink:#0A0F17;
  --pot:#8FA9B8;        /* potential fit */
  --rev:#8F8A7C;        /* requires review */
  --low:#B08063;        /* lower relevance */
  --w7:rgba(255,255,255,.72);
  --w5:rgba(255,255,255,.5);
  --w3:rgba(255,255,255,.3);
  --wl:rgba(255,255,255,.14);
  --wl2:rgba(255,255,255,.08);
}

/* The theme hero runs 72px/52px around 235px of content, and the masthead
   heading follows immediately underneath it. Two stacked introductions was
   most of the empty space above the tool; this trims the outer one.
   ppli-category.php sets .ppli-hero{padding:72px 28px 52px!important} inline
   and that declaration is shared with every single-post hero, so the archive
   is narrowed here instead: body.archive raises specificity above the shared
   rule, and only the vertical longhands are touched, which leaves the theme's
   own horizontal padding (28px desktop, 20px mobile) in force. */
body.archive .ppli-hero{padding-top:44px!important;padding-bottom:34px!important}

/* ppli-jx.css sets every h4 in this block to uppercase DM Sans with wide
   tracking. The reader-facing headings below are display type and must opt
   out of that explicitly, or jurisdiction names wrap and lose their baseline. */
.ppli-jx .jxq-h h3,.ppli-jx .jxr-h h3,.ppli-jx .jxsec h3,
.ppli-jx .jxcard h4,.ppli-jx .jxcta h4,.ppli-jx .jxacc-t,.ppli-jx .jx-facts b{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;
  text-transform:none;letter-spacing:0}

/* ============================ ICONS ============================
   One base rule. Every mark is stroke-only and inherits colour, so a single
   icon works on the navy stage and on the cream bands without a second file. */
.ppli-jx .jxico{width:20px;height:20px;flex:0 0 auto;display:inline-block;
  fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;
  vertical-align:middle}
.ppli-jx .jxico.g{width:13px;height:13px;stroke-width:1.4}          /* classification glyph */
.ppli-jx .jxico.e{width:34px;height:34px;stroke-width:1.5}          /* jurisdiction emblem */
.ppli-jx .jxico.e.sm{width:17px;height:17px;stroke-width:1.8;margin-right:7px}
.ppli-jx .jxico.b{width:15px;height:15px;margin-left:9px}           /* button arrow */
.ppli-jx .jxico.s{width:13px;height:13px;margin-right:6px}
.ppli-jx .jxico.w{width:19px;height:19px;color:var(--g)}
.ppli-jx .jxico.c{width:28px;height:28px;color:var(--g);stroke-width:1.15}

/* ============================ MASTHEAD ============================
   Light band, because the artwork is a transparent PNG of navy-and-gold
   subject matter and needs a light ground. No plate and no border.

   Two columns, sized so neither carries dead space. The right column holds
   heading, lede and the evidence facts; the image is 200px against it. An
   earlier version put the facts in a full-width strip under the row, which
   left the image alone beside 79px of heading and opened a 71px vertical gap —
   the whole reason the band read as empty. */
.ppli-jx .jx-mastband{padding:0;background:linear-gradient(180deg,#FBFAF8 0%,#F2EFE7 100%)}
.ppli-jx .jx-mastband .jx-w{padding-top:34px;padding-bottom:34px}
.jx-mast{display:flex;align-items:center;gap:44px;flex-wrap:wrap}
.jx-mast-fig{flex:0 0 auto;margin:0;width:200px;max-width:100%}
.jx-mast-img{display:block;width:100%;height:auto}
.jx-mast-txt{flex:1 1 460px;min-width:0}
.ppli-jx .jx-mast-txt h2{margin:0 0 8px}
.ppli-jx .jx-mast-txt .jx-lede{margin:0;max-width:70ch;font-size:15.5px;color:#5A5850}

/* Column count is carried by a modifier class rather than assumed, so the
   strip does not leave an empty track when a fact is added or removed. */
.jx-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;
  margin-top:22px;padding-top:20px;border-top:1px solid #E1DDD3}
.jx-facts.jx-facts-3{grid-template-columns:repeat(3,1fr)}
.jx-facts>div{padding:0 18px;border-left:1px solid #E4E0D6}
.jx-facts>div:first-child{padding-left:0;border-left:0}
.jx-facts>div:last-child{padding-right:0}
.jx-facts .jxico{color:#B09548;width:17px;height:17px;margin-bottom:9px;display:block}
.ppli-jx .jx-facts b{display:block;font-size:20px;color:#0A0F17;line-height:1.15;margin-bottom:4px}
.jx-facts span{display:block;font-family:'DM Sans',sans-serif;font-size:11.5px;line-height:1.6;color:#7A776F}

/* ============================ STAGE ============================ */
.ppli-jx-stage{padding:38px 0 56px}
.ppli-jx-app{font-family:'DM Sans',system-ui,sans-serif}

/* ============================ THE ASK ============================ */
.jxq{border:1px solid var(--wl);background:rgba(255,255,255,.025);padding:34px 32px 30px}
.jxq-h{margin-bottom:28px}
.jxq-h h3{font-size:29px;color:#fff;margin:0 0 7px}
.jxq-h p{font-size:14.5px;color:var(--w5);margin:0;max-width:64ch;line-height:1.65}

.jxq-g{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.jxq-i{position:relative;padding:0 30px;border-left:1px solid var(--wl2)}
.jxq-i:first-child{padding-left:0;border-left:0}
.jxq-i:last-child{padding-right:0}
.jxq-n{position:static;display:flex;align-items:center;gap:11px;color:var(--w3);margin-bottom:4px}
.jxq-n i{font-style:normal;font-size:10px;letter-spacing:.2em;font-weight:700}
.jxq-i.done .jxq-n{color:var(--g)}
.jxq-l{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:20px;line-height:1.3;
  color:#fff;font-weight:500;margin:11px 0 6px;text-transform:none;letter-spacing:0}
.jxq-l.sm{font-size:16px;margin-top:0}
.jxq-hint{font-size:12.5px;line-height:1.6;color:var(--w3);margin:0 0 15px;max-width:40ch}
.jxq-sub{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--w5);margin:14px 0 7px;font-weight:600}

.jxs{-webkit-appearance:none;appearance:none;width:100%;min-height:52px;padding:0 42px 0 16px;
  background:rgba(255,255,255,.05) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='7' viewBox='0 0 11 7'%3E%3Cpath d='M1 1l4.5 4.5L10 1' stroke='%23C9A96A' stroke-width='1.4' fill='none'/%3E%3C/svg%3E") no-repeat right 16px center;
  border:1px solid var(--wl);color:#fff;font-family:'DM Sans',sans-serif;font-size:15px;border-radius:0;cursor:pointer}
.jxs.sm{min-height:46px;font-size:14px}
.jxs:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.jxs option{background:#101720;color:#fff}

.jxc{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.jxc.wrap{display:flex;flex-wrap:wrap}
.jxc-b{min-height:52px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--wl);
  color:var(--w7);font-family:'DM Sans',sans-serif;font-size:13.5px;line-height:1.35;text-align:left;
  cursor:pointer;border-radius:0;transition:border-color .15s,color .15s,background .15s}
.jxc.wrap .jxc-b{flex:0 0 auto;min-height:44px;padding:10px 15px;text-align:center}
.jxc-b:hover{border-color:rgba(201,169,106,.5);color:#fff}
.jxc-b[aria-pressed="true"]{background:rgba(201,169,106,.14);border-color:var(--g);color:#fff;font-weight:500}
.jxc-b:focus-visible{outline:2px solid var(--g);outline-offset:2px}
.jxsp{height:8px}

.jxq-go{display:flex;align-items:center;gap:20px;margin-top:30px;padding-top:24px;border-top:1px solid var(--wl2);flex-wrap:wrap}
.jxq-note{font-size:12.5px;color:var(--w3)}

.jxbtn{display:inline-flex;align-items:center;justify-content:center;
  background:var(--g);color:#0A0F17;border:1px solid var(--g);
  font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  padding:16px 30px;border-radius:0;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s}
.jxbtn:hover{background:var(--g2);border-color:var(--g2);color:#0A0F17}
.jxbtn.lg{padding:19px 38px;font-size:12.5px}
.jxbtn.ghost{background:transparent;color:var(--w7);border-color:var(--wl)}
.jxbtn.ghost:hover{background:transparent;color:#fff;border-color:var(--g)}
.jxbtn:disabled{opacity:.28;cursor:not-allowed;background:transparent;color:var(--w5);border-color:var(--wl)}
.jxbtn:disabled:hover{background:transparent;color:var(--w5);border-color:var(--wl)}
.jxbtn:focus-visible{outline:2px solid var(--g);outline-offset:3px}

/* Inline corrective actions. These are the shortest path from a misleading
   default to a correct figure, so they get a real tap target. */
.jxlink{background:none;border:0;padding:0;color:var(--g);font:inherit;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.jxassume .jxlink,.jxsec-p .jxlink{display:inline-flex;align-items:center;min-height:44px}
.jxlink:hover{color:#fff}
.jxlink:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* ============================ ASSUMPTION BAR ============================ */
.jxbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.jxbar-b{min-height:52px;padding:9px 18px;background:rgba(255,255,255,.04);border:1px solid var(--wl);
  color:#fff;font-family:'DM Sans',sans-serif;font-size:14px;cursor:pointer;border-radius:0;text-align:left;
  display:flex;align-items:center;gap:12px;transition:border-color .15s}
.jxbar-b .jxico{color:var(--g);width:18px;height:18px}
.jxbar-b span{display:block}
.jxbar-b em{display:block;font-style:normal;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--w3);margin-bottom:2px}
.jxbar-b:hover{border-color:var(--g)}
.jxbar-b.alt{background:transparent;color:var(--g);font-size:12px;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700;margin-left:auto;justify-content:center}
.jxbar-b:focus-visible{outline:2px solid var(--g);outline-offset:2px}

/* ============================ REFINE ============================ */
.jxref{border:1px solid var(--wl);background:rgba(255,255,255,.02);padding:30px 28px;margin-bottom:26px}
.jxref-g{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.jxref-i.wide{grid-column:1/-1;border-top:1px solid var(--wl2);padding-top:24px}
.jxref-i .jxc{grid-template-columns:1fr}
.jxref-i.wide .jxq-hint{max-width:80ch}
.jxrange{display:flex;align-items:center;gap:14px}
.jxrange input[type=range]{-webkit-appearance:none;appearance:none;flex:1;height:44px;background:transparent;cursor:pointer}
.jxrange input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--wl)}
.jxrange input[type=range]::-moz-range-track{height:2px;background:var(--wl)}
.jxrange input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;background:var(--g);margin-top:-8px;border-radius:0;border:0}
.jxrange input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--g);border-radius:0;border:0}
.jxrange b{color:#fff;font-size:15px;min-width:46px;text-align:right;font-variant-numeric:tabular-nums}

/* ============================ RESULT ============================ */
.jxnote{display:flex;gap:15px;border-left:2px solid var(--g);background:rgba(201,169,106,.07);
  padding:16px 20px;margin-bottom:26px;max-width:96ch}
.jxnote p{font-size:13px;line-height:1.7;color:var(--w5);margin:0}
.jxnote strong{color:#fff;font-weight:600}

.jxr-h{margin:6px 0 20px}
.jxr-h h3{font-size:28px;color:#fff;margin:0 0 8px}
.jxr-h p{font-size:14px;color:var(--w5);margin:0;max-width:70ch;line-height:1.65}

.jxcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--wl2);border:1px solid var(--wl)}
.jxcard{background:#0C121B;padding:26px 22px;display:flex;flex-direction:column;transition:background .18s}
.jxcard:hover{background:#0E141E}
.jxcard-h{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px}
.jxcard-h .jxico.e{color:var(--g);opacity:.85;margin-top:1px}
.jxcard-t{display:flex;flex-direction:column;gap:2px;min-width:0}
.jxcard h4{font-size:24px;color:#fff;margin:0;line-height:1.15}
.jxcard-s{font-size:11px;color:var(--w3);letter-spacing:.06em}
.jxcls{display:flex;align-items:flex-start;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;margin:0 0 7px;line-height:1.35}
.jxcls .jxico.g{margin-top:1px}
.c-strong .jxcls{color:var(--g)}     .c-strong{box-shadow:inset 0 2px 0 var(--g)}
.c-potential .jxcls{color:var(--pot)}.c-potential{box-shadow:inset 0 2px 0 var(--pot)}
.c-review .jxcls{color:var(--rev)}   .c-review{box-shadow:inset 0 2px 0 var(--rev)}
.c-lower .jxcls{color:var(--low)}    .c-lower{box-shadow:inset 0 2px 0 var(--low)}
.jxcls-n{font-size:12.5px;line-height:1.6;color:var(--w3);margin:0 0 18px}

.jxcost-l{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:13px 0;margin-bottom:16px;
  border-top:1px solid var(--wl2);border-bottom:1px solid var(--wl2)}
.jxcost-l span{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--w3);width:100%}
.jxcost-l b{font-family:'Cormorant Garamond',Georgia,serif;font-size:26px;color:#fff;font-weight:500;font-variant-numeric:tabular-nums}
.jxcost-l em{font-style:normal;font-size:12px;color:var(--w3)}

/* An assumption the reader has not stated, which is materially driving the
   number above it. Naming it is not optional: a default that changes the
   answer has to be visible at the point the answer is read. */
.jxassume{display:flex;gap:12px;border:1px solid rgba(201,169,106,.3);background:rgba(201,169,106,.06);
  padding:13px 15px;margin:0 0 18px}
.jxassume p{font-size:12px;line-height:1.6;color:var(--w7);margin:0 0 9px}
.jxassume p:last-of-type{margin-bottom:0}
.jxassume strong{color:#fff;font-weight:600}
.jxassume .jxlink{font-size:11.5px;letter-spacing:.06em}

.jxlbl{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--w3);margin:0 0 9px;font-weight:700}
.jxul{list-style:none;margin:0 0 18px;padding:0}
.jxul li{position:relative;padding-left:14px;font-size:13px;line-height:1.65;color:var(--w5);margin-bottom:9px}
.jxul li:before{content:'';position:absolute;left:0;top:8px;width:4px;height:1px;background:var(--g)}
.jxul li strong{color:var(--w7);font-weight:600}

.jxmeta{margin-top:auto;padding-top:16px;border-top:1px solid var(--wl2);display:flex;flex-wrap:wrap;
  gap:4px 12px;align-items:center;justify-content:space-between}
.jxmeta span{font-size:11px;color:var(--w3);display:inline-flex;align-items:center}
.jxmeta span .jxico{color:var(--g);opacity:.7}
.jxmeta a{font-size:11.5px;color:var(--g);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.jxmeta a .jxico.b{margin-left:6px;width:13px;height:13px}
.jxmeta a:hover{color:#fff}

.jxdet{margin-top:8px}
.jxdet>summary{list-style:none;cursor:pointer;font-size:11px;letter-spacing:.13em;text-transform:uppercase;
  color:var(--w3);padding:12px 0;min-height:44px;display:flex;align-items:center;font-weight:600}
.jxdet>summary::-webkit-details-marker{display:none}
.jxdet>summary:before{content:'+';margin-right:9px;color:var(--g);font-size:14px;line-height:1}
.jxdet[open]>summary:before{content:'–'}
.jxdet>summary:hover{color:#fff}
.jxdet-b{padding-top:8px}
.jxderiv{width:100%;border-collapse:collapse;margin-bottom:12px}
.jxderiv th,.jxderiv td{text-align:left;font-size:11.5px;padding:6px 8px 6px 0;border-bottom:1px solid var(--wl2);color:var(--w5)}
.jxderiv th{color:var(--w3);font-size:9.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:700}
.jxderiv .n{text-align:right;font-variant-numeric:tabular-nums}
.jxsm{font-size:11px;line-height:1.65;color:var(--w3);margin:0}

/* ============================ COST SECTION ============================ */
.jxsec{margin-top:40px;padding-top:34px;border-top:1px solid var(--wl)}
.jxsec h3{font-size:26px;color:#fff;margin:0 0 10px}
.jxsec-p{font-size:13.5px;line-height:1.75;color:var(--w5);max-width:78ch;margin:0 0 20px}
.jxsec-p strong{color:#fff;font-weight:600}
.jxtw{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--wl)}
.jxt{width:100%;border-collapse:collapse;min-width:600px}
.jxt th,.jxt td{padding:14px 18px;text-align:left;font-size:13.5px;border-bottom:1px solid var(--wl2);color:var(--w7)}
.jxt thead th{background:rgba(255,255,255,.04);color:#fff;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.jxt tbody td:first-child{display:flex;align-items:center;color:#fff}
.jxt tbody td:first-child .jxico{color:var(--g);opacity:.8}
.jxt .n{text-align:right;font-variant-numeric:tabular-nums}
.jxt tbody tr:last-child td{border-bottom:0}
.jxt td b{color:#fff;font-weight:600}

/* ============================ CTA ============================ */
.jxcta{display:flex;gap:30px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  margin-top:36px;padding:26px 28px;border:1px solid var(--wl);background:rgba(255,255,255,.025)}
.jxcta-t{display:flex;gap:16px;align-items:flex-start}
.jxcta h4{font-size:22px;color:#fff;margin:0 0 6px}
.jxcta p{font-size:13px;line-height:1.65;color:var(--w5);margin:0;max-width:56ch}
.jxcta-b{display:flex;gap:12px;flex-wrap:wrap}
.jxfoot{font-size:11px;line-height:1.7;color:var(--w3);margin:18px 0 0;max-width:90ch}

/* ============================ ORIENTATION BAND ============================ */
.ppli-jx .jx-orient{padding:56px 0 60px}

/* ============================ EMBLEM LEGEND ============================ */
.jxlegend{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;margin-top:18px}
.jxlegend>div{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:start}
.jxlegend .jxico.e{grid-row:span 2;color:#B09548}
.jxlegend b{font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:500;color:#0A0F17;align-self:end}
.jxlegend span{font-size:12.5px;line-height:1.65;color:#7A776F}

/* ============================ ACCORDIONS ============================ */
.jxacc-wrap{border-top:1px solid #DDD9D0}
.jxacc{border-bottom:1px solid #DDD9D0}
.jxacc>summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:18px;
  padding:22px 0;min-height:44px;font-family:'DM Sans',sans-serif}
.jxacc>summary::-webkit-details-marker{display:none}
.jxacc>summary:focus-visible{outline:2px solid #B09548;outline-offset:3px}
.jxacc-ic{flex:0 0 auto;align-self:center;display:flex}
.jxacc-ic .jxico{color:#B09548;width:21px;height:21px;opacity:.9}
.jxacc-t{flex:1;font-size:23px;color:#0A0F17;line-height:1.25}
.jxacc-d{flex:0 1 44%;font-size:12.5px;line-height:1.6;color:#7A776F}
.jxacc-i{flex:0 0 auto;width:24px;height:24px;position:relative;align-self:center}
.jxacc-i:before,.jxacc-i:after{content:'';position:absolute;background:#B09548;transition:transform .2s}
.jxacc-i:before{left:0;top:11px;width:24px;height:1.5px}
.jxacc-i:after{left:11px;top:0;width:1.5px;height:24px}
.jxacc[open] .jxacc-i:after{transform:scaleY(0)}
.jxacc>summary:hover .jxacc-t{color:#957D3A}
.jxacc-b{padding:4px 0 42px}
.jxacc-b>.jx-n,.jxacc-b>.jx-w{padding:0;max-width:none}

/* classification glyphs and jurisdiction emblems on the cream bands */
.ppli-jx-grid2 h4 .jxico.g{margin-right:9px;vertical-align:baseline}
.ppli-jx-grid2 div:nth-child(1) h4 .jxico.g{color:#B09548}
.ppli-jx-grid2 div:nth-child(2) h4 .jxico.g{color:#5E7C8C}
.ppli-jx-grid2 div:nth-child(3) h4 .jxico.g{color:#8F8A7C}
.ppli-jx-grid2 div:nth-child(4) h4 .jxico.g{color:#A8654A}
.ppli-jx-t thead th .jxico.e{color:#B09548;vertical-align:-3px}

@media (max-width:900px){
  .jxacc>summary{flex-wrap:wrap;gap:6px 14px;padding:20px 0}
  .jxacc-t{flex:1 1 auto;font-size:20px}
  .jxacc-d{flex:1 1 100%;order:3}
  .jxlegend{grid-template-columns:1fr}
}

/* ============================ RESPONSIVE ============================ */
@media (max-width:1100px){
  .jxcards{grid-template-columns:1fr 1fr}
  .jxref-g{grid-template-columns:1fr 1fr}
  /* the facts sit inside the right-hand column, so a four-across strip runs
     out of room one breakpoint earlier than a full-width one; three across
     still reads comfortably here */
  .jx-facts{grid-template-columns:1fr 1fr;gap:20px 0}
  .jx-facts>div:nth-child(odd){padding-left:0;border-left:0}
  .jx-facts>div:nth-child(even){padding-right:0}
}
@media (max-width:960px){
  /* Below this the column behind the image is too narrow for side-by-side
     facts in any count: one fact per row, mark in a gutter. Same wording,
     roughly a quarter less height than stacked cards. */
  .jx-facts,.jx-facts.jx-facts-3{grid-template-columns:1fr;gap:15px}
  .jx-facts>div{display:grid;grid-template-columns:auto 1fr;gap:1px 13px;padding:0;border-left:0}
  .jx-facts .jxico{grid-row:span 2;margin:2px 0 0}
  .ppli-jx .jx-facts b{font-size:18px;margin-bottom:2px}
}
@media (max-width:860px){
  body.archive .ppli-hero{padding-top:34px!important;padding-bottom:26px!important}
  .ppli-jx .jx-mastband .jx-w{padding-top:28px;padding-bottom:28px}
  .jx-mast{gap:30px}
  .jx-mast-fig{width:150px}
  .jx-facts{margin-top:20px;padding-top:18px}
  .ppli-jx-stage{padding:28px 0 40px}
  .ppli-jx .jx-orient{padding:42px 0 46px}
  .jxq{padding:24px 18px 22px}
  .jxq-h h3{font-size:24px}
  .jxq-g{grid-template-columns:1fr;gap:28px}
  .jxq-i{padding:0;border-left:0;border-top:1px solid var(--wl2);padding-top:24px}
  .jxq-i:first-child{border-top:0;padding-top:0}
  .jxq-go{margin-top:26px}
  .jxbtn.lg{width:100%}
  .jxcards{grid-template-columns:1fr}
  .jxref{padding:22px 18px}
  .jxref-g{grid-template-columns:1fr;gap:26px}
  .jxbar-b.alt{margin-left:0;width:100%}
  .jxcta{padding:22px 20px}
  .jxcta-b{width:100%}
  .jxcta-b .jxbtn{flex:1}
}
@media (max-width:640px){
  .jx-mast{gap:18px}
  .jx-mast-fig{width:104px}
}
@media (max-width:520px){
  .jxc{grid-template-columns:1fr}
}

/* ============================ PRINT ============================ */
@media print{
  .jxq-go,.jxbar,.jxref,.jxcta,.jxacc>summary .jxacc-i{display:none!important}
  .jxdet[open] .jxdet-b,.jxacc .jxacc-b{display:block!important}
  .jx-mast-fig{width:110px}
  .jxcards{grid-template-columns:1fr 1fr;border-color:#999}
  .jxcard{background:#fff!important;color:#000}
  .jxcard h4,.jxcost-l b{color:#000!important}
  .jxcard-h .jxico.e,.jxcls .jxico.g{color:#000!important}
  .jxul li,.jxcls-n,.jxsm{color:#333!important}
  .jxassume{border-color:#999;background:#f4f1ea}
  .jxassume p{color:#000!important}
}

@media (prefers-reduced-motion:reduce){
  .jxacc-i:before,.jxacc-i:after,.jxc-b,.jxbtn,.jxbar-b,.jxcard{transition:none}
}