/* #gh-head is position:fixed and 100px tall (64px below 768px), so the page
     has to buy that height back or the nameplate hides behind the nav. */
  #gh-main.mw-ar-page { padding-top: 100px; padding-bottom: 0; }

  .mw-ar {
    --ar-ink:#11100e; --ar-white:#fffdf8; --ar-bone:#f5f0e8;
    --ar-blood:#7f130d; --ar-red:#9c3e2f; --ar-oxblood:#4f1208;
    --ar-muted:#6c665e; --ar-dim:#8a827a; --ar-hair:rgba(42,37,32,.15);
    --ar-rowhair:rgba(42,37,32,.085);
    --ar-tape:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='11'%3E%3Cpath d='M11 1.5 L15.5 5.5 L11 9.5 L6.5 5.5 Z' fill='%237f130d'/%3E%3C/svg%3E");
    background:var(--ar-white); color:var(--ar-ink);
    /* the site sets body to Work Sans; serif is the default in here */
    font-family:"EB Garamond",Georgia,serif;
  }
  /* The rows, the year sections and the search form all set their own display,
     which beats the UA sheet's [hidden]{display:none} — so hiding a filtered-out
     row did nothing at all until this rule. (0,1,1) clears every (0,1,0) class
     rule in here without reaching for !important. Anything given `hidden` in
     this partial depends on it. */
  .mw-ar [hidden] { display:none; }
  .mw-ar a { color:inherit; text-decoration:none; box-shadow:none; border:0; }
  .mw-ar a:hover { opacity:1; text-decoration:none; }
  .mw-ar-shell { width:min(1080px, calc(100% - 44px)); margin:0 auto; }

  /* --- nameplate ------------------------------------------------------ */
  /* The tile is only 11px tall; the strip is taller so the diamonds sit in
     air rather than being pinched between the nav and the rule below. */
  .mw-ar-tape { height:30px; background-image:var(--ar-tape); background-repeat:repeat-x;
    background-position:center; border-bottom:1px solid var(--ar-hair); }
  .mw-ar-mast { padding:clamp(30px,3.6vw,44px) 0 clamp(24px,2.8vw,34px);
    text-align:center; border-bottom:1px solid var(--ar-ink); }
  .mw-ar-name { margin:0; font-family:"EB Garamond",Georgia,serif; font-weight:600;
    font-size:clamp(42px,5vw,64px); line-height:1.08; letter-spacing:-.022em;
    color:var(--ar-ink); }

  /* --- the sticky bar: search + year nav ------------------------------ */
  /* top matches the fixed nav's height so the bar parks directly under it. */
  .mw-ar-bar { position:sticky; top:100px; z-index:5; background:var(--ar-white);
    border-bottom:1px solid var(--ar-hair); }
  .mw-ar-bar-in { display:flex; align-items:center; gap:26px;
    padding:13px 0 12px; }

  .mw-ar-search { display:flex; align-items:center; gap:8px; flex:0 0 auto;
    width:min(300px,42%); padding-bottom:5px; border-bottom:1px solid var(--ar-hair);
    transition:border-color .15s; }
  .mw-ar-search:focus-within { border-bottom-color:var(--ar-blood); }
  .mw-ar-search svg { flex:0 0 auto; width:13px; height:13px; color:var(--ar-dim); }
  .mw-ar-search input { flex:1 1 auto; min-width:0; margin:0; padding:0; border:0;
    outline:0; background:none; box-shadow:none; border-radius:0;
    font-family:"Work Sans",sans-serif; font-size:14px; font-weight:400;
    letter-spacing:0; color:var(--ar-ink); -webkit-appearance:none; appearance:none; }
  .mw-ar-search input::placeholder { color:var(--ar-dim); opacity:1; }
  .mw-ar-search input::-webkit-search-cancel-button { -webkit-appearance:none; }
  .mw-ar-clear { flex:0 0 auto; padding:0 0 0 4px; border:0; background:none;
    cursor:pointer; font-family:"Work Sans",sans-serif; font-size:16px; line-height:1;
    color:var(--ar-dim); }
  .mw-ar-clear:hover { color:var(--ar-blood); }
  /* the theme ships no visually-hidden utility, so the label carries its own */
  .mw-ar-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0;
    overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0; }

  /* The year nav scrolls sideways rather than wrapping — a second row would
     make the sticky bar tall enough to eat the top of every year it jumps to. */
  .mw-ar-years { flex:1 1 auto; min-width:0; display:flex; gap:15px; justify-content:flex-end;
    overflow-x:auto; scrollbar-width:none; -ms-overflow-style:none; }
  .mw-ar-years::-webkit-scrollbar { display:none; }
  .mw-ar a.mw-ar-y { flex:0 0 auto; padding:2px 0 3px; border-bottom:2px solid transparent;
    font-family:"Work Sans",sans-serif; font-size:12.5px; font-weight:600;
    letter-spacing:.06em; color:var(--ar-muted); font-variant-numeric:tabular-nums;
    transition:color .12s, border-color .12s, opacity .12s; }
  .mw-ar a.mw-ar-y:hover { color:var(--ar-blood); }
  .mw-ar a.mw-ar-y.is-here { color:var(--ar-blood); border-bottom-color:var(--ar-blood); }
  .mw-ar a.mw-ar-y.is-out { opacity:.28; }

  .mw-ar-count { margin:24px 0 -12px; font-family:"Work Sans",sans-serif; font-size:13px;
    font-weight:400; letter-spacing:0; text-transform:none; color:var(--ar-muted); }
  .mw-ar-loading { margin:20px 0 0; font:400 14px/1.5 "Work Sans",sans-serif; color:var(--ar-muted); }
  .mw-ar-retry { margin:12px 0; padding:10px 14px; background:transparent;
    border:1px solid var(--ar-hair); color:var(--ar-blood); cursor:pointer;
    font:500 14px/1.4 "Work Sans",sans-serif; }
  .mw-ar-none { margin:70px 0 90px; text-align:center;
    font-family:"EB Garamond",Georgia,serif; font-style:italic; font-size:21px;
    color:var(--ar-muted); }

  /* --- collections ---------------------------------------------------- */
  /* `issues` is retained as the stable slug for the reader-facing Collections
     tag. Only real collection landing posts carry it; announcements do not. */
  .mw-ar-collections { padding:clamp(34px,4vw,50px) 0 clamp(38px,4.5vw,56px);
    border-bottom:1px solid var(--ar-ink); }
  .mw-ar-collections-head { display:flex; align-items:baseline; justify-content:space-between;
    gap:24px; margin-bottom:20px; }
  .mw-ar-collections-title { margin:0; color:var(--ar-ink);
    font-family:"EB Garamond",Georgia,serif; font-size:clamp(29px,3.4vw,39px);
    font-weight:600; line-height:1; letter-spacing:-.02em; }
  .mw-ar-collections-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0 28px; margin:0; padding:0; list-style:none; border-top:1px solid var(--ar-hair); }
  .mw-ar-collection { min-width:0; padding:16px 0 15px;
    border-bottom:1px solid var(--ar-rowhair); }
  .mw-ar a.mw-ar-collection-link { display:block; }
  .mw-ar-collection-name { display:block; color:var(--ar-ink);
    font-family:"EB Garamond",Georgia,serif; font-size:21px; font-weight:600;
    line-height:1.13; letter-spacing:-.012em; }
  .mw-ar a.mw-ar-collection-link:hover .mw-ar-collection-name { color:var(--ar-red); }
  .mw-ar-collection-meta { display:block; margin-top:5px; color:var(--ar-dim);
    font-family:"Work Sans",sans-serif; font-size:11.5px; font-weight:500;
    line-height:1.35; letter-spacing:.02em; }

  /* --- the run --------------------------------------------------------- */
  .mw-ar-body { padding-bottom:16px; }
  /* The year anchors point at the SECTION, so the scroll offset that clears the
     fixed nav plus the sticky bar has to live here — on .mw-ar-year it does
     nothing, and every jump lands with the heading tucked under the bar. */
  .mw-ar-sec { margin:0; padding:0; scroll-margin-top:180px; }
  /* Only the selected year or capped search results are rendered here. */

  .mw-ar-year { display:flex; align-items:center; gap:16px;
    margin:clamp(40px,4.4vw,58px) 0 6px;
    font-family:"EB Garamond",Georgia,serif; font-weight:600;
    font-size:clamp(27px,3vw,34px); line-height:1; letter-spacing:-.015em;
    color:var(--ar-ink); font-variant-numeric:tabular-nums; }
  .mw-ar-year::before { content:""; flex:0 0 auto; width:9px; height:9px;
    transform:rotate(45deg); background:var(--ar-blood); }

  .mw-ar-list, .mw-ar-rows { margin:0; padding:0; list-style:none; }
  .mw-ar-list { padding-top:22px; }
  /* The initial Articles fallback excludes the same genre tags as the script.
     Keep rows in the source so Arts can display them immediately on startup. */
  .mw-ar-list > .mw-ar-row:is([data-tags~="poetry"], [data-tags~="arts-fiction"], [data-tags~="fiction"]) { display:none; }
  /* on the ol, not on :first-child — under a search the first row in the markup
     is usually filtered out, and the table would lose its top edge */
  .mw-ar-rows { border-top:1px solid var(--ar-rowhair); }

  /* Give titles a clear reading hierarchy. Dates stay
     aligned at the right; a filtered view does not repeat its section label. */
  .mw-ar-row { display:grid; grid-template-columns:minmax(0,1fr) 104px 148px;
    gap:0 28px; align-items:baseline; padding:20px 0;
    border-bottom:1px solid var(--ar-rowhair); }
  .mw-ar .mw-ar-t { margin:0; font-family:"EB Garamond",Georgia,serif; font-weight:500;
    font-size:24px; line-height:1.3; letter-spacing:0; font-style:normal;
    text-transform:none; color:var(--ar-ink); }
  .mw-ar a.mw-ar-tl:hover { color:var(--ar-red); }
  .mw-ar-tag { font-family:"Work Sans",sans-serif; font-size:12.5px; font-weight:400;
    letter-spacing:0; text-transform:none; line-height:1.5; color:var(--ar-muted); }
  .mw-ar-tag a:hover { color:var(--ar-red); }
  .mw-ar-d { font-family:"Work Sans",sans-serif; font-size:13px; font-weight:400;
    line-height:1.5; color:var(--ar-muted); text-align:right; white-space:nowrap;
    font-variant-numeric:tabular-nums; }
  .mw-ar:is([data-section="interviews"], [data-section="collections"]) .mw-ar-row { grid-template-columns:minmax(0,1fr) 148px; }
  .mw-ar:is([data-section="interviews"], [data-section="collections"]) .mw-ar-tag { display:none; }
  .mw-ar a:focus-visible, .mw-ar-retry:focus-visible { outline:2px solid var(--ar-blood); outline-offset:4px; }

  /* --- foot ------------------------------------------------------------ */
  .mw-ar-foot { margin-top:clamp(44px,5vw,64px); border-top:1px solid var(--ar-ink); }
  .mw-ar-foot-in { display:flex; justify-content:flex-end; padding:20px 0 26px; }
  .mw-ar a.mw-ar-top { font-family:"EB Garamond",Georgia,serif; font-style:italic;
    font-size:16px; color:var(--ar-oxblood); padding-bottom:2px;
    border-bottom:1px solid rgba(79,18,8,.45); }
  .mw-ar a.mw-ar-top:hover { color:var(--ar-red); border-bottom-color:transparent; }
  .mw-ar-tape-foot { height:30px; background-image:var(--ar-tape);
    background-repeat:repeat-x; background-position:center;
    border-top:1px solid var(--ar-hair); }

  /* --- narrow ---------------------------------------------------------- */
  /* The ledger needs roughly 420px of title column to keep long headlines off
     the section column; below about 860px it stops having it, so the meta
     drops onto a second line instead of being squeezed. */
  @media (max-width:860px) {
    /* The meta collapses onto one line under the title, joined by a middot.
       The separator hangs off the date so an untagged post cannot leave a
       dangling dot. */
    .mw-ar-row { display:block; padding:18px 0; }
    .mw-ar .mw-ar-t { font-size:23px; }
    .mw-ar-tag, .mw-ar-d { display:inline; text-align:left; line-height:1.5; }
    .mw-ar-row > .mw-ar-tag { display:inline-block; margin-top:5px; }
    .mw-ar-d::before { content:"·"; margin:0 7px; color:var(--ar-dim);
      font-family:"Work Sans",sans-serif; font-weight:400; letter-spacing:0; }
    .mw-ar-tag:empty + .mw-ar-d::before { content:none; }
    .mw-ar:is([data-section="interviews"], [data-section="collections"]) .mw-ar-d { display:block; margin-top:5px; }
    .mw-ar:is([data-section="interviews"], [data-section="collections"]) .mw-ar-d::before { content:none; }
  }
  @media (max-width:768px) {
    #gh-main.mw-ar-page { padding-top:64px; }
    .mw-ar-bar { top:64px; }
    .mw-ar-sec { scroll-margin-top:136px; }
  }
  @media (max-width:660px) {
    .mw-ar-shell { width:calc(100% - 34px); }
    /* Stacked: full-width search on top, years scrolling underneath. */
    .mw-ar-bar-in { display:block; padding:11px 0 9px; }
    .mw-ar-search { width:100%; }
    .mw-ar-years { margin-top:10px; justify-content:flex-start; gap:14px; }
    .mw-ar-sec { scroll-margin-top:166px; }
    .mw-ar .mw-ar-t { font-size:22px; }
    .mw-ar-d { font-size:12.5px; }
    .mw-ar-collections-head { display:block; }
    .mw-ar-collections-list { grid-template-columns:1fr; }
  }

  .tag-interview #gh-main { padding-top:100px; padding-bottom:0; display:block; }
  .tag-interview .gh-pagehead { display:none; }
  /* Editorial text links, separated by a quiet hairline. */
  .mw-ar-scope { display:flex; justify-content:center; align-items:center;
    flex-wrap:wrap; gap:12px 44px; margin-top:20px; }
  .mw-ar a.mw-ar-filter { position:relative; padding:4px 0; border:0;
    color:#75695d; font:500 21px/1.3 "EB Garamond",Georgia,serif;
    letter-spacing:-.01em; text-decoration:none; text-underline-offset:6px;
    text-decoration-thickness:1px; transition:color .15s; }
  .mw-ar a.mw-ar-filter + .mw-ar-filter::before { content:""; position:absolute;
    left:-22px; top:50%; height:16px; width:1px; background:#cfc5b9; transform:translateY(-50%); }
  .mw-ar a.mw-ar-filter:hover { color:var(--ar-blood); text-decoration:underline; }
  .mw-ar a.mw-ar-filter[aria-current="page"] { color:var(--ar-blood); text-decoration:underline; }
  .mw-ar a.mw-ar-filter:focus-visible { outline:1px solid var(--ar-blood); outline-offset:6px; }
  @media (max-width:767px) { .tag-interview #gh-main { padding-top:64px; } }

  @media (max-width:480px) {
    .mw-ar-scope { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 24px; max-width:320px; margin-left:auto; margin-right:auto; }
    .mw-ar a.mw-ar-filter + .mw-ar-filter::before { content:none; }
  }