.yx-site-main .yx-guides { padding-top: 48px; padding-bottom: 64px; }
.yx-guides ::selection { background: #d3eade; color: #133d2c; }
.yx-guides a { text-underline-offset: 4px; }
.yx-guides a:focus-visible, .yx-guides select:focus-visible, .yx-guides button:focus-visible, .yx-guides summary:focus-visible, .yx-guide-table:focus-visible { outline: 3px solid #176b4d; outline-offset: 4px; }
.yx-site-main .yx-guides h1 { font-size: 42px; line-height: 1.17; font-weight: 750; margin: 0 0 22px; max-width: 24ch; text-wrap: balance; }
.yx-site-main .yx-guides-heading h1 { max-width: none; }
.yx-guides-heading { padding-bottom: 36px; border-bottom: 1px solid var(--yx-line); }
.yx-site-main .yx-guides-heading > p { font-size: 18px; max-width: 72ch; margin: 0; line-height: 1.7; }
.yx-guides-filter { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; padding: 24px 0 32px; }
.yx-guides-filter label { font-size: 15px; font-weight: 700; }
.yx-guides-filter select { box-sizing: border-box; max-width: 100%; width: 250px; min-height: 44px; border: 1px solid #a8b6ae; border-radius: 4px; padding: 9px 32px 9px 12px; font: inherit; color: var(--yx-ink); background-color: #fff; }
.yx-guide-count { margin-left: auto; color: #526259; font-size: 14px; font-variant-numeric: tabular-nums; }
.yx-guides .yx-guide-filter-submit { min-height: 44px; padding: 9px 18px; font-size: 14px; }
.yx-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 28px; }
.yx-guide-card { min-width: 0; }
.yx-guide-card-photo { display: block; }
.yx-guide-figure { margin: 0; }
.yx-guide-photo { display: block; width: 100%; height: auto; object-fit: contain; }
.yx-guide-card .yx-guide-photo { aspect-ratio: 4 / 3; object-fit: cover; }
.yx-guide-card-copy { padding: 20px 0 0; }
.yx-site-main .yx-guide-card h2 { font-size: 22px; line-height: 1.35; margin: 0 0 12px; font-weight: 700; }
.yx-guide-card h2 a { color: var(--yx-ink); text-decoration: none; }
.yx-guide-card h2 a:hover { color: var(--yx-green); text-decoration: underline; }
.yx-site-main .yx-guide-card p { font-size: 16px; line-height: 1.7; margin: 0 0 18px; }
.yx-site-main .yx-guide-card p.yx-guide-meta { color: #4d6157; font-size: 13px; line-height: 1.5; margin: 0 0 12px; }
.yx-guide-read { color: var(--yx-green-dark); font-weight: 700; font-size: 15px; }
.yx-guide-breadcrumb { font-size: 14px; display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 30px; color: var(--yx-copy); }
.yx-guide-breadcrumb a { color: var(--yx-copy); }
.yx-guide-heading { max-width: 920px; margin: 0 0 36px; }
.yx-site-main .yx-guide-heading h1 { max-width: 28ch; }
.yx-site-main .yx-guide-summary { max-width: 72ch; font-size: 19px; line-height: 1.7; margin: 0 0 20px; }
.yx-guide-meta { display: flex; flex-wrap: wrap; gap: 8px 22px; font-size: 14px; line-height: 1.6; color: #4d6157; }
.yx-guide-meta a { color: inherit; }
.yx-guide-layout { display: grid; grid-template-columns: 228px minmax(0, 800px); gap: 52px; align-items: start; }
.yx-guide-toc { position: sticky; top: 110px; font-size: 14px; line-height: 1.6; border-top: 1px solid var(--yx-line); }
.yx-guide-toc summary { font-weight: 700; padding: 18px 0 12px; cursor: pointer; }
.yx-guide-toc ol { padding-left: 20px; margin: 4px 0 0; }
.yx-guide-toc li { margin-bottom: 12px; padding-left: 3px; }
.yx-guide-toc a { color: #46594e; text-decoration: none; }
.yx-guide-toc a:hover, .yx-guide-toc a[aria-current="location"] { color: var(--yx-green-dark); text-decoration: underline; }
.yx-guide-body { min-width: 0; }
.yx-guide-body > .yx-guide-figure { margin: 0 0 36px; }
.yx-guide-body > .yx-guide-figure .yx-guide-photo { max-height: 470px; object-position: left center; }
.yx-guide-figure figcaption, .yx-guide-body figcaption { font-size: 13px; color: #526259; line-height: 1.6; margin-top: 12px; }
.yx-site-main .yx-guide-body h2 { font-size: 28px; line-height: 1.3; margin: 46px 0 18px; scroll-margin-top: 120px; }
.yx-site-main .yx-guide-body h3 { font-size: 21px; line-height: 1.4; margin: 30px 0 14px; }
.yx-site-main .yx-guide-body p, .yx-site-main .yx-guide-body li { font-size: 17px; line-height: 1.85; color: #37473d; }
.yx-site-main .yx-guide-body p { margin: 0 0 22px; max-width: 74ch; }
.yx-guide-body ul, .yx-guide-body ol { padding-left: 24px; margin: 0 0 26px; }
.yx-guide-body li { padding-left: 4px; margin-bottom: 10px; }
.yx-guide-body strong { color: var(--yx-ink); }
.yx-guide-body a { color: var(--yx-green-dark); overflow-wrap: anywhere; }
.yx-guide-table, .yx-guide-body .wp-block-table { margin: 24px 0 30px; max-width: 100%; overflow-x: auto; scrollbar-color: #9bafa1 #eef2ef; }
.yx-guide-body table { border-collapse: collapse; width: 100%; min-width: 540px; font-size: 15px; line-height: 1.65; }
.yx-guide-body caption { text-align: left; font-weight: 700; margin-bottom: 12px; }
.yx-guide-body th, .yx-guide-body td { text-align: left; vertical-align: top; border-bottom: 1px solid #cbd6cf; padding: 15px 16px; }
.yx-guide-body th { background: #edf3ef; color: #183f2b; font-weight: 700; }
.yx-guide-body th:first-child, .yx-guide-body td:first-child { padding-left: 12px; }
.yx-guide-image-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin: 28px 0; }
.yx-guide-image-pair figure { margin: 0; min-width: 0; }
.yx-guide-image-pair img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; }
.yx-guide-checklist { padding: 26px 0; border-top: 1px solid var(--yx-line); border-bottom: 1px solid var(--yx-line); margin: 24px 0 32px; }
.yx-guide-checklist label { display: flex; align-items: flex-start; gap: 12px; padding: 8px 0; font-size: 16px; line-height: 1.6; cursor: pointer; }
.yx-guide-checklist input { margin: 5px 0 0; width: 18px; height: 18px; flex-shrink: 0; accent-color: #176b4d; }
.yx-guide-checklist input:checked + span { color: #65766b; text-decoration: line-through; }
.yx-guide-reference { padding-top: 24px; border-top: 1px solid var(--yx-line); }
.yx-site-main .yx-guide-inquiry { padding: 32px 0 0; margin: 44px 0 0; border-top: 1px solid var(--yx-line); }
.yx-site-main .yx-guide-inquiry h2 { font-size: 26px; margin: 0 0 14px; }
.yx-site-main .yx-guide-inquiry p { max-width: 70ch; font-size: 17px; }
.yx-guide-related { border-top: 1px solid var(--yx-line); }
.yx-site-main .yx-guide-related > h2 { font-size: 28px; margin: 0 0 28px; }
.yx-guide-context ul { display: grid; gap: 14px; padding-left: 20px; }
.yx-guide-context a { color: var(--yx-green-dark); }
.yx-guide-pagination { display: flex; justify-content: space-between; gap: 24px; padding-top: 36px; }
.yx-guide-empty { padding: 36px 0 54px; }
@media print {
  .yx-guide-toc, .yx-guide-inquiry, .yx-guide-related, #yx-floating-contact, .yx-guide-filter-submit { display: none; }
  .yx-guide-layout { display: block; }
  .yx-site-main .yx-guides { padding: 0; }
}
@media (max-width: 1000px) {
  .yx-guide-layout { grid-template-columns: 190px minmax(0, 1fr); gap: 30px; }
  .yx-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .yx-site-main .yx-guides { padding-top: 28px; padding-bottom: 40px; }
  .yx-site-main .yx-guides h1 { font-size: 30px; line-height: 1.25; max-width: 100%; }
  .yx-site-main .yx-guides-heading > p, .yx-site-main .yx-guide-summary { font-size: 17px; }
  .yx-guide-layout { display: block; }
  .yx-guide-toc { position: static; margin-bottom: 26px; border-bottom: 1px solid var(--yx-line); }
  .yx-guide-toc summary { padding: 16px 0; }
  .yx-guide-toc ol { padding-bottom: 8px; }
  .yx-guide-breadcrumb { margin-bottom: 24px; }
  .yx-guide-heading { margin-bottom: 24px; }
  .yx-guide-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .yx-guide-card { padding-bottom: 28px; border-bottom: 1px solid var(--yx-line); }
  .yx-guide-card .yx-guide-photo { aspect-ratio: 3 / 2; }
  .yx-guide-filter-submit { flex-shrink: 0; }
  .yx-guide-count { margin-left: 0; }
  .yx-guides-filter select { width: min(235px, 100%); }
  .yx-site-main .yx-guide-body h2 { font-size: 24px; margin-top: 36px; scroll-margin-top: 90px; }
  .yx-site-main .yx-guide-body p, .yx-site-main .yx-guide-body li { font-size: 16px; line-height: 1.85; }
  .yx-guide-image-pair { gap: 14px; }
  .yx-guide-inquiry .yx-button-row { align-items: stretch; }
  .yx-guide-inquiry .yx-button { min-width: 0; }
}