/*
Theme Name: MuntingkwentoV2
Theme URI: https://muntingkwento.com
Author: MuntingKwento
Description: Vintage handwritten-journal style theme para sa personal blog / kwento site. Gawa para sa free version ng Elementor - lahat ng layout ay naka-code na sa theme, at pwede pa ring gamitin ang Elementor sa loob ng mga page para sa dagdag na content.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: muntingkwento
*/

/* =====================================================
   0. VARIABLES & RESET
===================================================== */
:root{
	--wood-1:#1c130d;
	--wood-2:#2a1c12;
	--paper:#ece1c8;
	--paper-2:#e2d4b3;
	--paper-shadow:#c9b78e;
	--ink:#2c2015;
	--ink-soft:#5a4a37;
	--ink-faint:#8a7a63;
	--accent:#6b4a2f;
	--accent-dark:#2e2015;
	--gold:#a9822f;
	--line:#cbb98f;
	--radius-paper: 3px 14px 4px 12px;
	--font-script:'Dancing Script', cursive;
	--font-head:'Playfair Display', serif;
	--font-body:'EB Garamond', serif;
	--max-w: 1180px;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
	margin:0;
	background-color:var(--wood-1);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
		repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 2px, transparent 2px 90px),
		repeating-linear-gradient(0deg, rgba(0,0,0,.10) 0 1px, transparent 1px 6px),
		radial-gradient( ellipse at 50% 0%, rgba(255,220,170,.06), transparent 55% ),
		radial-gradient( ellipse at 50% 100%, rgba(0,0,0,.55), transparent 60% ),
		linear-gradient( 160deg, var(--wood-2), var(--wood-1) 70% );
	background-blend-mode:overlay, multiply, multiply, normal, normal, normal;
	color:var(--ink);
	font-family:var(--font-body);
	font-size:18px;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
}
body::before{
	content:"";
	position:fixed; inset:0; pointer-events:none; z-index:0;
	box-shadow:inset 0 0 180px 40px rgba(0,0,0,.75);
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ margin:0; padding:0; list-style:none; }
h1,h2,h3,h4{ font-family:var(--font-head); color:var(--ink); margin:0 0 .5em; font-weight:600; }
p{ margin:0 0 1.1em; }
input,textarea,button{ font-family:var(--font-body); font-size:1em; }
.mk-container{ max-width:var(--max-w); margin:0 auto; padding:0 24px; position:relative; z-index:1; }
.screen-reader-text{ position:absolute!important; clip:rect(0,0,0,0); }

/* everything sits above the wood vignette */
.mk-header,.mk-search-box,.mk-hero-wrap,.mk-newest,.mk-single-wrap,.mk-list-wrap,
.mk-about-wrap,.mk-contact-wrap,.mk-archive-wrap,.mk-page-basic,.mk-footer,.mk-page-head{ position:relative; z-index:1; }

/* =====================================================
   1. PAPER / BOOK SURFACES
===================================================== */
.mk-paper{
	--grain-op:.5;
	background-color:var(--paper);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),
		radial-gradient(circle at 8% 12%, rgba(120,85,40,.16), transparent 26%),
		radial-gradient(circle at 92% 88%, rgba(120,85,40,.18), transparent 30%),
		radial-gradient(circle at 80% 15%, rgba(90,60,25,.10), transparent 22%),
		radial-gradient(circle at 15% 85%, rgba(90,60,25,.10), transparent 24%),
		repeating-linear-gradient(0deg, rgba(120,95,55,.05) 0 1px, transparent 1px 3px),
		linear-gradient(135deg, var(--paper) 0%, var(--paper-2) 100%);
	background-blend-mode:overlay, multiply, multiply, multiply, multiply, normal, normal;
	border-radius:var(--radius-paper);
	box-shadow:
		0 1px 0 rgba(255,255,255,.4) inset,
		0 -18px 30px -20px rgba(120,90,45,.35) inset,
		0 28px 55px -20px rgba(0,0,0,.7),
		0 3px 8px rgba(0,0,0,.4);
	position:relative;
}
.mk-paper::before{
	/* stacked paper sheet peeking out behind, for depth */
	content:"";
	position:absolute; left:10px; right:10px; bottom:-9px; height:16px;
	background:var(--paper-shadow);
	border-radius:0 0 8px 8px;
	z-index:-1;
	box-shadow:0 10px 18px -6px rgba(0,0,0,.5);
}
.mk-paper::after{
	content:"";
	position:absolute; inset:0;
	background:radial-gradient(circle at 12% 18%, rgba(120,90,40,.10), transparent 40%),
		radial-gradient(circle at 90% 82%, rgba(120,90,40,.10), transparent 40%);
	border-radius:inherit;
	pointer-events:none;
}
/* torn / deckled top+bottom edge */
.mk-paper.mk-torn{
	-webkit-mask-image:
		linear-gradient(#000,#000),
		radial-gradient(circle at 0 0, transparent 5px, #000 5.5px);
	mask-image: none;
}
.mk-book{
	background:linear-gradient(90deg, #241810, #33231655 4%, transparent 4%),
		var(--paper);
	border-radius:6px 16px 6px 16px;
	box-shadow:0 34px 80px -26px rgba(0,0,0,.85), 0 0 0 10px rgba(20,13,8,.55), 0 0 40px rgba(0,0,0,.4);
	position:relative;
}

/* coffee-ring stain accent, place with a modifier class where wanted */
.mk-stain{ position:relative; }
.mk-stain::before{
	content:""; position:absolute; width:110px; height:110px; border-radius:50%;
	border:6px solid rgba(110,75,35,.10); pointer-events:none;
}

/* paperclip decoration */
.mk-clip{
	position:absolute; top:-16px; right:34px; width:22px; height:50px;
	border:4px solid #9aa0a6; border-bottom-left-radius:10px; border-bottom-right-radius:10px;
	border-top:none; opacity:.85; transform:rotate(4deg);
	filter:drop-shadow(0 4px 4px rgba(0,0,0,.4));
}
.mk-clip::after{
	content:""; position:absolute; left:4px; top:0; right:4px; bottom:10px;
	border:4px solid #9aa0a6; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top:none;
}

/* washi tape strip - use on photo corners */
.mk-tape{
	position:absolute; width:70px; height:26px; top:-12px; left:50%; transform:translateX(-50%) rotate(-3deg);
	background:rgba(232,220,190,.55); box-shadow:0 2px 4px rgba(0,0,0,.15);
	border-left:1px dashed rgba(0,0,0,.08); border-right:1px dashed rgba(0,0,0,.08);
}

/* small flower/leaf svg accents, inline via background */
.mk-flower{
	position:absolute; width:84px; height:84px; opacity:.6; pointer-events:none;
	background:no-repeat center/contain;
	background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><g fill='none' stroke='%235a4a37' stroke-width='1.6'><path d='M50 92 L50 34'/><path d='M50 60 C28 60 22 42 28 30 C40 30 50 42 50 60Z'/><path d='M50 48 C72 48 78 30 72 18 C60 18 50 30 50 48Z'/><path d='M50 70 C34 70 26 78 24 88' /><path d='M50 62 C66 62 74 70 78 80'/><circle cx='50' cy='16' r='3.5' fill='%23a9822f' stroke='none'/><circle cx='40' cy='24' r='3' fill='%23a9822f' stroke='none'/><circle cx='60' cy='26' r='3' fill='%23a9822f' stroke='none'/></g></svg>");
}
.mk-flower.tl{ top:-30px; left:-30px; transform:rotate(-15deg); }
.mk-flower.tr{ top:-30px; right:-30px; transform:rotate(15deg) scaleX(-1); }
.mk-flower.br{ bottom:-30px; right:-30px; transform:rotate(200deg) scaleX(-1); }
.mk-flower.bl{ bottom:-30px; left:-30px; transform:rotate(160deg); }
@media (max-width:720px){ .mk-flower{ display:none; } }

/* =====================================================
   2. HEADER / NAV
===================================================== */
.mk-header{
	max-width:var(--max-w); margin:26px auto 0; padding:0 24px;
	display:flex; align-items:center; justify-content:space-between; gap:18px;
	color:var(--paper);
}
.mk-logo{
	font-family:var(--font-script); font-size:2.4rem; color:#f1e6c8;
	display:flex; align-items:center; gap:10px; letter-spacing:.5px;
	text-shadow:0 2px 10px rgba(0,0,0,.5);
}
.mk-logo small{ display:block; font-family:var(--font-body); font-size:.42rem; letter-spacing:3px; text-transform:uppercase; color:#c9b98f; }
.mk-logo-wrap{ text-align:center; flex:1; }

.mk-menu{ display:flex; gap:26px; }
.mk-menu a{
	font-size:.8rem; letter-spacing:1.5px; text-transform:uppercase; color:#e6dcc2;
	padding:6px 2px; border-bottom:1px solid transparent;
}
.mk-menu li.current-menu-item > a,
.mk-menu a:hover{ border-bottom-color:#e6dcc2; color:#fff; }
.mk-nav-side{ display:flex; align-items:center; gap:16px; min-width:120px; }
.mk-nav-left{ justify-content:flex-start; }
.mk-nav-right{ justify-content:flex-end; }
.mk-search-toggle{ background:none; border:none; color:#e6dcc2; font-size:1.1rem; cursor:pointer; }

.mk-burger{ display:none; background:none; border:none; color:#f1e6c8; font-size:1.6rem; cursor:pointer; }

/* mobile search box */
.mk-search-box{ display:none; max-width:var(--max-w); margin:10px auto 0; padding:0 24px; }
.mk-search-box.is-open{ display:block; }
.mk-search-box form{ display:flex; }
.mk-search-box input[type="search"]{ flex:1; padding:10px 14px; border:1px solid var(--line); border-radius:4px 0 0 4px; background:var(--paper); }
.mk-search-box button{ padding:10px 16px; background:var(--accent-dark); color:#f1e6c8; border:none; border-radius:0 4px 4px 0; cursor:pointer; }

/* =====================================================
   3. BUTTONS / TAGS / META
===================================================== */
.mk-btn{
	display:inline-block; padding:14px 28px; background:var(--accent-dark); color:#f1e6c8!important;
	font-size:.78rem; letter-spacing:2px; text-transform:uppercase; border-radius:4px; border:none; cursor:pointer;
	transition:transform .15s ease, background .15s ease;
}
.mk-btn:hover{ background:#40301f; transform:translateY(-1px); }
.mk-btn-dark{ background:var(--accent-dark); }
.mk-eyebrow{ text-align:center; font-size:.72rem; letter-spacing:4px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:10px; }
.mk-divider{ width:80px; height:1px; background:var(--line); margin:14px auto; position:relative; }
.mk-divider::before{ content:"❦"; position:absolute; left:50%; top:50%; transform:translate(-50%,-55%); background:var(--paper); padding:0 10px; color:var(--ink-faint); font-size:.85rem; }
.mk-meta{ font-size:.78rem; letter-spacing:1px; text-transform:uppercase; color:var(--ink-faint); }
.mk-tag{ display:inline-block; font-size:.68rem; letter-spacing:1.5px; text-transform:uppercase; color:var(--accent); border:1px solid var(--line); padding:3px 10px; border-radius:20px; }

/* =====================================================
   4. HOME / FRONT PAGE
===================================================== */
.mk-hero-wrap{ max-width:var(--max-w); margin:28px auto 0; padding:0 24px; position:relative; }
.mk-mini-flourish{ font-size:1.1rem; color:var(--gold); margin-bottom:10px; }
.mk-hero{
	display:grid; grid-template-columns:1.05fr 1fr; gap:0; overflow:hidden; padding:56px 50px;
}
.mk-hero-left{ padding-right:40px; border-right:1px dashed var(--line); display:flex; flex-direction:column; justify-content:center; }
.mk-hero-left h1{ font-size:2.6rem; line-height:1.15; text-align:left; }
.mk-hero-left .mk-script{ display:block; font-family:var(--font-script); font-size:1.6rem; color:var(--accent); font-weight:600; margin-top:6px; }
.mk-hero-left p{ color:var(--ink-soft); max-width:420px; margin-top:18px; }
.mk-hero-right{ padding-left:40px; }
.mk-hero-photo{ position:relative; background:#f7f2e4; padding:12px 12px 30px; box-shadow:0 18px 32px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.05); transform:rotate(2deg); width:70%; margin-bottom:18px 0 32px; }
.mk-hero-photo .mk-tape{ background:rgba(232,220,190,.65); }
.mk-hero-photo img{ width:100%; height:180px; object-fit:cover; filter:sepia(.35) contrast(1.08) saturate(1.05) brightness(.96); }
.mk-hero-right .mk-eyebrow{ text-align:left; }
.mk-hero-right h3{ font-size:1.5rem; }
.mk-hero-right p{ color:var(--ink-soft); }
.mk-readmore{ font-size:.78rem; letter-spacing:1px; text-transform:uppercase; color:var(--accent); border-bottom:1px solid var(--accent); padding-bottom:2px; }

.mk-newest{ max-width:var(--max-w); margin:26px auto 60px; padding:34px 44px; }
.mk-newest-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:24px; }
.mk-newest-head h4{ font-size:.85rem; letter-spacing:3px; text-transform:uppercase; color:var(--ink-faint); margin:0; }
.mk-grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.mk-card{ display:block; }
.mk-card .thumb{ height:180px; overflow:hidden; border-radius:2px; margin-bottom:14px; box-shadow:0 14px 26px rgba(0,0,0,.35); }
.mk-card .thumb img{ width:100%; height:100%; object-fit:cover; filter:sepia(.3) contrast(1.05) saturate(1.05) brightness(.95); transition:transform .4s ease; }
.mk-card:hover .thumb img{ transform:scale(1.06); }
.mk-card h5{ font-family:var(--font-head); font-size:1.15rem; margin:0 0 6px; }
.mk-card .mk-meta{ margin-bottom:8px; display:block; }
.mk-card p{ color:var(--ink-soft); font-size:.95rem; margin-bottom:8px; }

/* =====================================================
   4b. FLOATING NOTE / TAG CARDS (desktop flourishes)
===================================================== */
.mk-float-card{
	position:absolute; width:180px; padding:20px 18px;
	background-color:var(--paper);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p2)'/%3E%3C/svg%3E"),
		linear-gradient(135deg, var(--paper) 0%, var(--paper-2) 100%);
	background-blend-mode:overlay, normal;
	border-radius:2px 10px 2px 10px;
	box-shadow:0 16px 30px -8px rgba(0,0,0,.5);
	z-index:6;
}
.mk-float-card h5{ font-size:.66rem; letter-spacing:2px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:12px; border-bottom:1px solid var(--line); padding-bottom:8px; }
.mk-float-card ul li{ font-size:.82rem; color:var(--ink-soft); padding:4px 0; }
.mk-float-card ul li a{ color:var(--ink-soft); }
.mk-float-card ul li a:hover{ color:var(--accent); }
.mk-float-card .note-txt{ font-family:var(--font-script); font-size:1.1rem; color:var(--accent-dark); text-align:center; line-height:1.35; margin:0; }
.mk-float-card .heart{ text-align:center; color:var(--accent); margin-top:8px; font-size:1rem; }

.mk-tags-float{ left:-206px; top:64px; transform:rotate(-1.5deg); }
.mk-quote-float{ right:-198px; top:10px; transform:rotate(2deg); }

.mk-single-outer{ position:relative; max-width:var(--max-w); margin:0 auto; padding:0 24px; }
.mk-single-outer .mk-single-wrap{ margin:28px 0 60px; padding:0; max-width:none; }
.mk-note-float{ width:170px; z-index:7; }
.mk-note-float.note-left{ left:-16px; bottom:64px; transform:rotate(-4deg); }
.mk-note-float.note-right{ right:-16px; bottom:150px; transform:rotate(3deg); }

@media (max-width:1400px){
	.mk-tags-float,.mk-quote-float,.mk-note-float{ display:none; }
}
.mk-single-wrap{ max-width:var(--max-w); margin:28px auto 60px; padding:0 24px; display:grid; grid-template-columns:280px 1fr; gap:0; }
.mk-sidebar{ padding:40px 26px; }
.mk-sidebar h4.side-title{ font-size:.72rem; letter-spacing:3px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:16px; border-bottom:1px solid var(--line); padding-bottom:10px; }
.mk-browse-list li{ margin-bottom:12px; }
.mk-browse-list a{ display:flex; align-items:center; gap:10px; font-size:.85rem; letter-spacing:.5px; text-transform:uppercase; color:var(--ink-soft); }
.mk-browse-list a:hover, .mk-browse-list li.active a{ color:var(--accent); }
.mk-browse-list .ic{ width:20px; text-align:center; }
.mk-latest-item{ display:flex; gap:12px; margin-bottom:16px; }
.mk-latest-item .thumb{ width:56px; height:56px; flex:none; overflow:hidden; border-radius:2px; }
.mk-latest-item .thumb img{ width:100%; height:100%; object-fit:cover; filter:sepia(.3) contrast(1.05) saturate(1.05) brightness(.95); }
.mk-latest-item .info a{ font-size:.85rem; line-height:1.3; display:block; color:var(--ink); }
.mk-latest-item .info .mk-meta{ font-size:.65rem; margin-top:3px; }
.mk-arch-list li{ display:flex; justify-content:space-between; font-size:.85rem; color:var(--ink-soft); padding:6px 0; border-bottom:1px dotted var(--line); }
.mk-arch-list a{ color:var(--ink-soft); }
.mk-view-all{ display:inline-block; margin-top:12px; font-size:.75rem; letter-spacing:1px; text-transform:uppercase; color:var(--accent); border-bottom:1px solid var(--accent); }

.mk-post-main{ padding:46px 50px 40px; border-left:1px dashed var(--line); position:relative; }
.mk-post-main .mk-eyebrow{ text-align:left; }
.mk-post-main h1.mk-title{ font-size:2.3rem; line-height:1.2; text-align:left; margin-bottom:10px; }
.mk-post-main .mk-meta-row{ display:flex; gap:10px; align-items:center; margin-bottom:18px; }
.mk-post-figure{ position:relative; background:#f7f2e4; padding:12px 12px 32px; box-shadow:0 20px 36px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.05); transform:rotate(-1.5deg); width:44%; float:left; margin:6px 26px 16px 0; }
.mk-post-figure .mk-tape{ background:rgba(232,220,190,.65); }
.mk-post-figure img{ width:100%; height:220px; object-fit:cover; filter:sepia(.35) contrast(1.08) saturate(1.05) brightness(.96); }
.mk-post-content{ font-size:1.05rem; color:var(--ink); }
.mk-post-content p{ margin-bottom:1.2em; }
.mk-post-content blockquote{
	clear:both; margin:34px 0; padding:30px 34px; background:var(--paper-2);
	border:1px solid var(--line); border-radius:2px 12px 2px 12px; position:relative;
	font-family:var(--font-script); font-size:1.5rem; text-align:center; color:var(--accent-dark); line-height:1.4;
	box-shadow:0 8px 18px rgba(0,0,0,.15);
}
.mk-post-content blockquote::after{ content:"♡"; display:block; margin-top:10px; font-family:var(--font-body); font-size:1rem; color:var(--ink-faint); }
.mk-post-content h2,.mk-post-content h3{ text-align:left; margin-top:1.4em; }

.mk-share{ text-align:center; margin:44px 0; }
.mk-share .lbl{ font-size:.72rem; letter-spacing:3px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:14px; }
.mk-share-icons{ display:flex; justify-content:center; gap:14px; }
.mk-share-icons a,.mk-share-icons button{
	width:38px; height:38px; border:1px solid var(--line); border-radius:50%;
	display:flex; align-items:center; justify-content:center; font-size:.95rem; color:var(--ink-soft); background:none; cursor:pointer;
}
.mk-share-icons a:hover,.mk-share-icons button:hover{ background:var(--accent-dark); color:#f1e6c8; border-color:var(--accent-dark); }

.mk-post-nav{ display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center; border-top:1px solid var(--line); padding-top:30px; margin-top:10px; }
.mk-post-nav .nav-item{ display:flex; gap:14px; align-items:center; }
.mk-post-nav .nav-item.next{ flex-direction:row-reverse; text-align:right; }
.mk-post-nav .nav-item .thumb{ width:60px; height:60px; flex:none; overflow:hidden; border-radius:2px; }
.mk-post-nav .nav-item .thumb img{ width:100%; height:100%; object-fit:cover; filter:sepia(.3) contrast(1.05) saturate(1.05) brightness(.95); }
.mk-post-nav .lbl{ font-size:.68rem; letter-spacing:2px; text-transform:uppercase; color:var(--ink-faint); display:block; margin-bottom:4px; }
.mk-post-nav .ttl{ font-size:.95rem; }
.mk-post-nav .divider-ic{ font-size:1.3rem; color:var(--ink-faint); text-align:center; }

/* comments */
#comments{ margin-top:36px; }
.comment-reply-title{ font-size:.78rem; letter-spacing:3px; text-transform:uppercase; color:var(--ink-faint); text-align:center; margin-bottom:18px; }
.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{
	width:100%; padding:14px; border:1px solid var(--line); border-radius:2px; background:#fdf9ee; margin-bottom:12px;
}
.comment-list{ margin:0 0 24px; }
.comment-list li{ padding:14px 0; border-bottom:1px dotted var(--line); }
.comment-list .comment-author{ font-weight:600; font-size:.85rem; }
.comment-list .comment-meta{ font-size:.7rem; color:var(--ink-faint); margin-bottom:6px; }
.mk-note{ text-align:right; margin-top:10px; font-family:var(--font-script); color:var(--ink-faint); font-size:1rem; }

/* =====================================================
   6. KWENTO LISTING PAGE
===================================================== */
.mk-page-head{ text-align:center; padding:50px 24px 10px; }
.mk-page-head h1{ font-size:2.4rem; }
.mk-page-head .mk-script{ font-family:var(--font-script); color:var(--accent); font-size:1.3rem; }
.mk-page-head p.desc{ max-width:560px; margin:14px auto 0; color:var(--ink-soft); }

.mk-list-wrap{ max-width:var(--max-w); margin:24px auto 60px; padding:0 24px; }
.mk-tabs{ display:flex; flex-wrap:wrap; gap:8px; padding:28px 40px 0; }
.mk-tabs a{ font-size:.72rem; letter-spacing:1.5px; text-transform:uppercase; padding:9px 18px; border-radius:20px; color:var(--ink-soft); border:1px solid transparent; }
.mk-tabs a.active{ background:var(--accent-dark); color:#f1e6c8; }
.mk-tabs a:not(.active):hover{ border-color:var(--line); }

.mk-list{ padding:24px 40px 40px; }
.mk-list-item{ display:grid; grid-template-columns:150px 1fr; gap:24px; padding:22px 0; border-bottom:1px solid var(--line); }
.mk-list-item .thumb{ height:110px; overflow:hidden; border-radius:2px; }
.mk-list-item .thumb img{ width:100%; height:100%; object-fit:cover; filter:sepia(.3) contrast(1.05) saturate(1.05) brightness(.95); }
.mk-list-item h3{ font-size:1.3rem; margin-bottom:6px; }
.mk-list-item .mk-meta{ display:block; margin-bottom:8px; }
.mk-list-item p{ color:var(--ink-soft); font-size:.95rem; margin-bottom:8px; }

.mk-pagination{ display:flex; justify-content:center; padding:20px 0 40px; }
.mk-pagination ul{ display:flex; gap:8px; }
.mk-pagination a,.mk-pagination span{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 8px; border-radius:4px; font-size:.85rem; color:var(--ink-soft); }
.mk-pagination span.current{ background:var(--accent-dark); color:#f1e6c8; }
.mk-pagination a:hover{ background:var(--paper-2); }

/* =====================================================
   7. ABOUT PAGE
===================================================== */
.mk-about-wrap{ max-width:var(--max-w); margin:24px auto 60px; padding:0 24px; }
.mk-about-top{ display:grid; grid-template-columns:1fr 1.2fr; gap:40px; padding:46px; align-items:center; }
.mk-about-photo{ position:relative; background:#f7f2e4; padding:12px 12px 28px; box-shadow:0 18px 32px rgba(0,0,0,.4); transform:rotate(-1deg); }
.mk-about-photo img{ width:100%; height:280px; object-fit:cover; filter:sepia(.35) contrast(1.08) saturate(1.05) brightness(.96); }
.mk-about-top h2{ font-size:1.9rem; }
.mk-about-top p{ color:var(--ink-soft); }
.mk-heart{ text-align:center; font-size:1.4rem; color:var(--accent); margin-top:10px; }

.mk-why{ text-align:center; padding:40px 24px 10px; position:relative; }
.mk-why h4{ font-size:.85rem; letter-spacing:3px; text-transform:uppercase; color:var(--ink-faint); }
.mk-why-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:34px; max-width:900px; margin:30px auto 0; }
.mk-why-grid .ic{ font-size:1.8rem; margin-bottom:12px; }
.mk-why-grid h5{ font-size:1.05rem; margin-bottom:8px; }
.mk-why-grid p{ font-size:.9rem; color:var(--ink-soft); }

.mk-about-quote{ margin:44px auto 0; max-width:560px; padding:30px 36px; background:var(--paper-2); border:1px solid var(--line); border-radius:2px 14px 2px 14px; font-family:var(--font-script); font-size:1.3rem; text-align:center; color:var(--accent-dark); box-shadow:0 10px 20px rgba(0,0,0,.15); }

/* =====================================================
   8. CONTACT PAGE
===================================================== */
.mk-contact-wrap{ max-width:var(--max-w); margin:24px auto 60px; padding:0 24px; }
.mk-contact-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:36px; padding:46px; }
.mk-field{ margin-bottom:18px; }
.mk-field label{ display:block; font-size:.7rem; letter-spacing:2px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:8px; }
.mk-field input,.mk-field textarea{ width:100%; padding:14px 16px; border:1px solid var(--line); background:#fdf9ee; border-radius:2px; }
.mk-field textarea{ min-height:130px; resize:vertical; }
.mk-contact-info{ background:var(--paper-2); border:1px solid var(--line); border-radius:2px 14px 2px 14px; padding:26px; align-self:start; }
.mk-contact-info h4{ font-size:.72rem; letter-spacing:2px; text-transform:uppercase; color:var(--ink-faint); margin-bottom:16px; }
.mk-contact-info li{ display:flex; gap:10px; align-items:flex-start; margin-bottom:14px; font-size:.9rem; color:var(--ink-soft); }
.mk-form-msg{ padding:12px 16px; border-radius:4px; margin-bottom:18px; font-size:.9rem; }
.mk-form-msg.success{ background:#e4ecd8; color:#3c5a2a; }
.mk-form-msg.error{ background:#f1dcd6; color:#7a2c1d; }
.mk-honeypot{ position:absolute; left:-9999px; }

/* =====================================================
   9. ARCHIVE PAGE
===================================================== */
.mk-archive-wrap{ max-width:900px; margin:24px auto 60px; padding:0 24px; }
.mk-archive-groups{ padding:40px 50px; }
.mk-archive-year{ font-family:var(--font-head); font-size:1.4rem; margin:26px 0 12px; color:var(--accent); }
.mk-archive-year:first-child{ margin-top:0; }
.mk-archive-groups .mk-month-list li{ display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px dotted var(--line); font-size:.95rem; }
.mk-archive-groups .mk-month-list a{ color:var(--ink); }
.mk-archive-groups .mk-month-list a:hover{ color:var(--accent); }
.mk-archive-groups .count{ color:var(--ink-faint); font-size:.82rem; }

/* =====================================================
   10. FOOTER
===================================================== */
.mk-footer{ margin-top:20px; padding:40px 24px 26px; text-align:center; color:#cbb98f; }
.mk-footer .mk-logo{ justify-content:center; font-size:1.6rem; margin-bottom:6px; }
.mk-footer .tagline{ font-size:.78rem; letter-spacing:1px; color:#a08e6c; margin-bottom:14px; }
.mk-footer .foot-links{ display:flex; justify-content:center; gap:18px; font-size:.78rem; margin-bottom:14px; }
.mk-footer .foot-links a{ color:#cbb98f; border-bottom:1px solid transparent; }
.mk-footer .foot-links a:hover{ border-color:#cbb98f; }
.mk-footer .copy{ font-size:.72rem; color:#7c6d54; }

/* =====================================================
   11. GENERIC PAGE (fallback)
===================================================== */
.mk-page-basic{ max-width:900px; margin:30px auto 60px; padding:50px; }
.mk-page-basic h1{ text-align:center; margin-bottom:24px; }

/* =====================================================
   12. RESPONSIVE
===================================================== */
@media (max-width: 980px){
	.mk-hero{ grid-template-columns:1fr; padding:40px 30px; }
	.mk-hero-left{ border-right:none; border-bottom:1px dashed var(--line); padding:0 0 30px; }
	.mk-hero-right{ padding:30px 0 0; }
	.mk-hero-photo{ width:60%; }
	.mk-grid-3{ grid-template-columns:repeat(2,1fr); }
	.mk-single-wrap{ grid-template-columns:1fr; }
	.mk-sidebar{ border-bottom:1px dashed var(--line); }
	.mk-post-main{ border-left:none; padding:36px 30px; }
	.mk-post-figure{ width:100%; float:none; margin:0 0 20px; }
	.mk-about-top{ grid-template-columns:1fr; }
	.mk-contact-grid{ grid-template-columns:1fr; padding:34px; }
	.mk-why-grid{ grid-template-columns:1fr; }
}

@media (max-width: 720px){
	body{ font-size:16.5px; }
	.mk-header{ flex-wrap:wrap; }
	.mk-nav-left{ order:1; }
	.mk-logo-wrap{ order:0; flex:1 0 100%; margin-bottom:6px; }
	.mk-burger{ display:block; order:2; }
	.mk-nav-right .mk-search-toggle{ display:inline-flex; }
	.mk-menu{
		display:none; position:absolute; left:0; right:0; top:78px; z-index:50;
		background:var(--wood-1); flex-direction:column; padding:16px 24px; gap:0;
		border-top:1px solid rgba(255,255,255,.08); box-shadow:0 20px 30px rgba(0,0,0,.4);
	}
	.mk-menu.is-open{ display:flex; }
	.mk-menu li{ border-bottom:1px solid rgba(255,255,255,.08); }
	.mk-menu a{ display:block; padding:14px 4px; }
	.mk-hero-left h1{ font-size:2rem; }
	.mk-grid-3{ grid-template-columns:1fr; }
	.mk-list-item{ grid-template-columns:1fr; }
	.mk-list-item .thumb{ height:170px; }
	.mk-tabs{ padding:22px 20px 0; }
	.mk-list{ padding:18px 20px 30px; }
	.mk-post-main{ padding:28px 20px; }
	.mk-sidebar{ padding:28px 20px; }
	.mk-about-top,.mk-newest,.mk-hero{ padding:30px 20px; }
	.mk-contact-grid{ padding:24px 18px; }
	.mk-post-nav{ grid-template-columns:1fr; text-align:left!important; }
	.mk-post-nav .nav-item.next{ flex-direction:row; text-align:left; }
	.mk-post-nav .divider-ic{ display:none; }
	.mk-archive-groups{ padding:26px 20px; }
}

@media (max-width: 480px){
	.mk-logo{ font-size:1.7rem; }
	.mk-page-head h1{ font-size:1.9rem; }
	.mk-post-main h1.mk-title{ font-size:1.7rem; }
}