/* GENERATED by scripts/build-site-css.sh from site-build/css/weekly.css. Edit the source, never this file. */
.mh-wk {
	--wk-accent: var(--accent, #1E6B4E);
	--wk-ink: var(--ink, #1A1A18);
	--wk-ink-2: var(--ink-2, #5C5C56);
	--wk-rule: var(--rule, #E3E1DA);
	--wk-surface: var(--surface, #FFFFFF);
	--wk-paper: var(--paper-2, #f4f1e8);
	--wk-red: #B0362B;
	--wk-serif: var(--mh-serif, "Songti SC", "Noto Serif CJK SC", "Source Han Serif SC", STSong, Georgia, serif);
	--wk-sans: var(--mh-sans, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif);
	--wk-mono: "SF Mono", Menlo, Consolas, monospace;
	max-width: 1100px;
	margin: 0 auto 40px;
	color: var(--wk-ink);
}
.mh-wk a { color: inherit; text-decoration: none; }
.mh-wk a:hover .mh-wk-ct, .mh-wk-reps a:hover, .mh-wk-our:hover, .mh-wk-dp:hover b { color: var(--wk-accent); }
.mh-wk-k { font: 600 11px var(--wk-mono); letter-spacing: .22em; color: var(--wk-accent); }
.mh-wk-nophoto { display: block; background-color: #ddd8ca; background-image: linear-gradient(135deg, #d8d2c3, #e6e1d5 45%, #d3cdbd); background-size: cover; background-position: center; }
.mh-wk-tag { display: inline-block; font: 600 11px var(--wk-sans); color: #fff; background: var(--wk-accent); padding: 1px 7px; border-radius: 2px; margin-right: 8px; vertical-align: 2px; }
.mh-wk-cr { font: 12px var(--wk-sans); color: #9a968a; margin-left: 8px; white-space: nowrap; }
.mh-wk-go, .mh-wk a.mh-wk-go { font: 600 13px var(--wk-sans); color: var(--wk-accent); }
.mh-wk-h { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; border-top: 4px solid var(--wk-ink); border-bottom: 1px solid var(--wk-rule); padding: 18px 4px 14px; margin-bottom: 18px; }
.mh-wk-t { font: 500 34px/1.25 var(--wk-serif); margin: 4px 0 0; letter-spacing: .04em; }
.mh-wk-t small { font: 400 20px var(--wk-serif); color: var(--wk-red); margin-left: 10px; }
.mh-wk-meta { font: 13px/1.7 var(--wk-sans); color: var(--wk-ink-2); text-align: right; }
.mh-wk-meta a { color: var(--wk-accent); font-weight: 600; }
.mh-wk-preview { color: var(--wk-red); font-weight: 600; }
.mh-wk-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.mh-wk-card { background: var(--wk-surface); border: 1px solid var(--wk-rule); display: flex; flex-direction: column; }
.mh-wk-pic { aspect-ratio: 16 / 7; }
.mh-wk-in { padding: 14px 18px; display: flex; flex-direction: column; gap: 8px; flex: 1; }
.mh-wk-ct { font: 500 21px/1.4 var(--wk-serif); margin: 0; }
.mh-wk-ct b { font: 400 21px var(--wk-serif); color: var(--wk-red); margin-right: 8px; }
.mh-wk-lede { font: 15px/1.8 var(--wk-serif); margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mh-wk-our { display: block; font: 500 15px/1.5 var(--wk-serif); }
.mh-wk-reps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--wk-rule); }
.mh-wk-reps li { padding: 6px 0; border-bottom: 1px solid var(--wk-rule); font: 14px/1.5 var(--wk-serif); }
.mh-wk-in .mh-wk-go { margin-top: auto; }
.mh-wk-grid > .mh-wk-card:last-child:nth-child(odd) { grid-column: 1 / -1; display: grid; grid-template-columns: 44% minmax(0, 1fr); }
.mh-wk-grid > .mh-wk-card:last-child:nth-child(odd) > a { display: block; }
.mh-wk-grid > .mh-wk-card:last-child:nth-child(odd) .mh-wk-pic { aspect-ratio: auto; height: 100%; min-height: 220px; }
.mh-wk-h2 { font: 500 20px var(--wk-serif); margin: 26px 0 10px; padding-bottom: 8px; border-bottom: 2px solid var(--wk-ink); }
.mh-wk-deep { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.mh-wk-dp { background: var(--wk-surface); border: 1px solid var(--wk-rule); display: block; }
.mh-wk-dp-pic { aspect-ratio: 4 / 3; }
.mh-wk-dp div { padding: 10px 14px 12px; }
.mh-wk-dp b { display: block; font: 500 16px/1.45 var(--wk-serif); margin: 4px 0; }
.mh-wk-dp small { font: 13px/1.6 var(--wk-sans); color: var(--wk-ink-2); }
.mh-wk-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 22px; }
.mh-wk-box { background: var(--wk-surface); border: 1px solid var(--wk-rule); padding: 12px 16px; font: 14px/1.7 var(--wk-sans); }
.mh-wk-box h3 { font: 500 16px var(--wk-serif); margin: 0 0 6px; }
.mh-wk-box p { margin: 4px 0; color: var(--wk-ink-2); font-size: 13px; }
.mh-wk-box a { color: var(--wk-accent); font-weight: 600; }
.mh-wk-sh { background: var(--wk-surface); border: 1px solid var(--wk-rule); border-top: 4px solid var(--wk-ink); padding: 22px 28px; }
.mh-wk-sh .mh-wk-t { font-size: 32px; margin: 4px 0 6px; }
.mh-wk-sh p { margin: 0; color: var(--wk-ink-2); font: 14px var(--wk-sans); }
.mh-wk-rows { background: var(--wk-surface); border: 1px solid var(--wk-rule); border-top: 0; }
.mh-wk-row { display: grid; grid-template-columns: minmax(0, 1fr) 440px; gap: 20px; align-items: center; padding: 16px 28px; border-top: 1px solid var(--wk-rule); }
.mh-wk-row:first-child { border-top: 0; }
.mh-wk-row b { display: block; font: 500 18px var(--wk-serif); }
.mh-wk-row small { color: var(--wk-ink-2); font: 13px var(--wk-sans); }
.mh-wk-row code { display: block; font: 13px var(--wk-mono); color: var(--wk-ink); background: var(--wk-surface); background: color-mix(in srgb, var(--wk-ink) 6%, var(--wk-surface)); border: 1px solid var(--wk-rule); padding: 6px 10px; margin: 3px 0; word-break: break-all; user-select: all; }
.mh-wk-row .mh-wk-open { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 13px var(--wk-mono); color: var(--wk-accent); background: var(--wk-surface); background: color-mix(in srgb, var(--wk-accent) 8%, var(--wk-surface)); border: 1px solid var(--wk-accent); border-color: color-mix(in srgb, var(--wk-accent) 40%, var(--wk-rule)); padding: 6px 10px; margin: 3px 0; text-decoration: none; }
.mh-wk-row .mh-wk-open span { font: 600 13px var(--wk-sans); white-space: nowrap; }
.mh-wk-row .mh-wk-open:hover, .mh-wk-row .mh-wk-open:focus-visible { background: color-mix(in srgb, var(--wk-accent) 15%, var(--wk-surface)); }
.mh-wk-how { margin-top: 14px; font: 14px/1.8 var(--wk-sans); color: var(--wk-ink-2); }
.mh-wk-how a { color: var(--wk-accent); font-weight: 600; margin-left: 6px; }
@media (max-width: 820px) {
	.mh-wk-grid, .mh-wk-strip { grid-template-columns: 1fr; }
	.mh-wk-grid > .mh-wk-card:last-child:nth-child(odd) { display: flex; }
	.mh-wk-grid > .mh-wk-card:last-child:nth-child(odd) .mh-wk-pic { aspect-ratio: 16 / 7; height: auto; min-height: 0; }
	.mh-wk-deep { grid-template-columns: 1fr 1fr; }
	.mh-wk-h { flex-direction: column; align-items: flex-start; }
	.mh-wk-meta { text-align: left; }
	.mh-wk-row { grid-template-columns: 1fr; padding: 14px 18px; }
}
@media print {
	.mh-wk-strip { display: none; }
	.mh-wk-grid { grid-template-columns: 1fr; }
	.mh-wk-card, .mh-wk-dp { break-inside: avoid; }
	.mh-wk-pic, .mh-wk-dp-pic { display: none; }
	.mh-wk-reps a::after { content: " " attr(href); font-size: 10px; color: #777; }
}