/* ============================================================
   ODTAJNĚNÝ DOKUMENT — styl spisu pro Lore / Mise / Kampaně
   Vše je scopnuté pod .dossier, takže to nekoliduje se zbytkem webu.
   Papír má vlastní (pevné) barvy, aby vypadal jako list i na tmavém webu.
   Fonty: IBM Plex Mono (text) + Big Shoulders Stencil (razítka/titul) —
   ty už web načítá, nic nového netřeba.
   ============================================================ */

.dossier{
  --paper:      #e9e3d2;   /* manila list */
  --paper-edge: #d8cfb6;
  --typ:        #1c1a14;   /* barva psacího stroje */
  --typ-soft:   #4c473a;
  --stampred:   #9e2b1e;   /* klasifikační / razítková červená */
  --line:       #b3a988;

  position: relative;
  max-width: 820px;
  margin: 40px auto;
  background: var(--paper);
  color: var(--typ);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 14px;
  line-height: 1.75;
  border: 1px solid var(--paper-edge);
  box-shadow: 0 24px 60px rgba(0,0,0,0.55), 0 2px 0 var(--paper-edge);
  padding: 0 0 30px;
}
/* jemná papírová textura + „skvrny" */
.dossier::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5;
  background:
    radial-gradient(circle at 88% 8%, rgba(120,100,60,.10), transparent 22%),
    radial-gradient(circle at 8% 92%, rgba(120,100,60,.08), transparent 20%),
    repeating-linear-gradient(0deg, rgba(0,0,0,.012) 0 1px, transparent 1px 3px);
}

/* --- klasifikační pruhy nahoře/dole --- */
.dossier .classbar{
  background: var(--stampred); color: #f7efe6;
  font-family: 'IBM Plex Mono', monospace; font-weight: 600;
  font-size: 13px; letter-spacing: .28em; text-transform: uppercase;
  text-align: center; padding: 7px 10px;
}
.dossier .classbar.bottom{ margin-top: 26px; }

/* --- děrování složky (levý okraj) --- */
.dossier .holes{ position:absolute; left:16px; top:120px; display:flex; flex-direction:column; gap:150px; }
.dossier .holes span{ width:16px; height:16px; border-radius:50%; background:#0d0b07;
  box-shadow: inset 0 2px 3px rgba(0,0,0,.8); display:block; opacity:.55; }

/* --- hlavička spisu --- */
.dossier .doc-head{ padding: 26px 48px 0 60px; }
.dossier .agency{
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--typ-soft);
  border-bottom: 2px solid var(--typ); padding-bottom: 10px; display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap;
}
.dossier .doc-title{
  font-family: 'Big Shoulders Stencil Text', sans-serif; font-weight: 800;
  font-size: 40px; line-height: 1.02; text-transform: uppercase; margin: 20px 0 4px; letter-spacing:.01em;
}
.dossier .doc-sub{ font-size: 12px; color: var(--typ-soft); letter-spacing:.08em; }

/* --- CASE FILE meta mřížka --- */
.dossier .casefile{
  margin: 22px 48px 0 60px; border:1px solid var(--line);
  display:grid; grid-template-columns: repeat(2, 1fr);
}
.dossier .casefile .cf{ padding: 9px 14px; border-bottom:1px solid var(--line); display:flex; gap:10px; }
.dossier .casefile .cf:nth-child(odd){ border-right:1px solid var(--line); }
.dossier .casefile .cf:nth-last-child(-n+2){ border-bottom:none; }
.dossier .casefile .k{ color: var(--typ-soft); font-size:11px; letter-spacing:.1em; text-transform:uppercase; min-width:96px; }
.dossier .casefile .v{ font-weight:600; }

/* --- tělo / sekce --- */
.dossier .body{ padding: 6px 48px 0 60px; }
.dossier .sec{ margin-top: 26px; }
.dossier .sec-title{
  display:flex; align-items:baseline; gap:12px; text-transform:uppercase;
  font-weight:600; letter-spacing:.12em; font-size:13px; border-bottom:1px dashed var(--line); padding-bottom:6px;
}
.dossier .sec-title .no{ color: var(--stampred); font-weight:700; }
.dossier p{ margin: 12px 0; }

/* portion marking, např. (TS//SI), (S//REL), (U) */
.dossier .pm{ color: var(--stampred); font-weight:700; font-size:12px; margin-right:6px; }

/* --- začerněné pasáže --- */
.dossier .redacted{
  background:#0d0b07; color:transparent; user-select:none; padding:0 2px;
  border-radius:1px; box-shadow: 0 0 0 1px #0d0b07;
}
.dossier .redblock{
  display:block; background:#0d0b07; color:#0d0b07; user-select:none;
  height: 1.4em; margin:10px 0; width:100%;
}
.dossier .redtag{ color: var(--typ-soft); font-size:11px; letter-spacing:.1em; }

/* --- razítko DECLASSIFIED --- */
.dossier .stamp{
  position:absolute; top: 150px; right: 26px; transform: rotate(-11deg);
  font-family:'Big Shoulders Stencil Text', sans-serif; font-weight:800;
  color: var(--stampred); border: 3px double var(--stampred);
  padding: 6px 16px; font-size: 26px; letter-spacing:.12em; text-transform:uppercase;
  opacity:.72; pointer-events:none; border-radius:3px;
}
.dossier .stamp small{ display:block; font-family:'IBM Plex Mono',monospace; font-size:9px; letter-spacing:.18em; opacity:.9; text-align:center; }

/* --- podpis velitele --- */
.dossier .sig{ margin: 30px 48px 0 60px; padding-top: 14px; border-top:1px solid var(--line); font-size:12px; color:var(--typ-soft); }
.dossier .sig .name{ font-family:'Big Shoulders Stencil Text', sans-serif; font-weight:800; font-size:22px; color:var(--typ); letter-spacing:.02em; }
.dossier .sig .line{ margin-top:2px; }

@media (max-width: 640px){
  .dossier{ font-size:13px; }
  .dossier .doc-head, .dossier .body{ padding-left:30px; padding-right:24px; }
  .dossier .casefile, .dossier .sig{ margin-left:30px; margin-right:24px; }
  .dossier .casefile{ grid-template-columns:1fr; }
  .dossier .casefile .cf:nth-child(odd){ border-right:none; }
  .dossier .holes{ display:none; }
  .dossier .stamp{ top: 90px; right: 10px; font-size:20px; }
}