/*
Theme Name: MW Original EC Theme
Theme URI: https://example.com/
Author: Genspark
Description: Original WooCommerce theme for windows/sash, exterior, and air-conditioner stores. Inspired by common building-material EC information architecture, without copying third-party assets or layouts.
Version: 0.2.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 8.1
Text Domain: mw-original
*/

:root {
  --mw-bg: #f4f7fb;
  --mw-bg-deep: #0d1b2f;
  --mw-surface: rgba(255, 255, 255, 0.92);
  --mw-surface-solid: #ffffff;
  --mw-text: #132238;
  --mw-heading: #0b1730;
  --mw-muted: #61708a;
  --mw-line: #dce5f1;
  --mw-line-strong: #bfd0e5;
  --mw-primary: #1858c8;
  --mw-primary-2: #3ba2ff;
  --mw-primary-3: #0f2f66;
  --mw-accent: #00a67e;
  --mw-accent-soft: #e8fbf4;
  --mw-warm: #ffb84d;
  --mw-danger: #d92d20;
  --mw-radius: 24px;
  --mw-radius-sm: 16px;
  --mw-shadow: 0 12px 40px rgba(13, 27, 47, 0.08);
  --mw-shadow-strong: 0 22px 55px rgba(13, 27, 47, 0.16);
  --mw-max: 1240px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(59, 162, 255, 0.10), transparent 28%),
    radial-gradient(circle at top right, rgba(24, 88, 200, 0.08), transparent 24%),
    linear-gradient(180deg, #f7faff 0%, #f2f6fb 100%);
  color: var(--mw-text);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic", sans-serif;
  line-height: 1.75;
  letter-spacing: 0.01em;
}
a { color: var(--mw-primary); text-decoration: none; transition: .22s ease; }
a:hover { opacity: 1; }
img { max-width: 100%; height: auto; }
.container { width: min(calc(100% - 40px), var(--mw-max)); margin-inline: auto; }
.page-shell { overflow: clip; }

.notice-strip {
  background: linear-gradient(90deg, #0a1630, #102851 54%, #15408b);
  color: #fff;
  position: relative;
  z-index: 61;
}
.notice-strip__inner {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 12px 0;
}
.notice-pill {
  text-align: center;
  padding: 10px 16px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  font-size: .88rem;
  letter-spacing: .03em;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 60;
  backdrop-filter: blur(16px);
  background: rgba(255,255,255,.78);
  border-bottom: 1px solid rgba(191, 208, 229, .55);
}
.site-header__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 24px;
  padding: 18px 0;
}
.branding-wrap { display: flex; align-items: center; gap: 14px; }
.branding-mark {
  width: 48px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(135deg, var(--mw-primary), var(--mw-primary-2));
  box-shadow: 0 12px 22px rgba(24, 88, 200, .26);
}
.branding { display: flex; flex-direction: column; gap: 2px; }
.branding__title {
  font-size: 1.22rem;
  font-weight: 900;
  line-height: 1.15;
  color: var(--mw-heading);
}
.branding__tag { font-size: .82rem; color: var(--mw-muted); }
.main-nav ul {
  display: flex;
  justify-content: center;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
.main-nav a {
  color: var(--mw-heading);
  font-weight: 700;
  font-size: .95rem;
  padding: 10px 14px;
  border-radius: 999px;
}
.main-nav a:hover { background: rgba(24, 88, 200, .08); color: var(--mw-primary); }
.header-actions { display: flex; align-items: center; gap: 10px; }
.header-spacer { height: 8px; }

.btn, button, .button, input[type=submit], .wc-forward {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  font-weight: 800;
  font-size: .95rem;
  letter-spacing: .01em;
  background: linear-gradient(135deg, var(--mw-primary), var(--mw-primary-2));
  color: #fff;
  box-shadow: 0 12px 24px rgba(24, 88, 200, 0.22);
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
}
.btn:hover, button:hover, .button:hover, input[type=submit]:hover, .wc-forward:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(24, 88, 200, 0.26);
}
.btn--light {
  background: #fff;
  color: var(--mw-primary-3);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 14px 26px rgba(11, 23, 48, 0.12);
}
.btn--ghost {
  background: rgba(255,255,255,.72);
  color: var(--mw-primary-3);
  border-color: var(--mw-line);
  box-shadow: none;
}
.btn--ghost-light {
  background: transparent;
  color: #fff;
  border-color: rgba(255,255,255,.24);
  box-shadow: none;
}
.btn--ghost-light:hover { background: rgba(255,255,255,.08); }

.hero {
  position: relative;
  padding: 40px 0 16px;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 540px;
  background:
    radial-gradient(circle at 18% 28%, rgba(59, 162, 255, 0.18), transparent 0 26%),
    radial-gradient(circle at 82% 14%, rgba(0, 166, 126, 0.12), transparent 0 18%),
    linear-gradient(180deg, rgba(16, 40, 81, 0.04), transparent);
  pointer-events: none;
}
.hero__grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
  gap: 22px;
}
.card {
  background: var(--mw-surface);
  border: 1px solid rgba(220, 229, 241, .9);
  border-radius: var(--mw-radius);
  box-shadow: var(--mw-shadow);
  backdrop-filter: blur(18px);
}
.hero-main {
  position: relative;
  overflow: hidden;
  padding: 40px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.22), transparent 24%),
    linear-gradient(135deg, #0f2750 0%, #164eaa 52%, #3ba2ff 100%);
  color: #fff;
  box-shadow: var(--mw-shadow-strong);
}
.hero-main::after {
  content: "";
  position: absolute;
  width: 320px;
  height: 320px;
  right: -80px;
  bottom: -160px;
  background: radial-gradient(circle, rgba(255,255,255,.14), transparent 65%);
  border-radius: 50%;
}
.hero-main h1 {
  margin: 12px 0 14px;
  font-size: clamp(2.6rem, 5vw, 4.4rem);
  line-height: 1.03;
  letter-spacing: -.03em;
}
.hero-lead {
  margin: 0;
  max-width: 730px;
  font-size: 1.05rem;
  color: rgba(255,255,255,.92);
}
.hero-list {
  list-style: none;
  padding: 0;
  margin: 26px 0 0;
  display: grid;
  gap: 10px;
}
.hero-list li {
  position: relative;
  padding-left: 18px;
  color: rgba(255,255,255,.95);
}
.hero-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .75em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--mw-warm);
  box-shadow: 0 0 0 6px rgba(255, 184, 77, .14);
}
.hero-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 28px;
}
.hero-kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 30px;
}
.kpi-card {
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,.12);
  border: 1px solid rgba(255,255,255,.12);
}
.kpi-card strong {
  display: block;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 6px;
}
.kpi-card span { color: rgba(255,255,255,.9); font-size: .92rem; }

.hero-side {
  display: grid;
  gap: 18px;
  align-content: stretch;
}
.quick-panel {
  min-height: 100%;
  padding: 34px 38px 34px 42px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quick-panel--accent {
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(232,251,244,.92));
}
.quick-panel h3 {
  margin: 12px 0 18px;
  max-width: 14ch;
  font-size: 1.48rem;
  line-height: 1.18;
  letter-spacing: -.02em;
  color: var(--mw-heading);
}
.quick-panel p { margin: 0; max-width: 34ch; color: var(--mw-muted); }
.quick-panel__item {
  padding-left: 2px;
}
.quick-panel__item + .quick-panel__item {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--mw-line);
}
.quick-panel__item strong { display: block; margin-bottom: 7px; color: var(--mw-heading); }
.card-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
  font-weight: 800;
  color: var(--mw-primary-3);
}
.card-link::after { content: "→"; transition: transform .2s ease; }
.card-link:hover::after { transform: translateX(2px); }

.section { padding: 48px 0; }
.section--pullup { padding-top: 8px; }
.section--tint {
  background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(232, 240, 251, .74));
  border-top: 1px solid rgba(191, 208, 229, .45);
  border-bottom: 1px solid rgba(191, 208, 229, .45);
}
.section--dark { padding-top: 26px; }
.section-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}
.section-head--stacked { align-items: start; }
.section-title {
  margin: 8px 0 0;
  font-size: clamp(1.9rem, 3.4vw, 3rem);
  line-height: 1.08;
  letter-spacing: -.03em;
  color: var(--mw-heading);
}
.section-copy {
  margin: 0;
  max-width: 760px;
  color: var(--mw-muted);
  font-size: 1rem;
}
.section-copy--light { color: rgba(255,255,255,.78); }
.section-label {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(24, 88, 200, .08);
  color: var(--mw-primary);
  border: 1px solid rgba(24, 88, 200, .1);
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.section-label--light {
  background: rgba(255,255,255,.12);
  color: #fff;
  border-color: rgba(255,255,255,.14);
}

.search-box {
  padding: 30px;
  border-radius: 30px;
}
.search-box--featured {
  position: relative;
  margin-top: -18px;
  box-shadow: var(--mw-shadow-strong);
}
.search-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) repeat(2, minmax(140px, .85fr)) auto;
  gap: 12px;
}
.search-grid input, .search-grid select,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce div.product form.cart .variations select {
  width: 100%;
  min-height: 52px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid var(--mw-line);
  background: rgba(255,255,255,.95);
  color: var(--mw-heading);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.search-grid input:focus,
.search-grid select:focus,
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus,
.woocommerce div.product form.cart .variations select:focus {
  outline: 0;
  border-color: rgba(24, 88, 200, .4);
  box-shadow: 0 0 0 4px rgba(24, 88, 200, .12);
}

.category-grid, .feature-grid, .trust-grid, .guide-grid, .faq-grid, .archive-guide-grid {
  display: grid;
  gap: 18px;
}
.category-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.feature-grid { grid-template-columns: repeat(4, minmax(0,1fr)); }
.trust-grid, .guide-grid, .archive-guide-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
.category-card, .feature-card, .trust-card, .guide-card, .faq-card, .archive-guide-card {
  padding: 26px;
}
.category-card, .feature-card, .guide-card, .trust-card {
  position: relative;
  overflow: hidden;
}
.category-card {
  display: flex;
  flex-direction: column;
}
.category-card::before, .feature-card::before, .guide-card::before, .trust-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, var(--mw-primary), var(--mw-primary-2));
  opacity: .9;
}
.category-card:hover, .feature-card:hover, .guide-card:hover, .trust-card:hover, .woocommerce ul.products li.product:hover {
  transform: translateY(-4px);
  box-shadow: var(--mw-shadow-strong);
}
.category-card__meta {
  display: inline-flex;
  margin-bottom: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(24, 88, 200, .08);
  color: var(--mw-primary);
  font-size: .78rem;
  font-weight: 800;
}
.category-card h3, .feature-card h3, .trust-card h3, .guide-card h3 {
  margin: 0 0 10px;
  font-size: 1.3rem;
  line-height: 1.25;
  color: var(--mw-heading);
}
.category-card p, .feature-card p, .trust-card p, .guide-card p, .archive-guide-card p {
  margin: 0;
  color: var(--mw-muted);
}
.category-card .card-link {
  margin-top: auto;
  padding-top: 20px;
}
.feature-card { min-height: 220px; }
.feature-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 14px;
  font-size: .84rem;
  font-weight: 900;
  color: var(--mw-primary-3);
  background: linear-gradient(135deg, rgba(24, 88, 200, .12), rgba(59, 162, 255, .18));
}
.feature-card--accent {
  background: linear-gradient(180deg, rgba(255,255,255,.97), rgba(232,240,251,.94));
}
.checklist-card::after {
  content: "仕様整理 / 導線強化";
  display: inline-flex;
  margin-top: 18px;
  padding: 8px 12px;
  border-radius: 999px;
  background: var(--mw-accent-soft);
  color: #0b785d;
  font-size: .78rem;
  font-weight: 800;
}

.estimate-band {
  display: grid;
  grid-template-columns: minmax(0,1fr) fit-content(320px);
  gap: 28px;
  align-items: center;
  padding: 40px 44px;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.1), transparent 22%),
    linear-gradient(135deg, #0b1730 0%, #10315e 55%, #195dc4 100%);
  color: #fff;
  box-shadow: var(--mw-shadow-strong);
}
.estimate-band > div:first-child {
  max-width: 760px;
}
.estimate-band .section-title { color: #fff; }
.estimate-band__actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  align-self: center;
  margin-left: auto;
}

.products ul.products {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
  width: auto !important;
  margin: 0 !important;
  padding: 18px;
  background: rgba(255,255,255,.94);
  border-radius: 22px;
  border: 1px solid var(--mw-line);
  box-shadow: var(--mw-shadow);
  transition: transform .22s ease, box-shadow .22s ease;
}
.woocommerce ul.products li.product a img {
  border-radius: 16px;
  margin-bottom: 14px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: var(--mw-heading);
  font-size: 1.05rem;
  line-height: 1.4;
}
.woocommerce ul.products li.product .price { color: var(--mw-primary); font-weight: 900; }
.woocommerce span.onsale {
  background: linear-gradient(135deg, var(--mw-warm), #ff8f3d);
  padding: 9px 12px;
  border-radius: 999px;
  min-width: auto;
  line-height: 1.1;
}

.mw-archive-hero, .mw-page-hero {
  padding: 30px;
  margin: 24px auto 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(245,248,252,.96));
}
.mw-breadcrumbs { font-size: .88rem; color: var(--mw-muted); margin-bottom: 12px; }
.mw-term-quicklinks { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.mw-term-quicklinks a {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(24, 88, 200, .08);
  color: var(--mw-primary-3);
  font-weight: 800;
}
.mw-layout { display: grid; grid-template-columns: 290px 1fr; gap: 22px; margin-bottom: 48px; }
.mw-sidebar {
  padding: 22px;
  height: fit-content;
  border-radius: 24px;
}
.mw-sidebar h3 { margin-top: 0; color: var(--mw-heading); }
.mw-sidebar ul { padding-left: 18px; margin: 0; }
.mw-sidebar li + li { margin-top: 8px; }

.single-product .product { display: grid; gap: 22px; }
.woocommerce div.product div.images,
.woocommerce div.product div.summary { width: 100% !important; float: none !important; }
.single-product .woocommerce-product-gallery, .single-product .summary {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--mw-line);
  border-radius: var(--mw-radius);
  padding: 24px;
  box-shadow: var(--mw-shadow);
}
.mw-product-head { display: grid; grid-template-columns: 1.05fr .95fr; gap: 22px; margin-bottom: 22px; }
.mw-meta-list, .mw-spec-table { width: 100%; border-collapse: collapse; }
.mw-meta-list th, .mw-meta-list td, .mw-spec-table th, .mw-spec-table td {
  border-bottom: 1px solid var(--mw-line);
  padding: 13px 10px;
  vertical-align: top;
}
.mw-meta-list th, .mw-spec-table th { width: 32%; text-align: left; color: var(--mw-muted); font-weight: 700; }
.mw-block { padding: 24px; margin-bottom: 18px; }
.mw-faq-item + .mw-faq-item { border-top: 1px solid var(--mw-line); }
.mw-faq-item summary { list-style: none; cursor: pointer; padding: 16px 0; font-weight: 800; color: var(--mw-heading); }
.mw-faq-item summary::-webkit-details-marker { display: none; }
.mw-product-cta {
  background: linear-gradient(135deg, #0f2750 0%, #164eaa 62%, #3ba2ff 100%);
  color: #fff;
}
.mw-product-cta a { color: #fff; }

.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce-checkout-review-order,
.woocommerce-checkout #customer_details,
.woocommerce-order-received .woocommerce-order {
  background: rgba(255,255,255,.96);
  border: 1px solid var(--mw-line);
  border-radius: var(--mw-radius);
  padding: 24px;
  box-shadow: var(--mw-shadow);
}
.woocommerce-message, .woocommerce-info, .woocommerce-error {
  border-radius: 16px;
  border-top: 0;
  box-shadow: var(--mw-shadow);
}

.site-footer {
  margin-top: 48px;
  background:
    radial-gradient(circle at top right, rgba(59,162,255,.12), transparent 16%),
    linear-gradient(180deg, #091220, #0d1b2f 38%, #0b1730);
  color: #e9f2ff;
}
.footer-topline {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.72);
  font-size: .9rem;
}
.site-footer a { color: #fff; }
.site-footer__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 1fr 1fr;
  gap: 24px;
  padding: 34px 0;
}
.site-footer h3 { margin-top: 0; font-size: 1.05rem; }
.site-footer p, .site-footer li { color: rgba(255,255,255,.74); }
.site-footer ul { list-style: none; padding: 0; margin: 0; }
.site-footer li + li { margin-top: 8px; }
.site-footer__copy {
  border-top: 1px solid rgba(255,255,255,.08);
  padding: 18px 0 28px;
  color: rgba(255,255,255,.66);
  font-size: .88rem;
}

@media (max-width: 1120px) {
  .site-header__inner,
  .hero__grid,
  .mw-product-head,
  .site-footer__grid,
  .estimate-band,
  .mw-layout { grid-template-columns: 1fr; }
  .feature-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .category-grid, .trust-grid, .guide-grid, .archive-guide-grid, .products ul.products { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
  .search-grid, .notice-strip__inner { grid-template-columns: 1fr; }
  .section-head { align-items: start; flex-direction: column; }
  .estimate-band__actions { justify-content: flex-start; }
}

@media (max-width: 720px) {
  .container { width: min(calc(100% - 24px), var(--mw-max)); }
  .site-header__inner { gap: 14px; padding: 14px 0; }
  .main-nav ul { justify-content: flex-start; }
  .hero-main, .search-box, .estimate-band, .mw-page-hero, .mw-archive-hero, .mw-sidebar, .single-product .woocommerce-product-gallery, .single-product .summary { padding: 22px; }
  .quick-panel { padding: 24px 26px 24px 28px; }
  .hero-main h1 { font-size: clamp(2.05rem, 12vw, 3rem); }
  .hero-kpis, .feature-grid, .category-grid, .trust-grid, .guide-grid, .archive-guide-grid, .products ul.products { grid-template-columns: 1fr !important; }
  .header-actions { width: 100%; justify-content: stretch; }
  .header-actions .btn { flex: 1; }
  .footer-topline, .site-footer__grid { grid-template-columns: 1fr; display: grid; }
  .footer-topline { gap: 4px; }
}

.mw-inline-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}
.mw-entry-content__inner,
.mw-shortcode-card {
  line-height: 1.8;
}
.mw-entry-content__inner h2,
.mw-shortcode-card h2 {
  margin-top: 0;
  color: var(--mw-heading);
}
.mw-shortcode-card {
  padding: 32px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,251,255,.98));
  border: 1px solid var(--mw-line);
  box-shadow: var(--mw-shadow);
}
.mw-shortcode-card + .mw-shortcode-card {
  margin-top: 20px;
}
.mw-shortcode-table {
  display: grid;
  gap: 12px;
}
.mw-shortcode-table > div {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid var(--mw-line);
}
.mw-shortcode-table dt {
  font-weight: 800;
  color: var(--mw-heading);
}
.mw-shortcode-table dd {
  margin: 0;
}
.mw-method-grid,
.mw-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 16px;
}
.mw-method-card,
.mw-contact-box {
  padding: 20px;
  border-radius: 20px;
  background: var(--mw-surface-2);
  border: 1px solid var(--mw-line);
}
.mw-contact-box strong,
.mw-method-card h3 {
  display: block;
  margin-bottom: 8px;
  color: var(--mw-heading);
}
.mw-contact-box span {
  display: block;
  font-size: 1.15rem;
  font-weight: 800;
}
.mw-note,
.mw-simple-list li {
  color: var(--mw-muted);
}
.mw-simple-list {
  margin: 0;
  padding-left: 1.2em;
}
@media (max-width: 720px) {
  .mw-shortcode-table > div,
  .mw-method-grid,
  .mw-contact-grid {
    grid-template-columns: 1fr;
  }
  .mw-shortcode-card {
    padding: 22px;
  }
}