/* Mystic Monkey Magazine editorial layer */
.mm-magazine{background:#f4efe5!important;color:#211c18!important;min-height:100vh;padding-bottom:80px}
.mm-mag-cover{max-width:1180px;margin:0 auto;padding:24px 34px 36px;border-bottom:1px solid #b9aa93;background:#f4efe5}
.mm-mag-cover-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #211c18;padding-bottom:11px;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#211c18}
.mm-mag-cover-title{text-align:center;padding:46px 20px 35px}
.mm-mag-eyebrow{margin:0 0 18px;font:600 10px/1.2 Arial,sans-serif;letter-spacing:.3em;color:#87683e!important}
.mm-mag-cover h1{margin:0;font:400 clamp(64px,11vw,138px)/.78 Georgia,serif;letter-spacing:-.065em;color:#211c18}
.mm-mag-subtitle{max-width:620px;margin:27px auto 0;font:400 17px/1.55 Georgia,serif;color:#211c18!important}
.mm-mag-cover-rule{height:5px;border-top:1px solid #211c18;border-bottom:1px solid #211c18}
.mm-magazine-content{max-width:1180px;margin:0 auto;padding:42px 34px}
.mm-magazine-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:46px 28px}
.mm-story{grid-column:span 4;border-top:1px solid #b9aa93;padding-top:18px}
.mm-story-featured{grid-column:1/-1;border-top:0;padding-top:0;display:grid;grid-template-columns:7fr 5fr;gap:42px;align-items:center;padding-bottom:44px;border-bottom:1px solid #b9aa93}
.mm-story-link{display:block;color:inherit;text-decoration:none}
.mm-story-image{aspect-ratio:4/2.65;overflow:hidden;background:#ddd4c5}
.mm-story-featured .mm-story-image{aspect-ratio:16/10}
.mm-story-image img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;transition:transform .45s ease;filter:saturate(.9)}
/* Keep editorial card copy readable on desktop and mobile, even if global theme text rules change. */
body .mm-magazine .mm-story-copy,
body .mm-magazine .mm-story-copy p,
body .mm-magazine .mm-story-copy h2,
body .mm-magazine .mm-story-copy a,
body .mm-magazine .mm-story-excerpt,
body .mm-magazine .mm-story-excerpt p,
body .mm-magazine .mm-story-read,
body .mm-magazine .mm-story-meta {color:#211c18!important;text-shadow:none!important;opacity:1!important;}
/* Journal article pages: force readable dark copy on the cream editorial background. */
body .mm-journal-story,
body .mm-journal-story p,
body .mm-journal-story li,
body .mm-journal-story span,
body .mm-journal-story strong,
body .mm-journal-story em,
body .mm-journal-story blockquote,
body .mm-journal-story h1,
body .mm-journal-story h2,
body .mm-journal-story h3,
body .mm-journal-story .mm-journal-story-content,
body .mm-journal-story .mm-journal-story-content * {color:#211c18!important;text-shadow:none!important;}
body .mm-journal-story .mm-journal-story-intro,
body .mm-journal-story .mm-journal-story-meta,
body .mm-journal-story .mmm-share-message {color:#514a42!important;}
body .mm-journal-story .mm-journal-comments input,
body .mm-journal-story .mm-journal-comments textarea {background:#fffaf0!important;color:#211c18!important;}
.mm-story-link:hover .mm-story-image img{transform:scale(1.025)}
.mm-story-copy{padding-top:15px}
.mm-story-featured .mm-story-copy{padding:0}
.mm-story-meta{margin:0 0 12px;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#211c18!important}
.mm-story-meta span{padding:0 5px}
.mm-story h2{margin:0 0 12px;font:400 27px/1.08 Georgia,serif;letter-spacing:-.015em;color:#211c18!important}
.mm-story-featured h2{font-size:clamp(38px,4vw,58px);line-height:.98}
.mm-story-excerpt{font:400 15px/1.6 Georgia,serif;color:#211c18!important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.mm-story-excerpt p{margin:0!important;color:#211c18!important}
.mm-story-read{display:inline-block;margin-top:17px;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.2em;color:#211c18!important}
.mm-story-read span{font-size:14px;margin-left:6px}
.mm-story-placeholder{height:100%;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e3dbce;color:#87683e;letter-spacing:.2em;font:600 9px Arial,sans-serif}
.mm-story-placeholder strong{display:block;margin-top:8px;font:400 72px/.8 Georgia,serif;letter-spacing:-.08em}
.mm-magazine-pagination{margin-top:48px;text-align:center;border-top:1px solid #b9aa93;padding-top:24px}
.mm-magazine-pagination .nav-links{display:flex;justify-content:center;gap:22px;font:600 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mm-magazine-pagination a,.mm-magazine-pagination span{color:#211c18;text-decoration:none}
.mm-empty{text-align:center;padding:80px;font:400 24px Georgia,serif;color:#625747}
@media(max-width:850px){.mm-mag-cover{padding:18px 20px 28px}.mm-mag-cover-top{font-size:8px}.mm-mag-cover-title{padding:38px 8px 30px}.mm-mag-cover h1{font-size:72px}.mm-mag-subtitle{font-size:15px}.mm-magazine-content{padding:30px 20px}.mm-magazine-grid{display:block}.mm-story{margin-bottom:38px;padding-top:18px}.mm-story-featured{display:block;padding-bottom:38px}.mm-story-featured .mm-story-copy{padding-top:18px}.mm-story-featured h2{font-size:39px}.mm-story h2{font-size:28px}.mm-story-excerpt{-webkit-line-clamp:3}}
@media(max-width:480px){.mm-mag-cover-top{flex-direction:column;gap:6px}.mm-mag-cover-title{padding:34px 0 28px}.mm-mag-cover h1{font-size:59px}.mm-mag-eyebrow{font-size:8px;letter-spacing:.22em}.mm-mag-subtitle{font-size:14px;line-height:1.5}.mm-magazine-content{padding:25px 16px}.mm-story-featured h2{font-size:35px}.mm-story h2{font-size:26px}.mm-story-excerpt{font-size:14px;line-height:1.55}.mm-story-image{aspect-ratio:16/10}.mm-story-featured .mm-story-image{aspect-ratio:16/10}}

/* Editorial magazine details */
.mm-issue-nav{max-width:1180px;margin:0 auto;padding:0 34px;border-bottom:1px solid #b9aa93;background:#eee7db;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;min-height:54px}
.mm-issue-nav-label{font:700 9px/1 Arial,sans-serif;letter-spacing:.22em;color:#211c18;white-space:nowrap}
.mm-issue-nav-items{display:flex;justify-content:space-between;gap:20px;overflow:hidden;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#211c18}
.mm-issue-nav-items span{white-space:nowrap}
.mm-editor-note{grid-column:span 8;background:#211c18;color:#f4efe5;padding:38px 46px;display:grid;grid-template-columns:145px 1fr;column-gap:30px;align-items:start;margin:0 0 2px}
.mm-editor-kicker{margin:0;font:700 9px/1.3 Arial,sans-serif;letter-spacing:.2em;color:#d0ae73}
.mm-editor-quote{margin:0;font:400 clamp(20px,2.1vw,29px)/1.35 Georgia,serif;color:#f4efe5;max-width:760px}
.mm-editor-signoff{grid-column:2;margin:15px 0 0;font:600 9px/1.2 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b9aa93}
.mm-section-break{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin:4px 0 0;color:#87683e;font:700 9px/1 Arial,sans-serif;letter-spacing:.24em}
.mm-section-break:before,.mm-section-break:after{content:"";height:1px;background:#b9aa93;flex:1}
.mm-story:not(.mm-story-featured):nth-of-type(3n+1){grid-column:span 5}
.mm-story:not(.mm-story-featured):nth-of-type(3n+2){grid-column:span 4}
.mm-story:not(.mm-story-featured):nth-of-type(3n){grid-column:span 3}
.mm-story:not(.mm-story-featured):nth-of-type(3n) .mm-story-image{aspect-ratio:3/3.5}
.mm-story:not(.mm-story-featured):nth-of-type(3n) h2{font-size:24px}
.mm-story-link:focus-visible{outline:2px solid #87683e;outline-offset:6px}
.mm-story-read{border-bottom:1px solid #87683e;padding-bottom:4px}
.mm-magazine-pagination{position:relative}
.mm-magazine-pagination:after{content:"THE MYSTIC MONKEY  ·  ISSUE 01";display:block;margin-top:30px;font:600 8px Arial,sans-serif;letter-spacing:.18em;color:#87683e}
@media(max-width:850px){.mm-issue-nav{padding:0 20px;display:block;min-height:auto}.mm-issue-nav-label{padding:16px 0 10px}.mm-issue-nav-items{justify-content:flex-start;overflow-x:auto;padding:0 0 16px;scrollbar-width:none}.mm-issue-nav-items::-webkit-scrollbar{display:none}.mm-editor-note{display:block;padding:30px 24px;margin:0 0 28px}.mm-editor-kicker{margin-bottom:18px}.mm-editor-signoff{margin-top:18px}.mm-section-break{margin:28px 0 10px}.mm-story:not(.mm-story-featured):nth-of-type(3n),.mm-story:not(.mm-story-featured):nth-of-type(3n+1),.mm-story:not(.mm-story-featured):nth-of-type(3n+2){grid-column:auto}.mm-story:not(.mm-story-featured):nth-of-type(3n) .mm-story-image{aspect-ratio:16/10}}

/* Final contrast override: all text on the cream magazine pages stays ink-black. */
.mm-magazine .mm-mag-eyebrow,
.mm-magazine .mm-mag-subtitle,
.mm-magazine .mm-story-copy,
.mm-magazine .mm-story-copy p,
.mm-magazine .mm-story-copy h2,
.mm-magazine .mm-story-excerpt,
.mm-magazine .mm-story-excerpt p,
.mm-magazine .mm-story-excerpt *,
.mm-magazine .mm-story-read,
.mm-magazine .mm-story-meta,
.mm-magazine .mm-story-meta span,
.mm-magazine .mm-magazine-pagination,
.mm-magazine .mm-magazine-pagination a,
.mm-magazine .mm-magazine-pagination span { color:#211c18 !important; opacity:1 !important; text-shadow:none !important; }

/* Mobile blog: remove the solid black editorial panel and keep it on the same paper background. */
@media (max-width: 850px) {
  .mm-magazine .mm-editor-note { background:#eee7dc !important; color:#211c18 !important; border:1px solid #b9aa93 !important; box-shadow:none !important; }
  .mm-magazine .mm-editor-note .mm-editor-kicker { color:#87683e !important; }
  .mm-magazine .mm-editor-note .mm-editor-quote,
  .mm-magazine .mm-editor-note .mm-editor-signoff { color:#211c18 !important; }
}
