/* The project area: projects, settings, members, account and sign-in.
   Two panes under the yellow rail: the project column on the trail ground and
   the white work pane. Tokens are in tokens.css, the rail in rail.css. One
   breakpoint (47.99rem), the same as the shell's. No inline styles (CSP). */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body.ar {
  margin: 0; min-height: 100dvh;
  display: flex; flex-direction: column;
  background: var(--ac-white); color: var(--ac-ink);
  font: 400 0.9375rem/1.5 var(--ac-ui);
  font-variant-numeric: lining-nums;
  -webkit-font-smoothing: antialiased;
  caret-color: var(--ac-ink);
  scrollbar-color: var(--ac-scrollbar) var(--ac-ground);
}
.ar ::selection { background: var(--ac-yellow); color: var(--ac-ink); }
.ar :focus { outline: none; }
.ar :focus-visible { outline: 2px solid var(--ac-ink); outline-offset: 3px; border-radius: 3px; }
.ar [hidden] { display: none !important; }
.ar a { color: var(--ac-ink); text-underline-offset: 3px; }
:where(.ar) p { margin: 0; }
:where(.ar) :is(h1, h2, h3) { margin: 0; text-wrap: balance; }
.ar code { font: 500 0.8125rem/1.4 var(--ac-mono); background: var(--ac-ground); border-radius: 3px; padding: 0.0625rem 0.3125rem; }
.ar b, .ar strong { font-weight: 600; }
.ar s { text-decoration-thickness: 1.5px; }
.ar-icon { flex: none; display: block; }
.ar-vh {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0;
}
.ar-num, .ar-count, .ar-tag, .ar-plate-n, .ar-step-n, .ar-project-counts, .ar-table td.ar-num { font-variant-numeric: tabular-nums lining-nums; }
.ar-mute { color: var(--ac-mute); }

.ar-skip {
  position: absolute; left: 0.5rem; top: -3rem; z-index: 50;
  padding: 0.5rem 0.875rem; background: var(--ac-ink); color: var(--ac-white) !important;
  border-radius: 5px; font: 600 0.8125rem/1 var(--ac-ui); text-decoration: none;
}
.ar-skip:focus-visible { top: 0.5rem; outline-color: var(--ac-yellow); }

/* ---- the rail ---- */
.ar-rail { gap: 1rem; }
.ar-mark {
  display: inline-flex; align-items: center; gap: 0.625rem; margin-right: auto;
  padding: 0.5rem 0.25rem; text-decoration: none;
  font: 700 1.1875rem/1 var(--ac-sign);
  /* At 19px the platform's hinting rounds each advance up to a whole pixel and drops the r-g
     kern, which opened a gap in "Margent". Unhinted, fractional advances keep the kern. */
  letter-spacing: 0; text-rendering: geometricPrecision;
}
.ar-mark-plate { width: 22px; height: 18px; background: var(--ac-ink); clip-path: polygon(0 0, 70% 0, 100% 50%, 70% 100%, 0 100%); }
.ar-rail-link {
  display: inline-flex; align-items: center; min-height: 2.25rem; padding: 0 0.625rem; border-radius: 5px;
  font: 600 1.0625rem/1 var(--ac-sign); letter-spacing: 0.01em; text-decoration: none;
}
.ar-rail-link:hover { background: rgba(26, 26, 26, 0.09); }
.ar-rail-link[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; }
.ar-pop-who { display: flex; flex-direction: column; gap: 0.125rem; }
.ar-pop-name { color: var(--ac-ink); font-weight: 600; }
.ar-pop-email { font-size: 0.8125rem; overflow-wrap: anywhere; }

/* ---- the two panes ---- */
.ar-frame { flex: 1; display: flex; min-height: 0; }
.ar-col {
  flex: none; width: 20rem;
  background: var(--ac-ground); border-right: 1px solid var(--ac-rule);
  padding: 1.375rem 1rem 2rem;
}
.ar-col-head { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; padding: 0 0.25rem 0 0.5rem; margin-bottom: 0.875rem; }
.ar-col-title { font: 700 1.375rem/1 var(--ac-sign); letter-spacing: 0.005em; }
.ar-col-foot { margin-top: 1.25rem; }
.ar-projects { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.25rem; }
.ar-project {
  display: block; padding: 0.75rem 0.875rem; border-radius: 6px; text-decoration: none;
  transition: background-color 0.15s var(--ac-ease), box-shadow 0.15s var(--ac-ease);
}
a.ar-project:hover { background: var(--ac-hover); }
.ar-project.ar-selected { background: var(--ac-white); box-shadow: var(--ac-shadow-focus); }
.ar-project-name { display: block; font: 600 1.0625rem/1.15 var(--ac-sign); letter-spacing: 0.01em; overflow-wrap: anywhere; }
.ar-project-counts, .ar-project-sub {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0 0.25rem; margin-top: 0.4375rem;
  font: 600 0.6875rem/1.1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ac-mute);
}
.ar-project-sub { font: 500 0.8125rem/1.3 var(--ac-ui); letter-spacing: 0; text-transform: none; }
.ar-project-counts .ar-num { font-size: 0.8125rem; font-weight: 700; }
.ar-selected .ar-project-counts { color: var(--ac-ink); }
.ar-project-counts .ar-waymark { margin-right: 0.125rem; }
.ar-search { margin: 0 0 0.75rem; }
.ar-search-field {
  display: flex; align-items: center; gap: 0.5rem; height: 2.5rem; padding: 0 0.75rem;
  background: var(--ac-white); border: 1px solid var(--ac-edge); border-radius: 5px; color: var(--ac-mute);
}
.ar-search-field:focus-within { border-color: var(--ac-ink); box-shadow: 0 0 0 1px var(--ac-ink); }
.ar-search-field input { flex: 1; min-width: 0; border: 0; background: none; font: 400 0.9375rem/1 var(--ac-ui); color: var(--ac-ink); }
.ar-search-field input:focus-visible { outline: none; }
.ar-search-field input::placeholder { color: var(--ac-placeholder); }

.ar-pane { flex: 1; min-width: 0; padding: 2rem 3.5rem 4rem; }
.ar-pane:focus { outline: none; }
.ar-wrap { max-width: 55rem; }
.ar-back { display: none; }

/* ---- page header ---- */
.ar-head {
  display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem 1.5rem; flex-wrap: wrap;
  padding-bottom: 1.25rem; border-bottom: 1px solid var(--ac-rule);
}
.ar-head-text { min-width: 0; }
.ar-title { font: 700 1.875rem/1.05 var(--ac-sign); letter-spacing: 0.005em; overflow-wrap: anywhere; }
.ar-meta { margin-top: 0.5rem; max-width: 65ch; color: var(--ac-mute); font: 500 0.8125rem/1.4 var(--ac-ui); }
.ar-meta b { color: var(--ac-ink); }
.ar-head-nav { display: flex; gap: 0.125rem; flex-wrap: wrap; }

/* ---- sections and type ---- */
.ar-section { margin-top: 2.25rem; }
.ar-h2 { display: flex; align-items: baseline; gap: 0.625rem; font: 700 1.125rem/1.2 var(--ac-sign); margin-bottom: 0.75rem; }
.ar-h2 > .ar-icon { align-self: center; }
.ar-h3 { display: flex; align-items: center; gap: 0.5rem; font: 700 0.9375rem/1.2 var(--ac-sign); letter-spacing: 0.01em; margin: 1.5rem 0 0.5rem; }
.ar-h3 .ar-icon { color: var(--ac-mute); }
.ar-count { font: 600 0.75rem/1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ac-mute); }
.ar-hint { margin-top: 0.5rem; max-width: 70ch; color: var(--ac-mute); font: 500 0.8125rem/1.45 var(--ac-ui); }
.ar-hint b, .ar-hint code { color: var(--ac-ink); }
.ar-section > p:not([class]) { max-width: 70ch; }
.ar-section > p + p { margin-top: 0.75rem; }
.ar-quiet-line {
  display: flex; align-items: flex-start; gap: 0.625rem; margin-top: 2.5rem; max-width: 70ch;
  padding-top: 1rem; border-top: 1px solid var(--ac-rule); color: var(--ac-mute); font: 500 0.875rem/1.45 var(--ac-ui);
}
.ar-quiet-line .ar-icon { margin-top: 0.125rem; }
.ar-rule { border: 0; border-top: 1px solid var(--ac-rule); margin: 1.5rem 0; }

/* ---- buttons ---- */
.ar-btn, .ar-quiet, .ar-link { font-family: var(--ac-ui); cursor: pointer; text-decoration: none; }
.ar-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  min-height: 2.25rem; padding: 0.5rem 0.875rem; border: 0; border-radius: 5px;
  background: var(--ac-ink); color: var(--ac-white) !important;
  font-size: 0.8125rem; font-weight: 600; line-height: 1;
  transition: background-color 0.15s var(--ac-ease);
}
.ar-btn:hover { background: var(--ac-ink-raised); }
.ar-btn:disabled { background: var(--ac-disabled); cursor: default; }
.ar-btn-danger { background: var(--ac-ink); }
.ar-quiet {
  display: inline-flex; align-items: center; gap: 0.375rem;
  min-height: 2.25rem; padding: 0.5rem 0.625rem; border: 0; border-radius: 5px; background: transparent;
  color: var(--ac-mute) !important; font-size: 0.8125rem; font-weight: 500; line-height: 1;
  transition: background-color 0.15s var(--ac-ease), color 0.15s var(--ac-ease);
}
.ar-quiet:hover, .ar-quiet.ar-current { background: var(--ac-hover); color: var(--ac-ink) !important; }
.ar-quiet.ar-current { font-weight: 600; }
.ar-quiet-ink { color: var(--ac-ink) !important; font-weight: 600; }
.ar-col .ar-quiet:hover { background: var(--ac-hover); }
.ar-link {
  display: inline; padding: 0; border: 0; background: none; color: var(--ac-ink) !important;
  font: inherit; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px;
}
.ar-link:hover { text-decoration-thickness: 2px; }
.ar-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; margin-top: 1rem; }
.ar-actions form { margin: 0; }
.ar-actions-stack { flex-direction: column; align-items: stretch; }
.ar-actions-stack > * { justify-content: center; }

/* ---- state lines ---- */
.ar-note, .ar-proof {
  display: flex; align-items: flex-start; gap: 0.5rem; margin-top: 0.75rem; max-width: 70ch;
  padding: 0.5rem 0.625rem; background: var(--ac-ground); border-radius: 4px;
  font: 500 0.8125rem/1.45 var(--ac-ui); color: var(--ac-ink);
}
.ar-note .ar-icon, .ar-proof .ar-icon { margin-top: 0.125rem; }
.ar-note-error { color: var(--ac-error); }
.ar-note-error a { color: var(--ac-error); }
.ar-messages { display: grid; gap: 0.5rem; margin-bottom: 1.25rem; }
.ar-messages .ar-note { margin-top: 0; }
.ar-warning { margin: 0.75rem 0; padding: 0.75rem 0.875rem; border: 1.5px solid var(--ac-ink); border-radius: 6px; max-width: 70ch; }
.ar-warning p + p { margin-top: 0.5rem; }
.ar-error { margin-top: 0.375rem; color: var(--ac-error); font: 500 0.8125rem/1.4 var(--ac-ui); }
.ar-once { padding: 0.875rem 1rem 1rem; border: 1.5px solid var(--ac-ink); border-radius: 6px; }
.ar-once-head { display: flex; align-items: flex-start; gap: 0.5rem; font: 500 0.8125rem/1.45 var(--ac-ui); }
.ar-once-head .ar-icon { margin-top: 0.125rem; }
.ar-section.ar-once { padding: 1rem 1.25rem 1.25rem; }
.ar-section.ar-once:focus { outline: none; }

/* ---- tags ("5 OPEN") ---- */
.ar-tag {
  display: inline-flex; align-items: baseline; gap: 0.1875rem; white-space: nowrap;
  padding: 0.3125rem 0.5rem; border: 1px solid var(--ac-ink); border-radius: 3px;
  font: 600 0.6875rem/1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ac-ink);
}
.ar-tag-n { font-size: 0.875rem; font-weight: 700; letter-spacing: 0.02em; }
.ar-tag-zero, .ar-tag-quiet { border-color: transparent; color: var(--ac-mute); }
.ar-tag-quiet { align-items: center; border-color: var(--ac-edge); }
.ar-tags { display: inline-flex; gap: 0.375rem; flex-wrap: wrap; }

/* ---- the setup checklist ---- */
.ar-setup { margin-top: 1.75rem; }
.ar-setup-head { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-bottom: 0.25rem; }
.ar-setup-head .ar-h2 { margin: 0; }
.ar-setup-head form { margin: 0; }
.ar-setup-toggle, .ar-setup-line {
  display: inline-flex; align-items: center; gap: 0.625rem; min-height: 2.25rem; padding: 0 0.5rem; margin-left: -0.5rem;
  border: 0; border-radius: 5px; background: none; color: inherit; font: inherit; cursor: pointer;
}
.ar-setup-toggle:hover, .ar-setup-line:hover { background: var(--ac-ground); }
.ar-setup-toggle .ar-chev { transform: rotate(180deg); color: var(--ac-mute); }
.ar-setup-line-h { margin: 0; }
.ar-setup-line {
  display: flex; flex-wrap: wrap; width: 100%; min-height: 3rem; padding: 0.5rem 0.75rem; margin: 0;
  font: 600 0.9375rem/1.2 var(--ac-sign); letter-spacing: 0.01em; text-align: left;
  border-top: 1px solid var(--ac-rule); border-bottom: 1px solid var(--ac-rule); border-radius: 0;
}
.ar-setup-line-label { font-weight: 700; }
.ar-setup-line .ar-count { font-size: 0.75rem; }
.ar-setup-line-next { font: 500 0.875rem/1.3 var(--ac-ui); letter-spacing: 0; }
.ar-setup-line .ar-chev { margin-left: auto; color: var(--ac-mute); }
.ar-setup .ar-note { margin-top: 0.5rem; }
.ar-steps { list-style: none; margin: 0.25rem 0 0; padding: 0; }
.ar-step {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 0.75rem;
  min-height: 2.25rem; margin: 0.25rem 0; font: 500 0.875rem/1.35 var(--ac-ui);
}
/* Steps that aren't next are settled plates (DESIGN.md): white, a 1px edge inset, no point.
   Done steps in ink, open ones and skipped ones at mute strength; the yellow plate stays the only loud thing. */
.ar-settled {
  display: flex; align-items: baseline; gap: 0.5rem; width: min(100%, 36rem); min-height: 2.25rem;
  padding: 0.5rem 0.875rem 0.5rem 0.75rem; background: var(--ac-white); box-shadow: inset 0 0 0 1px var(--ac-edge);
  font: 600 0.9375rem/1.2 var(--ac-sign); letter-spacing: 0.02em; color: var(--ac-ink);
}
.ar-settled > .ar-icon, .ar-settled > .ar-step-ring { align-self: center; }
.ar-settled-n { font: 700 1.125rem/1 var(--ac-sign); min-width: 0.75rem; font-variant-numeric: tabular-nums lining-nums; }
.ar-settled-dest { min-width: 0; }
.ar-settled .ar-step-detail { margin-left: auto; padding-left: 0.75rem; text-align: right; overflow-wrap: anywhere; }
.ar-settled-skipped, .ar-todo { color: var(--ac-mute); }
.ar-settled-skipped s { text-decoration-thickness: 1.5px; }
.ar-step-ring { width: 14px; height: 14px; border: 1.5px solid var(--ac-edge); border-radius: 50%; flex: none; }
.ar-step-detail { font-style: normal; color: var(--ac-mute); font: 500 0.8125rem/1.35 var(--ac-ui); letter-spacing: 0; }
.ar-step-end { display: inline-flex; align-items: center; gap: 0.25rem; margin: 0; font-size: 0.8125rem; }
.ar-step-next { display: block; margin: 0.75rem 0 0.75rem; }
.ar-step-row { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem 1rem; }
.ar-step-row form { margin: 0; }
.ar-plate {
  display: inline-flex; align-items: center; gap: 0.75rem; min-height: 2.25rem; margin: 0 0 0 -0.25rem;
  padding: 0 1rem 0 1.625rem; background: var(--ac-yellow); color: var(--ac-ink);
  clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
}
.ar-plate-n { font: 700 1.375rem/1 var(--ac-sign); }
.ar-plate-dest { font: 600 0.9375rem/1.1 var(--ac-sign); letter-spacing: 0.02em; }
.ar-step-body { margin: 0.25rem 0 0 1.625rem; max-width: 46rem; }
.ar-step-body > .ar-hint:first-child { margin-top: 0.625rem; }
.ar-check-form { display: flex; align-items: center; gap: 0.75rem; margin-top: 1rem; }
.ar-check-form .ar-field { margin: 0; }

/* ---- code blocks with copy ---- */
.ar-code { position: relative; margin-top: 0.625rem; max-width: 46rem; }
.ar-code pre {
  margin: 0; padding: 0.75rem 6.5rem 0.75rem 0.875rem; overflow-x: auto;
  background: var(--ac-ground); border-radius: 4px;
  font: 500 0.8125rem/1.55 var(--ac-mono); color: var(--ac-ink); tab-size: 2;
}
.ar-code pre code { background: none; padding: 0; font: inherit; }
.ar-code .ar-copy { position: absolute; top: 0.25rem; right: 0.25rem; background: var(--ac-ground); }
.ar-code .ar-copy:hover { background: var(--ac-hover); }
.ar-code .ar-copy[data-done] { color: var(--ac-ink) !important; font-weight: 600; }
.ar-config { margin-top: 1rem; }
.ar-config-head { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; font: 500 0.875rem/1.3 var(--ac-ui); }
.ar-config-head code { font-size: 0.75rem; }
.ar-config .ar-help { margin-top: 0.5rem; }

/* ---- disclosures ---- */
.ar-disclosure { margin-top: 0.75rem; }
.ar-disclosure > summary {
  display: inline-flex; align-items: center; gap: 0.375rem; min-height: 2.25rem; padding: 0 0.5rem 0 0.25rem; margin-left: -0.25rem;
  list-style: none; cursor: pointer; border-radius: 5px; font: 600 0.8125rem/1.2 var(--ac-ui); color: var(--ac-ink);
}
.ar-disclosure > summary::-webkit-details-marker { display: none; }
.ar-disclosure > summary:hover { background: var(--ac-ground); }
.ar-chev { transition: transform 0.2s var(--ac-ease); color: var(--ac-mute); }
.ar-disclosure > summary .ar-chev { transform: rotate(-90deg); }
.ar-disclosure[open] > summary .ar-chev { transform: none; }
.ar-disclosure-body { padding: 0.25rem 0 0.5rem 1.625rem; }
.ar-inline-h { margin: 0; }

/* ---- documents ---- */
.ar-tree { list-style: none; margin: 0; padding: 0; }
.ar-section > .ar-tree { border-top: 1px solid var(--ac-rule); }
.ar-doc {
  display: grid; grid-template-columns: 1.75rem minmax(0, 1fr) auto; align-items: center; column-gap: 0.25rem;
  min-height: 3.25rem; padding: 0.375rem 0.5rem; border-bottom: 1px solid var(--ac-rule); text-decoration: none;
  transition: background-color 0.15s var(--ac-ease);
}
.ar-doc:hover { background: var(--ac-ground); }
.ar-doc > .ar-icon { color: var(--ac-mute); }
.ar-doc-text { min-width: 0; }
.ar-doc-title { display: block; font: 600 0.9375rem/1.25 var(--ac-ui); overflow-wrap: anywhere; }
.ar-doc-path { display: block; margin-top: 0.125rem; font: 500 0.75rem/1.3 var(--ac-ui); color: var(--ac-mute); overflow-wrap: anywhere; }
.ar-doc:hover .ar-doc-title { text-decoration: underline; text-decoration-thickness: 1px; }
.ar-folder > details > summary {
  display: flex; align-items: center; gap: 0.375rem; min-height: 2.75rem; padding: 0 0.5rem;
  border-bottom: 1px solid var(--ac-rule); list-style: none; cursor: pointer;
  font: 600 0.9375rem/1.2 var(--ac-sign); letter-spacing: 0.01em;
}
.ar-folder > details > summary::-webkit-details-marker { display: none; }
.ar-folder > details > summary:hover { background: var(--ac-ground); }
.ar-folder > details > summary .ar-chev { transform: rotate(-90deg); }
.ar-folder > details[open] > summary .ar-chev { transform: none; }
.ar-folder > details > summary .ar-icon:not(.ar-chev) { color: var(--ac-mute); }
.ar-folder-n { margin-left: auto; font: 500 0.75rem/1 var(--ac-ui); color: var(--ac-mute); letter-spacing: 0; }
.ar-folder .ar-tree { margin-left: 1.0625rem; padding-left: 0.5rem; border-left: 1px solid var(--ac-rule); }
.ar-favorites { border-top: 1px solid var(--ac-rule); }

/* ---- lines (versions, emails, invites, tokens) ---- */
.ar-lines { list-style: none; margin: 0.5rem 0 0; padding: 0; border-top: 1px solid var(--ac-rule); }
.ar-line {
  display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 0.75rem; min-height: 2.75rem; padding: 0.375rem 0.5rem;
  border-bottom: 1px solid var(--ac-rule); text-decoration: none; font: 500 0.875rem/1.35 var(--ac-ui);
}
a.ar-line:hover { background: var(--ac-ground); }
.ar-line > .ar-icon { color: var(--ac-mute); }
.ar-line-title { display: inline-flex; align-items: center; gap: 0.5rem; font-weight: 600; color: var(--ac-ink); overflow-wrap: anywhere; }
.ar-line-title .ar-icon { color: var(--ac-mute); }
.ar-line form { margin: 0 0 0 auto; }
.ar-line .ar-tags { margin-left: auto; }
.ar-token { align-items: flex-start; padding: 0.625rem 0.5rem; }
.ar-token-main { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; flex: 1 1 18rem; }
.ar-token-main .ar-mute { font-size: 0.8125rem; overflow-wrap: anywhere; }
.ar-token-use { font-size: 0.8125rem; flex: 0 1 12rem; }
.ar-row-mute { color: var(--ac-mute); }
.ar-row-mute .ar-line-title { color: var(--ac-mute); }

/* ---- people ---- */
.ar-people { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ac-rule); }
.ar-people li { display: flex; align-items: center; gap: 0.75rem; min-height: 3rem; padding: 0.25rem 0.5rem; border-bottom: 1px solid var(--ac-rule); }
.ar-avatar {
  flex: none; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%;
  background: var(--ac-ink); color: var(--ac-yellow); font: 700 0.6875rem/1 var(--ac-sign); letter-spacing: 0.04em;
}
.ar-person { flex: 1; min-width: 0; font: 600 0.875rem/1.3 var(--ac-ui); overflow-wrap: anywhere; }
.ar-role { font: 600 0.6875rem/1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ac-mute); }
.ar-member { display: flex; align-items: center; gap: 0.75rem; }
.ar-member > span:last-child { display: flex; flex-direction: column; min-width: 0; }
.ar-email { font: 500 0.75rem/1.3 var(--ac-ui); color: var(--ac-mute); overflow-wrap: anywhere; }
.ar-role-notes { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.25rem; max-width: 70ch; color: var(--ac-mute); font: 500 0.8125rem/1.45 var(--ac-ui); }
.ar-role-notes b { color: var(--ac-ink); }

/* ---- tables ---- */
.ar-scroll-x { overflow-x: auto; }
.ar-table { width: 100%; border-collapse: collapse; font: 500 0.875rem/1.35 var(--ac-ui); }
.ar-table th {
  text-align: left; padding: 0.5rem; border-bottom: 1px solid var(--ac-edge);
  font: 600 0.6875rem/1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase; color: var(--ac-mute);
}
.ar-table td { padding: 0.375rem 0.5rem; border-bottom: 1px solid var(--ac-rule); vertical-align: middle; height: 3rem; }
.ar-table td form { margin: 0; }
.ar-td-end { text-align: right; white-space: nowrap; }
.ar-table-dense td { height: auto; padding: 0.375rem 0.5rem; font-size: 0.8125rem; vertical-align: top; }
.ar-wrap-any { overflow-wrap: anywhere; white-space: normal; }
.ar-role-form { display: flex; align-items: center; gap: 0.25rem; margin: 0; }
.ar-members .ar-help { margin-top: 0.25rem; max-width: 22rem; }

/* ---- forms ---- */
.ar-form { margin-top: 0.75rem; }
.ar-form-narrow { max-width: 32rem; }
.ar-field { margin-top: 1rem; max-width: 32rem; }
.ar-form > .ar-field:first-of-type, .ar-inline-form > .ar-field, .ar-form > input[type="hidden"] + .ar-field { margin-top: 0; }
.ar-field > label, .ar-fieldset > legend {
  display: block; margin-bottom: 0.375rem; font: 600 0.8125rem/1.3 var(--ac-ui); color: var(--ac-ink);
}
.ar-field > label .ar-mute { font-weight: 500; }
.ar input[type="text"], .ar input[type="email"], .ar input[type="password"], .ar input[type="number"],
.ar input[type="url"], .ar input:not([type]), .ar textarea, .ar-select {
  display: block; width: 100%; min-height: 2.5rem; padding: 0.5625rem 0.625rem;
  background: var(--ac-white); color: var(--ac-ink); border: 1px solid var(--ac-edge); border-radius: 5px;
  font: 400 0.9375rem/1.3 var(--ac-ui);
  transition: border-color 0.15s var(--ac-ease);
}
.ar input::placeholder, .ar textarea::placeholder { color: var(--ac-placeholder); }
.ar input:focus-visible, .ar textarea:focus-visible, .ar-select:focus-visible {
  border-color: var(--ac-ink); outline: 2px solid var(--ac-ink); outline-offset: 1px;
}
.ar input[aria-invalid="true"], .ar-field-invalid input:not([type="checkbox"]):not([type="radio"]) { border-color: var(--ac-error); }
.ar-select {
  width: auto; min-width: 9rem; min-height: 2.25rem; padding: 0.3125rem 2rem 0.3125rem 0.625rem; border-radius: 6px;
  appearance: none; cursor: pointer; font-size: 0.875rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3E%3Cpath d='M4.5 6.3L8 9.8l3.5-3.5' fill='none' stroke='%231a1a1a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 0.5rem center;
}
.ar-select:disabled { color: var(--ac-mute); border-style: dashed; cursor: not-allowed; }
.ar-help { margin-top: 0.375rem; color: var(--ac-mute); font: 500 0.75rem/1.4 var(--ac-ui); max-width: 60ch; }
.ar input[type="checkbox"], .ar input[type="radio"] { width: 1.125rem; height: 1.125rem; margin: 0; accent-color: var(--ac-ink); flex: none; }
.ar-field-check { display: flex; align-items: flex-start; gap: 0.625rem; }
.ar-field-check > input { margin-top: 0.125rem; }
.ar-field-check > label { flex: 1 1 12rem; min-width: 0; margin: 0; font-weight: 500; font-size: 0.875rem; } /* a long label wraps beside its box */
.ar-field-check > .ar-error, .ar-field-check > .ar-help { flex-basis: 100%; }
.ar-field-check > .ar-help { margin-top: 0; padding-left: 1.75rem; }
.ar-field-check { flex-wrap: wrap; }
.ar-fieldset { margin: 1.25rem 0 0; padding: 0; border: 0; min-width: 0; }
.ar-choices { list-style: none; margin: 0; padding: 0; display: grid; gap: 0.125rem; }
.ar-choice { display: flex; align-items: flex-start; gap: 0.625rem; padding: 0.375rem 0; font: 500 0.875rem/1.35 var(--ac-ui); }
.ar-choice > input { margin-top: 0.0625rem; }
.ar-choice label { cursor: pointer; }
.ar-inline-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0.75rem; }
.ar-inline-form .ar-field { flex: 1 1 18rem; margin: 0; }
.ar-inline-form > .ar-btn { margin-bottom: 0.125rem; }
.ar-inline-form .ar-field:has(.ar-help) + .ar-btn, .ar-inline-form .ar-field:has(.ar-error) + .ar-btn { align-self: flex-start; margin-top: 1.5625rem; }
.ar-invite-form { display: flex; align-items: flex-end; flex-wrap: wrap; gap: 0.75rem; }
.ar-invite-form .ar-field { margin: 0; flex: 1 1 16rem; }
.ar-invite-form .ar-field:nth-of-type(2) { flex: 0 0 auto; }
.ar-invite-form .ar-select { min-height: 2.5rem; }
.ar-facts { display: grid; grid-template-columns: max-content 1fr; gap: 0.375rem 1.25rem; margin: 0.75rem 0 0; font: 500 0.875rem/1.4 var(--ac-ui); }
.ar-facts dt { color: var(--ac-mute); }
.ar-facts dd { margin: 0; overflow-wrap: anywhere; }
.ar-danger { padding-top: 1.5rem; border-top: 1px solid var(--ac-rule); }

/* ---- empty states and the sign-in pane ---- */
.ar-empty { padding: 3rem 0 2rem; max-width: 34rem; }
.ar-empty-title { font: 700 1.375rem/1.15 var(--ac-sign); }
.ar-empty p { margin-top: 0.625rem; color: var(--ac-mute); font: 500 0.875rem/1.5 var(--ac-ui); }
.ar-empty p:last-child { margin-top: 1.25rem; }
body.ar-entrance, body.ar:has(.ar-solo) { background: var(--ac-ground); }
.ar-solo { flex: 1; display: flex; justify-content: center; padding: 0 1rem; }
.ar-solo:focus { outline: none; }
.ar-solo-pane {
  width: 100%; max-width: 30rem; padding: 3rem 2.5rem 1.5rem;
  display: flex; flex-direction: column;
  background: var(--ac-white); border-left: 1px solid var(--ac-rule); border-right: 1px solid var(--ac-rule);
}
.ar-solo-body { flex: 1 0 auto; }
.ar-solo-body > .ar-title, .ar-solo-body > section > .ar-title { font-size: 1.75rem; margin-bottom: 0.25rem; }
.ar-solo-pane .ar-form { margin-top: 1.25rem; }
.ar-solo-pane .ar-field { max-width: none; }
.ar-solo-pane .ar-hint { font-size: 0.875rem; }
.ar-solo-pane .ar-disclosure { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--ac-rule); }
.ar-solo-pane .ar-disclosure > summary { margin-left: -0.25rem; }
.ar-solo-pane .ar-disclosure-body { padding-left: 0; }
.ar-solo-foot { margin-top: 2rem !important; padding-top: 1rem; border-top: 1px solid var(--ac-rule); }
.ar-providers { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; gap: 0.5rem; }
.ar-providers form { margin: 0; }
/* A secondary full-width choice beside the one ink action ("Continue with Google"). */
.ar-btn-line {
  display: flex; align-items: center; justify-content: center; width: 100%; min-height: 2.5rem; padding: 0.5rem 0.875rem;
  border: 1px solid var(--ac-edge); border-radius: 5px; background: var(--ac-white); color: var(--ac-ink); cursor: pointer;
  font: 600 0.8125rem/1 var(--ac-ui); transition: background-color 0.15s var(--ac-ease), border-color 0.15s var(--ac-ease);
}
.ar-btn-line:hover { background: var(--ac-ground); border-color: var(--ac-ink); }
.ar-social { margin-top: 1.25rem; }

/* The footer: Imprint · Privacy and the language switch, under the solo pane and the work pane. */
.ar-foot {
  display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem 1.5rem;
  margin-top: 3rem; padding-top: 0.75rem; border-top: 1px solid var(--ac-rule);
  color: var(--ac-mute); font: 500 0.8125rem/1.3 var(--ac-ui);
}
.ar-pane > .ar-foot { max-width: 55rem; }
.ar-foot-links { display: flex; align-items: center; gap: 0.375rem; }
.ar-foot-links a {
  display: inline-flex; align-items: center; min-height: 2rem; padding: 0 0.25rem; border-radius: 4px;
  color: var(--ac-mute); text-decoration: none;
}
.ar-foot-links a:hover { color: var(--ac-ink); text-decoration: underline; text-decoration-thickness: 1px; }
.ar-foot-links a[aria-current="page"] { color: var(--ac-ink); font-weight: 600; }
.ar-foot .ac-lang-label { color: var(--ac-mute); font-size: 0.8125rem; }
.ar-foot .ac-lang button { min-height: 2rem; color: var(--ac-mute); font-size: 0.8125rem; }
.ar-foot .ac-lang button:hover { background: var(--ac-ground); color: var(--ac-ink); }
.ar-foot .ac-lang button[aria-pressed="true"] { color: var(--ac-ink); }

/* The legal pages: the solo frame widened to a reading column. */
.ar-solo-pane.ar-solo-doc { max-width: 46rem; padding-left: 3rem; padding-right: 3rem; }
.ar-legal p, .ar-legal li, .ar-legal dd { max-width: 70ch; }
.ar-legal > .ar-title { font-size: 1.875rem; }
.ar-legal > .ar-meta { margin-top: 0.375rem; }
.ar-legal-lead { margin-top: 1rem !important; font-size: 1rem; }
.ar-legal .ar-section > p + p, .ar-legal .ar-section > address + p, .ar-legal .ar-section > p + address,
.ar-legal .ar-section > dl + p, .ar-legal .ar-section > ul + p, .ar-legal .ar-section > div + p { margin-top: 0.75rem; }
.ar-legal-address {
  display: flex; flex-direction: column; gap: 0.125rem; margin: 0.25rem 0 0; padding: 0.75rem 0.875rem;
  background: var(--ac-ground); border-radius: 4px; font-style: normal; font: 500 0.9375rem/1.45 var(--ac-ui);
}
.ar-legal-name { font-weight: 600; }
.ar-legal-devnote { margin: 0.25rem 0; background: var(--ac-white); }
.ar-legal-toc { margin-top: 1.75rem; padding: 0.75rem 0 0.875rem; border-top: 1px solid var(--ac-rule); border-bottom: 1px solid var(--ac-rule); }
.ar-legal-toc .ar-h3 { margin: 0 0 0.375rem; }
.ar-legal-toc ol { margin: 0; padding-left: 1.25rem; columns: 2 16rem; column-gap: 2rem; font: 500 0.875rem/1.75 var(--ac-ui); }
.ar-legal-toc li::marker { color: var(--ac-mute); font-variant-numeric: tabular-nums lining-nums; }
.ar-legal-terms { margin: 0; border-top: 1px solid var(--ac-rule); }
.ar-legal-terms dt { padding-top: 0.75rem; font: 700 0.9375rem/1.3 var(--ac-sign); letter-spacing: 0.01em; }
.ar-legal-terms dd { margin: 0.25rem 0 0; padding-bottom: 0.75rem; border-bottom: 1px solid var(--ac-rule); }
.ar-legal .ar-guide-list-plain { display: grid; gap: 0.5rem; }
.ar-legal-table { margin-top: 0.5rem; }
.ar-legal-table td:first-child { white-space: nowrap; }
.ar-legal-more { margin-top: 2.25rem !important; }
.ar-legal :target { scroll-margin-top: 1rem; }

/* Your data: what deleting does, then the gated form. */
.ar-consequences { margin: 0.25rem 0 0; }

/* ---- phones: the one breakpoint, as in the shell's sidebar.css ---- */
@media (max-width: 47.99rem) {
  .ar-rail { padding: 0 0.5rem 0 0.875rem; gap: 0.25rem; }
  .ar-mark { font-size: 1.0625rem; gap: 0.5rem; min-height: 2.75rem; }
  .ar-mark-plate { width: 18px; height: 15px; }
  .ar-rail-link { min-height: 2.75rem; padding: 0 0.625rem; font-size: 1rem; }
  .ar .ac-account > summary.ac-avatar { width: 2.75rem; height: 2.75rem; }
  .ar .ac-pop-list a, .ar .ac-pop-list button { min-height: 2.75rem; display: flex; align-items: center; }

  .ar-frame { flex-direction: column; }
  .ar-col { width: auto; border-right: 0; padding: 1.125rem 1rem 2rem; flex: 1; }
  .ar-pane { padding: 0.75rem 1rem 3rem; }
  /* The column is the first screen; a chosen project pushes the pane in, with a way back. */
  body.ar-focus .ar-col { display: none; }
  body.ar-listing .ar-pane { display: none; }
  .ar-back {
    display: inline-flex; align-items: center; gap: 0.25rem; min-height: 2.75rem; margin: 0 0 0.5rem -0.375rem; padding: 0 0.5rem 0 0.25rem;
    border-radius: 5px; text-decoration: none; font: 600 0.9375rem/1 var(--ac-sign); letter-spacing: 0.01em;
  }
  .ar-back:hover { background: var(--ac-ground); }

  .ar-project { padding: 0.875rem; min-height: 2.75rem; }
  .ar-title { font-size: 1.625rem; }
  .ar-head { align-items: flex-start; }
  .ar-head-nav { margin-left: -0.625rem; }
  .ar-btn, .ar-quiet, .ar-setup-toggle, .ar-disclosure > summary, .ar-select { min-height: 2.75rem; }
  .ar-link { display: inline-flex; align-items: center; min-height: 2.75rem; }
  .ar-quiet-line .ar-link, .ar-hint .ar-link, .ar-note .ar-link { display: inline; min-height: 0; padding: 0.75rem 0; }
  .ar input[type="text"], .ar input[type="email"], .ar input[type="password"], .ar input[type="number"], .ar input:not([type]) { min-height: 2.75rem; font-size: 1rem; }
  .ar input[type="checkbox"], .ar input[type="radio"] { width: 1.375rem; height: 1.375rem; }
  .ar-choice { min-height: 2.75rem; align-items: center; }
  .ar-choice > input { margin-top: 0; }
  .ar-doc { min-height: 3.5rem; }
  .ar-folder > details > summary { min-height: 3rem; }
  .ar-settled {
    display: grid; grid-template-columns: 0.875rem 1rem minmax(0, 1fr); align-items: center; column-gap: 0.5rem;
    width: 100%; min-height: 2.75rem;
  }
  .ar-settled .ar-step-detail { grid-column: 3; margin: 0.125rem 0 0; padding: 0; text-align: left; }
  .ar-settled-skipped { grid-template-columns: 0.875rem minmax(0, 1fr); }
  .ar-settled-skipped .ar-step-detail { grid-column: 2; }
  .ar-step-end { margin-left: 0; flex-basis: 100%; }
  .ar-step-body { margin-left: 0; }
  .ar-code pre { padding-right: 0.875rem; padding-top: 3rem; }
  .ar-setup-line { min-height: 3.25rem; }
  .ar-table td { height: 3.25rem; }
  .ar-solo { padding: 0; }
  .ar-solo-pane { max-width: none; padding: 2rem 1rem 1.5rem; border: 0; }
  .ar-solo-pane.ar-solo-doc { padding-left: 1rem; padding-right: 1rem; }
  .ar-btn-line { min-height: 2.75rem; }
  .ar-foot-links a, .ar-foot .ac-lang button { min-height: 2.75rem; }
  /* Phones: each cookie is a short block (name, purpose, duration) instead of three thin columns. */
  .ar-legal-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
  .ar-legal-table tr { display: block; padding: 0.625rem 0; border-bottom: 1px solid var(--ac-rule); }
  .ar-legal-table td { display: block; height: auto; padding: 0.125rem 0; border: 0; }
  .ar-legal-table td:last-child { color: var(--ac-mute); }
  .ar-inline-form .ar-field:has(.ar-help) + .ar-btn, .ar-inline-form .ar-field:has(.ar-error) + .ar-btn { margin-top: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .ar-project, .ar-btn, .ar-quiet, .ar-doc, .ar-chev, .ar input, .ar-select, .ar-btn-line { transition: none; }
}

/* links that follow a list */
.ar-people + p, .ar-lines + p { margin-top: 0.75rem; }

/* A checkbox row keeps its Save beside it. */
.ar-inline-form > .ar-field-check { flex: 0 1 auto; align-self: center; }
.ar-inline-form > .ar-field-check + .ar-btn { margin: 0; align-self: center; }

/* The world's one authored motion: the new next plate flares yellow once and settles. */
.ar-flare { animation: ar-flare 0.9s var(--ac-ease) both; border-radius: 4px; }
.ar-flare .ar-plate { animation: ar-plate-in 0.9s var(--ac-ease) both; }
@keyframes ar-flare { from { background: rgba(255, 204, 0, 0.95); } to { background: rgba(255, 204, 0, 0); } }
@keyframes ar-plate-in { from { transform: translateX(10px) scale(1.06); } to { transform: none; } }

/* The ink undo toast (DESIGN.md Menu and Toast). */
.ar-toast {
  position: fixed; z-index: 40; bottom: 1.5rem; left: calc(20rem + 3.5rem); max-width: min(32rem, calc(100vw - 2rem));
  display: flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.375rem 0.375rem 0.875rem;
  background: var(--ac-ink); color: var(--ac-white); border-radius: 6px;
  box-shadow: 0 10px 24px -12px rgba(26, 26, 26, 0.6); font: 500 0.875rem/1.3 var(--ac-ui);
}
.ar-toast form { margin: 0; }
.ar-toast-text { flex: 1; }
.ar-toast-undo {
  min-height: 2rem; padding: 0.375rem 0.75rem; border: 0; border-radius: 5px; cursor: pointer;
  background: var(--ac-white); color: var(--ac-ink); font: 600 0.8125rem/1 var(--ac-ui);
}
.ar-toast-close {
  display: grid; place-items: center; width: 2rem; height: 2rem; border: 0; border-radius: 5px; cursor: pointer;
  background: none; color: var(--ac-on-ink-mute);
}
.ar-toast-close:hover { background: var(--ac-ink-raised); color: var(--ac-white); }
.ar-toast :focus-visible { outline-color: var(--ac-white); }

/* Settings: the section index in the column follows the page. */
.ar-col-sticky { position: sticky; top: 1.375rem; }
.ar-col-back { margin: -0.375rem 0 0.75rem; }
.ar-index .ar-project { padding: 0.625rem 0.875rem; }
.ar-index .ar-project-sub, .ar-index .ar-project-counts { margin-top: 0.3125rem; }
.ar-section { scroll-margin-top: 1rem; }

@media (max-width: 47.99rem) {
  .ar-toast { left: 1rem; right: 1rem; bottom: 1rem; }
  .ar-toast-undo, .ar-toast-close { min-height: 2.75rem; min-width: 2.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-flare, .ar-flare .ar-plate { animation: none; }
}

/* ---- the projects home: inbox and guides ---- */
.ar-home .ar-head { align-items: center; }
.ar-inbox-empty {
  display: flex; align-items: center; gap: 0.5rem; margin-top: 1.5rem;
  color: var(--ac-mute); font: 500 0.9375rem/1.45 var(--ac-ui);
}
.ar-inbox-group .ar-h2 > .ar-waymark { align-self: center; }
.ar-inbox { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ac-rule); }
.ar-inbox-item {
  position: relative; display: grid; gap: 0.5rem;
  padding: 0.875rem 0.5rem 0.9375rem; border-bottom: 1px solid var(--ac-rule);
  transition: background-color 0.15s var(--ac-ease);
}
.ar-inbox-item:hover { background: var(--ac-ground); }
.ar-inbox-item:has(.ar-inbox-link:focus-visible) { outline: 2px solid var(--ac-ink); outline-offset: -2px; border-radius: 4px; }
.ar-inbox-head { display: flex; align-items: center; flex-wrap: wrap; gap: 0.375rem 0.875rem; min-width: 0; }
.ar-inbox-plate { margin: 0 0 0 -0.25rem; padding-right: 0.875rem; }
.ar-inbox-dest { width: auto; min-height: 2rem; padding: 0.375rem 0.75rem; font-size: 0.875rem; white-space: nowrap; }
.ar-inbox-item:hover .ar-inbox-dest { background: var(--ac-white); }
.ar-inbox-doc { display: flex; align-items: baseline; flex-wrap: wrap; gap: 0 0.5rem; min-width: 0; flex: 1 1 14rem; }
.ar-inbox-link { font: 600 0.9375rem/1.3 var(--ac-ui); text-decoration: none; overflow-wrap: anywhere; }
.ar-inbox-link::after { content: ""; position: absolute; inset: 0; }
.ar-inbox-link:focus-visible { outline: none; }
.ar-inbox-item:hover .ar-inbox-link { text-decoration: underline; text-decoration-thickness: 1px; }
.ar-inbox-project { font: 500 0.8125rem/1.3 var(--ac-ui); color: var(--ac-mute); overflow-wrap: anywhere; }
.ar-inbox-new { margin-left: auto; }
.ar-quote {
  margin: 0 0 0 1.25rem; max-width: 70ch;
  font: 400 0.875rem/1.5 var(--ac-doc); color: var(--ac-quote-ink); overflow-wrap: anywhere;
}
.ar-quote q { quotes: "\201C" "\201D" "\2018" "\2019"; }
.ar-quote q:lang(de) { quotes: "\00AB" "\00BB" "\2039" "\203A"; }
.ar-quote q::before { content: open-quote; margin-left: -0.5em; display: inline-block; width: 0.5em; }
.ar-quote q::after { content: close-quote; }
.ar-inbox-item .ar-proof { margin: 0 0 0 1.25rem; width: fit-content; }
.ar-inbox-latest { margin-left: 1.25rem; max-width: 70ch; }
.ar-inbox-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 0.5rem; font: 400 0.875rem/1.35 var(--ac-ui); }
.ar-inbox-who { font-weight: 600; }
.ar-inbox-text { margin-top: 0.125rem; font: 400 0.9375rem/1.5 var(--ac-ui); overflow-wrap: anywhere; }
.ar-inbox-time { color: var(--ac-mute); font: 500 0.8125rem/1.35 var(--ac-ui); white-space: nowrap; font-variant-numeric: tabular-nums lining-nums; }
.ar-via {
  display: inline-flex; align-items: center; align-self: center; min-height: 1.25rem; padding: 0.1875rem 0.5rem; border-radius: 3px;
  background: var(--ac-ink); color: var(--ac-white); white-space: nowrap;
  font: 600 0.6875rem/1 var(--ac-sign); letter-spacing: 0.07em; text-transform: uppercase;
}
.ar-inbox-more { margin-top: 0.75rem; }

.ar-guide-row { gap: 0.25rem 1rem; min-height: 3.5rem; padding: 0.625rem 0.5rem; }
.ar-guide-text { display: flex; flex-direction: column; gap: 0.1875rem; flex: 1 1 18rem; min-width: 0; }
.ar-guide-sum { color: var(--ac-mute); font: 500 0.8125rem/1.4 var(--ac-ui); }
a.ar-guide-row:hover .ar-line-title { text-decoration: underline; text-decoration-thickness: 1px; }
.ar-guide-row .ar-role { margin-left: auto; }

/* A guide's body: prose at 70ch, steps numbered in the signage face, terms as a definition list. */
.ar-guide .ar-section:first-child { margin-top: 1.75rem; }
.ar-guide p { max-width: 70ch; }
.ar-guide p + p { margin-top: 0.75rem; }
.ar-guide-steps, .ar-guide-list-plain { margin: 0; padding: 0; max-width: 70ch; display: grid; gap: 0.625rem; }
.ar-guide-list-plain { padding-left: 1.125rem; }
.ar-guide-list-plain li::marker { color: var(--ac-mute); }
.ar-guide-steps { list-style: none; counter-reset: step; }
.ar-guide-steps > li { position: relative; padding-left: 2rem; counter-increment: step; }
.ar-guide-steps > li::before {
  content: counter(step); position: absolute; left: 0; top: 0.0625rem;
  font: 700 1.125rem/1.25 var(--ac-sign); font-variant-numeric: tabular-nums lining-nums;
}
.ar-guide-steps + p, .ar-guide-list-plain + p, .ar-guide-terms + p { margin-top: 0.875rem; }
.ar-section > p + .ar-guide-list-plain, .ar-section > p + .ar-guide-steps { margin-top: 0.625rem; }
.ar-guide-terms { margin: 0; max-width: 70ch; border-top: 1px solid var(--ac-rule); }
.ar-guide-terms dt { padding-top: 0.625rem; font: 600 0.9375rem/1.3 var(--ac-ui); }
.ar-guide-terms dd { margin: 0.1875rem 0 0; padding-bottom: 0.625rem; border-bottom: 1px solid var(--ac-rule); color: var(--ac-ink); }
.ar-guide kbd {
  display: inline-block; min-width: 1.375rem; padding: 0 0.3125rem; border: 1px solid var(--ac-edge); border-radius: 3px;
  font: 600 0.8125rem/1.35 var(--ac-mono); text-align: center; background: var(--ac-white);
}
.ar-code-plain { margin: 0.5rem 0 0.25rem; }
.ar-code-plain pre { padding-right: 0.875rem; }

@media (max-width: 47.99rem) {
  .ar-home .ar-col { flex: none; padding-bottom: 1.25rem; border-bottom: 1px solid var(--ac-rule); }
  .ar-home .ar-pane { padding-top: 1.5rem; }
  .ar-inbox-item { padding: 0.875rem 0.25rem; }
  .ar-quote, .ar-inbox-item .ar-proof, .ar-inbox-latest { margin-left: 0.75rem; }
  .ar-inbox-new { margin-left: 0; }
  .ar-inbox-dest { display: inline-flex; width: auto; min-height: 2rem; }
  .ar-inbox-doc { flex-basis: 100%; }
  .ar-guide-row .ar-role { margin-left: 0; }
  .ar-guide-row { min-height: 3.75rem; }
  .ar-code-plain pre { padding-top: 0.75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .ar-inbox-item { transition: none; }
}