.mbti-page{--mbti-ink: #26332f;--mbti-muted: #576560;--mbti-border: #d6ded9;--mbti-green: #007b4e;--mbti-blue: #326d9c;color:var(--mbti-ink);padding-bottom:3rem;letter-spacing:0}.mbti-page [hidden]{display:none !important}.mbti-page p{line-height:1.7}.mbti-page h1,.mbti-page h2,.mbti-page h3{color:var(--mbti-ink)}.mbti-page button{min-height:44px}.mbti-page button,.mbti-page input,.mbti-page summary{touch-action:manipulation}.mbti-page .focus-visible{outline:3px solid var(--mbti-blue);outline-offset:3px}.mbti-page :focus-visible{outline:3px solid var(--mbti-blue);outline-offset:3px}.mbti-page [tabindex="-1"]{scroll-margin-top:1rem}.mbti-page .btn-success{background-color:var(--mbti-green);border-color:var(--mbti-green)}.mbti-page .btn-success:hover{background-color:#00623e}.mbti-page .btn-light{border-color:var(--mbti-border)}.mbti-page .mbti-header{padding:1rem 0 1.25rem;border-bottom:1px solid var(--mbti-border)}.mbti-page .mbti-title-row{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.mbti-page .mbti-title-icon{flex:0 0 40px;width:40px;font-size:2rem;text-align:center;color:var(--mbti-green)}.mbti-page h1{margin:0;font-size:1.5rem;line-height:1.4}.mbti-page .mbti-meta{color:var(--mbti-muted);margin:.75rem 0}.mbti-page .mbti-meta span{margin:0 .5rem;color:#748078}.mbti-page .mbti-disclaimer{margin:0;color:var(--mbti-muted)}.mbti-page .mbti-storage-status{color:var(--mbti-muted);margin:.75rem 0;min-height:1.5rem}.mbti-page .mbti-progress-heading{display:flex;align-items:baseline;justify-content:space-between;grid-gap:.75rem;gap:.75rem}.mbti-page .mbti-progress-heading h2{font-size:1.1rem;margin:0 0 .5rem}.mbti-page #mbti-progress-text{color:var(--mbti-muted);white-space:nowrap}.mbti-page progress{display:block;width:100%;height:6px;border:0;border-radius:3px;overflow:hidden;background:#e8edea}.mbti-page progress::-webkit-progress-bar{background:#e8edea}.mbti-page progress::-webkit-progress-value{background:var(--mbti-green)}.mbti-page progress::-moz-progress-bar{background:var(--mbti-green)}.mbti-page .mbti-question{min-width:0;margin:0;padding:1.5rem 0;border-bottom:1px solid var(--mbti-border)}.mbti-page .mbti-question legend{float:left;width:100%;font-size:1rem;line-height:1.6;font-weight:600;margin-bottom:1rem}.mbti-page .mbti-question-number{color:var(--mbti-muted);margin-right:.75rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mbti-page .mbti-options{clear:both;display:grid;grid-template-columns:repeat(5, minmax(0, 1fr));grid-gap:.5rem;gap:.5rem}.mbti-page .mbti-option{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;margin:0;padding:.625rem;min-height:48px;border:1px solid #83958b;border-radius:4px;cursor:pointer;transition:background-color 120ms ease}.mbti-page .mbti-option:hover{background:#f1f6f3}.mbti-page .mbti-option[\:has\(input\:checked\)]{background:#eaf5ee;border-color:var(--mbti-green)}.mbti-page .mbti-option:has(input:checked){background:#eaf5ee;border-color:var(--mbti-green)}.mbti-page .mbti-option input{flex:0 0 18px;width:18px;height:18px;accent-color:var(--mbti-green);margin:0}.mbti-page .mbti-option span{line-height:1.5}.mbti-page .mbti-option input:checked+span{font-weight:600}.mbti-page .mbti-question-invalid{border-bottom-color:#b02c30}.mbti-page .mbti-question-invalid legend,.mbti-page .mbti-error{color:#b02c30}.mbti-page .mbti-error{margin:.75rem 0;min-height:1.5rem}.mbti-page .mbti-navigation{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:1rem;gap:1rem}.mbti-page #mbti-pages{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:.5rem;gap:.5rem}.mbti-page .mbti-page-button{background:rgba(0,0,0,0);color:var(--mbti-muted);min-width:44px;border:1px solid rgba(0,0,0,0);border-radius:4px}.mbti-page .mbti-page-button[aria-current=page]{color:var(--mbti-green);border-color:var(--mbti-green);font-weight:700}.mbti-page .mbti-page-button:not(:disabled):hover{background:#edf2ef}.mbti-page .mbti-page-button:disabled{color:#748078;opacity:.6}.mbti-page .mbti-result-heading{padding:.5rem 0 1rem}.mbti-page #mbti-result-title{font-size:2.5rem;margin:.5rem 0;font-weight:700}.mbti-page #mbti-result-note{margin:0;max-width:48rem}.mbti-page .mbti-dimensions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));grid-gap:1.75rem 2rem;gap:1.75rem 2rem;padding:1.5rem 0;border-top:1px solid var(--mbti-border)}.mbti-page .mbti-dimension h3{font-size:1rem;margin-bottom:.75rem}.mbti-page .mbti-dimension-labels{display:flex;justify-content:space-between;grid-gap:.5rem;gap:.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mbti-page .mbti-dimension-labels span:last-child{text-align:right}.mbti-page .mbti-dimension-bar{position:relative;height:10px;border-radius:5px;background:var(--mbti-blue);overflow:hidden;margin-top:.5rem}.mbti-page .mbti-dimension-bar span{display:block;height:100%;background:var(--mbti-green)}.mbti-page .mbti-dimension-bar::after{content:"";position:absolute;left:50%;top:0;height:100%;width:2px;background:#fff}.mbti-page .mbti-scale-note{color:var(--mbti-muted);font-size:.875rem;padding-bottom:1.25rem;border-bottom:1px solid var(--mbti-border)}.mbti-page #mbti-profiles>h3{font-size:1.2rem;margin:1.5rem 0 1rem}.mbti-page .mbti-profile-content{padding:.75rem 0}.mbti-page .mbti-profile-list{display:grid;grid-template-columns:7rem 1fr;grid-gap:.75rem 1rem;gap:.75rem 1rem;margin:1rem 0 0;line-height:1.75}.mbti-page .mbti-profile-list dt{color:var(--mbti-green)}.mbti-page .mbti-profile-list dd{margin:0}.mbti-page .mbti-candidate{border-bottom:1px solid var(--mbti-border)}.mbti-page .mbti-candidate summary{padding:.875rem .25rem;min-height:48px;cursor:pointer;font-size:1rem}.mbti-page .mbti-candidate[open] summary{font-weight:600}.mbti-page .mbti-result-actions{display:flex;flex-wrap:wrap;grid-gap:.75rem;gap:.75rem;margin:1.5rem 0 1rem}.mbti-page #mbti-copy-status{color:var(--mbti-muted)}.mbti-page #mbti-summary{color:var(--mbti-ink)}.mbti-page .mbti-local-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;grid-gap:1rem;gap:1rem;margin-top:2rem;padding-top:1.25rem;border-top:1px solid var(--mbti-border)}.mbti-page .mbti-local-footer p{color:var(--mbti-muted);margin:0;flex:1 1 18rem}@media(max-width: 767px){.mbti-page .mbti-navigation{grid-template-columns:1fr 1fr}.mbti-page #mbti-pages{grid-column:1/-1;grid-row:1}.mbti-page #mbti-prev{justify-self:start}.mbti-page #mbti-next{justify-self:end}.mbti-page .mbti-options{grid-template-columns:1fr;grid-gap:.5rem;gap:.5rem}.mbti-page .mbti-option{padding:.5rem .75rem}.mbti-page .mbti-dimensions{grid-template-columns:1fr}.mbti-page .mbti-profile-list{grid-template-columns:1fr;grid-gap:.25rem;gap:.25rem}.mbti-page .mbti-profile-list dd{margin-bottom:.75rem}}@media(prefers-reduced-motion: reduce){.mbti-page .mbti-option{transition:none}}@media(max-width: 767px){.mbti-page-body{margin-bottom:100px}.mbti-page-body #fixed-bar{position:static;display:flex;justify-content:flex-end;grid-gap:.5rem;gap:.5rem;margin:0 15px 1rem;transition:none}.mbti-page-body #fixed-bar a.btn{width:44px;height:44px;padding:0;line-height:44px}.mbti-page-body #fixed-bar a.btn.focus-visible{outline:3px solid #326d9c !important;outline-offset:2px}.mbti-page-body #fixed-bar a.btn:focus-visible{outline:3px solid #326d9c !important;outline-offset:2px}}