/* =========================================================
   Post blocks — ZachWheat.com
   @version 1.1.0
   Code blocks: dark ink, rounded, amber 1px outline (same feel as the form inputs)
   Summary: navy panel for "What's Next" / recap sections
   ========================================================= */

/* ---------- Code block ---------- */
body .wp-block-code {
	background: #0d1320;
	color: #e5e7eb;
	border: 1px solid rgba(245, 158, 11, .8);
	border-radius: 8px;
	padding: 20px 22px;
	margin: 1.75em 0;
	font-family: "DM Mono", ui-monospace, Menlo, Consolas, monospace;
	font-size: 14px;
	line-height: 1.7;
	overflow-x: auto;          /* long lines scroll inside the box, not the page */
	tab-size: 4;
	box-shadow: 0 8px 24px rgba(13, 27, 46, .15);
}
body .wp-block-code code {
	background: none;
	color: inherit;
	padding: 0;
	border: 0;
	font: inherit;
	white-space: pre;
}
body .wp-block-code::-webkit-scrollbar { height: 8px; }
body .wp-block-code::-webkit-scrollbar-thumb { background: rgba(245, 158, 11, .35); border-radius: 4px; }

/* ---------- Inline code (in paragraphs and lists) ---------- */
body :not(pre) > code {
	background: #0d1320;
	color: #f5c26b;
	border: 1px solid rgba(245, 158, 11, .3);
	border-radius: 4px;
	padding: .1em .4em;
	font-family: "DM Mono", ui-monospace, Menlo, Consolas, monospace;
	font-size: .86em;
	white-space: nowrap;
}

/* ---------- Summary panel (Group → Styles → Summary) ---------- */
body .is-style-zw-summary {
	background: #0d1b2e;
	color: #d1d5db;
	border: 1px solid rgba(245, 194, 107, .35);
	border-radius: 10px;
	padding: 32px 36px;
	margin: 3em 0 2em;
	box-shadow: 0 12px 32px rgba(13, 27, 46, .18);
}
body .is-style-zw-summary > :first-child { margin-top: 0; }
body .is-style-zw-summary > :last-child { margin-bottom: 0; }

body .is-style-zw-summary h2,
body .is-style-zw-summary h3,
body .is-style-zw-summary h4 {
	color: #f59e0b;
}
body .is-style-zw-summary h2 {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 0;
}
/* the signature glowing amber dot */
body .is-style-zw-summary h2::before {
	content: "";
	flex: none;
	width: 10px; height: 10px; border-radius: 50%;
	background: #f59e0b;
	box-shadow: 0 0 8px 2px rgba(245, 158, 11, .6);
}
body .is-style-zw-summary h3 { margin-top: 1.6em; font-size: 1.05rem; }

body .is-style-zw-summary p,
body .is-style-zw-summary li { color: #d1d5db; }
body .is-style-zw-summary strong { color: #fff; }

body .is-style-zw-summary a {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dotted #f5c26b;
}
body .is-style-zw-summary a:hover { color: #f5c26b; }

body .is-style-zw-summary ul { padding-left: 1.2em; }
body .is-style-zw-summary li { margin-bottom: .5em; }
body .is-style-zw-summary li::marker { color: #f59e0b; }

body .is-style-zw-summary :not(pre) > code {
	background: #0a1524;
	border-color: rgba(245, 158, 11, .4);
}

@media (max-width: 600px) {
	body .is-style-zw-summary { padding: 24px 20px; }
	body .wp-block-code { padding: 16px; font-size: 13px; }
}