@charset "UTF-8";
  :root { --accent-color: #4d8660;
--muq-bg: #f6faf7;
--muq-surface: #ffffff;
--muq-surface-soft: #f1f7f2;
--muq-sand: #fffcf8;
--muq-ink: #24352a;
--muq-body: #506157;
--muq-muted: #718078;
--muq-brand: #4d8660;
--muq-brand-dark: #2f6643;
--muq-brand-deep: #245337;
--muq-brand-soft: #edf6ef;
--muq-lost: #b95616;
--muq-lost-dark: #934310;
--muq-lost-soft: #fff3e9;
--muq-found: #3d7350;
--muq-found-soft: #edf7f0;
--muq-resolved: #65706a;
--muq-resolved-soft: #f0f2f1;
--muq-line: #d7e4d9;
--muq-line-strong: #bdd1c1;
--muq-focus: #e8934a;
--muq-radius-sm: 9px;
--muq-radius: 14px;
--muq-radius-lg: 22px;
--muq-shadow-sm: 0 5px 16px rgba(35, 66, 45, 0.06);
--muq-shadow: 0 14px 38px rgba(35, 66, 45, 0.09);
--muq-shadow-hover: 0 14px 28px rgba(35, 66, 45, 0.12); --muq-frame: var(--_container-max-width, 1280px);
--muq-content: 100%;
--muq-reading-form: 920px;
--muq-reading-info: 840px;
--muq-reading-detail: 960px;
--muq-shell-pad: clamp(30px, 4.6vw, 48px);
--muq-page-gap: clamp(48px, 6vw, 68px);
--muq-section-gap: clamp(36px, 5vw, 56px);
--muq-control-height: 48px;
--muq-mobile-gutter: 16px;
} .error404 .c-entry__content {
box-sizing: border-box;
max-width: 780px;
margin: 32px auto 56px;
padding: clamp(24px, 5vw, 48px);
background: var(--muq-surface);
border: 1px solid var(--muq-line);
border-radius: var(--muq-radius-lg);
}
.error404 .muq-404-title {
margin: 0 0 16px;
color: var(--muq-ink);
font-size: clamp(25px, 4vw, 34px);
line-height: 1.4;
}
.error404 .muq-404-links {
margin-top: 28px;
}
.error404 .muq-404-links ul {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 0;
list-style: none;
}
.error404 .muq-404-links a {
display: inline-block;
padding: 10px 14px;
border: 1px solid var(--muq-line-strong);
border-radius: var(--muq-radius-sm);
color: var(--muq-brand-deep);
text-decoration: underline;
text-underline-offset: 3px;
} html {
scroll-behavior: smooth;
scroll-padding-top: 88px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}
.smb-panels__item,
.smb-cards__item,
.c-entry-card,
.muq-card {
content-visibility: auto;
contain-intrinsic-size: 0 280px;
}
.smb-media-text__figure img,
.smb-thumbnail-gallery__item img,
.wp-block-image img {
height: auto;
max-width: 100%;
}
.smb-btn,
.wp-block-button__link,
.p-global-nav a,
#drawer-nav a,
.muq-pagination a {
align-items: center;
display: inline-flex;
min-height: 44px;
}
:where(a, button, input, select, textarea):focus-visible {
outline: 3px solid var(--muq-focus);
outline-offset: 3px;
} body {
background: var(--muq-bg);
color: var(--muq-body);
font-family: "M PLUS 1", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
font-size: 16px;
line-height: 1.75;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
body :where(h1, h2, h3, h4) {
color: var(--muq-ink);
font-weight: 700;
letter-spacing: 0.015em;
}
body :where(a, button, input, select, textarea) {
-webkit-tap-highlight-color: rgba(77, 134, 96, 0.12);
}
.l-header,
.site-header {
background: rgba(255, 255, 255, 0.97);
border-bottom: 1px solid #dfeae1;
box-shadow: 0 3px 18px rgba(35, 66, 45, 0.06);
}
.c-site-branding__title > a,
.site-header .site-branding__site-name a {
color: var(--muq-brand-dark) !important;
font-family: "Outfit", "M PLUS 1", sans-serif;
font-size: 20px;
font-weight: 800;
letter-spacing: 0.025em;
white-space: nowrap;
}
.p-global-nav .c-navbar__item > a,
.global-nav__item a {
color: #405247;
font-size: 14px;
font-weight: 600;
transition: background-color 160ms ease, color 160ms ease;
}
.p-global-nav .c-navbar__item > a:hover,
.p-global-nav .c-navbar__item[data-active-menu="true"] > a,
.global-nav__item a:hover {
color: var(--muq-brand-dark);
}
.l-footer-widget-area {
background: #eef5f0;
border-top: 1px solid #d9e6dc;
}
.l-footer .c-copyright {
background: #294535;
color: rgba(255, 255, 255, 0.82);
} @media (min-width: 1024px) {
.p-global-nav .c-navbar__item > a {
position: relative;
}
.p-global-nav .c-navbar__item > a::after {
background: var(--muq-brand);
border-radius: 999px;
bottom: 7px;
content: "";
height: 2px;
left: 50%;
opacity: 0;
position: absolute;
transform: translateX(-50%) scaleX(0.5);
transition: opacity 160ms ease, transform 160ms ease;
width: 28px;
}
.p-global-nav .c-navbar__item > a:hover::after,
.p-global-nav .c-navbar__item[data-active-menu="true"] > a::after {
opacity: 1;
transform: translateX(-50%) scaleX(1);
}
}
.l-footer-widget-area :where(a) {
color: #405247;
text-decoration-color: #9eb9a4;
text-underline-offset: 3px;
}
.l-footer-widget-area :where(a:hover) {
color: var(--muq-brand-dark);
} .muq-empty-action,
.muq-home-empty__action,
.muq-filter-submit,
.muq-page-btn,
.muq-share-btn {
align-items: center;
border: 1px solid transparent;
border-radius: 10px;
box-sizing: border-box;
cursor: pointer;
display: inline-flex;
font-family: inherit;
font-size: 14px;
font-weight: 700;
justify-content: center;
line-height: 1.45;
min-height: 44px;
padding: 10px 16px;
text-align: center;
text-decoration: none !important;
transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, color 160ms ease, transform 160ms ease;
}
.muq-empty-action,
.muq-empty-action *,
.muq-home-empty__action,
.muq-home-empty__action *,
.muq-filter-submit,
.muq-filter-submit *,
.muq-page-btn,
.muq-page-btn *,
.muq-share-btn,
.muq-share-btn * {
color: inherit !important;
}
.muq-empty-action--lost,
.muq-home-empty__action--lost {
background: var(--muq-lost) !important;
border-color: var(--muq-lost) !important;
box-shadow: 0 4px 0 rgba(133, 57, 11, 0.16);
color: #fff !important;
}
.muq-empty-action--found,
.muq-home-empty__action--found,
.muq-filter-submit {
background: var(--muq-brand-dark) !important;
border-color: var(--muq-brand-dark) !important;
box-shadow: 0 4px 0 rgba(29, 73, 45, 0.14);
color: #fff !important;
}
.muq-empty-action--plain,
.muq-home-empty__action--plain {
background: #fff !important;
border-color: #b9cfbe !important;
color: var(--muq-brand-dark) !important;
}
.muq-empty-action--lost:hover,
.muq-home-empty__action--lost:hover {
background: var(--muq-lost-dark) !important;
border-color: var(--muq-lost-dark) !important;
}
.muq-empty-action--found:hover,
.muq-home-empty__action--found:hover,
.muq-filter-submit:hover {
background: var(--muq-brand-deep) !important;
border-color: var(--muq-brand-deep) !important;
}
.muq-empty-action--plain:hover,
.muq-home-empty__action--plain:hover {
background: var(--muq-brand-soft) !important;
}
.muq-empty-action:active,
.muq-home-empty__action:active,
.muq-filter-submit:active {
box-shadow: none;
transform: translateY(2px);
} .muq-pets-page .l-contents__sidebar {
display: none !important;
}
.muq-pets-page .l-contents__inner {
display: block;
margin-top: 28px;
}
.muq-pets-page .l-contents__main {
min-width: 0;
width: 100%;
} .muq-pets-page .c-entry__header {
display: none;
}
.muq-pets-shell {
background: var(--muq-surface);
border: 1px solid #e0e9e2;
border-radius: var(--muq-radius-lg);
box-shadow: var(--muq-shadow);
box-sizing: border-box;
margin: 32px auto var(--muq-page-gap);
max-width: var(--muq-frame);
padding: var(--muq-shell-pad);
}
.muq-search-heading {
margin: 0 auto 26px;
max-width: var(--muq-content);
}
.muq-eyebrow {
align-items: center;
color: var(--muq-brand-dark);
display: flex;
font-size: 13px;
font-weight: 700;
gap: 18px;
letter-spacing: 0.08em;
margin: 0 0 10px;
}
.muq-eyebrow::before {
background: var(--muq-brand);
border-radius: 999px;
box-shadow: 11px 0 0 #8fb99a, 22px 0 0 #d1e4d5;
content: "";
display: inline-block;
flex: 0 0 auto;
height: 7px;
width: 7px;
}
.muq-search-title {
color: var(--muq-ink);
font-size: clamp(30px, 4.5vw, 44px);
letter-spacing: 0.015em;
line-height: 1.25;
margin: 0 0 12px;
}
.muq-search-lead {
color: var(--muq-body);
font-size: 15px;
line-height: 1.85;
}
.muq-search-lead > :last-child {
margin-bottom: 0;
}
.muq-filter-panel {
background: linear-gradient(135deg, #fbfffc 0%, #edf7f0 100%);
border: 1px solid var(--muq-line);
border-radius: var(--muq-radius);
box-shadow: var(--muq-shadow-sm);
margin: 26px auto;
max-width: var(--muq-content);
overflow: hidden;
padding: 26px;
position: relative;
}
.muq-filter-panel::after {
border: 1px solid #b6d5bd;
border-radius: 999px;
box-shadow: -15px 15px 0 -7px #d4e7d7, -30px 30px 0 -7px #e6f0e7;
content: "";
height: 16px;
opacity: 0.78;
pointer-events: none;
position: absolute;
right: 25px;
top: 22px;
width: 16px;
}
.muq-filter-panel__head {
padding-right: 76px;
}
.muq-filter-panel__head h2,
.muq-filter-title {
align-items: center;
color: var(--muq-ink);
display: flex;
font-size: 20px;
gap: 10px;
line-height: 1.4;
margin: 0 0 7px;
}
.muq-filter-panel__head h2::before {
background: var(--muq-brand-dark);
border-radius: 999px;
content: "";
flex: 0 0 auto;
height: 8px;
width: 8px;
}
.muq-filter-panel__head p {
color: var(--muq-body);
font-size: 13px;
line-height: 1.75;
margin: 0 0 20px;
}
.muq-filters {
align-items: end;
display: grid;
gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(136px, 0.62fr);
}
.muq-filter-group {
display: grid;
gap: 7px;
min-width: 0;
}
.muq-filter-label {
color: var(--muq-ink);
font-size: 13px;
font-weight: 700;
}
.muq-filter-select,
.muq-filter-input {
background: #fff;
border: 1px solid #b9ccbd;
border-radius: 8px;
color: var(--muq-ink);
font: inherit;
min-height: var(--muq-control-height);
padding: 8px 11px;
width: 100%;
}
.muq-filter-input::placeholder {
color: #8a978f;
opacity: 1;
}
.muq-filter-select:focus-visible,
.muq-filter-input:focus-visible {
border-color: var(--muq-brand);
box-shadow: 0 0 0 3px rgba(77, 134, 96, 0.12);
outline: 0;
}
.muq-filter-keyword {
grid-column: 1 / -1;
}
.muq-filter-submit {
letter-spacing: 0.025em;
min-height: var(--muq-control-height);
min-width: 128px;
}
.muq-filter-submit::before {
border: 2px solid currentColor;
border-radius: 50%;
box-shadow: 7px 7px 0 -5px currentColor;
content: "";
display: inline-block;
height: 8px;
margin-right: 8px;
opacity: 0.92;
width: 8px;
}
.muq-filter-meta {
align-items: center;
display: flex;
gap: 12px 16px;
justify-content: space-between;
margin-top: 16px;
}
.muq-active-filters {
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.muq-active-filter {
background: rgba(255, 255, 255, 0.88);
border: 1px solid #ccddd0;
border-radius: 999px;
color: #46594c;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
padding: 6px 9px;
}
.muq-filter-reset {
color: var(--muq-brand-dark);
flex: 0 0 auto;
font-size: 13px;
font-weight: 700;
text-underline-offset: 3px;
}
.muq-results-summary {
align-items: baseline;
display: flex;
gap: 18px;
justify-content: space-between;
margin: 24px auto 14px;
max-width: var(--muq-content);
}
.muq-result-count {
align-items: baseline;
color: var(--muq-ink);
display: flex;
font-size: 17px;
font-weight: 700;
gap: 5px;
margin: 0;
}
.muq-result-count::before {
background: var(--muq-brand);
border-radius: 999px;
content: "";
height: 6px;
margin-right: 3px;
width: 6px;
}
.muq-result-count strong {
color: var(--muq-brand-dark);
font-size: 25px;
}
.muq-results-note {
color: var(--muq-muted);
font-size: 13px;
line-height: 1.65;
margin: 0;
} .muq-cards-grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 22px auto;
max-width: var(--muq-content);
}
.muq-card {
background: #fff;
border: 1px solid var(--muq-line);
border-radius: var(--muq-radius);
border-top: 4px solid #b6d5bd;
box-shadow: var(--muq-shadow-sm);
color: inherit;
display: flex;
flex-direction: column;
min-width: 0;
overflow: hidden;
text-decoration: none !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.muq-card--status-lost {
border-top-color: #d9803f;
}
.muq-card--status-found {
border-top-color: #79a889;
}
.muq-card--status-resolved {
border-top-color: #b8c1bc;
}
.muq-card--status-neutral {
border-top-color: #9aa9a0;
}
.muq-card:hover {
border-color: #9eb9a4;
box-shadow: var(--muq-shadow-hover);
transform: translateY(-2px);
}
.muq-card-img {
aspect-ratio: 16 / 10;
background: #edf6ef;
overflow: hidden;
position: relative;
}
.muq-card-img img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.muq-card-noimg::before {
align-items: center;
color: #719077;
content: "写真準備中";
display: flex;
font-size: 13px;
height: 100%;
justify-content: center;
}
.muq-card-body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 17px;
}
.muq-card-meta,
.muq-card-tags {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 7px;
}
.muq-card-meta {
border-bottom: 1px solid #edf2ee;
color: #68786c;
font-size: 12px;
margin-bottom: 10px;
padding-bottom: 9px;
}
.muq-card-area::before {
color: #8aa190;
content: "●";
font-size: 7px;
margin-right: 5px;
vertical-align: 0.14em;
}
.muq-card-date {
margin-left: auto;
white-space: nowrap;
}
.muq-card-name {
color: var(--muq-ink);
font-size: 18px;
font-weight: 700;
letter-spacing: 0.01em;
line-height: 1.45;
margin-bottom: 9px;
}
.muq-card-tags {
margin-top: 7px;
}
.muq-card-desc {
color: var(--muq-body);
display: -webkit-box;
font-size: 13px;
line-height: 1.7;
margin-top: 10px;
overflow: hidden;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.muq-tag,
.muq-card-status,
.muq-days-badge,
.muq-card-days {
border-radius: 999px;
display: inline-flex;
font-size: 11px;
font-weight: 700;
line-height: 1.3;
padding: 4px 8px;
}
.muq-tag {
background: #f0f7f1;
border: 1px solid #d7e8da;
color: var(--muq-brand-dark);
}
.muq-card-status {
background: #f2f4f2;
border: 1px solid rgba(255, 255, 255, 0.82);
box-shadow: 0 2px 6px rgba(40, 55, 45, 0.12);
color: var(--muq-resolved);
left: 10px;
position: absolute;
top: 10px;
}
.muq-card-days {
background: rgba(255, 255, 255, 0.94);
border: 1px solid rgba(255, 255, 255, 0.82);
bottom: 10px;
color: #4d5c52;
position: absolute;
right: 10px;
}
.muq-days-badge {
background: #f4f7f4;
border: 1px solid #dce5de;
color: #536159;
} .muq-card-status.status-lost,
.muq-status-badge.status-lost,
.muq-related-badge.status-lost {
background: var(--muq-lost-soft);
color: var(--muq-lost-dark);
}
.muq-card-status.status-found,
.muq-status-badge.status-found,
.muq-related-badge.status-found {
background: var(--muq-found-soft);
color: var(--muq-brand-dark);
}
.muq-card-status.status-resolved,
.muq-status-badge.status-resolved,
.muq-related-badge.status-resolved {
background: var(--muq-resolved-soft);
color: var(--muq-resolved);
}
.muq-card-status.status-neutral,
.muq-status-badge.status-neutral,
.muq-related-badge.status-neutral {
background: #f3f5f4;
color: #56635c;
} .muq-empty-state,
.muq-home-empty {
background: linear-gradient(180deg, var(--muq-sand) 0%, #fff 62%);
border: 1px dashed #b6cbb9;
border-radius: var(--muq-radius);
box-shadow: var(--muq-shadow-sm);
margin: 24px auto;
max-width: var(--muq-content);
padding: clamp(32px, 5vw, 54px) 24px;
position: relative;
text-align: center;
}
.muq-empty-state::before,
.muq-home-empty::before {
background: linear-gradient(90deg, transparent, #dceee0, transparent);
content: "";
height: 1px;
left: 18%;
position: absolute;
right: 18%;
top: 24px;
}
.muq-empty-state__mark,
.muq-home-empty__mark {
align-items: center;
background: var(--muq-brand-soft);
border: 1px solid #cfe3d3;
border-radius: 999px;
box-shadow: 0 0 0 6px rgba(238, 247, 241, 0.72);
color: var(--muq-brand-dark);
display: inline-flex;
font-size: 23px;
height: 42px;
justify-content: center;
margin: 0 auto 16px;
position: relative;
width: 42px;
}
.muq-empty-state__mark::before,
.muq-home-empty__mark::before,
.muq-empty-state__mark::after,
.muq-home-empty__mark::after {
border-radius: 999px;
content: "";
position: absolute;
}
.muq-empty-state__mark::before,
.muq-home-empty__mark::before {
background: #b3d1ba;
height: 5px;
left: -12px;
top: 50%;
transform: translateY(-50%);
width: 5px;
}
.muq-empty-state__mark::after,
.muq-home-empty__mark::after {
background: #d3e7d7;
height: 4px;
right: -10px;
top: 30%;
width: 4px;
}
.muq-empty-state h2,
.muq-empty-title,
.muq-home-empty h3,
.muq-home-empty-title {
color: var(--muq-ink);
font-size: clamp(21px, 3vw, 29px);
line-height: 1.4;
margin: 0 0 11px;
}
.muq-empty-state p,
.muq-home-empty p {
color: var(--muq-body);
line-height: 1.8;
margin: 0 auto;
max-width: 46em;
}
.muq-empty-state__actions,
.muq-home-empty__actions {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
margin-top: 25px;
}
.muq-empty-action,
.muq-home-empty__action {
min-width: 132px;
}
.muq-pagination {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 8px;
justify-content: center;
margin: 34px auto 8px;
max-width: var(--muq-content);
}
.muq-page-btn {
background: #fff;
border-color: #bfd1c2;
color: var(--muq-brand-dark) !important;
min-width: 44px;
padding-inline: 12px;
}
.muq-page-btn:hover {
background: var(--muq-brand-soft);
border-color: #9cb9a2;
}
.muq-page-btn.muq-page-active {
background: var(--muq-brand-dark);
border-color: var(--muq-brand-dark);
color: #fff !important;
} .muq-custom-page .l-contents__sidebar,
.muq-pet-detail-page .l-contents__sidebar {
display: none !important;
}
.muq-custom-page .l-contents__inner,
.muq-pet-detail-page .l-contents__inner {
display: block;
}
.muq-custom-page .l-contents__main,
.muq-pet-detail-page .l-contents__main {
min-width: 0;
width: 100%;
} .muq-custom-page .c-entry__header {
display: none;
}
.muq-page-shell {
box-sizing: border-box;
margin: 32px auto var(--muq-page-gap);
max-width: var(--muq-frame);
}
.muq-page-shell__inner {
background: var(--muq-surface);
border: 1px solid #e0e9e2;
border-radius: var(--muq-radius-lg);
box-shadow: var(--muq-shadow);
padding: var(--muq-shell-pad);
}
.muq-page-title {
color: var(--muq-ink);
font-size: clamp(30px, 4.8vw, 44px);
line-height: 1.28;
margin: 0 0 20px;
padding-bottom: 18px;
position: relative;
}
.muq-page-title::after {
background: linear-gradient(90deg, var(--muq-brand) 0 44px, #b9d5c0 44px 62px, #e1eee4 62px 76px);
border-radius: 999px;
bottom: 0;
content: "";
height: 4px;
left: 0;
position: absolute;
width: 76px;
}
.muq-form-intro,
.muq-contact-note {
background: linear-gradient(90deg, #eff8f1 0%, #fbfdfb 100%);
border: 1px solid #cfe2d2;
border-left: 4px solid var(--muq-brand);
border-radius: 10px;
color: var(--muq-ink);
line-height: 1.8;
margin: 22px 0;
padding: 16px 18px;
}
.muq-form-intro p,
.muq-contact-note p {
margin: 0 !important;
}
.muq-form-intro::before,
.muq-contact-note::before {
background: var(--muq-brand);
border-radius: 999px;
box-shadow: 9px 0 0 #a9cdb1;
content: "";
display: inline-block;
height: 6px;
margin: 0 14px 2px 0;
vertical-align: middle;
width: 6px;
}
.muq-field-help {
border-left: 2px solid #cfe2d2 !important;
color: #657569;
font-size: 12px;
line-height: 1.65;
margin: -7px 0 15px !important;
padding: 0 4px 0 9px !important;
}
.muq-info-page .muq-page-shell__inner > :where(h2, h3) {
scroll-margin-top: 100px;
}
.muq-info-page .muq-page-shell__inner > h2 {
border-left: 4px solid var(--muq-brand);
font-size: clamp(20px, 2.6vw, 25px);
line-height: 1.5;
margin: 40px 0 16px;
padding: 4px 0 4px 14px;
}
.muq-info-page .muq-page-shell__inner > h3 {
font-size: 18px;
margin: 28px 0 10px;
}
.muq-info-page .muq-page-shell__inner :where(p, li) {
line-height: 1.9;
}
.muq-info-page .muq-page-shell__inner :where(a:not(.wp-block-button__link)) {
color: var(--muq-brand-dark);
text-decoration-thickness: 1px;
text-underline-offset: 3px;
}
.muq-info-page .muq-page-shell__inner :where(ul, ol) {
padding-left: 1.45em;
}
.muq-info-page .muq-page-shell__inner li + li {
margin-top: 0.45em;
}
.muq-info-page .muq-page-shell__inner blockquote {
background: var(--muq-surface-soft);
border-left: 4px solid var(--muq-brand);
color: var(--muq-body);
margin: 24px 0;
padding: 14px 18px;
} .muq-form-page .muq-page-shell--form {
max-width: var(--muq-frame);
}
.muq-form-page .wpcf7 {
margin-top: 30px;
}
.muq-form-page .wpcf7 h2,
.muq-contact-card .wpcf7 h2 {
align-items: center;
background: #fbfdfb;
border-bottom: 1px solid #dce9df;
border-left: 3px solid var(--muq-brand);
border-radius: 0 8px 8px 0;
color: var(--muq-ink);
display: flex;
font-size: clamp(18px, 2vw, 22px);
gap: 10px;
line-height: 1.45;
margin: 34px 0 18px;
padding: 12px 14px;
}
.muq-form-page .wpcf7 h2::before,
.muq-contact-card .wpcf7 h2::before {
background: var(--muq-brand);
border-radius: 999px;
box-shadow: 9px 0 0 #b8d7bf;
content: "";
flex: 0 0 auto;
height: 6px;
width: 6px;
}
.muq-form-page .wpcf7 h2:first-child,
.muq-contact-card .wpcf7 h2:first-child {
margin-top: 0;
}
.muq-form-page .wpcf7 :where(label),
.muq-contact-card .wpcf7 :where(label) {
box-sizing: border-box;
color: var(--muq-ink);
display: block;
font-weight: 700;
line-height: 1.7;
width: 100%;
}
.muq-form-page .wpcf7-form-control-wrap,
.muq-contact-card .wpcf7-form-control-wrap {
box-sizing: border-box;
display: block;
max-width: 100%;
width: 100%;
}
.muq-form-page .wpcf7 .required,
.muq-contact-card .wpcf7 .required {
background: #fff0e7;
border: 1px solid #edc2a5;
border-radius: 999px;
color: #9a4818;
display: inline-flex;
font-size: 10px;
font-weight: 700;
line-height: 1;
margin-left: 7px;
padding: 4px 6px;
vertical-align: 0.1em;
}
.muq-form-page .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]), select, textarea),
.muq-contact-card .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="file"]), select, textarea) {
background: #fff;
border: 1px solid #b9cdbd;
border-radius: var(--muq-radius-sm);
box-sizing: border-box;
color: var(--muq-ink);
font: inherit;
margin-top: 7px;
min-height: 48px;
padding: 10px 12px;
transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
width: 100%;
}
.muq-form-page .wpcf7 textarea,
.muq-contact-card .wpcf7 textarea {
min-height: 150px;
resize: vertical;
}
.muq-form-page .wpcf7 :where(input, select, textarea)::placeholder,
.muq-contact-card .wpcf7 :where(input, select, textarea)::placeholder {
color: #8a978f;
opacity: 1;
}
.muq-form-page .wpcf7 :where(input[type="date"], select),
.muq-contact-card .wpcf7 :where(input[type="date"], select) {
appearance: auto;
}
.muq-form-page .wpcf7 .wpcf7-not-valid,
.muq-contact-card .wpcf7 .wpcf7-not-valid {
background: #fffaf6;
border-color: #d78c64 !important;
}
.muq-form-page .wpcf7 form > p,
.muq-contact-card .wpcf7 form > p {
margin-bottom: 22px;
}
.muq-form-page .wpcf7 input[type="file"]::file-selector-button,
.muq-contact-card .wpcf7 input[type="file"]::file-selector-button {
background: #fff;
border: 1px solid #b9cdbd;
border-radius: 7px;
color: var(--muq-brand-dark);
cursor: pointer;
font: inherit;
font-weight: 700;
margin-right: 10px;
padding: 7px 10px;
}
.muq-form-page .wpcf7 .wpcf7-spinner,
.muq-contact-card .wpcf7 .wpcf7-spinner {
margin: 8px 0 0 12px;
vertical-align: middle;
}
.muq-form-page .wpcf7 :where(input, select, textarea):focus-visible,
.muq-contact-card .wpcf7 :where(input, select, textarea):focus-visible {
border-color: var(--muq-brand);
box-shadow: 0 0 0 3px rgba(77, 134, 96, 0.14);
outline: 0;
}
.muq-form-page .wpcf7 input[type="file"],
.muq-contact-card .wpcf7 input[type="file"] {
background: var(--muq-surface-soft);
border: 1px dashed #b6ccbb;
border-radius: var(--muq-radius-sm);
box-sizing: border-box;
color: var(--muq-body);
display: block;
font-size: 13px;
margin-top: 8px;
min-height: 48px;
padding: 10px;
width: 100%;
}
.muq-form-page .wpcf7 input[type="checkbox"],
.muq-form-page .wpcf7 input[type="radio"],
.muq-contact-card .wpcf7 input[type="checkbox"],
.muq-contact-card .wpcf7 input[type="radio"] {
accent-color: var(--muq-brand-dark);
height: 18px;
width: 18px;
}
.muq-form-page .wpcf7 .wpcf7-list-item,
.muq-contact-card .wpcf7 .wpcf7-list-item {
margin: 7px 18px 7px 0;
}
.muq-form-page .wpcf7 input[type="submit"],
.muq-contact-card .wpcf7 input[type="submit"] {
appearance: none;
background: var(--muq-brand-dark);
border: 0;
border-radius: 12px;
box-shadow: 0 5px 0 rgba(29, 73, 45, 0.18);
color: #fff;
cursor: pointer;
font: inherit;
font-size: 16px;
font-weight: 700;
min-height: 52px;
min-width: min(100%, 240px);
padding: 12px 26px;
transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.muq-page-lost .wpcf7 input[type="submit"] {
background: var(--muq-lost);
box-shadow: 0 5px 0 rgba(133, 57, 11, 0.18);
}
.muq-form-page .wpcf7 input[type="submit"]:hover,
.muq-contact-card .wpcf7 input[type="submit"]:hover {
background: var(--muq-brand-deep);
}
.muq-page-lost .wpcf7 input[type="submit"]:hover {
background: var(--muq-lost-dark);
}
.muq-form-page .wpcf7 input[type="submit"]:active,
.muq-contact-card .wpcf7 input[type="submit"]:active {
box-shadow: none;
transform: translateY(2px);
}
.muq-form-page .wpcf7 .wpcf7-not-valid-tip,
.muq-contact-card .wpcf7 .wpcf7-not-valid-tip {
color: #a33b25;
display: block;
font-size: 12px;
font-weight: 600;
margin-top: 6px;
}
.muq-form-page .wpcf7 .wpcf7-response-output,
.muq-contact-card .wpcf7 .wpcf7-response-output {
border: 1px solid #d6e4d9;
border-radius: 10px;
line-height: 1.7;
margin: 24px 0 0;
padding: 12px 14px;
}
.muq-form-page .wpcf7 form.invalid .wpcf7-response-output,
.muq-form-page .wpcf7 form.unaccepted .wpcf7-response-output,
.muq-contact-card .wpcf7 form.invalid .wpcf7-response-output,
.muq-contact-card .wpcf7 form.unaccepted .wpcf7-response-output {
background: #fff8f3;
border-color: #d6936e;
color: #7e431f;
}
.muq-form-page .wpcf7 form.sent .wpcf7-response-output,
.muq-contact-card .wpcf7 form.sent .wpcf7-response-output {
background: #f0f8f2;
border-color: #84ad8e;
color: #31553c;
}
.muq-contact-update {
border-top: 1px solid #e4ebe5;
margin: 24px 0 0;
padding-top: 16px;
text-align: left;
}
.muq-contact-update a {
color: var(--muq-brand-dark);
font-weight: 700;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
} .muq-pet-detail-page .c-entry {
margin-inline: auto;
max-width: var(--muq-frame);
}
.muq-pet-detail-page .c-entry__header {
background: var(--muq-surface);
border: 1px solid #e0e9e2;
border-bottom: 0;
border-radius: var(--muq-radius-lg) var(--muq-radius-lg) 0 0;
box-sizing: border-box;
margin: 32px auto 0;
padding: var(--muq-shell-pad) var(--muq-shell-pad) 24px;
}
.muq-pet-detail-page .c-entry__title {
color: var(--muq-ink);
font-size: clamp(29px, 4.5vw, 42px);
line-height: 1.28;
}
.muq-pet-detail-page .c-entry__content {
background: var(--muq-surface);
border: 1px solid #e0e9e2;
border-radius: 0 0 var(--muq-radius-lg) var(--muq-radius-lg);
box-shadow: var(--muq-shadow);
box-sizing: border-box;
margin: 0 auto var(--muq-page-gap);
padding: 0 var(--muq-shell-pad) var(--muq-shell-pad);
}
.muq-status-bar {
align-items: center;
border-top: 1px solid #edf2ee;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 12px;
padding-top: 20px;
}
.muq-status-badge,
.muq-related-badge {
border: 1px solid currentColor;
border-radius: 999px;
display: inline-flex;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
padding: 5px 9px;
}
.muq-post-date {
color: var(--muq-muted);
font-size: 12px;
margin-left: auto;
}
.muq-pet-subtitle {
color: var(--muq-body);
font-size: 15px;
font-weight: 600;
line-height: 1.7;
margin: 0 0 30px;
}
.muq-section-title,
.muq-contact-title {
align-items: center;
color: var(--muq-ink);
display: flex;
font-size: clamp(20px, 2.5vw, 24px);
gap: 10px;
line-height: 1.45;
margin: 38px 0 16px;
}
.muq-section-title::before,
.muq-contact-title::before {
background: var(--muq-brand);
border-radius: 999px;
box-shadow: 9px 0 0 #b9d5c0;
content: "";
flex: 0 0 auto;
height: 7px;
margin-right: 9px;
width: 7px;
}
.muq-info-table {
border: 1px solid var(--muq-line);
border-collapse: separate;
border-radius: 12px;
border-spacing: 0;
overflow: hidden;
width: 100%;
}
.muq-info-table :where(th, td) {
border: 0;
border-bottom: 1px solid #e5ede7;
line-height: 1.7;
padding: 13px 16px;
text-align: left;
vertical-align: top;
}
.muq-info-table tr:last-child :where(th, td) {
border-bottom: 0;
}
.muq-info-table th {
background: #f4f8f5;
color: #3f5146;
font-size: 13px;
font-weight: 700;
width: 30%;
}
.muq-info-table td {
color: var(--muq-body);
font-size: 14px;
}
.muq-description {
background: #fbfdfb;
border: 1px solid #e2ebe4;
border-radius: 12px;
line-height: 1.9;
padding: 20px;
}
.muq-description > :first-child {
margin-top: 0;
}
.muq-description > :last-child {
margin-bottom: 0;
}
.muq-contact-card {
background: linear-gradient(135deg, #eff8f1 0%, #fbfdfb 100%);
border: 1px solid #cfe2d2;
border-radius: 16px;
margin: 44px 0;
padding: clamp(20px, 4vw, 32px);
scroll-margin-top: 100px;
}
.muq-contact-card .muq-contact-title {
margin-top: 0;
}
.muq-contact-card .wpcf7 {
background: #fff;
border: 1px solid #dae7dd;
border-radius: 12px;
margin-top: 20px;
padding: 20px;
}
.muq-share-row {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.muq-share-btn {
background: #fff;
border-color: #c4d3c7;
color: #3e5145 !important;
}
.muq-share-btn:hover {
background: var(--muq-brand-soft);
border-color: #a6bdaa;
}
.muq-share-x {
background: #f5f6f6;
border-color: #d0d5d3;
color: #29312d !important;
}
.muq-share-line {
background: #effaf2;
border-color: #b8dec2;
color: #236b38 !important;
}
.muq-share-copy {
color: var(--muq-brand-dark) !important;
}
.muq-related {
border-top: 1px solid #e1e9e3;
margin-top: 42px;
padding-top: 30px;
}
.muq-related-title {
color: var(--muq-ink);
font-size: 18px;
font-weight: 700;
margin-bottom: 14px;
}
.muq-related-grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.muq-related-item {
background: #fff;
border: 1px solid var(--muq-line);
border-radius: 11px;
color: inherit;
display: block;
overflow: hidden;
padding-bottom: 13px;
position: relative;
text-decoration: none !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.muq-related-item:hover {
border-color: #a8c0ad;
box-shadow: var(--muq-shadow-sm);
transform: translateY(-2px);
}
.muq-related-thumb {
aspect-ratio: 16 / 10;
background: #edf5ef;
overflow: hidden;
}
.muq-related-thumb:empty::before {
align-items: center;
color: #719077;
content: "写真準備中";
display: flex;
font-size: 11px;
height: 100%;
justify-content: center;
}
.muq-related-thumb img {
display: block;
height: 100%;
object-fit: cover;
width: 100%;
}
.muq-related-name,
.muq-related-meta {
margin-inline: 13px;
}
.muq-related-name {
color: var(--muq-ink);
font-size: 14px;
font-weight: 700;
line-height: 1.55;
margin-top: 12px;
}
.muq-related-meta {
color: var(--muq-muted);
font-size: 11px;
margin-top: 5px;
}
.muq-related-badge {
left: 9px;
position: absolute;
top: 9px;
} .muq-front-page .c-entry__header {
display: none;
}
.muq-front-page .l-contents__inner {
margin-top: 0;
}
.muq-front-page .c-entry__content {
overflow: clip;
}
.muq-front-page .smb-section {
scroll-margin-top: 88px;
}
.muq-front-page .smb-section + .smb-section {
border-top: 1px solid rgba(47, 102, 67, 0.07);
}
.muq-front-page .smb-section__header {
margin-bottom: clamp(22px, 3.5vw, 34px);
}
.muq-front-page .smb-section__title {
color: var(--muq-ink);
font-size: clamp(25px, 3.5vw, 36px);
letter-spacing: 0.02em;
line-height: 1.35;
}
.muq-front-page .smb-section__lede-wrapper {
color: var(--muq-body);
line-height: 1.85;
}
.muq-front-page .smb-panels__item {
border: 1px solid var(--muq-line);
height: 100%;
border-radius: var(--muq-radius);
box-shadow: var(--muq-shadow-sm);
overflow: hidden;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.muq-front-page .smb-panels__item:hover {
border-color: #a8c0ad;
box-shadow: var(--muq-shadow-hover);
transform: translateY(-2px);
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link) {
border-radius: 10px;
font-weight: 700;
min-height: 48px;
padding-inline: 20px;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/lost/"] {
background: var(--muq-lost) !important;
border-color: var(--muq-lost) !important;
color: #fff !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/found/"] {
background: var(--muq-brand-dark) !important;
border-color: var(--muq-brand-dark) !important;
color: #fff !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/pets/"] {
background: #fff !important;
border: 1px solid #a9c3ae !important;
color: var(--muq-brand-dark) !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/lost/"]:hover {
background: var(--muq-lost-dark) !important;
border-color: var(--muq-lost-dark) !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/found/"]:hover {
background: var(--muq-brand-deep) !important;
border-color: var(--muq-brand-deep) !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/pets/"]:hover {
background: var(--muq-brand-soft) !important;
border-color: #8eaf95 !important;
}
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/lost/"] *,
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/found/"] *,
.muq-front-page .c-entry__content :where(.smb-btn, .wp-block-button__link)[href*="/pets/"] * {
color: inherit !important;
}
.muq-front-page .muq-cards-grid,
.muq-front-page .muq-home-empty {
margin-inline: auto;
}
.muq-front-page .muq-card {
box-shadow: var(--muq-shadow-sm);
}  .muq-pets-shell,
.muq-page-shell__inner,
.muq-pet-detail-page .c-entry__header,
.muq-pet-detail-page .c-entry__content {
border-color: #dde8df;
} .muq-search-heading,
.muq-page-shell__inner > .muq-page-eyebrow {
margin-top: 0;
}
.muq-search-heading,
.muq-page-title {
text-wrap: balance;
}
.muq-search-lead,
.muq-form-intro,
.muq-contact-note {
max-width: none;
} .muq-info-page .muq-page-shell__inner > h2,
.muq-form-page .wpcf7 h2,
.muq-section-title,
.muq-contact-title {
scroll-margin-top: 96px;
} .muq-cards-grid {
align-items: stretch;
}
.muq-card-name {
text-wrap: pretty;
} .muq-pet-detail-page .c-entry__header {
box-shadow: var(--muq-shadow);
position: relative;
z-index: 1;
}
.muq-pet-detail-page .c-entry__content {
box-shadow: var(--muq-shadow);
} .muq-pet-detail-page .c-entry__header + .c-entry__content {
box-shadow: 0 18px 38px rgba(35, 66, 45, 0.09);
}
@media (max-width: 980px) and (min-width: 781px) {
.muq-cards-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.muq-filters {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.muq-filter-keyword {
grid-column: 1 / -1;
}
.muq-filter-submit {
width: 100%;
}
} @media (max-width: 780px) {
html {
scroll-padding-top: 72px;
}
.c-site-branding__title > a,
.site-header .site-branding__site-name a {
font-size: 18px;
}
.muq-front-page .smb-section {
scroll-margin-top: 72px;
}
.muq-pets-page .l-contents__inner,
.muq-custom-page .l-contents__inner,
.muq-pet-detail-page .l-contents__inner {
margin-top: 0;
}
.muq-pets-shell,
.muq-page-shell,
.muq-pet-detail-page .c-entry {
width: 100% !important;
}
.muq-pets-shell {
border: 1px solid #dde8df;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(35, 66, 45, 0.06);
margin: 14px auto 40px;
padding: 26px 18px 34px;
}
.muq-search-title {
font-size: 31px;
}
.muq-filter-panel {
border-radius: 12px;
margin-inline: 0;
padding: 18px;
}
.muq-filter-panel::after {
right: 18px;
top: 18px;
transform: scale(0.82);
transform-origin: top right;
}
.muq-filter-panel__head {
padding-right: 56px;
}
.muq-filters {
align-items: stretch;
display: grid;
grid-template-columns: 1fr;
}
.muq-filter-keyword {
grid-column: auto;
}
.muq-filter-group,
.muq-filter-submit {
width: 100%;
}
.muq-filter-meta {
align-items: flex-start;
flex-direction: column;
}
.muq-results-summary {
align-items: flex-start;
flex-direction: column;
gap: 6px;
margin-top: 24px;
}
.muq-cards-grid {
grid-template-columns: 1fr;
}
.muq-empty-state,
.muq-home-empty {
padding: 32px 18px;
}
.muq-empty-state__actions,
.muq-home-empty__actions {
align-items: stretch;
flex-direction: column;
}
.muq-empty-action,
.muq-home-empty__action {
min-width: 0;
width: 100%;
}
.muq-page-shell {
margin: 14px auto 40px;
}
.muq-page-shell__inner {
border: 1px solid #dde8df;
border-radius: 16px;
box-shadow: 0 8px 24px rgba(35, 66, 45, 0.06);
padding: 26px 18px 34px;
}
.muq-form-page .wpcf7 input[type="submit"],
.muq-contact-card .wpcf7 input[type="submit"] {
width: 100%;
}
.muq-pet-detail-page .c-entry {
margin: 14px auto 40px;
}
.muq-pet-detail-page .c-entry__header {
border: 1px solid #dde8df;
border-bottom: 0;
border-radius: 16px 16px 0 0;
box-shadow: 0 8px 24px rgba(35, 66, 45, 0.06);
margin-top: 0;
padding: 26px 18px 18px;
}
.muq-pet-detail-page .c-entry__content {
border: 1px solid #dde8df;
border-radius: 0 0 16px 16px;
box-shadow: 0 8px 24px rgba(35, 66, 45, 0.06);
margin-bottom: 0;
padding: 0 18px 34px;
}
.muq-post-date {
flex-basis: 100%;
margin-left: 0;
margin-top: 2px;
}
.muq-info-table,
.muq-info-table tbody,
.muq-info-table tr,
.muq-info-table :where(th, td) {
display: block;
width: 100%;
}
.muq-info-table th {
border-bottom: 0;
padding-bottom: 5px;
}
.muq-info-table td {
padding-top: 6px;
}
.muq-related-grid {
grid-template-columns: 1fr;
}
.muq-related-item {
min-height: 92px;
padding: 12px 12px 12px 118px;
}
.muq-related-thumb {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 106px;
}
.muq-related-name,
.muq-related-meta {
margin-inline: 0;
}
.muq-related-name {
margin-top: 0;
}
.muq-related-badge {
left: auto;
right: 9px;
}
}
@media (max-width: 480px) {
.muq-page-title,
.muq-search-title {
font-size: 30px;
}
.muq-share-row {
align-items: stretch;
flex-direction: column;
}
.muq-share-btn {
width: 100%;
}
.muq-contact-card {
margin-inline: -4px;
padding: 18px 14px;
}
.muq-contact-card .wpcf7 {
padding: 16px 13px;
}
}  .c-breadcrumbs {
color: var(--muq-muted);
font-size: 12px;
}
.c-breadcrumbs :where(a) {
color: #607168;
text-decoration-color: #b6c8ba;
text-underline-offset: 3px;
}
.c-breadcrumbs :where(a:hover) {
color: var(--muq-brand-dark);
} #drawer-nav.c-drawer,
#drawer-nav .c-drawer__inner {
background: #fbfdfb;
}
#drawer-nav :where(.c-drawer__item > a) {
color: #30463a;
font-weight: 700;
line-height: 1.5;
min-height: 52px;
padding-block: 12px;
}
#drawer-nav :where(.c-drawer__item + .c-drawer__item) {
border-top: 1px solid #e4ece6;
}
#drawer-nav .p-drawer-sub-nav :where(.c-drawer__item > a) {
color: #5a6c61;
font-size: 13px;
font-weight: 600;
min-height: 46px;
}
.c-hamburger-btn {
align-items: center;
color: var(--muq-brand-dark);
display: inline-flex;
justify-content: center;
min-height: 44px;
min-width: 44px;
} .muq-front-page .c-entry__content > .smb-section:first-of-type {
border-top: 0;
overflow: hidden;
position: relative;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type::after {
background: radial-gradient(circle, rgba(77, 134, 96, 0.10) 0 2px, transparent 2.5px);
background-size: 18px 18px;
content: "";
height: 112px;
opacity: 0.55;
pointer-events: none;
position: absolute;
right: max(3vw, 24px);
top: 26px;
width: 112px;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__header,
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__body {
position: relative;
z-index: 1;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__title {
font-size: clamp(34px, 5vw, 52px);
letter-spacing: 0.01em;
line-height: 1.24;
text-wrap: balance;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__lede-wrapper {
font-size: clamp(15px, 1.8vw, 17px);
max-width: 46em;
} .muq-front-page .smb-panels__item__body,
.muq-front-page .smb-panels__item__content {
box-sizing: border-box;
height: 100%;
}
.muq-front-page .smb-panels__item__title {
color: var(--muq-ink);
font-weight: 700;
line-height: 1.45;
} .muq-active-filter {
align-items: center;
background: rgba(255, 255, 255, 0.92);
border: 1px solid #ccddd0;
border-radius: 999px;
color: #46594c !important;
display: inline-flex;
font-size: 12px;
font-weight: 700;
gap: 7px;
line-height: 1.4;
min-height: 34px;
padding: 6px 8px 6px 10px;
text-decoration: none !important;
transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
}
.muq-active-filter:hover {
background: #fff;
border-color: #9fbaa5;
color: var(--muq-brand-dark) !important;
}
.muq-active-filter__remove {
align-items: center;
background: #edf4ef;
border-radius: 999px;
display: inline-flex;
font-size: 15px;
height: 20px;
justify-content: center;
line-height: 1;
width: 20px;
}
.muq-result-count span {
color: var(--muq-muted);
font-size: 12px;
font-weight: 600;
margin-left: 4px;
}
.muq-page-btn--wide {
min-width: 64px;
padding-inline: 14px;
}
.muq-page-ellipsis {
align-items: center;
color: #819087;
display: inline-flex;
height: 44px;
justify-content: center;
min-width: 20px;
} .muq-detail-back {
margin: 0 0 14px;
}
.muq-detail-back a {
align-items: center;
color: var(--muq-brand-dark);
display: inline-flex;
font-size: 13px;
font-weight: 700;
gap: 7px;
min-height: 40px;
text-decoration: none;
}
.muq-detail-back a::before {
content: "←";
font-size: 16px;
line-height: 1;
}
.muq-detail-back a:hover {
text-decoration: underline;
text-underline-offset: 3px;
}
.muq-detail-facts {
display: grid;
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 20px 0 18px;
}
.muq-detail-fact {
background: #f8fbf9;
border: 1px solid #dfe9e1;
border-radius: 11px;
min-width: 0;
padding: 13px 14px;
}
.muq-detail-fact__label {
color: var(--muq-muted);
display: block;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.02em;
margin-bottom: 4px;
}
.muq-detail-fact__value {
color: var(--muq-ink);
display: block;
font-size: 14px;
line-height: 1.55;
overflow-wrap: anywhere;
}
.muq-detail-primary-action {
margin: 18px 0 8px;
}
.muq-detail-primary-action a {
align-items: center;
background: var(--muq-brand-dark);
border: 1px solid var(--muq-brand-dark);
border-radius: 11px;
box-shadow: 0 5px 0 rgba(29, 73, 45, 0.14);
color: #fff !important;
display: inline-flex;
font-size: 14px;
font-weight: 700;
justify-content: center;
min-height: 48px;
padding: 11px 20px;
text-decoration: none !important;
transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.muq-detail-primary-action a::after {
content: "↓";
margin-left: 8px;
}
.muq-detail-primary-action a:hover {
background: var(--muq-brand-deep);
}
.muq-detail-primary-action a:active {
box-shadow: none;
transform: translateY(2px);
}
.muq-resolved-notice {
align-items: flex-start;
background: var(--muq-resolved-soft);
border: 1px solid #d3dad6;
border-radius: 11px;
color: #536159;
display: flex;
flex-direction: column;
gap: 3px;
margin: 18px 0 8px;
padding: 14px 16px;
}
.muq-resolved-notice strong {
color: #46534c;
font-size: 14px;
}
.muq-resolved-notice span {
font-size: 13px;
line-height: 1.7;
}
.muq-share-row {
align-items: center;
}
.muq-share-feedback {
color: var(--muq-brand-dark);
font-size: 12px;
font-weight: 700;
min-height: 1.5em;
}
.muq-form-page .wpcf7 .wpcf7-list-item label,
.muq-contact-card .wpcf7 .wpcf7-list-item label {
align-items: flex-start;
cursor: pointer;
display: inline-flex;
font-weight: 500;
gap: 7px;
}
.muq-form-page .wpcf7 :where(input[type="checkbox"], input[type="radio"]),
.muq-contact-card .wpcf7 :where(input[type="checkbox"], input[type="radio"]) {
flex: 0 0 auto;
height: 20px;
margin-top: 2px;
width: 20px;
}
@media (max-width: 780px) {
.muq-front-page .c-entry__content > .smb-section:first-of-type::after {
height: 82px;
right: 10px;
top: 18px;
width: 82px;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__title {
font-size: clamp(31px, 9vw, 40px);
}
.muq-detail-facts {
grid-template-columns: 1fr;
}
.muq-detail-fact {
align-items: baseline;
display: grid;
gap: 8px;
grid-template-columns: 88px minmax(0, 1fr);
padding: 12px 13px;
}
.muq-detail-fact__label {
margin-bottom: 0;
}
.muq-detail-primary-action a {
width: 100%;
}
.muq-pagination {
gap: 6px;
}
.muq-page-btn--wide {
flex: 1 1 72px;
max-width: 104px;
}
.muq-share-feedback {
flex-basis: 100%;
}
}
@media (max-width: 480px) {
.muq-active-filter {
max-width: 100%;
}
.muq-active-filter > span:first-child {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.muq-detail-fact {
grid-template-columns: 78px minmax(0, 1fr);
}
}  .muq-front-page :where(.smb-btn, .wp-block-button__link),
.muq-custom-page :where(.smb-btn, .wp-block-button__link) {
border-radius: 10px;
font-weight: 700;
min-height: 46px;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/lost/"] {
background: var(--muq-lost);
border-color: var(--muq-lost);
color: #fff !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/found/"] {
background: var(--muq-brand-dark);
border-color: var(--muq-brand-dark);
color: #fff !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/pets/"] {
background: #fff;
border: 1px solid #acc5b1;
color: var(--muq-brand-dark) !important;
}
@media (hover: hover) {
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/lost/"]:hover {
background: var(--muq-lost-dark);
border-color: var(--muq-lost-dark);
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/found/"]:hover {
background: var(--muq-brand-deep);
border-color: var(--muq-brand-deep);
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/pets/"]:hover {
background: var(--muq-brand-soft);
}
} #muq-results {
scroll-margin-top: 96px;
}
.muq-results-summary {
align-items: center;
background: #fafcfb;
border: 1px solid #e1e9e3;
border-radius: 11px;
padding: 12px 14px;
}
.muq-results-note {
max-width: 560px;
text-align: right;
} .muq-card,
.muq-related-item {
isolation: isolate;
}
.muq-card-img::after,
.muq-related-thumb::after {
background: linear-gradient(180deg, rgba(25, 45, 32, 0) 62%, rgba(25, 45, 32, 0.06) 100%);
content: "";
inset: 0;
pointer-events: none;
position: absolute;
}
.muq-related-thumb {
position: relative;
}
@media (hover: hover) {
.muq-card:hover .muq-card-name,
.muq-related-item:hover .muq-related-name {
color: var(--muq-brand-dark);
}
} .muq-pet-detail-page .c-entry__header {
padding-bottom: 20px;
}
.muq-pet-detail-page .c-entry__title {
margin-bottom: 0;
text-wrap: balance;
}
.muq-status-bar {
margin-top: 0;
}
.muq-pet-subtitle {
max-width: 46em;
}
.muq-detail-fact {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.muq-info-table th[scope="row"] {
color: #3c5044;
} .muq-detail-mobile-action {
display: none;
}
.muq-detail-mobile-action.is-hidden {
opacity: 0;
pointer-events: none;
transform: translateY(12px);
} .muq-form-page .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea),
.muq-contact-card .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea) {
transition: border-color 140ms ease, box-shadow 140ms ease, background-color 140ms ease;
}
.muq-form-page .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea):focus,
.muq-contact-card .wpcf7 :where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), select, textarea):focus {
background: #fff;
border-color: var(--muq-brand);
box-shadow: 0 0 0 3px rgba(77, 134, 96, 0.12);
outline: 0;
} .muq-info-page .muq-page-shell__inner > :where(p, ul, ol, blockquote, h2) {
max-width: none;
} .l-footer-widget-area {
padding-block: clamp(28px, 4vw, 44px);
}
.l-footer .c-copyright {
font-size: 12px;
letter-spacing: 0.01em;
} @media (hover: none) {
.muq-card:hover,
.muq-related-item:hover {
box-shadow: var(--muq-shadow-sm);
transform: none;
}
}
@media (max-width: 780px) {
.muq-results-summary {
align-items: flex-start;
padding: 12px 13px;
}
.muq-results-note {
max-width: none;
text-align: left;
}
.muq-filter-select,
.muq-filter-input,
.muq-form-page .wpcf7 :where(input, select, textarea),
.muq-contact-card .wpcf7 :where(input, select, textarea) {
font-size: 16px;
}
.muq-page-shell,
.muq-pets-shell,
.muq-pet-detail-page .c-entry {
width: 100% !important;
}
.muq-pets-shell,
.muq-page-shell__inner,
.muq-pet-detail-page .c-entry__header,
.muq-pet-detail-page .c-entry__content {
border-radius: 16px;
}
.muq-pet-detail-page .c-entry__header {
border-bottom: 0;
border-radius: 16px 16px 0 0;
}
.muq-pet-detail-page .c-entry__content {
border-radius: 0 0 16px 16px;
}
.muq-detail-mobile-action {
align-items: center;
background: rgba(36, 83, 55, 0.97);
border: 1px solid rgba(255, 255, 255, 0.18);
border-radius: 12px;
bottom: calc(10px + env(safe-area-inset-bottom));
box-shadow: 0 10px 30px rgba(30, 64, 42, 0.25);
color: #fff !important;
display: flex;
font-size: 14px;
font-weight: 700;
justify-content: center;
left: var(--muq-mobile-gutter);
min-height: 50px;
padding: 10px 18px;
position: fixed;
right: var(--muq-mobile-gutter);
text-decoration: none !important;
transition: opacity 160ms ease, transform 160ms ease, background-color 160ms ease;
z-index: 50;
}
.muq-detail-mobile-action::before {
content: "●";
font-size: 8px;
margin-right: 8px;
}
.muq-pet-detail-page.muq-pet-unresolved {
padding-bottom: calc(72px + env(safe-area-inset-bottom));
}
.muq-contact-card {
scroll-margin-top: 88px;
}
}
@media (max-width: 480px) {
.muq-search-title,
.muq-page-title,
.muq-pet-detail-page .c-entry__title {
font-size: clamp(28px, 8.5vw, 34px);
}
.muq-card-body {
padding: 15px;
}
.muq-card-name {
font-size: 17px;
}
.muq-filter-meta {
align-items: flex-start;
flex-direction: column;
}
.muq-filter-reset {
min-height: 40px;
}
} @media (forced-colors: active) {
.muq-card,
.muq-filter-panel,
.muq-page-shell__inner,
.muq-contact-card,
.muq-detail-fact,
.muq-empty-state,
.muq-home-empty {
border: 1px solid CanvasText;
}
.muq-empty-action,
.muq-home-empty__action,
.muq-filter-submit,
.muq-page-btn,
.muq-share-btn,
.muq-detail-primary-action a,
.muq-detail-mobile-action {
border: 1px solid ButtonText;
}
} @media print {
.muq-pet-detail-page {
background: #fff !important;
color: #111;
padding-bottom: 0 !important;
}
.muq-pet-detail-page :where(.l-header, .l-footer-widget-area, .l-footer, .c-breadcrumbs, .muq-detail-back, .muq-detail-primary-action, .muq-detail-mobile-action, .muq-contact-card, .muq-share-row, .muq-related) {
display: none !important;
}
.muq-pet-detail-page .c-entry,
.muq-pet-detail-page .c-entry__header,
.muq-pet-detail-page .c-entry__content {
background: #fff !important;
border: 0 !important;
box-shadow: none !important;
margin: 0 !important;
max-width: none !important;
padding-inline: 0 !important;
width: 100% !important;
}
.muq-info-table,
.muq-description,
.muq-detail-fact {
break-inside: avoid;
box-shadow: none !important;
}
}  .muq-search-title {
word-break: keep-all;
} @media (min-width: 640px) and (max-width: 980px) {
.muq-front-page .smb-panels > .c-row > .c-row__col {
flex: 0 0 50%;
max-width: 50%;
width: 50%;
}
}
@media (max-width: 639px) {
.muq-front-page .smb-panels > .c-row > .c-row__col {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.muq-front-page .c-entry__content > .smb-section:first-of-type .smb-section__title {
font-size: clamp(30px, 8.2vw, 36px);
line-break: strict;
}
}
@supports (word-break: auto-phrase) {
.muq-front-page .smb-section__title,
.muq-page-title,
.muq-pet-detail-page .c-entry__title {
word-break: auto-phrase;
}
}  .muq-front-page .wp-block-cover .wp-block-buttons {
gap: 12px;
}
.muq-front-page .wp-block-cover .wp-block-button:has(> a[href*="/pets/"]) {
order: -1;
}
.muq-front-page .wp-block-cover a[href*="/pets/"] {
min-width: 154px;
}
.muq-front-page .muq-home-empty {
margin-block: 18px;
padding: 26px 22px;
}
.muq-front-page .muq-home-empty::before {
top: 16px;
}
.muq-front-page .muq-home-empty__mark {
height: 34px;
margin-bottom: 10px;
width: 34px;
}
.muq-front-page .muq-home-empty__actions {
display: none;
}
.muq-front-page .muq-home-livebar {
margin-top: 14px;
}
.muq-front-page .wp-block-group.has-background:has(.smb-panels) {
border: 1px solid #d7e5da;
border-radius: 20px;
}
.muq-front-page .wp-block-group.has-background:has(.smb-panels) > .wp-block-heading:first-child {
background: transparent !important;
border: 0 !important;
padding: 0 !important;
} .muq-pets-page .muq-empty-state {
margin-block: 18px;
padding: 32px 24px;
}
.muq-pets-page .muq-empty-state__actions {
margin-top: 18px;
} .muq-form-page .wpcf7-form {
align-items: start;
column-gap: 20px;
counter-reset: muq-form-section;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 18px;
}
.muq-form-page .wpcf7-form > * {
min-width: 0;
}
.muq-form-page .wpcf7-form > .hidden-fields-container {
display: none;
}
.muq-form-page .wpcf7-form > :where(h2, .muq-form-intro, .muq-field-help, .wpcf7-turnstile, .wpcf7-response-output),
.muq-form-page .wpcf7-form > p:has(textarea),
.muq-form-page .wpcf7-form > p:has(input[type="file"]),
.muq-form-page .wpcf7-form > p:has(.wpcf7-acceptance),
.muq-form-page .wpcf7-form > p:has(input[type="submit"]) {
grid-column: 1 / -1;
}
.muq-form-page .wpcf7-form > p,
.muq-form-page .wpcf7-form > .muq-form-intro,
.muq-form-page .wpcf7-form > .muq-field-help {
margin-bottom: 0 !important;
margin-top: 0 !important;
}
.muq-form-page .wpcf7-form > h2 {
counter-increment: muq-form-section;
margin: 16px 0 0 !important;
}
.muq-form-page .wpcf7-form > h2::before {
align-items: center;
background: var(--muq-brand);
border-radius: 999px;
box-shadow: none;
color: #fff;
content: counter(muq-form-section, decimal-leading-zero);
display: inline-flex;
flex: 0 0 30px;
font-size: 11px;
height: 30px;
justify-content: center;
margin-right: 10px;
position: static;
width: 30px;
}
.muq-form-page .wpcf7-form > .wpcf7-turnstile {
margin: 4px 0 0;
order: 90;
}
.muq-form-page .wpcf7-form > p:has(input[type="submit"]) {
display: flex;
justify-content: flex-start;
order: 100;
}
.muq-form-page .wpcf7-form > p:has(input[type="submit"]) input[type="submit"] {
max-width: 360px;
}
.muq-form-page .wpcf7-form > .wpcf7-response-output {
order: 110;
}
.muq-page-contact .muq-page-title + .wp-block-paragraph {
background: linear-gradient(90deg, var(--muq-brand-soft), #fbfdfb);
border: 1px solid #d3e3d6;
border-left: 4px solid var(--muq-brand);
border-radius: 12px;
color: var(--muq-body);
line-height: 1.8;
margin: 18px 0 26px;
padding: 17px 19px;
}
.muq-page-contact .wpcf7 {
margin-top: 0;
} .muq-legal-toc {
background: linear-gradient(135deg, #f0f7f2 0%, #fbfdfb 100%);
border: 1px solid #d2e2d5;
border-radius: 16px;
margin: 26px 0 34px;
padding: 22px 24px 24px;
}
.muq-legal-toc__head {
align-items: center;
display: flex;
gap: 10px;
margin-bottom: 15px;
}
.muq-legal-toc__head > span {
align-items: center;
background: var(--muq-brand);
border-radius: 9px;
color: #fff;
display: inline-flex;
font-size: 12px;
font-weight: 800;
height: 32px;
justify-content: center;
width: 32px;
}
.muq-legal-toc__head p {
color: var(--muq-ink);
font-size: 16px;
font-weight: 800;
margin: 0 !important;
}
.muq-legal-toc ol {
display: grid;
gap: 7px 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
list-style: none;
margin: 0 !important;
padding: 0 !important;
}
.muq-legal-toc a {
align-items: baseline;
border-radius: 8px;
color: var(--muq-brand-dark) !important;
display: flex;
font-size: 12px;
gap: 7px;
line-height: 1.55;
padding: 7px 9px;
text-decoration: none !important;
}
.muq-legal-toc a::before {
color: #8aab91;
content: "›";
font-size: 16px;
line-height: 1;
}
.muq-legal-toc a:hover {
background: #fff;
color: var(--muq-brand-deep) !important;
}
.muq-page-terms .muq-reading-column > h2,
.muq-page-privacy-policy .muq-reading-column > h2 {
background: #f8fbf8;
border: 1px solid #dbe7dd;
border-left: 4px solid var(--muq-brand);
border-radius: 10px;
color: var(--muq-ink);
font-size: 20px;
line-height: 1.5;
margin: 34px 0 15px;
padding: 11px 14px;
scroll-margin-top: 92px;
}
.muq-page-terms .muq-page-title + .wp-block-paragraph {
background: #f5f8f6;
border-radius: 999px;
color: var(--muq-muted);
display: inline-block;
font-size: 12px;
margin: 10px 0 18px;
padding: 6px 12px;
}
@media (max-width: 780px) {
.muq-front-page .wp-block-cover .wp-block-buttons {
align-items: stretch;
}
.muq-front-page .wp-block-cover .wp-block-button,
.muq-front-page .wp-block-cover .wp-block-button__link {
width: 100%;
}
.muq-front-page .muq-home-empty,
.muq-pets-page .muq-empty-state {
padding: 24px 16px;
}
.muq-form-page .wpcf7-form {
grid-template-columns: 1fr;
row-gap: 16px;
}
.muq-form-page .wpcf7-form > h2 {
margin-top: 12px !important;
}
.muq-form-page .wpcf7-form > p:has(input[type="submit"]) input[type="submit"] {
max-width: none;
}
.muq-page-contact .muq-page-title + .wp-block-paragraph {
font-size: 13px;
margin: 14px 0 22px;
padding: 15px 16px;
}
.muq-legal-toc {
margin: 22px 0 28px;
padding: 17px 15px 18px;
}
.muq-legal-toc ol {
grid-template-columns: 1fr;
}
.muq-legal-toc a {
font-size: 12px;
padding: 6px 5px;
}
.muq-page-terms .muq-reading-column > h2,
.muq-page-privacy-policy .muq-reading-column > h2 {
font-size: 18px;
margin-top: 28px;
padding: 10px 12px;
}
}
@media (max-width: 480px) {
.muq-form-page .muq-form-steps {
gap: 6px;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.muq-form-page .muq-form-steps li {
align-items: center;
display: flex;
flex-direction: column;
gap: 6px;
min-height: 88px;
padding: 10px 5px;
text-align: center;
}
.muq-form-page .muq-form-steps li > span {
height: 24px;
width: 24px;
}
.muq-form-page .muq-form-steps strong {
font-size: 10px;
line-height: 1.45;
}
.muq-form-page .muq-form-steps small {
display: none;
}
.muq-form-page .muq-form-tips {
margin-top: 11px;
padding-top: 10px;
}
.muq-form-page .muq-form-tips p {
font-size: 10px;
line-height: 1.6;
}
}  .muq-filter-panel::after,
.muq-filter-panel__head h2::before,
.muq-result-count::before,
.muq-home-hub .muq-eyebrow::before,
.muq-form-process__eyebrow::before,
.muq-official-guide__eyebrow::before {
display: none;
} .muq-home-hub {
background:
linear-gradient(180deg, #edf6ef 0, #f6faf7 100%);
border-block: 1px solid #dce8df;
margin: 0;
padding: clamp(34px, 5vw, 54px) var(--muq-mobile-gutter);
}
.muq-home-hub__inner {
margin-inline: auto;
max-width: var(--muq-frame);
}
.muq-home-livebar {
background: rgba(255, 255, 255, 0.9);
border: 1px solid #d8e5da;
border-radius: 14px;
box-shadow: var(--muq-shadow-sm);
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: 18px 0 0;
overflow: hidden;
}
.muq-home-livebar > div {
align-items: baseline;
display: flex;
gap: 8px;
justify-content: center;
min-width: 0;
padding: 13px 16px;
}
.muq-home-livebar > div + div {
border-left: 1px solid #e3ebe5;
}
.muq-home-livebar span {
color: var(--muq-muted);
font-size: 12px;
font-weight: 600;
}
.muq-home-livebar strong {
color: var(--muq-ink);
font-size: 16px;
white-space: nowrap;
}
.muq-home-searchbox {
align-items: end;
background: #fff;
border: 1px solid #d5e3d8;
border-radius: 18px;
box-shadow: var(--muq-shadow);
display: grid;
gap: 24px;
grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr);
margin-bottom: clamp(34px, 5vw, 48px);
padding: clamp(22px, 3.6vw, 34px);
}
.muq-home-searchbox .muq-eyebrow {
gap: 0;
letter-spacing: 0.055em;
margin-bottom: 7px;
}
.muq-home-searchbox h2,
.muq-home-latest-head h2 {
color: var(--muq-ink);
font-size: clamp(24px, 3.2vw, 32px);
line-height: 1.35;
margin: 0;
}
.muq-home-searchbox p:not(.muq-eyebrow) {
color: var(--muq-body);
font-size: 14px;
line-height: 1.75;
margin: 10px 0 0;
}
.muq-home-searchbox--empty {
align-items: center;
margin-bottom: 0;
}
.muq-home-empty-links {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.muq-home-empty-links a {
align-items: center;
background: #fff;
border: 1px solid var(--muq-brand-deep);
border-radius: 10px;
color: var(--muq-brand-dark);
display: inline-flex;
font-size: 14px;
font-weight: 700;
justify-content: center;
min-height: 48px;
padding: 9px 16px;
text-align: center;
text-decoration: none;
}
.muq-home-empty-links a:first-child {
background: var(--muq-brand-deep);
color: #fff;
}
.muq-home-empty-links a:focus-visible {
outline: 3px solid var(--muq-brand);
outline-offset: 3px;
}
.muq-home-quick-search {
display: grid;
gap: 8px;
grid-template-columns: minmax(0, 1fr) auto;
}
.muq-home-quick-search label {
min-width: 0;
}
.muq-home-quick-search input {
background: #fff;
border: 1px solid #aac3b0;
border-radius: 10px;
box-sizing: border-box;
color: var(--muq-ink);
font: inherit;
font-size: 16px;
min-height: 52px;
padding: 10px 14px;
width: 100%;
}
.muq-home-quick-search input:focus {
border-color: var(--muq-brand);
box-shadow: 0 0 0 3px rgba(77, 134, 96, 0.12);
outline: 0;
}
.muq-home-quick-search button {
background: var(--muq-brand-deep);
border: 1px solid var(--muq-brand-deep);
border-radius: 10px;
color: #fff;
cursor: pointer;
font: inherit;
font-size: 14px;
font-weight: 700;
min-height: 52px;
padding: 10px 20px;
}
.muq-home-latest-head {
align-items: end;
display: flex;
gap: 18px;
justify-content: space-between;
margin-bottom: 16px;
}
.muq-home-latest-head .muq-eyebrow {
gap: 0;
letter-spacing: 0.055em;
margin-bottom: 6px;
}
.muq-home-latest-head > a {
color: var(--muq-brand-dark);
flex: 0 0 auto;
font-size: 13px;
font-weight: 700;
min-height: 44px;
text-underline-offset: 3px;
}
.muq-home-hub .muq-cards-grid {
margin: 0;
max-width: none;
}
.muq-home-public-note {
background: rgba(255, 255, 255, 0.72);
border-left: 3px solid #91b59a;
color: #506157;
font-size: 12px;
line-height: 1.7;
margin: 18px 0 0;
padding: 10px 12px;
}
.muq-home-public-note a {
color: var(--muq-brand-dark);
font-weight: 700;
} .muq-front-page :where(.wp-block-group, .smb-section):has(.muq-latest-pets-placeholder) {
display: none !important;
}
.muq-latest-pets-placeholder {
display: none !important;
} .muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/pets/"] {
background: var(--muq-brand-deep) !important;
border-color: var(--muq-brand-deep) !important;
color: #fff !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/found/"] {
background: #fff !important;
border-color: #7ea98a !important;
color: var(--muq-brand-dark) !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/lost/"] {
background: #fff !important;
border-color: #d08752 !important;
color: #934310 !important;
}
@media (hover: hover) {
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/pets/"]:hover {
background: #1f4930 !important;
border-color: #1f4930 !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/found/"]:hover {
background: var(--muq-found-soft) !important;
}
.muq-front-page .c-entry__content :where(a.smb-btn, a.wp-block-button__link)[href*="/lost/"]:hover {
background: var(--muq-lost-soft) !important;
}
} .muq-card-noimg {
aspect-ratio: auto;
min-height: 96px;
}
.muq-card-noimg::before {
content: "写真なし";
}
.muq-card-noimg + .muq-card-body {
padding-top: 15px;
} .muq-filters {
display: block;
}
.muq-filter-primary {
align-items: end;
display: grid;
gap: 12px;
grid-template-columns: minmax(0, 1fr) minmax(136px, 0.24fr);
}
.muq-filter-primary .muq-filter-keyword {
grid-column: auto;
}
.muq-filter-advanced {
display: grid;
gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 14px;
}
.muq-filter-toggle {
align-items: center;
background: transparent;
border: 0;
color: var(--muq-brand-dark);
cursor: pointer;
display: none;
font: inherit;
font-size: 13px;
font-weight: 700;
justify-content: space-between;
margin: 12px 0 0;
min-height: 44px;
padding: 0 2px;
text-align: left;
width: 100%;
}
.muq-filter-toggle > span:last-child {
font-size: 20px;
font-weight: 400;
line-height: 1;
} .muq-detail-photo {
background: #edf4ef;
border: 1px solid #d8e5da;
border-radius: 16px;
margin: 20px 0 22px;
overflow: hidden;
}
.muq-detail-photo__image {
display: block;
height: auto;
max-height: 680px;
object-fit: contain;
width: 100%;
}
.muq-detail-facts {
margin-top: 0;
}
.muq-related-lead {
color: var(--muq-muted);
font-size: 12px;
line-height: 1.7;
margin: -5px 0 13px;
} .muq-form-process,
.muq-official-guide {
border-radius: 14px;
box-sizing: border-box;
margin: 24px 0;
}
.muq-form-process {
background: #fbfdfb;
border: 1px solid #d8e5da;
padding: 20px;
}
.muq-form-process__eyebrow,
.muq-official-guide__eyebrow {
color: var(--muq-brand-dark);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.055em;
margin: 0 0 4px;
}
.muq-form-process__head h2,
.muq-official-guide h2 {
color: var(--muq-ink);
font-size: 20px;
line-height: 1.45;
margin: 0;
}
.muq-form-steps {
counter-reset: none;
display: grid;
gap: 10px;
grid-template-columns: repeat(3, minmax(0, 1fr));
list-style: none;
margin: 18px 0 0 !important;
padding: 0 !important;
}
.muq-form-steps li {
background: #fff;
border: 1px solid #e0e9e2;
border-radius: 11px;
display: grid;
gap: 5px;
grid-template-columns: 28px minmax(0, 1fr);
padding: 12px;
}
.muq-form-steps li > span {
align-items: center;
background: var(--muq-brand-soft);
border-radius: 999px;
color: var(--muq-brand-dark);
display: inline-flex;
font-size: 12px;
font-weight: 800;
height: 28px;
justify-content: center;
width: 28px;
}
.muq-form-steps strong {
align-self: center;
color: var(--muq-ink);
font-size: 13px;
}
.muq-form-steps small {
color: var(--muq-muted);
font-size: 11px;
grid-column: 2;
line-height: 1.55;
}
.muq-form-tips {
border-top: 1px solid #e6ede8;
margin-top: 14px;
padding-top: 12px;
}
.muq-form-tips p {
color: #56675d;
font-size: 12px;
line-height: 1.7;
margin: 4px 0 !important;
}
.muq-form-tips .muq-form-tips__photo-help {
font-size: 13px;
font-weight: 600;
margin-top: 10px !important;
}
.muq-form-tips__photo-help a {
color: var(--muq-brand-dark);
text-decoration: underline;
text-underline-offset: 3px;
} .muq-official-guide {
background: #fffaf3;
border: 1px solid #ead8bd;
padding: 20px;
}
.muq-official-guide__head {
align-items: center;
display: flex;
gap: 12px;
}
.muq-official-guide__mark {
align-items: center;
background: #f3e4cd;
border-radius: 10px;
color: #755226;
display: inline-flex;
flex: 0 0 auto;
font-size: 14px;
font-weight: 800;
height: 40px;
justify-content: center;
width: 40px;
}
.muq-official-guide__lead {
color: #61594f;
font-size: 13px;
line-height: 1.75;
margin: 12px 0 14px !important;
}
.muq-official-guide__links {
display: grid;
gap: 9px;
}
.muq-official-guide__links > a {
background: rgba(255, 255, 255, 0.78);
border: 1px solid #eadcc8;
border-radius: 10px;
color: #564830;
display: grid;
gap: 2px;
padding: 11px 13px;
text-decoration: none !important;
}
.muq-official-guide__links > a::after {
color: #9a7950;
content: "↗";
font-size: 13px;
grid-column: 2;
grid-row: 1 / span 2;
margin-left: auto;
}
.muq-official-guide__links strong {
color: #4e422f;
font-size: 13px;
}
.muq-official-guide__links span {
color: #756b5d;
font-size: 11px;
line-height: 1.55;
}
.muq-official-guide__note {
color: #5e5345;
font-size: 13px;
line-height: 1.65;
margin: 12px 0 0 !important;
}
.muq-official-guide__note a {
color: #24543b;
text-decoration: underline;
text-underline-offset: 0.16em;
} .muq-page-howto .muq-official-guide {
max-width: none;
}  @media (max-width: 780px) { .muq-page-howto .muq-official-guide {
margin-top: 18px;
padding: 24px 16px !important;
}
.muq-home-hub {
padding-block: 28px 36px;
}
.muq-home-livebar {
grid-template-columns: repeat(3, 1fr);
}
.muq-home-livebar > div {
align-items: center;
flex-direction: column;
gap: 2px;
padding: 10px 6px;
}
.muq-home-livebar span {
font-size: 10px;
}
.muq-home-livebar strong {
font-size: 14px;
}
.muq-home-searchbox {
align-items: stretch;
gap: 18px;
grid-template-columns: 1fr;
padding: 20px 18px;
}
.muq-home-quick-search {
grid-template-columns: 1fr;
}
.muq-home-quick-search button {
width: 100%;
}
.muq-home-latest-head {
align-items: flex-start;
flex-direction: column;
gap: 7px;
}
.muq-home-latest-head > a {
align-items: center;
display: inline-flex;
}
.muq-filter-primary {
grid-template-columns: 1fr;
}
.muq-filter-primary .muq-filter-submit {
width: 100%;
}
.muq-filter-toggle {
display: flex;
}
.muq-js .muq-filter-advanced {
display: none;
}
.muq-js .muq-filter-advanced.is-open {
display: grid;
}
.muq-filter-advanced {
grid-template-columns: 1fr;
margin-top: 4px;
}
.muq-filter-meta {
border-top: 1px solid #dce7de;
padding-top: 12px;
}
.muq-detail-photo {
border-radius: 12px;
margin-inline: 0;
}
.muq-detail-photo__image {
max-height: 520px;
}
.muq-form-steps {
grid-template-columns: 1fr;
}
.muq-form-steps li {
grid-template-columns: 28px minmax(0, 1fr);
}
.muq-official-guide,
.muq-form-process {
padding: 17px;
} .muq-front-page .smb-buttons__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.muq-front-page .smb-buttons__item:has(a[href*="/pets/"]) {
flex: 0 0 100%;
order: -1;
}
.muq-front-page .smb-buttons__item:has(a[href*="/lost/"]),
.muq-front-page .smb-buttons__item:has(a[href*="/found/"]) {
flex: 1 1 calc(50% - 5px);
}
.muq-front-page .smb-buttons__item > :where(a, .smb-btn) {
width: 100%;
}
}
@media (max-width: 480px) {
.muq-home-hub {
padding-inline: var(--muq-mobile-gutter);
}
.muq-home-searchbox h2,
.muq-home-latest-head h2 {
font-size: 23px;
}
.muq-home-public-note {
font-size: 11px;
}
.muq-card-noimg {
min-height: 84px;
}
.muq-official-guide__head {
align-items: flex-start;
}
.muq-official-guide__mark {
height: 36px;
width: 36px;
}
}
@media (forced-colors: active) {
.muq-home-searchbox,
.muq-home-livebar,
.muq-form-process,
.muq-official-guide,
.muq-official-guide__links > a,
.muq-detail-photo {
border: 1px solid CanvasText;
}
}
.muq-official-guide__links > a {
grid-template-columns: minmax(0, 1fr) auto;
}
@media (max-width: 639px) { .muq-front-page .smb-panels__item {
min-height: 0;
}
.muq-front-page .smb-panels__item__body,
.muq-front-page .smb-panels__item__content {
min-height: 0;
padding-block: 18px !important;
}
}  .muq-pets-page .l-contents__inner,
.muq-custom-page .l-contents__inner,
.muq-pet-detail-page .l-contents__inner {
box-sizing: border-box !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--muq-frame) !important;
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
}
.muq-pets-page .l-contents__main,
.muq-custom-page .l-contents__main,
.muq-pet-detail-page .l-contents__main,
.muq-pets-page .c-entry,
.muq-custom-page .c-entry,
.muq-pet-detail-page .c-entry {
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--muq-frame) !important;
min-width: 0 !important;
width: 100% !important;
}
.muq-pets-page .c-entry__body,
.muq-custom-page .c-entry__body,
.muq-pets-page .c-entry__content,
.muq-custom-page .c-entry__content {
box-sizing: border-box !important;
margin-inline: 0 !important;
max-width: none !important;
padding-inline: 0 !important;
width: 100% !important;
} .muq-front-page .smb-section > .c-container,
.muq-front-page .smb-section__inner > .c-container,
.muq-front-page .smb-section__body > .c-container,
.muq-home-hub__inner {
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--muq-frame) !important;
width: 100% !important;
} .muq-layout-shell,
.muq-pets-shell,
.muq-page-shell,
.muq-pet-detail-page .c-entry {
box-sizing: border-box !important;
margin-left: auto !important;
margin-right: auto !important;
max-width: var(--muq-frame) !important;
width: 100% !important;
}
.muq-pets-shell > :where(
.muq-search-heading,
.muq-filter-panel,
.muq-results-summary,
.muq-cards-grid,
.muq-empty-state,
.muq-pagination
) {
max-width: none !important;
width: 100% !important;
} .muq-page-shell__inner {
box-sizing: border-box !important;
width: 100% !important;
}
.muq-reading-column {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.muq-reading-column--form {
max-width: var(--muq-reading-form);
}
.muq-reading-column--info {
max-width: var(--muq-reading-info);
}
.muq-form-page .muq-page-shell--form,
.muq-info-page .muq-page-shell--info {
max-width: var(--muq-frame) !important;
}
.muq-form-page .wpcf7,
.muq-form-page .muq-form-process,
.muq-form-page .muq-official-guide,
.muq-info-page .muq-official-guide {
box-sizing: border-box;
max-width: none !important;
width: 100%;
} .muq-info-page .muq-reading-column > :where(p, ul, ol, blockquote, h2, h3, table, .wp-block-group, .wp-block-columns) {
max-width: 100% !important;
} .muq-pet-detail-page .c-entry__header,
.muq-pet-detail-page .c-entry__content {
box-sizing: border-box !important;
width: 100% !important;
}
.muq-pet-detail-page .c-entry__header .c-entry__title {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: var(--muq-reading-detail);
width: 100%;
}
.muq-detail-main {
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
max-width: var(--muq-reading-detail);
width: 100%;
} .muq-pet-detail-page .muq-related {
box-sizing: border-box;
max-width: none !important;
width: 100%;
} .muq-pets-shell,
.muq-page-shell {
margin-top: 32px !important;
margin-bottom: var(--muq-page-gap) !important;
}
.muq-pet-detail-page .c-entry__header {
margin-top: 32px !important;
}
.muq-pet-detail-page .c-entry__content {
margin-bottom: var(--muq-page-gap) !important;
} @media (max-width: 780px) {
.muq-pets-page .l-contents__inner,
.muq-custom-page .l-contents__inner,
.muq-pet-detail-page .l-contents__inner {
padding-left: 0 !important;
padding-right: 0 !important;
}
.muq-pets-shell,
.muq-page-shell,
.muq-pet-detail-page .c-entry {
margin-left: auto !important;
margin-right: auto !important;
width: 100% !important;
}
.muq-pets-shell,
.muq-page-shell {
margin-top: 14px !important;
margin-bottom: 40px !important;
}
.muq-pet-detail-page .c-entry__header {
margin-top: 14px !important;
}
.muq-pet-detail-page .c-entry__content {
margin-bottom: 40px !important;
}
.muq-reading-column--form,
.muq-reading-column--info,
.muq-detail-main,
.muq-pet-detail-page .c-entry__header .c-entry__title {
max-width: none;
width: 100%;
}
} .muq-custom-page :where(
.muq-form-process,
.muq-official-guide,
.wpcf7,
.muq-form-intro,
.muq-contact-note
),
.muq-pets-page :where(
.muq-filter-panel,
.muq-results-summary,
.muq-cards-grid,
.muq-empty-state,
.muq-pagination
),
.muq-pet-detail-page :where(
.muq-detail-photo,
.muq-detail-facts,
.muq-info-table,
.muq-description,
.muq-contact-card,
.muq-share-row
) {
box-sizing: border-box;
} .muq-page-howto {
--muq-howto-border: #d8e5da;
--muq-howto-shadow: 0 10px 28px rgba(35, 66, 45, 0.07);
}
.muq-page-howto .muq-reading-column--info {
max-width: 1120px;
}
.muq-page-howto .muq-reading-column > :where(
.muq-howto-hero,
.muq-howto-choices,
.muq-official-guide,
.muq-howto-actions,
.muq-howto-scope,
.muq-howto-contact-flow,
.muq-howto-after-found,
.muq-howto-faq,
.muq-howto-final-actions
) {
box-sizing: border-box;
margin-top: 24px;
}
.muq-page-howto .muq-reading-column > .muq-howto-hero {
margin-top: 0;
}
.muq-howto-hero {
background:
radial-gradient(circle at 88% 14%, rgba(77, 134, 96, 0.13) 0 72px, transparent 73px),
linear-gradient(135deg, #edf6ef 0%, #f8fbf8 68%, #fffaf3 100%);
border: 1px solid #d4e4d7;
border-radius: 18px;
padding: clamp(42px, 6vw, 68px) clamp(24px, 6vw, 64px);
}
.muq-howto-eyebrow {
color: var(--muq-brand);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 10px !important;
}
.muq-howto-hero h1 {
color: var(--muq-ink);
font-size: clamp(30px, 4.2vw, 44px);
line-height: 1.35;
margin: 0;
max-width: 820px;
}
.muq-howto-hero__lead {
color: var(--muq-body) !important;
font-size: 16px;
line-height: 1.95;
margin: 24px 0 0 !important;
max-width: 760px;
}
.muq-howto-hero__note {
background: rgba(255, 255, 255, 0.78);
border-left: 4px solid var(--muq-brand);
border-radius: 0 10px 10px 0;
color: var(--muq-body) !important;
font-size: 13px;
line-height: 1.8;
margin: 24px 0 0 !important;
max-width: 800px;
padding: 14px 16px;
}
.muq-howto-choices,
.muq-howto-actions,
.muq-howto-scope,
.muq-howto-faq {
background: #fff;
border: 1px solid var(--muq-howto-border);
border-radius: 18px;
padding: clamp(28px, 4vw, 44px);
}
.muq-howto-section-head h2,
.muq-howto-contact-flow h2,
.muq-howto-after-found h2,
.muq-howto-final-actions h2 {
color: var(--muq-ink);
font-size: clamp(24px, 3vw, 31px);
line-height: 1.45;
margin: 0;
}
.muq-howto-section-head > p:last-child {
color: var(--muq-body) !important;
line-height: 1.8;
margin: 12px 0 0 !important;
}
.muq-howto-choices__grid {
display: grid;
gap: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 26px;
}
.muq-howto-choice {
background: #f8fbf8;
border: 1px solid #d5e4d8;
border-radius: 14px;
color: var(--muq-ink) !important;
display: flex;
flex-direction: column;
min-height: 158px;
padding: 22px;
text-decoration: none !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.muq-howto-choice:hover {
border-color: #afcbb5;
box-shadow: var(--muq-howto-shadow);
transform: translateY(-2px);
}
.muq-howto-choice--found {
background: #fffaf3;
border-color: #eadfce;
}
.muq-howto-choice--search {
background: #f7f8fb;
border-color: #dce0e8;
}
.muq-howto-choice__label {
color: var(--muq-muted);
font-size: 12px;
font-weight: 700;
margin-bottom: 14px;
}
.muq-howto-choice strong {
font-size: 18px;
line-height: 1.5;
}
.muq-howto-choice small {
color: var(--muq-muted);
font-size: 12px;
line-height: 1.7;
margin-top: 8px;
}
.muq-howto-choices__photo-note {
color: var(--muq-body) !important;
font-size: 14px;
line-height: 1.8;
margin: 18px 0 0 !important;
}
.muq-howto-choices__photo-note a {
color: var(--muq-brand-dark);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.muq-page-howto .muq-official-guide {
border-radius: 18px;
margin-left: 0;
margin-right: 0;
max-width: none;
padding: clamp(26px, 4vw, 38px);
}
.muq-page-howto .muq-official-guide__links {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.muq-page-howto .muq-official-guide__links > a {
align-content: start;
min-height: 112px;
}
.muq-howto-actions__grid {
display: grid;
gap: 18px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 28px;
}
.muq-howto-action-card {
background: var(--muq-surface-soft);
border: 1px solid #d5e4d8;
border-radius: 15px;
display: flex;
flex-direction: column;
padding: clamp(22px, 3vw, 30px);
}
.muq-howto-action-card--found {
background: #fffaf3;
border-color: #eadfce;
}
.muq-howto-action-card__label {
color: var(--muq-brand) !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.06em;
margin: 0 0 6px !important;
}
.muq-howto-action-card--found .muq-howto-action-card__label {
color: var(--muq-lost) !important;
}
.muq-howto-action-card h3 {
color: var(--muq-ink);
font-size: 22px;
margin: 0;
}
.muq-howto-checklist {
display: grid;
gap: 0;
list-style: none;
margin: 20px 0 24px;
padding: 0;
}
.muq-howto-checklist li {
border-top: 1px solid rgba(77, 134, 96, 0.16);
padding: 15px 0 15px 28px;
position: relative;
}
.muq-howto-checklist li::before {
color: var(--muq-brand);
content: "✓";
font-size: 14px;
font-weight: 700;
left: 2px;
position: absolute;
top: 16px;
}
.muq-howto-checklist strong,
.muq-howto-checklist span {
display: block;
}
.muq-howto-checklist strong {
color: var(--muq-ink);
font-size: 14px;
}
.muq-howto-checklist span {
color: var(--muq-muted);
font-size: 12px;
line-height: 1.7;
margin-top: 3px;
}
.muq-howto-text-link {
align-self: flex-start;
color: var(--muq-brand) !important;
font-size: 14px;
font-weight: 700;
margin-top: auto;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
}
.muq-howto-scope {
background: var(--muq-surface-soft);
}
.muq-howto-scope__grid {
display: grid;
gap: 16px;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 26px;
}
.muq-howto-scope-card {
background: #fff;
border: 1px solid #d8e5da;
border-radius: 14px;
padding: 24px;
}
.muq-howto-scope-card--cannot {
border-color: #e5ddd1;
}
.muq-howto-scope-card h3 {
color: var(--muq-ink);
font-size: 18px;
margin: 0 0 16px;
}
.muq-howto-scope-card ul {
color: var(--muq-body);
display: grid;
font-size: 13px;
gap: 10px;
line-height: 1.7;
margin: 0;
padding-left: 1.25em;
}
.muq-howto-contact-flow {
align-items: flex-start;
background: #f7faf8;
border: 1px solid #d8e5da;
border-radius: 18px;
display: grid;
gap: 18px;
grid-template-columns: 46px minmax(0, 1fr);
padding: clamp(26px, 4vw, 38px);
}
.muq-howto-contact-flow__mark {
align-items: center;
background: var(--muq-brand);
border-radius: 13px;
color: #fff;
display: flex;
font-size: 17px;
font-weight: 700;
height: 46px;
justify-content: center;
width: 46px;
}
.muq-howto-contact-flow p:last-child {
color: var(--muq-body) !important;
line-height: 1.85;
margin: 14px 0 0 !important;
}
.muq-howto-after-found {
background: linear-gradient(125deg, #fff7ed 0%, #fffdf9 62%, #f2f8f4 100%);
border: 1px solid #eadbc7;
border-radius: 18px;
padding: clamp(32px, 5vw, 50px);
}
.muq-howto-after-found > p:not(.muq-howto-eyebrow) {
color: var(--muq-body) !important;
line-height: 1.85;
margin: 16px 0 24px !important;
max-width: 790px;
}
.muq-howto-button {
align-items: center;
background: var(--muq-brand);
border: 1px solid var(--muq-brand);
border-radius: 999px;
color: #fff !important;
display: inline-flex;
font-size: 14px;
font-weight: 700;
justify-content: center;
min-height: 50px;
padding: 10px 24px;
text-decoration: none !important;
transition: box-shadow 160ms ease, transform 160ms ease;
}
.muq-howto-button:hover {
box-shadow: 0 8px 20px rgba(35, 66, 45, 0.18);
transform: translateY(-1px);
}
.muq-howto-button--found {
background: var(--muq-lost);
border-color: var(--muq-lost);
}
.muq-howto-button--secondary {
background: #fff;
border-color: #a9bbb0;
color: var(--muq-ink) !important;
}
.muq-howto-faq {
background: var(--muq-surface-soft);
}
.muq-howto-faq__list {
display: grid;
gap: 10px;
margin-top: 24px;
}
.muq-howto-faq details {
background: #fff;
border: 1px solid #d8e5da;
border-radius: 12px;
overflow: hidden;
}
.muq-howto-faq summary {
color: var(--muq-ink);
cursor: pointer;
font-size: 14px;
font-weight: 700;
line-height: 1.65;
padding: 17px 48px 17px 18px;
position: relative;
}
.muq-howto-faq summary::after {
color: var(--muq-brand);
content: "+";
font-size: 22px;
position: absolute;
right: 18px;
top: 13px;
}
.muq-howto-faq details[open] summary::after {
content: "−";
}
.muq-howto-faq details p {
border-top: 1px solid #e7eee8;
color: var(--muq-body) !important;
font-size: 13px;
line-height: 1.8;
margin: 0 !important;
padding: 15px 18px 18px;
}
.muq-howto-final-actions {
background: #fff;
border: 1px solid var(--muq-howto-border);
border-radius: 18px;
padding: clamp(30px, 5vw, 48px);
text-align: center;
}
.muq-howto-final-actions > p {
color: var(--muq-body) !important;
margin: 14px 0 24px !important;
}
.muq-howto-final-actions__buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: center;
}
.muq-page-howto :where(a, summary):focus-visible {
outline: 3px solid rgba(77, 134, 96, 0.35);
outline-offset: 3px;
}
@media (max-width: 900px) {
.muq-howto-choices__grid,
.muq-page-howto .muq-official-guide__links,
.muq-howto-actions__grid,
.muq-howto-scope__grid {
grid-template-columns: 1fr;
}
.muq-howto-choice,
.muq-page-howto .muq-official-guide__links > a {
min-height: 0;
}
}
@media (max-width: 780px) {
.muq-page-howto .muq-reading-column > :where(
.muq-howto-hero,
.muq-howto-choices,
.muq-official-guide,
.muq-howto-actions,
.muq-howto-scope,
.muq-howto-contact-flow,
.muq-howto-after-found,
.muq-howto-faq,
.muq-howto-final-actions
) {
margin-top: 18px;
}
.muq-page-howto .muq-reading-column > .muq-howto-hero {
margin-top: 0;
}
.muq-howto-hero,
.muq-howto-choices,
.muq-howto-actions,
.muq-howto-scope,
.muq-page-howto .muq-official-guide,
.muq-howto-after-found,
.muq-howto-faq,
.muq-howto-final-actions {
border-radius: 14px;
padding: 26px 18px;
}
.muq-howto-hero h1 {
font-size: 29px;
}
.muq-howto-hero__lead {
font-size: 14px;
line-height: 1.85;
margin-top: 18px !important;
}
.muq-howto-hero__note {
font-size: 12px;
margin-top: 18px !important;
}
.muq-howto-section-head h2,
.muq-howto-contact-flow h2,
.muq-howto-after-found h2,
.muq-howto-final-actions h2 {
font-size: 23px;
}
.muq-howto-choices__grid,
.muq-howto-actions__grid,
.muq-howto-scope__grid {
margin-top: 20px;
}
.muq-howto-choice,
.muq-howto-action-card,
.muq-howto-scope-card {
padding: 19px;
}
.muq-howto-contact-flow {
border-radius: 14px;
grid-template-columns: 40px minmax(0, 1fr);
padding: 24px 18px;
}
.muq-howto-contact-flow__mark {
border-radius: 11px;
font-size: 15px;
height: 40px;
width: 40px;
}
.muq-howto-final-actions__buttons {
align-items: stretch;
flex-direction: column;
}
.muq-howto-button {
width: 100%;
}
} .muq-home-guidance {
background:
radial-gradient(circle at 92% 8%, rgba(77, 134, 96, 0.12) 0 78px, transparent 79px),
linear-gradient(135deg, #eaf4ed 0%, #f6faf7 70%, #fffaf3 100%);
border: 1px solid #d3e3d6;
border-radius: 20px;
box-sizing: border-box;
margin: clamp(44px, 7vw, 72px) auto 0;
padding: clamp(38px, 6vw, 64px) clamp(22px, 5vw, 52px);
}
.muq-home-guidance__inner {
margin-inline: auto;
max-width: 1080px;
}
.muq-home-guidance__head {
margin-inline: auto;
max-width: 760px;
text-align: center;
}
.muq-home-guidance__eyebrow {
color: var(--muq-brand) !important;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
margin: 0 0 10px !important;
}
.muq-home-guidance__head h2 {
color: var(--muq-ink);
font-size: clamp(26px, 3.6vw, 36px);
line-height: 1.4;
margin: 0;
}
.muq-home-guidance__head > p:last-child {
color: var(--muq-body) !important;
font-size: 14px;
line-height: 1.85;
margin: 16px 0 0 !important;
}
.muq-home-guidance__choices {
display: grid;
gap: 14px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 30px;
}
.muq-home-guidance-card {
background: #fff;
border: 1px solid #d6e4d9;
border-radius: 15px;
box-shadow: 0 7px 20px rgba(35, 66, 45, 0.055);
color: var(--muq-ink) !important;
display: flex;
flex-direction: column;
min-height: 160px;
padding: 23px;
text-decoration: none !important;
transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}
.muq-home-guidance-card:hover {
border-color: #acc8b2;
box-shadow: 0 11px 26px rgba(35, 66, 45, 0.1);
transform: translateY(-2px);
}
.muq-home-guidance-card--found {
background: #fffcf7;
border-color: #eadfce;
}
.muq-home-guidance-card--search {
background: #f8f9fb;
border-color: #dce1e8;
}
.muq-home-guidance-card > span {
color: var(--muq-muted);
font-size: 12px;
font-weight: 700;
margin-bottom: 14px;
}
.muq-home-guidance-card > strong {
font-size: 18px;
line-height: 1.5;
}
.muq-home-guidance-card > small {
color: var(--muq-muted);
font-size: 12px;
line-height: 1.7;
margin-top: 8px;
}
.muq-home-guidance__photo-note {
color: var(--muq-body) !important;
font-size: 14px;
line-height: 1.8;
margin: 18px 0 0 !important;
}
.muq-home-guidance__photo-note a {
color: var(--muq-brand-dark);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 3px;
}
.muq-home-guidance__notice {
align-items: center;
background: rgba(255, 255, 255, 0.82);
border-left: 4px solid var(--muq-brand);
border-radius: 0 12px 12px 0;
display: grid;
gap: 18px;
grid-template-columns: minmax(0, 1fr) auto;
margin-top: 20px;
padding: 17px 19px;
}
.muq-home-guidance__notice p {
color: var(--muq-body) !important;
font-size: 12px;
line-height: 1.75;
margin: 0 !important;
}
.muq-home-guidance__notice strong {
color: var(--muq-ink);
display: block;
font-size: 13px;
margin-bottom: 2px;
}
.muq-home-guidance__notice a {
color: var(--muq-brand-dark) !important;
font-size: 13px;
font-weight: 700;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
white-space: nowrap;
}
.muq-home-guidance :where(a):focus-visible {
outline: 3px solid rgba(77, 134, 96, 0.35);
outline-offset: 3px;
}
@media (max-width: 900px) {
.muq-home-guidance__choices {
grid-template-columns: 1fr;
}
.muq-home-guidance-card {
min-height: 0;
}
}
@media (max-width: 780px) {
.muq-home-guidance {
border-radius: 14px;
margin-top: 36px;
padding: 30px 18px;
}
.muq-home-guidance__head {
text-align: left;
}
.muq-home-guidance__head h2 {
font-size: 25px;
}
.muq-home-guidance__head > p:last-child {
font-size: 13px;
margin-top: 12px !important;
}
.muq-home-guidance__choices {
margin-top: 22px;
}
.muq-home-guidance-card {
padding: 19px;
}
.muq-home-guidance__notice {
align-items: start;
gap: 12px;
grid-template-columns: 1fr;
padding: 15px 16px;
}
.muq-home-guidance__notice a {
white-space: normal;
}
}