/* Shared editorial styling for the existing SWELL page and post templates.
 * Header, footer and dialogs are provided by the home design stylesheet.
 * Keep all content rules inside .yomo-inner so the front page stays unchanged.
 */
.yomo-inner {
	--color_main: #263a31;
	--color_main_thin: #e8ece5;
	--color_text: #263a31;
	--color_link: #395b49;
	--color_border: #d8d5c9;
	--color_bg: #f7f4ed;
	--color_content_bg: #f7f4ed;
	--swl-color_h2: #263a31;
	--swl-color_h3: #263a31;
	--swl-color_h4: #263a31;
	--swl-color_h2_bg: #e8ece5;
	--swl-pad_post_content: 0px;
	background: var(--e-paper);
	color: var(--e-ink);
}
body.yomo-inner #content {
	display: block;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding: clamp(38px, 5vw, 68px) var(--e-gutter) clamp(70px, 8vw, 120px);
	background: var(--e-paper) !important;
	box-shadow: none !important;
}
.yomo-inner #main_content,
.yomo-inner #main_content .l-mainContent__inner {
	float: none;
	width: 100%;
	min-width: 0;
	max-width: none;
	margin-inline: auto;
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.yomo-inner:is(.single, .page, .error404) #main_content { max-width: 920px; }
.yomo-inner #main_content *,
.yomo-inner #main_content *::before,
.yomo-inner #main_content *::after { box-sizing: border-box; }
.yomo-inner #main_content :is(h1, h2, h3, h4, h5, h6) {
	font-family: var(--e-serif);
	overflow-wrap: anywhere;
	scroll-margin-top: calc(110px + var(--yomo-adminbar));
}
.yomo-inner #main_content :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid #715b3c;
	outline-offset: 4px;
}
.yomo-inner #main_content :is(a, button, input, select, textarea) { -webkit-tap-highlight-color: rgb(38 58 49 / 15%); }
.yomo-inner #main_content a { text-underline-offset: .25em; }
.yomo-inner #main_content img { max-width: 100%; }

/* Titles retain their native H1 and date markup. */
.yomo-inner #main_content :is(.c-pageTitle, .c-postTitle__ttl, .c-ttl404) {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	color: var(--e-ink);
	box-shadow: none;
	font-size: clamp(28px, 3.2vw, 46px);
	font-weight: 400;
	line-height: 1.65;
	letter-spacing: .04em;
}
.yomo-inner #main_content .c-pageTitle {
	margin-bottom: 44px;
	padding-bottom: 32px;
	border-bottom: 1px solid var(--e-line);
}
.yomo-inner #main_content .c-pageTitle__inner { display: block; float: none; padding: 0; border: 0; }
.yomo-inner #main_content .c-pageTitle__inner::after,
.yomo-inner #main_content .c-pageTitle::before,
.yomo-inner #main_content .c-pageTitle::after { display: none; }
.yomo-inner #main_content .c-pageTitle__subTitle {
	display: block;
	margin: 15px 0 0;
	color: var(--e-muted);
	font: 11px/1.8 var(--e-sans);
	letter-spacing: .13em;
}
.yomo-inner #main_content .p-articleHead { gap: 22px; margin: 0 0 24px; padding: 0; }
.yomo-inner #main_content .c-postTitle__date { flex-shrink: 0; color: #715b3c; border-color: var(--e-line); }
.yomo-inner #main_content .p-articleMetas {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 22px;
	margin: 0 0 32px;
	padding: 0 0 26px;
	border-bottom: 1px solid var(--e-line);
	color: var(--e-muted);
	font-family: var(--e-sans);
	font-size: 11px;
	line-height: 1.9;
}
.yomo-inner #main_content .p-articleMetas :is(.c-categoryList, .c-postTimes) { margin: 0; }
.yomo-inner #main_content .p-articleThumb { margin: 34px 0 44px; padding: 0; background: transparent; }
.yomo-inner #main_content .p-articleThumb__img { display: block; width: 100%; height: auto; border-radius: 12px; }
.yomo-inner #main_content :is(.p-articleThumb__caption, figcaption) { color: var(--e-muted); font: 11px/1.9 var(--e-sans); }
.yomo-inner #main_content .p-termHead { gap: 24px; margin: 0 0 40px !important; padding: 0; background: transparent; }
.yomo-inner #main_content .p-termHead__desc { font-size: 14px; line-height: 2.2; color: var(--e-muted); }
.yomo-inner #main_content .p-termHead__thumbWrap { overflow: hidden; border-radius: 12px; }

/* Readable article measure, with the block editor's intentional decorations kept. */
.yomo-inner #main_content .post_content {
	margin: 42px 0 58px;
	padding: 0;
	color: var(--e-ink);
	font-family: var(--e-serif);
	font-size: 16px;
	line-height: 2.15;
	letter-spacing: .025em;
	overflow-wrap: anywhere;
}
.yomo-inner #main_content .post_content > :is(p, ul, ol, dl, figure, blockquote, pre, .wp-block-group) { margin-block: 1.8em; }
.yomo-inner #main_content .post_content p { line-height: 2.15; }
.yomo-inner #main_content .post_content a:not([class]):not([role="button"]),
.yomo-inner #main_content .post_content p > a:not([class]):not([role="button"]) {
	color: #395b49;
	text-decoration: underline;
	text-decoration-thickness: 1px;
}
.yomo-inner #main_content .post_content a:not([class]):hover { color: #715b3c; }
.yomo-inner #main_content .post_content :is(h2, h3, h4):not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]):not(.p-postList__title) {
	background: transparent;
	color: var(--e-ink);
	box-shadow: none;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: .035em;
}
.yomo-inner #main_content .post_content h2:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]):not(.p-postList__title) {
	margin: 3em 0 1.3em;
	padding: 0 0 .7em;
	border: 0;
	border-bottom: 1px solid #9ba494;
	font-size: clamp(23px, 2.3vw, 30px);
}
.yomo-inner #main_content .post_content h2:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"])::before,
.yomo-inner #main_content .post_content h2:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"])::after { display: none; }
.yomo-inner #main_content .post_content h3:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]):not(.p-postList__title) {
	margin: 2.5em 0 1.1em;
	padding: .1em 0 .1em .85em;
	border: 0;
	border-left: 2px solid #9ba494;
	font-size: clamp(20px, 1.9vw, 25px);
}
.yomo-inner #main_content .post_content h3:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"])::before,
.yomo-inner #main_content .post_content h3:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"])::after { display: none; }
.yomo-inner #main_content .post_content h4:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]) {
	margin: 2em 0 1em;
	padding: 0;
	border: 0;
	font-size: 19px;
}
.yomo-inner #main_content .post_content :is(ul, ol) { padding-left: 1.65em; }
.yomo-inner #main_content .post_content :is(li, dt, dd) { line-height: 2; }
.yomo-inner #main_content .post_content :is(ul, ol) :is(ul, ol) { margin-block: .7em; }
.yomo-inner #main_content .post_content li + li { margin-top: .45em; }
.yomo-inner #main_content .post_content blockquote:not([class*="is-style-"]) {
	padding: 1.5em 1.8em;
	border: 0;
	border-left: 2px solid #9ba494;
	background: #eeece3;
	color: #47574b;
	box-shadow: none;
}
.yomo-inner #main_content .post_content blockquote cite { display: block; margin-top: 1em; font: 12px/1.8 var(--e-sans); }
.yomo-inner #main_content .post_content hr { height: 1px; margin-block: 3em; border: 0; background: var(--e-line); }
.yomo-inner #main_content .post_content :is(iframe, video) { max-width: 100%; }
.yomo-inner #main_content .post_content .wp-block-image img { height: auto; }
.yomo-inner #main_content .post_content :is(.alignwide, .alignfull) { max-width: 100%; margin-inline: 0; }

/* Tables and code can scroll within the text column, never stretch the page. */
.yomo-inner #main_content .post_content :is(.wp-block-table, .swell-block-table__inner) { max-width: 100%; overflow-x: auto; }
.yomo-inner #main_content .post_content table { width: 100%; border-collapse: collapse; border-color: #d0d1c5; font-size: 14px; line-height: 1.9; }
.yomo-inner #main_content .post_content :is(th, td) { padding: 1em 1.1em; border-color: #d0d1c5; }
.yomo-inner #main_content .post_content thead th { background: var(--e-ink); color: var(--e-paper); }
.yomo-inner #main_content .post_content tbody th { background: #e8ece5; color: var(--e-ink); }
.yomo-inner #main_content .post_content .is-style-stripes tbody tr:nth-child(odd) { background: #eeece3; }
.yomo-inner #main_content .post_content pre { max-width: 100%; overflow-x: auto; padding: 1.5em; border: 1px solid #425447; border-radius: 8px; background: #1e2a23; color: #f7f4ed; line-height: 1.85; }
.yomo-inner #main_content .post_content code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: .88em; letter-spacing: 0; }
.yomo-inner #main_content .post_content :not(pre) > code { padding: .15em .4em; border-radius: 3px; background: #e7e8df; color: #263a31; }
.yomo-inner #main_content .post_content pre code { padding: 0; background: transparent; color: inherit; }

/* Uniform archive, search and related cards. No contain-style image gutters. */
.yomo-inner #main_content .p-postList.p-postList {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 46px 30px !important;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.yomo-inner #main_content .p-postList > .p-postList__item {
	display: flex;
	flex: none !important;
	float: none;
	width: auto !important;
	min-width: 0;
	max-width: none !important;
	margin: 0;
	padding: 0;
	border: 0;
}
.yomo-inner #main_content .p-postList > .p-postList__item::before { content: none; }
.yomo-inner #main_content .p-postList .p-postList__link {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--e-ink);
	box-shadow: none !important;
	text-decoration: none;
}
.yomo-inner #main_content .p-postList .p-postList__thumb { flex: 0 0 auto; width: 100%; margin: 0; border-radius: 10px; background: #d9d8cc; }
.yomo-inner #main_content .p-postList .c-postThumb__figure { position: relative; width: 100%; aspect-ratio: 16 / 9; margin: 0; padding: 0; }
.yomo-inner #main_content .p-postList .c-postThumb__figure::before { display: none; }
.yomo-inner #main_content .p-postList .c-postThumb__img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; object-fit: cover !important; }
.yomo-inner #main_content .p-postList__thumb::before { display: none; }
.yomo-inner #main_content .p-postList .p-postList__body { display: flex; flex: 1 1 auto; flex-direction: column; width: 100%; min-width: 0; margin: 0; padding: 18px 0 22px; border-bottom: 1px solid var(--e-line); }
.yomo-inner #main_content .p-postList .p-postList__body::after { content: none; }
.yomo-inner #main_content .p-postList .p-postList__title {
	order: 2;
	margin: 10px 0 14px;
	padding: 0;
	border: 0;
	background: none;
	font-family: var(--e-serif);
	font-size: clamp(18px, 1.5vw, 21px);
	font-weight: 400;
	line-height: 1.85;
	letter-spacing: .015em;
	overflow-wrap: anywhere;
}
.yomo-inner #main_content .p-postList .p-postList__title::before,
.yomo-inner #main_content .p-postList .p-postList__title::after { display: none; }
.yomo-inner #main_content .p-postList .p-postList__excerpt { order: 3; margin: 0; padding: 0; color: var(--e-muted); font-size: 12px; line-height: 2.1; overflow-wrap: anywhere; }
.yomo-inner #main_content .p-postList .p-postList__meta { order: 1; display: flex; flex-wrap: wrap; gap: 4px 10px; min-width: 0; margin: 0; color: #6a664f; font: 10px/1.9 var(--e-sans); }
.yomo-inner #main_content .p-postList .p-postList__meta > * { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.yomo-inner #main_content .p-postList .c-postThumb__cat { top: 14px; right: auto; left: 14px; max-width: calc(100% - 28px); padding: 6px 11px; background: var(--e-paper); color: var(--e-ink); font: 10px/1.7 var(--e-sans); transform: none; text-overflow: ellipsis; }
.yomo-inner #main_content .p-postList .c-postThumb__cat::before { display: none; }
.yomo-inner #main_content .p-postList .p-postList__link:hover .p-postList__title { color: #715b3c; }
.yomo-inner #main_content .p-postList .p-postList__link:hover .c-postThumb__img { transform: scale(1.035); }
.yomo-inner #main_content .p-postList .p-postList__link:focus-visible { border-radius: 10px; }
.yomo-inner #main_content .p-postList__item.-infeed { grid-column: 1 / -1; }

/* Category navigation, native tabs and numbered pagination. */
.yomo-inner #main_content .c-categoryList { display: flex; flex-wrap: wrap; gap: 8px; padding: 0; list-style: none; }
.yomo-inner #main_content .c-categoryList__link { display: inline-flex; align-items: center; min-height: 40px; padding: 8px 15px; border: 1px solid var(--e-line); border-radius: 22px; background: transparent; color: var(--e-ink); font: 11px/1.8 var(--e-sans); text-decoration: none; }
.yomo-inner #main_content .c-categoryList__link:is(:hover, .-current) { border-color: var(--e-ink); background: var(--e-ink); color: var(--e-paper); box-shadow: none; }
.yomo-inner #main_content .c-categoryList__separation { display: none; }
.yomo-inner #main_content .c-tabList { margin-bottom: 36px; border-bottom: 1px solid var(--e-line); }
.yomo-inner #main_content .c-tabList__button { min-height: 44px; padding: 12px 22px; border: 0; background: transparent; color: var(--e-muted); font: 13px/1.8 var(--e-serif); }
.yomo-inner #main_content .c-tabList__button[aria-selected="true"] { background: var(--e-ink); color: var(--e-paper); }
.yomo-inner #main_content .c-tabBody { padding: 0; border: 0; background: transparent; }
.yomo-inner #main_content .c-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 55px; font-family: var(--e-latin); }
.yomo-inner #main_content .c-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin: 0; border: 1px solid #a4ac9c; border-radius: 50%; background: transparent; color: var(--e-ink); box-shadow: none; font-size: 20px; line-height: 1; text-decoration: none; }
.yomo-inner #main_content .c-pagination :is(.current, a:hover) { border-color: var(--e-ink); background: var(--e-ink); color: var(--e-paper); }
.yomo-inner #main_content .c-pagination__dot { display: inline-flex; align-items: center; color: var(--e-muted); }

/* Breadcrumbs remain semantic, wrapping instead of overflowing the viewport. */
.yomo-inner .p-breadcrumb { margin: 0; padding: 24px 0 0; background: var(--e-paper); color: var(--e-muted); }
.yomo-inner .p-breadcrumb__list { flex-wrap: wrap; gap: 7px 10px; width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--e-gutter); font: 10px/1.8 var(--e-sans); }
.yomo-inner .p-breadcrumb__item { max-width: 100%; }
.yomo-inner .p-breadcrumb__text { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
.yomo-inner .p-breadcrumb__item::after { flex-shrink: 0; }
.yomo-inner .p-breadcrumb a:focus-visible { outline: 2px solid #715b3c; outline-offset: 4px; }

/* Table of contents and article support sections. */
.yomo-inner #main_content .p-toc:not(.-modal) { width: 100%; max-width: none; margin: 3em 0; padding: 28px 32px; border: 1px solid #c9cebf; border-radius: 10px; background: #edeee5; color: var(--e-ink); box-shadow: none; }
.yomo-inner #main_content .p-toc__ttl { margin: 0 0 18px; padding: 0; border: 0; background: transparent; color: var(--e-ink); font: 500 18px/1.8 var(--e-serif); letter-spacing: .08em; }
.yomo-inner #main_content .p-toc__ttl::before { color: #715b3c; }
.yomo-inner #main_content .p-toc :is(ul, ol) { margin: 12px 0 0; padding-left: 1.5em; }
.yomo-inner #main_content .p-toc li { margin-block: 8px; font-size: 13px; line-height: 1.9; }
.yomo-inner #main_content .p-toc a { color: #395b49; text-decoration: none; }
.yomo-inner #main_content .p-toc a:hover { text-decoration: underline; }
.yomo-inner #main_content .l-articleBottom__section { margin-top: 64px; }
.yomo-inner #main_content .c-secTitle { margin: 0 0 28px; padding: 0 0 18px; border: 0; border-bottom: 1px solid var(--e-line); background: transparent; color: var(--e-ink); font: 400 25px/1.8 var(--e-serif); letter-spacing: .05em; }
.yomo-inner #main_content .c-secTitle::before,
.yomo-inner #main_content .c-secTitle::after { display: none; }
.yomo-inner #main_content :is(.p-profileBox, .p-authorBox) { padding: 30px; border: 1px solid var(--e-line); border-radius: 12px; background: #eeece3; color: var(--e-ink); box-shadow: none; }
.yomo-inner #main_content .p-authorBox { align-items: start; gap: 30px; }
.yomo-inner #main_content .p-authorBox__l { flex: 0 0 140px; width: 140px; }
.yomo-inner #main_content .p-authorBox__r { flex: 1 1 0; width: auto; min-width: 0; }
.yomo-inner #main_content .p-authorBox__name { color: var(--e-ink); font-family: var(--e-serif); }
.yomo-inner #main_content :is(.p-authorBox__desc, .p-profileBox__text) { color: var(--e-muted); font-size: 13px; line-height: 2; }
.yomo-inner #main_content .p-profileBox__text a { color: #395b49; }
.yomo-inner #main_content :is(.p-authorBox__moreLink, .p-profileBox__btnLink) { min-height: 44px; padding: 12px 22px; border: 1px solid var(--e-ink); border-radius: 0; background: var(--e-ink); color: var(--e-paper); font-size: 12px; text-decoration: none; }
.yomo-inner #main_content .p-pnLinks { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 52px 0; padding: 26px 0; border-top: 1px solid var(--e-line); border-bottom: 1px solid var(--e-line); }
.yomo-inner #main_content .p-pnLinks__item { width: auto; min-width: 0; margin: 0; padding: 0; border: 0; }
.yomo-inner #main_content .p-pnLinks__link { height: 100%; padding: 14px; border: 1px solid var(--e-line); border-radius: 8px; background: transparent; color: var(--e-ink); box-shadow: none; text-decoration: none; }
.yomo-inner #main_content .p-pnLinks__title { font: 13px/1.9 var(--e-serif); overflow-wrap: anywhere; }
.yomo-inner #main_content .p-blogCard { border: 1px solid var(--e-line); border-radius: 9px; background: #f1eee5; color: var(--e-ink); box-shadow: none; }
.yomo-inner #main_content .p-blogCard__inner { border: 0; }
.yomo-inner #main_content .p-blogCard__title { font-family: var(--e-serif); line-height: 1.85; }
.yomo-inner #main_content .p-blogCard__caption { background: var(--e-paper); color: #715b3c; }

/* Native search, comments and Contact Form 7 use the same calm input styling. */
.yomo-inner #main_content :is(.wpcf7, .comment-respond) { margin: 38px 0; font-size: 14px; }
.yomo-inner #main_content .wpcf7-form p { margin: 0 0 26px; }
.yomo-inner #main_content .wpcf7-form label { color: var(--e-ink); font-size: 14px; line-height: 2; }
.yomo-inner #main_content :is(.wpcf7, .comment-respond) :is(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), textarea, select),
.yomo-inner #main_content .c-searchForm__s {
	width: 100%;
	max-width: 100%;
	min-height: 48px;
	margin-top: 8px;
	padding: 12px 15px;
	border: 1px solid #969f91;
	border-radius: 4px;
	background: #fffdf7;
	color: var(--e-ink);
	box-shadow: none;
	font: 16px/1.7 var(--e-sans);
}
.yomo-inner #main_content :is(.wpcf7, .comment-respond) textarea { min-height: 180px; resize: vertical; }
.yomo-inner #main_content :is(input, textarea)::placeholder { color: #657061; opacity: 1; }
.yomo-inner #main_content .wpcf7-form :is(input[type="checkbox"], input[type="radio"]) { width: 18px; height: 18px; margin-right: 7px; accent-color: var(--e-ink); vertical-align: middle; }
.yomo-inner #main_content .wpcf7-list-item { margin: 8px 20px 8px 0; }
.yomo-inner #main_content :is(.wpcf7-submit, .comment-respond input[type="submit"]) { display: inline-flex; justify-content: center; min-width: 220px; min-height: 50px; padding: 14px 26px; border: 1px solid var(--e-ink); border-radius: 0; background: var(--e-ink); color: var(--e-paper); box-shadow: none; font: 14px/1.7 var(--e-serif); cursor: pointer; }
.yomo-inner #main_content :is(.wpcf7-submit, .comment-respond input[type="submit"]):hover { background: #3d5546; }
.yomo-inner #main_content .wpcf7-not-valid-tip { margin-top: 8px; color: #9b302c; font: 12px/1.9 var(--e-sans); }
.yomo-inner #main_content .wpcf7-response-output { margin: 24px 0; padding: 15px 18px; font-size: 13px; line-height: 1.9; }
.yomo-inner #main_content .c-searchForm { width: 100%; max-width: 620px; margin: 32px auto; }
.yomo-inner #main_content .c-searchForm__s { min-height: 54px; margin: 0; padding-right: 68px; border-radius: 0; }
.yomo-inner #main_content .c-searchForm__submit { width: 54px; border: 0; border-radius: 0; background: var(--e-ink); color: var(--e-paper); }
.yomo-inner #main_content .c-ttl404 { margin-bottom: 36px; text-align: center; }
.yomo-inner #main_content .is-style-more_btn a { min-height: 48px; padding: 14px 24px; border: 1px solid var(--e-ink); border-radius: 0; background: transparent; color: var(--e-ink); box-shadow: none; font-size: 13px; text-decoration: none; }

@media (max-width: 959px) {
	.yomo-inner #main_content .p-postList.p-postList { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 38px 24px !important; }
	.yomo-inner #main_content .p-postList .p-postList__title { font-size: 19px; }
	.yomo-inner #main_content .post_content { font-size: 15px; }
}
@media (max-width: 599px) {
	.yomo-inner #content { padding-top: 30px; padding-bottom: 64px; }
	.yomo-inner #main_content :is(.c-pageTitle, .c-postTitle__ttl, .c-ttl404) { font-size: 27px; line-height: 1.7; letter-spacing: .025em; }
	.yomo-inner #main_content .c-pageTitle { margin-bottom: 30px; padding-bottom: 25px; }
	.yomo-inner #main_content .p-articleHead { display: block; }
	.yomo-inner #main_content .c-postTitle__date { display: inline-flex; gap: 7px; align-items: baseline; margin: 0 0 14px; padding: 0; border: 0; }
	.yomo-inner #main_content .c-postTitle__date :is(.__y, .__md) { margin: 0; font-size: 12px; line-height: 1.8; }
	.yomo-inner #main_content .p-articleMetas { gap: 10px 16px; margin-bottom: 26px; padding-bottom: 22px; }
	.yomo-inner #main_content .p-articleThumb { margin-block: 28px 34px; }
	.yomo-inner #main_content .post_content { margin-block: 32px 46px; font-size: 15px; letter-spacing: .015em; }
	.yomo-inner #main_content .post_content h2:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]):not(.p-postList__title) { margin-top: 2.6em; font-size: 22px; }
	.yomo-inner #main_content .post_content h3:not(:where(.llmo-faq-section *)):not([class*="is-style-"]):not([class*="swell-block-"]):not([style*="background"]):not(.has-background):not(.has-text-color):not([class*="-font-size"]):not(.p-postList__title) { font-size: 20px; }
	.yomo-inner #main_content .post_content :is(th, td) { padding: .8em; font-size: 13px; }
	.yomo-inner #main_content .post_content pre { padding: 1.1em; }
	.yomo-inner #main_content .p-postList.p-postList { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 14px !important; }
	.yomo-inner #main_content .p-postList .p-postList__thumb { border-radius: 7px; }
	.yomo-inner #main_content .p-postList .p-postList__body { padding-block: 13px 17px; }
	.yomo-inner #main_content .p-postList .p-postList__title { margin-block: 8px 11px; font-size: clamp(15px, 3.9vw, 18px); line-height: 1.8; letter-spacing: 0; }
	.yomo-inner #main_content .p-postList .p-postList__meta { gap: 3px 8px; font-size: 10px; line-height: 1.7; }
	.yomo-inner #main_content .p-postList .p-postList__excerpt { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; font-size: 12px; line-height: 1.9; }
	.yomo-inner #main_content .p-postList .c-postThumb__cat { top: 8px; left: 8px; max-width: calc(100% - 16px); padding: 4px 7px; font-size: 9px; }
	.yomo-inner #main_content .c-pagination { gap: 8px; margin-top: 40px; }
	.yomo-inner #main_content .c-pagination .page-numbers { width: 40px; height: 40px; font-size: 18px; }
	.yomo-inner .p-breadcrumb { padding-top: 18px; }
	.yomo-inner .p-breadcrumb__list { font-size: 9px; }
	.yomo-inner #main_content .p-toc:not(.-modal) { padding: 22px 20px; }
	.yomo-inner #main_content :is(.p-profileBox, .p-authorBox) { padding: 24px 20px; }
	.yomo-inner #main_content .p-authorBox { display: block; }
	.yomo-inner #main_content .p-authorBox__l { width: 100%; }
	.yomo-inner #main_content .p-authorBox__r { width: 100%; margin-top: 24px; padding-left: 0; border-left: 0; }
	.yomo-inner #main_content .p-pnLinks { grid-template-columns: minmax(0, 1fr); gap: 16px; }
	.yomo-inner #main_content .l-articleBottom__section { margin-top: 46px; }
	.yomo-inner #main_content .c-secTitle { font-size: 23px; }
	.yomo-inner #main_content :is(.wpcf7-submit, .comment-respond input[type="submit"]) { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
	.yomo-inner #main_content .p-postList .c-postThumb__img { transition: none; }
	.yomo-inner #main_content .p-postList .p-postList__link:hover .c-postThumb__img { transform: none; }
}