/* What Not to Do · styles only its pages use, loaded after /shared/deep-dive.css. */

/* The chain (4 · Ten days in Akron): stay cards in order, each headed with its link number and a
   small chain-link mark. One column on phones, with a short line joining each card to the next;
   from 700px the shared card grid takes over (two, then four across) and the numbers carry the
   order. */
.chain .link-no{display:flex;align-items:center;gap:8px;margin:0;font:700 calc(12px*var(--ts,1))/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.chain .link-no svg{flex:none;color:var(--accent)}
.chain .stay.last .link-no{color:var(--night-2)}
.chain .stay.last .link-no svg{color:var(--gold)}
.chain > .card{position:relative}
.chain > .card:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:-17px;width:2px;height:16px;margin-left:-1px;background:var(--line-2)}
@media (min-width:700px){.chain > .card:not(:last-child)::after{display:none}}
@media print{.chain > .card::after{display:none}}

/* Half a mile (3 · Calvary House): a street diagram of the East Side from Madison Square to the
   East River, not to scale, with the church, Calvary House and the mission. The drawing's own
   classes; the layout, pins and numbered list are the shared diagram block (.hideout, .house,
   .hs-pin, .hides). The colors are the map tokens the Where page uses. */
.cv-st{fill:var(--map-other)}
.cv-blk{fill:var(--map-land);stroke:var(--map-line);stroke-width:1}
.cv-park{fill:var(--ph)}
.cv-fence{fill:none;stroke:var(--ink-2);stroke-width:1.5;stroke-dasharray:2 2}
.cv-tree{fill:var(--line-2);opacity:.8}
.cv-water{fill:var(--map-water)}
.cv-shore{fill:none;stroke:var(--map-coast);stroke-width:2}
.cv-wave path{fill:none;stroke:var(--map-coast);stroke-width:1.2;opacity:.6}
.cv-gas{fill:var(--map-other);stroke:var(--ink-2);stroke-width:1.5}
.cv-gas2{fill:none;stroke:var(--ink-2);stroke-width:1;opacity:.6}
.cv-bld{fill:var(--ink-2)}
.cv-bld2{fill:var(--ink-2);opacity:.7}
.cv-mark{fill:none;stroke:var(--card);stroke-width:2}
.cv-walk{fill:none;stroke:var(--accent);stroke-width:3;stroke-dasharray:7 5;stroke-linecap:round;stroke-linejoin:round}
.cv-note{font:italic calc(15px*var(--ts,1)) var(--serif);fill:var(--accent)}
.cv-lab{font:400 calc(9.5px*var(--ts,1)) var(--mono);letter-spacing:.06em;fill:var(--ink-2)}
.cv-big{font-size:calc(12px*var(--ts,1));letter-spacing:.2em}
.cv-north path{fill:none;stroke:var(--ink-2);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}