/* WordPress integration for the DotMargin redesign and AI news pages. */

body.dm-redesign-preview { margin: 0; }
body.dm-redesign-preview main#main { float: none; width: 100%; max-width: none; margin: 0; padding: 0; }

.dm-preview-notice { position: relative; z-index: 80; display: flex; justify-content: center; gap: 12px; padding: 8px 24px; background: #fff6e2; border-bottom: 1px solid #ecd7a8; color: #6d5322; font-size: 12px; line-height: 1.6; }
.admin-bar .dm-head { top: 32px; }

.dm-mobile-nav { display: none; position: relative; margin-left: auto; }
.dm-mobile-nav summary { cursor: pointer; list-style: none; padding: 8px 10px; border: 1px solid var(--dm-line-2); font-family: var(--dm-mono); font-size: 10px; font-weight: 700; letter-spacing: .08em; }
.dm-mobile-nav summary::-webkit-details-marker { display: none; }
.dm-mobile-nav nav { position: absolute; top: calc(100% + 10px); right: 0; z-index: 90; display: grid; min-width: 230px; padding: 10px; background: #fff; border: 1px solid var(--dm-line-2); box-shadow: 0 14px 34px rgba(13, 20, 27, .14); }
.dm-mobile-nav nav a { padding: 10px 12px; color: var(--dm-ink); text-decoration: none; font-size: 13px; }
.dm-mobile-nav nav a + a { border-top: 1px solid var(--dm-line); }

.dm-watch__status { margin-left: auto; font-family: var(--dm-mono); font-size: 10px; color: var(--dm-ink-3); }
.dm-issue__link--preview { cursor: default; }
.dm-issue__link--preview:hover, .dm-issue__link--preview:focus-visible { color: inherit; background: transparent; transform: none; }
.dm-banner--preview { cursor: default; }
.dm-banner--preview::before, .dm-banner--preview::after { display: none; }
.dm-banner--preview .dm-banner__go { color: var(--dm-ink-3); }

.dm-ai-page-head { padding-bottom: 34px; }
.dm-ai-lead { max-width: 46em; margin: 24px 0 0; color: var(--dm-ink-2); font-size: 16px; line-height: 2; }
.dm-reading { max-width: 920px; }
.dm-reading > * { max-width: 46rem; }
.dm-reading > .wp-block-group { max-width: 46rem; }
.dm-reading .dm-news { max-width: 46rem; }
.dm-reading .dm-news > .wp-block-group__inner-container > *:last-child { margin-bottom: 0; }
.dm-reading .dm-news__meta { margin-bottom: 14px; }
.dm-reading .dm-news__view { box-sizing: border-box; }
.dm-reading .dm-news__view h3 { margin: 0 0 6px; font-size: 13px; font-family: var(--dm-mono); letter-spacing: .06em; color: var(--dm-blue-dk); }
.dm-reading .dm-news__view p + h3 { margin-top: 18px; }
.dm-reading .dm-news__note { max-width: 46rem; margin: 14px 0 0; padding: 12px 16px; border: 1px solid var(--dm-line-2); color: var(--dm-ink-2); font-size: 13px; line-height: 1.8; }
.dm-reading .wp-block-separator { margin-block: 40px 0; border-color: var(--dm-line); }
.dm-ai-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px 30px; }
.dm-ai-card-grid .dm-issue { min-width: 0; }
.dm-ai-card-grid .dm-issue__link { height: 100%; box-sizing: border-box; }
.dm-ai-card-grid .dm-issue p:not(.dm-issue__meta) { margin: 14px 0 0; color: var(--dm-ink-2); font-size: 14px; line-height: 1.8; }
.dm-ai-card-grid--weekly { grid-template-columns: minmax(0, 1fr); }
.dm-pagination { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 32px; font-family: var(--dm-mono); }
.dm-pagination .page-numbers { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; padding: 4px 8px; border: 1px solid var(--dm-line-2); color: var(--dm-ink); text-decoration: none; }
.dm-pagination .current { border-color: var(--dm-blue); background: var(--dm-blue-bg); color: var(--dm-blue-dk); }

@media (max-width: 782px) { .admin-bar .dm-head { top: 46px; } }
@media (max-width: 700px) {
	.dm-preview-notice { display: grid; gap: 0; padding-inline: 18px; }
	.dm-mobile-nav { display: block; }
	.dm-head__cta { margin-left: 0; }
	.dm-hero--news .dm-watch { grid-template-columns: minmax(0, 1fr); }
	.dm-watch__status { width: 100%; margin: 4px 0 0; }
	.dm-ai-card-grid { grid-template-columns: minmax(0, 1fr); }
	.dm-ai-page-head { padding-bottom: 12px; }
}