.pairing-hero{max-width:46rem;margin-bottom:32px}.pairing-name{display:inline-block}:lang(ja) .pairing-h2{word-break:auto-phrase}.pairing-hero>p{color:var(--purrjung-muted);font-size:1rem;line-height:1.8}.pairing-h2{font-family:var(--pj-font-display);font-size:var(--pj-text-h2);font-weight:800;line-height:1.35;color:var(--purrjung-ink);text-wrap:balance}.pairing-lead{max-width:42rem;margin-top:8px;color:var(--purrjung-muted);font-size:.9375rem;line-height:1.8}.pairing-section{margin-top:56px;padding-top:40px;border-top:1px solid var(--purrjung-line)}.pairing-cats{display:grid;gap:32px}.pairing-cat{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:16px;align-items:center}.pairing-cat>img{width:104px;height:104px;mix-blend-mode:multiply}.pairing-cat h2{font-family:var(--pj-font-display);font-size:1.375rem;font-weight:800;line-height:1.3;color:var(--purrjung-ink);text-wrap:balance}.pairing-cat h2 span{display:block;margin-bottom:4px;font-family:var(--pj-font-body);font-size:.8125rem;font-weight:600;letter-spacing:.08em;color:var(--purrjung-accent)}.pairing-cat-traits{margin-top:6px;color:var(--purrjung-muted);font-size:.8125rem;line-height:1.6}.pairing-cat-body{grid-column:1 / -1;margin-top:12px}.pairing-cat-body p{color:var(--purrjung-ink);font-size:1rem;line-height:1.9;text-wrap:pretty}.pairing-rows{margin-top:20px;border-top:1px solid var(--purrjung-line)}.pairing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--purrjung-line)}.pairing-row h3{font-size:1rem;font-weight:600;color:var(--dimension)}.pairing-row:last-child{padding-bottom:0;border-bottom:0}.pairing-poles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;color:var(--purrjung-muted);font-size:.875rem;line-height:1.6}.pairing-poles dt{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--purrjung-ink)}.pairing-tag{padding:2px 12px;border:1px solid var(--purrjung-line);border-radius:99px;color:var(--purrjung-muted);font-size:.75rem;font-weight:600;line-height:1.7;white-space:nowrap}.pairing-tag.is-different{border-color:var(--pj-line-strong);background:var(--purrjung-surface);color:var(--purrjung-ink)}.pairing-dimension{margin-top:32px}.pairing-dimension+.pairing-dimension{padding-top:32px;border-top:1px solid var(--purrjung-line)}.pairing-dimension h3{font-size:1.125rem;font-weight:600;line-height:1.5;color:var(--dimension)}.pairing-moments{display:grid;gap:20px;margin-top:16px}.pairing-moment{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:start;min-width:0;margin:0}.pairing-moment img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--pj-radius-card)}.pairing-moment strong{display:block;color:var(--purrjung-accent);font-size:.75rem;font-weight:600;letter-spacing:.04em;line-height:1.6}.pairing-moment span{display:block;margin-top:2px;color:var(--purrjung-ink);font-size:.9375rem;font-weight:600;line-height:1.5}.pairing-moment p{margin-top:6px;color:var(--purrjung-muted);font-size:.9375rem;line-height:1.75;text-wrap:pretty}.pairing-together{max-width:46rem;margin-top:20px;color:var(--purrjung-ink);font-size:1rem;line-height:1.9;text-wrap:pretty}.pairing-steps{display:grid;gap:14px;max-width:42rem;margin-block:20px 12px;counter-reset:pairing-step}.pairing-steps li{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:12px;color:var(--purrjung-ink);font-size:.9375rem;line-height:1.8;counter-increment:pairing-step}.pairing-steps li:before{content:counter(pairing-step);font-family:var(--pj-font-display);font-size:1.125rem;font-weight:800;line-height:1.5;color:var(--purrjung-accent)}.pairing-links{display:flex;flex-wrap:wrap;gap:0 28px;margin-top:16px}.pairing-entry{max-width:42rem;margin-top:56px}.pairing-note a{color:var(--purrjung-accent);text-decoration:underline;text-underline-offset:4px}.pairing-note a{display:inline-block;padding-block:12px;margin-block:-12px}.pairing-chart-hint{margin-top:20px;color:var(--pj-subtle);font-size:.75rem;line-height:1.7}.pairing-chart-scroll{margin-top:8px;overflow-x:auto;border:1px solid var(--purrjung-line);border-radius:var(--pj-radius-card);background:var(--purrjung-surface)}.pairing-chart{border-collapse:separate;border-spacing:0;margin:0 auto;font-size:.75rem}.pairing-chart caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pairing-chart th{padding:0;background:var(--purrjung-surface);color:var(--purrjung-muted);font-weight:600;letter-spacing:.04em}.pairing-chart thead th{border-bottom:1px solid var(--purrjung-line)}.pairing-chart tbody th,.pairing-chart thead td{position:sticky;left:0;z-index:1;background:var(--purrjung-surface);border-right:1px solid var(--purrjung-line)}.pairing-chart th a{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:44px}.pairing-chart thead th a{flex-direction:column;gap:2px;padding-block:8px}.pairing-chart thead td{border-bottom:1px solid var(--purrjung-line)}.pairing-chart tbody th a{justify-content:flex-start;padding-inline:12px;white-space:nowrap}.pairing-chart tbody th img{display:none}.pairing-chart th a:hover{color:var(--purrjung-accent)}.pairing-chart th img{width:28px;height:28px;mix-blend-mode:multiply}.pairing-chart td{padding:0}.pairing-chart td a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--purrjung-ink);font-size:.875rem;font-weight:600}.pairing-chart tbody tr:hover td a{background:var(--purrjung-paper)}.pairing-chart tbody tr td a:hover,.pairing-chart tbody tr td a:focus-visible{background:var(--purrjung-line)}.pairing-chart td a[data-count="0"]{color:var(--pj-subtle);font-weight:400}.pairing-chart td a:focus-visible{outline-offset:-3px}.pairing-read{display:grid;gap:10px;max-width:42rem;margin-top:16px;color:var(--purrjung-muted);font-size:.9375rem;line-height:1.8}.pairing-read li{position:relative;padding-left:16px}.pairing-read li:before{content:"";position:absolute;left:0;top:.8em;width:5px;height:5px;border-radius:50%;background:var(--pj-line-strong)}.pairing-tool{display:grid;gap:24px;margin-top:28px}.pairing-form{display:grid;gap:12px;padding:20px}.pairing-form h2,.pairing-tool-block>h2{font-size:1.0625rem;font-weight:600;color:var(--purrjung-ink)}.pairing-form label{display:grid;gap:6px;color:var(--purrjung-muted);font-size:.8125rem}.pairing-form .purrjung-btn-primary{padding:10px 24px;font-size:1rem}.pairing-tool-status{color:var(--purrjung-muted);font-size:.875rem;line-height:1.7}.pairing-tool-cats{display:grid;gap:10px;margin-top:14px}.pairing-tool-cats li{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 8px 8px 12px;border:1px solid var(--purrjung-line);border-radius:var(--pj-radius-card);background:var(--purrjung-surface)}.pairing-tool-cats img{flex:none;width:44px;height:44px;mix-blend-mode:multiply}.pairing-tool-cats p{flex:1;min-width:0;color:var(--purrjung-muted);font-size:.8125rem;line-height:1.6;overflow-wrap:anywhere}.pairing-tool-cats strong{display:block;color:var(--purrjung-ink);font-size:.9375rem;font-weight:600}.pairing-tool-groups dt{letter-spacing:0}.pairing-tool-groups dd{overflow-wrap:anywhere}.pairing-tool-pairs{margin-top:14px;border-top:1px solid var(--purrjung-line)}.pairing-tool-pairs li{display:grid;gap:2px;padding:14px 0 6px;border-bottom:1px solid var(--purrjung-line)}.pairing-tool-pairs strong{color:var(--purrjung-ink);font-weight:600;overflow-wrap:anywhere}.pairing-tool-pairs p{color:var(--purrjung-muted);font-size:.875rem;line-height:1.7}@media(min-width:640px){.pairing-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;padding:24px}.pairing-form h2{grid-column:1 / -1}.pairing-tool-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.pairing-cats{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.pairing-cats.is-single{grid-template-columns:minmax(0,40rem)}.pairing-cat{grid-template-columns:136px minmax(0,1fr);column-gap:20px}.pairing-cat>img{width:136px;height:136px}.pairing-row{grid-template-columns:13rem minmax(0,1fr) auto}.pairing-row .pairing-poles{grid-column:2;grid-row:1}.pairing-row .pairing-poles>div{display:flex;flex-wrap:wrap;gap:0 8px}.pairing-row .pairing-poles dt{font-size:inherit}.pairing-row .pairing-tool-groups>div{display:block}.pairing-row .pairing-tag{grid-column:3}.pairing-moments{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.pairing-moments.is-single{grid-template-columns:minmax(0,34rem)}.pairing-moment{grid-template-columns:152px minmax(0,1fr);gap:20px}.pairing-chart-hint{display:none}.pairing-chart tbody th img{display:block}.pairing-chart-scroll{margin-top:24px}}@media(min-width:1024px){.pairing-chart td a{width:52px;height:48px}}
