/* ==========================================================================
   Archivio Storico di Metin2 — foglio di stile della sezione-museo.

   Regola della casa (primeweb_vision.md §0): il pubblico e' la matrice 2010.
   Su desktop la cornice resta quella (heading-3.jpg, content-box-*, Arial,
   colonna da 481px); dentro la scatola stanno i colori di all.css (#7b1300
   titoli, #160400 testo, #533a00 date, #8d0404 link).
   Mai style="" inline nei template: tutto passa da qui.

   REVISIONE DEL 24/9/2026 ("sono sezioni serie, massima leggibilita', un po'
   come nel forum"): stessa regola di forum.css, la pergamena maculata resta
   SOLO cornice e il testo sta su carta piena (.arc-carta #fbf6ea, schede
   #fff, testate #e9dfc7, bordi #c9b18c / #e6dcc5). La navigazione fra le
   sale diventa una fila di linguette vere (prima erano cinque link di testo
   e "i tasti per cambiare tab sono poco intuitivi"). Testo a 12px allineato
   a sinistra: il giustificato a 11px apriva buchi nelle righe.
   La mostra (.ms-, archivio-mostra.css) non usa .arc-carta: ha la sua vetrina.
   ========================================================================== */

/* ---- struttura comune: colonna centrale, stesse scatole di gioco.html ---- */
.arc-inner {
	margin: 9px 0 0 0;
	padding: 0 8px 4px 0;
	width: 481px;
}
.arc-inner p {
	color: #160400;
	font-size: 11px;
	line-height: 1.5;
	margin: 0 0 9px 0;
	text-align: justify;
}
.arc-inner h3 {
	background: url(../img/shadow-line.png) no-repeat bottom left;
	color: #7b1300;
	font-size: 12px;
	font-weight: bold;
	margin: 14px 0 6px 0;
	padding: 0 0 8px 0;
}
.arc-inner h4 {
	color: #7b1300;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 4px 0;
}
.arc-inner ul, .arc-inner ol {
	font-size: 11px;
	line-height: 1.45;
	margin: 0 0 9px 0;
	padding: 0;
	text-align: justify;
}
.arc-inner ul li {
	background: url(../img/bullet.gif) no-repeat 0 2px;
	list-style: none;
	padding: 0 0 5px 20px;
}
.arc-inner ol {
	margin-left: 22px;
}
.arc-inner ol li {
	padding: 0 0 5px 0;
}
.arc-inner a {
	color: #8d0404;
	text-decoration: none;
}
.arc-inner a:hover {
	text-decoration: underline;
}
.arc-inner code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #3a2a10;
	background: #f3ead6;
	padding: 0 2px;
}
.arc-inner pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 10px;
	line-height: 1.35;
	color: #3a2a10;
	background: #f3ead6;
	border: 1px solid #d9c9a6;
	padding: 6px 8px;
	margin: 0 0 9px 0;
	overflow-x: auto;
	white-space: pre;
}
.arc-inner blockquote {
	border-left: 3px solid #c9b18c;
	color: #4a3a20;
	font-style: italic;
	margin: 0 0 9px 0;
	padding: 2px 0 2px 10px;
}
.arc-inner hr {
	border: 0;
	border-top: 1px solid #d9c9a6;
	margin: 12px 0;
}
.arc-inner img {
	max-width: 100%;
}
.arc-inner .tw {
	overflow-x: auto;
	margin: 0 0 9px 0;
}
.arc-inner table.tab {
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
}
.arc-inner table.tab th {
	background: #e9dfc7;
	color: #7b1300;
	font-weight: bold;
	padding: 3px 5px;
	text-align: left;
	border-bottom: 1px solid #c9b18c;
}
.arc-inner table.tab td {
	padding: 3px 5px;
	border-bottom: 1px solid #e6dcc5;
	vertical-align: top;
}
.arc-inner table.tab tr:nth-child(even) td {
	background: #faf6ee;
}

/* ---- occhiello ---- */
.arc-occhiello {
	color: #533a00;
	font-size: 10px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0 0 4px 0;
}
.arc-cappello {
	color: #160400;
	font-size: 12px;
	line-height: 1.5;
	margin: 0 0 10px 0;
}
.arc-data {
	color: #533a00;
	font-size: 11px;
	float: right;
}

/* ---- le sale del museo (indice) ---- */
.arc-sale {
	margin: 4px 0 0 0;
	padding: 0;
}
.arc-sale li {
	background: url(../img/bullet.gif) no-repeat 0 3px;
	list-style: none;
	padding: 0 0 9px 20px;
	font-size: 11px;
	line-height: 1.45;
}
.arc-sale li strong a {
	color: #7b1300;
	font-size: 12px;
}
.arc-numeri {
	color: #533a00;
	font-size: 11px;
	margin: 4px 0 10px 0;
}
.arc-numeri strong {
	color: #7b1300;
	font-size: 14px;
}

/* ---- bollini di certezza (F fatto / T testimonianza / V voce / S smentita) ---- */
.cert {
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	line-height: 13px;
	min-width: 13px;
	text-align: center;
	padding: 0 3px;
	border: 1px solid #b59a6a;
	color: #533a00;
	background: #f3ead6;
	vertical-align: middle;
	cursor: help;
}
.cert-F { color: #fff; background: #7b1300; border-color: #5a0d00; }
.cert-T { color: #533a00; background: #f3ead6; }
.cert-V { color: #7a7a7a; background: #eee; border-color: #bbb; }
.cert-S { color: #fff; background: #4a4a4a; border-color: #222; text-decoration: line-through; }
.cert-I { color: #fff; background: #9a5a12; border-color: #6e3f0c; }

/* ---- la teca: sigillo di possesso ---- */
.sigillo {
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 2px 6px;
	border: 2px solid #7b1300;
	color: #7b1300;
	background: #fff8ea;
	vertical-align: middle;
}
.sigillo-impronta { border-color: #9a5a12; color: #9a5a12; }
.sigillo-perduto { border-color: #7a7a7a; color: #7a7a7a; border-style: dashed; }
.sigillo-smentito { border-color: #4a4a4a; color: #4a4a4a; text-decoration: line-through; }
.sigillo-documento { border-color: #2f5d4a; color: #2f5d4a; }

/* ---- elenco della teca per categoria ---- */
.teca-cat h3 {
	margin-top: 16px;
}
.teca-lista {
	margin: 0 0 6px 0;
	padding: 0;
}
.teca-lista li {
	background: url(../img/bullet.gif) no-repeat 0 3px;
	list-style: none;
	padding: 0 0 7px 20px;
	font-size: 11px;
	line-height: 1.4;
}
.teca-lista .nome {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	color: #7b1300;
}
.teca-lista .byte {
	color: #533a00;
}
.teca-lista .sigillo {
	font-size: 8px;
	padding: 0 4px;
	border-width: 1px;
	margin-left: 4px;
}

/* ---- scheda di un reperto ---- */
.scheda-testa {
	background: url(../img/shadow-line.png) no-repeat bottom left;
	padding: 0 0 10px 0;
	margin: 0 0 8px 0;
}
.scheda-testa .nome {
	font-family: "Courier New", Courier, monospace;
	font-size: 15px;
	font-weight: bold;
	color: #7b1300;
	word-break: break-all;
}
.scheda-testa .sigillo {
	margin: 6px 0 0 0;
}
table.impronte {
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
	margin: 0 0 10px 0;
	background: #f9f4e8;
	border: 1px solid #d9c9a6;
}
table.impronte th {
	color: #533a00;
	font-weight: bold;
	text-align: left;
	padding: 3px 6px;
	width: 92px;
	border-bottom: 1px solid #e6dcc5;
	vertical-align: top;
	white-space: nowrap;
}
table.impronte td {
	padding: 3px 6px;
	border-bottom: 1px solid #e6dcc5;
	font-family: "Courier New", Courier, monospace;
	word-break: break-all;
	color: #160400;
}
table.impronte td.testo {
	font-family: Arial, Helvetica, sans-serif;
}
.scheda-prove li {
	padding-bottom: 6px;
}
.scheda-immagine {
	border: 1px solid #eae0c6;
	padding: 3px;
	background: #fff;
	margin: 0 0 8px 0;
}
.scheda-immagine img {
	display: block;
	width: 100%;
}
.scheda-immagine .did {
	color: #533a00;
	font-size: 10px;
	padding: 4px 2px 1px 2px;
	line-height: 1.35;
}
.avviso-teca {
	background: #f3ead6;
	border: 1px solid #d9c9a6;
	color: #4a3a20;
	font-size: 10px;
	line-height: 1.4;
	padding: 6px 8px;
	margin: 6px 0 12px 0;
}

/* ---- cronologia ---- */
table.crono {
	border-collapse: collapse;
	font-size: 10px;
	width: 100%;
	margin: 0 0 12px 0;
}
table.crono th {
	background: #e9dfc7;
	color: #7b1300;
	text-align: left;
	padding: 3px 5px;
	border-bottom: 1px solid #c9b18c;
}
table.crono td {
	padding: 3px 5px;
	border-bottom: 1px solid #e6dcc5;
	vertical-align: top;
	line-height: 1.4;
}
table.crono tr:nth-child(even) td {
	background: #faf6ee;
}
table.crono td.data {
	color: #533a00;
	white-space: nowrap;
	width: 74px;
	font-weight: bold;
}
/* la cella si chiamava .cert come il bollino e ne ereditava inline-block e
   sfondo: sulle righe evidenziate restava un rettangolo bianco. Classe propria */
table.crono td.c-cert {
	width: 22px;
	text-align: center;
	border: 0;
	border-bottom: 1px solid #e6dcc5;
	padding: 3px 2px;
}
table.crono td.asse {
	color: #8a7a5a;
	font-size: 9px;
	white-space: nowrap;
	width: 40px;
}
table.crono tr.forte td {
	background: #fff3d6;
}
.crono-epoche {
	font-size: 11px;
	margin: 0 0 10px 0;
}
.crono-epoche a {
	margin-right: 8px;
	white-space: nowrap;
}
.crono-legenda {
	color: #533a00;
	font-size: 10px;
	line-height: 1.6;
	margin: 0 0 10px 0;
}
.crono-tesi li {
	padding-bottom: 8px;
}

/* ---- dossier ---- */
.dossier-corpo h2 {
	background: none;
	color: #7b1300;
	font-size: 13px;
	margin: 14px 0 4px 0;
	padding: 0;
}
.dossier-corpo h3 {
	font-size: 12px;
}
.dossier-corpo p.fine {
	color: #533a00;
	font-size: 10px;
	margin-top: 12px;
}
.dossier-correlati {
	background: #f9f4e8;
	border: 1px solid #d9c9a6;
	padding: 6px 8px 2px 8px;
	margin: 12px 0 8px 0;
}
.dossier-correlati h4 {
	margin: 0 0 4px 0;
}
.dossier-correlati ul {
	margin: 0 0 4px 0;
}
.dossier-correlati li {
	padding-bottom: 3px;
}
/* ---- link interni [[reperto:]] [[dossier:]] [[fonte:]] ---- */
.wl-reperto {
	font-family: "Courier New", Courier, monospace;
}

/* la vetrina in cima alla teca: porta alla mostra (stessa vetrina nera e oro
   della pagina mostra, ma in piccolo, cosi' si riconosce che e' un'altra sala) */
.teca-mostra {
	background: #0d0b08;
	border: 1px solid #b8923a;
	display: block;
	margin: 12px 0 4px 0;
	min-height: 96px;
	overflow: hidden;
	padding: 10px 12px 10px 104px;
	position: relative;
	text-decoration: none;
}
.teca-mostra img {
	height: 96px;
	left: 8px;
	object-fit: contain;
	position: absolute;
	top: 6px;
	width: 88px;
}
.teca-mostra span { display: block; }
.teca-mostra .tm-occhiello {
	color: #b8923a;
	font: 10px/1.4 Georgia, "Times New Roman", serif;
	letter-spacing: .18em;
	text-transform: uppercase;
}
.teca-mostra .tm-titolo {
	color: #f2d38c;
	font: 20px/1.3 "Cormorant Garamond", Georgia, serif;
	margin: 2px 0 4px 0;
}
.teca-mostra .tm-testo { color: #d8c9a8; font-size: 11px; }
.teca-mostra:hover { border-color: #f2d38c; }

/* ==========================================================================
   24/9/2026 — linguette, foglio a tinta unita, ingresso con la vetrina 3D
   ========================================================================== */

/* ---- icone (sprite in _arc.html, <use> senza viewBox: la misura la da' qui) ---- */
.arc-sprite { height: 0; overflow: hidden; position: absolute; width: 0; }
.arc-ico {
	fill: none;
	height: 14px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	vertical-align: -2px;
	width: 14px;
}

/* ---- linguette delle sale ---- */
/* 24/9: la prima versione (schede piatte color sabbia con icona) "usciva dallo
   stile del sito". Ora sono le linguette di pergamena del sito 2010: le tessere
   sono ritagliate da img/tabs2-navi.png (riga alta = scelta, riga bassa = le
   altre), stesso rosso #7b1300 grassetto 12px e sottolineato al passaggio come
   .tabs-nav di all.css. Quel CSS pero' ha larghezze fisse per 2/3/4 linguette;
   le sale sono 5 e sul telefono si stringono, quindi la tessera si stira con
   border-image: la cornice (6px) resta netta, si allunga solo la carta dentro. */
.arc-tabs {
	display: flex;
	gap: 4px;
	margin: 10px 0 0 0;
	padding: 0;
}
.arc-inner a.arc-tab {
	border: 6px solid transparent;
	border-image: url(../archivio/img/linguetta.png) 6 fill / 6px stretch;
	color: #7b1300;
	display: block;
	flex: 1 1 0;
	font: bold 12px/22px Arial, Helvetica, sans-serif;
	min-width: 0;
	overflow: hidden;
	padding: 0 2px;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/* le icone servivano alle schede piatte: il 2010 aveva solo la scritta */
.arc-tab .arc-ico { display: none; }
.arc-inner a.arc-tab:hover { text-decoration: underline; }
.arc-inner a.arc-tab.qui {
	border-image-source: url(../archivio/img/linguetta-su.png);
	cursor: default;
	text-decoration: none;
}

/* ---- il foglio ---- */
.arc-carta {
	background: #fbf6ea;
	/* il bordo alto lo faceva la riga sotto le vecchie linguette: ora le
	   linguette sono tessere staccate e il foglio si chiude da se' */
	border: 1px solid #c9b18c;
	box-sizing: border-box;
	margin-top: 4px;
	padding: 14px 12px 8px 12px;
	width: 100%;
}
.arc-carta p,
.arc-carta ul,
.arc-carta ol {
	font-size: 12px;
	line-height: 1.6;
	text-align: left;
}
.arc-carta h3 {
	background: none;
	border-bottom: 2px solid #e6dcc5;
	font-size: 13px;
	margin: 20px 0 9px 0;
	padding: 0 0 5px 0;
}
.arc-carta .arc-cappello { font-size: 13px; line-height: 1.6; }
.arc-carta .arc-occhiello { font-size: 10px; margin-bottom: 6px; }
/* le liste nuove sono schede, non elenchi puntati: via il bullet.gif di .arc-inner ul li */
.arc-inner .arc-hero-cifre li, .arc-inner .arc-cifre li, .arc-inner .arc-storie li,
.arc-inner .teca-righe li, .arc-inner .dossier-lista li, .arc-inner .dossier-toc li {
	background: none;
	list-style: none;
	padding: 0;
}
.arc-inner .arc-hero-cifre, .arc-inner .arc-cifre, .arc-inner .arc-storie,
.arc-inner .teca-righe, .arc-inner .dossier-lista {
	margin: 0;
	padding: 0;
}
.arc-nota { color: #533a00; }
.arc-carta p.arc-nota { font-size: 11px; }
.arc-carta p.arc-indietro { font-size: 11px; margin: 14px 0 4px 0; }

/* ---- ingresso: la vetrina del guerriero ---- */
.arc-hero {
	background: #0d0b08;
	border: 1px solid #b8923a;
	display: flex;
	margin: 0 0 12px 0;
}
.arc-hero-3d {
	background: radial-gradient(ellipse at 50% 62%, #2c2215 0%, #0d0b08 72%);
	flex: 0 0 180px;
	position: relative;
}
/* dal 25/9 un video (render nostro, 360x540) al posto del <model-viewer> */
.arc-hero-3d video {
	display: block;
	height: 270px;
	object-fit: cover;
	width: 180px;
}
.arc-hero-giro {
	bottom: 6px;
	color: #8a7a5a;
	font-size: 9px;
	left: 0;
	letter-spacing: .08em;
	pointer-events: none;
	position: absolute;
	right: 0;
	text-align: center;
	text-transform: uppercase;
}
.arc-hero-giro .arc-ico { height: 10px; margin-right: 4px; width: 10px; }
.arc-hero-testo { flex: 1 1 auto; padding: 16px 14px 14px 4px; }
.arc-inner .arc-hero p { margin: 0; text-align: left; }
.arc-inner .arc-hero-occhiello {
	color: #b8923a;
	font: 10px/1.4 Georgia, "Times New Roman", serif;
	letter-spacing: .16em;
	text-transform: uppercase;
}
.arc-inner .arc-hero-titolo {
	color: #f2d38c;
	font: 700 27px/1.15 "Cormorant Garamond", Georgia, serif;
	margin: 4px 0 8px 0;
}
.arc-inner .arc-hero-sott { color: #e4d7ba; font-size: 12px; line-height: 1.55; }
.arc-inner .arc-hero-cifre {
	border-bottom: 1px solid #3a2e1a;
	border-top: 1px solid #3a2e1a;
	display: flex;
	margin: 12px 0 14px 0;
	padding: 7px 0;
}
.arc-inner .arc-hero-cifre li {
	color: #a8987a;
	flex: 1 1 0;
	font-size: 9px;
	line-height: 1.3;
	padding-right: 6px;
}
.arc-hero-cifre b { color: #f2d38c; display: block; font-size: 13px; }
.arc-inner a.arc-bottone {
	align-items: center;
	background: #b8923a;
	border-radius: 3px;
	color: #0d0b08;
	display: inline-flex;
	font-size: 12px;
	font-weight: bold;
	gap: 6px;
	padding: 7px 12px;
	text-decoration: none;
}
.arc-inner a.arc-bottone:hover { background: #f2d38c; }
.arc-inner a.arc-bottone-2 {
	color: #f2d38c;
	font-size: 11px;
	margin-left: 10px;
	text-decoration: underline;
}

/* ---- ingresso: i numeri ---- */
.arc-inner .arc-cifre { display: flex; gap: 6px; margin: 0 0 12px 0; }
.arc-inner .arc-cifre li { flex: 1 1 0; }
.arc-inner .arc-cifre a {
	background: #fff;
	border: 1px solid #e6dcc5;
	color: #533a00;
	display: block;
	font-size: 10px;
	padding: 7px 4px;
	text-align: center;
	text-decoration: none;
}
.arc-inner .arc-cifre a:hover { border-color: #c9b18c; }
.arc-cifre b { color: #7b1300; display: block; font-size: 20px; line-height: 1.2; }

/* ---- titolo di sezione con il "vedi tutto" a destra ---- */
.arc-sezione {
	align-items: baseline;
	border-bottom: 2px solid #e6dcc5;
	display: flex;
	justify-content: space-between;
	margin: 20px 0 9px 0;
}
.arc-carta .arc-sezione h3 { border: 0; margin: 0; }
.arc-inner a.arc-tutti { font-size: 11px; font-weight: bold; }
.arc-inner a.arc-tutti::after { content: " \2192"; }

/* ---- ingresso: le schede dei reperti ---- */
.arc-schede { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }
.arc-inner a.arc-scheda {
	background: #fff;
	border: 1px solid #e6dcc5;
	border-left: 3px solid #7b1300;
	color: #160400;
	display: flex;
	flex-direction: column;
	gap: 3px;
	padding: 8px 9px;
	text-decoration: none;
}
.arc-inner a.arc-scheda:hover { background: #fffaf0; border-color: #c9b18c; border-left-color: #7b1300; }
.arc-scheda-cat { color: #533a00; font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.arc-scheda-nome {
	color: #7b1300;
	font: bold 12px "Courier New", Courier, monospace;
	word-break: break-all;
}
.arc-scheda-sott { color: #3a2a10; font-size: 11px; line-height: 1.45; }
.arc-scheda .sigillo { align-self: flex-start; border-width: 1px; font-size: 8px; margin-top: auto; padding: 1px 5px; }

/* ---- ingresso: le storie ---- */
.arc-inner .arc-storie li { margin: 0 0 6px 0; }
.arc-inner .arc-storie a {
	background: #fff;
	border: 1px solid #e6dcc5;
	color: #160400;
	display: block;
	padding: 8px 10px;
	text-decoration: none;
}
.arc-inner .arc-storie a:hover { background: #fffaf0; border-color: #c9b18c; }
.arc-storie span { display: block; }
.arc-storie .arc-nuovo {
	background: #7b1300;
	color: #fff;
	display: inline-block;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: .06em;
	margin: 0 0 4px 0;
	padding: 1px 5px;
	text-transform: uppercase;
}
.arc-storia-tit { color: #7b1300; font-size: 13px; font-weight: bold; }
.arc-storia-quando { color: #533a00; font-size: 10px; margin: 1px 0 3px 0; }
.arc-storia-sott { color: #3a2a10; font-size: 11px; line-height: 1.5; }

/* ---- ingresso: le sale ---- */
.arc-sale-griglia { display: grid; gap: 8px; grid-template-columns: 1fr 1fr; }
.arc-inner a.arc-sala {
	background: #fff;
	border: 1px solid #e6dcc5;
	color: #3a2a10;
	display: block;
	font-size: 11px;
	line-height: 1.45;
	padding: 9px 10px;
	text-decoration: none;
}
.arc-inner a.arc-sala:hover { background: #fffaf0; border-color: #c9b18c; }
.arc-sala .arc-ico { color: #7b1300; height: 18px; margin: 0 6px 0 0; vertical-align: -4px; width: 18px; }
.arc-sala b { color: #7b1300; font-size: 13px; }
.arc-sala span { display: block; margin-top: 4px; }

/* ---- galleria d'epoca: griglia regolare al posto dei float ---- */
.arc-galleria { display: grid; gap: 6px; grid-template-columns: repeat(4, 1fr); margin: 0 0 6px 0; }
.arc-galleria a { background: #fff; border: 1px solid #e6dcc5; display: block; padding: 2px; }
.arc-galleria a:hover { border-color: #7b1300; }
.arc-galleria img { aspect-ratio: 11 / 8; display: block; object-fit: cover; width: 100%; }

/* ---- le tesi ---- */
.arc-carta ol.arc-tesi { margin: 0 0 12px 20px; }
.arc-tesi li { padding: 0 0 7px 2px; }
.arc-tesi li::marker { color: #7b1300; font-weight: bold; }

/* ---- riquadro con testata, come .fr-riquadro del forum ---- */
.arc-riquadro { background: #fff; border: 1px solid #c9b18c; margin: 16px 0 8px 0; }
.arc-riquadro-testa {
	background: #e9dfc7;
	border-bottom: 1px solid #c9b18c;
	color: #7b1300;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 9px;
}
.arc-riquadro p + .arc-riquadro-testa { border-top: 1px solid #c9b18c; }
.arc-carta .arc-riquadro p { margin: 0; padding: 8px 10px; }
.arc-riquadro-testa .n {
	background: #fbf6ea;
	border: 1px solid #c9b18c;
	border-radius: 8px;
	color: #533a00;
	float: right;
	font-size: 10px;
	padding: 0 6px;
}

/* ---- chip (categorie della teca, epoche della cronologia) ---- */
.arc-carta p.arc-chip-riga { display: flex; flex-wrap: wrap; gap: 5px; margin: 0 0 12px 0; }
.arc-inner a.arc-chip {
	background: #fff;
	border: 1px solid #c9b18c;
	border-radius: 12px;
	color: #7b1300;
	font-size: 11px;
	padding: 2px 9px;
	text-decoration: none;
	white-space: nowrap;
}
.arc-chip b { color: #533a00; font-size: 10px; }
.arc-inner a.arc-chip:hover { background: #7b1300; border-color: #7b1300; color: #fff; }
.arc-inner a.arc-chip:hover b { color: #f2d38c; }

/* ---- legenda che si apre ---- */
.arc-legenda { background: #fff; border: 1px solid #e6dcc5; margin: 12px 0 4px 0; }
.arc-legenda summary { color: #7b1300; cursor: pointer; font-size: 11px; font-weight: bold; padding: 6px 9px; }
.arc-legenda dl {
	align-items: center;
	display: grid;
	font-size: 11px;
	gap: 6px 10px;
	grid-template-columns: auto 1fr;
	margin: 0;
	padding: 2px 9px 9px 9px;
}
.arc-legenda dd { margin: 0; }

/* ---- teca: righe dei reperti ---- */
.teca-cat { scroll-margin-top: 10px; }
.arc-inner .teca-righe li { border-bottom: 1px solid #e6dcc5; }
.arc-inner .teca-righe li:last-child { border-bottom: 0; }
.arc-inner .teca-righe li:nth-child(even) a { background: #faf6ee; }
.arc-inner .teca-righe a { color: #160400; display: block; overflow: hidden; padding: 7px 9px; text-decoration: none; }
.arc-inner .teca-righe a:hover { background: #fffaf0; }
.teca-righe .sigillo { border-width: 1px; float: right; font-size: 8px; margin: 1px 0 0 8px; padding: 1px 5px; }
.teca-righe .nome { color: #7b1300; font: bold 12px "Courier New", Courier, monospace; word-break: break-all; }
.teca-righe span.meta, .teca-righe span.sott { display: block; }
.teca-righe .meta { color: #533a00; font-size: 10px; margin: 1px 0 2px 0; }
.teca-righe .sott { color: #3a2a10; font-size: 11px; line-height: 1.5; }
.arc-carta .teca-mostra { margin: 0 0 4px 0; }

/* ---- cronologia su carta piena ---- */
.arc-carta .crono-legenda {
	background: #fff;
	border: 1px solid #e6dcc5;
	font-size: 11px;
	padding: 7px 9px;
}
.arc-carta table.crono { background: #fff; border: 1px solid #e6dcc5; font-size: 11px; }
.arc-carta table.crono th { font-size: 10px; }
.arc-carta table.crono td { line-height: 1.5; padding: 4px 6px; }
.arc-carta table.crono tr.forte td:first-child { box-shadow: inset 3px 0 0 #7b1300; }
.arc-carta h3[id] { scroll-margin-top: 10px; }

/* ---- dossier: elenco a schede ---- */
.arc-inner .dossier-lista li { margin: 0 0 6px 0; }
.arc-inner .dossier-lista a {
	background: #fff;
	border: 1px solid #e6dcc5;
	color: #160400;
	display: block;
	padding: 8px 10px 8px 42px;
	position: relative;
	text-decoration: none;
}
.arc-inner .dossier-lista a:hover { background: #fffaf0; border-color: #c9b18c; }
.dossier-lista .num {
	background: #e9dfc7;
	border-radius: 50%;
	color: #7b1300;
	font-size: 11px;
	font-weight: bold;
	height: 22px;
	left: 10px;
	line-height: 22px;
	position: absolute;
	text-align: center;
	top: 9px;
	width: 22px;
}
.dossier-lista span { display: block; }
.dossier-lista .tit { color: #7b1300; font-size: 13px; font-weight: bold; }
.dossier-lista .quando { color: #533a00; font-size: 10px; margin: 1px 0 3px 0; }
.dossier-lista .sotto { color: #3a2a10; font-size: 11px; line-height: 1.5; }

/* ---- dossier: indice interno e corpo ---- */
.arc-carta ol.dossier-toc {
	background: #fff;
	border: 1px solid #e6dcc5;
	font-size: 11px;
	margin: 0 0 14px 0;
	padding: 7px 9px 7px 28px;
}
.arc-inner .dossier-toc li { list-style: decimal; padding: 1px 0; }
.arc-carta .dossier-corpo h2 {
	border-bottom: 2px solid #e6dcc5;
	font-size: 14px;
	margin: 20px 0 8px 0;
	padding: 0 0 4px 0;
	scroll-margin-top: 10px;
}
.arc-carta .dossier-correlati { background: #fff; border-color: #c9b18c; padding: 0 0 4px 0; }
.arc-carta .dossier-correlati h4 {
	background: #e9dfc7;
	border-bottom: 1px solid #c9b18c;
	font-size: 12px;
	margin: 0 0 6px 0;
	padding: 5px 9px;
}
.arc-carta .dossier-correlati ul + h4 { border-top: 1px solid #c9b18c; }
.arc-carta .dossier-correlati ul { margin: 0 9px 6px 9px; }

/* ---- scheda del reperto ---- */
.arc-carta .scheda-testa { background: none; border-bottom: 2px solid #e6dcc5; }
.arc-carta .scheda-testa .nome { font-size: 16px; line-height: 1.3; margin: 2px 0 6px 0; }
.arc-carta table.impronte { background: #fff; border-color: #c9b18c; font-size: 11px; }
.arc-carta table.impronte th { background: #f5eedc; }
.arc-carta .scheda-immagine { border-color: #e6dcc5; }

/* ---- telefono: la scatola si allarga (riquadro-mobile.css) e qui si impila ---- */
@media screen and (max-width: 720px) {
	.arc-hero { flex-direction: column; }
	.arc-hero-3d { flex-basis: auto; }
	.arc-hero-3d video { height: 300px; object-fit: contain; width: 100%; }
	.arc-hero-testo { padding: 12px 14px 14px 14px; }
	.arc-schede { grid-template-columns: 1fr; }
	.arc-tabs { gap: 2px; }
	.arc-inner a.arc-tab { font-size: 10px; padding: 0; }
	.arc-carta { padding: 12px 10px 8px 10px; }
	.arc-inner .arc-cifre { flex-wrap: wrap; }
	.arc-inner .arc-cifre li { flex: 1 1 40%; }
}

/* ---- ingresso: la seconda vetrina (riviste coreane, 26/9) ----
   Stessa scatola nera del guerriero ma al posto del video una pagina di
   rivista tagliata in alto, e titolo piu' piccolo: non deve rubare la scena
   al client del 2004 che sta sopra. */
.arc-hero-pagina { display: block; flex: 0 0 130px; }
.arc-hero-pagina img { display: block; height: 100%; min-height: 180px; object-fit: cover; object-position: 50% 0; width: 130px; }
.arc-inner .arc-hero-riviste .arc-hero-titolo { font-size: 22px; }
.arc-inner .arc-hero-riviste .arc-hero-sott { margin-bottom: 10px; }
@media screen and (max-width: 720px) {
	.arc-hero-pagina { flex-basis: auto; }
	.arc-hero-pagina img { height: 200px; min-height: 0; width: 100%; }
}