@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap");
/* Dossier skin for /map/start and its card pages. Style only; no content changes.
   Revert: delete the one <link rel="stylesheet" href="/map/start/dossier.css"> line (and this file). */
:root{
  --dz-canvas:#FBFBF9;--dz-card:#fff;--dz-ink:#0F172A;--dz-stone:#e7e5e0;--dz-cobalt:#1D4ED8;--dz-teal:#0F766E;
  --dz-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px -10px rgba(15,23,42,.14);
  --dz-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --dz-display:"Fraunces",Georgia,"Iowan Old Style",serif;
  --dz-serif:Georgia,"Iowan Old Style","Times New Roman",serif;
  --dz-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --bg:var(--dz-canvas);--panel:var(--dz-card);--ink:var(--dz-ink);--line:var(--dz-stone);--accent:var(--dz-cobalt);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --dz-canvas:#0f1216;--dz-card:#1a1d22;--dz-ink:#e9eef6;--dz-stone:#2e333b;--dz-cobalt:#8ab0ff;--dz-teal:#5fd1c2;
  --dz-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -10px rgba(0,0,0,.6);}}
:root[data-theme="dark"]{
  --dz-canvas:#0f1216;--dz-card:#1a1d22;--dz-ink:#e9eef6;--dz-stone:#2e333b;--dz-cobalt:#8ab0ff;--dz-teal:#5fd1c2;
  --dz-shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -10px rgba(0,0,0,.6);}

body{background:var(--dz-canvas);color:var(--dz-ink)}
.wrap{max-width:840px;overflow-x:hidden}
img,svg,table{max-width:100%}

/* Header / editorial typography */
.dv-kicker{font:600 11px/1.2 var(--dz-mono);letter-spacing:.14em;color:var(--dz-teal);margin:22px 0 10px;display:flex;align-items:center;gap:10px}
.dv-kicker::before{content:"";width:28px;height:2px;background:var(--dz-teal);display:inline-block}
.ix-h1{font-family:var(--dz-serif);font-weight:700;letter-spacing:-.02em;line-height:1.08;font-size:clamp(2rem,6.2vw,3.1rem);margin:0 0 .5em;color:var(--dz-ink)}
.ix-long,.ix-lp p,.ix-box p{max-width:66ch}
.ix-lp p{font-family:var(--dz-serif);line-height:1.68}
.ix-num{font:600 11px/1 var(--dz-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--dz-teal)}
.ix-lh{font-family:var(--dz-serif);letter-spacing:-.01em;line-height:1.2}
.ix-sec{border-top:1px solid var(--dz-stone);padding-top:18px}
.ix-tag{font-family:var(--dz-mono);color:var(--dz-teal)}
.ix-box{border-radius:16px;box-shadow:var(--dz-shadow);border:1px solid var(--dz-stone)}
.ix-why{border-left:5px solid var(--dv-d)}
.ix-ij{border-left:5px solid var(--dz-cobalt)}
.ix-study{box-shadow:none}
.ix-box h2{font-family:var(--dz-serif)}
.ix-lk{border-radius:14px;box-shadow:var(--dz-shadow)}
.ix-photo-real img,.ix-lp img{border-radius:14px}

/* Count block as dossier header */
.ix-count{gap:0;margin:18px 0;border:1px solid var(--dz-stone);border-radius:16px;background:var(--dz-card);box-shadow:var(--dz-shadow);overflow:hidden}
.ix-count div{border:0;border-radius:0;background:transparent;border-right:1px solid var(--dz-stone);padding:16px 18px}
.ix-count div:last-child{border-right:0}
.ix-count b{font:700 clamp(1.7rem,5vw,2.4rem)/1 var(--dz-mono);letter-spacing:-.03em;color:var(--dv-d);margin-bottom:6px}
.ix-duty th{font-family:var(--dz-mono)}
.ix-go a.pri{background:var(--dz-cobalt);border-radius:12px}

/* Section headings and nav */
.dv-sech{font-family:var(--dz-serif);letter-spacing:-.01em;border-top:1px solid var(--dz-stone);padding-top:18px;margin-top:40px}
.dv-count{font-family:var(--dz-mono);color:var(--dz-teal)}
.dv-jump a,.dv-jump-empty{border-radius:999px}
.dv-n{font-family:var(--dz-mono)}
.dv-legend{border-radius:12px;border-left:4px solid var(--dz-teal);box-shadow:var(--dz-shadow)}

/* Cards */
.dv-card{background:var(--dz-card);border:1px solid var(--dz-stone);border-radius:16px;box-shadow:var(--dz-shadow);padding:22px 24px;margin-bottom:26px}
.dv-top{font-family:var(--dz-mono);font-weight:600;letter-spacing:.05em;padding-bottom:12px;border-bottom:1px dashed var(--dz-stone)}
.dv-brand{color:var(--dz-ink)}
.dv-id a{font-family:var(--dz-mono);color:var(--dz-cobalt);background:color-mix(in srgb,var(--dz-cobalt) 9%,transparent);padding:3px 8px;border-radius:6px}

/* D.E.V.I.L. legend strip: letters as mono tags */
.dv-method{padding:10px 0 12px;display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center}
.dv-method b{font-family:var(--dz-mono);margin-right:2px}
.dv-method [class^="dv-c-"],.dv-legend [class^="dv-c-"]{display:inline-block;font:600 11.5px/1.2 var(--dz-mono);letter-spacing:.02em;padding:2px 7px;border-radius:5px;border:1px solid currentColor;background:color-mix(in srgb,currentColor 8%,transparent)}

/* D.E.V.I.L. rows as forensic blocks */
.dv-row{grid-template-columns:40px minmax(0,1fr);gap:6px 14px;padding:14px 0}
.dv-k{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid currentColor;border-radius:6px;font:700 18px/1 var(--dz-mono);background:color-mix(in srgb,currentColor 8%,var(--dz-card))}
.dv-D .dv-k{color:var(--dv-d)}.dv-E .dv-k{color:var(--dv-e)}.dv-V .dv-k{color:var(--dv-v)}.dv-I .dv-k{color:var(--dv-i)}.dv-L .dv-k{color:var(--dv-l)}
.dv-lab{font-family:var(--dz-mono);letter-spacing:.1em;margin-bottom:6px}

/* D: callout */
.dv-row.dv-D{background:color-mix(in srgb,var(--dv-d) 7%,var(--dz-card));border:1px solid color-mix(in srgb,var(--dv-d) 25%,var(--dz-stone));border-left:5px solid var(--dv-d);border-radius:10px;padding:16px;margin:8px 0 6px}
.dv-D p{font-family:var(--dz-serif);font-size:1.18rem;line-height:1.42}

/* E */
.dv-E p{font-family:var(--dz-serif);line-height:1.62}

/* V: quotation / record styling */
.dv-V ul{list-style:none;padding-left:0}
.dv-V li{font-family:var(--dz-serif);border-left:3px solid var(--dz-teal);padding:2px 0 2px 14px;margin-bottom:14px;line-height:1.6}
.dv-V li b{font-family:var(--dz-mono);font-size:.82rem;font-weight:700;color:var(--dz-ink)}
.dv-src{font-family:var(--dz-mono);font-size:10.5px;background:color-mix(in srgb,var(--dz-cobalt) 9%,transparent);padding:1px 6px;border-radius:5px;margin-left:4px;color:var(--dz-cobalt)}
.dv-q{font-family:var(--dz-serif);font-style:italic;font-weight:600;border-left:3px solid var(--dv-e);border-radius:0 8px 8px 0;padding:8px 12px}
.dv-pending{font-family:var(--dz-mono);font-size:.78rem}

/* I: tidy bullets (when a list) */
.dv-I ul{list-style:none;padding-left:0}
.dv-I li{position:relative;padding-left:20px;margin-bottom:8px}
.dv-I li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--dv-i)}

/* L: pill */
.dv-L p{display:inline-block;font:500 .95rem/1.55 var(--dz-sans);background:color-mix(in srgb,var(--dv-l) 9%,var(--dz-card));border:1px solid color-mix(in srgb,var(--dv-l) 35%,var(--dz-stone));border-radius:18px;padding:8px 16px}

/* Citation, links, chips */
.dv-cite{font-family:var(--dz-mono);font-size:11.5px;border-radius:10px}
.dv-citelab{font-family:var(--dz-mono)}
.dv-links a,.dv-docs a,.dv-up a{display:inline-block;padding:4px 11px;margin:2px 2px 2px 0;border:1px solid color-mix(in srgb,var(--dz-teal) 45%,var(--dz-stone));border-radius:999px;background:color-mix(in srgb,var(--dz-teal) 7%,var(--dz-card));color:var(--dz-teal);text-decoration:none;font:500 .84rem/1.4 var(--dz-sans);overflow-wrap:anywhere}
.dv-links a:hover,.dv-docs a:hover{border-color:var(--dz-teal)}
.dv-links a:not([href^="#"])::after,.dv-docs a:not([href^="#"])::after{content:" \2197";font-family:var(--dz-mono)}
.dv-fold{border-top:1px dashed var(--dz-stone)}
.dv-fold summary{font-family:var(--dz-serif);font-weight:600}
.dv-oldlab{font-family:var(--dz-mono)}
.dv-oi{border-radius:16px}

/* Mobile 375px */
@media (max-width:640px){
  .dv-card{padding:16px 14px;border-radius:14px}
  .dv-row{grid-template-columns:34px minmax(0,1fr);gap:4px 10px}
  .dv-k{width:30px;height:30px;font-size:15px}
  .dv-row.dv-D{padding:12px 10px}
  .dv-D p{font-size:1.08rem}
  .ix-count{display:grid;grid-template-columns:1fr 1fr}
  .ix-count div{border-right:0;border-bottom:1px solid var(--dz-stone);min-width:0}
  .ix-count div:nth-child(odd){border-right:1px solid var(--dz-stone)}
  .dv-L p{border-radius:14px;padding:8px 12px}
}
@media print{
  .dv-card,.ix-box,.ix-count{box-shadow:none}
  body{background:#fff}
}

/* Display face shared with the homepage: headings only */
.ix-h1,.ix-lh,.ix-box h2,.dv-sech,.dv-card h2,.dv-card h3{font-family:var(--dz-display);}

/* Back-links to the main site (F9) */
.dossier-backnav{margin:14px 0 0;font-size:12px;color:var(--muted)}
.dossier-backnav a{color:var(--accent);text-decoration:none}
.dossier-backnav a:hover{text-decoration:underline}