/* ============================================================================================================
   Med&X Accelerator page (EN /accelerator and HR /hr/accelerator), 20 Oct 2026.
   Linked after r3.css on those two pages only. Site tokens only (styles.css and r3.css), no new web font.
   Spec: accelerator-2026-10-19/SPEC.md sections 1 to 3, round 4 declutter (declutter/, 20 Oct 2026): the step strip and the
   timeline, ten document tiles, who can apply, the 55 points as one bar, the hosts and the support, questions, contact.
   Motion: none on entry. The only motion is the tick on a checklist tile (assets/accelerator.js, SpringCheck,
   critically damped, 0.2 s). The site has no dark theme, so dark means an ink section.
   ============================================================================================================ */

.acc-page { --acc-muted: #6e6e73; }
.acc-page [data-acc-when][hidden] { display: none !important; }

/* ---- hero: the live page-hero, standing still (no slow zoom), with the date as the title ---- */
.acc-page .page-hero-bg img { animation: none; transform: none; }
/* the participant's face never sits under the words (fix round, 20 Oct, critic 6). From 621 px the photo is wider than the
   hero and starts at its left edge, so she stands right of the title; on a phone it is taller than the hero and sits on its
   foot, so her face is above the kicker. The photo is 1600 by 1200; she stands at 47 percent across, her face 42 percent down */
/* fix round 3b (20 Oct, critic 3 item 4): from 621 px the photo's top sits 22.5vw above the hero, so the security camera on the
   wall (photo 7 to 10 percent across, its foot 21 percent down) leaves the frame under the logo at 1024 and 1440, as in the app.
   max() keeps the photo's foot on the hero's foot when the hero is too tall for that; the first value is the fallback */
.acc-page .acc-hero .page-hero-bg img { position: absolute; left: 0; top: 0; max-width: none; width: 132%; height: 100%;
  object-fit: cover; object-position: 0% 38%; object-position: 0% max(-22.5vw, 100%); }
@media (min-width: 1200px) { .acc-page .acc-hero .page-hero-bg img { width: 125%; } }
/* round 4 (fix 3b open point 1): on a square or portrait screen from 621 px (an iPad held upright) the hero is taller than the
   photo's 4:3, so the crop above had no room and the camera showed. There the photo is drawn 135 percent of the hero's height,
   its foot on the hero's foot, and 35 percent across: the camera (7 to 10 percent across, its foot 21 percent down) leaves the
   frame above and to the left, she stands right of the words, the words sit on the dark lower wall */
@media (min-width: 621px) and (max-aspect-ratio: 1/1) {
  .acc-page .acc-hero .page-hero-bg img { top: auto; bottom: 0; height: 135%; object-position: 35% 100%; }
}
@media (max-width: 620px) {
  .acc-page .acc-hero .page-hero-bg img { top: auto; bottom: 0; width: 100%; height: 140%; object-position: 47% 100%; }
}
/* a dark layer under the words (fix round 3b, critic 3 item 1): on a phone the title and the kicker sat on her white shirt and
   the light sign (2.0 to 4.1 to 1 at p99). The layer is drawn by the words' own block, so it follows them in every round state:
   on a phone a full-width band that fades in above the kicker (her face stays clear), from 621 px a soft pool that fades out
   before her. Under it the photo and the page's own layers are unchanged */
.acc-page .acc-hero .page-hero-content { position: relative; }
.acc-page .acc-hero .page-hero-content::before { content: ""; position: absolute; z-index: -1; pointer-events: none;
  top: -80px; right: -150px; bottom: -40px; left: -150px;
  background: radial-gradient(farthest-side at 36% 52%, rgba(12, 8, 6, .46) 0%, rgba(12, 8, 6, .41) 50%, rgba(12, 8, 6, .2) 75%,
    rgba(12, 8, 6, 0) 100%); }
/* round 4: the pool is a little darker (.38/.34/.18 before) since the closed title is one line on the stone ledge at 1440 (4.9 to 1
   at p99 with the old pool, 5.4 with this one) */
@media (max-width: 620px) {
  .acc-page .acc-hero .page-hero-content::before { top: -64px; right: calc(50% - 50vw); bottom: -64px; left: calc(50% - 50vw);
    background: linear-gradient(180deg, rgba(12, 8, 6, 0) 0, rgba(12, 8, 6, .1) 17px, rgba(12, 8, 6, .3) 34px, rgba(12, 8, 6, .5) 56px,
      rgba(12, 8, 6, .5) 100%); }
}
.acc-page .acc-hero h1 { max-width: 15ch; }
.acc-page .acc-fig { font-family: var(--font-ui); font-weight: var(--fw-num, 600); font-variant-numeric: tabular-nums;
  letter-spacing: var(--ls-num, -.02em); }
.acc-page .acc-hero .lead { max-width: 560px; }
.acc-page .acc-hero-cta { align-items: center; }
.acc-page .acc-hero-link { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px;
  font-family: var(--font-ui); font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, .55); padding: 0 2px; box-sizing: border-box; }
@media (hover: hover) { .acc-page .acc-hero-link:hover { border-bottom-color: #fff; } }
.acc-page .acc-hero-note { margin: 18px 0 0; font-size: 14px; line-height: 1.5; color: rgba(255, 255, 255, .82); max-width: 520px; }
.acc-page .btn.acc-cta { letter-spacing: .1em; white-space: nowrap; }
@media (max-width: 620px) {
  .acc-page .acc-hero-cta { gap: 8px; }
  .acc-page .acc-hero-link { align-self: center; }
  .acc-page .btn.acc-cta { letter-spacing: .06em; padding-left: 14px; padding-right: 14px; }
}

/* ---- section heads (no eyebrow, no margin numbers) ---- */
.acc-page .acc-h2 { font-family: var(--font-display); font-weight: 400; font-size: clamp(2rem, 3.8vw, 3.2rem); line-height: 1.04;
  letter-spacing: -.02em; margin: 0; color: var(--ink); max-width: 18ch; }
.acc-page .acc-lead { margin: 22px 0 0; font-size: 1.12rem; line-height: 1.6; font-weight: 400; color: var(--ink-soft); max-width: 620px; }
.acc-page .acc-link { color: var(--crimson); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (hover: hover) { .acc-page .acc-link:hover { text-decoration-thickness: 2px; } }
.acc-page :is(.acc-link, .acc-doclink, .acc-hero-link, .acc-partner-row, .acc-files a):focus-visible { outline: 2px solid var(--crimson); outline-offset: 2px; border-radius: 4px; }

/* two columns from 1024: the heading left, the content right */
.acc-page .acc-split-body { margin-top: 32px; }
@media (min-width: 1024px) {
  .acc-page .acc-split { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; align-items: start; }
  .acc-page .acc-split-head { grid-column: 1 / span 5; }
  .acc-page .acc-split-body { grid-column: 7 / span 6; margin-top: 0; }
}

/* =============================================================================================================
   ROUND 4 DECLUTTER (20 Oct 2026, Alen's design note): the first look is small graphics and few words, every detail one
   tap away in a fold. Components: the step strip, the timeline, ten document tiles with a dial, the fee chip, three
   criteria icons, the 55 points as one bar, the host names, the support figure, the faces row of the fellows.
   Inline SVG and CSS only, site tokens only. Folds open with no motion; the tick stays the page's only motion.
   ============================================================================================================= */
.acc-page .acc-h3 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 32px;
  letter-spacing: -.01em; color: var(--ink); }

/* fold rows: the bank details, the bonus items, every "more" under a graphic. The whole row is the control, 48 px tall, a
   plus that turns to a minus; the browser's own marker is hidden. No motion on open */
.acc-page .acc-fold > summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 48px; padding: 4px 0; box-sizing: border-box; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.acc-page .acc-fold > summary::-webkit-details-marker { display: none; }
.acc-page .acc-fold > summary:focus-visible { outline: 2px solid var(--crimson); outline-offset: 2px; border-radius: var(--r-xs); }
.acc-page .acc-fold-t { font-size: 16px; line-height: 22px; font-weight: 600; color: var(--ink); }
.acc-page .acc-fold-i { position: relative; flex: none; width: 28px; height: 28px; border-radius: 50%; border: 1.5px solid var(--line-strong); box-sizing: border-box; }
.acc-page .acc-fold-i::before, .acc-page .acc-fold-i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px;
  background: var(--crimson); border-radius: 1px; transform: translate(-50%, -50%); }
.acc-page .acc-fold-i::after { transform: translate(-50%, -50%) rotate(90deg); }
.acc-page .acc-fold[open] > summary .acc-fold-i::after { opacity: 0; }
@media (hover: hover) { .acc-page .acc-fold > summary:hover .acc-fold-i { border-color: var(--crimson); } }
.acc-page .acc-fold[open] > summary { margin-bottom: 6px; }
.acc-page .acc-fold-lead, .acc-page .acc-fold-p { margin: 0 0 12px; font-size: 16px; line-height: 24px; color: var(--ink-soft); max-width: 66ch; }

/* =============================================================================================================
   2. HOW TO APPLY: the step strip (four rings with an icon and a number), its fold, the timeline
   ============================================================================================================= */
.acc-page .acc-how { background: var(--paper-2); scroll-margin-top: 84px; }
.acc-page .acc-route { list-style: none; margin: 28px 0 0; padding: 0; }
/* phone: the rings run down the left edge on one line */
.acc-page .acc-stop { position: relative; display: flex; align-items: center; gap: 16px; min-height: 56px; padding: 0 0 20px; }
.acc-page .acc-stop:last-child { padding-bottom: 0; }
.acc-page .acc-ring { position: relative; z-index: 1; flex: none; box-sizing: border-box; width: 56px; height: 56px; border-radius: 50%;
  background: var(--paper); border: 1.5px solid var(--line-strong); color: var(--ink); display: flex; align-items: center; justify-content: center; }
.acc-page .acc-ic { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-ring-n { position: absolute; top: -4px; right: -6px; box-sizing: border-box; min-width: 22px; height: 22px; padding: 0 5px;
  border-radius: 11px; border: 2px solid var(--paper-2); background: var(--ink); color: #fff; font-family: var(--font-ui);
  font-size: 11px; line-height: 18px; font-weight: 600; font-variant-numeric: tabular-nums; text-align: center; }
.acc-page .acc-stop:not(:last-child)::after { content: ""; position: absolute; left: 27.25px; top: 56px; bottom: 0; width: 1.5px;
  background: var(--line-strong); }
.acc-page .acc-stop.is-current .acc-ring { background: var(--crimson); border-color: var(--crimson); color: #fff; }
.acc-page .acc-stop.is-current .acc-ring-n { background: #fff; color: var(--crimson); }
.acc-page .acc-stop.is-past .acc-ring { border-color: var(--crimson); color: var(--crimson); }
.acc-page .acc-stop.is-past .acc-ring-n { background: var(--crimson); }
.acc-page .acc-stop.is-past::after { background: var(--crimson); }
.acc-page .acc-stop-body { min-width: 0; }
.acc-page .acc-tag { display: block; margin: 0 0 2px; font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--crimson); }
.acc-page .acc-stop-t { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 26px;
  letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.acc-page .acc-nw { white-space: nowrap; }
/* 900 and up: the strip runs across, a hairline joins the rings */
@media (min-width: 900px) {
  .acc-page .acc-route { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 24px; margin-top: 44px; }
  .acc-page .acc-stop { display: block; min-height: 0; padding: 0; }
  .acc-page .acc-stop:not(:last-child)::after { left: 68px; right: -12px; top: 27.25px; bottom: auto; width: auto; height: 1.5px; }
  .acc-page .acc-stop-body { position: relative; margin-top: 14px; padding-top: 20px; }   /* the tag row is kept for every step */
  .acc-page .acc-tag { position: absolute; top: 0; left: 0; margin: 0; }
  .acc-page .acc-stop-t { font-size: 22px; line-height: 28px; }
}
@media (min-width: 1200px) {
  .acc-page .acc-route { column-gap: 40px; }
  .acc-page .acc-stop:not(:last-child)::after { right: -28px; }
  .acc-page .acc-stop-t { font-size: 24px; line-height: 30px; }
}

/* the four steps in words, one tap away */
.acc-page .acc-steps-more { margin-top: 28px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.acc-page .acc-steps-d { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 16px; counter-reset: accstep; }
.acc-page .acc-steps-d li { position: relative; padding-left: 36px; counter-increment: accstep; }
.acc-page .acc-steps-d li::before { content: counter(accstep); position: absolute; left: 0; top: 1px; width: 24px; height: 24px; border-radius: 50%;
  background: var(--ink); color: #fff; font-family: var(--font-ui); font-size: 12px; line-height: 24px; font-weight: 600; text-align: center; }
.acc-page .acc-steps-d h4 { margin: 0; font-family: var(--font-ui); font-size: 16px; line-height: 24px; font-weight: 600; color: var(--ink); }
.acc-page .acc-steps-d p { margin: 4px 0 0; font-size: 16px; line-height: 24px; color: var(--ink-soft); max-width: 62ch; }
.acc-page .acc-steps-d .acc-steps-when { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 600;
  font-variant-numeric: tabular-nums; color: var(--crimson); }
@media (min-width: 900px) {
  .acc-page .acc-steps-d { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; row-gap: 20px; }
}

/* the timeline: only the decided dates carry a date (the opening is a live slot), the later stages sit on a dashed line */
.acc-page .acc-tl { margin-top: 44px; }
.acc-page .acc-tl-track { list-style: none; margin: 20px 0 0; padding: 0; }
.acc-page .acc-tl-node { position: relative; display: flex; flex-wrap: wrap; align-items: baseline; column-gap: 10px; min-height: 24px;
  padding: 0 0 14px 30px; }
.acc-page .acc-tl-node:last-child { padding-bottom: 0; }
.acc-page .acc-tl-dot { position: absolute; z-index: 1; left: 0; top: 4px; box-sizing: border-box; width: 14px; height: 14px; border-radius: 50%;
  border: 1.5px solid var(--line-strong); background: var(--paper-2); }
.acc-page .acc-tl-node:not(:last-child)::after { content: ""; position: absolute; left: 6.25px; top: 18px; bottom: -4px; width: 1.5px;
  background: var(--line-strong); }
.acc-page .acc-tl-node[data-tl="closes"]::after, .acc-page .acc-tl-node.is-later::after {
  background: repeating-linear-gradient(to bottom, var(--line-strong) 0 4px, transparent 4px 8px); }
.acc-page .acc-tl .acc-tl-when { font-family: var(--font-ui); font-size: 15px; line-height: 22px; font-weight: 600; font-variant-numeric: tabular-nums;
  color: var(--crimson); }
.acc-page .acc-tl-what { font-size: 16px; line-height: 22px; color: var(--ink); }
.acc-page .acc-tl-node.is-later .acc-tl-what { color: var(--ink-soft); }
/* a decided date is a crimson ring while it is ahead, a filled dot once it has passed; the line between the two dates turns
   crimson while applications are open */
.acc-page .acc-tl-node.is-date .acc-tl-dot { border: 2px solid var(--crimson); background: var(--paper); }
.acc-page .acc-tl[data-state="open"] .acc-tl-node[data-tl="opens"] .acc-tl-dot,
.acc-page .acc-tl[data-state="closed"] .acc-tl-node.is-date .acc-tl-dot { background: var(--crimson); }
.acc-page .acc-tl[data-state="open"] .acc-tl-node[data-tl="opens"]::after,
.acc-page .acc-tl[data-state="closed"] .acc-tl-node[data-tl="opens"]::after { background: var(--crimson); }
.acc-page .acc-tl-key { margin: 8px 0 0 30px; font-size: 14px; line-height: 20px; color: var(--acc-muted); }
.acc-page .acc-tl-more { margin-top: 20px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.acc-page .acc-steps-t { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--line); }
.acc-page .acc-steps-t li { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--line); }
.acc-page .acc-t-when { font-family: var(--font-ui); font-size: 14px; line-height: 20px; font-weight: 600; font-variant-numeric: tabular-nums;
  color: var(--acc-muted); }
.acc-page .acc-t-what { font-size: 16px; line-height: 24px; color: var(--ink); }
.acc-page .acc-time-rule { margin: 12px 0 16px; font-size: 15px; line-height: 23px; color: var(--ink-soft); }
@media (min-width: 620px) {
  .acc-page .acc-steps-t li { grid-template-columns: 13.5rem minmax(0, 1fr); column-gap: 24px; align-items: baseline; }
}
@media (min-width: 900px) {
  .acc-page .acc-tl-track { display: grid; grid-template-columns: 1.5fr 1.5fr 1fr 1fr 1fr 1fr; margin-top: 28px; }
  .acc-page .acc-tl-node { display: block; min-height: 0; padding: 28px 16px 0 0; }
  .acc-page .acc-tl-dot { top: 0; }
  .acc-page .acc-tl-node:not(:last-child)::after { left: 20px; right: 6px; top: 6.25px; bottom: auto; width: auto; height: 1.5px; }
  .acc-page .acc-tl-node[data-tl="closes"]::after, .acc-page .acc-tl-node.is-later::after {
    background: repeating-linear-gradient(to right, var(--line-strong) 0 4px, transparent 4px 8px); }
  .acc-page .acc-tl .acc-tl-when, .acc-page .acc-tl-what { display: block; }
  .acc-page .acc-tl-key { margin: 6px 0 0 calc(100% * 3 / 7); }
}

/* =============================================================================================================
   3. DOCUMENTS: ten tiles to tick, a dial of ten, the fee chip; the full wording, the bonus items and the bank details folded
   ============================================================================================================= */
.acc-page .acc-docs-sec { background: var(--paper); }
.acc-page .acc-sheet { background: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: var(--r-lg);
  box-shadow: var(--shadow-sm); padding: 22px 18px; scroll-margin-top: 84px; }
.acc-page .acc-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.acc-page .acc-sheet-ttl { min-width: 0; }
.acc-page .acc-sheet-ttl .acc-h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.acc-page .acc-sheet-note { margin: 8px 0 0; font-size: 14px; line-height: 20px; color: var(--acc-muted); }
.acc-page .acc-meter { flex: none; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.acc-page .acc-dial { position: relative; display: block; width: 64px; height: 64px; }
.acc-page .acc-dial-svg { display: block; width: 64px; height: 64px; fill: none; }
.acc-page .acc-dseg { stroke: var(--line-strong); stroke-width: 4; stroke-linecap: butt; }
.acc-page .acc-dseg.is-on { stroke: var(--crimson); }
.acc-page .acc-dial-n { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; font-family: var(--font-display);
  font-size: 24px; line-height: 1; color: var(--ink); }
.acc-page .acc-count { margin: 0; font-family: var(--font-ui); font-size: 13px; line-height: 18px; font-variant-numeric: tabular-nums;
  color: var(--ink-soft); white-space: nowrap; }

/* a tile: the whole tile is the label (104 px tall), the icon, the short name, the round box in its corner. The tick by
   pointer runs on --t (assets/accelerator.js, SpringCheck, critically damped, 0.2 s) */
.acc-page .acc-tiles { list-style: none; margin: 20px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.acc-page .acc-tiles > li { min-width: 0; }
.acc-page .acc-doc { --t: 0; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.acc-page .acc-doc.is-done, .acc-page .acc-doc:has(input:checked) { --t: 1; }
.acc-page .acc-tile { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 14px; height: 100%;
  min-height: 104px; box-sizing: border-box; padding: 14px; border-radius: var(--r-md); border: 1px solid var(--line); background: var(--paper); }
@supports (color: color-mix(in srgb, red 50%, blue)) {
  .acc-page .acc-tile { background: color-mix(in srgb, var(--crimson) calc(var(--t) * 5%), var(--paper));
    border-color: color-mix(in srgb, var(--crimson) calc(var(--t) * 45%), var(--line)); }
}
.acc-page .acc-tile:has(input:focus-visible) { outline: 2px solid var(--crimson); outline-offset: 2px; }
.acc-page .acc-tile-ic { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 11px;
  background: var(--white); border: 1px solid var(--line); color: var(--crimson); }
.acc-page .acc-tile-ic svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-doc-txt { display: block; min-width: 0; }
.acc-page .acc-doc-t { display: block; font-size: 14px; line-height: 19px; font-weight: 600; letter-spacing: -.005em; color: var(--ink);
  text-wrap: balance; overflow-wrap: break-word; }
.acc-page .acc-boxw { position: absolute; top: 12px; right: 12px; width: 22px; height: 22px; }
.acc-page .acc-boxw input { -webkit-appearance: none; appearance: none; display: block; margin: 0; width: 22px; height: 22px;
  box-sizing: border-box; border: 1.5px solid var(--line-strong); border-radius: 50% !important; background: var(--white); cursor: pointer; }
.acc-page .acc-boxw input:focus-visible { outline: none; }
.acc-page .acc-fill { position: absolute; inset: 0; border-radius: 50%; background: var(--crimson); transform: scale(var(--t)); pointer-events: none; }
.acc-page .acc-tick { position: absolute; inset: 0; width: 22px; height: 22px; pointer-events: none; fill: none; stroke: #fff;
  stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-tick path { stroke-dasharray: 1; stroke-dashoffset: calc(1 - var(--t)); }
@media (min-width: 700px) {
  .acc-page .acc-tiles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* the folds of the sheet: each document in full, the bonus items */
.acc-page .acc-docs-full, .acc-page .acc-bonus { margin-top: 20px; border-top: 1px solid var(--line); }
.acc-page .acc-bonus { margin-top: 0; }
.acc-page .acc-docs-list { list-style: none; margin: 0; padding: 0; counter-reset: accdoc; }
.acc-page .acc-docs-list li { position: relative; padding: 10px 0 10px 34px; border-top: 1px solid var(--line); counter-increment: accdoc; }
.acc-page .acc-docs-list li::before { content: counter(accdoc); position: absolute; left: 0; top: 11px; width: 22px; font-family: var(--font-ui);
  font-size: 13px; line-height: 20px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--crimson); text-align: right; }
.acc-page .acc-dl-t { display: block; font-size: 15px; line-height: 22px; color: var(--ink); }
.acc-page .acc-doc-s { display: block; margin-top: 2px; font-size: 14px; line-height: 20px; color: var(--acc-muted); }
.acc-page .acc-docs-full .acc-doclink { margin: 4px 0 12px; }
.acc-page .acc-bonus-note { margin: 0; font-size: 14px; line-height: 20px; color: var(--acc-muted); max-width: 72ch; }
.acc-page .acc-bonus ul { list-style: none; margin: 8px 0 12px; padding: 0; }
/* the call's eight documents; the Pravilnik's points, where it gives them, on their own line under the label */
.acc-page .acc-bonus li { display: block; padding: 8px 0; font-size: 15px; line-height: 22px; color: var(--ink); }
.acc-page .acc-bonus li > span:first-child { display: block; }
.acc-page .acc-pts { display: block; margin-top: 2px; font-family: var(--font-ui); font-size: 14px; line-height: 20px;
  font-variant-numeric: tabular-nums; font-weight: 600; color: var(--ink-soft); }

/* the fee: one chip, the card and the bank transfer one tap away (Decisions 20 Oct, item 4) */
.acc-page .acc-pay { margin-top: 0; padding-top: 16px; border-top: 1px solid var(--line); scroll-margin-top: 84px; }
.acc-page .acc-fee { margin: 0; display: inline-flex; align-items: center; gap: 10px; min-height: 44px; box-sizing: border-box;
  padding: 6px 18px 6px 7px; border-radius: var(--r-capsule, 999px); background: var(--ink); color: #fff; font-family: var(--font-ui);
  font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: .01em; }
.acc-page .acc-fee-ic { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%;
  background: rgba(255, 255, 255, .12); color: var(--gold); }
.acc-page .acc-fee-ic svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-fee-n { font-size: 18px; letter-spacing: -.01em; color: var(--gold); font-variant-numeric: tabular-nums; }
.acc-page .acc-pay .acc-fold { margin-top: 10px; border-top: 1px solid var(--line); }
.acc-page .acc-pay .acc-fold > p { margin: 0; font-size: 15px; line-height: 22px; color: var(--ink); max-width: 62ch; }
.acc-page .acc-pay-dl { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; margin: 12px 0 14px; padding: 16px;
  border-radius: var(--r-md, 12px); background: var(--paper-2); }
.acc-page .acc-pay-dl dt { font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .12em;
  text-transform: uppercase; color: var(--ink-soft); }
.acc-page .acc-pay-dl dd { margin: 2px 0 0; font-size: 15px; line-height: 22px; color: var(--ink); }
.acc-page .acc-iban { font-family: var(--font-ui); font-weight: 600; font-variant-numeric: tabular-nums; letter-spacing: .02em;
  white-space: nowrap; -webkit-user-select: all; user-select: all; }
@media (min-width: 620px) {
  .acc-page .acc-pay-dl { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; padding: 18px 20px; }
}

/* foot of the sheet */
.acc-page .acc-sheet-foot { margin-top: 20px; display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
.acc-page .acc-doclink { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; line-height: 22px;
  color: var(--crimson); }
.acc-page .acc-doclink span { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.acc-page .btn.acc-cta-wide { width: 100%; min-height: 44px; }

/* the photo beside the sheet, 1200 and up */
.acc-page .acc-sheet-photo { display: none; margin: 0; }
@media (min-width: 900px) {
  .acc-page .acc-sheet { padding: 32px; }
  .acc-page .acc-bonus ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; align-items: start; }
  .acc-page .acc-docs-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; }
  .acc-page .acc-sheet-foot { flex-direction: row; align-items: center; justify-content: flex-end; }
  .acc-page .btn.acc-cta-wide { width: auto; flex: none; }
}
@media (min-width: 1200px) {
  .acc-page .acc-sheet-row { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 40px; align-items: stretch; }
  .acc-page .acc-sheet { grid-column: span 9; padding: 40px; }
  .acc-page .acc-sheet-photo { display: flex; flex-direction: column; grid-column: span 3; min-height: 0; }
  .acc-page .acc-sheet-photo img { flex: 1 1 auto; width: 100%; height: 0; min-height: 0; object-fit: cover; object-position: 52% center;
    border-radius: var(--r-lg); }
  .acc-page .acc-sheet-photo figcaption { margin-top: 12px; font-size: 14px; line-height: 20px; color: var(--ink-soft); }
}

/* =============================================================================================================
   4. WHO CAN APPLY: three icons with three short lines, the year and credit rules folded
   ============================================================================================================= */
.acc-page .acc-who { background: var(--paper-2); }
.acc-page .acc-criteria { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.acc-page .acc-criteria li { display: flex; align-items: center; gap: 14px; font-size: 17px; line-height: 24px; color: var(--ink); }
.acc-page .acc-ok { flex: none; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px;
  background: var(--white); border: 1px solid var(--line); color: var(--crimson); }
.acc-page .acc-ok svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-who-more { margin-top: 20px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }
.acc-page .acc-notes { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 10px; }
.acc-page .acc-notes li { position: relative; padding-left: 22px; font-size: 15px; line-height: 23px; color: var(--ink-soft); }
.acc-page .acc-notes li::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 2px; background: var(--crimson); }
@media (min-width: 620px) {
  .acc-page .acc-criteria { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 20px; }
  .acc-page .acc-criteria li { flex-direction: column; align-items: flex-start; gap: 12px; }
}

/* =============================================================================================================
   5. HOW CANDIDATES ARE CHOSEN (ink): the 55 points as one bar, cream for the documents, gold for the interview
   ============================================================================================================= */
.acc-page .acc-choose { background: var(--ink); color: #fff; }
.acc-page .acc-choose .acc-h2 { color: #fff; }
.acc-page .acc-choose .acc-doclink { color: var(--gold); margin-top: 18px; }
.acc-page .acc-choose :is(.acc-doclink, .acc-link):focus-visible { outline-color: var(--gold); }
.acc-page .acc-choose { --acc-docs: #eadfc4; --acc-int: var(--gold); }
.acc-page .acc-bar-fig { margin: 0 0 18px; }
.acc-page .acc-bar-phase { display: flex; gap: 4px; margin: 0 0 10px; }
.acc-page .acc-bar-phase span { position: relative; min-width: 0; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .4);
  font-family: var(--font-ui); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase;
  color: var(--acc-docs); white-space: nowrap; }
.acc-page .acc-bar-phase span::before, .acc-page .acc-bar-phase span::after { content: ""; position: absolute; top: -1px; width: 1px; height: 6px;
  background: rgba(255, 255, 255, .4); }
.acc-page .acc-bar-phase span::before { left: 0; }
.acc-page .acc-bar-phase span::after { right: 0; }
.acc-page .acc-ph-docs { flex: 30 1 0; }
.acc-page .acc-ph-int { flex: 25 1 0; color: var(--gold) !important; }
.acc-page .acc-bar { display: flex; gap: 4px; height: 24px; }
.acc-page .acc-seg { min-width: 0; display: flex; align-items: center; justify-content: center; border-radius: 4px; background: var(--acc-docs);
  color: var(--ink); font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 700; font-variant-numeric: tabular-nums; }
.acc-page .acc-seg.acc-s1 { flex: 5 1 0; }
.acc-page .acc-seg.acc-s2 { flex: 15 1 0; }
.acc-page .acc-seg.acc-s3 { flex: 10 1 0; }
.acc-page .acc-seg.acc-s4 { flex: 25 1 0; background: var(--acc-int); }
.acc-page .acc-points { list-style: none; margin: 0; padding: 0; }
.acc-page .acc-points li { display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 16px; align-items: baseline;
  padding: 10px 0; border-top: 1px solid rgba(255, 255, 255, .14); }
.acc-page .acc-pt-n { font-family: var(--font-ui); font-weight: 600; font-size: 30px; line-height: 34px; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; color: var(--gold); text-align: right; }
.acc-page .acc-pt-t { font-size: 16px; line-height: 23px; color: rgba(255, 255, 255, .86); }
.acc-page .acc-points li.is-total { border-top: 1px solid rgba(255, 255, 255, .6); }
.acc-page .acc-points li.is-total .acc-pt-t { color: #fff; font-weight: 600; }
.acc-page .acc-src { margin: 12px 0 0; font-size: 13px; line-height: 18px; color: rgba(255, 255, 255, .62); }
.acc-page .acc-choose .acc-fold { margin-top: 16px; border-top: 1px solid rgba(255, 255, 255, .24); border-bottom: 1px solid rgba(255, 255, 255, .24); }
.acc-page .acc-choose .acc-fold-t { color: #fff; }
.acc-page .acc-choose .acc-fold-i { border-color: rgba(255, 255, 255, .45); }
.acc-page .acc-choose .acc-fold-i::before, .acc-page .acc-choose .acc-fold-i::after { background: var(--gold); }
.acc-page .acc-choose .acc-fold > summary:focus-visible { outline-color: var(--gold); }
.acc-page .acc-choose .acc-fold-p { color: rgba(255, 255, 255, .8); }
.acc-page .acc-rules { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.acc-page .acc-rules li { position: relative; padding-left: 22px; font-size: 15px; line-height: 23px; color: rgba(255, 255, 255, .8); }
.acc-page .acc-rules li::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 2px; background: var(--gold); }

/* =============================================================================================================
   6. INSTITUTIONS FOR THE NEXT ROUND (and the financial support beside them from 1024)
   ============================================================================================================= */
/* one quiet list, as the app's host rows (fix round 2, 20 Oct 2026, critic 2 item 4): the ink plate with the building mark, the
   name in the display face, a hairline under it. Two columns from 900 px. Nothing in it is a link or a button, so nothing
   looks tappable. No logos, no counts (Decision 5) */
.acc-page .acc-hosts { background: var(--paper); }
.acc-page .acc-host-list { list-style: none; margin: 28px 0 0; padding: 0; border-top: 1px solid var(--line); }
.acc-page .acc-host { display: flex; align-items: center; gap: 16px; min-height: 72px; box-sizing: border-box; padding: 14px 0;
  border-bottom: 1px solid var(--line); }
.acc-page .acc-host-ic { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border-radius: var(--r-md); background: var(--ink); color: var(--gold); }
.acc-page .acc-host-ic svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.acc-page .acc-host-n { min-width: 0; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 28px;
  letter-spacing: -.01em; color: var(--ink); text-wrap: balance; }
.acc-page .acc-hosts-line { margin: 20px 0 0; font-size: 16px; line-height: 24px; color: var(--ink-soft); max-width: 60ch; }
@media (min-width: 900px) {
  .acc-page .acc-host-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; margin-top: 36px; }
  .acc-page .acc-host { min-height: 80px; }
}

/* =============================================================================================================
   7. TIMELINE (now under the steps, section 2) and FINANCIAL SUPPORT: one figure, the terms folded
   ============================================================================================================= */
.acc-page .acc-fund { margin-top: 40px; padding: 24px; background: var(--paper-2); border: 1px solid var(--line); border-radius: var(--r-lg); }
.acc-page .acc-fund h3 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 30px; letter-spacing: -.01em; color: var(--ink); }
.acc-page .acc-fund-fig { margin: 14px 0 0; display: flex; flex-direction: column; gap: 4px; }
.acc-page .acc-fund-n { font-family: var(--font-ui); font-weight: 600; font-size: 34px; line-height: 40px; letter-spacing: -.02em;
  font-variant-numeric: tabular-nums; color: var(--ink); white-space: nowrap; }
.acc-page .acc-fund-cap { font-size: 14px; line-height: 20px; color: var(--ink-soft); }
.acc-page .acc-fund-more { margin-top: 14px; border-top: 1px solid var(--line-strong); }
.acc-page .acc-fund-more > p { margin: 0 0 12px; font-size: 15px; line-height: 23px; color: var(--ink-soft); }
@media (min-width: 1024px) {
  .acc-page .acc-hosts-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 40px; align-items: start; }
  .acc-page .acc-hosts-main { grid-column: 1 / span 7; }
  .acc-page .acc-fund { grid-column: 9 / span 4; margin-top: 0; padding: 32px; }
}

/* =============================================================================================================
   8. QUESTIONS: the live .acc-faq details list, every answer one tap away
   ============================================================================================================= */
.acc-page .acc-qs { background: var(--paper-2); }
/* round 4: the nine questions fold under one row of a white card (rule E); opened, the rows sit in the same card */
.acc-page .acc-qs .acc-faq-all { margin: 28px 0 0; background: var(--white); border: 1px solid var(--line); border-radius: var(--r-md);
  overflow: hidden; }
.acc-page .acc-qs .acc-faq-all > summary { min-height: 56px; padding: 6px 20px; }
.acc-page .acc-qs .acc-faq-all[open] > summary { margin-bottom: 0; border-bottom: 1px solid var(--line); }
.acc-page .acc-qs .acc-faq-all > summary:focus-visible { outline-offset: -2px; border-radius: var(--r-md); }
.acc-page .acc-qs .acc-faq { max-width: none; margin: 0; display: block; background: transparent; border: 0; border-radius: 0; }
.acc-page .acc-qs .acc-faq details { background: transparent; border: 0; border-radius: 0 !important; border-top: 1px solid var(--line); }   /* rows of one grouped list: r3 2.7 rounds single rows */
.acc-page .acc-qs .acc-faq details:first-child { border-top: 0; }
.acc-page .acc-qs .acc-faq summary { min-height: 56px; box-sizing: border-box; padding: 16px 20px; font-size: 17px; line-height: 25px;
  font-weight: 600; color: var(--ink); }
.acc-page .acc-qs .acc-faq summary:focus-visible { outline: 2px solid var(--crimson); outline-offset: -2px; border-radius: var(--r-md); }
.acc-page .acc-qs .acc-faq summary .fq-plus::before, .acc-page .acc-qs .acc-faq summary .fq-plus::after { background: var(--crimson); }
.acc-page .acc-qs .acc-faq summary .fq-plus { width: 16px; height: 16px; }
.acc-page .acc-qs .acc-faq .fq-a { padding: 0 20px 20px; font-size: 16px; line-height: 25px; font-weight: 400; color: var(--ink-soft); max-width: 70ch; }
@media (prefers-reduced-motion: reduce) { .acc-page .acc-qs .acc-faq summary .fq-plus, .acc-page .acc-qs .acc-faq summary .fq-plus::after { transition: none; } }
@media (min-width: 1024px) {
  .acc-page .acc-qs .acc-split-body .acc-faq-all { margin-top: 0; }
}

/* =============================================================================================================
   9. CONTACT AND DOCUMENTS (ink, the apply-cta look without the photo)
   ============================================================================================================= */
.acc-page .acc-contact { background: var(--ink); color: #fff; }
.acc-page .acc-contact .acc-h2 { color: #fff; }
.acc-page .acc-contact .acc-lead { color: rgba(255, 255, 255, .82); }
.acc-page .acc-contact .acc-lead a { color: #fff; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.acc-page .acc-contact .btn { margin-top: 28px; }
.acc-page .acc-contact :is(a):focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.acc-page .acc-files { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
.acc-page .acc-files li { border-bottom: 1px solid rgba(255, 255, 255, .16); }
.acc-page .acc-files a { display: flex; align-items: flex-start; gap: 16px; padding: 18px 0; min-height: 44px; box-sizing: border-box; color: #fff; }
.acc-page .acc-file-ic { flex: none; margin-top: 2px; font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 600;
  letter-spacing: .12em; padding: 3px 7px; border-radius: var(--r-xs); border: 1px solid var(--gold); color: var(--gold); }
.acc-page .acc-file-t { display: block; font-family: var(--font-display); font-size: 22px; line-height: 28px; letter-spacing: -.01em; }
.acc-page .acc-file-s { display: block; margin-top: 4px; font-size: 15px; line-height: 22px; color: rgba(255, 255, 255, .72); }
@media (hover: hover) { .acc-page .acc-files a:hover .acc-file-t { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; } }

/* =============================================================================================================
   10. KEPT FROM THE LIVE PAGE: Marija's card (her background folded), one partner row, the fellows (one row of faces)
   ============================================================================================================= */
.acc-page .acc-coord-more { margin-top: 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); text-align: left; }
.acc-page .acc-coord-more[open] { padding-bottom: 16px; }
.acc-page .coord-card .acc-coord-more > summary { margin-top: 0; }

.acc-page .acc-partner { background: var(--paper); padding: 56px 0 0; }
.acc-page .acc-partner-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 64px;
  padding: 18px 0; border-top: 1px solid var(--ink); border-bottom: 0; color: var(--ink); }
.acc-page .acc-partner-t { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15;
  letter-spacing: -.015em; }
.acc-page .acc-partner-row .arr { flex: none; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px;
  border-radius: 50%; border: 1px solid var(--line-strong); color: var(--crimson); font-size: 18px; transition: transform 220ms var(--ease); }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .acc-page .acc-partner-row:hover .arr { transform: translateX(3px); } }

/* the fellows: one row (six faces of the 2026 cohort, the name of the group, "See all 18"); the 2026 cohort and the alumni
   network open under it as they always did. 18 = the six cohort cards and the twelve alumni cards inside */
.acc-page .acc-fellows { background: var(--paper); }
.acc-page .acc-fellows > summary { list-style: none; display: block; cursor: pointer; padding: 0 0 56px; -webkit-tap-highlight-color: transparent; }
.acc-page .acc-fellows > summary::-webkit-details-marker { display: none; }
.acc-page .acc-more-wrap { display: block; }   /* the site's .wrap on a span: the gutter and the column of every section */
.acc-page .acc-more-row { display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; row-gap: 14px; min-height: 64px; padding: 20px 0;
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); color: var(--ink); }
.acc-page .acc-faces { order: 0; flex: none; display: flex; }
.acc-page .acc-faces img { display: block; width: 38px; height: 38px; box-sizing: border-box; margin-left: -10px; border-radius: 50%;
  border: 2px solid var(--paper); object-fit: cover; background: var(--paper-2); }
.acc-page .acc-faces img:first-child { margin-left: 0; }
.acc-page .acc-more-all { order: 3; flex: 1 1 100%; margin-top: -6px; font-family: var(--font-ui); font-size: 12px; line-height: 16px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--crimson); white-space: nowrap; }
.acc-page .acc-more-i { order: 1; margin-left: auto; position: relative; flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--line-strong); box-sizing: border-box; }
.acc-page .acc-more-x { order: 2; flex: 1 1 100%; display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.acc-page .acc-more-t { font-family: var(--font-display); font-weight: 400; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.15; letter-spacing: -.015em; }
.acc-page .acc-more-s { font-size: 15px; line-height: 22px; color: var(--ink-soft); }
.acc-page .acc-more-i::before, .acc-page .acc-more-i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 1.5px;
  background: var(--crimson); border-radius: 1px; transform: translate(-50%, -50%); }
.acc-page .acc-more-i::after { transform: translate(-50%, -50%) rotate(90deg); }
.acc-page .acc-fellows[open] .acc-more-i::after { opacity: 0; }
.acc-page .acc-fellows[open] .acc-more-all { visibility: hidden; }
.acc-page .acc-fellows > summary:focus-visible { outline: none; }
.acc-page .acc-fellows > summary:focus-visible .acc-more-row { outline: 2px solid var(--crimson); outline-offset: 4px; border-radius: 4px; }
@media (hover: hover) { .acc-page .acc-fellows > summary:hover .acc-more-i { border-color: var(--crimson); } }
@media (min-width: 760px) {
  .acc-page .acc-more-row { flex-wrap: nowrap; column-gap: 20px; }
  .acc-page .acc-faces img { width: 52px; height: 52px; margin-left: -14px; }
  .acc-page .acc-faces img:first-child { margin-left: 0; }
  .acc-page .acc-more-x { order: 1; flex: 1 1 auto; }
  .acc-page .acc-more-all { order: 2; flex: none; margin-top: 0; }
  .acc-page .acc-more-i { order: 3; margin-left: 0; }
}

/* the press on every button and row (the site's paper press, 1 under Reduce Motion) */
.acc-page :is(.acc-partner-row, .acc-files a):active { transform: scale(var(--paper-press, .97)); transition: transform var(--t-press, 100ms) var(--ease); }
/* round 4 fix: the source note under the scoring rules is gone (the Pravilnik on the page gives 18,19 %), the rules list ends the fold */
.acc-page .acc-rules-more .acc-rules { margin-bottom: 16px; }
