/* ============================================================
   THE SLATE — ARTICLE PAGE
   Reading experience for individual articles.
   Reuses the publication system from The Slate index.
   ============================================================ */

.art-root{
  --paper:#efede6;
  --paper-deep:#e5e2d7;
  --paper-deeper:#dcd8c9;
  --ink:#0c0c0c;
  --ink-soft:#3a3a36;
  --ink-soft-2:#5a5a52;
  --rule:#d4d0c4;
  --rule-strong:#b4b0a3;
  --signal:#cf3a08;
  --signal-ink:#a82e06;
  --ok:#0e5e3a;
  --warn:#8a6300;
  --sans:'Archivo',system-ui,-apple-system,Segoe UI,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace;
  --serif:'Source Serif 4','Georgia',serif;

  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-weight:500;
  font-size:16px;
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  background-image:linear-gradient(rgba(0,0,0,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.035) 1px,transparent 1px);
  background-size:40px 40px;
  background-position:-1px -1px;
  position:relative;
  overflow-x:hidden;
}
.art-root *,.art-root *::before,.art-root *::after{box-sizing:border-box;margin:0;padding:0;}
.art-root img,.art-root svg{display:block;max-width:100%;}
.art-root a{color:inherit;text-decoration:none;}
.art-root button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;}

/* ========== NAV ========== */
.art-nav{position:sticky;top:0;z-index:100;background:var(--paper);border-bottom:2px solid var(--ink);height:64px;}
.art-nav-inner{max-width:1280px;margin:0 auto;height:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;padding:0 32px;}
.art-nav-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:18px;letter-spacing:-0.03em;text-transform:uppercase;line-height:1;}
.art-nav-brand .mk{width:32px;height:32px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-weight:900;font-size:13px;letter-spacing:-0.02em;}
.art-nav-brand .sig{color:var(--signal);}
.art-nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.art-nav-links a{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-soft);padding:8px 0;border-bottom:2px solid transparent;}
.art-nav-links a.active{color:var(--signal);border-bottom-color:var(--signal);}
.art-nav-links a:hover{color:var(--ink);border-bottom-color:var(--ink);}
.art-nav-cta{display:flex;gap:10px;align-items:center;}

/* Mobile hamburger */
.art-nav-toggle{display:none;width:40px;height:40px;border:2px solid var(--ink);background:var(--paper);cursor:pointer;position:relative;flex-shrink:0;padding:0;}
.art-nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);position:absolute;left:50%;margin-left:-9px;transition:transform 0.2s ease,top 0.2s ease,opacity 0.15s ease;}
.art-nav-toggle span:nth-child(1){top:12px;}
.art-nav-toggle span:nth-child(2){top:18px;}
.art-nav-toggle span:nth-child(3){top:24px;}
.art-root.mobile.nav-open .art-nav-toggle span:nth-child(1){top:18px;transform:rotate(45deg);}
.art-root.mobile.nav-open .art-nav-toggle span:nth-child(2){opacity:0;}
.art-root.mobile.nav-open .art-nav-toggle span:nth-child(3){top:18px;transform:rotate(-45deg);}

.art-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:900;font-size:13px;letter-spacing:0.06em;text-transform:uppercase;padding:12px 18px;border:2px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;min-height:28px;white-space:nowrap;}
.art-btn.sig{background:var(--signal);border-color:var(--signal);color:#fff;}
.art-btn.ghost{background:transparent;color:var(--ink);}
.art-btn.lg{font-size:14px;padding:16px 24px;}

/* ========== READING-PROGRESS BAR ========== */
.art-progress{
  position:fixed;left:0;right:0;top:64px;height:3px;background:var(--rule);z-index:90;
}
.art-progress-bar{height:100%;background:var(--signal);width:0%;}

/* ========== BREADCRUMB / DATELINE STRIP ========== */
.art-strip{
  border-bottom:1px solid var(--ink);
  background:var(--paper-deep);
  padding:10px 0;
  font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;
  color:var(--ink-soft);
}
.art-strip-inner{max-width:1280px;margin:0 auto;padding:0 32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;}
.art-strip .crumb{display:flex;align-items:center;gap:10px;}
.art-strip .crumb a:hover{color:var(--signal);}
.art-strip .crumb .sep{color:var(--ink-soft);opacity:0.5;}
.art-strip .crumb b{color:var(--ink);}
.art-strip .center{display:inline-flex;align-items:center;gap:10px;}
.art-strip .center .dot{width:6px;height:6px;background:var(--signal);border-radius:50%;}
.art-strip .right{justify-self:end;color:var(--ink);}

/* ========== ARTICLE HEADER (the masthead for THIS piece) ========== */
.art-head{
  border-bottom:3px double var(--ink);
  padding:56px 0 40px;
  background:
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(0,0,0,0.04) 38px 39px),
    var(--paper);
  position:relative;
}
.art-head::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background-image:repeating-linear-gradient(90deg,var(--ink) 0 14px,transparent 14px 28px);}
.art-head-inner{max-width:1280px;margin:0 auto;padding:0 32px;}

.art-head-meta{
  display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:18px;
  border-bottom:1px solid var(--ink);padding-bottom:14px;margin-bottom:36px;
}
.art-dept{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;font-weight:700;
  background:var(--signal);color:#fff;padding:6px 12px;
}
.art-dept::before{content:"§";font-weight:900;}
.art-head-meta .docket{
  font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);
}
.art-head-meta .docket b{color:var(--ink);}
.art-head-meta .filing{
  font-family:var(--mono);font-size:10px;letter-spacing:0.22em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);
  text-align:right;
}
.art-head-meta .filing b{color:var(--ink);}

.art-title{
  font-weight:900;
  font-size:clamp(48px,7vw,108px);
  line-height:0.88;
  letter-spacing:-0.045em;
  text-transform:uppercase;
  max-width:18ch;
  margin-bottom:32px;
}
.art-title .sig{color:var(--signal);}
.art-title .em{display:block;}

.art-deck{
  font-family:var(--sans);
  font-weight:500;
  font-size:clamp(20px,2.2vw,28px);
  line-height:1.4;
  letter-spacing:-0.01em;
  color:var(--ink-soft);
  max-width:780px;
  margin-bottom:40px;
  padding-left:16px;
  border-left:3px solid var(--signal);
}
.art-deck b{color:var(--ink);font-weight:900;}

.art-byline{
  display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;
  border-top:1px solid var(--ink);padding-top:18px;
}
.art-byline-l{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.art-byline .by-mono{
  font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);
}
.art-byline .by-mono b{color:var(--ink);}
.art-byline .by-pipe{width:1px;height:14px;background:var(--rule-strong);}
.art-byline .by-share{display:flex;gap:8px;align-items:center;}
.art-byline .by-share .icon-btn{
  width:32px;height:32px;border:1px solid var(--ink);display:grid;place-items:center;
  font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);
  transition:background 0.15s,color 0.15s;
}
.art-byline .by-share .icon-btn:hover{background:var(--ink);color:var(--paper);}

/* ========== STATS RAIL (between header and body) ========== */
.art-stats{
  border-bottom:2px solid var(--ink);
  background:var(--paper);
}
.art-stats-inner{
  max-width:1280px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:repeat(4,1fr);
  border-left:1px solid var(--ink);
}
.art-stat{
  padding:18px 24px;border-right:1px solid var(--ink);
  display:flex;flex-direction:column;gap:4px;
  font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);
}
.art-stat:last-child{border-right:1px solid var(--ink);}
.art-stat .v{font-family:var(--sans);font-size:22px;font-weight:900;letter-spacing:-0.02em;color:var(--ink);text-transform:uppercase;}
.art-stat .v small{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:0.1em;color:var(--ink-soft);margin-left:4px;}
.art-stat.sig .v{color:var(--signal);}

/* ========== BODY GRID ========== */
.art-body{
  max-width:1280px;margin:0 auto;padding:64px 32px 96px;
  display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:48px;
  align-items:start;
}

/* ----- LEFT RAIL (table of contents) ----- */
.art-toc{
  position:sticky;top:96px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;
  border-top:2px solid var(--ink);padding-top:14px;
}
.art-toc h4{
  font-size:10px;letter-spacing:0.22em;color:var(--ink-soft);margin-bottom:12px;
  display:flex;justify-content:space-between;align-items:center;
}
.art-toc h4::after{content:"§ 7";color:var(--ink-soft);font-weight:700;}
.art-toc ol{list-style:none;display:flex;flex-direction:column;gap:2px;counter-reset:toc;}
.art-toc li{counter-increment:toc;}
.art-toc a{
  display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:start;
  padding:8px 0;border-top:1px dashed var(--rule-strong);
  color:var(--ink-soft);line-height:1.4;
  transition:color 0.15s;
}
.art-toc a::before{content:counter(toc,decimal-leading-zero);color:var(--ink-soft);font-weight:700;}
.art-toc a:hover{color:var(--signal);}
.art-toc a.active{color:var(--signal);}
.art-toc a.active::before{color:var(--signal);}
.art-toc a span{display:block;font-family:var(--sans);font-size:12px;letter-spacing:0;text-transform:none;font-weight:700;color:inherit;}

/* ----- ARTICLE PROSE ----- */
.art-prose{
  max-width:680px;
  font-family:var(--serif);
  font-weight:400;
  font-size:19px;
  line-height:1.7;
  color:var(--ink);
  letter-spacing:-0.005em;
}
.art-prose > p{margin-bottom:1.4em;text-wrap:pretty;}
.art-prose > p:first-of-type::first-letter{
  font-family:var(--sans);font-weight:900;
  font-size:5em;line-height:0.85;
  float:left;padding:6px 14px 0 0;
  color:var(--signal);
}
.art-prose h2{
  font-family:var(--sans);font-weight:900;
  font-size:34px;line-height:1;letter-spacing:-0.03em;text-transform:uppercase;
  margin:80px 0 24px;
  padding-top:24px;
  border-top:3px solid var(--ink);
  display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:baseline;
}
.art-prose h2::before{
  content:attr(data-num);
  font-family:var(--mono);font-size:11px;letter-spacing:0.18em;font-weight:700;color:var(--signal);
  letter-spacing:0.18em;
}
.art-prose h3{
  font-family:var(--sans);font-weight:900;
  font-size:20px;line-height:1.2;letter-spacing:-0.01em;text-transform:uppercase;
  margin:36px 0 12px;
}
.art-prose strong,.art-prose b{font-weight:700;color:var(--ink);}
.art-prose em{font-style:italic;}
.art-prose a{color:var(--signal);border-bottom:1px solid var(--signal);font-weight:600;}
.art-prose a:hover{background:var(--signal);color:#fff;}
.art-prose ul,.art-prose ol{margin:0 0 1.4em 1.2em;}
.art-prose li{margin-bottom:0.5em;}
.art-prose code{
  font-family:var(--mono);font-size:0.85em;font-weight:500;
  background:var(--paper-deep);padding:2px 6px;border:1px solid var(--rule-strong);
}

/* prose pullquote */
.art-prose blockquote{
  margin:40px 0;
  padding:32px 0 32px 32px;
  border-left:4px solid var(--signal);
  background:var(--paper-deep);
  padding-right:32px;
  font-family:var(--sans);font-weight:900;
  font-size:28px;line-height:1.2;letter-spacing:-0.025em;text-transform:uppercase;
  color:var(--ink);
}
.art-prose blockquote::before{
  content:"§ Pull quote";display:block;
  font-family:var(--mono);font-size:10px;letter-spacing:0.2em;font-weight:700;
  color:var(--ink-soft);text-transform:uppercase;
  margin-bottom:14px;
}
.art-prose blockquote cite{
  display:block;margin-top:18px;
  font-family:var(--mono);font-size:11px;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;
  color:var(--ink-soft);font-style:normal;
}

/* prose pullnote — public notice style */
.art-prose .notice{
  margin:40px 0;
  border:2px solid var(--ink);
  background:var(--paper);
  padding:0;
  font-family:var(--sans);
  text-transform:none;
  display:grid;grid-template-columns:auto 1fr;
}
.art-prose .notice .badge{
  background:var(--ink);color:var(--paper);
  padding:24px 18px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.22em;font-weight:700;text-transform:uppercase;
  writing-mode:vertical-rl;transform:rotate(180deg);
  display:flex;align-items:center;justify-content:center;gap:10px;
  white-space:nowrap;
}
.art-prose .notice .body{padding:24px 28px;font-size:16px;line-height:1.55;}
.art-prose .notice .body h4{
  font-weight:900;font-size:14px;letter-spacing:0.06em;text-transform:uppercase;margin-bottom:8px;
  font-family:var(--sans);
}
.art-prose .notice .body p{margin-bottom:0;font-family:var(--serif);}

/* prose data table */
.art-prose .data{
  margin:40px 0;
  border:2px solid var(--ink);
  background:var(--paper);
  font-family:var(--sans);
}
.art-prose .data table{width:100%;border-collapse:collapse;font-size:14px;}
.art-prose .data caption{
  caption-side:top;text-align:left;
  background:var(--ink);color:var(--paper);
  padding:10px 16px;
  font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;
}
.art-prose .data thead th{
  text-align:left;padding:10px 16px;
  font-family:var(--mono);font-size:9px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
  color:var(--ink-soft);
  border-bottom:1px solid var(--ink);
  background:var(--paper-deep);
}
.art-prose .data tbody td{
  padding:14px 16px;border-bottom:1px solid var(--rule-strong);
  vertical-align:top;
}
.art-prose .data tbody tr:last-child td{border-bottom:none;}
.art-prose .data tbody td:first-child{font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:0.02em;}
.art-prose .data tbody td.mono{font-family:var(--mono);font-weight:700;font-size:12px;}
.art-prose .data tbody td.sig{color:var(--signal);font-weight:900;}

/* prose section divider */
.art-prose .divider{
  margin:48px auto;
  display:flex;justify-content:center;gap:24px;
  font-family:var(--mono);font-size:18px;font-weight:700;color:var(--ink-soft);
}
.art-prose .divider span::before{content:"§";}

/* ----- RIGHT RAIL ----- */
.art-rail{
  position:sticky;top:96px;
  display:flex;flex-direction:column;gap:24px;
}
.art-rail .card{
  border:2px solid var(--ink);
  background:var(--paper);
}
.art-rail .card-hd{
  background:var(--ink);color:var(--paper);
  padding:8px 12px;
  font-family:var(--mono);font-size:9px;letter-spacing:0.22em;text-transform:uppercase;font-weight:700;
  display:flex;justify-content:space-between;
}
.art-rail .card-bd{padding:16px;}
.art-rail .card.sig .card-hd{background:var(--signal);}

/* sources card */
.art-rail .sources ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.art-rail .sources li{
  font-size:12px;line-height:1.4;
  display:grid;grid-template-columns:auto 1fr;gap:8px;
  padding-bottom:10px;border-bottom:1px dashed var(--rule-strong);
}
.art-rail .sources li:last-child{border-bottom:none;padding-bottom:0;}
.art-rail .sources li::before{
  content:"→";color:var(--signal);font-weight:900;font-family:var(--mono);
}
.art-rail .sources li b{display:block;font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px;}
.art-rail .sources li a{color:var(--ink);font-weight:700;}
.art-rail .sources li a:hover{color:var(--signal);}

/* convert card */
.art-rail .convert{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.art-rail .convert .card-hd{background:var(--signal);}
.art-rail .convert .card-bd{padding:20px;}
.art-rail .convert h4{
  font-weight:900;font-size:18px;line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;margin-bottom:8px;
}
.art-rail .convert h4 .sig{color:var(--signal);}
.art-rail .convert p{font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,0.65);margin-bottom:14px;}
.art-rail .convert p b{color:#fff;}
.art-rail .convert .cta{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  background:var(--signal);color:#fff;
  padding:10px 12px;
  font-family:var(--sans);font-weight:900;font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
  border:1px solid var(--signal);
}

/* tags card */
.art-rail .tags-list{display:flex;flex-wrap:wrap;gap:6px;}
.art-rail .tags-list span{
  font-family:var(--mono);font-size:9px;letter-spacing:0.16em;text-transform:uppercase;font-weight:700;
  padding:4px 8px;border:1px solid var(--ink);background:var(--paper-deep);color:var(--ink);
}

/* ========== AFTER-BODY: MORE FROM THE SLATE ========== */
.art-more{
  border-top:2px solid var(--ink);
  background:var(--paper-deep);
  padding:64px 0;
}
.art-more-inner{max-width:1280px;margin:0 auto;padding:0 32px;}
.art-more-head{
  display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:baseline;
  padding-bottom:14px;border-bottom:2px solid var(--ink);margin-bottom:32px;
}
.art-more-head .num{font-family:var(--mono);font-size:14px;letter-spacing:0.1em;font-weight:700;}
.art-more-head h3{font-weight:900;font-size:clamp(28px,4vw,44px);letter-spacing:-0.03em;line-height:1;text-transform:uppercase;}
.art-more-head .col{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);}
.art-more-head .col b{color:var(--ink);}

.art-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule-strong);}
.art-more-card{
  border-right:1px solid var(--rule-strong);
  border-bottom:1px solid var(--rule-strong);
  padding:24px 24px 28px;background:var(--paper);
  display:flex;flex-direction:column;gap:14px;
  cursor:pointer;transition:background 0.15s;
}
.art-more-card:last-child{border-right:none;}
.art-more-card:hover{background:var(--paper-deeper);}
.art-more-card:hover h4{color:var(--signal);}
.art-more-card .meta{
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--mono);font-size:9px;letter-spacing:0.2em;text-transform:uppercase;font-weight:700;color:var(--ink-soft);
  padding-bottom:10px;border-bottom:1px dashed var(--rule-strong);
}
.art-more-card .meta .pill{display:inline-flex;align-items:center;gap:6px;color:var(--ink);}
.art-more-card .meta .pill::before{content:"";width:8px;height:8px;background:var(--signal);}
.art-more-card[data-dept="spec"] .meta .pill::before{background:var(--ink);}
.art-more-card[data-dept="practice"] .meta .pill::before{background:var(--ok);}
.art-more-card[data-dept="casework"] .meta .pill::before{background:var(--warn);}
.art-more-card h4{
  font-weight:900;font-size:22px;line-height:1.05;letter-spacing:-0.02em;text-transform:uppercase;
  transition:color 0.15s;
}
.art-more-card p{font-size:14px;line-height:1.5;color:var(--ink-soft);}
.art-more-card .go{
  margin-top:auto;padding-top:14px;border-top:1px dashed var(--rule-strong);
  display:flex;justify-content:space-between;align-items:center;
  font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;color:var(--ink);
}

/* ========== FOOTER ========== */
.art-foot{
  background:var(--ink);color:var(--paper);
  padding:48px 0 24px;
}
.art-foot-inner{
  max-width:1280px;margin:0 auto;padding:0 32px;
  display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;align-items:start;
}
.art-foot-brand{display:flex;flex-direction:column;gap:14px;}
.art-foot-brand .logo{font-weight:900;font-size:32px;letter-spacing:-0.04em;text-transform:uppercase;line-height:1;}
.art-foot-brand .logo .sig{color:var(--signal);}
.art-foot-brand p{font-family:var(--mono);font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.6);line-height:1.7;}
.art-foot-col h5{font-family:var(--mono);font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:12px;}
.art-foot-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.art-foot-col a{font-family:var(--mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#fff;font-weight:700;}
.art-foot-col a:hover{color:var(--signal);}

/* ========================================================
   MOBILE VARIANT — engaged when .art-root.mobile
   Tightens header, stacks rails, simplifies prose chrome.
   ======================================================== */
.art-root.mobile{
  font-size:15px;
}
.art-root.mobile .art-nav{height:56px;}
.art-root.mobile .art-nav-inner{grid-template-columns:auto 1fr auto;gap:12px;padding:0 16px;position:relative;}
.art-root.mobile .art-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;}
.art-root.mobile nav[aria-label="Primary"]{position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:2px solid var(--ink);transform-origin:top;transform:scaleY(0);transition:transform 0.18s ease;visibility:hidden;z-index:99;}
.art-root.mobile.nav-open nav[aria-label="Primary"]{transform:scaleY(1);visibility:visible;}
.art-root.mobile .art-nav-links{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:8px 16px 20px;}
.art-root.mobile .art-nav-links li{border-bottom:1px solid var(--rule);}
.art-root.mobile .art-nav-links li:last-child{border-bottom:none;}
.art-root.mobile .art-nav-links a{display:block;padding:14px 0;border-bottom:none;font-size:13px;}
.art-root.mobile .art-nav-cta .art-btn:first-child{display:none;}
.art-root.mobile .art-nav-cta .art-btn{padding:8px 12px;font-size:11px;}
.art-root.mobile .art-progress{top:56px;}

.art-root.mobile .art-strip{padding:8px 0;}
.art-root.mobile .art-strip-inner{
  grid-template-columns:1fr;gap:0;padding:0 16px;
}
.art-root.mobile .art-strip .center,.art-root.mobile .art-strip .right{display:none;}
.art-root.mobile .art-strip .crumb{font-size:9px;letter-spacing:0.16em;}

.art-root.mobile .art-head{padding:32px 0 24px;}
.art-root.mobile .art-head-inner{padding:0 16px;}
.art-root.mobile .art-head-meta{
  grid-template-columns:auto auto;gap:10px;flex-wrap:wrap;
  padding-bottom:12px;margin-bottom:20px;
  font-size:9px;
}
.art-root.mobile .art-head-meta .filing{display:none;}
.art-root.mobile .art-dept{font-size:9px;padding:5px 10px;letter-spacing:0.18em;}
.art-root.mobile .art-head-meta .docket{font-size:9px;letter-spacing:0.16em;}
.art-root.mobile .art-title{
  font-size:42px;line-height:0.92;letter-spacing:-0.04em;
  margin-bottom:18px;max-width:none;
}
.art-root.mobile .art-deck{
  font-size:16px;line-height:1.4;
  margin-bottom:24px;padding-left:12px;
}
.art-root.mobile .art-byline{
  grid-template-columns:1fr;gap:12px;padding-top:14px;
}
.art-root.mobile .art-byline-l{gap:10px;}
.art-root.mobile .art-byline .by-mono{font-size:9px;letter-spacing:0.14em;}
.art-root.mobile .art-byline .by-pipe{display:none;}
.art-root.mobile .art-byline .by-share{justify-self:start;}
.art-root.mobile .art-byline .by-share .icon-btn{width:28px;height:28px;font-size:10px;}

.art-root.mobile .art-stats-inner{
  grid-template-columns:1fr 1fr;border-left:1px solid var(--ink);
  padding:0 16px;
}
.art-root.mobile .art-stat{
  padding:12px 14px;border-right:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}
.art-root.mobile .art-stat:nth-child(2n){border-right:1px solid var(--ink);}
.art-root.mobile .art-stat:nth-last-child(-n+2){border-bottom:none;}
.art-root.mobile .art-stat .v{font-size:18px;}
.art-root.mobile .art-stat{font-size:8px;letter-spacing:0.18em;}

.art-root.mobile .art-body{
  grid-template-columns:1fr;gap:32px;
  padding:32px 16px 56px;
}
.art-root.mobile .art-toc{
  position:static;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);
  padding:14px 0;background:var(--paper-deep);margin:0 -16px;padding-left:16px;padding-right:16px;
}
.art-root.mobile .art-toc h4{font-size:9px;letter-spacing:0.2em;}
.art-root.mobile .art-toc h4::after{content:"§ 7 sections";}
.art-root.mobile .art-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:0;}
.art-root.mobile .art-toc a{padding:6px 0;font-size:9px;letter-spacing:0.12em;}
.art-root.mobile .art-toc a span{font-size:11px;}

.art-root.mobile .art-prose{
  font-size:17px;line-height:1.65;max-width:none;
}
.art-root.mobile .art-prose > p:first-of-type::first-letter{
  font-size:4em;padding:4px 10px 0 0;
}
.art-root.mobile .art-prose h2{
  font-size:24px;margin:48px 0 16px;padding-top:18px;
  grid-template-columns:1fr;gap:6px;
}
.art-root.mobile .art-prose h2::before{font-size:10px;}
.art-root.mobile .art-prose h3{font-size:17px;margin:24px 0 8px;}
.art-root.mobile .art-prose blockquote{
  margin:28px -16px;padding:24px 16px 24px 20px;
  font-size:21px;letter-spacing:-0.02em;
}
.art-root.mobile .art-prose .notice{
  margin:28px -16px;grid-template-columns:1fr;
}
.art-root.mobile .art-prose .notice .badge{
  writing-mode:horizontal-tb;transform:none;padding:8px 14px;
  font-size:9px;justify-content:flex-start;
}
.art-root.mobile .art-prose .notice .body{padding:18px 16px;font-size:14px;}
.art-root.mobile .art-prose .data{margin:28px -16px;}
.art-root.mobile .art-prose .data table{font-size:12px;}
.art-root.mobile .art-prose .data tbody td{padding:10px 12px;}
.art-root.mobile .art-prose .data tbody td:first-child{font-size:11px;}

.art-root.mobile .art-rail{position:static;}
.art-root.mobile .art-rail .convert .card-bd{padding:16px;}
.art-root.mobile .art-rail .convert h4{font-size:16px;}

.art-root.mobile .art-more{padding:40px 0;}
.art-root.mobile .art-more-inner{padding:0 16px;}
.art-root.mobile .art-more-head{
  grid-template-columns:auto 1fr;gap:14px;margin-bottom:20px;
}
.art-root.mobile .art-more-head .col{display:none;}
.art-root.mobile .art-more-head h3{font-size:24px;}
.art-root.mobile .art-more-grid{grid-template-columns:1fr;}
.art-root.mobile .art-more-card{
  border-right:none;border-bottom:1px solid var(--rule-strong);
  padding:18px 16px;
}
.art-root.mobile .art-more-card h4{font-size:18px;}
.art-root.mobile .art-more-card p{font-size:13px;}

.art-root.mobile .art-foot{padding:32px 0 18px;}
.art-root.mobile .art-foot-inner{
  grid-template-columns:1fr;gap:24px;padding:0 16px;
}

/* sticky bottom bar (mobile only) */
.art-root.mobile .art-mobile-bar{
  position:sticky;bottom:0;z-index:80;
  background:var(--ink);color:var(--paper);
  padding:10px 16px;
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  border-top:2px solid var(--signal);
  font-family:var(--mono);font-size:10px;letter-spacing:0.18em;text-transform:uppercase;font-weight:700;
}
.art-root.mobile .art-mobile-bar .l{color:rgba(255,255,255,0.6);}
.art-root.mobile .art-mobile-bar .l b{color:#fff;}
.art-root.mobile .art-mobile-bar .progress-mini{
  height:3px;background:rgba(255,255,255,0.2);
}
.art-root.mobile .art-mobile-bar .progress-mini::before{
  content:"";display:block;height:100%;width:38%;background:var(--signal);
}
.art-root.mobile .art-mobile-bar .cta{
  background:var(--signal);color:#fff;padding:8px 12px;font-weight:900;font-family:var(--sans);font-size:11px;letter-spacing:0.06em;
}
.art-root:not(.mobile) .art-mobile-bar{display:none;}