.mbti-bridge-page>.page-container{padding-inline:0}.mbti-bridge-hero{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid rgba(126,94,58,.22);border-radius:var(--radius-card,10px);background:var(--color-asknova-cream-card,#f7f0e5)}.mbti-bridge-title{margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-h1);line-height:1.25;color:var(--color-text-primary)}.mbti-bridge-index-lead{margin:0 0 var(--space-6);padding:var(--space-4) var(--space-5);border-radius:var(--radius-card,10px);background:var(--color-asknova-cream-card,#f7f0e5);color:var(--color-text-secondary);line-height:1.7}.mbti-pair-stage{margin-bottom:var(--space-5)}.mbti-stage-picker{margin-bottom:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card,10px);background:var(--color-asknova-cream-card,#f7f0e5)}.mbti-stage-picker p{margin:0 0 var(--space-3);font-weight:700}.mbti-stage-options{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity}.mbti-stage-options button{flex:0 0 68px;min-height:44px;padding:4px;border:1px solid #baa986;border-radius:6px;background:#fffcf6;color:#302820;font-weight:700;cursor:pointer;scroll-snap-align:start}.mbti-stage-options button[aria-pressed=true]{border-color:#17483f;background:#17483f;color:#fffaf0}.mbti-stage-card a:focus-visible,.mbti-stage-detail-link:focus-visible,.mbti-stage-options button:focus-visible,.mbti-stage-test-link:focus-visible{outline:3px solid #b36b28;outline-offset:3px}.mbti-stage-scene{padding:clamp(16px,3vw,32px);border:1px solid #d5be89;border-radius:18px;background:linear-gradient(180deg,rgba(15,43,36,.82),rgba(15,43,36,.95)),url(/art/paper/hero-theater-v1.webp) 50% /cover;box-shadow:0 14px 32px rgba(30,34,24,.2);color:#fffaf0}.mbti-stage-heading{margin:0 0 var(--space-4);font-size:var(--fs-heading);line-height:1.3;text-align:center}.mbti-stage-pair{--stage-gap:clamp(12px,3vw,34px);--card-pad:clamp(9px,2vw,18px);--portrait-width:clamp(150px,23vw,250px);position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--stage-gap)}.mbti-stage-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;padding:var(--card-pad);border-top:4px solid var(--type-color,#d5be89);border-radius:10px;background:#fffaf0;color:#302820;text-align:center;box-shadow:4px 6px 0 rgba(8,24,20,.38)}.mbti-stage-card--closed{justify-content:center;min-height:210px;font-size:var(--fs-display);color:#897b6b}.mbti-stage-portrait{position:relative;width:100%;max-width:var(--portrait-width);aspect-ratio:4/5;margin:0 auto var(--space-2);overflow:hidden;border:1px solid #bda67e;border-radius:8px;background:#dfc59c url(/art/paper/mbti-specimen-stage.webp) 50%/cover no-repeat}.mbti-stage-portrait img{position:absolute;z-index:1;left:50%;bottom:24%;width:auto;max-width:94%;height:76%;object-fit:contain;transform:translate(-50%,var(--foot-margin,7%));filter:drop-shadow(3px 5px 2px rgba(42,37,26,.42))}.mbti-stage-side{color:#675b4b;font-size:var(--fs-micro);font-weight:700}.mbti-stage-code{margin-top:4px;font-size:var(--fs-heading);line-height:1.2}.mbti-stage-name{font-weight:700}.mbti-stage-tagline{flex:1;margin:var(--space-2) 0;color:#675b4b;font-size:var(--fs-small);line-height:1.4}.mbti-stage-card a{display:grid;place-items:center;min-height:44px;color:#884419;font-size:var(--fs-small);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-wrap:balance}.mbti-stage-bridge{position:absolute;top:calc(var(--card-pad) + var(--portrait-width) * .625);left:calc(50% - var(--stage-gap) / 2);width:var(--stage-gap);height:3px;background:#eec879;box-shadow:0 0 12px #eec879}.mbti-stage-detail-link,.mbti-stage-test-link{display:table;margin:var(--space-4) auto 0;color:#fff2c8;font-weight:700;text-align:center;text-underline-offset:3px}.mbti-stage-test-heading{margin:var(--space-5) 0 0;text-align:center}.mbti-stage-test-link{min-height:48px;padding:12px 20px;border-radius:8px;background:#a95127;color:#fffaf0;text-decoration:none}@media (max-width:600px){.mbti-stage-pair{--portrait-width:150px}.mbti-stage-scene{padding:14px}.mbti-stage-card{font-size:var(--fs-small)}.mbti-stage-card a{font-size:var(--fs-micro)}.mbti-stage-bridge{display:none}}.mbti-bridge-cta,.mbti-bridge-others,.mbti-bridge-section{margin-bottom:var(--space-6);padding:var(--space-5);border:1px solid rgba(126,94,58,.22);border-radius:var(--radius-card,10px);background:var(--color-asknova-cream-card,#f7f0e5)}.mbti-bridge-section-title{margin:0 0 var(--space-3);font-size:var(--font-size-h2);color:var(--color-text-primary)}.mbti-bridge-body{margin:0;font-size:var(--font-size-body-sm);line-height:1.75;color:var(--color-text-secondary)}.mbti-bridge-note{margin:var(--space-3) 0 0;font-size:var(--fs-micro);line-height:1.6;color:var(--color-text-tertiary,#8a7f76)}.mbti-bridge-letters{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.mbti-bridge-letters,.mbti-bridge-letters-head,.mbti-bridge-letters-row{display:grid;grid-template-columns:minmax(min-content,1fr) minmax(0,1.4fr)}.mbti-bridge-letters-head,.mbti-bridge-letters-row{grid-column:1/-1;gap:var(--space-3);align-items:baseline}@supports (grid-template-columns:subgrid){.mbti-bridge-letters-head,.mbti-bridge-letters-row{grid-template-columns:subgrid}}.mbti-bridge-letters-head{font-size:var(--fs-micro);letter-spacing:.08em;color:var(--color-text-tertiary,#8a7f76)}.mbti-bridge-letters-row{padding:var(--space-3);border-radius:var(--radius-card,10px);background:var(--color-surface-01,#fffcf6);font-size:var(--font-size-body-sm);color:var(--color-text-primary)}.mbti-bridge-letters-axis-name{display:block;margin-top:2px;font-size:var(--fs-micro);font-style:normal;color:var(--color-text-tertiary,#8a7f76)}.mbti-bridge-letters-row>span{min-width:0;overflow-wrap:break-word}.mbti-bridge-cta{text-align:center}.mbti-bridge-cta-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-card,10px);background:var(--color-cta-warm);color:var(--color-asknova-cream-card,#f7f0e5);font-size:var(--font-size-body);font-weight:700;text-decoration:none}.mbti-bridge-others-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.mbti-bridge-others-link{display:inline-flex;align-items:center;min-height:44px;padding:0 var(--space-3);border:1px solid rgba(126,94,58,.22);border-radius:6px;background:var(--color-surface-01,#fffcf6);font-size:var(--font-size-body-sm);font-weight:var(--weight-label);color:var(--color-text-primary);text-decoration:none}.mbti-bridge-quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));margin-top:var(--space-4)}.mbti-bridge-quick-links .mbti-bridge-others-link{width:100%;justify-content:center;padding-inline:0}.mbti-bridge-index{display:grid;gap:var(--space-2);margin:0 0 var(--space-6);padding:0;list-style:none}.mbti-bridge-index-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:var(--space-4);align-items:center;padding:var(--space-4);border:1px solid rgba(126,94,58,.14);border-left:4px solid var(--row-accent,rgba(126,94,58,.18));border-radius:var(--radius-card,10px);background:linear-gradient(color-mix(in srgb,var(--row-accent,transparent) 7%,transparent),color-mix(in srgb,var(--row-accent,transparent) 7%,transparent)),var(--color-asknova-cream-card,#f7f0e5);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.04));transition:box-shadow .15s ease,transform .15s ease}.mbti-bridge-index-row:hover{box-shadow:var(--shadow-md,0 6px 20px rgba(0,0,0,.08));transform:translateY(-2px)}.mbti-bridge-index-mbti{justify-content:center;padding:var(--space-1) var(--space-2);border-radius:8px;background:color-mix(in srgb,var(--row-accent,transparent) 16%,var(--color-surface-01));font-size:var(--font-size-h3,20px);letter-spacing:.02em}@media (prefers-reduced-motion:reduce){.mbti-bridge-index-row{transition:none}.mbti-bridge-index-row:hover{transform:none}}.mbti-bridge-index-mbti{display:inline-flex;align-items:center;min-height:44px;font-size:var(--font-size-body);font-weight:700;color:var(--color-text-primary);text-decoration:none}.mbti-bridge-index-pair{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.mbti-bridge-index-pair-label{flex-basis:100%;margin-bottom:2px;font-size:var(--fs-micro);color:var(--color-text-tertiary,#8a7f76)}.mbti-bridge-index-type{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:var(--space-1) var(--space-3);border:1px solid var(--type-color,rgba(126,94,58,.22));border-radius:6px;background:var(--color-surface-01,#fffcf6);font-size:var(--font-size-body-sm);color:var(--color-text-primary);text-decoration:none}.mbti-bridge-index-mbti:hover,.mbti-bridge-index-type:hover,.mbti-bridge-others-link:hover{text-decoration:underline;text-underline-offset:4px}@media (max-width:480px){.mbti-bridge-index-row{grid-template-columns:1fr;gap:var(--space-1)}}.mbti-bridge-index.mbti-bridge-index--table{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.mbti-bridge-index--table .mbti-bridge-index-row{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 6px;border-left-width:1px;border-top:4px solid var(--row-accent,rgba(126,94,58,.18))}.mbti-bridge-index--table .mbti-bridge-index-mbti{justify-content:center;min-height:36px;padding:2px;font-size:var(--font-size-body-sm)}.mbti-bridge-index--table .mbti-bridge-index-pair{flex-direction:column;align-items:stretch;gap:4px}.mbti-bridge-index--table .mbti-bridge-index-pair-label{display:none}.mbti-bridge-index--table .mbti-bridge-index-type{justify-content:center;min-height:36px;padding:2px 4px;font-size:var(--fs-micro)}.mbti-bridge-index--table .mbti-bridge-index-name{display:none}@media (min-width:720px){.mbti-bridge-index.mbti-bridge-index--table{gap:var(--space-3)}.mbti-bridge-index--table .mbti-bridge-index-row{padding:var(--space-3)}.mbti-bridge-index--table .mbti-bridge-index-mbti{font-size:var(--font-size-body)}.mbti-bridge-index--table .mbti-bridge-index-type{flex-direction:column;gap:2px;min-height:52px;font-size:var(--fs-small)}.mbti-bridge-index--table .mbti-bridge-index-name{display:block;color:var(--color-text-secondary);font-size:var(--fs-micro);line-height:1.3;text-align:center}}.mbti-wave{display:grid;gap:var(--space-2);width:min(100%,520px);margin:var(--space-2) auto var(--space-4)}.mbti-wave-plot{position:relative}.mbti-wave-plot svg{display:block;width:100%;height:auto;overflow:visible}.mbti-wave-base{stroke:rgba(126,94,58,.35);stroke-width:1.5;stroke-dasharray:3 5}.mbti-wave-line{fill:none;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.mbti-wave-axis{position:absolute;top:50%;left:50%;translate:-50% -50%;padding:2px 10px;border:1px solid rgba(126,94,58,.3);border-radius:999px;background:#fffaf0;box-shadow:0 2px 0 rgba(126,94,58,.18);color:var(--color-text-secondary);font-size:var(--fs-micro);font-weight:var(--weight-label);white-space:nowrap}.mbti-wave-ends{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.mbti-wave-end{display:grid;justify-items:start;gap:2px;line-height:1.35;word-break:keep-all}.mbti-wave-end:last-child{justify-items:end;text-align:end}.mbti-wave-end b{padding:1px 8px;border-radius:6px;background:color-mix(in srgb,var(--end) 16%,#fffaf0);box-shadow:inset 0 -3px 0 var(--end);letter-spacing:.04em}.mbti-wave-end b,.mbti-wave-end strong{color:var(--color-text-primary);font-size:var(--fs-small);font-weight:var(--weight-title)}.mbti-wave-end small{color:var(--color-text-secondary);font-size:var(--fs-micro)}@media (prefers-reduced-motion:no-preference){.mbti-wave.grow-armed .mbti-wave-line{transition:stroke-dashoffset 1.5s cubic-bezier(.45,0,.3,1) .1s}.mbti-wave.grow-armed:not(.is-grown) .mbti-wave-line{stroke-dashoffset:1}.mbti-wave.grow-armed .mbti-wave-axis,.mbti-wave.grow-armed .mbti-wave-end{transition:opacity .3s ease,scale .45s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(.15s + var(--i, 0) * 1.35s)}.mbti-wave.grow-armed .mbti-wave-axis{transition-delay:.8s}.mbti-wave.grow-armed:not(.is-grown) :is(.mbti-wave-end,.mbti-wave-axis){opacity:0;scale:.6}}