.layer{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start;padding:26px 28px;background:var(--surface);border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden}.layer:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--accent)}.layer .meta{border-right:1px dashed var(--line);padding-right:24px}.layer .meta .num{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;color:var(--accent-ink);margin-bottom:10px}.layer .meta h3{font-family:"Instrument Serif",serif;font-weight:400;font-size:28px;line-height:1.1;margin:0 0 8px;color:var(--ink)}.layer .meta h3 em{font-style:italic;color:var(--accent-ink)}.layer .meta .tag{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.layer .body p{margin:0 0 14px;color:var(--ink-2);font-size:15.5px;line-height:1.6}.layer .reads{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.layer .reads li{display:flex;align-items:baseline;gap:10px}.layer .reads .ar{color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px;flex-shrink:0}.layer .reads a{color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid color-mix(in oklab,var(--accent) 35%,transparent);transition:border-color .2s var(--ease),color .2s var(--ease)}.layer .reads a:hover{border-bottom-color:var(--accent);color:var(--accent-ink)}.layer .reads .level{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.12em;color:var(--muted);margin-left:6px}.layer .reads .note{font-size:14px;color:var(--muted);margin-left:2px}@media(max-width:760px){.layer{grid-template-columns:1fr;gap:16px}.layer .meta{border-right:none;border-bottom:1px dashed var(--line);padding-right:0;padding-bottom:14px}}.route .who{font-family:JetBrains Mono,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:10px}.route h4{font-family:"Instrument Serif",serif;font-weight:400;font-size:22px;line-height:1.15;margin:0 0 12px;color:var(--ink)}.route h4 em{font-style:italic;color:var(--accent-ink)}.route ol{margin:0;padding-left:20px;color:var(--ink-2);font-size:14.5px;line-height:1.7}.route ol a{color:var(--ink);text-decoration:none;border-bottom:1px solid color-mix(in oklab,var(--accent) 35%,transparent)}.route ol a:hover{color:var(--accent-ink);border-bottom-color:var(--accent)}.map-index{margin:24px 0 16px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.map-index table{width:100%;border-collapse:collapse;font-size:14.5px}.map-index thead th{text-align:left;font-family:JetBrains Mono,monospace;font-weight:500;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:16px 20px;background:var(--bg-2);border-bottom:1px solid var(--line)}.map-index tbody td{padding:14px 20px;border-bottom:1px solid var(--line);color:var(--ink-2);vertical-align:top;line-height:1.5}.map-index tbody tr:last-child td{border-bottom:none}.map-index tbody tr:hover{background:color-mix(in oklab,var(--accent) 4%,transparent)}.map-index .cat{font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap;width:1%}.map-index .art a{color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid color-mix(in oklab,var(--accent) 35%,transparent)}.map-index .art a:hover{color:var(--accent-ink);border-bottom-color:var(--accent)}.map-index .art .level{display:inline-block;margin-left:8px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:1px 6px}.map-index .reason{color:var(--ink-2)}@media(max-width:760px){.map-index thead{display:none}.map-index tbody td{display:block;padding:6px 18px;border:none}.map-index tbody tr{display:block;padding:14px 0;border-bottom:1px solid var(--line)}.map-index tbody tr:last-child{border-bottom:none}.map-index .cat{width:auto;padding-top:12px}.map-index .reason{padding-bottom:12px}}.layers{display:grid;grid-template-columns:1fr;gap:16px;margin:28px 0 18px}.routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:24px 0 16px}.route{padding:22px 24px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;position:relative}
