.pairing-page{--ladder: 9rem}.pairing-wrap{max-width:var(--pj-measure-page);margin-inline:auto;padding-inline:var(--pj-gutter)}.pairing-top{padding-top:var(--pj-space-6)}.pairing-section{padding-top:var(--pj-chapter-space)}.pairing-band{margin-top:var(--pj-chapter-space);padding-block:var(--pj-space-16)}.pairing-end{padding-top:var(--pj-space-8)}.pairing-hero{max-width:48rem;margin-top:var(--pj-space-4)}.pairing-title{display:flex;flex-direction:column;gap:var(--pj-space-2);color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:var(--pj-text-h1);font-weight:var(--pj-heading-weight);line-height:1.08;letter-spacing:var(--pj-tracking-display);text-wrap:balance}.pairing-label{color:var(--pj-subtle);font-family:var(--pj-font-body);font-size:var(--pj-text-small);font-weight:700;letter-spacing:0;line-height:1.4}.pairing-name{display:inline-block}.pairing-hero>p{margin-top:var(--pj-space-4);color:var(--purrjung-muted);font-size:var(--pj-text-lead);line-height:1.6;text-wrap:pretty}.topic-band .pairing-hero>p{color:var(--pj-stock-ink)}.pairing-h2{color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:var(--pj-text-h2);font-weight:var(--pj-heading-weight);line-height:var(--pj-leading-heading);letter-spacing:var(--pj-tracking-heading);text-wrap:balance}:lang(ja) :is(.pairing-title,.pairing-h2){word-break:auto-phrase}.pairing-lead{max-width:40em;margin-top:var(--pj-space-3);color:var(--purrjung-muted);font-size:var(--pj-text-body);line-height:1.65;text-wrap:pretty}.pairing-band .pairing-lead{color:var(--pj-stock-ink)}.pairing-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"a b" "ladder ladder";gap:var(--pj-space-6) var(--pj-space-3);align-items:end;margin-top:var(--pj-space-10)}.pairing-spread.is-single{grid-template-columns:minmax(0,1fr);grid-template-areas:"a";justify-items:center}.pairing-portrait{display:block;width:100%;height:auto}.pairing-portrait-a{grid-area:a}.pairing-portrait-b{grid-area:b}.pairing-spread.is-single .pairing-portrait{width:min(80vw,30rem)}.pairing-ladder{grid-area:ladder;display:grid;grid-template-columns:repeat(4,3.25rem);justify-content:center;gap:var(--pj-space-2)}.pairing-ladder li{display:grid;grid-template-rows:auto 1.75rem auto;justify-items:center;align-items:center;color:var(--dimension);font-size:1.75rem;line-height:1}.pairing-ladder-link{width:2px;height:100%;border-radius:1px}.pairing-ladder li.is-same .pairing-ladder-link{background:currentColor}.pairing-ladder li:not(.is-same) .pairing-ladder-link{width:6px;height:6px;border:1.5px solid var(--pj-line-strong);border-radius:50%}.pairing-cats{display:grid;gap:var(--pj-space-10);margin-top:var(--pj-space-8)}.pairing-cat h2{color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:var(--pj-text-h3);font-weight:var(--pj-heading-weight);line-height:1.2;text-wrap:balance}.pairing-cat h2>.purrjung-code{display:block;margin-bottom:var(--pj-space-1);font-size:1.25rem;letter-spacing:.08em;line-height:1.2}.pairing-cat-traits{margin-top:var(--pj-space-2);color:var(--pj-subtle);font-size:var(--pj-text-small);line-height:1.6}.pairing-cat-description{margin-top:var(--pj-space-4);color:var(--purrjung-ink);font-size:var(--pj-text-body);line-height:1.7;text-wrap:pretty}.pairing-cat .purrjung-arrow-link{margin-top:var(--pj-space-3)}.pairing-rows{margin-top:var(--pj-space-8);border-top:1px solid var(--pj-rule)}.pairing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--pj-space-2) var(--pj-space-4);align-items:center;padding-block:var(--pj-space-4);border-bottom:1px solid var(--pj-rule)}.pairing-row h3{color:var(--dimension);font-family:var(--pj-font-body);font-size:var(--pj-text-body);font-weight:700;line-height:1.4}.pairing-poles{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pj-space-1) var(--pj-space-4);color:var(--purrjung-ink);font-size:var(--pj-text-body);line-height:1.5}.pairing-poles>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--pj-space-2);min-width:0}.pairing-poles dt{color:var(--pj-subtle);font-family:var(--pj-font-serif);font-size:.9375rem;letter-spacing:.04em}.pairing-tag{display:inline-flex;align-items:center;gap:var(--pj-space-2);color:var(--pj-subtle);font-size:var(--pj-text-caption);font-weight:700;white-space:nowrap}.pairing-tag:before{content:"";width:.5rem;height:.5rem;border:1.5px solid currentColor;border-radius:50%}.pairing-tag.is-different{color:var(--purrjung-ink)}.pairing-tag.is-different:before{border-color:var(--dimension);background:var(--dimension)}.pairing-dimension{margin-top:var(--pj-space-10)}.pairing-dimension+.pairing-dimension{padding-top:var(--pj-space-10);border-top:1px solid var(--pj-rule)}.pairing-dimension h3{color:var(--dimension);font-family:var(--pj-font-body);font-size:var(--pj-text-lead);font-weight:700;line-height:1.4}.pairing-moments{display:grid;gap:var(--pj-space-6);margin-top:var(--pj-space-5)}.pairing-moment{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:var(--pj-space-4);align-items:start;min-width:0;margin:0}.pairing-moment img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.pairing-moment strong{display:block;color:var(--pj-subtle);font-size:var(--pj-text-caption);font-weight:700;line-height:1.5}.pairing-moment span{display:block;margin-top:var(--pj-space-1);color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:1.25rem;font-weight:var(--pj-heading-weight);line-height:1.3;text-wrap:balance}.pairing-moment p{margin-top:var(--pj-space-2);color:var(--purrjung-muted);font-size:var(--pj-text-body);line-height:1.6;text-wrap:pretty}.pairing-together{max-width:44rem;margin-top:var(--pj-space-6);padding-left:var(--pj-space-4);border-left:3px solid var(--dimension);color:var(--purrjung-ink);font-size:var(--pj-text-lead);line-height:1.6;text-wrap:pretty}.pairing-introduce{display:grid;gap:var(--pj-space-8)}.pairing-steps{display:grid;margin-bottom:var(--pj-space-4);border-top:1px solid var(--pj-rule);counter-reset:pairing-step}.pairing-steps li{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:var(--pj-space-3);padding-block:var(--pj-space-4);border-bottom:1px solid var(--pj-rule);color:var(--purrjung-ink);font-size:var(--pj-text-body);line-height:1.6;counter-increment:pairing-step}.pairing-steps li:before{content:counter(pairing-step);color:var(--pj-stock-ink);font-family:var(--pj-font-serif);font-size:1.75rem;line-height:1.1}.pairing-page .purrjung-type-explore{margin:0;padding-top:var(--pj-chapter-space);border-top:0}.pairing-page .purrjung-type-explore>h2{font-size:var(--pj-text-h2);font-weight:var(--pj-heading-weight);line-height:var(--pj-leading-heading);letter-spacing:var(--pj-tracking-heading)}.pairing-page .purrjung-type-explore-block{margin-top:var(--pj-space-8)}.pairing-page .purrjung-type-explore-block>h3{color:var(--purrjung-ink);font-size:var(--pj-text-body);font-weight:700}.pairing-links{display:flex;flex-wrap:wrap;gap:0 var(--pj-space-8);margin-top:var(--pj-space-6)}.pairing-entry h2{color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:var(--pj-text-h2);font-weight:var(--pj-heading-weight);line-height:var(--pj-leading-heading);letter-spacing:var(--pj-tracking-heading);text-wrap:balance}.pairing-entry p{max-width:36em;margin-top:var(--pj-space-3);color:var(--pj-stock-ink);font-size:var(--pj-text-body);line-height:1.6}.pairing-entry>div{display:flex;flex-wrap:wrap;gap:var(--pj-space-3);margin-top:var(--pj-space-6)}.pairing-note{max-width:60em;color:var(--pj-subtle);font-size:var(--pj-text-caption);line-height:1.6}.pairing-note a{display:inline-block;padding-block:12px;margin-block:-12px;color:var(--purrjung-ink);text-decoration:underline;text-decoration-color:var(--purrjung-accent);text-decoration-thickness:2px;text-underline-offset:4px}.pairing-chart-hint{margin-top:var(--pj-space-6);color:var(--pj-subtle);font-size:var(--pj-text-caption);line-height:1.6}.pairing-chart-scroll{margin-top:var(--pj-space-2);overflow-x:auto}.pairing-chart{border-collapse:separate;border-spacing:0;margin:0 auto}.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(--pj-canvas);color:var(--purrjung-muted);font-family:var(--pj-font-serif);font-size:.875rem;font-weight:400;letter-spacing:.04em}.pairing-chart thead th{vertical-align:bottom;border-bottom:1px solid var(--pj-line-strong);letter-spacing:0}.pairing-chart tbody th,.pairing-chart thead td{position:sticky;left:0;z-index:1;background:var(--pj-canvas);border-right:1px solid var(--pj-line-strong)}.pairing-chart thead td{border-bottom:1px solid var(--pj-line-strong)}.pairing-chart tbody tr:nth-child(4n+1):not(:first-child)>*{border-top:1px solid var(--pj-rule)}.pairing-chart :is(th,td):nth-child(4n+2):not(:nth-child(2)){border-left:1px solid var(--pj-rule)}.pairing-chart th a{display:flex;align-items:center;justify-content:center;gap:var(--pj-space-2);min-width:44px;min-height:44px;color:inherit}.pairing-chart thead th a{flex-direction:column;gap:2px;padding-block:var(--pj-space-2)}.pairing-chart tbody th a{justify-content:flex-start;padding-inline:var(--pj-space-3);white-space:nowrap}.pairing-chart tbody th img{display:none}.pairing-chart th img{width:40px;height:40px}@media(hover:hover){.pairing-chart th a:hover{color:var(--purrjung-ink)}}.pairing-chart td{padding:0}.pairing-chart td a{display:flex;align-items:center;justify-content:center;width:48px;height:44px;color:var(--purrjung-ink);font-family:var(--pj-font-serif);font-size:1.0625rem;font-variant-numeric:lining-nums tabular-nums}.pairing-chart td a[data-count="0"]{color:var(--pj-subtle);font-size:.875rem}.pairing-chart td a:is(:hover,:focus-visible){background:var(--pj-rule)}.pairing-chart td a:focus-visible{outline-offset:-3px}.pairing-read{display:grid;gap:var(--pj-space-3);max-width:44rem;margin-top:var(--pj-space-6);color:var(--purrjung-ink);font-size:var(--pj-text-body);line-height:1.6}.pairing-read li{position:relative;padding-left:var(--pj-space-5)}.pairing-read li:before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--purrjung-accent)}.pairing-compare{padding-top:var(--pj-space-10)}.pairing-tool{display:grid;gap:var(--pj-space-8);max-width:48rem}.pairing-form{display:grid;gap:var(--pj-space-4);padding:var(--pj-space-6)}.pairing-form h2,.pairing-tool-block>h2{color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:var(--pj-text-h3);font-weight:var(--pj-heading-weight);line-height:1.25}.pairing-form label{display:grid;gap:var(--pj-space-2);color:var(--purrjung-muted);font-size:var(--pj-text-small);font-weight:700}.pairing-form .purrjung-btn-primary{padding-inline:var(--pj-space-6)}.pairing-tool-status{color:var(--purrjung-muted);font-size:var(--pj-text-small);line-height:1.6}.pairing-tool-cats{display:grid;margin-top:var(--pj-space-4);border-top:1px solid var(--pj-rule)}.pairing-tool-cats li{display:flex;align-items:center;gap:var(--pj-space-4);min-height:4.5rem;padding-block:var(--pj-space-2);border-bottom:1px solid var(--pj-rule)}.pairing-tool-cats img{flex:none;width:3.5rem;height:3.5rem}.pairing-tool-cats p{flex:1;min-width:0;color:var(--purrjung-muted);font-size:var(--pj-text-small);line-height:1.5;overflow-wrap:anywhere}.pairing-tool-cats strong{display:block;color:var(--purrjung-ink);font-size:var(--pj-text-body);font-weight:700}.pairing-tool-groups dt{color:var(--purrjung-ink);font-family:var(--pj-font-body);font-size:var(--pj-text-small);font-weight:700;letter-spacing:0}.pairing-tool-groups dd{overflow-wrap:anywhere}.pairing-tool-pairs{margin-top:var(--pj-space-4);border-top:1px solid var(--pj-rule)}.pairing-tool-pairs li{display:grid;gap:var(--pj-space-1);padding-block:var(--pj-space-4) var(--pj-space-2);border-bottom:1px solid var(--pj-rule)}.pairing-tool-pairs strong{color:var(--purrjung-ink);font-family:var(--pj-font-display);font-size:1.25rem;font-weight:var(--pj-heading-weight);line-height:1.3;overflow-wrap:anywhere}.pairing-tool-pairs p{color:var(--purrjung-muted);font-size:var(--pj-text-body);line-height:1.6}@media(min-width:640px){.pairing-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;padding:var(--pj-space-8)}.pairing-form h2{grid-column:1 / -1}}@media(min-width:768px){.pairing-cats{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--pj-space-12)}.pairing-cats.is-single{grid-template-columns:minmax(0,40rem);justify-content:center}.pairing-row{grid-template-columns:14rem minmax(0,1fr) 8rem}.pairing-row .pairing-poles{grid-column:2;grid-row:1}.pairing-row .pairing-tool-groups>div{display:block}.pairing-row .pairing-tag{grid-column:3;justify-self:end}.pairing-moments{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--pj-space-10)}.pairing-moments.is-single{grid-template-columns:minmax(0,36rem)}.pairing-moment{grid-template-columns:minmax(0,1fr)}.pairing-moment img{width:min(100%,18rem)}.pairing-chart-hint{display:none}.pairing-chart tbody th img{display:block}.pairing-chart-scroll{margin-top:var(--pj-space-10)}}@media(min-width:900px){.pairing-spread{grid-template-columns:minmax(0,1fr) var(--ladder) minmax(0,1fr);grid-template-areas:"a ladder b";align-items:center;column-gap:var(--pj-space-6)}.pairing-ladder{grid-template-columns:none;grid-template-rows:repeat(4,auto);gap:var(--pj-space-4)}.pairing-ladder li{grid-template-rows:none;grid-template-columns:auto minmax(1.5rem,1fr) auto;column-gap:var(--pj-space-2);font-size:2.25rem}.pairing-ladder-link{width:100%;height:2px}.pairing-cats:not(.is-single){grid-template-columns:minmax(0,1fr) var(--ladder) minmax(0,1fr);column-gap:var(--pj-space-6)}.pairing-cats:not(.is-single) .pairing-cat:nth-child(2){grid-column:3}.pairing-introduce{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(2.5rem,5vw,5rem)}}@media(min-width:1024px){.pairing-chart td a{width:52px;height:48px}}