/* LIT Banned - single banned-book page
   Palette and layout follow the Atlas: navy #0A2E4D, crimson #E63946,
   gold #FFB703, blue #457B9D, radius 8px. Grid mirrors .pa-page-layout
   so the sidebar sits level with the author and book pages. */

/* The hero's face. Declared on :root, outside .pa-wk-wrap, because the
   wrapper sets Georgia on everything inside it — which is what made the
   title serif while the book page's title, declaring no family at all and
   inheriting the theme's, is sans. If the theme is using a named heading
   font from the Customizer, point this one line at it and the two pages
   match exactly. */
:root{
  --wk-heading-font:'Varela Round',-apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',
    Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
}

/* THE PAGE FRAME.
   On the Literature Atlas these rules came from lit-shared-ui's layout.css as
   .la-page-layout / .la-main-col / .la-sidebar-*. The Philosophers Atlas does
   not carry them in its shared stylesheet - the philosopher and school
   plugins each declare their own copy - so this section declares its own too.
   Values are school.css's exactly: 1fr 300px, 32px gap, so all three
   single-entry pages sit on one grid. Get this wrong and the sidebar renders
   under the prose at full width, which is what an unstyled grid container
   looks like. */
.pa-page-layout{
  display:grid; grid-template-columns:1fr 300px; gap:32px; align-items:start;
}
.pa-main-col{min-width:0}
.pa-sidebar-col{min-width:0}
.pa-sidebar-inner{position:sticky; top:24px}
@media (max-width:900px){
  .pa-page-layout{grid-template-columns:1fr}
  .pa-sidebar-inner{position:static}
}

/* The <main> wrapper in the template and the article's own column. Plain
   hooks - the parent left them unstyled - declared here so the emitted-class
   sweep has nothing left to report and the next person does not wonder. */
.pa-wk-main-wrap{display:block}
.pa-wk-main{min-width:0}

.pa-wk-wrap{
  /* THE PHILOSOPHERS ATLAS PALETTE, not the Literature Atlas one this file
     arrived with. The variable NAMES are kept - --wk-navy, --wk-red, --wk-blue
     - because renaming them would mean touching every one of the several
     hundred var() calls below for no visual gain, and a wrong rename there is
     silent. Read them as slot names, not colour names: navy is the darkest
     structural colour, red is the one emphasis colour, blue is the link and
     accent colour. The VALUES are the site palette settled on 30 August. */
  --wk-navy:#0D2818; --wk-red:#B8860B; --wk-gold:#B8860B; --wk-blue:#3A6B1C;
  --wk-ink:#0D2818; --wk-dim:#4A5D50; --wk-muted:#7C8B80;
  --wk-rule:rgba(13,40,24,.14); --wk-radius:8px;
  --wk-accent:#3A6B1C;
  --wk-cream:#F5F1E8; --wk-paper:#FAF8F5; --wk-sage:#5A7C59;
  /* BORDER-BOX, and it is the whole reason this page was wider than the
     masthead. 1260 is the network's single-entry width, but without this the
     32px of padding is ADDED to it and the page renders at 1324 - about five
     per cent wider than the philosopher and school pages, which both declare
     border-box on their own wrap. The number was never wrong; the box model
     was. */
  max-width:1260px; margin:0 auto; padding:0 32px 90px; box-sizing:border-box;
  font-family:Georgia,'Iowan Old Style',Palatino,serif;
  color:var(--wk-ink); font-size:17px; line-height:1.75;
}

/* THE FIFTEEN GROUP ACCENTS.
   Values are the `accent` field of PA_Work_CPT::groups(). If one is ever
   changed there, change it here too - a stylesheet cannot read a PHP array,
   so this is the one place in the plugin where a value is deliberately
   written twice.

   WRITTEN OUT IN FULL AT v1.0.0, and that is the point. Both parent plugins
   shipped this block still carrying the SIX strange-books keys - systems,
   language, reading, objects, design, scale - so no group ever matched and
   every entry on both sections fell back to the default accent. It survived
   two clones because a stylesheet full of plausible selectors breaks nothing
   visibly; it just quietly does nothing.

   KEYS ARE SCHEMA v1's, not the ones the first build invented. */
.pa-wk--greek {--wk-accent:#B0410A}
.pa-wk--india {--wk-accent:#C8830A}
.pa-wk--china_japan {--wk-accent:#00707D}
.pa-wk--medieval {--wk-accent:#6B3FA0}
.pa-wk--early_modern {--wk-accent:#0B6B34}
.pa-wk--moral_political {--wk-accent:#8E3B5C}
.pa-wk--idealism {--wk-accent:#3A5FA0}
.pa-wk--pragmatism {--wk-accent:#A05E0A}
.pa-wk--analytic {--wk-accent:#4A6670}
.pa-wk--continental {--wk-accent:#7A3B2E}
.pa-wk--modern_asia {--wk-accent:#0E7A5C}
.pa-wk--africana {--wk-accent:#9A5B12}

/* ── masthead ─────────────────────────────────────────────────────── */
.pa-wk-head{padding:0}
.pa-wk-eyebrow{margin:0 0 4px;
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:11.5px; letter-spacing:.2em; text-transform:uppercase;
  color:var(--wk-dim); padding-bottom:12px; border-bottom:1px solid var(--wk-rule);
}
.pa-wk-eyebrow a{color:var(--wk-dim); text-decoration:none}
.pa-wk-eyebrow a:hover{color:var(--wk-navy)}
.pa-wk-eyebrow b{color:var(--wk-red); font-weight:700}
.pa-wk-ast{color:var(--wk-gold); font-size:15px; letter-spacing:0; margin-right:6px}

.pa-wk-title{
  /* Matched to .lit-book-title: same size, weight and colour — and now the
     same sans face, so the two pages read as one site. */
  font-family:var(--wk-heading-font);
  font-size:2.4rem; font-weight:700; line-height:1.15;
  color:var(--wk-navy); margin:0 0 22px; letter-spacing:normal;
}
.pa-wk-byline{margin:14px 0 0; font-size:1.15rem; color:var(--wk-dim); font-style:italic}
.pa-wk-byline b{font-style:normal; font-weight:400; color:var(--wk-ink)}

.pa-wk-chips{display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 0}
.pa-wk-chip{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:11px; font-weight:600; letter-spacing:.11em; text-transform:uppercase;
  padding:5px 11px; border-radius:99px; border:1px solid var(--wk-rule);
  background:#fff; color:var(--wk-dim);
}
.pa-wk-chip--accent{background:var(--wk-accent); border-color:var(--wk-accent); color:#fff}
.pa-wk-chip--pos{border-color:var(--wk-navy); color:var(--wk-navy)}
.pa-wk-rule{height:2px; background:var(--wk-red); margin:34px 0 0}

/* ── layout ───────────────────────────────────────────────────────── */
.pa-wk-grid{
  display:grid; grid-template-columns:1fr 300px; gap:32px;
  margin:0; padding:38px 0 0; align-items:start;
}
.pa-wk-rail{position:sticky; top:24px}

/* ── header: cover left, text right (mirrors .lit-book-header) ────── */
/* v1.2.1 - TOP ALIGNED, NOT CENTRED. The same fix already shipped to
   lit-power, lit-omissions, lit-manifestos, lit-founding and lit-banned, and
   the same cause in all of them: this header block was cloned from section to
   section with align-items:center, so the text column centred itself against
   the cover column and the title began well below the top of the picture.
   flex-start puts the title beside the top edge of the cover.

   THE NEGATIVE MARGIN IS OPTICAL, NOT STRUCTURAL. flex-start aligns the
   title's LINE BOX with the image, and the line box carries half-leading plus
   the gap from the ascender to the cap - about 6px at 2.4rem/1.15 - above the
   letters themselves. Without it the first capital sits visibly low against a
   hard image edge. Change this one number if the eye disagrees; it is the only
   thing here that is a judgement rather than a measurement. */
.pa-wk-headgrid{display:flex; gap:40px; align-items:flex-start; margin:22px 0 0}
.pa-wk-headgrid > .pa-wk-headtext > .pa-wk-title{margin-top:-6px}
.pa-wk-coverwrap{flex-shrink:0; width:220px}
.pa-wk-cover{
  width:220px; height:auto; display:block; border-radius:var(--wk-radius);
  box-shadow:0 4px 24px rgba(10,46,77,.18);
}
.pa-wk-headtext{flex:1; min-width:0}

/* Read it yourself, under the cover. Parchment rather than the Ask card's
   blue, so it reads as information about the text rather than a control. */
.pa-wk-read{
  width:auto; margin:26px 0 0; padding:15px 20px 16px;
  background:#FBF9F4; border:1px solid #E7E1D4; border-radius:12px;
}
/* Two columns once there is room. A chronology of five or six lines reads
   badly as one long ladder across a wide measure. */
.pa-wk-read .pa-wk-pubs{columns:2; column-gap:32px}
.pa-wk-read .pa-wk-pubs li{break-inside:avoid; -webkit-column-break-inside:avoid}
.pa-wk-read .pa-wk-pubs li:first-child{border-top:0}
@media (max-width:700px){ .pa-wk-read .pa-wk-pubs{columns:1} }
.pa-wk-read-head{
  display:block; font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  color:var(--wk-accent); margin:0 0 7px;
}
.pa-wk-read-meta{
  margin:0 0 6px; font-size:.86rem; line-height:1.45; color:var(--wk-ink);
}
.pa-wk-read-status{
  margin:0; font-size:.8rem; line-height:1.5; color:var(--wk-dim);
}
.pa-wk-read-btn{
  display:block; margin:11px 0 0; padding:8px 10px; text-align:center;
  background:var(--wk-navy); color:#fff; border-radius:8px; text-decoration:none;
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
}
.pa-wk-read-btn:hover{background:#08243d; color:#fff}
.pa-wk-read-btn:focus-visible{outline:2px solid var(--wk-gold); outline-offset:2px}
/* ── the demand block, light ──────────────────────────────────────── */
/* Was a navy slab. Now a parchment panel: it sits in the reading column
   under the byline, so it has to belong to the page rather than interrupt it. */
.pa-wk-demands{
  margin:26px 0 0; padding:22px 26px 20px;
  background:#FBF9F4; border:1px solid #E7E1D4;
  border-left:3px solid var(--wk-accent); border-radius:var(--wk-radius);
}
.pa-wk-demands h2{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.72rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase;
  color:var(--wk-accent); margin:0 0 14px;
}
.pa-wk-demands ol{margin:0; padding:0; list-style:none; counter-reset:d}
.pa-wk-demands li{
  counter-increment:d; display:grid; grid-template-columns:26px 1fr; gap:2px;
  padding:9px 0; border-top:1px solid #EFEAE0;
  font-size:1rem; line-height:1.55; color:var(--wk-ink);
}
.pa-wk-demands li:first-of-type{border-top:0; padding-top:0}
.pa-wk-demands li::before{
  content:counter(d); font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.72rem; font-weight:700; color:var(--wk-accent); padding-top:5px;
}
.pa-wk-demands-note{
  margin:14px 0 0; padding-top:12px; border-top:1px solid #EFEAE0;
}
/* ── prose sections ───────────────────────────────────────────────── */
.pa-wk-sec{margin:0 0 40px}
.pa-wk-sec h2{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.82rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  color:var(--wk-navy); margin:0 0 4px; padding-bottom:9px;
}
.pa-wk-sec h2::after{content:""; display:block; width:44px; height:2px; background:var(--wk-gold); margin-top:9px}
.pa-wk-sec p{margin:16px 0 0}
.pa-wk-sec p:first-of-type{margin-top:14px}

.pa-wk-why > p:first-of-type::first-letter{
  float:left; font-size:3.5rem; line-height:.82; font-weight:700;
  color:var(--wk-red); padding:5px 9px 0 0;
}

/* the two readings, side by side */
.pa-wk-two{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:22px 0 0}
.pa-wk-two > div{background:#fff; border:1px solid var(--wk-rule); border-radius:var(--wk-radius); padding:19px 21px}
.pa-wk-two h4{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  margin:0 0 9px; color:var(--wk-dim);
}
.pa-wk-two__stated h4{color:var(--wk-blue)}
.pa-wk-two__real h4{color:var(--wk-red)}
.pa-wk-two p{margin:0; font-size:.97rem; line-height:1.62}
.pa-wk-two p + p{margin-top:10px}

.pa-wk-addressed{
  margin:24px 0 0; padding:15px 19px; background:#fff;
  border:1px solid var(--wk-rule); border-left:3px solid var(--wk-gold);
  border-radius:var(--wk-radius); font-size:.99rem; line-height:1.6;
}
.pa-wk-addressed b{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  color:var(--wk-dim); display:block; margin-bottom:6px;
}
.pa-wk-addressed p{margin:0}

/* ── rail ─────────────────────────────────────────────────────────── */
.pa-wk-cover img{width:100%; height:auto; display:block; border-radius:var(--wk-radius); box-shadow:0 10px 26px rgba(10,46,77,.22)}
.pa-wk-cover-cap{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; letter-spacing:.09em; text-transform:uppercase;
  color:var(--wk-muted); margin:10px 0 22px; text-align:center;
}
/* ── sidebar cards ─────────────────────────────────────── */
/* CLONED, not approximated, from pa-author-sidebar/assets/pa-sidebar.css
   (.pa-card, .pa-card-title, .pa-ask-desc), so this sidebar, the omissions
   sidebar and the author/book sidebar are one object. Values are copied
   literally rather than imported, because pa-sidebar.css is NOT enqueued on
   a manifesto page and its --pa-radius token lives in author.css :root,
   which is not either. A change made there has to be made here by hand. */
.pa-wk-card{background:#faf9f7; border:.5px solid #e0ddd5; border-radius:12px; padding:16px; margin-bottom:16px}
.pa-wk-card h3{
  display:flex; align-items:center; gap:6px;
  font-family:sans-serif;
  font-size:10px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase;
  color:#0A2E4D; line-height:1.4; margin:0 0 14px;
}
.pa-wk-card p{font-family:sans-serif; font-size:11.5px; line-height:1.55; color:#777; margin:0}
.pa-wk-card p + p{margin-top:10px}
.pa-wk-card a{color:var(--wk-blue)}
.pa-wk-facts{margin:0; font-size:.9rem; line-height:1.5}
.pa-wk-facts div{display:flex; justify-content:space-between; gap:14px; padding:8px 0; border-top:1px solid #f0f2f5}
.pa-wk-facts div:first-child{border-top:0; padding-top:0}
.pa-wk-facts dt{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--wk-muted); padding-top:3px; white-space:nowrap;
}
.pa-wk-facts dd{margin:0; text-align:right; color:var(--wk-ink)}
.pa-wk-links{line-height:1.9}
.pa-wk-yr{color:var(--wk-muted); font-size:.82rem}

/* ── phone ────────────────────────────────────────────────────────── */
@media (max-width:900px){
  .pa-wk-grid{grid-template-columns:1fr; gap:0}
  .pa-wk-rail{position:static; margin-top:8px}
  .pa-wk-cover img{max-width:270px; margin:0 auto}
  .pa-wk-two{grid-template-columns:1fr; gap:14px}
  .pa-wk-demands{padding:26px 22px 28px; border-left-width:6px}
  .pa-wk-wrap{padding:0 18px 70px}
}

/* ── cross-references ─────────────────────────────────────────────── */
/* A mention of another entry in this section. Deliberately quiet: a
   dotted underline in the body colour rather than a blue link, because
   these appear mid-sentence and a page of blue would be unreadable. */
.pa-wk-xref{
  color:inherit; text-decoration:none;
  border-bottom:1px dotted var(--wk-blue);
}
.pa-wk-xref:hover,.pa-wk-xref:focus-visible{
  color:var(--wk-red); border-bottom-color:var(--wk-red); border-bottom-style:solid;
}

/* ── sidebar: ask, navigator ──────────────────────────────────────── */
/* Ask card — the same clone as the rest of the sidebar: #pa-ask-card,
   .pa-ask-desc, .pa-ask-open and .pa-ai-badge, value for value. The badge
   is left-aligned inline-flex there, not centred, which is the one visible
   change from what was here before. The button label is uppercased in CSS
   because the author sidebar uppercases it in the markup instead. */
.pa-wk-ask{background:#eaf2fa; border-color:#c9dcee}
.pa-wk-card p.pa-wk-ask-desc{font-family:sans-serif; font-size:11.5px; line-height:1.55; color:#5c6b78; margin:0 0 12px}
.pa-wk-ask-open{
  display:flex; align-items:center; justify-content:center; gap:8px; width:100%;
  font-family:sans-serif; font-size:11px; font-weight:700; letter-spacing:1.2px;
  text-transform:uppercase; color:#fff; background:#0A2E4D; border:none;
  border-radius:var(--pa-radius, 8px); padding:12px 14px; cursor:pointer;
  transition:background .15s, transform .1s;
}
.pa-wk-ask-open:hover{background:#0d3d65}
.pa-wk-ask-open:active{transform:scale(.98)}
.pa-wk-ask-open:focus-visible{outline:2px solid var(--wk-gold); outline-offset:2px}
.pa-wk-card p.pa-wk-ai-badge{
  display:inline-flex; align-items:center; gap:4px;
  margin:10px 0 0; font-family:sans-serif; line-height:1.4;
  font-size:9.5px; letter-spacing:normal; color:#aaa;
}

.pa-wk-ask-overlay{
  position:fixed; inset:0; z-index:9999; background:rgba(10,46,77,.55);
  display:flex; align-items:center; justify-content:center; padding:20px;
}
.pa-wk-ask-overlay[hidden]{display:none}
.pa-wk-ask-modal{
  position:relative; background:#fff; border-radius:14px; padding:26px 26px 22px;
  width:min(560px,100%); max-height:80vh; display:flex; flex-direction:column;
  box-shadow:0 24px 60px rgba(10,46,77,.35);
}
.pa-wk-ask-close{position:absolute; top:12px; right:12px; background:none; border:0; cursor:pointer; color:var(--wk-dim)}
.pa-wk-ask-modal-title{font-size:1.15rem; color:var(--wk-navy); margin:0 0 14px; font-weight:700}
.pa-wk-ask-log{flex:1; overflow-y:auto; min-height:80px; margin:0 0 14px}
.pa-wk-ask-q{
  background:var(--wk-navy); color:#fff; border-radius:10px 10px 3px 10px;
  padding:9px 13px; margin:0 0 10px auto; max-width:82%; width:fit-content; font-size:.95rem;
}
.pa-wk-ask-a{
  background:#F2F5F8; border-radius:10px 10px 10px 3px; padding:9px 13px;
  margin:0 auto 10px 0; max-width:88%; width:fit-content; font-size:.95rem; line-height:1.6;
}
.pa-wk-ask-row{display:flex; gap:8px}
.pa-wk-ask-input{
  flex:1; font-family:Georgia,serif; font-size:1rem; padding:10px 12px;
  border:1px solid var(--wk-rule); border-radius:8px;
}
.pa-wk-ask-input:focus{outline:2px solid var(--wk-gold); outline-offset:1px}
.pa-wk-ask-send{
  background:var(--wk-navy); color:#fff; border:0; border-radius:8px; padding:10px 18px;
  font-family:'Archivo',Arial,sans-serif; font-size:12px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase; cursor:pointer;
}
.pa-wk-ask-note{margin:10px 0 0; font-size:11px; color:var(--wk-muted); line-height:1.5}

/* Navigator — the same clone: .pa-nav-search, .pa-nav-list, .pa-nav-item,
   .pa-nav-current. The markup here is <ol>/<li>/<a> rather than the book
   sidebar's flat <a> rows, so the row rules hang off the anchor inside the
   item; everything else is identical, including the negative margin that
   bleeds the list to the card edges. The Key above it is untouched — with a
   hundred manifestos it still earns its place. */
.pa-wk-nav-count{float:right; color:#8a949c; font-weight:400; letter-spacing:normal}
/* v1.3.0 - THE SEARCH BOX. Two things at once, and the second is the reason
   the first kept not working.

   THE SELECTOR IS RAISED. GeneratePress styles `input[type="search"]` - one
   element plus one attribute, specificity (0,1,1). A bare `.pa-wk-nav-q`
   is (0,1,0), so THE THEME WINS and every border, background and radius
   declared here is discarded before it reaches the page. What rendered was
   the theme's own search field, not this one.
   `.pa-wk-nav input.pa-wk-nav-q` is (0,2,1) and clears it without
   !important.

   NO ICON. A background-image magnifier depends on a background-position no
   other stylesheet touches, and GeneratePress sets the `background`
   SHORTHAND, which resets image and position along with the colour. If an
   icon is ever wanted, it goes in the MARKUP beside the input.

   The red keyline carries the prominence instead - the section's own accent,
   and the only red-outlined thing in the sidebar, so it reads as the one
   control in a card of text. */
.pa-wk-nav input.pa-wk-nav-q{
  width:100%; font-family:sans-serif; font-size:13px; padding:9px 12px;
  border:1px solid var(--wk-red,#E63946); border-radius:8px; background:#fff; color:#222;
  outline:none; margin:0 0 10px; box-sizing:border-box;
  transition:box-shadow .15s; background-image:none;
}
.pa-wk-nav input.pa-wk-nav-q::placeholder{color:#8a949c}
.pa-wk-nav input.pa-wk-nav-q:hover{border-color:var(--wk-red,#E63946); box-shadow:0 0 0 2px rgba(230,57,70,.12)}
.pa-wk-nav input.pa-wk-nav-q:focus{border-color:var(--wk-red,#E63946); box-shadow:0 0 0 3px rgba(230,57,70,.22)}
.pa-wk-nav-list{
  list-style:none; max-height:420px; overflow-y:auto;
  margin:0 -16px -16px; padding:0 0 8px; border-top:.5px solid #e8e5de;
}
.pa-wk-nav-list::-webkit-scrollbar{width:4px}
.pa-wk-nav-list::-webkit-scrollbar-track{background:transparent}
.pa-wk-nav-list::-webkit-scrollbar-thumb{background:#dedad2; border-radius:2px}
.pa-wk-nav-item[hidden]{display:none}

/* v1.3.0 - THE GROUP HEADING, in place of the colour key.

   IN FLOW, NOT STICKY. A sticky heading has to be opaque or the rows scroll
   through it - which makes it a solid bar that then sits on top of the row
   beneath and cuts it in half. These labels are sentences, and a sentence
   wrapping to two lines inside a pinned bar overlaps whatever it was pinned
   over. Being sticky and being sentence-length are incompatible.

   So it is text rather than furniture: set exactly like the entry titles but
   italic and in the section red, scrolling away with its own group. */
.pa-wk-nav-head{
  padding:13px 16px 3px; margin:0;
  font-family:sans-serif; font-size:12px; font-style:italic; font-weight:400;
  line-height:1.4; color:var(--wk-red,#E63946);
}
.pa-wk-nav-head:first-child{padding-top:9px}
.pa-wk-nav-head[hidden]{display:none}
.pa-wk-nav-item a{
  display:flex; align-items:center; gap:6px;
  font-family:sans-serif; font-size:12px; color:#333; text-decoration:none;
  padding:5px 16px; line-height:1.4; transition:background .1s, color .1s;
}
.pa-wk-nav-item a:hover{background:#f5f3ee; color:#0A2E4D}
.pa-wk-nav-item.is-here a{background:#fff8e6; color:#0A2E4D; font-weight:600}
.pa-wk-nav-item.is-here a:hover{background:#fff3d0}
/* v2.0.0 - the date was flex:0 0 auto, so a long value would not shrink:
   it squeezed the title to nothing, wrapped it over three lines and then
   overlapped it. The title now keeps the majority of the row and the date
   shrinks, stays on one line and ellipsises rather than wrapping. */
.pa-wk-nav-t{flex:1 1 auto; min-width:0; overflow-wrap:break-word}
/* v1.1.0 - .pa-wk-nav-y is no longer emitted; the navigator date was
   removed because it wrapped. Rule kept, commented, so restoring the date
   needs no CSS archaeology.
.pa-wk-nav-y{
  flex:0 1 auto; min-width:0; max-width:42%;
  color:#8a949c; font-size:11px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
*/
.pa-wk-dot{width:7px; height:7px; border-radius:50%; display:inline-block; background:#c8d2da; margin-top:5px}
/* The 5px above put the dot on the baseline of the old grid row. The
   navigator rows are centred flex now, so inside the list it goes back
   to zero — the dot is not touched anywhere else. */
.pa-wk-nav-item .pa-wk-dot{margin-top:0; align-self:center}
/* founding's body-type dots deleted - dead since the banned clone */

@media (max-width:900px){
  .pa-wk-headgrid{flex-direction:column; gap:22px; align-items:center}
  /* nothing to align against once the cover is above the text */
  .pa-wk-headgrid > .pa-wk-headtext > .pa-wk-title{margin-top:0}
  .pa-wk-coverwrap{width:200px}
  .pa-wk-cover{width:200px}
  .pa-wk-headtext{width:100%}
  .pa-wk-demands{padding:18px 18px 16px}
}

/* ── standfirst + At a glance, beside the cover ────────────────────── */
.pa-wk-standfirst{
  margin:0 0 26px; padding:2px 0 2px 20px;
  border-left:3px solid var(--wk-gold);
  font-size:1.18rem; line-height:1.5; font-style:italic; color:var(--wk-dim);
}
.pa-wk-standfirst p{margin:0}
.pa-wk-standfirst p + p{margin-top:10px}

.pa-wk-idgrid{
  display:grid; grid-template-columns:auto 1fr; gap:10px 26px;
  margin:0; font-size:1rem; line-height:1.5;
}
.pa-wk-idgrid dt{
  color:var(--wk-blue); font-weight:400; white-space:nowrap;
}
.pa-wk-idgrid dd{margin:0; color:var(--wk-ink)}

/* the demand panel now opens the body, so it needs breathing room above */
.pa-wk-demands{margin:34px 0 40px}

@media (max-width:900px){
  .pa-wk-grid{grid-template-columns:1fr; gap:0; padding-top:24px}
  .pa-wk-idgrid{grid-template-columns:1fr; gap:2px 0}
  .pa-wk-idgrid dt{margin-top:10px; font-size:.85rem}
  .pa-wk-standfirst{font-size:1.05rem}
}

/* ── navigator key / filter ────────────────────────────────────────── */
/* Values lifted from pa-sidebar.css so the two keys are the same object. */
/* THE KEY'S MARKUP IS GONE as of v1.3.0; these rules are dead and are kept
   only because deleting forty lines of live-looking CSS across ten plugins
   is a larger change than the one being made. Nothing emits these classes. */
.pa-wk-legend-wrap{margin:0 0 10px}
.pa-wk-legend-toggle{
  display:none; font-family:sans-serif; font-size:10px; font-weight:700;
  letter-spacing:.06em; text-transform:uppercase; color:#8a949c; cursor:pointer;
  padding:2px 0; list-style:none;
}
.pa-wk-legend-toggle::-webkit-details-marker{display:none}
/* v1.1.1 - ONE COLUMN, AND THE ITEMS MAY SHRINK.
   This rule was lifted from pa-sidebar.css, where the legend lists prize
   names - Nobel, Booker, Pulitzer - which fit two to a 300px row. The
   the groups are sentences: "Books that invent complete systems of
   knowledge". With grid items defaulting to min-width:auto and the item
   set to white-space:nowrap, neither 1fr column could shrink below its
   longest label, so the grid grew wider than the card and the right-hand
   column overflowed outside it. Long labels need one column and wrapping,
   not a narrower font. */
.pa-wk-legend{
  display:grid; grid-template-columns:1fr; gap:3px 10px; padding:8px 10px;
  background:#faf9f7; border:.5px solid #ececec; border-radius:8px;
}
.pa-wk-legend-item{
  display:flex; align-items:flex-start; gap:5px;
  font-family:sans-serif; font-size:10.5px; line-height:1.5;
  /* v1.1.1 - was white-space:nowrap, which is what forced the overflow.
     min-width:0 defeats the grid item's default min-width:auto so the
     label can wrap inside the card instead of pushing the column out. */
  color:#6b7a86; white-space:normal; min-width:0; overflow-wrap:break-word;
  appearance:none; -webkit-appearance:none; background:transparent; border:0;
  border-radius:4px; padding:2px 4px; margin:0; text-align:left; cursor:pointer;
  transition:background .12s,color .12s;
}
.pa-wk-legend-item:hover{background:#efece5; color:var(--wk-navy)}
.pa-wk-legend-item:focus-visible{outline:2px solid var(--wk-navy); outline-offset:1px}
.pa-wk-legend-item.is-on{background:#fff8e6; color:var(--wk-navy); font-weight:600}
.pa-wk-legend-item.is-on .pa-wk-dot{box-shadow:0 0 0 1px #fff,0 0 0 2.5px currentColor}
.pa-wk-legend-item b{font-weight:600; color:var(--wk-navy)}
/* v1.1.1 - flex-start alignment means the dot needs nudging onto the
   first line's optical centre; at align-items:center it drifted to the
   middle of a two-line label. */
.pa-wk-legend .pa-wk-dot{margin-top:5px; box-shadow:0 0 0 1px rgba(255,255,255,.85)}

.pa-wk-nav-status{
  display:flex; align-items:center; justify-content:space-between; gap:8px;
  margin:-4px 0 10px; padding:4px 6px;
  font-family:sans-serif; font-size:10.5px; letter-spacing:normal;
  text-transform:none; color:#6b7a86; background:#fff8e6; border-radius:8px;
}
.pa-wk-nav-status[hidden]{display:none}
.pa-wk-nav-clear{
  appearance:none; -webkit-appearance:none; background:transparent; border:0; padding:0 2px;
  font-family:sans-serif; font-size:10.5px; font-weight:700;
  color:var(--wk-navy); cursor:pointer; text-decoration:underline;
}
.pa-wk-nav-clear:hover{color:var(--wk-red)}

/* ── scroll controls, right edge ───────────────────────────────────── */
@media (max-width:767px){
  .pa-wk-legend-toggle{display:block}
  /* v1.1.1 - was 1fr 1fr here too; a phone is narrower than the sidebar,
     so if two columns overflow at 300px they cannot fit at 360px either. */
  .pa-wk-legend{grid-template-columns:1fr}
}

/* ── the organisation panel ────────────────────────────────────────── */
/* Sits where the demand block sits on a manifesto page, and does the same
   job: the one block that IS the section's subject rather than the Atlas
   talking about it. Same parchment, same accent left rule. */
.pa-wk-org{margin:34px 0 40px; padding:22px 26px 20px;
  background:#FBF9F4; border:1px solid #E7E1D4;
  border-left:3px solid var(--wk-accent); border-radius:var(--wk-radius);
}
.pa-wk-org h2{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.72rem; font-weight:700; letter-spacing:.17em; text-transform:uppercase;
  color:var(--wk-accent); margin:0 0 14px;
}
.pa-wk-orggrid{display:grid; grid-template-columns:auto 1fr; gap:9px 26px; margin:0; font-size:1rem; line-height:1.5}
.pa-wk-orggrid dt{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; letter-spacing:.1em; text-transform:uppercase;
  color:var(--wk-muted); padding-top:4px; white-space:nowrap;
}
.pa-wk-orggrid dd{margin:0; color:var(--wk-ink)}
.pa-wk-basis{color:var(--wk-muted); font-size:.82rem; font-style:italic}

/* Further organisations, and the Band B chronology. */
.pa-wk-orglist{margin:0; padding:0; list-style:none}
.pa-wk-orglist li{padding:11px 0; border-top:1px solid #EFEAE0;
  font-size:1rem; line-height:1.55; color:var(--wk-ink);
}
.pa-wk-orglist li:first-of-type{border-top:0; padding-top:0}
.pa-wk-orgname{font-weight:700; color:var(--wk-navy)}
.pa-wk-orgyear{color:var(--wk-muted); font-size:.85rem; margin-left:7px}
.pa-wk-orgnote{display:block; margin-top:3px; font-size:.94rem; color:var(--wk-dim)}

/* Typed connections. The label carries the kind of link, so it is set in
   the small face and the target in the reading face. */
.pa-wk-conn{line-height:1.7}
.pa-wk-conn-type{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:9.5px; letter-spacing:.12em; text-transform:uppercase;
  color:var(--wk-muted); display:block; margin-top:8px;
}

/* Publications. */
.pa-wk-pubs{margin:0; padding:0; list-style:none; font-size:.95rem; line-height:1.6}
.pa-wk-read .pa-wk-pubs{font-size:17px; line-height:1.6}
.pa-wk-pubs li{padding:7px 0; border-top:1px solid #f0f2f5}
.pa-wk-pubs li:first-child{border-top:0; padding-top:0}
.pa-wk-pubs i{color:var(--wk-navy)}
.pa-wk-pubs span{color:var(--wk-muted); font-size:.85rem}

/* --- ONE PALETTE, THREE PLACES: the --wk-accent var on a single page, the
   .pa-wk-dot-- swatch in the navigator, and the hub tile hairline. Keys
   match PA_Work_CPT::groups().

   The lone [data-group="ancient"] rule that stood here was a survivor from a
   vocabulary two clones back and matched nothing in any live group list.
   Deleted rather than renamed. --- */
/* THE SAME FIFTEEN, as navigator dots and legend swatches. */
.pa-wk-dot--greek {background:#B0410A}
.pa-wk-dot--india {background:#C8830A}
.pa-wk-dot--china_japan {background:#00707D}
.pa-wk-dot--medieval {background:#6B3FA0}
.pa-wk-dot--early_modern {background:#0B6B34}
.pa-wk-dot--moral_political {background:#8E3B5C}
.pa-wk-dot--idealism {background:#3A5FA0}
.pa-wk-dot--pragmatism {background:#A05E0A}
.pa-wk-dot--analytic {background:#4A6670}
.pa-wk-dot--continental {background:#7A3B2E}
.pa-wk-dot--modern_asia {background:#0E7A5C}
.pa-wk-dot--africana {background:#9A5B12}

.pa-wk-lb{
  position:fixed; inset:0; z-index:99999;
  display:flex; align-items:center; justify-content:center;
  padding:28px; background:rgba(8,14,20,.93);
  opacity:0; transition:opacity .18s ease;
  /* Belt to the [hidden] braces below. During the 180ms close transition the
     element is still displayed while it fades, and without this it would go
     on eating clicks for that fifth of a second. */
  pointer-events:none;
}

/* THIS RULE IS LOAD-BEARING. DO NOT REMOVE IT.
   The HTML `hidden` attribute takes effect through the user-agent rule
   [hidden]{display:none}, which ANY author rule setting `display` overrides.
   Without this line the `display:flex` above wins, and the overlay renders
   permanently at inset:0 and z-index:99999 with opacity:0 - invisible, and
   intercepting every click and hover on the page. The whole page appears
   frozen and nothing indicates why.
   The Ask overlay carries the identical rule eleven lines up; this one was
   simply omitted. Any future full-screen overlay in this plugin needs it. */
.pa-wk-lb[hidden]{display:none}

.pa-wk-lb.is-open{opacity:1; pointer-events:auto}
body.pa-wk-lb-open{overflow:hidden}

/* --- Lightbox. Vanilla, ~60 lines, no library: the page already carries
   Elementor's lightbox and GeneratePress and a third would be waste. --- */
.pa-wk-lb{position:fixed;inset:0;z-index:99999;background:rgba(10,20,30,.94);
  display:flex;align-items:center;justify-content:center;padding:32px}
.pa-wk-lb[hidden]{display:none}
body.pa-wk-lb-open{overflow:hidden}
.pa-wk-lb-fig{margin:0;max-width:100%;max-height:100%;display:flex;
  flex-direction:column;align-items:center;gap:14px}
.pa-wk-lb-img,#pa-wk-lb-img{max-width:100%;max-height:82vh;width:auto;height:auto;
  display:block;box-shadow:0 18px 60px rgba(0,0,0,.5)}
.pa-wk-lb-cap{color:#E8E4DC;font-size:13px;line-height:1.5;text-align:center;
  max-width:70ch;letter-spacing:.01em}
.pa-wk-lb-close{position:absolute;top:16px;right:20px;background:none;border:0;
  color:#E8E4DC;font-size:34px;line-height:1;cursor:pointer;padding:6px 12px}
.pa-wk-lb-close:hover{color:#fff}
@media(max-width:700px){.pa-wk-lb{padding:16px}.pa-wk-lb-img,#pa-wk-lb-img{max-height:72vh}}

/* Mechanisms inline in the record panel. Not a bullet list: as bullets they
   sat under the last row and read as though they belonged to the outcome. */
.pa-wk-mechline{font-weight:400}
.pa-wk-mechsep{opacity:.45;padding:0 .5em;font-weight:400}


/* ── philosophy-books additions ──────────────────────────────────────────
   Everything below is new to this section. The blocks for .pa-wk-passage,
   .pa-wk-quote, .pa-wk-passage-note and .pa-wk-sources are NOT new
   markup - the banned section emits all four and has never styled any of
   them, so they render as bare paragraphs on that site today. Written here
   rather than inherited. */

/* v1.1.0 - the device chips are gone from the object panel and render as
   plain type like every other value in it, so the pill rules that lived
   here are deleted rather than left to match nothing. .pa-wk-chip itself
   is still used elsewhere and is untouched. */

/* The declared constraint, in the author's own terms. Monospaced because
   it is a specification and reads as one: no letter e; one vowel per
   chapter; a knight's tour of a 10x10 building. */
.pa-wk-therule{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.92rem; letter-spacing:-.01em;
  background:#f6f7f9; border-left:3px solid var(--wk-accent,var(--wk-red));
  padding:3px 10px; display:inline-block; border-radius:0 3px 3px 0;
}

/* CHECK IT YOURSELF. Deliberately looks like an instruction rather than a
   claim - a green rule, not the red one the rest of the page uses, because
   this is the one block on the page the reader is invited to act on. */
.pa-wk-verify{
  margin:30px 0 0; padding:16px 20px;
  background:#f3f8f4; border:1px solid #cfe3d5; border-left:4px solid #0B6B34;
  border-radius:0 5px 5px 0;
}
.pa-wk-verify h2{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
  color:#0B6B34; margin:0 0 7px;
}
.pa-wk-verify p{margin:0; font-size:1rem; line-height:1.6}

/* The passage, and the note that stands in for it where the text is still
   in copyright. Same public-domain-only rule as the banned section. */
.pa-wk-passage{margin:34px 0 0}
.pa-wk-quote{
  margin:0; padding:2px 0 2px 22px;
  border-left:3px solid var(--wk-accent,var(--wk-rule));
  font-size:1.06rem; line-height:1.62; color:#243b4f;
}
.pa-wk-quote p{margin:0 0 .7em}
.pa-wk-quote p:last-child{margin:0}
.pa-wk-passage-note{margin:10px 0 0; font-size:.88rem; color:#6b7a86; font-style:italic}

/* Sources, under the object panel. */
.pa-wk-sources .pa-wk-demands-note{font-size:.9rem; color:#4d5c69}

/* States and editions, under the cover, where banned books lists every ban. */
/* v1.1.4 - MATCHED TO THE PROSE SECTIONS. The 600 weight and the .95rem
   size came from the strange-books panel this block was cloned from, where
   it was a two-line utility card beside the cover and needed to hold its
   own. Under the head block it sits directly above "What the book is", and
   set heavier than the section it introduces it read as a heading. Size and
   weight now inherit the body; only the date stays small, because it is
   metadata and not part of the sentence. */
.pa-wk-read .pa-wk-pubs li i{font-style:normal; font-weight:400}

@media (max-width:900px){
  .pa-wk-verify{padding:14px 16px}
  .pa-wk-therule{white-space:normal}
}

/* ── v1.1.0: air under the panels ─────────────────────────────────────
   .pa-wk-sec carries margin:0 0 40px - bottom only - so a section that
   FOLLOWS a bordered panel started flush against it. Two places on every
   page: "What it cost to make" sits under the green Check it yourself
   block, and "Contested" sits under the passage. Adjacent-sibling rules
   rather than a modifier class, so nothing in the renderer has to know
   which section happens to come after a panel. */
.pa-wk-verify + .pa-wk-sec,
.pa-wk-passage + .pa-wk-sec{margin-top:38px}

/* ── The cross-section crumb ───────────────────────────────────────────
   Rendered into OTHER sections' eyebrows by PA_Work_Crossref, so it has to
   sit quietly beside type it does not control. Inherits size, weight and
   colour from the host eyebrow; only the link gets a hint of the section
   accent, and the arrow does the work of saying this leads elsewhere.

   This rule ships in power.css, which is enqueued on The Great Works of Philosophy pages
   only — so on a Founding Books page the crumb is UNSTYLED and inherits
   whatever that eyebrow uses. That is deliberate: it means the crumb can
   never clash with a host section's typography, and it is the reason the
   markup uses no colours or sizes of its own. */
.pa-wk-crumb { white-space: nowrap; }
.pa-wk-crumb a { text-decoration: none; }
.pa-wk-crumb a:hover { text-decoration: underline; }

/* ── the cross-link block ─────────────────────────────────────────
   A book that ALSO has a full entry in another section. Unlike the Books of
   Power portal page this replaces, it is not a handover - the entry above it
   is complete - so it sits at the very foot of the page and reads as a
   footnote with a door in it rather than as a destination. Parchment like
   the possession panel, because it is information about the book and not an
   error state. */
.pa-wk-also{
  margin:34px 0 0; padding:24px 26px 22px;
  background:#FBF9F4; border:1px solid #E7E1D4; border-radius:14px;
}
.pa-wk-also-kicker{
  display:block; font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:10.5px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  color:var(--wk-accent); margin:0 0 9px;
}
.pa-wk-also-lede{margin:0 0 16px; font-size:1rem; line-height:1.65; color:var(--wk-ink)}
.pa-wk-also-btn{
  display:inline-block; padding:11px 20px; border-radius:9px;
  background:var(--wk-navy); color:#fff; text-decoration:none;
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase;
}
.pa-wk-also-btn:hover{background:#08243d; color:#fff}
.pa-wk-also-btn:focus-visible{outline:2px solid var(--wk-gold); outline-offset:2px}
/* NO "stay in this section" link, which the portal page needed. There is
   nothing to stay in: the reader is on a full entry and has already read it. */

@media (max-width:700px){
  .pa-wk-also{padding:18px 18px 16px}
  .pa-wk-also-btn{display:block; text-align:center}
}

/* ── the cross-section marker in the navigator ────────────────────
   A glyph, not a second dot. The dot already carries the group colour and a
   hollow variant of it would read as a sixteenth group.

   Stefan's decision, 4 August: a book that also appears in another section
   is a normal entry here, marked with an asterisk. It states that the Atlas
   covers the book twice; it is NOT a warning that the link leads away,
   because in this section it does not lead anywhere. */
/* A red asterisk, right of the title. A plain * rather than one of
   the decorative asterisk glyphs: ✳ and its neighbours are rendered as
   emoji by some Android builds, which would put a coloured sticker in the
   navigator. This is always text and always the colour we ask for. */
.pa-wk-nav-out{
  flex:0 0 auto; margin-left:auto; padding-left:8px;
  /* SIZED AGAINST THE 7px DOT, not against the 12px row text. A thin
     asterisk at text size has a fraction of the optical mass of a filled
     circle, so it has to be set far larger and bolder to read as the same
     weight of mark. line-height:0 keeps the row height unchanged. */
  font-size:21px; font-weight:700; line-height:0; color:var(--wk-red);
  position:relative; top:5px;
}
.pa-wk-nav-item.is-here .pa-wk-nav-out{color:var(--wk-red)}
/* was .pa-wk-legend-note. Renamed because it is no longer part of a
   legend: the asterisk marks a cross-reference, which is a fact about the
   entry rather than a classification, so it outlived the key. */
.pa-wk-nav-note{
  margin:9px 0 0; padding:8px 0 0; border-top:.5px solid #e8e5de;
  font-size:11px; line-height:1.45; color:var(--wk-dim);
}
.pa-wk-nav-note .pa-wk-nav-out{margin:0 5px 0 0; padding:0; top:4px; font-size:18px}

/* ══════════════════════════════════════════════════════════════════
   NEW IN THIS SECTION. Everything below styles markup that exists in no
   other plugin on the network, so nothing here is inherited and nothing
   here can be a clone artefact.
   ══════════════════════════════════════════════════════════════════ */

/* ── the two facing origin blocks ─────────────────────────────────
   THE SIGNATURE DEVICE. Side by side at reading width, because the whole
   point is that a reader sees the gap between the two at a glance rather
   than holding one in mind while reading the other three paragraphs down.

   They STACK below 820px and keep their order - claimed first, established
   second - because on a phone the sequence is the argument: the book makes
   its claim, and then the record answers it. */
.pa-wk-exchanges{
  display:grid; grid-template-columns:1fr 1fr; gap:0;
  margin:34px 0 40px; border:1px solid #E7E1D4; border-radius:14px;
  overflow:hidden; background:#FBF9F4;
}
.pa-wk-exchange{padding:20px 24px 18px; margin:0}
.pa-wk-exchange + .pa-wk-exchange{border-left:1px solid #E7E1D4}
.pa-wk-exchange h2{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase;
  margin:0 0 10px; padding:0; border:0;
}
/* THE CLAIM IS SET IN THE GROUP ACCENT AND THE FINDING IN NAVY. Not red
   versus green: the site does not mark one of them wrong. A pseudepigraphic
   attribution is a fact about the book, often the most interesting one, and
   colouring it as an error would be the page taking a tone. */
.pa-wk-exchange--claimed h2{color:var(--wk-accent)}
.pa-wk-exchange--established h2{color:var(--wk-navy)}
.pa-wk-exchange p{margin:0 0 11px; font-size:.98rem; line-height:1.62; color:var(--wk-ink)}
.pa-wk-exchange p:last-child{margin-bottom:0}
/* The claimed side sits very slightly back, so the eye lands on the
   established one when they are read as a pair. */
.pa-wk-exchange--claimed{background:#F7F3EA}
@media (max-width:820px){
  .pa-wk-exchanges{grid-template-columns:1fr}
  .pa-wk-exchange + .pa-wk-exchange{border-left:0; border-top:1px solid #E7E1D4}
}
/* When the two collapse to one - AUTHORED, or only one side written - the
   block is an ordinary prose section and needs nothing but its heading. */
.pa-wk-exchange-single h2{color:var(--wk-navy)}

/* ── the possession record ────────────────────────────────────────
   A dated list, one case per row, running the full reading width. NOT the
   two-column layout the inherited .pa-wk-read panel uses: these rows carry
   a name, a place, an outcome and a basis, and at half width every one of
   them wraps. */
/* 1.0.2 - THE CARD TAKES THE GROUP ACCENT on its left edge, the same
   treatment the operation panel below it already had. Without it the
   possession record was the one full-width block on the page with no accent
   and it read as a stray note rather than as part of the entry. */
.pa-wk-cases{
  border-left:3px solid var(--wk-accent);
  border-radius:0 14px 14px 0;
  padding-left:23px;
}
.pa-wk-cases .pa-wk-read-head{color:var(--wk-accent)}
.pa-wk-cases .pa-wk-pubs{columns:1}
.pa-wk-cases .pa-wk-pubs li{
  padding:11px 0; border-top:1px solid #EFEAE0; line-height:1.55;
}
.pa-wk-case-yr{
  display:inline-block; min-width:62px; margin-right:10px;
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:12px; font-weight:700; letter-spacing:.04em; color:var(--wk-accent);
}
.pa-wk-case-what{display:block; margin:3px 0 0 72px; font-size:.96rem; color:var(--wk-ink)}
/* THE BASIS IS SET SMALL AND QUIET, and it is the most important thing in
   the row. A trial record and a later writer's report are not the same kind
   of fact; printing the basis at the same weight as the claim would flatten
   that distinction, and hiding it would lose it. */
.pa-wk-case-basis{
  display:block; margin:4px 0 0 72px; font-size:.82rem; color:var(--wk-dim);
  font-style:italic;
}
@media (max-width:600px){
  .pa-wk-case-what,.pa-wk-case-basis{margin-left:0}
  .pa-wk-case-yr{display:block; margin:0 0 2px}
}

/* ── where the object is now ──────────────────────────────────────
   Sits inside the inherited .pa-wk-verify frame, so it keeps the green rule
   that marks a checkable claim across the network. A definition grid rather
   than prose, because every row is a discrete fact a reader may want to copy
   into a library catalogue. */
.pa-wk-objgrid{display:grid; grid-template-columns:auto 1fr; gap:8px 22px; margin:0; font-size:.97rem}
.pa-wk-objgrid dt{
  font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase;
  color:var(--wk-dim); padding-top:3px;
}
.pa-wk-objgrid dd{margin:0; color:var(--wk-ink); line-height:1.5}
.pa-wk-objgrid dd a{color:var(--wk-navy); text-decoration:underline}
@media (max-width:600px){
  .pa-wk-objgrid{grid-template-columns:1fr; gap:2px 0}
  .pa-wk-objgrid dd{margin:0 0 10px}
}

/* ── the source list ──────────────────────────────────────────────
   Sources are a LIST here, not the single free-text note the parent plugin
   carried. This section rests on scholarship that identified false imprints
   and dated manuscripts, and one line per work is what that looks like. */
.pa-wk-srclist{margin:0; padding:0; list-style:none}
.pa-wk-srclist li{
  padding:7px 0; border-top:1px solid #EFEAE0;
  font-size:.9rem; line-height:1.5; color:var(--wk-dim);
}
.pa-wk-srclist li:first-child{border-top:0; padding-top:0}

/* ------------------------------------------------------------------
   THE EXCHANGE - the work line inside each facing panel, and the line
   printed when a record is SOLITARY.

   These are the only classes in this plugin with no ancestor in the
   parent, because the parent's origin blocks carried prose alone: this
   section names the work on the other side of the argument and links
   it when it is an entry. Everything else in the spine and the reading
   record reuses the proven .pa-wk-org / .pa-wk-objgrid rules rather
   than inventing a parallel set.
   ------------------------------------------------------------------ */
.pa-wk-exchange-work{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.82rem; letter-spacing:.06em; text-transform:uppercase;
  margin:0 0 12px; padding:0 0 10px; border-bottom:1px solid rgba(10,46,77,.12);
  color:var(--wk-navy); line-height:1.45}
.pa-wk-exchange-work a{color:var(--wk-navy); text-decoration:underline; text-underline-offset:2px}
.pa-wk-exchange-work a:hover{color:var(--wk-red)}
.pa-wk-exchange-who{display:block; margin-top:3px; font-size:.78rem;
  letter-spacing:.04em; text-transform:none; font-style:italic; color:var(--wk-muted)}
.pa-wk-exchange-none{margin:26px 0 34px; padding:16px 20px;
  border-left:3px solid rgba(10,46,77,.18); background:rgba(10,46,77,.03);
  font-style:italic; color:var(--wk-muted); line-height:1.6}
.pa-wk-orgnote{margin:16px 0 0; padding-top:14px;
  border-top:1px solid rgba(10,46,77,.10);
  font-size:.93rem; font-style:italic; color:var(--wk-muted); line-height:1.6}

/* ------------------------------------------------------------------
   THE READING PANEL - under the cover, inside the 220px column.
   Small by design: it answers three questions and gets out of the way.
   ------------------------------------------------------------------ */
.pa-wk-reading{margin:16px 0 0; padding:14px 0 0; border-top:1px solid rgba(10,46,77,.14);
  font-size:.8rem; line-height:1.45; text-align:left}
.pa-wk-reading dt{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;
  font-size:.66rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--wk-muted); margin:0 0 2px}
.pa-wk-reading dd{margin:0 0 11px; color:var(--wk-ink)}
.pa-wk-reading dd:last-child{margin-bottom:0}
.pa-wk-reading-v{display:block; font-weight:600; color:var(--wk-navy)}
.pa-wk-reading-n{display:block; margin-top:1px; font-size:.74rem;
  font-style:italic; color:var(--wk-muted); line-height:1.4}
@media (max-width:820px){
  .pa-wk-reading{text-align:center; max-width:260px; margin-left:auto; margin-right:auto}
}