/* ===========================
   Chanzine Archive
=========================== */

.chanzine-page-layout {
	width: 100%;
	padding: 0 0 48px;
}

.chanzine-page-layout .chanzine-header {
	margin-bottom: 20px;
}

/* Header */

.chanzine-header {
	position: relative;

	margin-bottom: 20px;
	padding: 24px 0 18px;

	border-bottom: 1px solid var(--border-color);
}

.chanzine-header h1 {
	margin: 0 0 7px;

	color: var(--text-primary);

	font-size: 30px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.chanzine-header p {
	max-width: 760px;

	margin: 0;

	color: var(--text-muted);

	font-size: 13px;
	line-height: 1.6;
}

/* Breadcrumb */

.chanzine-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;

	position: static;

	margin: 0 0 12px;

	color: var(--text-muted);

	font-size: 11px;
	font-weight: 600;
	line-height: 1.4;
}

.chanzine-breadcrumb a {
	color: var(--text-muted);
	text-decoration: none;
}

.chanzine-breadcrumb a:hover {
	color: var(--mv-primary);
	text-decoration: none;
}

.chanzine-breadcrumb i {
	color: var(--border-color);

	font-size: 8px;
	opacity: 1;
}

.chanzine-breadcrumb span {
	color: var(--text-secondary);
	font-weight: 700;
}

/* Label */

.chanzine-header-label {
	margin-bottom: 7px;

	color: var(--mv-primary);

	font-size: 10px;
	font-weight: 800;
	line-height: 1.3;

	text-transform: uppercase;
	letter-spacing: .1em;
}

.chanzine-header-back {
	margin-top: 12px !important;
}

.chanzine-header-back a {
	display: inline-flex;
	align-items: center;
	gap: 6px;

	padding-bottom: 3px;

	border-bottom: 1px solid var(--border-color);

	color: var(--text-muted);

	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}

.chanzine-header-back a:hover {
	border-bottom-color: var(--mv-primary);

	color: var(--mv-primary);
	text-decoration: none;
}

/* Lista articoli */

.chanzine-list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;

	gap: 16px;
}

/* Card articolo */

.chanzine-card {
	display: flex;
	flex-direction: column;

	min-width: 0;
	height: 100%;

	overflow: hidden;

	padding: 0;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: #fff;

	box-shadow: none;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.chanzine-card:hover {
	transform: none;

	border-color: #c5bbb5;

	background: #fffaf7;

	box-shadow: none;
}

/* Cover */

.chanzine-card-cover-link {
	display: block;

	position: relative;

	overflow: hidden;

	border-radius: 0;
	border-bottom: 1px solid var(--border-color);

	background: var(--surface-muted);
}

.chanzine-card-cover {
	display: block;

	width: 100%;
	aspect-ratio: 16 / 9;

	object-fit: cover;

	transition: opacity .18s ease;
}

.chanzine-card-cover-link:hover .chanzine-card-cover {
	transform: none;
	opacity: .94;
}

/* Contenuto */

.chanzine-card-content {
	display: flex;
	flex: 1;
	flex-direction: column;

	padding: 15px 16px 14px;
}

.chanzine-card-meta {
	margin-bottom: 7px;

	color: var(--text-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1.4;

	text-transform: uppercase;
	letter-spacing: .035em;
}

.chanzine-card-title {
	margin: 0 0 8px;

	color: var(--text-primary);

	font-size: 18px;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: -.015em;
}

.chanzine-card-title a {
	color: inherit;
	text-decoration: none;
}

.chanzine-card-title a:hover {
	color: var(--mv-primary);
	text-decoration: none;
}

.chanzine-card-excerpt {
	display: -webkit-box;

	overflow: hidden;

	margin: 0;

	color: var(--text-secondary);

	font-size: 13px;
	line-height: 1.55;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}

/* Azione */

.chanzine-card-actions {
	display: flex;
	align-items: flex-end;

	margin-top: auto;
	padding-top: 14px;
}

.chanzine-card-actions .button {
	display: inline-flex;
	align-items: center;

	min-height: 0;

	padding: 5px 0 4px;

	border: 0;
	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;

	background: transparent;
	color: var(--text-primary);

	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;

	box-shadow: none;
}

.chanzine-card-actions .button:hover {
	background: transparent;
	color: var(--mv-primary);

	box-shadow: none;
}

/* Sidebar */

.chanzine-sidebar-card {
	padding: 16px 18px;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: #fff;

	box-shadow: none;
}

.chanzine-sidebar-card strong {
	display: block;

	margin-bottom: 7px;
	padding-bottom: 8px;

	border-bottom: 1px solid var(--border-color);

	color: var(--text-primary);

	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
}

.chanzine-sidebar-card p {
	margin: 0;

	color: var(--text-muted);

	font-size: 12px;
	line-height: 1.55;
}

/* Stato vuoto */

.chanzine-empty {
	grid-column: 1 / -1;

	padding: 28px 20px;

	border: 1px dashed var(--border-color);
	border-radius: 0;

	background: #fff;

	color: var(--text-muted);

	font-size: 13px;
	line-height: 1.5;
	text-align: center;
}

/* Due colonne su tablet e desktop meno larghi */

@media (max-width: 1100px) {

	.chanzine-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Una colonna su smartphone */

@media (max-width: 680px) {

	.chanzine-header {
		padding: 18px 0 15px;
	}

	.chanzine-header h1 {
		font-size: 26px;
	}

	.chanzine-breadcrumb {
		margin-bottom: 10px;
		font-size: 10px;
	}

	.chanzine-list {
		grid-template-columns: minmax(0, 1fr);
		gap: 12px;
	}

	.chanzine-card {
		border-radius: 0;
	}

	.chanzine-card-cover-link {
		border-radius: 0;
	}

	.chanzine-card-content {
		padding: 14px;
	}

	.chanzine-card-title {
		font-size: 18px;
	}

	.chanzine-card-excerpt {
		-webkit-line-clamp: 4;
	}

	.chanzine-card-actions .button {
		width: auto;
		text-align: left;
	}
}

/* ===========================
   Chanzine Article
=========================== */

.chanzine-article {
	position: relative;

	margin-bottom: 32px;
}

.chanzine-article-cover {
	display: block;

	width: 100%;
	aspect-ratio: 16 / 9;

	object-fit: cover;

	border: 1px solid var(--border-color);
	border-bottom: 0;
	border-radius: 0;

	background: var(--surface-muted);

	box-shadow: none;
}

.chanzine-article-body {
	position: relative;

	width: 100%;
	max-width: none;

	margin: 0;
	padding: 32px 36px 42px;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: #fff;

	box-shadow: none;
}

.chanzine-article-header {
	margin-bottom: 30px;
	padding-bottom: 22px;

	border-bottom: 1px solid var(--border-color);
}

.chanzine-article-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	gap: 7px;

	margin-bottom: 12px;

	color: var(--text-muted);

	font-size: 10px;
	font-weight: 700;
	line-height: 1.45;

	text-transform: uppercase;
	letter-spacing: .035em;
}

.chanzine-article-meta a {
	color: inherit;
	text-decoration: none;
}

.chanzine-article-meta a:hover {
	color: var(--mv-primary);
	text-decoration: none;
}

/* Titolo + salva */

.chanzine-article-title-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

	gap: 24px;

	margin-bottom: 0;
}

.chanzine-article-title-row h1 {
	flex: 1;

	max-width: 820px;

	margin: 0;

	color: var(--text-primary);

	font-size: clamp(32px, 4vw, 44px);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.035em;

	text-wrap: balance;
}

.chanzine-save-button {
	display: inline-flex;
	align-items: center;

	flex: 0 0 auto;

	gap: 7px;

	margin: 6px 0 0;
	padding: 5px 0 4px;

	border: 0;
	border-bottom: 1px solid var(--border-color);
	border-radius: 0;

	background: transparent;
	color: var(--text-muted);

	font: inherit;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;

	cursor: pointer;

	box-shadow: none;

	transition:
		border-color .15s ease,
		color .15s ease;
}

.chanzine-save-button:hover {
	border-bottom-color: var(--mv-primary);

	color: var(--mv-primary);
}

.chanzine-save-button i {
	font-size: 11px;
}

/* ===========================
   Chanzine Markdown Content
=========================== */

.chanzine-content {
	color: var(--text-primary);

	font-size: 16px;
	line-height: 1.78;

	overflow-wrap: anywhere;
}

.chanzine-content > :first-child {
	margin-top: 0;
}

.chanzine-content > :last-child {
	margin-bottom: 0;
}

/* Titoli */

.chanzine-content h1,
.chanzine-content h2,
.chanzine-content h3,
.chanzine-content h4,
.chanzine-content h5,
.chanzine-content h6 {
	color: var(--text-primary);

	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -.02em;

	text-wrap: balance;
}

.chanzine-content h1 {
	margin: 2em 0 .7em;

	font-size: 30px;
}

.chanzine-content h2 {
	margin: 2em 0 .75em;
	padding-bottom: 8px;

	border-bottom: 1px solid var(--border-color);

	font-size: 25px;
}

.chanzine-content h3 {
	margin: 1.8em 0 .65em;

	font-size: 21px;
}

.chanzine-content h4 {
	margin: 1.7em 0 .6em;

	font-size: 18px;
}

.chanzine-content h5 {
	margin: 1.6em 0 .55em;

	font-size: 16px;
}

.chanzine-content h6 {
	margin: 1.6em 0 .55em;

	color: var(--text-muted);

	font-size: 11px;

	text-transform: uppercase;
	letter-spacing: .08em;
}

/* Testo */

.chanzine-content p {
	margin: 0 0 1.35em;
}

.chanzine-content strong {
	font-weight: 800;
}

.chanzine-content em {
	font-style: italic;
}

.chanzine-content del {
	color: var(--text-muted);
}

/* Link */

.chanzine-content a {
	color: var(--mv-primary);

	font-weight: 700;
	text-decoration: none;

	border-bottom: 1px solid var(--mv-primary);

	transition:
		color .15s ease,
		border-color .15s ease;
}

.chanzine-content a:visited {
	color: var(--mv-primary);
}

.chanzine-content a:hover {
	color: var(--text-primary);

	border-bottom-color: var(--text-primary);
}

/* Liste */

.chanzine-content ul,
.chanzine-content ol {
	margin: 0 0 1.4em;
	padding-left: 1.45em;
}

.chanzine-content li {
	margin: .4em 0;
	padding-left: .2em;
}

.chanzine-content li::marker {
	color: var(--mv-primary);

	font-weight: 800;
}

.chanzine-content li > ul,
.chanzine-content li > ol {
	margin-top: .45em;
	margin-bottom: .45em;
}

/* Checkbox Markdown */

.chanzine-content input[type="checkbox"] {
	width: 16px;
	height: 16px;

	margin: 0 8px 0 0;

	vertical-align: -3px;

	accent-color: var(--mv-primary);
}

.chanzine-content input[type="checkbox"][disabled] {
	opacity: 1;
}

/* Citazioni */

.chanzine-content blockquote {
	margin: 1.8em 0;
	padding: 16px 18px;

	border: 0;
	border-left: 3px solid var(--mv-primary);
	border-radius: 0;

	background: #fffaf7;
	color: var(--text-secondary);

	font-size: 16px;
	font-style: normal;
	line-height: 1.7;
}

.chanzine-content blockquote > :first-child {
	margin-top: 0;
}

.chanzine-content blockquote > :last-child {
	margin-bottom: 0;
}

.chanzine-content blockquote strong {
	color: var(--text-primary);
}

/* Codice inline */

.chanzine-content code {
	padding: .12em .35em;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: var(--surface-muted);
	color: var(--text-primary);

	font-family:
		"SFMono-Regular",
		Consolas,
		"Liberation Mono",
		Menlo,
		monospace;

	font-size: .88em;
}

/* Blocchi di codice */

.chanzine-content pre {
	max-width: 100%;

	margin: 1.8em 0;
	padding: 18px 20px;

	overflow-x: auto;

	border: 1px solid #2a2f36;
	border-radius: 0;

	background: #171a1f;
	color: #f1f3f5;

	font-size: 13px;
	line-height: 1.65;

	tab-size: 4;

	-webkit-overflow-scrolling: touch;
}

.chanzine-content pre code {
	display: block;

	padding: 0;

	border: 0;
	border-radius: 0;

	background: transparent;
	color: inherit;

	font-size: inherit;

	white-space: pre;
}

/* Separatore */

.chanzine-content hr {
	width: 72px;
	height: 2px;

	margin: 2.6em 0;

	border: 0;

	background: var(--mv-primary);

	opacity: .65;
}

/* Immagini */

.chanzine-content img {
	display: block;

	max-width: 100%;
	height: auto;

	margin: 2em auto;

	border-radius: 0;

	background: var(--surface-muted);
}

.chanzine-content figure {
	margin: 2em 0;
}

.chanzine-content figure img {
	margin: 0 auto;
}

.chanzine-content figcaption {
	max-width: 680px;

	margin: 8px auto 0;

	color: var(--text-muted);

	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}

.chanzine-content a img {
	transition: opacity .15s ease;
}

.chanzine-content a:hover img {
	opacity: .94;
}

/* Tabelle */

.chanzine-content table {
	width: 100%;

	margin: 1.8em 0;

	border-collapse: collapse;
	border-spacing: 0;

	font-size: 13px;
	line-height: 1.5;
}

.chanzine-content th,
.chanzine-content td {
	padding: 10px 12px;

	border: 1px solid var(--border-color);

	text-align: left;
	vertical-align: top;
}

.chanzine-content th {
	background: #fffaf7;
	color: var(--text-primary);

	font-weight: 800;
}

.chanzine-content tbody tr:nth-child(even) {
	background: var(--surface-muted);
}

/* Elementi vari */

.chanzine-content mark {
	padding: .08em .25em;

	background: #fff3bf;
	color: #343a40;
}

.chanzine-content sup,
.chanzine-content sub {
	font-size: .75em;
	line-height: 0;
}

.chanzine-content kbd {
	padding: 2px 6px;

	border: 1px solid var(--border-color);
	border-bottom-width: 2px;
	border-radius: 0;

	background: var(--surface-muted);

	font-family:
		"SFMono-Regular",
		Consolas,
		"Liberation Mono",
		Menlo,
		monospace;

	font-size: .82em;
}

/* ===========================
   Chanzine Discussion
=========================== */

.chanzine-discussion {
	display: grid;

	gap: 10px;

	padding: 15px 16px 15px 14px;

	border: 1px solid var(--border-color);
	border-left: 3px solid var(--mv-primary);
	border-radius: 0;

	background: #fff;

	box-shadow: none;
}

.chanzine-discussion-icon {
	display: none;
}

.chanzine-discussion-copy {
	min-width: 0;
}

.chanzine-discussion-copy h2 {
	margin: 0 0 6px;
	padding-bottom: 8px;

	border-bottom: 1px solid var(--border-color);

	color: var(--text-primary);

	font-size: 14px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -.015em;
}

.chanzine-discussion-copy p {
	margin: 0;

	color: var(--text-muted);

	font-size: 12px;
	line-height: 1.5;
}

.chanzine-discussion-link {
	display: inline-flex;
	align-items: center;

	width: fit-content;

	gap: 7px;

	padding: 4px 0 2px;

	border-bottom: 2px solid var(--mv-primary);

	color: var(--text-primary);

	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;

	text-decoration: none;

	transition:
		color .15s ease,
		gap .15s ease;
}

.chanzine-discussion-link:hover {
	color: var(--mv-primary);

	gap: 9px;
}

.chanzine-discussion-link i {
	color: var(--mv-primary);

	font-size: 9px;
}

/* Ritorno Chanzine */

.chanzine-article-sidebar a[href="/chanzine"],
.chanzine-article-sidebar a[href="/chanzine/"],
.chanzine-article-sidebar a[href="/chanzine"]:visited,
.chanzine-article-sidebar a[href="/chanzine/"]:visited {
	border-left: 3px solid var(--mv-primary);

	color: var(--text-primary);
	text-decoration: none;
}

.chanzine-article-sidebar a[href="/chanzine"]:hover,
.chanzine-article-sidebar a[href="/chanzine/"]:hover {
	color: var(--mv-primary);
	text-decoration: none;
}

/* ===========================
   Chanzine Widget Layout
=========================== */

.chanzine-page-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	align-items: start;

	gap: 28px;
}

.chanzine-page-layout.is-full-width {
	grid-template-columns: minmax(0, 1fr);
}

.chanzine-page-layout.has-widget-sidebar .chanzine-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.chanzine-main {
	min-width: 0;

	margin-top: -32px;
}

.chanzine-sidebar {
	position: sticky;
	top: 128px;

	align-self: start;

	min-width: 0;
	max-height: calc(100vh - 146px);

	overflow-x: hidden;
	overflow-y: auto;

	overscroll-behavior: contain;

	scrollbar-width: none;
	-ms-overflow-style: none;
}

.chanzine-sidebar::-webkit-scrollbar {
	display: none;

	width: 0;
	height: 0;

	background: transparent;
}

.chanzine-widget-area-before {
	grid-column: 1 / -1;
}

.mv-block-area.chanzine-widget-area-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);

	width: 100%;

	gap: 14px;
}

.mv-block-area.chanzine-widget-area-sidebar > * {
	grid-column: 1 / -1;

	width: 100%;
	min-width: 0;
}

.chanzine-widget-area-after {
	margin-top: 24px;
}

/* ===========================
   Chanzine Article Layout
=========================== */

.chanzine-article-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	align-items: start;

	width: 100%;

	gap: 28px;
}

.chanzine-article-main,
.chanzine-article-sidebar {
	min-width: 0;
}

.chanzine-article-sidebar {
	position: sticky;
	top: 128px;

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-content: start;
	align-self: start;

	max-height: calc(100vh - 146px);

	gap: 14px;

	overflow-x: hidden;
	overflow-y: auto;

	overscroll-behavior: contain;

	scrollbar-width: none;
	-ms-overflow-style: none;
}

.chanzine-article-sidebar::-webkit-scrollbar {
	display: none;

	width: 0;
	height: 0;

	background: transparent;
}

.chanzine-article-widget-area-before {
	margin-bottom: 24px;
}

.chanzine-article-widget-area-after {
	margin-top: 24px;
}

.chanzine-article-widget-area-sidebar {
	display: grid;
	grid-template-columns: minmax(0, 1fr);

	width: 100%;

	gap: 14px;
}

.chanzine-article-widget-area-sidebar .mv-widget,
.chanzine-article-widget-area-sidebar .mv-block-width-12,
.chanzine-article-widget-area-sidebar .mv-block-width-9,
.chanzine-article-widget-area-sidebar .mv-block-width-8,
.chanzine-article-widget-area-sidebar .mv-block-width-6,
.chanzine-article-widget-area-sidebar .mv-block-width-4,
.chanzine-article-widget-area-sidebar .mv-block-width-3 {
	grid-column: 1 / -1;

	width: 100%;
	min-width: 0;
}

/* ===========================
   Chanzine Submit
=========================== */

.chanzine-submit {
	width: 100%;
	max-width: 1120px;

	margin: 0 auto;
	padding: 28px 0 48px;
}

.chanzine-submit-header {
	margin-bottom: 22px;
	padding-bottom: 18px;

	border-bottom: 1px solid var(--border-color);
}

.chanzine-submit-eyebrow {
	display: block;

	margin-bottom: 6px;

	color: var(--mv-primary);

	font-size: 10px;
	font-weight: 800;
	line-height: 1.3;

	text-transform: uppercase;
	letter-spacing: .1em;
}

.chanzine-submit-header h1 {
	margin: 0 0 7px;

	color: var(--text-primary);

	font-size: 30px;
	font-weight: 800;
	line-height: 1.12;
	letter-spacing: -.025em;
}

.chanzine-submit-header p {
	max-width: 760px;

	margin: 0;

	color: var(--text-muted);

	font-size: 13px;
	line-height: 1.6;
}

/* Layout */

.chanzine-submit-form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 310px;
	align-items: start;

	gap: 28px;

	padding: 0;

	border: 0;

	background: transparent;

	box-shadow: none;
}

.chanzine-submit-main,
.chanzine-submit-sidebar {
	min-width: 0;
}

.chanzine-submit-sidebar {
	display: grid;

	gap: 14px;
}

/* Sezioni */

.chanzine-submit-card {
	display: grid;

	gap: 18px;

	padding: 18px;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: #fff;

	box-shadow: none;
}

.chanzine-submit-card-header {
	padding-bottom: 11px;

	border-bottom: 1px solid var(--border-color);
}

.chanzine-submit-card-header h2 {
	margin: 0 0 4px;

	color: var(--text-primary);

	font-size: 15px;
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -.015em;
}

.chanzine-submit-card-header p {
	margin: 0;

	color: var(--text-muted);

	font-size: 11px;
	line-height: 1.5;
}

/* Campi */

.chanzine-submit-form .mv-field {
	display: grid;

	min-width: 0;

	gap: 7px;
}

.chanzine-submit-form .mv-field label {
	color: var(--text-primary);

	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
}

.chanzine-submit-field-help {
	margin-top: -2px;

	color: var(--text-muted);

	font-size: 10px;
	line-height: 1.5;
}

.chanzine-submit-form input[type="text"],
.chanzine-submit-form input[type="file"],
.chanzine-submit-form select,
.chanzine-submit-form textarea {
	display: block;

	width: 100%;
	max-width: none;

	box-sizing: border-box;

	margin: 0;
	padding: 10px 11px;

	border: 1px solid #cfc7c2;
	border-radius: 0;

	background: #fffaf7;
	color: var(--text-primary);

	font: inherit;
	font-size: 13px;
	line-height: 1.5;

	box-shadow: none;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.chanzine-submit-form textarea {
	resize: vertical;
}

.chanzine-submit-form #excerpt {
	min-height: 96px;
}

.chanzine-submit-form #content {
	min-height: 300px;
}

.chanzine-submit-form input[type="text"]:hover,
.chanzine-submit-form input[type="file"]:hover,
.chanzine-submit-form select:hover,
.chanzine-submit-form textarea:hover {
	border-color: #bdb3ad;
}

.chanzine-submit-form input:focus,
.chanzine-submit-form select:focus,
.chanzine-submit-form textarea:focus {
	outline: 2px solid var(--mv-primary);
	outline-offset: -2px;

	border-color: var(--mv-primary);

	background: #fff;

	box-shadow: none;
}

.chanzine-submit-form input[type="file"] {
	padding: 8px 9px;
}

/* Sidebar submit */

.chanzine-submit-sidebar .chanzine-submit-card {
	border-left: 3px solid var(--mv-primary);

	padding-left: 16px;
}

/* Azioni */

.chanzine-submit-actions {
	display: grid;

	gap: 8px;

	padding: 0;
}

.chanzine-submit-actions .button,
.chanzine-submit-actions button {
	display: flex;
	align-items: center;
	justify-content: space-between;

	width: 100%;
	min-height: 34px;

	box-sizing: border-box;

	padding: 6px 0 4px;

	border-radius: 0;

	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;

	text-align: left;

	box-shadow: none;
}

.chanzine-submit-actions .button-primary,
.chanzine-submit-actions button[type="submit"] {
	border: 0;
	border-bottom: 2px solid var(--mv-primary);

	background: transparent;
	color: var(--text-primary);
}

.chanzine-submit-actions .button-primary:hover,
.chanzine-submit-actions button[type="submit"]:hover {
	background: #fffaf7;
	color: var(--mv-primary);
}

.chanzine-submit-actions .button-secondary {
	border: 0;
	border-bottom: 1px solid var(--border-color);

	background: transparent;
	color: var(--text-muted);
}

.chanzine-submit-actions .button-secondary:hover {
	border-bottom-color: var(--mv-primary);

	background: #fffaf7;
	color: var(--text-primary);
}

/* ===========================
   Responsive
=========================== */

@media (max-width: 900px) {

	.chanzine-submit {
		padding: 24px 0 40px;
	}

	.chanzine-submit-form {
		grid-template-columns: minmax(0, 1fr);
	}

	.chanzine-submit-main,
	.chanzine-submit-sidebar {
		width: 100%;
	}

	.chanzine-submit-sidebar {
		grid-template-columns: minmax(0, 1fr);
	}

	.chanzine-article-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.chanzine-article-sidebar {
		order: 2;
	}

	.chanzine-article-body {
		max-width: 100%;

		margin: 0;
		padding: 30px 28px 40px;
	}

	.chanzine-article-header {
		margin-bottom: 28px;
	}

	.chanzine-page-layout {
		grid-template-columns: minmax(0, 1fr);
	}

	.chanzine-sidebar {
		order: 2;
	}

	.chanzine-sidebar,
	.chanzine-article-sidebar {
		position: static;
		top: auto;

		max-height: none;

		overflow: visible;

		overscroll-behavior: auto;
	}

	.chanzine-widget-area-before {
		grid-column: auto;
	}
}

@media (max-width: 680px) {

	.chanzine-submit {
		padding: 18px 0 32px;
	}

	.chanzine-submit-header {
		margin-bottom: 18px;
		padding-bottom: 14px;
	}

	.chanzine-submit-header h1 {
		font-size: 26px;
	}

	.chanzine-submit-form {
		gap: 16px;
	}

	.chanzine-submit-card {
		gap: 16px;

		padding: 15px;
	}

	.chanzine-submit-sidebar .chanzine-submit-card {
		padding-left: 13px;
	}

	.chanzine-submit-form #content {
		min-height: 240px;
	}

	.chanzine-article {
		margin-bottom: 24px;

		border-right: 0;
		border-left: 0;
		border-radius: 0;
	}

	.chanzine-article-cover {
		aspect-ratio: 4 / 3;
	}

	.chanzine-article-body {
		max-width: 100%;

		margin: 0;
		padding: 24px 20px 34px;

		border-radius: 0;
	}

	.chanzine-article-header {
		margin-bottom: 24px;
		padding-bottom: 18px;
	}

	.chanzine-article-meta {
		margin-bottom: 10px;

		font-size: 10px;
	}

	.chanzine-article-title-row {
		flex-direction: column;

		gap: 12px;
	}

	.chanzine-article-title-row h1 {
		font-size: clamp(29px, 9vw, 38px);
		line-height: 1.08;
		letter-spacing: -.03em;
	}

	.chanzine-save-button {
		margin: 0;
	}

	.chanzine-content {
		font-size: 16px;
		line-height: 1.75;
	}

	.chanzine-content p {
		margin-bottom: 1.3em;
	}

	.chanzine-content h1 {
		font-size: 27px;
	}

	.chanzine-content h2 {
		margin-top: 1.9em;

		font-size: 24px;
	}

	.chanzine-content h3 {
		font-size: 20px;
	}

	.chanzine-content h4 {
		font-size: 18px;
	}

	.chanzine-content blockquote {
		margin: 1.6em 0;
		padding: 15px 16px;

		font-size: 16px;
	}

	.chanzine-content pre {
		margin-right: 0;
		margin-left: 0;
		padding: 16px;

		border-radius: 0;
	}

	.chanzine-content img {
		margin: 1.6em auto;
	}

	.chanzine-content table {
		display: block;

		max-width: 100%;

		overflow-x: auto;

		white-space: nowrap;

		-webkit-overflow-scrolling: touch;
	}

	.chanzine-content th,
	.chanzine-content td {
		padding: 10px 11px;
	}

	.chanzine-page-layout.has-widget-sidebar .chanzine-list {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* ==========================================================
   Ricerca Chanzine
   ========================================================== */

.chanzine-search {
	display: grid;

	gap: 8px;

	margin: 0 0 16px;
	padding: 12px 14px;

	border: 1px solid var(--border-color);
	border-radius: 0;

	background: #fff;

	box-shadow: none;
}

.chanzine-search-field {
	position: relative;
}

.chanzine-search-field > i {
	position: absolute;
	top: 50%;
	left: 11px;
	z-index: 1;

	display: flex;
	align-items: center;
	justify-content: center;

	width: 14px;
	height: 14px;

	color: var(--mv-primary);

	font-size: 10px;
	line-height: 1;

	pointer-events: none;

	transform: translateY(-50%);
}

.chanzine-search-field input {
	display: block;

	width: 100%;
	height: 36px;

	box-sizing: border-box;

	margin: 0;
	padding: 0 10px 0 34px;

	border: 1px solid var(--border-color);
	border-radius: 0;
	outline: 0;

	background: #fffaf7;
	color: var(--text-primary);

	font: inherit;
	font-size: 12px;
	line-height: 36px;

	box-shadow: none;

	transition:
		border-color .15s ease,
		background-color .15s ease;
}

.chanzine-search-field input[type="search"] {
	-webkit-appearance: none;
	appearance: none;
}

.chanzine-search-field input[type="search"]::-webkit-search-decoration,
.chanzine-search-field input[type="search"]::-webkit-search-cancel-button,
.chanzine-search-field input[type="search"]::-webkit-search-results-button,
.chanzine-search-field input[type="search"]::-webkit-search-results-decoration {
	display: none;

	-webkit-appearance: none;
}

.chanzine-search-field input::placeholder {
	color: var(--text-muted);
}

.chanzine-search-field input:hover {
	border-color: #c5bbb5;
}

.chanzine-search-field input:focus {
	border-color: var(--mv-primary);

	background: #fff;

	box-shadow: inset 0 -2px 0 var(--mv-primary);
}

.chanzine-search > button {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;

	width: fit-content;
	min-height: 0;

	gap: 6px;

	margin: 0;
	padding: 5px 0 3px;

	border: 0;
	border-bottom: 2px solid var(--mv-primary);
	border-radius: 0;

	background: transparent;
	color: var(--text-primary);

	font: inherit;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.3;

	cursor: pointer;

	box-shadow: none;

	transition:
		color .15s ease,
		background-color .15s ease;
}

.chanzine-search > button:hover {
	background: transparent;
	color: var(--mv-primary);
}

.chanzine-search > button:focus-visible {
	outline: 2px solid var(--mv-primary);
	outline-offset: 3px;
}