/* =========================================================================
   Skin ANGOLO MORTO — angolomorto.it
   Magazine di tecnologia, business e geopolitica.

   L'identita nasce dal mestiere: questo giornale vive di documenti, registri e
   scadenze. Da qui le tre scelte che lo distinguono a colpo d'occhio da un
   quotidiano locale:

   1. il fondo non e' bianco ma carta tiepida, come un atto stampato;
   2. le etichette (categorie, date, firme) sono in monospazio, che e' la
      lingua dei codici, dei protocolli e delle tabelle;
   3. l'accento e' l'ambra del sensore che si accende nello specchietto quando
      qualcuno e' nel tuo angolo morto. Si usa pochissimo: se e' ovunque non
      segnala piu' niente.

   Attiva su body.kn-style-angolomorto.
   ========================================================================= */

body.kn-style-angolomorto{
	--kn-primary:#1d4ed8;
	--kn-primary-rgb:29,78,216;
	--kn-primary-dark:#1739a8;

	--kn-ink:#0a0c10;
	--kn-body:#15181d;
	--kn-muted:#5b6472;
	--kn-line:#e4e7ee;
	--kn-line-strong:#cdd3df;
	--kn-bg:#ffffff;
	--kn-bg-warm:#f4f6fb;

	--kn-serif:Newsreader,Georgia,Times New Roman,serif;
	--kn-sans:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
	--am-mono:IBM Plex Mono,ui-monospace,SF Mono,Consolas,monospace;

	--kn-radius:3px;
	--kn-shadow:none;
	--kn-shadow-lg:0 10px 34px rgba(10,12,16,.10);

	background:var(--kn-bg);
	font-family:var(--kn-sans);
}

/* --- Titoli: serif editoriale, peso medio, mai il grassetto da tabloid --- */
.kn-style-angolomorto h1,
.kn-style-angolomorto h2,
.kn-style-angolomorto h3,
.kn-style-angolomorto h4,
.kn-style-angolomorto .card__title,
.kn-style-angolomorto .entry-title{
	/* Inter in peso 800. Il serif leggero che c'era prima dava al giornale
	   un'aria da necrologio: qui i titoli devono avere voce. */
	font-family:var(--kn-sans);
	font-weight:800;
	letter-spacing:-.032em;
	line-height:1.08;
	text-wrap:balance;
}

/* --- Testata: sobria, allineata a sinistra, con la spia dell'angolo morto --- */
.kn-style-angolomorto .masthead{
	background:var(--kn-bg);
	border-bottom:2px solid var(--kn-ink);
}
.kn-style-angolomorto .masthead__inner{padding-top:20px;padding-bottom:18px}
.kn-style-angolomorto .site-title{
	font-family:var(--kn-serif);
	font-weight:500;
	font-size:clamp(30px,5vw,52px);
	letter-spacing:-.03em;
	line-height:1;
	display:inline-flex;
	align-items:center;
	gap:14px;
}
/* La spia ambra: e' il marchio, e non e' un'immagine da caricare. */
.kn-style-angolomorto .site-title::before{
	content:"";
	width:11px;height:11px;
	border-radius:50%;
	background:var(--kn-primary);
	box-shadow:0 0 0 4px rgba(184,105,10,.16);
	flex:0 0 auto;
}
.kn-style-angolomorto .site-claim{
	font-family:var(--am-mono);
	font-size:11px;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--kn-muted);
	font-style:normal;
}

/* --- Navigazione: monospazio, minuta, su una riga sola --- */
.kn-style-angolomorto .mainnav{
	background:var(--kn-bg);
	border-bottom:1px solid var(--kn-line-strong);
	border-top:none;
}
.kn-style-angolomorto .mainnav a{
	font-family:var(--am-mono);
	font-size:12px;
	font-weight:500;
	letter-spacing:.1em;
	text-transform:uppercase;
}
.kn-style-angolomorto .mainnav__inner{
	flex-wrap:nowrap;
	overflow-x:auto;
	scrollbar-width:none;
}
.kn-style-angolomorto .mainnav__inner::-webkit-scrollbar{display:none}

/* --- Le etichette di categoria: monospazio, mai riquadri colorati --- */
.kn-style-angolomorto .card__cat,
.kn-style-angolomorto .eyebrow,
.kn-style-angolomorto .cat-label,
.kn-style-angolomorto .entry-meta,
.kn-style-angolomorto .card__meta{
	font-family:var(--am-mono);
	font-size:11px;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:var(--kn-primary);
	background:none;
	padding:0;
	border-radius:0;
}
.kn-style-angolomorto .entry-meta,
.kn-style-angolomorto .card__meta{color:var(--kn-muted)}

/* --- Schede: niente ombre, solo filetti. Un giornale di carte, non di app --- */
.kn-style-angolomorto .card,
.kn-style-angolomorto .widget,
.kn-style-angolomorto .box{
	background:transparent;
	border:none;
	box-shadow:none;
	border-radius:0;
}
.kn-style-angolomorto .card{
	border-bottom:1px solid var(--kn-line);
	padding-bottom:18px;
}
.kn-style-angolomorto .card img,
.kn-style-angolomorto .card__thumb img{border-radius:2px}

/* --- Il pezzo: colonna stretta, corpo generoso --- */
.kn-style-angolomorto .entry-content{
	font-size:18px;
	line-height:1.68;
	color:var(--kn-body);
	max-width:39em;
}
.kn-style-angolomorto .entry-content p{margin:0 0 1.15em}
.kn-style-angolomorto .entry-title{font-size:clamp(30px,4.6vw,46px)}
.kn-style-angolomorto .entry-content a{
	color:var(--kn-primary);
	text-decoration:underline;
	text-underline-offset:2px;
	text-decoration-thickness:1px;
}
.kn-style-angolomorto .entry-content blockquote{
	border-left:3px solid var(--kn-primary);
	background:none;
	padding:2px 0 2px 20px;
	margin:1.6em 0;
	font-family:var(--kn-serif);
	font-size:21px;
	line-height:1.4;
	font-style:normal;
	color:var(--kn-ink);
}
.kn-style-angolomorto .entry-content h2{font-size:26px;margin:1.9em 0 .5em}
.kn-style-angolomorto .entry-content h3{font-size:20px;margin:1.6em 0 .4em}

/* Le cifre nel testo si leggono in colonna: e' un giornale di numeri. */
.kn-style-angolomorto .entry-content table{
	font-family:var(--am-mono);
	font-size:14px;
	font-variant-numeric:tabular-nums;
	border-collapse:collapse;
	width:100%;
}
.kn-style-angolomorto .entry-content th,
.kn-style-angolomorto .entry-content td{
	border-bottom:1px solid var(--kn-line);
	padding:9px 12px 9px 0;
	text-align:left;
}
.kn-style-angolomorto .entry-content th{
	font-size:10.5px;
	letter-spacing:.12em;
	text-transform:uppercase;
	color:var(--kn-muted);
	font-weight:500;
	border-bottom:1.5px solid var(--kn-ink);
}

/* --- La nota sulle fonti: e' il blocco che dice da dove viene il pezzo,
       ed e' la firma di questo giornale. --- */
.kn-style-angolomorto .am-fonti{
	margin:2.4em 0 0;
	padding:18px 0 0;
	border-top:1px solid var(--kn-line);
	font-family:var(--am-mono);
	font-size:12.5px;
	line-height:1.65;
	color:var(--kn-muted);
}
.kn-style-angolomorto .am-fonti strong{
	display:block;
	font-size:10.5px;
	letter-spacing:.13em;
	text-transform:uppercase;
	color:var(--kn-primary);
	font-weight:500;
	margin-bottom:7px;
}
.kn-style-angolomorto .am-fonti a{color:var(--kn-body)}

/* --- Bottoni: squadrati, senza gradienti --- */
.kn-style-angolomorto .btn,
.kn-style-angolomorto .button,
.kn-style-angolomorto input[type=submit]{
	border-radius:2px;
	font-family:var(--am-mono);
	font-size:12px;
	letter-spacing:.08em;
	text-transform:uppercase;
	box-shadow:none;
}

/* --- Piede --- */
.kn-style-angolomorto .sitefooter{
	background:var(--kn-ink);
	color:#e9e7e1;
	border-top:none;
}
.kn-style-angolomorto .sitefooter a{color:#e9e7e1}
.kn-style-angolomorto .sitefooter,
.kn-style-angolomorto .sitefooter *{font-family:var(--kn-sans)}

/* --- Sezioni: il filetto sopra il titolo, non il fondo colorato --- */
.kn-style-angolomorto .section__title,
.kn-style-angolomorto .widget-title{
	font-family:var(--am-mono);
	font-size:11px;
	font-weight:600;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--kn-primary);
	background:none;
	padding:0 0 9px;
	border-bottom:2px solid var(--kn-ink);
	margin-bottom:18px;
}

/* -------------------------------------------------------------------------
/* -------------------------------------------------------------------------
   L'apertura.

   Le copertine di questo giornale sono tipografiche: contengono gia' delle
   parole. Nello slider, dove sopra ci va anche il titolo, i due testi si
   sovrapponevano e non si leggeva ne' l'uno ne' l'altro. Qui la copertina
   diventa fondo materico e il titolo comanda - e' quello che fa qualunque
   giornale quando scrive sopra un'immagine.
   ---------------------------------------------------------------------- */
.kn-style-angolomorto .hero__scrim{
	background:linear-gradient(180deg,
		rgba(20,23,28,.30) 0%,
		rgba(20,23,28,.60) 44%,
		rgba(20,23,28,.92) 100%) !important;
}
.kn-style-angolomorto .hero__slide img{
	filter:grayscale(.4) contrast(.9);
}
.kn-style-angolomorto .hero__slide-body .card__title,
.kn-style-angolomorto .hero__slide-body h2,
.kn-style-angolomorto .hero__slide-body h3{
	text-shadow:0 1px 24px rgba(10,12,16,.6);
}

/* -------------------------------------------------------------------------
   Gli elementi pieni.

   La prima versione di questa veste usava il colore solo per i filetti e per
   le etichette: il risultato era corretto e spento. Un giornale ha bisogno di
   qualche superficie piena — la pastiglia della categoria, il titolo di
   sezione, la riga sotto la testata — che e' esattamente quello che rende
   viva la home di insider.sm.
   ---------------------------------------------------------------------- */
.kn-style-angolomorto .masthead{border-bottom:3px solid var(--kn-primary)}
.kn-style-angolomorto .site-title{
	font-family:var(--kn-sans);
	font-weight:800;
	letter-spacing:-.045em;
}
.kn-style-angolomorto .site-title::before{
	background:var(--kn-primary);
	box-shadow:0 0 0 4px rgba(29,78,216,.16);
}

/* La categoria e' una pastiglia piena, non un'etichetta sussurrata. */
.kn-style-angolomorto .card__cat,
.kn-style-angolomorto .cat-label{
	background:var(--kn-primary);
	color:#fff;
	padding:4px 10px;
	border-radius:3px;
	font-weight:600;
	letter-spacing:.09em;
	font-size:10.5px;
}

/* I titoli di sezione: pieni, non filetti. */
.kn-style-angolomorto .section__title,
.kn-style-angolomorto .widget-title{
	color:#fff;
	background:var(--kn-primary);
	display:inline-block;
	padding:6px 14px;
	border:none;
	border-radius:3px;
	font-size:11px;
	font-weight:600;
	margin-bottom:20px;
}

/* Il corpo dell'articolo torna al sans: si legge come un magazine, non come
   un'epigrafe. Il serif resta solo per le citazioni in evidenza. */
.kn-style-angolomorto .entry-content{
	font-family:var(--kn-sans);
	font-size:17.5px;
	line-height:1.66;
}
.kn-style-angolomorto .entry-content blockquote{
	font-family:var(--kn-serif);
	border-left-color:var(--kn-primary);
}
.kn-style-angolomorto .thumb-fallback{
	background:var(--kn-bg-warm) !important;
	background-image:none !important;
}
.kn-style-angolomorto .thumb-fallback span{color:rgba(29,78,216,.24) !important}

/* Il titolo di sezione: la classe del tema e' section-title, non section__title.
   Restava in serif con un filetto sotto, unico pezzo rimasto della veste
   precedente, e stonava contro tutto il resto passato a Inter. */
body.kn-style-angolomorto .section-title{
	font-family:var(--kn-sans);
	font-weight:800;
	font-size:22px;
	letter-spacing:-.03em;
	color:var(--kn-ink);
	border-bottom:none;
	padding:0 0 10px;
	position:relative;
}
body.kn-style-angolomorto .section-title::after{
	content:;
	position:absolute; left:0; bottom:0;
	width:52px; height:4px;
	background:var(--kn-primary);
	border-radius:2px;
}
body.kn-style-angolomorto .section-title__more{
	font-family:var(--am-mono);
	font-size:11px;
	letter-spacing:.1em;
	text-transform:uppercase;
	font-weight:500;
}