/*
Theme Name: MALS Compass
Template: ucmals
Description: Independent patient guide design (07.11.2026). Child of the current theme: ads code, license check and content filters stay in the parent. Design: Claude Design canvas "Справочник MALS: новый дизайн".
Version: 1.0.0
Text Domain: mals-compass
*/

:root {
	--mc-ink: #13232b;
	--mc-text: #22363e;
	--mc-muted: #33474f;
	--mc-soft: #4d6168;
	--mc-accent: #0b6265;
	--mc-accent-dark: #074548;
	--mc-line: #d5e3e3;
	--mc-line-2: #e3e9ea;
	--mc-surface: #f5f8f8;
	--mc-notice: #eef4f4;
	--mc-warn-bg: #fff6e8;
	--mc-warn-line: #f0d3a6;
	--mc-warn-ink: #6b3f00;
	--mc-font: 'Public Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}

body, button, input, select, textarea { font-family: var(--mc-font); color: var(--mc-ink); }
/* the parent prints its customizer typography (serif) and menu colour inline; override with the new design */
body, body h1, body h2, body h3, body h4, body h5, body h6, body p, body li, body a, body span, body div, body td, body th,
body input, body button, body textarea, body select, .site-title, .site-title a, .main-navigation ul li a, .entry-content, .entry-title {
	font-family: var(--mc-font) !important;
}
.main-navigation, .main-navigation .main-navigation-inner, .main-navigation ul, .main-navigation ul li { background: #ffffff !important; }
.main-navigation ul li a { color: var(--mc-ink) !important; }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color: var(--mc-accent) !important; }
.mob-hamburger span, .mob-hamburger span:before, .mob-hamburger span:after { background: var(--mc-ink) !important; }
.entry-content a, .widget-area a, .mc-byline a, .breadcrumb a, .entry-meta a, .b-related a, .post-card a { color: var(--mc-accent) !important; }
.entry-content a:hover, .widget-area a:hover, .mc-byline a:hover { color: var(--mc-accent-dark) !important; }
.page-separator { background: var(--mc-line-2) !important; border-color: var(--mc-line-2) !important; }
.widget-area .wp-block-search__button, .search-form .search-submit { background: var(--mc-accent) !important; color: #ffffff !important; border-radius: 8px; }
.mc-header .mc-brand { color: var(--mc-ink) !important; }
.mc-header .site-branding img.mc-brand__logo, .mc-brand__logo { display: block; height: 44px !important; max-height: none !important; width: auto !important; max-width: none !important; }
.mc-footer__name img { display: block; height: 36px; width: auto; }
.clearfy-cookie button, .clearfy-cookie .clearfy-cookie-accept, .clearfy-cookie a.clearfy-cookie-accept { background: var(--mc-accent) !important; color: #ffffff !important; border-color: var(--mc-accent) !important; }
@media (max-width: 767px) { .mc-header .site-branding img.mc-brand__logo, .mc-brand__logo { height: 34px !important; } }
.entry-content ul li::before { background: var(--mc-accent) !important; color: var(--mc-accent) !important; }
.mc-footer__menu a, .mc-footer__menu .current-menu-item > a { color: #ffffff !important; font-size: 15px !important; font-weight: 500; }
.mob-hamburger, .mob-hamburger span { color: var(--mc-ink) !important; border-color: var(--mc-ink) !important; }
body { background: #ffffff; }
a { color: var(--mc-accent); }
a:hover, a:focus { color: var(--mc-accent-dark); }

/* notice bar */
.mc-notice { background: var(--mc-notice); border-bottom: 1px solid var(--mc-line); font-size: 14px; color: var(--mc-muted); }
.mc-notice__inner { max-width: 1200px; margin: 0 auto; padding: 10px 24px; display: flex; flex-wrap: wrap; gap: 6px 24px; justify-content: space-between; box-sizing: border-box; }

/* header */
.site-header.mc-header { background: #ffffff; border-bottom: 1px solid var(--mc-line-2); padding: 0; }
.mc-header .site-header-inner { max-width: 1200px; margin: 0 auto; padding: 16px 24px; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 32px; box-sizing: border-box; }
.mc-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: var(--mc-ink); font-size: 22px; font-weight: 800; letter-spacing: -0.3px; }
.mc-brand:hover { color: var(--mc-ink); }
.mc-header .mc-search { margin-left: auto; display: flex; gap: 8px; }
.mc-header .mc-search input[type=search] { height: 44px; width: 240px; box-sizing: border-box; padding: 0 14px; border: 1px solid #b9c7c9; border-radius: 8px; font-size: 15px; }
.mc-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 0; border-radius: 8px; background: var(--mc-accent); color: #ffffff !important; font-weight: 600; font-size: 15px; text-decoration: none; cursor: pointer; box-sizing: border-box; }
.mc-btn:hover { background: var(--mc-accent-dark); }
.mc-btn--ghost { background: #ffffff; color: var(--mc-accent) !important; border: 2px solid var(--mc-accent); }
.mc-btn--ghost:hover { background: var(--mc-surface); }
.mc-btn--lg { min-height: 52px; padding: 0 26px; font-size: 17px; font-weight: 700; border-radius: 10px; }

/* main navigation (parent markup, restyled) */
.main-navigation { background: #ffffff; border-bottom: 1px solid var(--mc-line-2); }
.main-navigation .main-navigation-inner { max-width: 1200px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; background: transparent; }
.main-navigation ul li a { color: var(--mc-ink); font-weight: 500; font-size: 16px; text-transform: none; }
.main-navigation ul li a:hover, .main-navigation ul li.current-menu-item > a { color: var(--mc-accent); }
.header-separator { display: none; }

/* content */
.site-content { color: var(--mc-text); }
.entry-content, .entry-content p, .entry-content li { font-size: 18px; line-height: 1.7; color: var(--mc-text); }
.entry-content h2, .entry-content h3 { color: var(--mc-ink); font-weight: 800; line-height: 1.25; }
.entry-title, h1 { color: var(--mc-ink); font-weight: 800; letter-spacing: -0.5px; line-height: 1.15; }
.breadcrumb, .breadcrumb a { font-size: 14px; color: var(--mc-soft); }

/* byline + boxes on articles */
.mc-byline { margin: 16px 0 24px; padding: 14px 0; border-top: 1px solid var(--mc-line-2); border-bottom: 1px solid var(--mc-line-2); display: flex; flex-wrap: wrap; gap: 8px 26px; font-size: 15px; color: var(--mc-muted); }
.mc-byline strong { color: var(--mc-ink); }
.mc-review { display: inline-flex; align-items: center; gap: 6px; }
.mc-urgent { margin: 32px 0; padding: 20px 24px; border-radius: 14px; background: var(--mc-warn-bg); border: 1px solid var(--mc-warn-line); }
.mc-urgent__title { margin: 0 0 6px; font-size: 18px; font-weight: 700; color: var(--mc-warn-ink); }
.mc-urgent p { margin: 0; font-size: 16px; line-height: 1.6; color: #4a3200; }
.mc-disclaimer { margin: 28px 0 0; padding: 16px 20px; background: var(--mc-surface); border-radius: 10px; font-size: 14px !important; line-height: 1.6 !important; color: var(--mc-muted) !important; }

/* sidebar (child sidebar.php) */
.mc-side__box { border: 1px solid var(--mc-line); border-radius: 14px; padding: 16px 18px; margin-bottom: 18px; background: #fff; }
.mc-side__head { margin: 0 0 8px !important; font-size: 13px !important; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: var(--mc-accent) !important; }
.mc-side ul { list-style: none; margin: 0; padding: 0; }
.mc-side li { margin: 0; padding: 0; }
.mc-side li::before { display: none !important; }
.mc-side a { display: block; padding: 8px 0; font-size: 16px; line-height: 1.35; color: var(--mc-ink) !important; text-decoration: none; border-top: 1px solid var(--mc-line-2); }
.mc-side li:first-child a { border-top: 0; }
.mc-side a:hover, .mc-side a[aria-current] { color: var(--mc-accent) !important; }
.mc-side a[aria-current] { font-weight: 700; }

/* article diagram (featured image shown under the byline) */
.mc-figure { margin: 0 0 28px; }
.mc-figure img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--mc-line); }
.mc-figure figcaption { margin-top: 8px; font-size: 14px; color: var(--mc-soft); line-height: 1.5; }
/* the parent theme shows the featured image again above the post on some layouts: ours is in the text */
.single .entry-image, .single .post-thumbnail { display: none !important; }

/* main menu: 8 short items on one line on desktop; current item visible */
.main-navigation ul li a, .main-navigation ul li span { color: var(--mc-ink) !important; padding-left: 12px !important; padding-right: 12px !important; font-size: 15px !important; }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > span { color: var(--mc-accent) !important; box-shadow: inset 0 -3px 0 var(--mc-accent); }

/* rewritten articles: key points box, sources list */
.mc-keypoints { margin: 24px 0 32px; padding: 20px 26px; background: var(--mc-surface); border: 1px solid var(--mc-line); border-radius: 14px; }
/* video watch page [mc_video] (09.11) */
.mc-video { margin: 20px 0 16px; }
.mc-video video { display: block; width: 100%; height: auto; border-radius: 12px; background: #13232b; }
.mc-video figcaption { margin-top: 8px; font-size: 15px; color: #4d6168; }
.mc-video__ch { padding-left: 0; list-style: none; }
.mc-video__ch li { margin: 6px 0; }
.mc-video__go { min-height: 40px; min-width: 64px; margin-right: 8px; border: 1px solid #8a9ea3; border-radius: 8px; background: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.mc-video__tr summary { cursor: pointer; font-weight: 700; }
.mc-video__t { color: #4d6168; font-variant-numeric: tabular-nums; margin-right: 6px; }
/* static figures (08.11, image search): full width, caption below */
.mc-fig { margin: 24px 0 28px; }
.mc-fig img { display: block; width: 100%; height: auto; border-radius: 12px; border: 1px solid var(--mc-line); background: #f5f8f8; }
.mc-fig figcaption { margin-top: 8px; font-size: 15px; color: #4d6168; }
/* interactive explainers [mc_explainer] (08.11): without JS all steps stacked, with JS one step + nav */
.mc-ex { margin: 28px 0 32px; padding: 16px; background: var(--mc-surface); border: 1px solid var(--mc-line); border-radius: 14px; }
.mc-ex:focus-visible { outline: 3px solid var(--mc-teal, #0b6265); outline-offset: 3px; }
.mc-ex__title { font-weight: 700; margin: 0 0 12px; }
.mc-ex__count { font-weight: 400; color: #4d6168; }
.mc-ex__step img { display: block; width: 100%; height: auto; border-radius: 10px; background: #f5f8f8; }
.mc-ex__step + .mc-ex__step { margin-top: 20px; }
.mc-ex.is-js .mc-ex__step { display: none; margin-top: 0; }
.mc-ex.is-js .mc-ex__step.is-on { display: block; }
.mc-ex__cap { margin: 12px 0 0; }
.mc-ex__src { color: #4d6168; font-size: .9em; }
.mc-ex__nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-top: 14px; }
.mc-ex__nav[hidden] { display: none; }
.mc-ex__dots { display: flex; gap: 6px; }
.mc-ex__btn, .mc-ex__dot { min-height: 44px; min-width: 44px; padding: 0 14px; border: 1px solid #8a9ea3; border-radius: 10px; background: #fff; font: inherit; font-weight: 600; cursor: pointer; }
.mc-ex__dot[aria-current="step"] { background: #0b6265; border-color: #0b6265; color: #fff; }
.mc-ex__note { margin-top: 10px; font-size: 14px; color: #4d6168; }
@media (max-width: 520px) { .mc-ex { padding: 10px; } .mc-ex__dots { order: -1; width: 100%; justify-content: center; } .mc-ex__btn { flex: 1; } }
@media print { .mc-ex.is-js .mc-ex__step { display: block; } .mc-ex__step { break-inside: avoid; } }
.mc-keypoints p { margin: 0 0 8px; }
.mc-keypoints ul { margin: 0; }
.entry-content .mc-keypoints li, .entry-content .mc-sources li { font-size: 17px; line-height: 1.6; }
.mc-sources { padding-left: 22px; }
.entry-content .mc-sources li { font-size: 15px !important; color: var(--mc-muted); margin-bottom: 8px; }
.entry-content a[href^="#src-"] { font-size: 0.75em; vertical-align: super; text-decoration: none; padding: 0 1px; }

/* live data blocks (mu-plugin mals-compass-data) */
.mc-data { margin: 24px 0; }
.mc-data__sum { font-size: 17px; color: var(--mc-muted); }
.mc-data__scroll { overflow-x: auto; border: 1px solid var(--mc-line); border-radius: 12px; }
.mc-data__table { width: 100%; border-collapse: collapse; font-size: 15px; min-width: 640px; }
.mc-data__table th { text-align: left; background: var(--mc-surface); color: var(--mc-ink); font-weight: 700; padding: 10px 12px; border-bottom: 1px solid var(--mc-line); }
.mc-data__table td { padding: 10px 12px; border-bottom: 1px solid var(--mc-line-2); vertical-align: top; color: var(--mc-text); line-height: 1.45; }
.mc-data__table tr:last-child td { border-bottom: 0; }
.mc-data__meta { font-size: 13px; color: var(--mc-soft); }
.mc-data__note { font-size: 14px !important; color: var(--mc-muted) !important; margin-top: 12px; }
.mc-data__list { list-style: none; padding: 0 !important; }
.entry-content .mc-data__list li { padding: 10px 0; border-bottom: 1px solid var(--mc-line-2); font-size: 16px; }
.entry-content .mc-data__list li::before { display: none !important; }
.mc-badge { display: inline-block; padding: 2px 8px; border-radius: 999px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.mc-badge--go { background: #e3f2ef; color: #0b6265; }
.mc-badge--soon { background: #e8f0fb; color: #1f4f8f; }
.mc-badge--mid { background: #f1f3f4; color: #33474f; }
.mc-badge--done { background: #f1f3f4; color: #4d6168; }
.mc-badge--new { background: #fff6e8; color: #6b3f00; margin-left: 6px; }
.mc-bars { display: flex; align-items: flex-end; gap: 8px; height: 170px; padding: 8px 0 0; }
.mc-bars__col { flex: 1 1 0; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; min-width: 0; }
.mc-bars__bar { width: 100%; max-width: 40px; background: var(--mc-accent); border-radius: 4px 4px 0 0; min-height: 2px; }
.mc-bars__n { font-size: 12px; color: var(--mc-muted); margin-bottom: 4px; }
.mc-bars__y { font-size: 12px; color: var(--mc-soft); margin-top: 6px; }

.mc-centers__label { font-weight: 700; margin-right: 8px; }
.mc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 14px; margin: 20px 0 28px; }
.mc-stat { background: var(--mc-surface); border: 1px solid var(--mc-line); border-radius: 14px; padding: 16px; display: flex; flex-direction: column; gap: 6px; }
.mc-stat__n { font-size: 28px; font-weight: 800; color: var(--mc-accent); line-height: 1.1; white-space: nowrap; }
.mc-stat__l { font-size: 14px; color: var(--mc-muted); line-height: 1.35; }
.mc-outfilter { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; }
.mc-outfilter label { font-weight: 600; font-size: 15px; display: inline-flex; align-items: center; gap: 6px; }
.mc-data__sub td { background: var(--mc-surface); }
.mc-centers__select { min-height: 44px; padding: 0 12px; border: 1px solid #8a9ea3; border-radius: 8px; font-size: 16px; background: #fff; max-width: 100%; }

/* patient survey (mu-plugin mals-compass-survey) */
.mc-survey__q { border: 1px solid var(--mc-line); border-radius: 14px; padding: 14px 18px 10px; margin: 0 0 16px; }
.mc-survey__q legend { font-weight: 700; padding: 0 6px; font-size: 17px; }
.mc-survey__q label { display: flex; align-items: flex-start; gap: 10px; min-height: 40px; padding: 6px 0; font-size: 16px; cursor: pointer; }
.mc-survey__q input { width: 20px; height: 20px; margin-top: 2px; flex: none; }
.mc-survey__hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.mc-survey__thanks, .mc-survey__pending { background: var(--mc-surface); border: 1px solid var(--mc-line); border-radius: 14px; padding: 16px 20px; }
.mc-survey__err { background: var(--mc-warn-bg); border: 1px solid var(--mc-warn-line); color: var(--mc-warn-ink); border-radius: 10px; padding: 12px 16px; }
.mc-hbars { display: flex; flex-direction: column; gap: 8px; margin: 10px 0 4px; }
.mc-hbars__row { display: grid; grid-template-columns: minmax(120px, 2fr) 3fr 48px; gap: 10px; align-items: center; font-size: 15px; }
.mc-hbars__b { background: var(--mc-surface); border-radius: 6px; height: 14px; overflow: hidden; }
.mc-hbars__b span { display: block; height: 100%; background: var(--mc-accent); border-radius: 6px; }
.mc-hbars__n { text-align: right; font-weight: 600; color: var(--mc-muted); }

/* tools (mu-plugin mals-compass-tools) */
.mc-diary fieldset { border: 1px solid var(--mc-line); border-radius: 14px; padding: 18px 20px; margin: 0 0 28px; }
.mc-diary legend { font-weight: 700; padding: 0 6px; }
.mc-diary__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 16px; }
.mc-diary label { display: flex; flex-direction: column; gap: 4px; font-size: 15px; font-weight: 600; color: var(--mc-ink); }
.mc-diary input[type=text], .mc-diary input[type=number], .mc-diary input[type=datetime-local], .mc-diary select { min-height: 44px; padding: 0 10px; border: 1px solid #8a9ea3; border-radius: 8px; font-size: 16px; font-weight: 400; background: #fff; color: var(--mc-ink); }
.mc-diary__wide { grid-column: 1 / -1; margin-top: 12px; }
.mc-diary__checks { display: flex; flex-wrap: wrap; gap: 8px 20px; margin: 14px 0 4px; }
.mc-diary__checks label { flex-direction: row; align-items: center; gap: 8px; font-weight: 500; min-height: 44px; }
.mc-diary__checks input { width: 20px; height: 20px; }
.mc-diary__msg { color: var(--mc-accent); font-weight: 600; margin-left: 8px; }
.mc-diary__summary { background: var(--mc-surface); border-radius: 14px; padding: 18px 22px; margin-bottom: 24px; }
.mc-diary__del { background: none; border: 1px solid var(--mc-line); border-radius: 6px; padding: 6px 10px; cursor: pointer; color: var(--mc-muted); min-height: 36px; }
.mc-checklist li { list-style: none; position: relative; padding-left: 30px !important; }
.entry-content .mc-checklist li::before { content: "" !important; position: absolute; left: 0; top: 6px; width: 16px !important; height: 16px !important; border: 2px solid var(--mc-accent); border-radius: 3px; background: transparent !important; }
@media print {
	.mc-notice, .site-header, .main-navigation, .widget-area, .site-footer, .mc-footer, .mc-noprint, .clearfy-cookie, .b-related, .ez-toc-v2_0_89, #ez-toc-container, .mc-urgent, .breadcrumb, .entry-meta, .mc-byline { display: none !important; }
	.content-area, .site-main { width: 100% !important; max-width: none !important; }
	body { font-size: 12pt; }
}

/* footer */
.footer-navigation { display: none; }
.site-footer.mc-footer { background: var(--mc-ink); color: #d3dee0; padding: 0; }
.mc-footer__inner { max-width: 1200px; margin: 0 auto; padding: 56px 24px 32px; display: flex; flex-wrap: wrap; gap: 40px; box-sizing: border-box; }
.mc-footer__about { flex: 2 1 360px; min-width: 0; }
.mc-footer__name { font-size: 20px; font-weight: 800; color: #ffffff; }
.mc-footer__about p { margin: 12px 0 0; font-size: 15px; line-height: 1.6; max-width: 460px; color: #d3dee0; }
.mc-footer__menu { flex: 1 1 200px; }
.mc-footer__menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mc-footer__menu a { color: #ffffff; font-size: 15px; }
.mc-footer__bottom { max-width: 1200px; margin: 0 auto; padding: 16px 24px 28px; border-top: 1px solid #2c3f47; font-size: 14px; color: #a9babe; box-sizing: border-box; }
.mc-footer .footer-counters { padding: 0 24px 16px; }

/* home */
.home .site-content.container, .home #content { max-width: none; width: 100%; padding: 0; margin: 0; }
.home .site-content .content-area { width: 100%; }
.mc-home { color: var(--mc-ink); }
.mc-wrap { max-width: 1200px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; }
.mc-hero { background: var(--mc-surface); }
.mc-hero .mc-wrap { padding-top: 64px; padding-bottom: 56px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; }
.mc-hero__main { flex: 999 1 520px; min-width: 0; }
.mc-kicker { margin: 0 0 14px; font-size: 14px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; color: var(--mc-accent); }
.mc-hero h1 { margin: 0; font-size: 48px; line-height: 1.1; font-weight: 800; letter-spacing: -1px; }
.mc-lead { margin: 20px 0 0; font-size: 20px; line-height: 1.55; color: var(--mc-muted); max-width: 640px; }
.mc-actions { margin-top: 28px; display: flex; flex-wrap: wrap; gap: 12px; }
.mc-howcard { flex: 1 1 340px; min-width: 0; background: #ffffff; border: 1px solid var(--mc-line); border-radius: 16px; padding: 26px; box-sizing: border-box; }
.mc-howcard h2 { margin: 0 0 14px; font-size: 18px; font-weight: 700; }
.mc-howcard ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; font-size: 16px; line-height: 1.45; color: var(--mc-muted); }
.mc-howcard li { display: flex; gap: 12px; }
.mc-howcard li svg { flex: none; margin-top: 1px; }
.mc-section { padding: 56px 0 16px; }
.mc-section:last-of-type { padding-bottom: 64px; }
.mc-section h2 { margin: 0; font-size: 32px; font-weight: 800; letter-spacing: -0.5px; color: var(--mc-ink); }
.mc-section__sub { margin: 10px 0 28px; font-size: 18px; color: var(--mc-muted); }
.mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
.mc-card { display: flex; flex-direction: column; gap: 8px; padding: 24px; border: 1px solid var(--mc-line); border-radius: 14px; text-decoration: none; color: var(--mc-ink); background: #ffffff; }
.mc-card:hover { border-color: var(--mc-accent); color: var(--mc-ink); }
.mc-card__step { font-size: 14px; font-weight: 700; color: var(--mc-accent); }
.mc-card__title { font-size: 20px; font-weight: 700; line-height: 1.3; }
.mc-card__text { font-size: 16px; line-height: 1.5; color: var(--mc-muted); }
.mc-card__meta { margin-top: 4px; font-size: 14px; font-weight: 600; color: var(--mc-accent); }
.mc-card--accent { background: var(--mc-accent); border-color: var(--mc-accent); color: #ffffff; }
.mc-card--accent:hover { color: #ffffff; background: var(--mc-accent-dark); }
.mc-card--accent .mc-card__text { color: #e2f0f0; }
.mc-card--accent .mc-card__meta { color: #ffffff; }
.mc-card--soft { background: var(--mc-surface); }
.mc-head-row { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 24px; }
.mc-post { display: flex; flex-direction: column; gap: 10px; }
.mc-post__img { display: block; height: 180px; border-radius: 12px; overflow: hidden; background: #e2ecec; }
.mc-post__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mc-post__cat { font-size: 13px; font-weight: 700; color: var(--mc-accent); text-transform: uppercase; letter-spacing: 0.8px; }
.mc-post__title { font-size: 20px; font-weight: 700; line-height: 1.3; color: var(--mc-ink); text-decoration: none; }
.mc-post__meta { font-size: 14px; color: var(--mc-soft); }

@media (max-width: 767px) {
	.mc-notice__inner { padding: 8px 16px; font-size: 13px; }
	.mc-header .site-header-inner { padding: 12px 16px; }
	.mc-header .mc-search { display: none; }
	.mc-wrap { padding: 0 16px; }
	.mc-hero .mc-wrap { padding-top: 32px; padding-bottom: 32px; }
	.mc-hero h1 { font-size: 32px; }
	.mc-lead { font-size: 17px; }
	.mc-section { padding-top: 40px; }
	.mc-section h2 { font-size: 26px; }
	.entry-content, .entry-content p, .entry-content li { font-size: 17px; }
}