/* Arun Batchu · World — warm-paper restyling of the ZoomWorld engine.
   Palette from DESIGN.md: paper #fdfbf7, ink #2b2118, amber #a8763a /
   #d9a15a, maroon #7a3b2e. Serif for reading, sans for chrome. */

:root {
  --paper:#fdfbf7; --paper-warm:#f5efe4; --paper-deep:#ead9c0;
  --ink:#2b2118; --ink-dim:#6d5e4e; --ink-faint:#857766;
  --amber:#a8763a; --amber-bright:#d9a15a; --maroon:#7a3b2e;
  --bg-hi:#fffdf8;
  --island-bg: rgba(255,253,248,.94);
  --island-inset: rgba(245,239,228,.5);
  --plaque-bg: rgba(255,253,248,.75);
  --plate-bg: rgba(245,239,228,.85);
  --chip-bg: rgba(245,239,228,.82);
  --chrome-bg: rgba(255,253,248,.9);
  --chrome-bg2: rgba(255,253,248,.97);
  --halo: rgba(253,251,247,.95);
  --fmt-essay:#fbf3df;
  --fmt-book:#f6eae4;
  --serif: Charter, "Bitstream Charter", "Iowan Old Style", Georgia, "Times New Roman", serif;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  color-scheme: light dark;
}

/* Espresso night world — a designed dark mode (matches the site's), so
   browsers never have to force-invert the paper. Manual choice (the same
   localStorage "theme" the site's toggle writes) overrides the system. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper:#171310; --paper-warm:#100d0a; --paper-deep:#3a2f26;
    --ink:#ede7dd; --ink-dim:#c9bcab; --ink-faint:#a2968a;
    --amber:#d9a15a; --amber-bright:#e9b872; --maroon:#d98d70;
    --bg-hi:#241d17;
    --island-bg: rgba(31,25,20,.95);
    --island-inset: rgba(14,11,9,.55);
    --plaque-bg: rgba(31,25,20,.72);
    --plate-bg: rgba(44,35,27,.88);
    --chip-bg: rgba(50,40,31,.85);
    --chrome-bg: rgba(31,25,20,.92);
    --chrome-bg2: rgba(31,25,20,.97);
    --halo: rgba(16,12,10,.95);
    --fmt-essay:#33291a;
    --fmt-book:#34231c;
  }
}

:root[data-theme="dark"] {
    --paper:#171310; --paper-warm:#100d0a; --paper-deep:#3a2f26;
    --ink:#ede7dd; --ink-dim:#c9bcab; --ink-faint:#a2968a;
    --amber:#d9a15a; --amber-bright:#e9b872; --maroon:#d98d70;
    --bg-hi:#241d17;
    --island-bg: rgba(31,25,20,.95);
    --island-inset: rgba(14,11,9,.55);
    --plaque-bg: rgba(31,25,20,.72);
    --plate-bg: rgba(44,35,27,.88);
    --chip-bg: rgba(50,40,31,.85);
    --chrome-bg: rgba(31,25,20,.92);
    --chrome-bg2: rgba(31,25,20,.97);
    --halo: rgba(16,12,10,.95);
    --fmt-essay:#33291a;
    --fmt-book:#34231c;
}
* { margin:0; padding:0; box-sizing:border-box; }
html, body { height:100%; overflow:hidden; }
body {
  font-family: var(--sans);
  background: radial-gradient(1400px 900px at 50% 40%, var(--bg-hi) 0%, var(--paper) 45%, var(--paper-warm) 100%);
  color: var(--ink);
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
body.loading #world { visibility: hidden; }
#veil {
  position:fixed; inset:0; z-index:50; display:flex; align-items:center; justify-content:center;
  background: var(--paper); color: var(--amber); font-size:15px; letter-spacing:.2em;
  transition: opacity .6s ease; text-transform: uppercase; font-family: var(--sans);
}
#veil.gone { opacity:0; pointer-events:none; }
#departure {
  position:fixed; inset:0; z-index:60; background:var(--paper); opacity:0; pointer-events:none;
  transition: opacity .45s ease;
}
#departure.active { opacity:1; }

#viewport { position:fixed; inset:0; cursor:grab; overflow:hidden; }
#viewport.dragging { cursor:grabbing; }

#world {
  position:absolute; top:0; left:0;
  transform-origin: 0 0;
  background-image: radial-gradient(circle, rgba(168,118,58,.10) 2px, transparent 2px);
  background-size: 100px 100px;
}

/* ---------- Rivers ---------- */
#wires { position:absolute; top:0; left:0; pointer-events:none; overflow:visible; }
#wires path.river {
  fill:none; stroke-linecap:round;
  stroke: rgba(168,118,58,.30);
}
#wires path.river.flow { stroke-dasharray: 50 90; animation: flowdash var(--dur,9s) linear infinite; }
body.moving #wires path.river.flow,
body.orbit  #wires path.river.flow { animation-play-state: paused; }
@keyframes flowdash { to { stroke-dashoffset: -1400; } }
#wires path.river.k-theme { stroke: rgba(122,59,46,.28); }
#wires path.river.k-writes { stroke: rgba(168,118,58,.24); }
#wires path.river.k-distills { stroke: rgba(217,161,90,.34); }
#wires path.river.k-crystallizes { stroke: rgba(217,161,90,.40); }
#wires text.riverlabel {
  fill: rgba(168,118,58,.70); font-size:62px; font-weight:600; letter-spacing:.12em;
  font-family: var(--serif); font-style: italic;
}

/* ---------- Region labels ---------- */
.region-label {
  position:absolute; pointer-events:none; white-space:nowrap;
  font-weight:800; letter-spacing:.30em; color: rgba(168,118,58,.07);
  font-size: 900px; line-height:1; font-family: var(--sans);
}

/* ---------- Islands ---------- */
.island {
  position:absolute;
  background: var(--island-bg);
  border: 2px solid rgba(168,118,58,.32);
  border-radius: 48px;
  padding: 70px 80px;
  box-shadow: 0 30px 120px rgba(43,33,24,.10), inset 0 0 80px var(--island-inset);
}
.island.new { border-color: rgba(217,161,90,.8); box-shadow: 0 0 160px rgba(217,161,90,.28); }
.island.leap-hit { animation: leapPulse 2.4s ease; }
@keyframes leapPulse {
  0%, 100% { outline: 0 solid rgba(217,161,90,0); }
  20% { outline: 40px solid rgba(217,161,90,.7); }
  70% { outline: 24px solid rgba(217,161,90,.35); }
}
.kicker {
  font-size: 26px; letter-spacing:.25em; text-transform:uppercase;
  color: var(--amber); font-weight:700; margin-bottom:18px; font-family: var(--sans);
}
.kicker .newbadge { background:var(--amber-bright); color:#3b2b06; border-radius:8px; padding:2px 12px; margin-left:14px; }
.island h1, .island h2 { font-family: var(--serif); }
.island h2 {
  font-size: 130px; line-height:1.05; font-weight:700;
  color: var(--ink); letter-spacing:-.015em;
}
.island .tagline { font-size: 44px; color: var(--ink-dim); margin-top:28px; line-height:1.4; max-width: 22em; font-family: var(--serif); }
.island .body { font-size: 28px; line-height:1.6; color: var(--ink-dim); margin-top:34px; font-family: var(--serif); }
.island .body p + p { margin-top:22px; }
.island .body strong { color: var(--ink); }

a { color: var(--amber); text-decoration:none; font-weight:600; }
a:hover { color: var(--maroon); text-decoration:underline; }
a.teleport { text-decoration: underline dotted rgba(168,118,58,.6); text-underline-offset: .18em; }
a.teleport::after { content:" ⤳"; opacity:.7; }
a.teleport:hover { color: var(--maroon); }

.pill {
  display:inline-block; margin:14px 18px 0 0; padding: 22px 44px;
  border-radius: 999px; font-size: 30px; font-weight:700; font-family: var(--sans);
  background: var(--amber); color:#fffdf8 !important;
}
.pill:hover { background: var(--maroon); text-decoration:none; }
.pill.ghost { background:transparent; border:2px solid var(--amber); color:var(--amber) !important; }
.pill.ghost:hover { border-color:var(--maroon); color:var(--maroon) !important; }

ul.checks { list-style:none; margin-top:30px; }
ul.checks li { font-size:30px; line-height:1.5; color:var(--ink-dim); padding-left:56px; position:relative; margin-top:20px; font-family: var(--serif); }
ul.checks li::before {
  content:"✓"; position:absolute; left:0; top:2px;
  width:38px; height:38px; border-radius:50%;
  background:var(--amber); color:#fffdf8;
  font-size:24px; font-weight:800; display:flex; align-items:center; justify-content:center;
  font-family: var(--sans);
}

.cards { display:grid; grid-template-columns:1fr 1fr; gap:34px; margin-top:44px; }
.card {
  background: var(--chip-bg); border:1px solid rgba(168,118,58,.28);
  border-radius: 28px; padding: 40px;
}
.card h3 { font-size: 40px; color: var(--maroon); font-weight:700; font-family: var(--serif); }
.card p { font-size: 25px; line-height:1.55; color:var(--ink-dim); margin-top:16px; font-family: var(--serif); }

.navgroups { display:grid; grid-template-columns:1fr; gap:44px; margin-top:40px; }
.navgroup .glabel { font-size:24px; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); font-weight:700; margin-bottom:16px; font-family: var(--sans); }
.navgroup a.node { display:block; font-size:36px; font-weight:700; color:var(--maroon); margin-top:14px; font-family: var(--serif); }
.navgroup .ndesc { font-size:23px; color:var(--ink-dim); margin-top:2px; font-family: var(--serif); }
.badge { font-size:18px; background:var(--amber-bright); color:#3b2b06; border-radius:8px; padding:3px 10px; vertical-align:middle; margin-left:12px; font-weight:800; letter-spacing:.05em; }

#hero { text-align:center; border-color: rgba(168,118,58,.5); box-shadow: 0 0 220px rgba(217,161,90,.22); }
#hero .wordmark {
  font-size: 300px; font-weight:700; letter-spacing:-.03em; line-height:1;
  font-family: var(--serif);
  background: linear-gradient(92deg, var(--maroon), var(--amber) 55%, var(--amber-bright));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
#hero h1 { font-size: 92px; font-weight:700; color:var(--ink); margin-top:20px; letter-spacing:-.01em; }
#hero .tagline, #hero .body { margin-left:auto; margin-right:auto; }

#about .portrait {
  float:right; width:420px; aspect-ratio:1; object-fit:cover;
  border-radius:24px; border:2px solid rgba(168,118,58,.35); margin:0 0 24px 36px;
}

.plaque { border-style:dashed; background:var(--plaque-bg); }
.plaque .body em { color: var(--maroon); font-style:normal; }

/* ---------- Generated island kinds ---------- */
.island.post h2 { font-size: 76px; }
.island.post .excerpt { font-size: 34px; color: var(--ink-dim); margin-top:24px; line-height:1.45; font-family: var(--serif); }
.island.post .meta { font-size:26px; color: var(--amber); margin-top:26px; display:flex; gap:30px; flex-wrap:wrap; font-family: var(--sans); }
.island .article {
  margin-top:44px; padding-top:40px; border-top:1px solid rgba(168,118,58,.25);
  column-count:3; column-gap:64px; column-rule:1px solid rgba(168,118,58,.15);
  font-size:26px; line-height:1.58; color:var(--ink-dim); text-align:left;
  font-family: var(--serif);
}
.island .article p { margin: 0 0 20px; }
.island .article h3 { font-size:34px; color:var(--maroon); margin:26px 0 14px; break-after:avoid; }
.island .article h4 { font-size:29px; color:var(--maroon); margin:22px 0 12px; break-after:avoid; }
.island .article ul, .island .article ol { margin: 0 0 20px 34px; }
.island .article li { margin-bottom:8px; }
.island .article pre {
  background:var(--chip-bg); border:1px solid rgba(168,118,58,.25); border-radius:14px;
  padding:20px; font-size:21px; overflow:hidden; white-space:pre-wrap; word-break:break-word;
  margin:0 0 20px; color:var(--maroon); font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.island .article code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; color:var(--maroon); font-size:.92em; }
.island .article blockquote { border-left:5px solid var(--amber); padding-left:22px; margin:0 0 20px; color:var(--maroon); font-style:italic; }
.island .article .mdimg {
  display:block; max-width:70%; height:auto; margin:10px auto 24px;
  border-radius:16px; border:1px solid rgba(168,118,58,.3);
  background:#fff;
}

.island.pearl h2 { font-size: 64px; }
.island.pearl .desc { font-size: 34px; color:var(--ink-dim); margin-top:24px; line-height:1.5; font-family: var(--serif); font-style: italic; }
.island.pearl .desc::before { content:"\201C"; color: var(--amber-bright); }
.island.pearl .desc::after { content:"\201D"; color: var(--amber-bright); }
.island.pearl .meta { font-size:25px; color:var(--amber); margin-top:24px; font-family: var(--sans); }
.island.pearl .long {
  margin-top:38px; padding-top:34px; border-top:1px solid rgba(168,118,58,.25);
  font-size:26px; line-height:1.6; color:var(--ink-dim);
  column-count:2; column-gap:56px; column-rule:1px solid rgba(168,118,58,.15);
  font-family: var(--serif);
}
.island.pearl .long p { margin-bottom:20px; }
.formatbadge {
  display:inline-block; font-size:22px; letter-spacing:.15em; text-transform:uppercase;
  border:1px solid rgba(168,118,58,.5); color:var(--amber); border-radius:999px; padding:6px 20px; margin-bottom:20px;
  font-family: var(--sans);
}

.island.expert h2 { font-size: 84px; }
.island.expert .etitle { font-size:34px; color:var(--amber); margin-top:14px; }
.island.expert .bio { margin-top:34px; font-size:30px; line-height:1.55; color:var(--ink-dim); font-family: var(--serif); }
.island.expert .bio p { margin-bottom:18px; }
.island.expert .philosophy {
  margin-top:28px; border-left:6px solid var(--amber); padding-left:26px;
  font-size:30px; line-height:1.5; color:var(--maroon); font-style:italic; font-family: var(--serif);
}

.island.expert .flows { margin-top:34px; padding-top:28px; border-top:1px solid rgba(168,118,58,.25); }
.island.expert .flows .glabel { font-size:22px; letter-spacing:.22em; text-transform:uppercase; color:var(--amber); font-weight:700; margin-bottom:14px; font-family: var(--sans); }
.island.expert .flows a.fnode { display:block; font-size:26px; line-height:1.4; margin-top:12px; color:var(--maroon); font-family: var(--serif); }
.island.expert .flows a.fnode:hover { color:var(--amber); }

.island.clusterplate { background: var(--plate-bg); border-style:double; border-width:6px; }
.island.clusterplate h2 { font-size:150px; }
.island.clusterplate .tagline { font-size:46px; }
.island.clusterplate .count { font-size:30px; color:var(--amber); margin-top:24px; letter-spacing:.2em; text-transform:uppercase; font-family: var(--sans); }

/* ---------- Connectedness on hover ---------- */
.island { transition: opacity .35s ease, border-color .35s ease; }
body.focusing .island { opacity:.30; }
body.focusing .island.lit { opacity:1; border-color: rgba(122,59,46,.65); }
#wires path.river { transition: opacity .35s ease; }
body.focusing #wires path.river { opacity:.12; }
body.focusing #wires text.riverlabel { opacity:.1; }
#wires text.riverlabel { transition: opacity .35s ease; }
body.focusing #wires path.river.lit {
  opacity:1; stroke: rgba(122,59,46,.75);
}

/* ---------- Semantic zoom bands ----------
   Unmaterialized detail is not hidden — it is present as faint, unresolvable
   texture (like distant print), and materializes as you approach its band. */
.z2, .z3, .z35, .z4 { opacity:.13; pointer-events:none; transition: opacity .45s ease; }
body.b2 .z2 { opacity:1; pointer-events:auto; }
body.b3 .z3 { opacity:1; pointer-events:auto; }
body.b35 .z35 { opacity:1; pointer-events:auto; }
body.b4 .z4 { opacity:1; pointer-events:auto; }

/* ---------- HUD ---------- */
.hud { position:fixed; z-index:10; font-size:13px; color:var(--ink-faint); font-family: var(--sans); }
#hud-title { top:16px; left:20px; }
#hud-title b { color:var(--amber); font-size:15px; letter-spacing:.04em; }
#hud-title a { font-weight:600; }
#hud-hint { top:38px; left:20px; opacity:.8; }
#hud-zoom { top:16px; right:20px; font-variant-numeric:tabular-nums; color:var(--amber); }
#hud-controls { bottom:20px; right:20px; display:flex; gap:8px; }
#hud-controls button {
  width:42px; height:42px; border-radius:12px; border:1px solid rgba(168,118,58,.4);
  background:var(--chrome-bg); color:var(--maroon); font-size:20px; cursor:pointer;
}
#hud-controls button:hover { background:rgba(217,161,90,.25); }

/* ---------- Minimap ---------- */
#minimap {
  position:fixed; left:20px; bottom:20px; z-index:10;
  border:1px solid rgba(168,118,58,.4); border-radius:10px;
  background:var(--chrome-bg); cursor:crosshair;
}

/* ---------- LEAP search ---------- */
#leap {
  position:fixed; left:50%; bottom:24px; transform:translateX(-50%);
  z-index:20; width:min(520px, 86vw); display:none;
}
#leap.open { display:block; }
#leap input {
  width:100%; padding:12px 18px; font-size:16px; border-radius:14px;
  border:1px solid rgba(168,118,58,.5); background:var(--chrome-bg2); color:var(--ink);
  outline:none; font-family: var(--sans);
}
#leap input::placeholder { color:var(--ink-faint); }
#leap .results {
  position:absolute; bottom:52px; left:0; right:0; max-height:320px; overflow:auto;
  background:var(--chrome-bg2); border:1px solid rgba(168,118,58,.35); border-radius:14px;
}
#leap .result { padding:10px 16px; font-size:14px; cursor:pointer; display:flex; gap:10px; align-items:baseline; }
#leap .result .rkind { font-size:11px; color:var(--amber); text-transform:uppercase; letter-spacing:.1em; min-width:74px; }
#leap .result.sel, #leap .result:hover { background:rgba(217,161,90,.18); }
#leap-btn {
  position:fixed; bottom:20px; right:180px; z-index:10;
  width:42px; height:42px; border-radius:12px; border:1px solid rgba(168,118,58,.4);
  background:var(--chrome-bg); color:var(--maroon); font-size:17px; cursor:pointer;
}
#leap-btn:hover { background:rgba(217,161,90,.25); }

/* ---------- OG-capture mode (?og): world only, no chrome ---------- */
body.og .hud, body.og #minimap, body.og #leap-btn, body.og #leap { display:none !important; }

/* ---------- Small screens ---------- */
@media (max-width: 640px) {
  #hud-hint { display:none; }
  #minimap { width:34vw; height:auto; }
  #hud-controls { bottom:16px; right:12px; gap:6px; }
  #hud-controls button { width:38px; height:38px; font-size:17px; }
  #leap-btn { bottom:64px; right:12px; width:38px; height:38px; }
  #leap { bottom:16px; width:calc(100vw - 260px); left:12px; transform:none; }
}

#about .article { column-count: 2; }

.island .article figure.diagram {
  margin: 0 0 24px;
  padding: 18px 20px;
  overflow: hidden;
  break-inside: avoid;
  background: #fdfbf7;
  border: 1px solid rgba(168,118,58,.25);
  border-radius: 14px;
}
.island .article figure.diagram svg {
  max-width: 100%;
  height: auto;
  display: block;
}

#hero .heroart {
  display:block; width:100%; height:520px; object-fit:cover;
  border-radius:24px; border:1px solid rgba(168,118,58,.35); margin-top:40px;
}
.island.expert .ebadgeart {
  display:block; width:100%; height:380px; object-fit:cover;
  border-radius:20px; border:1px solid rgba(168,118,58,.3); margin-top:30px;
}

/* ---------- Screen-space labels (cartographic generalization) ---------- */
#labels { position:fixed; inset:0; pointer-events:none; z-index:9; overflow:hidden; }
#labels .wlabel {
  position:absolute; top:0; left:0; pointer-events:auto; cursor:pointer;
  white-space:nowrap; user-select:none;
}
.lbl-basin {
  font-family:var(--sans); text-transform:uppercase; letter-spacing:.18em;
  font-size:14px; font-weight:700; color:var(--amber);
  text-shadow:0 1px 8px var(--halo);
}
.lbl-capital {
  font-family:var(--serif); font-size:15px; font-weight:700; color:var(--ink);
  text-shadow:0 1px 8px var(--halo);
}
.lbl-capital::before { content:"◉ "; color:var(--amber); font-size:11px; vertical-align:2px; }
.lbl-town { font-family:var(--serif); font-size:12px; color:var(--ink-dim); text-shadow:0 1px 6px var(--halo); }
.lbl-capital:hover, .lbl-town:hover, .lbl-basin:hover { color:var(--maroon); }

/* ---------- Place indicator ---------- */
#hud-place { top:16px; right:90px; color:var(--amber); font-weight:600; letter-spacing:.05em; font-size:13px; }

/* ---------- Layer switcher ---------- */
#hud-layers { position:fixed; bottom:20px; right:280px; z-index:10; display:flex; gap:6px; }
#hud-layers button {
  width:42px; height:42px; border-radius:12px; border:1px solid rgba(168,118,58,.4);
  background:var(--chrome-bg); color:var(--maroon); font-size:18px; cursor:pointer;
}
#hud-layers button:hover { background:rgba(217,161,90,.25); }
#hud-layers button.active { background:var(--amber); color:#fffdf8; }

/* ---------- Chronology layer ---------- */
.yearstamp {
  display:none; position:absolute; top:28px; right:44px;
  font:800 60px var(--sans); color:var(--amber-bright); opacity:.9; letter-spacing:.02em;
}
body.layer-chrono .island.post .yearstamp { display:block; }
body.layer-chrono .island.post {
  border-width:7px;
  border-color: color-mix(in srgb, var(--amber-bright) calc((1 - var(--age, 0)) * 100%), var(--paper-deep));
  background: color-mix(in srgb, var(--amber-bright) calc((1 - var(--age, 0)) * 52%), var(--island-bg));
}

/* ---------- Format layer ---------- */
body.layer-format .island.post.fmt-essay { background:var(--fmt-essay); border-color:rgba(168,118,58,.75); }
body.layer-format .island.post.fmt-book { background:var(--fmt-book); border-color:rgba(122,59,46,.65); }

/* ---------- Connections layer ---------- */
#wires path.river.k-chain { opacity:0; stroke:rgba(122,59,46,.35); }
body.layer-connections #wires path.river.k-chain { opacity:.6; }
body.layer-connections #wires path.river { stroke-width:26; }
body.layer-connections .island.post.prom-2 { border-color:rgba(122,59,46,.7); }

/* ---------- Basin aggregates & neighbors ---------- */
.island.clusterplate .baggr { font-size:32px; color:var(--ink-dim); margin-top:18px; font-family:var(--serif); }
.island.post .nearby {
  margin-top:24px; font-size:24px; font-family:var(--sans); color:var(--ink-dim);
}
.island.post .nearby .nlabel {
  text-transform:uppercase; letter-spacing:.18em; font-size:20px; color:var(--amber); font-weight:700; margin-right:10px;
}

/* ---------- Abstraction ladder: the same piece at every altitude ---------- */
.rung {
  display:block; font-family:var(--sans); font-size:20px; font-weight:700;
  letter-spacing:.22em; text-transform:uppercase; color:var(--amber);
  margin-bottom:12px;
}
/* Fewer words buy bigger type: each rung is sized to be READABLE at the
   altitude where it materializes (gist ~Z3, precis ~Z35, full ~Z4). */
.island.post .gist {
  margin-top:38px; padding:40px 48px; border-left:8px solid var(--amber);
  background: var(--chip-bg); border-radius: 0 22px 22px 0;
  font-family:var(--serif); font-size:64px; line-height:1.38; color:var(--ink);
  letter-spacing:-.005em;
}
.island.post .gist .rung { font-size:26px; margin-bottom:20px; }
.island.post .precis {
  margin-top:36px; padding-top:32px; border-top:1px solid rgba(168,118,58,.25);
  font-family:var(--serif); font-size:42px; line-height:1.48; color:var(--ink-dim);
}
.island.post .precis .rung { font-size:23px; }
.island.post .precis p { margin:0 0 22px; }
.island.post .article .rung { margin:0 0 18px; column-span:all; }