/*
Theme Name:  Maktub
Theme URI:   https://maktub.bond
Description: Official theme for the Maktub Matching platform. Warm, literary, notebook-inspired design for Premier Jet and Maktub Matching LLC.
Version:     3.6.1
Author:      Maktub Matching LLC
License:     GPL-2.0-or-later
Text Domain: maktub
Tags:        custom-menu, custom-logo, featured-images, threaded-comments, full-width-template
*/

/* Theme styles are split into modular partials loaded via functions.php.
   This file carries high-specificity overrides for plugin-rendered CSS. */

/* ==========================================================================
   Remove all background-image textures from every plugin container.
   The paper texture only belongs on .pj-notebook--ruled (CSS lines only).
   ========================================================================== */
.maktub-draft-portal,
.maktub-draft-cover,
.maktub-cover-inner,
.maktub-pages-wrap,
.maktub-page-content,
.maktub-prompt-card,
.maktub-response,
.maktub-response-mine,
.maktub-response-other,
.maktub-response-advisor,
.maktub-reveal-pending,
[class*="pj-notebook"]:not(.pj-notebook--ruled) {
	background-image: none !important;
}

/* ==========================================================================
   .maktub-intention — the draft description text (renders as italic blockquote).
   Remove the left border container; let it be clean italic prose instead.
   ========================================================================== */
.maktub-intention {
	border-left: none !important;
	padding-left: 0 !important;
	font-family: var(--mk-font-serif) !important;
	font-size: 1.1rem !important;
	font-style: italic;
	color: var(--mk-brown) !important;
	line-height: 1.75;
	margin: 0 0 1.5rem !important;
	max-width: 600px;
}

/* ==========================================================================
   .maktub-response — submitted answer cards.
   Remove the left-border colored containers; clean white card only.
   Annotation states (.has-notebook-highlight etc.) add their OWN visual.
   ========================================================================== */
.maktub-response {
	border-left: none !important;
	background: transparent !important;
	padding-left: 0 !important;
}

.maktub-response-mine,
.maktub-response-other,
.maktub-response-advisor {
	border-left: none !important;
	background: transparent !important;
}

/* ==========================================================================
   .maktub-notice — plugin notices.
   Remove left-border boxes; use a thin full-border instead.
   ========================================================================== */
.maktub-notice-error,
.maktub-notice-success,
.maktub-notice-warn {
	border-left: none !important;
	border: 1px solid currentColor !important;
	border-radius: 6px !important;
	background: transparent !important;
	opacity: 0.85;
}

/* ==========================================================================
   Label / eyebrow overrides — use theme font stack
   ========================================================================== */
.maktub-eyebrow {
	font-family: var(--mk-font-sans) !important;
	letter-spacing: 0.1em;
}

.maktub-response-label {
	font-family: var(--mk-font-sans) !important;
	color: var(--mk-muted) !important;
}

/* ==========================================================================
   Prompt cards — no shadow stack, minimal border
   ========================================================================== */
.maktub-prompt-card {
	box-shadow: none !important;
	border-color: var(--mk-border) !important;
	border-radius: var(--mk-radius-lg) !important;
}

/* ==========================================================================
   Draft portal width & spacing on desktop
   ========================================================================== */
.maktub-draft-portal {
	max-width: 960px !important;
}

/* ==========================================================================
   Page nav active state — use theme dark colour, not plugin default
   ========================================================================== */
.maktub-page-nav-item.is-active .maktub-page-nav-link {
	background: var(--mk-dark) !important;
	color: var(--mk-cream) !important;
}

/* ==========================================================================
   Maktub app polish v3.2
   Compact notebook workspace while preserving plugin hooks and selectors.
   ========================================================================== */

body.maktub-app-page .site-main {
	padding: 14px 0 40px !important;
}

.maktub-app-shell {
	width: min(100% - 32px, 1280px);
	margin-inline: auto;
}

.maktub-app-shell .entry-content > * + * {
	margin-top: 0 !important;
}

.maktub-app-page .page-header,
.maktub-app-page .entry-content > h1:first-child {
	display: none !important;
}

body.maktub-app-page .site-footer {
	margin-top: 28px;
}

body.maktub-app-page .site-footer__inner {
	padding-top: 22px;
	padding-bottom: 22px;
}

body.maktub-app-page .site-footer__widgets {
	display: none;
}

/* Shared Draft shell */
.maktub-draft-portal {
	--maktub-paper-bg: #FAF8F1;
	--maktub-paper-line: #DDD0B8;
	--maktub-ink: var(--mk-dark);
	--maktub-ink-muted: var(--mk-mid);
	--maktub-ink-light: var(--mk-muted);
	--maktub-border: var(--mk-border);
	--maktub-accent: var(--mk-gold);
	max-width: 1180px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 318px;
	grid-template-areas:
		"cover cover"
		"content sidebar";
	gap: 18px;
	align-items: start;
	font-family: var(--mk-font-sans) !important;
	color: var(--mk-dark) !important;
}

.maktub-draft-cover {
	grid-area: cover;
	margin: 0 0 2px !important;
	padding: 16px 20px !important;
	border: 1px solid var(--mk-border) !important;
	border-radius: var(--mk-radius-lg) !important;
	background:
		linear-gradient(rgba(255,253,248,0.86), rgba(255,253,248,0.9)),
		var(--mk-paper-blank, none) center/cover,
		#FFFDF8 !important;
	box-shadow: 0 2px 12px rgba(43,36,25,0.045);
	position: relative;
	overflow: hidden;
}

.maktub-draft-cover::before {
	content: none;
}

.maktub-cover-inner {
	max-width: none !important;
	display: grid;
	grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
	gap: 16px 24px;
	align-items: end;
	padding-left: 8px;
}

.maktub-draft-cover .maktub-eyebrow {
	grid-column: 1 / -1;
	margin: 0 !important;
	color: var(--mk-gold-dark) !important;
	letter-spacing: 0.14em !important;
	font-size: 0.68rem !important;
}

.maktub-draft-cover h1 {
	margin: 0 !important;
	font-size: clamp(1.35rem, 2.2vw, 2rem) !important;
	letter-spacing: 0 !important;
}

.maktub-intention {
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 0 !important;
	background: transparent !important;
	font-family: var(--mk-font-serif) !important;
	font-size: 0.94rem !important;
	line-height: 1.65 !important;
	color: #594A37 !important;
	box-shadow: none;
}

.maktub-draft-meta {
	grid-column: 1 / -1;
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px !important;
	font-size: 0.78rem !important;
}

.maktub-draft-meta > span:not(.maktub-badge) {
	color: var(--mk-mid);
}

.maktub-draft-content {
	grid-area: content;
	min-width: 0;
	min-height: 0 !important;
}

.maktub-draft-sidebar {
	grid-area: sidebar;
	position: sticky;
	top: 78px;
	max-height: calc(100vh - 90px);
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 0;
	margin-top: 1.35rem !important;
	padding-top: 0.35rem !important;
	scrollbar-width: thin;
	scrollbar-color: #dccfb4 transparent;
	align-self: start;
}

/* Pages and week navigation */
.maktub-pages-wrap {
	display: grid !important;
	grid-template-columns: 156px minmax(0, 1fr) !important;
	gap: 14px !important;
	margin-top: 1.35rem !important;
	padding-top: 0.35rem !important;
	align-items: start;
}

.maktub-page-nav {
	top: 78px !important;
	min-width: 0;
	max-width: 100%;
}

.maktub-page-nav ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
	border-radius: var(--mk-radius-lg) !important;
	border-color: var(--mk-border) !important;
	background: #FFFEFA !important;
	box-shadow: 0 1px 0 rgba(43,36,25,0.04);
}

.maktub-page-nav-item {
	list-style: none !important;
	margin: 0 !important;
	border-bottom: 1px solid var(--mk-border) !important;
}

.maktub-page-nav-item:last-child {
	border-bottom: none !important;
}

.maktub-page-nav-link,
.maktub-page-nav-link:visited {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	min-height: 38px;
	padding: 0.48rem 0.66rem !important;
	text-decoration: none !important;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.78rem !important;
	color: var(--mk-mid) !important;
}

.maktub-page-nav-link:hover {
	background: var(--mk-blue-light) !important;
	color: var(--mk-blue) !important;
	text-decoration: none !important;
}

.maktub-page-nav-item.is-active .maktub-page-nav-link {
	background: #F2E8CF !important;
	color: var(--mk-dark) !important;
	font-weight: 700 !important;
}

.maktub-page-header {
	margin: 0.35rem 0 14px !important;
	padding: 0.35rem 0 12px !important;
	border-bottom: 1px solid var(--mk-border) !important;
}

.maktub-page {
	position: relative;
}

.maktub-page-header h2 {
	margin: 0.2rem 0 0.35rem !important;
	font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
}

.maktub-page-description {
	max-width: 68ch;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.86rem !important;
	line-height: 1.45 !important;
}

.maktub-progress-bar-wrap {
	margin-top: 0.65rem !important;
}

.maktub-prompt-list {
	display: flex !important;
	flex-direction: column;
	gap: 12px !important;
}

.maktub-prompt-card {
	padding: 14px 16px !important;
	border-color: var(--mk-border) !important;
	border-radius: var(--mk-radius-lg) !important;
	background: #FFFDF8 !important;
	box-shadow: 0 1px 2px rgba(43,36,25,0.04) !important;
	position: relative;
}

.maktub-prompt-card:hover {
	box-shadow: 0 10px 24px rgba(43,36,25,0.07) !important;
}

.maktub-prompt-meta {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 0.45rem !important;
}

.maktub-prompt-number {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-width: 1.5rem;
	padding: 0.1em 0.55em;
	background: #F5EEDC;
	border: 1px solid var(--mk-border);
	color: var(--mk-mid);
}

.maktub-prompt-number,
.maktub-badge,
.maktub-required-tag,
.maktub-submitted-badge,
.maktub-draft-badge,
.maktub-notebook-chip,
.maktub-guide-item-meta span,
.maktub-guide-pill {
	border-radius: 999px !important;
	font-family: var(--mk-font-sans) !important;
	letter-spacing: 0.08em !important;
}

.maktub-prompt-title {
	margin-top: 0 !important;
	margin-bottom: 0.35rem !important;
	font-family: var(--mk-font-serif) !important;
	font-size: 1rem !important;
	line-height: 1.5 !important;
}

.maktub-page-header h2,
.maktub-section-header h2,
.maktub-notebook-panel h2,
.maktub-guide-section h2,
.premier-jet-games-section h2,
.maktub-intake h1,
.maktub-intake h2,
.maktub-intake h3 {
	margin-top: 0 !important;
}

.maktub-prompt-body,
.maktub-reveal-hint {
	font-family: var(--mk-font-sans) !important;
	font-size: 0.8rem !important;
}

.maktub-response-form-wrap {
	margin-top: 0.75rem !important;
}

.maktub-response-textarea,
.maktub-notebook-ajax-form textarea,
.maktub-guide-reflection-form textarea,
.maktub-guide-add-item-form textarea,
.maktub-intake-panel textarea {
	min-height: 82px;
}

.maktub-response-textarea {
	padding: 0.65rem 0.75rem !important;
	background-color: #FFFEFA !important;
	background-image: repeating-linear-gradient(
		to bottom,
		transparent,
		transparent calc(1.7em - 1px),
		rgba(180, 160, 100, 0.16) calc(1.7em - 1px),
		rgba(180, 160, 100, 0.16) 1.7em
	) !important;
	background-attachment: local !important;
	border-color: var(--mk-border) !important;
	border-radius: 6px !important;
	font-family: var(--mk-font-serif) !important;
	font-size: 0.92rem !important;
	line-height: 1.7 !important;
}

.maktub-response-actions {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem !important;
	margin-top: 0.5rem !important;
}

/* Submitted answers and annotations */
.maktub-response {
	margin-top: 0.75rem !important;
	padding: 10px 12px !important;
	border: 1px solid var(--mk-border) !important;
	border-radius: 7px !important;
	background: #FFFCF2 !important;
	box-shadow: 0 1px 2px rgba(43,36,25,0.04) !important;
	position: relative;
}

.maktub-response-other {
	border-color: #D8E3D6 !important;
	background: #F6FAF5 !important;
}

.maktub-response-advisor {
	border-color: #D4DEE2 !important;
	background: #F4F8FA !important;
}

.maktub-response-label {
	display: flex !important;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.45rem;
	margin-bottom: 0.28rem !important;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.68rem !important;
	color: var(--mk-mid) !important;
	letter-spacing: 0.1em !important;
}

.maktub-response-text {
	margin: 0 !important;
	font-family: var(--mk-font-serif) !important;
	font-size: 0.94rem !important;
	line-height: 1.7 !important;
	color: var(--mk-dark) !important;
}

.maktub-answer-markbar {
	display: none !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px !important;
	margin-top: 9px !important;
	padding-top: 8px !important;
	border-top-color: rgba(176,138,61,0.26) !important;
}

.maktub-answer-action,
.premier-jet-game-mark {
	border: 1px solid var(--mk-border) !important;
	border-radius: 999px !important;
	background: #FFFCF1 !important;
	color: var(--mk-dark) !important;
	padding: 0.26rem 0.58rem !important;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.74rem !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: none !important;
}

.maktub-answer-action:hover,
.maktub-answer-action:focus,
.premier-jet-game-mark:hover,
.premier-jet-game-mark:focus {
	background: var(--mk-blue-light) !important;
	border-color: #AABAC0 !important;
	color: var(--mk-blue) !important;
}

.maktub-response.has-notebook-highlight {
	border-color: #E6CF6E !important;
}

.maktub-response.has-notebook-highlight.has-notebook-whole-mark {
	background: #FFF9CF !important;
	border-left: 1px solid #E6CF6E !important;
}

.maktub-prompt-card.has-notebook-highlight.has-notebook-whole-mark,
.maktub-page.has-notebook-highlight.has-notebook-whole-mark {
	background: #FFF9CF !important;
	border-color: #E6CF6E !important;
}

.maktub-response.has-notebook-underline.has-notebook-whole-mark .maktub-response-text {
	text-decoration-color: #9B4C64 !important;
	text-decoration-thickness: 0.1em !important;
	text-underline-offset: 0.22em !important;
}

.maktub-prompt-card.has-notebook-underline.has-notebook-whole-mark .maktub-prompt-title,
.maktub-prompt-card.has-notebook-underline.has-notebook-whole-mark .maktub-prompt-body,
.maktub-page.has-notebook-underline.has-notebook-whole-mark .maktub-page-description {
	text-decoration-line: underline;
	text-decoration-color: #8E3F57;
	text-decoration-thickness: 0.1em;
	text-underline-offset: 0.2em;
}

.maktub-marked-text {
	border-radius: 2px;
	padding: 0.04em 0.08em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.maktub-marked-text--highlight,
.maktub-marked-text--yellow {
	background: #FFF0A8;
}

.maktub-marked-text--highlight.maktub-marked-text--a-gold {
	background: rgba(245, 216, 78, 0.62);
	color: #4a3a00;
}

.maktub-marked-text--highlight.maktub-marked-text--b-gold {
	background: rgba(255, 193, 7, 0.62);
	color: #5a4400;
}

.maktub-marked-text--highlight.maktub-marked-text--b-sky {
	background: rgba(79, 195, 247, 0.58);
	color: #0d3d56;
}

.maktub-marked-text--highlight.maktub-marked-text--b-lilac {
	background: rgba(206, 147, 216, 0.58);
	color: #4a1a5c;
}

.maktub-marked-text--highlight.maktub-marked-text--b-flame {
	background: rgba(255, 112, 67, 0.55);
	color: #6a2200;
}

.maktub-marked-text--highlight.maktub-marked-text--dual {
	background: linear-gradient(135deg, rgba(245, 216, 78, 0.62) 0%, rgba(245, 216, 78, 0.62) 50%, rgba(126, 200, 232, 0.58) 50%, rgba(126, 200, 232, 0.58) 100%);
	color: #2a2418;
}

.maktub-marked-text--blue {
	background: #DCEBF2;
}

.maktub-marked-text--pink {
	background: #F4CFDA;
}

.maktub-marked-text--red {
	background: rgba(229, 57, 53, 0.42);
	color: #4a1212;
}

.maktub-marked-text--highlight.maktub-marked-text--red {
	background: rgba(229, 57, 53, 0.42);
	color: #4a1212;
}

.maktub-marked-text--underline {
	background: transparent;
	text-decoration-line: underline;
	text-decoration-color: #8E3F57;
	text-decoration-thickness: 0.12em;
	text-underline-offset: 0.18em;
}

.maktub-marked-text--underline.maktub-marked-text--a-teal {
	text-decoration-color: #2A9D8F;
}

.maktub-marked-text--underline.maktub-marked-text--b-coral {
	text-decoration-color: #E76F51;
}

.maktub-marked-text--underline.maktub-marked-text--dual {
	text-decoration: none;
	background-image: linear-gradient(#2A9D8F, #2A9D8F), linear-gradient(#E76F51, #E76F51);
	background-size: 100% 2px, 100% 2px;
	background-position: 0 calc(100% - 1px), 0 calc(100% + 1px);
	background-repeat: no-repeat;
}

.maktub-swatch-red,
.pj-guide-key__swatch--red {
	background: rgba(229, 57, 53, 0.75) !important;
	border-color: #e53935 !important;
}

.maktub-response.has-notebook-dogear::after {
	content: none;
	display: none;
}

.maktub-response.has-notebook-dogear-a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 24px 24px;
	border-color: transparent transparent transparent #9B5DE5 !important;
	pointer-events: none;
	z-index: 2;
}

.maktub-response.has-notebook-dogear-b::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 24px 24px 0 !important;
	border-color: transparent #52B788 transparent transparent !important;
	filter: none !important;
	pointer-events: none;
	z-index: 2;
}

.maktub-prompt-card.has-notebook-dogear-a::before,
.maktub-page.has-notebook-dogear-a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 24px 24px;
	border-color: transparent transparent transparent #9B5DE5;
	pointer-events: none;
}

.maktub-prompt-card.has-notebook-dogear-b::after,
.maktub-page.has-notebook-dogear-b::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 24px 24px 0;
	border-color: transparent #52B788 transparent transparent;
	pointer-events: none;
}

.maktub-page.has-notebook-dogear,
.maktub-prompt-card.has-notebook-dogear,
.maktub-response.has-notebook-dogear {
	position: relative;
}

.maktub-dogear-control {
	position: absolute;
	top: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	z-index: 3;
}

.maktub-dogear-control--a {
	left: 0;
	right: auto;
}

.maktub-dogear-control--b {
	right: 0;
	left: auto;
}

.maktub-page-sticky-notes {
	display: none !important;
}

.maktub-response.has-notebook-sticky::before {
	content: none !important;
	display: none !important;
}

.maktub-response-sticky-notes {
	display: grid;
	gap: 6px;
	margin-top: 10px;
	padding-top: 9px;
	border-top: 1px solid rgba(176,138,61,0.24);
}

.maktub-response-sticky-note {
	display: block;
	width: fit-content;
	max-width: min(100%, 36rem);
	padding: 8px 10px;
	border: 1px solid rgba(43,36,25,0.16);
	border-radius: 5px;
	background: #F5D84E;
	color: #3E3215;
	box-shadow: 0 5px 12px rgba(43,36,25,0.08);
	font-family: var(--mk-font-hand, var(--mk-font-sans));
	font-size: 0.94rem;
	line-height: 1.35;
}

.maktub-reveal-pending {
	padding: 0.7rem 0.85rem !important;
	background: #FFFCF4 !important;
	border-color: var(--mk-border) !important;
}

/* Notebook sidebar tools */
.maktub-notebook-panel,
.maktub-notebook-section,
.maktub-guide-section,
.premier-jet-games-section,
.maktub-intake-header,
.maktub-intake-panel,
.maktub-intake-dashboard-card {
	border: 1px solid var(--mk-border) !important;
	border-radius: var(--mk-radius-lg) !important;
	background: #FFFDF7 !important;
	box-shadow: 0 8px 22px rgba(43,36,25,0.06) !important;
}

.maktub-notebook-panel {
	margin: 0 !important;
	padding: 12px !important;
	background:
		linear-gradient(rgba(255,253,247,0.94), rgba(255,253,247,0.96)),
		var(--mk-paper-blank, none) center/cover,
		#FFFDF7 !important;
}

.maktub-notebook-panel-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.maktub-notebook-panel-header h2 {
	margin: 0 !important;
	font-size: 1.08rem !important;
}

.maktub-notebook-panel-header .maktub-eyebrow {
	margin: 0 !important;
	font-size: 0.62rem !important;
}

.maktub-highlight-guide,
.maktub-notebook-drawer {
	padding: 0 !important;
	border-top: 1px solid var(--mk-border) !important;
}

.maktub-highlight-guide summary,
.maktub-notebook-drawer summary,
.maktub-second-draft-card summary {
	padding: 9px 0 !important;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.86rem !important;
	line-height: 1.2 !important;
	color: var(--mk-dark) !important;
}

.maktub-notebook-ajax-form,
.maktub-guide-reflection-form,
.maktub-guide-add-item-form {
	display: grid !important;
	gap: 0.55rem !important;
	margin-top: 0.1rem !important;
	padding-bottom: 10px;
}

.maktub-notebook-grid,
.maktub-guide-grid,
.maktub-intake-grid,
.maktub-intake-meta-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.55rem !important;
}

.maktub-notebook-ajax-form label,
.maktub-guide-reflection-form label,
.maktub-guide-add-item-form label,
.maktub-intake-panel label {
	display: grid !important;
	gap: 0.24rem;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.82rem !important;
}

.maktub-notebook-ajax-form .maktub-notebook-check {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 0.45rem !important;
}

.maktub-notebook-ajax-form .maktub-notebook-check label {
	display: inline !important;
	font-weight: 500 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	cursor: pointer;
}

.maktub-notebook-ajax-form .maktub-mark-field-color[hidden],
.maktub-notebook-ajax-form .maktub-mark-field-dogear[hidden] {
	display: none !important;
}

.maktub-notebook-ajax-form label span,
.maktub-guide-reflection-form label span,
.maktub-guide-field span,
.maktub-intake-panel label span {
	color: var(--mk-dark) !important;
	font-size: 0.78rem !important;
}

.maktub-notebook-ajax-form input,
.maktub-notebook-ajax-form select,
.maktub-notebook-ajax-form textarea,
.maktub-guide-reflection-form input,
.maktub-guide-reflection-form select,
.maktub-guide-reflection-form textarea,
.maktub-guide-add-item-form input,
.maktub-guide-add-item-form select,
.maktub-guide-add-item-form textarea,
.maktub-intake-panel input,
.maktub-intake-panel select,
.maktub-intake-panel textarea,
.maktub-response-textarea {
	border-color: var(--mk-border) !important;
	border-radius: 5px !important;
}

.maktub-notebook-ajax-form input,
.maktub-notebook-ajax-form select {
	min-height: 36px;
}

.maktub-draft-sidebar .maktub-notebook-ajax-form input,
.maktub-draft-sidebar .maktub-notebook-ajax-form select {
	min-height: 32px;
}

.maktub-draft-sidebar .maktub-notebook-ajax-form textarea {
	min-height: 58px;
}

.maktub-notebook-check {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	gap: 8px !important;
	margin: 2px 0 4px;
	font-family: var(--mk-font-sans) !important;
	font-size: 0.82rem !important;
	line-height: 1.25;
}

.maktub-notebook-check input[type="checkbox"] {
	width: 16px !important;
	height: 16px !important;
	min-height: 0 !important;
	flex: 0 0 16px;
	margin: 0 !important;
	accent-color: var(--mk-blue);
}

.maktub-notebook-panel {
	min-width: 0;
	overflow: hidden;
}

.maktub-trail-edit-panel textarea,
.maktub-notebook-ajax-form textarea {
	max-width: 100% !important;
	box-sizing: border-box !important;
}

.mk-trail-edit-form[hidden] {
	display: none !important;
}

.mk-trail-edit-form textarea,
.mk-trail-edit-form select {
	max-width: 100%;
	box-sizing: border-box;
}

.maktub-checkpoint-locked {
	margin: 0 0 10px;
	padding: 10px 11px;
	border: 1px dashed #D7C7A8;
	border-radius: 6px;
	background: #FFFCF4;
	color: var(--mk-mid);
	font-family: var(--mk-font-sans);
	font-size: 0.82rem;
	line-height: 1.4;
}

.maktub-checkpoint-locked p {
	margin: 0;
}

.maktub-notebook-ajax-form input,
.maktub-notebook-ajax-form select,
.maktub-notebook-ajax-form textarea,
.maktub-guide-reflection-form input,
.maktub-guide-reflection-form select,
.maktub-guide-reflection-form textarea,
.maktub-guide-add-item-form input,
.maktub-guide-add-item-form select,
.maktub-guide-add-item-form textarea {
	width: 100% !important;
	box-sizing: border-box;
}

.maktub-notebook-panel .maktub-button,
.maktub-notebook-section .maktub-button,
.maktub-guide-section .maktub-button,
.premier-jet-games-section .maktub-button,
.maktub-intake .maktub-button,
.maktub-button {
	border-radius: 5px !important;
	background: var(--mk-blue) !important;
	color: #FFFDF7 !important;
	font-family: var(--mk-font-sans) !important;
	font-weight: 700 !important;
	text-decoration: none !important;
}

.maktub-button-secondary,
.maktub-notebook-panel .maktub-button-secondary,
.maktub-guide-section .maktub-button-secondary,
.premier-jet-games-section .maktub-button-secondary {
	background: #FFFEFA !important;
	border: 1px solid var(--mk-border) !important;
	color: var(--mk-blue) !important;
}

.maktub-final-copy-grid {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important;
	gap: 8px !important;
}

.maktub-final-copy-stat {
	border-radius: 6px !important;
	background: #FFFEFA !important;
	border: 1px solid #E7DCC8 !important;
	padding: 0.62rem 0.68rem !important;
}

.maktub-final-copy-stat strong {
	font-family: var(--mk-font-serif) !important;
	font-size: 1.18rem !important;
	line-height: 1 !important;
}

.maktub-final-copy-stat span {
	display: block;
	font-size: 0.74rem !important;
	line-height: 1.2 !important;
}

.maktub-final-copy-columns {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px !important;
}

.mk-review-drawer {
	margin: 12px 0 0;
	border: 1px solid var(--mk-border);
	border-radius: var(--mk-radius-lg);
	background: #FFFDF8;
	box-shadow: 0 3px 12px rgba(43,36,25,0.045);
	overflow: clip;
}

.mk-review-summary {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto auto;
	align-items: center;
	gap: 10px;
	padding: 11px 13px;
	cursor: pointer;
	list-style: none;
	font-family: var(--mk-font-sans);
}

.mk-review-summary::-webkit-details-marker {
	display: none;
}

.mk-review-summary__label {
	font-weight: 800;
	color: var(--mk-dark);
	line-height: 1.2;
}

.mk-review-summary__meta {
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--mk-gold-dark);
}

.mk-review-summary__icon::before {
	content: "+";
	display: inline-grid;
	place-items: center;
	width: 22px;
	height: 22px;
	border: 1px solid var(--mk-border);
	border-radius: 50%;
	background: #FFFEFA;
	color: var(--mk-blue);
	font-weight: 800;
	line-height: 1;
}

.mk-review-drawer[open] .mk-review-summary {
	border-bottom: 1px solid var(--mk-border);
}

.mk-review-drawer[open] .mk-review-summary__icon::before {
	content: "−";
}

.mk-review-drawer > .maktub-second-drafts,
.mk-review-drawer > .maktub-final-copy-preview,
.mk-review-drawer > .premier-jet-games-section {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

.maktub-section-header,
.premier-jet-games-header,
.maktub-guide-header {
	display: flex !important;
	align-items: flex-start;
	justify-content: space-between;
	gap: 1rem;
}

.maktub-second-drafts,
.maktub-final-copy-preview,
.maktub-guide-section,
.premier-jet-games-section {
	margin: 14px 0 0 !important;
	padding: 14px !important;
	background: #FFFDF8 !important;
}

/* Games and guide panels fit the notebook instead of becoming a second page. */
.maktub-section-header h2,
.premier-jet-games-header h2,
.premier-jet-game-hero h2,
.maktub-guide-header h2 {
	font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
	line-height: 1.2 !important;
	margin-bottom: 0 !important;
}

.maktub-section-header,
.premier-jet-games-header,
.maktub-guide-header {
	padding-bottom: 10px;
	border-bottom: 1px solid #E8DDC9;
	margin-bottom: 12px !important;
}

.premier-jet-games-list,
.premier-jet-summary-list {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
	gap: 14px !important;
}

.premier-jet-game-card,
.premier-jet-summary-list article,
.premier-jet-round,
.premier-jet-game-final,
.premier-jet-waiting,
.premier-jet-game-message {
	border-color: var(--mk-border) !important;
	border-radius: 7px !important;
	box-shadow: 0 4px 14px rgba(43,36,25,0.05) !important;
}

.premier-jet-game-card {
	min-height: 0 !important;
	padding: 18px 20px !important;
	background: #FFFEFA !important;
}

.premier-jet-game-hero {
	background: #FFFDF8 !important;
	border-bottom: 1px solid #E8DDC9 !important;
	padding: 18px 22px !important;
	margin-bottom: 12px !important;
}

.premier-jet-game-hero__copy,
.premier-jet-game-hero__lede,
.premier-jet-core-question {
	max-width: 38rem;
}

.premier-jet-round {
	padding: 16px 18px !important;
}

.premier-jet-round-header h3 {
	font-size: 1.15rem !important;
}

.maktub-second-draft-list {
	display: grid !important;
	gap: 8px !important;
}

.maktub-second-draft-card {
	border: 1px solid #E4D7C0 !important;
	border-radius: 7px !important;
	background: #FFFEFA !important;
	padding: 0 10px !important;
}

.maktub-second-draft-card summary {
	display: block;
	padding: 10px 0 !important;
}

.maktub-second-draft-card blockquote {
	margin: 0 0 10px !important;
	padding: 8px 10px !important;
	border: 1px solid #EEE4D2 !important;
	border-radius: 6px !important;
	background: #FBF7EE !important;
	color: var(--mk-mid) !important;
}

.maktub-final-copy-list {
	border-top: 1px solid #E8DDC9 !important;
	padding-top: 10px !important;
}

.maktub-final-copy-list h3 {
	font-family: var(--mk-font-sans) !important;
	font-size: 0.9rem !important;
	letter-spacing: 0.02em !important;
}

/* Header paper trail and sticky launcher */
.mk-paper-trail-bell {
	border: 1px solid var(--mk-border) !important;
	background: #FFFEFA !important;
	color: var(--mk-blue) !important;
	border-radius: 999px !important;
	padding: 6px 10px !important;
}

.mk-bell-count {
	display: none !important;
}

.mk-nav-dot {
	display: none !important;
}

.mk-paper-trail-bell.has-trail-items {
	border-color: #C8B07C !important;
	background: #FFF8E4 !important;
}

.mk-paper-trail-drawer {
	border-left-color: var(--mk-border) !important;
	background: #FFFDF7 !important;
}

.mk-drawer__header {
	background: var(--mk-blue) !important;
	color: #FFFDF7 !important;
	border-bottom: none !important;
}

.mk-drawer__title,
.mk-drawer__close {
	color: inherit !important;
}

.mk-trail-item {
	display: block !important;
	border-bottom-color: var(--mk-border) !important;
	padding: 0 !important;
}

.mk-trail-item__summary {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: start;
	gap: 10px;
	padding: 10px 0;
	cursor: pointer;
	list-style: none;
}

.mk-trail-item__summary::-webkit-details-marker {
	display: none;
}

.mk-trail-item__main {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.mk-trail-item__text {
	color: var(--mk-mid) !important;
	line-height: 1.38 !important;
	overflow-wrap: anywhere;
}

.mk-trail-item__more::before {
	content: "See more";
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	color: var(--mk-blue);
	font-family: var(--mk-font-sans);
	font-size: 0.72rem;
	font-weight: 800;
}

.mk-trail-item[open] .mk-trail-item__more::before {
	content: "Close";
}

.mk-trail-item__details {
	display: grid;
	gap: 8px;
	padding: 0 0 12px 72px;
}

.mk-trail-media {
	margin: 0;
	display: grid;
	gap: 6px;
}

.mk-trail-media__image,
.mk-trail-media__video {
	display: block;
	width: 100%;
	max-height: 240px;
	object-fit: contain;
	border: 1px solid #E8DDC9;
	border-radius: 6px;
	background: #FFFEFA;
}

.mk-trail-media__audio {
	width: 100%;
}

.mk-trail-media__open {
	display: inline-flex;
	width: fit-content;
	border: 1px solid var(--mk-border);
	border-radius: 999px;
	padding: 5px 10px;
	background: #FFFEFA;
	color: var(--mk-blue);
	font-family: var(--mk-font-sans);
	font-size: 0.78rem;
	font-weight: 800;
	text-decoration: none;
}

.mk-trail-heart {
	justify-self: start;
	border: 1px solid #E2C9D1;
	border-radius: 999px;
	background: #FFFEFA;
	color: #8E3F57;
	width: 34px;
	height: 30px;
	display: inline-grid;
	place-items: center;
	cursor: pointer;
	font-size: 1rem;
	line-height: 1;
}

.mk-trail-heart.is-liked {
	background: #F4CFDA;
	border-color: #C38197;
	color: #7C273F;
}

.mk-trail-edit {
	padding: 0 0 12px 72px;
	display: flex;
	align-items: center;
	gap: 0.35rem;
	flex-wrap: wrap;
}

.mk-trail-edit__toggle,
.mk-trail-edit-form__save,
.mk-trail-delete-btn {
	border: none;
	border-radius: 4px;
	background: none;
	color: #9e8e7e;
	font-family: var(--mk-font-sans);
	font-size: 0.72rem;
	font-weight: 700;
	padding: 2px 6px;
	cursor: pointer;
	line-height: 1.3;
}

.mk-trail-edit__toggle:hover,
.mk-trail-edit-form__save:hover { color: var(--mk-blue); background: rgba(74, 122, 155, 0.08); }

.mk-trail-delete-btn:hover { color: #902020; background: rgba(192, 96, 96, 0.1); }

.mk-trail-edit-form {
	display: grid;
	gap: 8px;
	margin-top: 8px;
	padding: 10px;
	border: 1px solid #E8DDC9;
	border-radius: 6px;
	background: #FFFEFA;
}

.mk-trail-edit-form[hidden] {
	display: none !important;
}

.mk-trail-edit-form label {
	display: grid;
	gap: 4px;
	font-family: var(--mk-font-sans);
	font-size: 0.75rem;
	font-weight: 800;
	color: var(--mk-dark);
}

.mk-trail-edit-form textarea,
.mk-trail-edit-form select {
	width: 100%;
	border: 1px solid var(--mk-border);
	border-radius: 5px;
	background: #FFFDF8;
	color: var(--mk-dark);
	font-family: var(--mk-font-sans);
	font-size: 0.82rem;
	box-sizing: border-box;
}

.mk-trail-edit-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.mk-trail-edit-form__status {
	color: var(--mk-mid);
	font-family: var(--mk-font-sans);
	font-size: 0.76rem;
}

.mk-trail-item__detail {
	border: 1px solid #E8DDC9;
	border-radius: 5px;
	background: #FFFEFA;
	padding: 8px 9px;
}

.mk-trail-item__detail span {
	display: block;
	margin-bottom: 3px;
	font-family: var(--mk-font-sans);
	font-size: 0.66rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--mk-gold-dark);
}

.mk-trail-item__detail p {
	margin: 0;
	color: var(--mk-dark);
	line-height: 1.45;
	overflow-wrap: anywhere;
}

.mk-trail-item__chip--highlight {
	background: #FFF0A8 !important;
	color: #6A5800 !important;
}

.mk-trail-item__chip--yellow { background: #FFF0A8 !important; color: #6A5800 !important; }
.mk-trail-item__chip--blue   { background: #DCEBF2 !important; color: #1A5C99 !important; }
.mk-trail-item__chip--pink   { background: #F4CFDA !important; color: #6A2040 !important; }

.mk-trail-item__chip--red,
.mk-trail-item__chip--serious {
	background: rgba(229, 57, 53, 0.88) !important;
	color: #fff !important;
}

.mk-trail-item--partner {
	position: relative;
	margin: 0;
	padding: 0;
	background: none !important;
	border: none !important;
	border-bottom: 1px solid var(--mk-border) !important;
	border-radius: 0;
	box-shadow: none;
}

.mk-trail-item--partner::before {
	content: '';
	position: absolute;
	left: 0;
	top: 11px;
	bottom: 11px;
	width: 1px;
	background: rgba(43, 36, 25, 0.16);
}

.mk-trail-item--partner .mk-trail-item__summary {
	padding-left: 10px;
}

.mk-trail-item__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0;
	font-size: 0.72rem;
	color: var(--mk-muted);
	margin-top: 2px;
}

.mk-trail-item__byline {
	font-family: Georgia, "Times New Roman", serif;
	font-style: italic;
	font-weight: 400;
	color: var(--mk-dark);
	letter-spacing: 0;
	text-transform: none;
}

.mk-trail-item__byline--self {
	color: var(--mk-muted);
	font-style: normal;
	font-family: var(--mk-font-sans);
	font-size: 0.68rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.mk-trail-item__meta-sep {
	margin: 0 0.4em;
	color: rgba(43, 36, 25, 0.35);
	font-style: normal;
}

.mk-trail-item__when {
	color: var(--mk-muted);
	font-family: var(--mk-font-sans);
}

.mk-trail-item--partner .mk-trail-item__text {
	color: var(--mk-mid) !important;
	font-weight: 400 !important;
}

.mk-trail-item__author {
	display: block;
	font-family: var(--mk-font-sans);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--mk-gold-dark);
	margin-bottom: 2px;
}

.mk-sticky-float {
	bottom: 20px !important;
	right: 20px !important;
}

.mk-sticky-trigger {
	width: 52px;
	height: 52px;
	border: 1px solid rgba(43,36,25,0.22) !important;
	border-radius: 7px !important;
	background: #E8CB55 !important;
	box-shadow: 0 10px 22px rgba(43,36,25,0.16) !important;
	position: relative;
	filter: none !important;
}

.mk-sticky-trigger::after {
	content: none !important;
	display: none !important;
}

.mk-sticky-trigger:hover {
	transform: translateY(-2px) rotate(-1deg) !important;
}

.mk-sticky-trigger__img {
	width: 100% !important;
	height: 100% !important;
	background: none !important;
}

.mk-sticky-compose__note {
	border: 1px solid rgba(43,36,25,0.18);
	border-radius: 6px;
	box-shadow: 0 14px 30px rgba(43,36,25,0.16) !important;
	padding: 20px 18px 16px !important;
	background-image:
		linear-gradient(#F5D84E, #F5D84E),
		repeating-linear-gradient(
			to bottom,
			transparent,
			transparent 23px,
			rgba(180, 160, 60, 0.22) 23px,
			rgba(180, 160, 60, 0.22) 24px
		) !important;
	background-size: 100% 20px, 100% 100% !important;
	background-repeat: no-repeat, repeat !important;
}

.mk-sticky-compose__note::before {
	content: none !important;
	display: none !important;
}

.mk-sticky-compose__textarea {
	line-height: 24px !important;
}

.mk-sticky-compose__note--yellow { background-color: #F5D84E !important; }
.mk-sticky-compose__note--pink {
	background-color: #F6CDD9 !important;
	background-image: linear-gradient(#F6CDD9, #F6CDD9), repeating-linear-gradient(to bottom, transparent, transparent 23px, rgba(180, 60, 120, 0.15) 23px, rgba(180, 60, 120, 0.15) 24px) !important;
}
.mk-sticky-compose__note--blue {
	background-color: #CFE2F2 !important;
	background-image: linear-gradient(#CFE2F2, #CFE2F2), repeating-linear-gradient(to bottom, transparent, transparent 23px, rgba(60, 80, 180, 0.15) 23px, rgba(60, 80, 180, 0.15) 24px) !important;
}
.mk-sticky-compose__note--green {
	background-color: #D7E8D3 !important;
	background-image: linear-gradient(#D7E8D3, #D7E8D3), repeating-linear-gradient(to bottom, transparent, transparent 23px, rgba(20, 120, 60, 0.15) 23px, rgba(20, 120, 60, 0.15) 24px) !important;
}

.mk-sticky-compose__save {
	background: rgba(43,36,25,0.12) !important;
	border: 1px solid rgba(43,36,25,0.12) !important;
	color: #3F350D !important;
	font-family: var(--mk-font-sans) !important;
}

.mk-sticky-compose__cancel {
	background: transparent !important;
	border: 1px solid transparent !important;
	color: rgba(43,36,25,0.55) !important;
	font-family: var(--mk-font-sans) !important;
}

.mk-dogear-prompt {
	position: absolute;
	z-index: 600;
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 10px;
	background: #FFFDF7;
	border: 1px solid var(--mk-border);
	border-radius: 6px;
	box-shadow: 0 8px 20px rgba(43,36,25,0.12);
	font-family: var(--mk-font-sans);
	font-size: 0.82rem;
}

.mk-dogear-prompt__input {
	width: 160px;
	border: none;
	outline: none;
	background: transparent;
	color: var(--mk-dark);
	font-size: 0.85rem;
}

.mk-dogear-prompt__button {
	border: none;
	border-radius: 4px;
	background: var(--mk-blue);
	color: #FFFDF7;
	padding: 3px 10px;
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 700;
}

.mk-floating-sticky-stack {
	display: grid;
	gap: 8px;
	margin-bottom: 10px;
	width: 190px;
	max-width: 45vw;
}

.mk-floating-sticky-preview {
	position: relative;
	padding: 9px 10px;
	padding-right: 2.2rem;
	border: 1px solid rgba(43,36,25,0.17);
	border-radius: 5px;
	background: #F5D84E;
	color: #3E3215;
	box-shadow: 0 8px 18px rgba(43,36,25,0.12);
	font-family: var(--mk-font-hand, var(--mk-font-sans));
	font-size: 0.9rem;
	line-height: 1.3;
}

.mk-floating-sticky-preview--pink { background: #F6CDD9; }
.mk-floating-sticky-preview--blue { background: #CFE2F2; }
.mk-floating-sticky-preview--green { background: #D7E8D3; }

.mk-floating-sticky-actions {
	position: absolute;
	top: 4px;
	right: 4px;
	display: inline-flex;
	gap: 2px;
	opacity: 0;
	transition: opacity 0.12s;
}

.mk-floating-sticky-preview:hover .mk-floating-sticky-actions { opacity: 1; }

.mk-floating-sticky-edit,
.mk-floating-sticky-delete {
	border: none;
	background: rgba(255,255,255,0.45);
	color: rgba(43,36,25,0.65);
	font-size: 0.72rem;
	line-height: 1;
	padding: 2px 4px;
	border-radius: 3px;
	cursor: pointer;
}

.mk-floating-sticky-edit:hover { color: #3E3215; }
.mk-floating-sticky-delete:hover { color: #902020; }

.mk-floating-sticky-read {
	display: flex;
	align-items: center;
	gap: 0.35rem;
	margin-top: 0.45rem;
	font-family: var(--mk-font-sans);
	font-size: 0.72rem;
	color: #4c3d27;
	cursor: pointer;
}

.mk-floating-sticky-read input {
	width: auto;
	margin: 0;
	flex-shrink: 0;
}

.mk-attachment-popups {
	position: fixed;
	left: 18px;
	bottom: 18px;
	z-index: 720;
	display: grid;
	gap: 10px;
	width: min(330px, calc(100vw - 36px));
	pointer-events: none;
}

.mk-attachment-popup {
	position: relative;
	padding: 12px;
	border: 1px solid var(--mk-border);
	border-radius: 7px;
	background: #FFFDF8;
	box-shadow: 0 14px 34px rgba(43,36,25,0.16);
	pointer-events: auto;
	font-family: var(--mk-font-sans);
}

.mk-attachment-popup__dismiss {
	position: absolute;
	top: 6px;
	right: 7px;
	border: 0;
	background: transparent;
	color: var(--mk-mid);
	font-size: 1.15rem;
	line-height: 1;
	cursor: pointer;
}

.mk-attachment-popup__body {
	display: grid;
	grid-template-columns: 78px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding-right: 18px;
}

.mk-attachment-popup .mk-trail-media {
	margin: 0;
}

.mk-attachment-popup .mk-trail-media__image,
.mk-attachment-popup .mk-trail-media__video {
	height: 64px;
	max-height: 64px;
	object-fit: cover;
}

.mk-attachment-popup .mk-trail-media__audio {
	width: 78px;
}

.mk-attachment-popup__copy {
	min-width: 0;
}

.mk-attachment-popup__copy span {
	display: block;
	color: var(--mk-gold-dark);
	font-size: 0.66rem;
	font-weight: 900;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.mk-attachment-popup__copy strong {
	display: block;
	margin-top: 2px;
	color: var(--mk-dark);
	font-size: 0.92rem;
	line-height: 1.25;
	overflow-wrap: anywhere;
}

.mk-attachment-popup__open {
	display: inline-flex;
	margin-top: 10px;
	border: 1px solid var(--mk-border);
	border-radius: 999px;
	padding: 4px 10px;
	background: #FFFEFA;
	color: var(--mk-blue);
	font-size: 0.78rem;
	font-weight: 900;
	text-decoration: none;
}

/* Keep app links looking intentional, not browser-default underlined. */
.maktub-page-nav a,
.maktub-button,
.maktub-draft-card a,
.premier-jet-games-section a,
.maktub-guide-section a,
.maktub-notebook-section a,
.maktub-intake a {
	text-decoration: none !important;
}

/* Responsive notebook workspace */
@media (max-width: 1080px) {
	.maktub-draft-portal {
		grid-template-columns: minmax(0, 1fr) !important;
		grid-template-areas:
			"cover"
			"content"
			"sidebar";
	}

	.maktub-draft-sidebar {
		position: static;
		max-height: none;
		overflow: visible;
		padding-right: 0;
	}

	.maktub-notebook-panel {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0 14px;
	}

	.maktub-notebook-panel-header {
		grid-column: 1 / -1;
	}
}

@media (max-width: 820px) {
	.maktub-app-shell {
		width: min(100% - 20px, 100%);
	}

	.maktub-cover-inner,
	.maktub-pages-wrap {
		grid-template-columns: 1fr !important;
	}

	.maktub-page-nav {
		position: sticky !important;
		top: 52px !important;
		z-index: 40;
		background: var(--mk-cream);
		padding: 0 0 8px;
		overflow: hidden;
	}

	.maktub-page-nav ul {
		display: flex !important;
		overflow-x: auto !important;
		border-radius: 7px !important;
	}

	.maktub-page-nav-item {
		border-bottom: none !important;
		border-right: 1px solid var(--mk-border) !important;
		flex: 0 0 auto;
		min-width: 88px !important;
	}

	.maktub-page-nav-item:last-child {
		border-right: none !important;
	}

	.maktub-page-nav-link {
		min-height: 36px;
		justify-content: center !important;
	}

	.maktub-notebook-panel,
	.maktub-final-copy-grid,
	.maktub-final-copy-columns,
	.maktub-guide-overview {
		grid-template-columns: 1fr !important;
	}

	.maktub-draft-cover {
		padding: 14px !important;
	}

	.maktub-prompt-card {
		padding: 12px !important;
	}
}