/* Fonts are enqueued per family from the plugin settings; see NCP_Render::ncp_get_google_font_urls(). */

:root {
	--ncp-bg: #ece7da;
	--ncp-paper: #ffffff;
	--ncp-ink: #111111;
	--ncp-muted: #6a665d;
	--ncp-headline: #9f1d1d;
	--ncp-divider: #dad2bf;
	--ncp-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Telugu", "Nirmala UI", sans-serif;
	--ncp-title-font: 'Roboto', 'Ramabhadra', 'Mallanna', sans-serif;
	--ncp-title-color: var(--ncp-headline);
	--ncp-title-size: 58px;
	--ncp-title-line-height: 1.2;
	--ncp-title-letter-spacing: -0.02em;
	--ncp-title-text-transform: none;
	--ncp-title-font-style: normal;
	--ncp-subtitle-font: 'Roboto', 'Ramabhadra', 'Mallanna', sans-serif;
	--ncp-subtitle-weight: 500;
	--ncp-subtitle-color: #4b5563;
	--ncp-subtitle-size: 1.08rem;
	--ncp-subtitle-line-height: 1.45;
	--ncp-subtitle-letter-spacing: 0.01em;
	--ncp-subtitle-text-transform: none;
	--ncp-subtitle-font-style: normal;
	--ncp-description-font: 'Roboto', 'Ramabhadra', 'Mallanna', sans-serif;
	--ncp-description-color: #2a2a2a;
	--ncp-description-size: 1.02rem;
	--ncp-description-line-height: 1.7;
	--ncp-description-letter-spacing: 0;
	--ncp-description-text-transform: none;
	--ncp-description-font-style: normal;
}

.ncp-clipping {
	position: relative;
	margin: 16px auto;
	width: 900px;
	max-width: 100%;
	min-width: 720px;
	color: var(--ncp-ink);
	background: transparent;
}

body.ncp-clipping-page {
	margin: 0;
	background: #ffffff;
	overflow-x: hidden;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.ncp-generate-clip-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 0 0 1rem;
	padding: 1rem 0;
}

.ncp-generate-clip-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.75rem;
	border: var(--ncp-btn-border-size, 1px) solid var(--ncp-btn-border-color, rgba(255, 255, 255, 0.18));
	border-radius: var(--ncp-btn-radius, 999px);
	background: var(--ncp-btn-background, var(--ncp-btn-bg, #9f1d1d));
	font-family: var(--ncp-btn-font, inherit);
	font-size: var(--ncp-btn-text-size, 1.08rem);
	font-weight: var(--ncp-btn-text-weight, 700);
	font-style: var(--ncp-btn-text-style, normal);
	padding: var(--ncp-btn-pad-v, 1.12rem) var(--ncp-btn-pad-h, 2.15rem);
	min-height: 50px;
	min-width: 250px;
	color: var(--ncp-btn-color, #ffffff);
	box-shadow: 0 12px 24px color-mix(in srgb, var(--ncp-btn-bg, #9f1d1d) 35%, transparent);
	cursor: pointer;
	letter-spacing: 0.02em;
	text-transform: none;
	transition: transform 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease, filter 0.18s ease;
}

.ncp-generate-clip-btn,
.ncp-generate-clip-btn:visited,
.ncp-generate-clip-btn:focus {
	color: var(--ncp-btn-color, #ffffff);
	text-decoration: none;
}

.ncp-generate-clip-btn__icon {
	width: auto;
	height: auto;
	font-size: 1.15em;
	line-height: 1;
}

.ncp-generate-clip-btn:hover {
	color: var(--ncp-btn-color, #ffffff);
	text-decoration: none;
	transform: translateY(-2px) scale(1.015);
	filter: brightness(1.15);
	box-shadow: 0 16px 32px color-mix(in srgb, var(--ncp-btn-bg, #9f1d1d) 50%, transparent);
}

.ncp-generate-clip-btn:active {
	transform: translateY(0) scale(0.995);
}

.ncp-generate-clip-btn:disabled {
	opacity: 0.75;
	cursor: wait;
}

.ncp-clipping-canvas {
	background: var(--ncp-paper);
	border: 1px solid var(--ncp-divider);
	box-shadow: 0 12px 30px rgba(22, 22, 22, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.78);
	padding: 1.2rem 1.2rem 1.5rem;
}

.ncp-masthead {
	display: grid;
	grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
	grid-template-areas: "logo banner qr";
	align-items: center;
	gap: 0.75rem;
	padding-bottom: 0.7rem;
	border-bottom: 2px solid var(--ncp-ink);
}

/* Header text (publication name, QR title) keeps the UI font, independent of clip typography. */
.ncp-masthead {
	font-family: var(--ncp-ui-font);
}

/* Grid areas keep the logo in place when the banner or QR code is switched off. */
.ncp-masthead .ncp-source-wrap { grid-area: logo; }
.ncp-masthead .ncp-banner-center { grid-area: banner; }
.ncp-masthead .ncp-qr-block { grid-area: qr; }

.ncp-masthead--logo-center {
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1fr);
	grid-template-areas: "banner logo qr";
}

.ncp-masthead--logo-center .ncp-qr-block {
	justify-self: end;
}

.ncp-masthead--logo-right {
	grid-template-columns: auto minmax(0, 1fr) minmax(0, 1.2fr);
	grid-template-areas: "qr banner logo";
}

.ncp-masthead--logo-full {
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"logo logo"
		"banner qr";
}

.ncp-masthead--logo-full.ncp-masthead--no-banner.ncp-masthead--no-qr {
	grid-template-areas: "logo logo";
}

.ncp-masthead--logo-full .ncp-source-wrap {
	min-height: 0;
}

.ncp-masthead--logo-full .ncp-branding-logo {
	width: 100%;
	max-height: none;
}

.ncp-masthead--logo-full .ncp-banner-center:empty,
.ncp-banner-center.is-empty {
	min-height: 0;
	padding: 0;
}

.ncp-source {
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.ncp-source-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	min-width: 0;
	min-height: 76px;
}

.ncp-branding-logo {
	display: block;
	align-self: center;
	width: auto;
	height: auto;
	max-height: 140px;
	max-width: 100%;
	object-fit: contain;
}

.ncp-banner {
	background: var(--ncp-headline);
	color: #ffffff;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 0.35rem 0.6rem;
	text-transform: uppercase;
}

.ncp-meta {
	margin-top: 0.8rem;
	padding: 6px 14px;
	background: #274f51;
	color: #ffffff;
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	min-height: 40px;
	line-height: 1.3;
	box-sizing: border-box;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 3;
}

.ncp-meta strong {
	font-weight: 700;
}

.ncp-meta-right {
	margin-left: auto;
	text-align: right;
}

.ncp-meta-left:empty,
.ncp-meta-right:empty {
	display: none;
}

.ncp-title {
	margin: 0.8rem 0 1rem;
	font-size: var(--ncp-title-size);
	line-height: var(--ncp-title-line-height);
	color: var(--ncp-title-color);
	font-family: var(--ncp-title-font) !important;
	font-weight: var(--ncp-title-weight) !important;
	letter-spacing: var(--ncp-title-letter-spacing);
	text-transform: var(--ncp-title-text-transform);
	font-style: var(--ncp-title-font-style);
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	text-align: left;
	word-break: break-word;
	overflow-wrap: anywhere;
	max-width: 100%;
}

.ncp-subtitle {
	margin: 0 0 0.85rem;
	font-size: var(--ncp-subtitle-size);
	line-height: var(--ncp-subtitle-line-height);
	color: var(--ncp-subtitle-color);
	font-weight: var(--ncp-subtitle-weight);
	font-family: var(--ncp-subtitle-font) !important;
	letter-spacing: var(--ncp-subtitle-letter-spacing);
	text-transform: var(--ncp-subtitle-text-transform);
	font-style: var(--ncp-subtitle-font-style);
	padding-left: 0.4rem;
	border-left: 3px solid rgba(15, 52, 96, 0.2);
}

.ncp-description {
	margin: 0 0 1rem;
	font-size: var(--ncp-description-size);
	line-height: var(--ncp-description-line-height);
	color: var(--ncp-description-color);
	font-weight: var(--ncp-description-weight) !important;
	padding-left: 0.8rem;
	border-left: 3px solid rgba(159, 29, 29, 0.3);
	font-family: var(--ncp-description-font) !important;
	letter-spacing: var(--ncp-description-letter-spacing);
	text-transform: var(--ncp-description-text-transform);
	font-style: var(--ncp-description-font-style);
}

.ncp-featured-image-wrap {
	margin: 0 0 1rem;
	padding: 0.65rem;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 8px 16px rgba(18, 18, 18, 0.08);
	break-inside: avoid;
}

.ncp-featured-image {
	display: block;
	width: 100%;
	height: auto;
	max-height: 360px;
	object-fit: cover;
	border: 1px solid var(--ncp-divider);
}

.ncp-article-body {
	font-size: 1rem;
	line-height: 1.7;
	column-gap: 1.25rem;
	column-fill: balance;
	column-rule: 1px solid rgba(0, 0, 0, 0.08);
	text-align: justify;
	text-justify: inter-word;
	hyphens: auto;
	margin-top: 0.2rem;
}

/* Article flow: image first, then text below */
.ncp-article-grid {
	display: block;
	width: 100%;
}

.ncp-article-left,
.ncp-article-right {
	display: block;
	width: 100%;
}

.ncp-clipping.ncp-has-featured {
	width: 820px;
	min-width: 720px;
}

.ncp-article-right {
	margin-top: 0.25rem;
}

.ncp-article-right .ncp-article-body {
	margin-top: 0;
}

/* Typography (fonts, sizes, colors) is emitted as inline CSS from the plugin settings. */

/* Prevent title background overlapping the date strip */
.ncp-clipping .ncp-title { position: relative; z-index: 2; margin-top: 0.6rem; text-wrap: balance; }

/* Newspaper-style framing */
.ncp-clipping-canvas { border-radius: 2px; border: 1px solid rgba(60,60,60,0.06); }

/* Column count variants */
.ncp-columns-1 { column-count: 1; }
.ncp-columns-2 { column-count: 2; }
.ncp-columns-3 { column-count: 3; }
.ncp-columns-4 { column-count: 4; }

/* Responsive adjustments (posts embedding a clip only; the clip page is scaled, not reflowed) */
@media (max-width: 900px) {
	body:not(.ncp-clipping-page) .ncp-columns-3,
	body:not(.ncp-clipping-page) .ncp-columns-4 { column-count: 2; }
	body:not(.ncp-clipping-page) .ncp-clipping.ncp-has-featured {
		width: 100%;
		min-width: 0;
	}
}


.ncp-article-body p,
.ncp-article-body li {
	text-align: justify;
	margin: 0 0 1rem;
	break-inside: auto;
}

.ncp-article-body figure,
.ncp-article-body img,
.ncp-article-body blockquote,
.ncp-article-body table,
.ncp-article-body h2,
.ncp-article-body h3,
.ncp-article-body h4 {
	break-inside: avoid;
	column-break-inside: avoid;
	page-break-inside: avoid;
}

.ncp-article-body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0.25rem 0 1rem;
}

.ncp-article-body h2,
.ncp-article-body h3,
.ncp-article-body h4 {
	margin: 0 0 0.75rem;
	line-height: 1.3;
}

.ncp-footer {
	font-family: var(--ncp-ui-font);
	margin-top: 1rem;
	padding-top: 0.85rem;
	border-top: 1px solid var(--ncp-divider);
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0.8rem;
}

.ncp-copyright {
	font-size: 0.82rem;
	line-height: 1.5;
	color: var(--ncp-muted);
	font-style: italic;
}

.ncp-article-body > * {
	break-inside: auto;
	margin-top: 0;
}

/* Toolbar: compact, neutral, always in the default UI font (never the clip typography). */
.ncp-floating-actions {
	position: sticky;
	top: 8px;
	z-index: 5;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0 auto 10px;
	padding: 6px;
	width: fit-content;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.96);
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
	font-family: var(--ncp-ui-font);
	box-sizing: border-box;
}

.ncp-floating-actions--footer {
	position: static;
	margin: 10px auto 0;
}

.ncp-clipping .ncp-action-btn,
.ncp-clipping .ncp-select-control {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 34px;
	min-height: 34px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	background: #ffffff;
	color: #1f2937;
	font-family: var(--ncp-ui-font);
	font-size: 13px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
	line-height: 1;
	text-transform: none;
	text-decoration: none;
	box-shadow: none;
	cursor: pointer;
	box-sizing: border-box;
	transition: background-color 0.15s ease, border-color 0.15s ease;
}

.ncp-clipping .ncp-action-btn:hover,
.ncp-clipping .ncp-select-control:hover {
	background: #f3f4f6;
	border-color: #d1d5db;
	color: #111827;
}

.ncp-clipping .ncp-action-btn[disabled] {
	opacity: 0.6;
	cursor: wait;
}

.ncp-clipping .ncp-select-control {
	-webkit-appearance: none;
	appearance: none;
	padding-right: 28px;
	background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%);
	background-position: calc(100% - 15px) 52%, calc(100% - 10px) 52%;
	background-size: 5px 5px, 5px 5px;
	background-repeat: no-repeat;
}

.ncp-clipping .ncp-action-btn[data-ncp-action="download"] {
	background: #111827;
	border-color: #111827;
	color: #ffffff;
}

.ncp-clipping .ncp-action-btn[data-ncp-action="download"]:hover {
	background: #000000;
	color: #ffffff;
}

.ncp-action-btn__icon {
	display: inline-block;
	font-size: 14px;
	line-height: 1;
}

.ncp-action-btn__icon::before {
	display: inline-block;
	line-height: 1;
}

.ncp-action-btn[data-ncp-action="download"] .ncp-action-btn__icon::before {
	content: "\2193";
}

.ncp-action-btn[data-ncp-action="share"] .ncp-action-btn__icon::before {
	content: "\2197";
}

.ncp-action-btn[data-ncp-action="print"] .ncp-action-btn__icon::before {
	content: "\2399";
}

.ncp-action-btn[data-ncp-action="home"] .ncp-action-btn__icon::before {
	content: "\2302";
}

/* Floating toolbar: one compact bar fixed to the bottom-right of the screen. */
.ncp-floating-actions--floating {
	position: fixed;
	top: auto;
	right: 16px;
	bottom: 16px;
	z-index: 50;
	justify-content: flex-end;
	margin: 0;
	max-width: calc(100% - 32px);
	box-shadow: 0 8px 28px rgba(15, 23, 42, 0.18);
}

.ncp-is-mobile .ncp-floating-actions--floating {
	right: 8px;
	bottom: 8px;
	max-width: calc(100% - 16px);
	justify-content: center;
}

/* The clip page always lays the clip out at its desktop width, so phones render (and download)
   exactly what desktops do; the popup zooms it to fit instead of reflowing it. */
body.ncp-clipping-page .ncp-clipping {
	min-width: 900px;
}

body.ncp-clipping-page .ncp-clipping.ncp-has-featured {
	min-width: 820px;
}

/* Room under the clip so the floating toolbar never covers the footer. */
.ncp-clipping.ncp-toolbar-floating {
	margin-bottom: 96px;
}

/* Thin site-name bar at the top of the clip page. */
.ncp-site-header {
	padding: 10px 16px;
	background: #ffffff;
	border-bottom: 1px solid #e5e7eb;
	text-align: center;
	font: 700 18px/1.3 var(--ncp-ui-font);
	letter-spacing: 0.02em;
}

.ncp-site-header a,
.ncp-site-header a:visited {
	color: #111827;
	text-decoration: none;
}

.ncp-site-header a:hover {
	text-decoration: underline;
}

/* Google Translate: keep its banner, tooltips and highlights out of the clip. */
#ncp-google-translate,
.goog-te-banner-frame,
.skiptranslate > iframe,
#goog-gt-tt,
.goog-te-balloon-frame,
.VIpgJd-ZVi9od-ORHb-OEVmcd {
	display: none !important;
}

body.ncp-clipping-page {
	top: 0 !important;
}

.goog-text-highlight {
	background: none !important;
	box-shadow: none !important;
}

/* Mobile button visibility settings (class set by JS from the real device width). */
.ncp-is-mobile .ncp-button-mobile-hidden {
	display: none !important;
}

.ncp-short-link {
	font-size: 0.82rem;
	font-weight: 700;
	color: #7f1515;
	text-decoration: none;
	white-space: nowrap;
}

.ncp-short-link:hover {
	text-decoration: underline;
}

.ncp-footer-right {
	display: flex;
	align-items: center;
	gap: 0.8rem;
}

.ncp-printer-marks {
	display: inline-flex;
	align-items: center;
	gap: 4px;
}

.ncp-dot {
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
}

.ncp-dot--cyan { background: #00aeef; }
.ncp-dot--magenta { background: #ec008c; }
.ncp-dot--yellow { background: #fff200; }
.ncp-dot--black { background: #000000; }

/* Featured image inside the text columns, newspaper style */
.ncp-image-inline .ncp-article-body .ncp-featured-image-wrap {
	margin: 0 0 0.9rem;
	padding: 0.35rem;
	box-shadow: none;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.ncp-image-inline .ncp-article-body .ncp-featured-image {
	max-height: none;
	object-fit: contain;
}

.ncp-image-inline .ncp-article-body .ncp-subtitle,
.ncp-image-inline .ncp-article-body .ncp-description {
	break-inside: avoid;
	text-indent: 0;
}

.ncp-qr-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.3rem;
	min-width: 140px;
	padding: 0.2rem 0;
}

.ncp-banner-center {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	min-height: 110px;
	padding: 0.2rem 0.6rem;
}

.ncp-banner-strip-image {
	display: block;
	max-width: 100%;
	max-height: 110px;
	width: auto;
	height: auto;
	object-fit: contain;
}

.ncp-qr-image-wrap {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 110px;
	min-height: 110px;
	padding: 0.35rem;
	border-radius: 10px;
	background: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	box-shadow: 0 8px 18px rgba(18, 18, 18, 0.06);
}

.ncp-qr-image {
	display: block;
	width: 96px;
	height: 96px;
	object-fit: contain;
}

.ncp-qr-title {
	font-size: 0.74rem;
	font-weight: 800;
	line-height: 1.3;
	text-align: center;
	color: #202020;
}

.ncp-qr-title-top {
	margin-bottom: 0.15rem;
}

.ncp-qr-title-bottom {
	margin-top: 0.15rem;
}

body.ncp-modal-open {
	overflow: hidden;
}

/* Minimal popup: just the clip, a dimmed backdrop and a small close button. */
.ncp-clip-modal {
	position: fixed;
	inset: 0;
	display: none;
	align-items: center;
	justify-content: center;
	padding: 12px;
	z-index: 99999;
}

.ncp-clip-modal.is-open {
	display: flex;
}

.ncp-clip-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(15, 23, 42, 0.72);
}

.ncp-clip-modal__dialog {
	position: relative;
	z-index: 1;
	width: min(960px, 100%);
	height: min(94vh, 1200px);
	background: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);
}

.ncp-clip-modal__close {
	position: absolute;
	top: 8px;
	right: 8px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgba(17, 24, 39, 0.85);
	color: #ffffff;
	font: 400 22px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	cursor: pointer;
}

.ncp-clip-modal__close:hover {
	background: #000000;
}

.ncp-clip-modal__frame {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	background: #ffffff;
}

.ncp-clip-modal__loader {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	transition: opacity 0.2s ease;
}

.ncp-clip-modal__loader::after {
	content: "";
	width: 34px;
	height: 34px;
	border: 3px solid #e5e7eb;
	border-top-color: #111827;
	border-radius: 50%;
	animation: ncp-spin 0.8s linear infinite;
}

.ncp-clip-modal.is-loaded .ncp-clip-modal__loader {
	opacity: 0;
	pointer-events: none;
}

@keyframes ncp-spin {
	to {
		transform: rotate(360deg);
	}
}

@media (max-width: 1024px) {
	body:not(.ncp-clipping-page) .ncp-clipping {
		max-width: 92%;
	}

	body:not(.ncp-clipping-page) .ncp-columns-3,
	body:not(.ncp-clipping-page) .ncp-columns-4 {
		column-count: 2;
	}
}

@media (max-width: 767px) {
	body:not(.ncp-clipping-page) .ncp-generate-clip-wrap {
		flex-direction: column;
		align-items: center;
		padding: 1rem;
	}

	body:not(.ncp-clipping-page) .ncp-generate-clip-btn {
		width: 100%;
		min-width: 0;
	}

	body:not(.ncp-clipping-page) .ncp-title {
		font-size: 38px;
	}

	body:not(.ncp-clipping-page) .ncp-meta {
		flex-direction: column;
		align-items: flex-start;
	}

	body:not(.ncp-clipping-page) .ncp-masthead {
		flex-direction: column;
		align-items: flex-start;
	}

	body:not(.ncp-clipping-page) .ncp-banner-center {
		width: 100%;
		justify-content: flex-start;
		padding-left: 0;
	}

	body:not(.ncp-clipping-page) .ncp-qr-block {
		align-self: flex-end;
	}

	body:not(.ncp-clipping-page) .ncp-floating-actions {
		position: static;
		justify-content: flex-start;
		padding: 0.75rem;
	}

	body:not(.ncp-clipping-page) .ncp-action-btn,
	body:not(.ncp-clipping-page) .ncp-select-control {
		width: 100%;
		justify-content: center;
	}

	body:not(.ncp-clipping-page) .ncp-clipping-canvas {
		padding: 0.95rem;
	}

	body:not(.ncp-clipping-page) .ncp-article-body,
	body:not(.ncp-clipping-page) .ncp-columns-1,
	body:not(.ncp-clipping-page) .ncp-columns-2,
	body:not(.ncp-clipping-page) .ncp-columns-3,
	body:not(.ncp-clipping-page) .ncp-columns-4 {
		column-count: 1;
	}

	body:not(.ncp-clipping-page) .ncp-footer {
		flex-direction: column;
		align-items: flex-start;
	}

	body:not(.ncp-clipping-page) .ncp-clip-modal {
		padding: 0;
	}

	body:not(.ncp-clipping-page) .ncp-clip-modal__dialog {
		width: 100%;
		height: 100%;
		border-radius: 0;
	}
}

@media print {
	.ncp-site-header,
	.ncp-floating-actions,
	#wpadminbar {
		display: none !important;
	}

	.ncp-clipping {
		margin: 0;
		max-width: 100%;
	}

	.ncp-clipping-canvas {
		border: 0;
		box-shadow: none;
		padding: 0;
	}
}