@import "https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&family=Roboto:wght@400;700;900&family=Varela+Round&display=swap";
:root{--font-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-heading-mixed:Roboto,"Noto Sans TC",sans-serif;--font-heading:Roboto,sans-serif;--font-zh-compact:"Noto Sans TC",sans-serif;--font-brand:"Varela Round","Roboto",sans-serif;--font-soft:"Varela Round",sans-serif;--type-mbti-page-title:clamp(48px,5vw,74px);--type-mbti-section-title:clamp(30px,3.4vw,48px);--type-mbti-feature-title:clamp(38px,5vw,66px);--type-result-title:clamp(36px,5vw,65px);--type-result-subtitle:clamp(24px,2.8vw,34px);--type-result-lead:clamp(19px,2vw,23px);--type-result-section-title:clamp(30px,3.5vw,46px);--type-result-card-title:clamp(23px,2.5vw,30px);--type-result-conflict-title:clamp(24px,3vw,32px);--type-test-title:clamp(40px,5vw,68px);--type-test-intro:clamp(17px,1.6vw,21px);--type-test-section-title:clamp(30px,3vw,44px);--type-test-fact:clamp(19px,2vw,25px);--type-test-question:clamp(25px,3.2vw,40px);--type-test-option:clamp(16px,1.6vw,20px);--type-pair-title:clamp(46px,5.5vw,76px);--type-pair-subtitle:clamp(23px,2.6vw,33px);--type-pair-section-title:clamp(32px,3.7vw,48px);--type-pair-dialogue:clamp(20px,2.3vw,27px);--type-pair-title-mobile:clamp(38px,10vw,53px);--type-catalog-title:clamp(38px,5vw,68px);--type-catalog-section-title:clamp(28px,3vw,42px);--type-insight-title:clamp(28px,3vw,40px);--type-stat-number:clamp(44px,4.5vw,76px);--type-quiz-question:clamp(1.35rem,4vw,2rem);--type-quiz-result-title:clamp(2rem,6vw,3rem);--type-quiz-story:clamp(1.25rem,3.5vw,1.8rem);--type-status-title:clamp(42px,5.5vw,78px);--type-status-glyph:clamp(100px,17vw,250px);--type-thanks-glyph:clamp(150px,22vw,300px);--type-contact-aside:clamp(31px,3vw,43px);--type-contact-form-title:clamp(27px,3vw,37px);--type-status-glyph-mobile:clamp(100px,16vw,180px);--type-article-title:clamp(40px,4.6vw,65px);--type-quiz-mbti-title:clamp(25px,3vw,38px);--type-quiz-section-title:clamp(30px,3.2vw,42px);--type-quiz-overview-title:clamp(24px,2.5vw,30px);--type-quiz-panel-title:clamp(28px,3vw,36px);--type-info-title:clamp(38px,4vw,54px);--type-info-lead:clamp(22px,3vw,30px);--type-menu-quote:clamp(27px,2.5vw,37px);--type-home-title:clamp(56px,6.1vw,95px);--type-section-title:clamp(32px,3.2vw,48px);--type-topic-title:clamp(36px,4vw,57px);--type-home-title-compact:clamp(50px,6vw,76px);--type-home-title-tablet:clamp(54px,8vw,72px);--type-home-title-mobile:clamp(47px,11.5vw,62px);--type-article-title-mobile:clamp(34px,9vw,48px);--leading-1-15:1.15;--tracking-negative-0-05:-.05em;--weight-black:900;--text-18:18px;--leading-1-8:1.8;--text-22:22px;--weight-extrabold:800;--leading-1-5:1.5;--text-12:12px;--font-preset-weight-black-text-12-font-heading-mixed:var(--weight-black) var(--text-12) var(--font-heading-mixed);--tracking-0-14:.14em;--tracking-negative-0-04:-.04em;--leading-1-22:1.22;--text-17:17px;--leading-1-85:1.85;--font-preset-weight-extrabold-text-12-font-heading:var(--weight-extrabold) var(--text-12) var(--font-heading);--tracking-0-1:.1em;--text-35:35px;--font-preset-weight-black-text-35-font-heading:var(--weight-black) var(--text-35) var(--font-heading);--tracking-negative-0-06:-.06em;--text-21:21px;--text-14:14px;--leading-1-75:1.75;--font-preset-weight-black-text-12-font-heading:var(--weight-black) var(--text-12) var(--font-heading);--text-23:23px;--leading-1-35:1.35;--leading-1-65:1.65;--text-24:24px;--text-33:33px;--leading-1:1;--text-42:42px;--text-16:16px;--text-19:19px;--tracking-0-15:.15em;--tracking-negative-0-055:-.055em;--leading-1-13:1.13;--leading-1-6:1.6;--text-38:38px;--text-15:15px;--leading-1-2:1.2;--weight-bold:700;--font-preset-weight-black-text-15-font-heading-mixed:var(--weight-black) var(--text-15) var(--font-heading-mixed);--leading-1-25:1.25;--text-13:13px;--text-25:25px;--leading-1-7:1.7;--text-26:26px;--font-preset-weight-black-text-24-font-heading:var(--weight-black) var(--text-24) var(--font-heading);--text-20:20px;--leading-1-9:1.9;--leading-1-16:1.16;--font-preset-weight-black-text-13-font-heading-mixed:var(--weight-black) var(--text-13) var(--font-heading-mixed);--leading-1-55:1.55;--tracking-0-08:.08em;--text-30:30px;--font-preset-weight-black-type-pair-title-font-heading-mixed:var(--weight-black) var(--type-pair-title) var(--font-heading-mixed);--leading-1-08:1.08;--font-preset-weight-black-text-17-font-heading:var(--weight-black) var(--text-17) var(--font-heading);--font-preset-weight-black-text-15-font-heading:var(--weight-black) var(--text-15) var(--font-heading);--tracking-negative-0-03:-.03em;--leading-1-95:1.95;--font-preset-weight-extrabold-text-13-font-heading-mixed:var(--weight-extrabold) var(--text-13) var(--font-heading-mixed);--text-27:27px;--font-preset-weight-black-text-27-font-heading:var(--weight-black) var(--text-27) var(--font-heading);--text-29:29px;--font-preset-weight-black-text-29-font-heading:var(--weight-black) var(--text-29) var(--font-heading);--font-preset-weight-black-text-21-font-heading:var(--weight-black) var(--text-21) var(--font-heading);--leading-1-4:1.4;--weight-regular:400;--tracking-negative-0-045:-.045em;--text-11:11px;--font-preset-weight-extrabold-text-11-font-heading-mixed:var(--weight-extrabold) var(--text-11) var(--font-heading-mixed);--tracking-negative-0-035:-.035em;--font-preset-weight-black-text-14-font-heading:var(--weight-black) var(--text-14) var(--font-heading);--text-31:31px;--font-preset-weight-black-text-31-font-heading:var(--weight-black) var(--text-31) var(--font-heading);--text-32:32px;--weight-medium:500;--font-preset-weight-black-text-42-font-heading:var(--weight-black) var(--text-42) var(--font-heading);--font-preset-weight-bold-text-15-font-heading:var(--weight-bold) var(--text-15) var(--font-heading);--font-preset-weight-black-text-11-leading-1-6-font-heading:var(--weight-black) var(--text-11)/var(--leading-1-6) var(--font-heading);--tracking-0-12:.12em;--text-relative-0-48-em:.48em;--font-preset-text-12-font-soft:var(--text-12) var(--font-soft);--text-60:60px;--text-relative-0-9-rem:.9rem;--text-relative-0-82-rem:.82rem;--tracking-0-06:.06em;--text-relative-0-85-rem:.85rem;--text-relative-1-25-rem:1.25rem;--leading-1-45:1.45;--leading-1-14:1.14;--tracking-0-01:.01em;--text-10:10px;--tracking-0-13:.13em;--tracking-negative-0-11:-.11em;--tracking-0:0;--text-270:270px;--leading-1-32:1.32;--text-95:95px;--text-145:145px;--text-46:46px;--tracking-negative-0-025:-.025em;--text-28:28px;--tracking-0-04:.04em;--leading-1-3:1.3;--text-300:300px;--leading-1-1:1.1;--tracking-negative-0-02:-.02em;--leading-1-72:1.72;--text-220:220px;--leading-1-12:1.12;--tracking-0-09:.09em;--text-9:9px;--text-155:155px;--text-180:180px;--weight-semibold:600;--text-34:34px;--type-body-size:1rem;--type-body-leading:var(--leading-1-65);--type-page-title-size:var(--type-article-title);--type-page-title-weight:var(--weight-black);--type-section-title-size:var(--type-section-title);--type-section-title-weight:var(--weight-black);--type-subheading-size:var(--text-23);--type-card-title-size:var(--text-21);--type-article-body-size:var(--text-18);--type-article-body-leading:var(--leading-1-95);--type-ui-size:var(--text-16);--type-nav-size:var(--text-15);--type-meta-size:var(--text-13);--type-label-size:var(--text-12);--type-title-leading:var(--leading-1-2);--type-body-weight:var(--weight-regular);--type-ui-weight:var(--weight-extrabold);--type-tracking-body:normal}@media (max-width:800px){:root{--type-page-title-size:var(--type-article-title-mobile)}}@media (max-width:600px){:root{--type-subheading-size:var(--text-21)}}@media (max-width:550px){:root{--type-article-body-size:var(--text-16)}}
:root{--ink:#111;--paper:#fffdf8;--coral:#f28f86;--orange:#f77c32;--yellow:#f9de73;--mint:#74c8a1;--purple:#9869e9;--pink:#efa4d8;--line:#e8e4dd;--muted:#625f5c;--shell:1320px;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:4px}img{max-width:100%;height:auto}.shell{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.skip-link{z-index:1000;background:var(--ink);color:#fff;padding:10px 16px;position:absolute;top:-80px;left:16px}.skip-link:focus{top:12px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.site-header{background:var(--paper);z-index:20;border-bottom:1px solid #0000000d}.header-inner{align-items:center;gap:40px;min-height:84px;display:flex}.brand{flex:none;align-items:center;gap:11px;display:inline-flex}.brand-mark{width:52px;height:47px;color:var(--ink);flex:none;display:inline-flex}.brand-mark svg{stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;display:block;overflow:visible}.brand-light .brand-mark{color:var(--paper)}.brand-text{line-height:var(--leading-1-14);flex-direction:column;display:flex}.brand-text strong{font-weight:var(--weight-black);font-size:var(--text-23);letter-spacing:var(--tracking-0-01);white-space:nowrap}.brand-text small{font-family:var(--font-brand);font-size:var(--text-10);color:var(--muted);letter-spacing:var(--tracking-0-12);margin-top:4px}.header-search{background:#fff;border:1px solid #dedbd6;border-radius:30px;align-items:center;gap:9px;min-width:198px;max-width:250px;padding:6px 16px;display:flex}.header-search input{width:100%;min-width:0;font-size:var(--text-12);background:0 0;border:0;outline:0}.site-footer{background:var(--ink);color:#fff;padding-top:68px}.footer-grid{grid-template-columns:2.1fr 1fr 1fr 1.3fr;gap:60px;padding-bottom:70px;display:grid}.brand-light .brand-text small{color:#c1bdb8}.footer-brand p,.footer-quiz p{color:#c9c7c4;max-width:350px;font-size:var(--text-14);line-height:var(--leading-1-9);margin-top:28px}.footer-grid h2{font-size:var(--text-16);margin:8px 0 18px}.footer-grid nav{align-content:start;gap:8px;display:grid}.footer-grid nav a{color:#c9c7c4;width:fit-content;min-height:24px;font-size:var(--text-14);line-height:var(--leading-1-65);align-items:center;display:flex}.footer-grid a:hover{color:var(--coral)}.footer-quiz nav{margin-top:18px}.footer-support-slot{width:min(100%,280px);min-height:96px;margin-top:24px}.footer-bottom{font-size:var(--text-12);color:#aaa;border-top:1px solid #3b3b3b;justify-content:space-between;gap:20px;padding:23px 0;display:flex}
.hero{background:var(--coral);animation:14s ease-in-out infinite alternate hero-color;overflow:hidden}@keyframes hero-color{0%{background-color:var(--coral)}to{background-color:#f5a092}}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:15px;min-height:490px;display:grid}.hero-copy{z-index:2;padding-block:55px;position:relative}.hero h1{font-size:var(--type-home-title);line-height:var(--leading-1-1);letter-spacing:var(--tracking-negative-0-06);font-weight:var(--weight-black);max-width:700px;margin:0 0 26px}.hero p{font-size:var(--text-18);max-width:550px;line-height:var(--leading-1-85);font-weight:var(--weight-medium);margin:0 0 27px}.hero-figure{object-fit:contain;object-position:bottom;align-self:end;width:100%;max-height:490px}.search-form{background:#fff;border:2px solid #fff;border-radius:38px;align-items:center;gap:14px;max-width:590px;min-height:64px;padding:7px 8px 7px 20px;display:flex}.search-form input{width:100%;min-width:0;font-size:var(--text-15);background:0 0;border:0;outline:0;flex:1}.search-form button{background:var(--orange);color:#fff;width:50px;height:50px;font-size:var(--text-27);line-height:var(--leading-1);border:0;border-radius:50%;transition:transform .2s,background .2s}.search-form button:hover{background:#df6226;transform:translate(3px)}.search-form:focus-within{outline:3px solid var(--ink);outline-offset:3px}.search-form input:focus-visible{outline:0}.section{padding-block:75px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px;display:flex}.section-heading h2,.page-title{font-size:var(--type-section-title);line-height:var(--leading-1-22);letter-spacing:var(--tracking-negative-0-04);font-weight:var(--weight-black);margin:0}.section-heading p{color:var(--muted);margin:0}.section-heading .inline-link{font-size:var(--text-15);font-weight:var(--weight-extrabold);color:#e76334;white-space:nowrap}.inline-link:hover{text-decoration:underline}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.article-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid-one{grid-template-columns:minmax(0,450px)}.article-card{min-width:0}.article-card-link{border-radius:var(--radius);border:1px solid var(--line);background:#fff;min-height:100%;transition:transform .22s,box-shadow .22s;display:block;overflow:hidden}.article-card-link:hover{transform:translateY(-5px);box-shadow:0 12px 27px #11111112}.cover-art{aspect-ratio:1.6;background:var(--coral);isolation:isolate;position:relative;overflow:hidden}.cover-yellow{background:var(--yellow)}.cover-mint{background:var(--mint)}.cover-purple{background:var(--purple)}.cover-orange{background:var(--orange)}.cover-pink{background:var(--pink)}.cover-circle{border-radius:50%;position:absolute}.cover-circle-one{aspect-ratio:1;background:#ffffff75;width:45%;top:10%;left:-12%}.cover-circle-two{aspect-ratio:1;background:#11111115;width:32%;bottom:-23%;right:8%}.cover-bubble{background:#fffdf8;border-radius:47% 47% 38% 42%;width:34%;height:44%;display:block;position:absolute;transform:rotate(-14deg);box-shadow:0 8px #1111110f}.cover-bubble:after{content:"";background:inherit;clip-path:polygon(0 0,100% 0,0 100%);width:25%;height:25%;position:absolute;bottom:-10%;left:12%}.cover-bubble-one{background:var(--ink);top:20%;left:18%}.cover-bubble-two{top:32%;right:15%;transform:rotate(13deg)}.cover-bubble span{background:var(--coral);width:12%;height:10%;color:var(--coral);border-radius:50%;position:absolute;top:47%;left:22%;box-shadow:21px 0,42px 0}.cover-bubble-one span{background:#fff;box-shadow:21px 0 #fff,42px 0 #fff}.cover-spark{color:var(--ink);font-size:var(--text-35);position:absolute}.cover-spark-one{top:7%;right:7%}.cover-spark-two{font-size:var(--text-23);bottom:3%;left:5%}.article-card-copy{padding:19px 20px 22px}.article-card-meta{color:#6e6a66;font-size:var(--text-12);justify-content:space-between;gap:10px;display:flex}.article-card-meta span{color:#db603d;font-weight:var(--weight-extrabold)}.draft-card-image{aspect-ratio:1200/630;object-fit:contain;background:var(--paper);width:100%;height:auto;display:block}.article-card-meta .draft-badge{color:var(--ink);background:var(--yellow);border:1px solid var(--ink);white-space:nowrap;border-radius:999px;padding:2px 8px}.draft-card-date{color:var(--muted);font-size:var(--text-12);margin-top:11px;display:block}.draft-preview-intro{color:var(--muted);line-height:var(--leading-1-7);margin:0 0 22px}.article-card h3{font-size:var(--text-21);line-height:var(--leading-1-4);letter-spacing:var(--tracking-negative-0-02);margin:10px 0 7px}.article-card p{font-size:var(--text-14);color:var(--muted);line-height:var(--leading-1-72);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.text-arrow{font-size:var(--text-13);font-weight:var(--weight-extrabold);align-items:center;gap:7px;margin-top:15px;display:inline-flex}.text-arrow b{font-size:var(--text-18);line-height:var(--leading-1)}.empty-state{border-radius:var(--radius);text-align:center;color:var(--muted);border:1px dashed #cfc8bf;padding:48px}.empty-state strong{color:var(--ink);font-size:var(--text-22);margin-bottom:8px;display:block}.topics-section{padding-top:20px}.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.topic-card{border-radius:12px;min-height:204px;padding:25px 28px;transition:transform .2s,box-shadow .2s,filter .2s;display:block;position:relative;overflow:hidden}.topic-card:hover{filter:saturate(1.12);transform:translateY(-4px);box-shadow:0 10px 20px #11111118}.topic-card h3{font-size:var(--text-27);line-height:var(--leading-1-2);z-index:1;margin:0 0 14px;position:relative}.topic-card p{font-size:var(--text-14);line-height:var(--leading-1-6);z-index:1;max-width:190px;margin:0;position:relative}.topic-card .topic-symbol{font-family:var(--font-soft);font-size:var(--text-220);line-height:var(--leading-1);color:#ffffff9c;pointer-events:none;position:absolute;bottom:-45px;right:19px;transform:rotate(-15deg)}.topic-card .topic-arrow{z-index:2;width:38px;height:38px;font-size:var(--text-21);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;right:20px}.topic-coral{background:var(--coral)}.topic-yellow{background:var(--yellow)}.topic-mint{background:var(--mint)}.topic-orange{background:var(--orange)}.topic-purple{background:var(--purple)}.topic-pink{background:var(--pink)}.quiz-section{padding-top:35px}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.quiz-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-items:center;gap:20px;min-height:216px;padding:22px 28px;transition:transform .2s,box-shadow .2s;display:flex}.quiz-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #11111112}.quiz-card h3{font-size:var(--text-22);line-height:var(--leading-1-35);margin:0 0 8px}.quiz-card p{color:var(--muted);font-size:var(--text-14);margin:0 0 18px}.pill-link,.primary-button{background:var(--orange);color:#fff;font-weight:var(--weight-extrabold);font-size:var(--text-14);border:0;border-radius:30px;align-items:center;gap:15px;padding:11px 20px;display:inline-flex}.pill-link:hover,.primary-button:hover{background:#db6329}
.page-hero{padding-block:65px 60px}.page-hero-coral{background:var(--coral)}.page-hero-yellow{background:var(--yellow)}.page-hero-mint{background:var(--mint)}.page-hero-orange{background:var(--orange)}.page-hero-purple{background:var(--purple)}.page-hero-pink{background:var(--pink)}.page-hero p{font-size:var(--text-19);max-width:720px;margin:20px 0 0}.breadcrumbs{font-size:var(--text-13);color:#555;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.breadcrumbs a{text-underline-offset:3px;text-decoration:underline}.page-content{padding-block:55px 95px}.page-content .article-grid{margin-top:25px}.draft-preview-kicker{background:var(--ink);color:var(--paper);font-size:var(--text-13);font-weight:var(--weight-extrabold);border-radius:999px;margin:0 0 18px;padding:5px 13px;display:inline-block}.draft-preview-count{color:var(--muted);font-weight:var(--weight-bold);margin:0 0 18px}.draft-topic-nav{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.draft-topic-nav a{border:1px solid var(--line);font-weight:var(--weight-bold);font-size:var(--text-14);border-radius:999px;padding:9px 14px}.draft-topic-nav a[aria-current=page]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.draft-topic-nav a:focus-visible{outline:3px solid var(--purple);outline-offset:2px}.draft-preview-notice{border:2px solid var(--ink);border-radius:var(--radius);background:var(--yellow);line-height:var(--leading-1-65);gap:5px;margin:0 0 28px;padding:15px 18px;display:grid}.draft-preview-notice strong{font-size:var(--text-16)}.draft-preview-return{font-weight:var(--weight-extrabold);margin:18px 0}.draft-preview-return a:hover{text-decoration:underline}.topic-questions{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:25px 0 50px;display:grid}.topic-question{border:1px solid var(--line);background:#fff;border-radius:16px;padding:25px}.topic-question h3{font-size:var(--text-20);line-height:var(--leading-1-45);margin:0 0 12px}.topic-question p{color:#555;line-height:var(--leading-1-8);margin:0}.topic-related{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:45px;padding:25px 0}.topic-follow-up{margin-top:56px}.topic-follow-up>.topic-related:last-child{margin-bottom:0}.topic-related h2{font-size:var(--text-21);margin:0 0 15px}.topic-related div{flex-wrap:wrap;gap:12px;display:flex}.topic-related a{border:1px solid var(--line);font-weight:var(--weight-bold);border-radius:999px;padding:8px 14px}.topic-related a:hover{border-color:var(--ink)}@media (max-width:800px){.topic-questions{grid-template-columns:1fr}}.pagination{font-size:var(--text-14);justify-content:center;align-items:center;gap:25px;margin-top:48px;display:flex}.pagination a{font-weight:var(--weight-extrabold);text-underline-offset:4px;text-decoration:underline}.pagination span{color:var(--muted)}.search-page .search-form{border:1px solid var(--line);max-width:780px;margin:28px 0 16px;box-shadow:0 8px 24px #1111110a}.result-count{color:var(--muted);font-size:var(--text-14)}.no-results{padding:40px 0}.article-layout{grid-template-columns:minmax(0,760px) minmax(190px,1fr);gap:clamp(45px,6vw,100px);padding-block:60px 110px;display:grid}.article-main{min-width:0}.article-main h1{font-size:var(--type-article-title);line-height:var(--leading-1-25);letter-spacing:var(--tracking-negative-0-045);font-weight:var(--weight-black);margin:0 0 22px}.article-dek{font-size:var(--text-21);line-height:var(--leading-1-75);color:#444;margin:0 0 25px}.byline{color:#666;font-size:var(--text-13);border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:18px 0;display:flex}.byline strong{color:var(--ink)}.article-cover{border-radius:18px;margin-top:28px;overflow:hidden}.article-cover .cover-art{aspect-ratio:1.9}.article-body{font-size:var(--type-article-body-size);line-height:var(--type-article-body-leading);overflow-wrap:anywhere}.article-toc{border:2px solid var(--ink);background:var(--yellow);border-radius:18px;margin:32px 0 38px;padding:24px clamp(20px,4vw,30px)}.article-toc-title{font-size:var(--text-20);font-weight:var(--weight-black);line-height:var(--leading-1-4);margin:0 0 12px!important}.article-toc ol{margin:0;padding-left:1.4em}.article-toc li{margin:2px 0;padding-left:3px}.article-toc .article-toc-subsections{padding-left:1.4em}.article-toc a{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:4px;padding:5px 0;display:inline-block}.article-toc a:hover{color:var(--coral)}.article-toc a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.article-body h2[id],.article-body h3[id]{scroll-margin-top:28px}.article-body h2{font-size:var(--text-30);line-height:var(--leading-1-4);letter-spacing:var(--tracking-negative-0-025);margin:53px 0 18px}.article-body h3{font-size:var(--text-23);margin:36px 0 13px}.article-body p{margin:22px 0}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin:8px 0}.article-body blockquote{border-left:5px solid var(--orange);background:#fff4e9;margin:30px 0;padding:10px 24px}.article-body a,.source-list a{text-decoration:underline;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-underline-offset:3px}.article-body table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.article-body td,.article-body th{border:1px solid var(--line);padding:8px 12px}.article-body img{object-fit:contain;border-radius:12px;max-width:100%;height:auto;margin:28px auto;display:block}.article-sidebar{padding-top:12px}.sidebar-sticky{top:calc(var(--site-header-offset) + 25px);position:sticky}.article-sidebar h2{font-size:var(--text-17);margin:0 0 18px}.article-sidebar p{line-height:var(--leading-1-7);color:var(--muted)}.article-sidebar .sidebar-sticky>a{font-weight:var(--weight-extrabold);margin-top:12px;display:inline-block}.sidebar-topic-list{border-top:1px solid var(--line);display:grid}.sidebar-topic-list a{border-bottom:1px solid var(--line);font-size:var(--text-14);font-weight:var(--weight-bold);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.sidebar-topic-list a:hover{color:#e26139}.source-list{border-top:1px solid var(--line);margin-top:50px;padding:34px 0}.source-list h2{font-size:var(--text-25);margin:0 0 15px}.source-list ol{padding-left:22px}.source-list li{overflow-wrap:anywhere;margin-bottom:10px}.source-list small{color:var(--muted);display:block}.related-articles{padding-top:30px}.related-articles h2{font-size:var(--text-28)}.related-articles .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ad-slot{border-block:1px solid var(--line);min-height:150px;margin:32px 0;padding:12px}.ad-slot>span{font-size:var(--text-11);color:#888;text-align:center;letter-spacing:var(--tracking-0-15);display:block}.quiz-catalogue-section+.quiz-catalogue-section{margin-top:75px}.quiz-mbti-card{border:2px solid var(--ink);background:var(--yellow);border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(230px,340px);align-items:center;gap:26px;min-height:270px;padding:clamp(24px,4vw,42px);transition:transform .2s;display:grid}.quiz-mbti-card:hover{transform:translateY(-4px)}.quiz-mbti-card h3{font-size:var(--type-quiz-mbti-title);line-height:var(--leading-1-25);margin:0 0 12px}.quiz-mbti-card p{max-width:610px;font-size:var(--text-17);line-height:var(--leading-1-75);margin:0 0 22px}.quiz-mbti-card img{width:100%;height:auto;display:block}@media (max-width:650px){.quiz-mbti-card{grid-template-columns:1fr;gap:10px}.quiz-mbti-card img{justify-self:center;width:min(100%,270px)}}@media (prefers-reduced-motion:reduce){.quiz-mbti-card{transition:none}}.quiz-section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:25px;display:flex}.quiz-section-heading h2{font-size:var(--type-quiz-section-title);line-height:var(--leading-1-2);margin:0}.quiz-section-heading p{max-width:440px;color:var(--muted);margin:0}.quiz-catalogue .quiz-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quiz-catalogue .quiz-card-featured{border:2px solid var(--ink);border-radius:18px;flex-direction:column;align-items:flex-start;min-height:390px;padding:30px;display:flex;position:relative;overflow:hidden}.quiz-card-featured:before{content:"";background:var(--quiz-accent,var(--purple));height:8px;position:absolute;inset:0 0 auto}.quiz-card-partner{--quiz-accent:var(--coral)}.quiz-card-friendship{--quiz-accent:var(--mint)}.quiz-card-communication{--quiz-accent:var(--pink)}.quiz-card-featured [data-illustration]{margin-bottom:18px}.quiz-card-featured>div{flex-direction:column;flex:1;align-items:flex-start;display:flex}.quiz-card-featured .pill-link{margin-top:auto}.quiz-card-meta{color:var(--muted);font-size:var(--text-12);font-weight:var(--weight-black);letter-spacing:var(--tracking-0-04);margin-bottom:10px;display:block}.quiz-catalogue .quiz-card h3{margin:0 0 10px}.quiz-catalogue .quiz-card p{line-height:var(--leading-1-75)}.quiz-catalogue .pill-link,.quiz-result-page .pill-link{color:var(--ink)}.quiz-note{color:var(--muted);font-size:var(--text-14);margin-top:30px}.quiz-page-body{padding-block:55px 95px}.quiz-overview{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:760px;margin:0 auto 38px;padding:32px 36px}.quiz-overview-copy h2{font-size:var(--type-quiz-overview-title);line-height:var(--leading-1-3);margin:0 0 8px}.quiz-overview-copy p{color:var(--muted);margin:0}.quiz-overview-facts{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:25px 0 0;padding-block:18px;display:grid}.quiz-overview-facts>div+div{border-left:1px solid var(--line);padding-left:20px}.quiz-overview-facts dt{color:var(--muted);font-size:var(--text-13)}.quiz-overview-facts dd{font-size:var(--text-20);font-weight:var(--weight-black);margin:3px 0 0}.quiz-overview-note{color:var(--muted);font-size:var(--text-14);line-height:var(--leading-1-8);margin:20px 0 0}.quiz-start-link{background:var(--ink);min-height:44px;color:var(--paper);font-weight:var(--weight-extrabold);border:0;border-radius:999px;align-items:center;gap:14px;margin-top:20px;padding:10px 20px;display:inline-flex}.quiz-start-link:hover{background:var(--orange);color:var(--ink)}.quiz-form-anchor{scroll-margin-top:24px}.quiz-result-panel{border:1px solid var(--line);background:#fff;border-radius:18px;max-width:760px;margin-inline:auto;padding:40px 44px}.quiz-result-kicker{color:var(--muted);font-size:var(--text-13);font-weight:var(--weight-black)}.quiz-result-panel h2{font-size:var(--type-quiz-panel-title);line-height:var(--leading-1-25);margin:8px 0 24px}.quiz-result-panel ul{margin:0;padding-left:24px}.quiz-result-panel li{line-height:var(--leading-1-85);font-size:var(--text-18);padding-left:8px}.quiz-result-panel li+li{margin-top:12px}.quiz-result-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px;display:flex}.quiz-text-link{min-height:44px;font-weight:var(--weight-extrabold);text-underline-offset:4px;align-items:center;gap:8px;text-decoration:underline;display:inline-flex}@media (max-width:1050px){.quiz-catalogue .quiz-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.quiz-catalogue .quiz-featured-grid{grid-template-columns:1fr}.quiz-section-heading{display:block}.quiz-section-heading p{margin-top:8px}.quiz-catalogue .quiz-card-featured{min-height:0}}@media (max-width:550px){.quiz-catalogue-section+.quiz-catalogue-section{margin-top:55px}.quiz-catalogue .quiz-card-featured{padding:22px}.quiz-catalogue .quiz-card p{font-size:var(--text-16)}.quiz-page-body{padding-block:35px 70px}.quiz-overview{padding:24px}.quiz-overview-facts{grid-template-columns:1fr}.quiz-overview-facts>div+div{border-left:0;border-top:1px solid var(--line);margin-top:12px;padding:12px 0 0}.quiz-result-panel{padding:28px 24px}.quiz-result-panel li{font-size:var(--text-16)}}.content-page{max-width:800px;margin:0 auto;padding:65px 0 100px}.content-page h1{font-size:var(--type-info-title);line-height:var(--leading-1-2)}.content-page h2{font-size:var(--text-26);margin-top:40px}.content-page p,.content-page li{font-size:var(--text-17);line-height:var(--leading-1-9)}.content-page a{color:#d95b2c;text-decoration:underline}.info-page{max-width:900px}.info-hero{border-radius:24px;margin-bottom:44px;padding:48px 52px;position:relative;overflow:hidden}.info-hero-about{background:#f28f86}.info-hero-terms{background:#f9de73}.info-hero h1{z-index:1;margin:12px 0 18px;position:relative}.info-hero p{z-index:1;max-width:660px;margin:12px 0;position:relative}.info-hero .info-kicker{font-size:var(--text-13);font-weight:var(--weight-black);letter-spacing:var(--tracking-0-12);margin:0}.info-hero .info-lede{font-size:var(--type-info-lead);font-weight:var(--weight-extrabold);line-height:var(--leading-1-4)}.info-hero-decoration{color:#fffdf87a;font-size:var(--text-300);line-height:var(--leading-1);position:absolute;bottom:-90px;right:22px;transform:rotate(-12deg)}.info-page section{scroll-margin-top:32px}.info-principles{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 30px;display:grid}.info-principles>div{background:#fff;border:1px solid #e8e4db;border-radius:16px;padding:22px}.info-principles span{color:#ef7435;font-weight:var(--weight-black);font-size:var(--text-14)}.info-principles h3{font-size:var(--text-20);margin:12px 0 8px}.info-principles p{font-size:var(--text-15);line-height:var(--leading-1-75);margin:0}.info-next{border-top:1px solid #dedbd2;flex-wrap:wrap;gap:12px;margin-top:52px;padding-top:28px;display:flex}.info-next a{color:#fff;font-weight:var(--weight-extrabold);background:#111;border-radius:99px;align-items:center;gap:10px;padding:12px 18px;text-decoration:none;display:inline-flex}.info-next a:hover,.info-next a:focus-visible{background:#e9652e}.legal-page>p{max-width:760px}.legal-toc{background:#fff;border:1px solid #e8e4db;border-radius:14px;flex-wrap:wrap;gap:8px;margin:28px 0 48px;padding:18px;display:flex}.legal-toc a{font-size:var(--text-14);font-weight:var(--weight-bold);background:#f7f5ef;border-radius:99px;padding:6px 12px;text-decoration:none;display:inline-block}.legal-page section{border-top:1px solid #e8e4db;max-width:760px;padding-top:4px}
@media (max-width:1050px){.hero-inner{grid-template-columns:1fr .78fr}.hero h1{font-size:var(--type-home-title-compact)}.footer-grid{gap:30px}.quiz-card{padding:20px}}@media (max-width:800px){.shell{width:min(calc(100% - 40px),var(--shell))}.hero-inner{grid-template-columns:1fr;min-height:0}.hero-copy{padding:60px 0 12px}.hero h1{font-size:var(--type-home-title-tablet)}.hero-figure{justify-self:center;max-width:500px;max-height:350px}.article-grid,.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:40px}.article-sidebar{display:none}.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:1/-1}}@media (max-width:550px){.shell{width:min(calc(100% - 32px),var(--shell))}.brand-text strong{font-size:var(--text-19)}.brand-text small{font-size:var(--text-9)}.brand-mark{transform-origin:0;width:44px;transform:scale(.85)}.hero-copy{padding:52px 0 8px}.hero h1{font-size:var(--type-home-title-mobile);margin-bottom:20px}.hero p{font-size:var(--text-15);line-height:var(--leading-1-8)}.hero-figure{max-height:260px}.search-form{gap:9px;min-height:58px;padding:5px 6px 5px 15px}.search-form input{font-size:var(--text-13)}.search-form button{flex:0 0 45px;width:45px;height:45px}.section{padding-block:55px}.section-heading{align-items:flex-start}.section-heading h2,.page-title{font-size:var(--text-32)}.section-heading p{display:none}.section-heading .inline-link{font-size:var(--text-13);padding-top:8px}.article-grid{grid-template-columns:1fr}.article-card-link{grid-template-columns:36% 64%;min-height:150px;display:grid}.article-card .cover-art{aspect-ratio:auto;height:100%}.article-card .draft-card-image{aspect-ratio:auto;object-fit:contain;height:100%}.article-card-copy{min-width:0;padding:14px 15px}.article-card h3{font-size:var(--text-17);margin:6px 0}.article-card p{font-size:var(--text-12);-webkit-line-clamp:2}.article-card-meta{font-size:var(--text-10)}.article-card-meta time{display:none}.text-arrow{margin-top:7px}.topic-grid{gap:10px}.topic-card{min-height:160px;padding:18px}.topic-card h3{font-size:var(--text-21)}.topic-card p{font-size:var(--text-12);max-width:125px}.topic-card .topic-symbol{font-size:var(--text-155);bottom:-30px;right:-5px}.topic-card .topic-arrow{width:30px;height:30px;bottom:10px;right:10px}.quiz-card{gap:14px;min-height:160px;padding:15px}.quiz-card h3{font-size:var(--text-18)}.quiz-card p{font-size:var(--text-12);margin-bottom:10px}.pill-link{font-size:var(--text-12);padding:8px 13px}.page-hero{padding-block:42px}.page-hero p{font-size:var(--text-16)}.page-content{padding-block:40px 70px}.article-layout{padding-block:35px 70px}.article-main h1{font-size:var(--type-article-title-mobile)}.article-dek{font-size:var(--text-17)}.article-body{font-size:var(--type-article-body-size)}.article-body h2{font-size:var(--text-24)}.related-articles .article-grid{grid-template-columns:1fr}.quiz-runner{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:20px 28px;padding-bottom:40px}.site-footer{padding-top:44px}.footer-grid h2{margin:0 0 10px}.footer-grid nav{gap:0}.footer-grid nav a{line-height:var(--leading-1-4)}.footer-brand p,.footer-quiz p{line-height:var(--leading-1-65)}.footer-brand p{margin-top:16px}.footer-support-slot:empty{min-height:0;margin-top:0}.footer-quiz{grid-column:1/-1}.footer-quiz p{margin:0 0 12px}.footer-quiz nav{margin-top:12px}.footer-bottom{flex-direction:column;gap:5px}.content-page{padding-block:45px}.info-hero{border-radius:18px;padding:32px 26px}.info-principles{grid-template-columns:1fr}.info-hero-decoration{font-size:var(--text-180);bottom:-42px;right:-20px}}@media (max-width:920px),(pointer:coarse){.footer-grid nav a{min-height:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.route-motion{z-index:900;pointer-events:none;visibility:hidden;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:fixed;inset:0;transform:translate(-101%)}.route-motion span:first-child{background:var(--yellow)}.route-motion span:nth-child(2),.route-motion span:last-child{background:var(--coral)}.route-motion[data-color=orange] span:last-child{background:var(--orange)}.route-motion[data-color=yellow] span:last-child{background:var(--yellow)}.route-motion[data-color=mint] span:last-child{background:var(--mint)}.route-motion[data-color=purple] span:last-child{background:var(--purple)}.route-motion[data-color=pink] span:last-child{background:var(--pink)}.route-motion[data-state=entering],.route-motion[data-state=covering],.route-motion[data-state=leaving]{visibility:visible}.route-motion[data-state=entering][data-direction=forward]{animation:.38s cubic-bezier(.76,0,.24,1) both motion-enter-forward}.route-motion[data-state=leaving][data-direction=forward]{animation:.45s cubic-bezier(.76,0,.24,1) both motion-leave-forward}.route-motion[data-state=entering][data-direction=back]{animation:.38s cubic-bezier(.76,0,.24,1) both motion-enter-back}.route-motion[data-state=leaving][data-direction=back]{animation:.45s cubic-bezier(.76,0,.24,1) both motion-leave-back}.route-motion[data-state=covering]{transform:translate(0)}@keyframes motion-enter-forward{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes motion-leave-forward{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes motion-enter-back{0%{transform:translate(101%)}to{transform:translate(0)}}@keyframes motion-leave-back{0%{transform:translate(0)}to{transform:translate(-101%)}}.hero-copy h1{animation:.62s 80ms both hero-arrive}.hero-copy>p{animation:.62s .18s both hero-arrive}.hero-copy .search-form{animation:.62s .28s both hero-arrive}.hero-figure{animation:.75s .12s both hero-figure-arrive,6s ease-in-out .87s infinite hero-float}@keyframes hero-arrive{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-figure-arrive{0%{opacity:0;transform:translateY(28px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes hero-float{0%,to{translate:0}50%{translate:0 -10px}}.page-hero .page-title,.info-hero h1{animation:.55s both hero-arrive}.page-hero p,.info-hero .info-lede{animation:.55s .12s both hero-arrive}html[data-motion-ready] [data-reveal]:not([data-revealed]){opacity:0;transform:translateY(25px)}html[data-motion-ready] [data-reveal][data-revealed]{opacity:1;transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,.75,.25,1)}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";background:var(--orange);transform-origin:0;border-radius:2px;height:3px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}.article-card-link .cover-bubble,.article-card-link .cover-spark{transition:transform .35s cubic-bezier(.2,.75,.25,1)}.article-card-link:hover .cover-bubble-one,.article-card-link:focus-visible .cover-bubble-one{transform:translate(-7px,-4px)rotate(-20deg)}.article-card-link:hover .cover-bubble-two,.article-card-link:focus-visible .cover-bubble-two{transform:translate(8px,5px)rotate(18deg)}.article-card-link:hover .cover-spark-one,.article-card-link:focus-visible .cover-spark-one{transform:rotate(35deg)scale(1.15)}.topics-section{background:#f5f2ea;padding-block:86px}.topic-stage{grid-template-columns:minmax(220px,260px) minmax(0,1fr);align-items:center;gap:clamp(24px,2.5vw,32px);display:grid}.topic-stage-intro{min-width:0}.section-kicker{color:#d85d30;font-family:var(--font-heading-mixed);font-size:var(--text-12);font-weight:var(--weight-black);letter-spacing:var(--tracking-0-15);margin:0 0 15px}.topic-stage-intro h2{font-size:var(--type-topic-title);line-height:var(--leading-1-12);letter-spacing:var(--tracking-negative-0-05);font-weight:var(--weight-black);margin:0 0 18px}.topic-stage-intro>p:not(.section-kicker){color:var(--muted);max-width:280px;font-size:var(--text-17);line-height:var(--leading-1-8);margin:0}.topic-controls{gap:10px;margin-top:42px;display:flex}.topic-controls button{border:1px solid var(--ink);background:var(--paper);width:54px;height:54px;color:var(--ink);font-size:var(--text-24);line-height:var(--leading-1);border-radius:50%;place-items:center;transition:background .2s,transform .2s,color .2s;display:grid}.topic-controls button:not(:disabled):hover{background:var(--ink);color:#fff;transform:translateY(-3px)}.topic-controls button:disabled{opacity:.32;cursor:not-allowed}.topic-rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;gap:17px;min-width:0;padding:7px 4px 18px;scroll-padding-inline:4px;display:flex;overflow-x:auto}.topic-rail::-webkit-scrollbar{display:none}.topic-rail .topic-card{scroll-snap-align:start;border-radius:18px;flex:0 0 clamp(255px,22vw,290px);min-height:340px;padding:28px}.topic-index{font-family:var(--font-heading);font-size:var(--text-13);font-weight:var(--weight-black);letter-spacing:var(--tracking-0-09);margin-bottom:56px;display:block}.topic-rail .topic-card h3{font-size:var(--text-31);margin-bottom:14px}.topic-rail .topic-card p{max-width:220px;font-size:var(--text-15);line-height:var(--leading-1-7)}.topic-rail .topic-card .topic-symbol{transition:transform .35s cubic-bezier(.2,.75,.25,1);bottom:-34px;right:9px}.topic-rail .topic-card .topic-arrow{transition:transform .25s,background .25s}.topic-rail .topic-card:hover .topic-symbol,.topic-rail .topic-card:focus-visible .topic-symbol{transform:translate(-12px,-14px)rotate(0)scale(1.04)}.topic-rail .topic-card:hover .topic-arrow,.topic-rail .topic-card:focus-visible .topic-arrow{background:var(--ink);color:#fff;transform:translate(4px,-4px)}@media (max-width:800px){.topic-stage{grid-template-columns:1fr;gap:26px}.topic-stage-intro{grid-template-columns:1fr auto;align-items:end;column-gap:16px;display:grid}.topic-stage-intro .section-kicker,.topic-stage-intro>p:not(.section-kicker){grid-column:1/-1}.topic-stage-intro h2{margin-bottom:0}.topic-controls{grid-area:2/2;margin-top:0}.topic-rail .topic-card{flex-basis:clamp(260px,43vw,310px)}}@media (max-width:550px){.topics-section{padding-block:60px}.topic-stage-intro{display:block}.topic-stage-intro h2{font-size:var(--text-38);margin-bottom:12px}.topic-stage-intro>p:not(.section-kicker){font-size:var(--text-15)}.topic-controls{margin-top:22px}.topic-controls button{width:46px;height:46px;font-size:var(--text-21)}.topic-rail .topic-card{flex-basis:262px;min-height:310px;padding:22px}.topic-index{margin-bottom:44px}.topic-rail .topic-card h3{font-size:var(--text-26)}.topic-rail .topic-card p{font-size:var(--text-14)}}@media (prefers-reduced-motion:reduce){.route-motion{display:none!important}html[data-motion-ready] [data-reveal]:not([data-revealed]){opacity:1!important;transform:none!important}.topic-rail{scroll-behavior:auto!important}}
.status-page{padding-block:68px 108px}.status-panel{background:var(--yellow);border-radius:28px;grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr);align-items:center;min-height:570px;display:grid;position:relative;overflow:hidden}.status-panel-thanks{background:var(--mint)}.status-copy{z-index:1;padding:64px clamp(35px,6vw,92px);position:relative}.status-kicker,.contact-kicker{font-family:var(--font-heading-mixed);font-size:var(--text-13);font-weight:var(--weight-black);letter-spacing:var(--tracking-0-13);margin:0 0 14px}.status-copy h1{max-width:620px;font-size:var(--type-status-title);font-weight:var(--weight-black);line-height:var(--leading-1-13);letter-spacing:var(--tracking-negative-0-06);margin:0 0 22px}.status-copy>p:not(.status-kicker){max-width:560px;font-size:var(--text-19);line-height:var(--leading-1-85);margin:0}.status-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.status-actions a{border:2px solid var(--ink);font-weight:var(--weight-black);border-radius:99px;align-items:center;gap:14px;padding:11px 20px;transition:transform .2s,background .2s,color .2s;display:inline-flex}.status-actions a:first-child{background:var(--ink);color:#fff}.status-actions a:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}.status-search{border:1px solid #1112;max-width:450px;margin-top:32px}.status-art{isolation:isolate;place-items:center;min-height:500px;display:grid;position:relative}.status-art:before{content:"";aspect-ratio:1;background:var(--coral);z-index:-1;border-radius:50%;width:min(39vw,460px);position:absolute;transform:rotate(-15deg)}.status-art span{color:var(--ink);font-family:var(--font-heading-mixed);font-size:var(--type-status-glyph);font-weight:var(--weight-black);line-height:var(--leading-1);letter-spacing:var(--tracking-negative-0-11);text-shadow:10px 11px #fffdf8;position:relative;transform:rotate(-11deg)}.status-art i{background:var(--orange);border-radius:50%;width:42px;height:42px;position:absolute;top:14%;right:12%}.status-art i:last-child{background:var(--purple);width:24px;height:24px;inset:auto auto 12% 9%}.status-art-thanks:before{background:var(--yellow)}.status-art-thanks span{font-size:var(--type-thanks-glyph);letter-spacing:var(--tracking-0);transform:rotate(-9deg)}.contact-page{padding-block:48px 105px}.contact-hero{background:var(--pink);border-radius:24px;justify-content:space-between;align-items:center;min-height:300px;padding:45px clamp(32px,6vw,78px);display:flex;position:relative;overflow:hidden}.contact-hero>div:first-child{z-index:1;max-width:690px;position:relative}.contact-hero h1{font-size:var(--type-mbti-page-title);line-height:var(--leading-1-13);letter-spacing:var(--tracking-negative-0-05);font-weight:var(--weight-black);margin:0 0 14px}.contact-hero p:last-child{max-width:600px;font-size:var(--text-20);line-height:var(--leading-1-7);margin:0}.contact-hero-art{pointer-events:none;width:35%;position:absolute;inset:0 0 0 auto}.contact-hero-art span{font-size:var(--text-270);color:#fff8;line-height:var(--leading-1);position:absolute;top:-50px;right:9%;transform:rotate(15deg)}.contact-hero-art i{border:15px solid var(--purple);border-radius:50%;width:170px;height:170px;position:absolute;bottom:-65px;right:30%}.contact-hero-art i:last-child{background:var(--yellow);border:0;width:50px;height:50px;bottom:44px;right:7%}.contact-layout{grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(34px,6vw,95px);padding:70px clamp(4px,2vw,30px) 0;display:grid}.contact-aside{max-width:390px}.contact-aside .contact-kicker{color:#a54120}.contact-aside h2{font-size:var(--type-contact-aside);line-height:var(--leading-1-32);letter-spacing:var(--tracking-negative-0-04);margin:0 0 25px}.contact-aside p{color:var(--muted);line-height:var(--leading-1-85);font-size:var(--text-16)}.contact-aside a{color:#a54120;font-weight:var(--weight-extrabold);text-underline-offset:4px;text-decoration:underline}.contact-form{background:#fff;border:1px solid #e7e1d9;border-radius:22px;gap:24px;padding:clamp(26px,4vw,52px);display:grid;box-shadow:0 15px 55px #2a1b110b}.contact-form-heading{padding-bottom:5px}.contact-form-heading>span{color:#a54120;font-family:var(--font-heading);font-weight:var(--weight-black);font-size:var(--text-13);letter-spacing:var(--tracking-0-12);display:block}.contact-form-heading h2{font-size:var(--type-contact-form-title);line-height:var(--leading-1-25);margin:7px 0 4px}.contact-form-heading p{color:var(--muted);font-size:var(--text-13);margin:0}.contact-field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-field{gap:8px;min-width:0;display:grid}.contact-field label{font-weight:var(--weight-extrabold);font-size:var(--text-15)}.contact-field label span{color:#c7422d}.contact-field input,.contact-field select,.contact-field textarea{background:var(--paper);width:100%;min-width:0;color:var(--ink);font-size:var(--text-15);line-height:var(--leading-1-5);border:1px solid #cfc9c0;border-radius:10px;padding:13px 15px}.contact-field textarea{resize:vertical;min-height:185px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#6b655e}.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:var(--purple)}.contact-field small{color:var(--muted);font-size:var(--text-12)}.contact-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-consent{cursor:pointer;font-size:var(--text-14);line-height:var(--leading-1-75);align-items:flex-start;gap:11px;display:flex}.contact-consent input{width:18px;height:18px;accent-color:var(--purple);flex:0 0 18px;margin:3px 0 0}.contact-consent a{font-weight:var(--weight-extrabold);color:#a54120;text-underline-offset:3px;text-decoration:underline}.contact-error{color:#a92a1d;font-size:var(--text-14);font-weight:var(--weight-bold);background:#fff0ed;border-radius:10px;margin:0;padding:13px 16px}.contact-submit{background:var(--ink);color:#fff;width:fit-content;min-width:188px;min-height:54px;font-weight:var(--weight-black);border:0;border-radius:99px;justify-content:space-between;align-items:center;gap:20px;padding:12px 20px;transition:transform .2s,background .2s;display:flex}.contact-submit:hover:not(:disabled){background:#dc6631;transform:translateY(-2px)}.contact-submit:disabled{opacity:.58;cursor:wait}.contact-form-note{color:var(--muted);font-size:var(--text-12);line-height:var(--leading-1-7);margin:-12px 0 0}@media (max-width:900px){.status-panel{grid-template-columns:1fr minmax(230px,.65fr)}.status-copy{padding:48px 38px}.status-art span{font-size:var(--type-status-glyph-mobile)}.contact-layout{grid-template-columns:1fr;gap:32px;padding-top:48px}.contact-aside{max-width:780px}.contact-aside h2 br{display:none}}@media (max-width:600px){.status-page{padding-block:30px 65px}.status-panel{border-radius:18px;min-height:0;display:block}.status-copy{padding:36px 25px 42px}.status-copy h1{font-size:var(--text-42)}.status-copy>p:not(.status-kicker){font-size:var(--text-15)}.status-actions{gap:9px;margin-top:26px}.status-actions a{font-size:var(--text-13);padding:8px 13px}.status-search{margin-top:25px}.status-art{min-height:190px;padding-bottom:35px}.status-art:before{width:155px}.status-art span{font-size:var(--text-95);text-shadow:5px 6px #fffdf8}.status-art-thanks span{font-size:var(--text-145)}.status-art i{width:18px;height:18px;top:10%;right:24%}.status-art i:last-child{width:12px;height:12px;bottom:23%;left:20%}.contact-page{padding-block:28px 66px}.contact-hero{border-radius:18px;min-height:0;padding:34px 25px}.contact-hero h1{font-size:var(--text-46)}.contact-hero p:last-child{font-size:var(--text-16)}.contact-hero-art{opacity:.5}.contact-layout{gap:27px;padding:38px 0 0}.contact-aside h2{font-size:var(--text-29)}.contact-aside p{font-size:var(--text-14)}.contact-form{border-radius:15px;gap:20px;padding:25px 19px}.contact-field-row{grid-template-columns:1fr;gap:20px}}
.mobile-bottom-nav{display:none}@media (max-width:600px){html{scroll-padding-bottom:130px}a,button,input,textarea,select,summary{scroll-margin-bottom:130px}.site-footer{padding-bottom:calc(125px + env(safe-area-inset-bottom))}.mobile-bottom-nav{z-index:100;inset-inline:12px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--paper);width:min(100% - 24px,460px);box-shadow:0 9px 28px #11111124,0 0 0 8px color-mix(in srgb,var(--coral) 18%,var(--paper));border-radius:999px;margin-inline:auto;padding:6px 7px 5px;display:block;position:fixed}.mobile-bottom-nav-inner{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid}.mobile-bottom-nav a{min-width:0;min-height:62px;color:var(--muted);font-size:var(--text-10);font-weight:var(--weight-extrabold);line-height:var(--leading-1-2);white-space:nowrap;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:3px;transition:color .2s,transform .2s;display:flex}.mobile-bottom-nav a:hover{transform:translateY(-2px)}.mobile-nav-icon{border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.mobile-bottom-nav a[aria-current=page]:not([data-featured]){color:var(--ink)}.mobile-bottom-nav a[aria-current=page]:not([data-featured]) .mobile-nav-icon{background:var(--orange)}.mobile-bottom-nav a[data-featured]{min-height:82px;color:var(--ink);justify-content:flex-start;gap:3px;margin-top:-21px}.mobile-bottom-nav a[data-featured] .mobile-nav-icon{background:var(--coral);width:50px;height:50px;color:var(--ink);box-shadow:0 5px 14px #1111111f}.mobile-bottom-nav a[data-featured][aria-current=page] .mobile-nav-icon{box-shadow:0 0 0 2px var(--ink),0 5px 14px #1111111f}.mobile-bottom-nav a:focus-visible{outline:3px solid var(--purple);outline-offset:-2px}body:has(input[type=text]:focus,input[type=email]:focus,input[type=search]:focus,textarea:focus,select:focus) .mobile-bottom-nav{display:none}}
.header-search{min-width:220px;max-width:260px;padding:3px 4px 3px 13px}.header-search:focus-within{outline:3px solid var(--purple);outline-offset:2px}.header-search button,.header-menu-search button{background:var(--orange);min-width:44px;min-height:44px;color:var(--ink);font-size:var(--text-13);font-weight:var(--weight-extrabold);border:0;border-radius:999px}.header-search button:hover,.header-menu-search button:hover{background:var(--coral)}.search-form button{width:64px;min-width:64px;height:48px;color:var(--ink);font-size:var(--text-15);font-weight:var(--weight-extrabold);border-radius:999px}.search-query-hint{color:var(--muted);font-size:var(--text-13);margin:2px 0 16px}.header-menu-search input{border:1px solid var(--line);border-radius:999px;flex:1;min-width:0;padding:10px 14px}.search-draft-bridge{font-size:var(--text-14);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:8px 0 20px;display:flex}.search-draft-bridge a{background:var(--yellow);border:1px solid var(--ink);min-height:44px;font-weight:var(--weight-extrabold);border-radius:999px;align-items:center;padding:8px 15px;display:inline-flex}.search-draft-bridge span{color:var(--muted)}.search-suggestions,.search-discovery{margin-top:36px}.search-suggestions h2,.search-discovery h2{font-size:var(--text-23);margin:0 0 15px}.search-suggestions div{flex-wrap:wrap;gap:10px;display:flex}.search-suggestions a,.draft-search-suggestions a{border:1px solid var(--line);min-height:44px;font-weight:var(--weight-bold);background:#fff;border-radius:999px;align-items:center;padding:8px 15px;display:inline-flex}.search-suggestions a:hover,.draft-search-suggestions a:hover{border-color:var(--ink)}.search-discovery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.search-discovery-grid a{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:5px;padding:18px;display:grid}.search-discovery-grid a:hover{border-color:var(--ink)}.search-discovery-grid strong{font-size:var(--text-18)}.search-discovery-grid a>span:last-child{color:var(--muted);font-size:var(--text-14)}.search-discovery-kind{font-size:var(--text-12);font-weight:var(--weight-extrabold);color:var(--muted)}.draft-search-form{border:1px solid var(--line);max-width:780px;margin-bottom:10px}.draft-search-clear{font-size:var(--text-14);font-weight:var(--weight-extrabold);margin:0 0 18px}.draft-search-clear a{text-underline-offset:4px;text-decoration:underline}.draft-search-suggestions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}
.article-template-cover{background:var(--paper);border-radius:18px;margin:28px 0 0;overflow:hidden}.article-template-cover img{width:100%;height:auto;display:block}.related-articles{border-top:1px solid var(--line);padding-top:34px}.related-articles h2{margin:0 0 22px}.related-article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.related-article-grid .article-card-link{flex-direction:column;display:flex}.related-article-grid .article-card .draft-card-image{aspect-ratio:auto;object-fit:contain;height:auto}.related-article-card,.related-article-grid .article-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;min-width:0;overflow:hidden}.related-article-card a{height:100%;display:block}.related-article-card img{aspect-ratio:1200/630;object-fit:contain;width:100%;height:auto;display:block}.related-article-copy{padding:15px}.related-article-topic{color:var(--muted);font-size:var(--text-12);font-weight:var(--weight-extrabold)}.related-article-copy h3{font-size:var(--text-18);line-height:var(--leading-1-45);margin:8px 0}.related-article-copy p{color:var(--muted);font-size:var(--text-13);line-height:var(--leading-1-6);margin:0 0 12px}.related-article-action{font-size:var(--text-13);font-weight:var(--weight-extrabold)}.related-empty{color:var(--muted);line-height:var(--leading-1-8);margin:0}.related-empty a{color:var(--ink);font-weight:var(--weight-extrabold);text-underline-offset:4px;margin-left:8px;text-decoration:underline;display:inline-block}.article-template-return{font-weight:var(--weight-extrabold);margin:35px 0 0}.article-template-return a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (max-width:1080px){.related-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.related-article-grid{grid-template-columns:1fr}}
:root{--header-height:84px;--site-header-offset:calc(var(--header-height) + 1px)}html{scroll-padding-top:var(--site-header-offset)}.site-header{inset-inline:0;position:sticky;top:0}html[data-header-fixed] body{padding-top:var(--site-header-offset)}html[data-header-fixed] .site-header{position:fixed}.header-inner{min-height:var(--header-height);gap:28px}.header-menu{flex:none}.header-menu>summary{cursor:pointer;min-height:44px;font-size:var(--type-nav-size);font-weight:var(--weight-extrabold);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;list-style:none;display:flex}.header-menu>summary::-webkit-details-marker{display:none}.header-menu>summary:hover,.header-menu[open]>summary{background:var(--yellow)}.header-menu-chevron{transition:transform .18s}.header-menu[open] .header-menu-chevron{transform:rotate(180deg)}.header-menu-bars{display:none}.desktop-nav{white-space:nowrap;gap:clamp(18px,2vw,28px);margin-inline:auto;display:flex}.desktop-nav a{min-width:44px;min-height:44px;font-size:var(--type-nav-size);font-weight:var(--weight-extrabold);align-items:center;display:inline-flex}.desktop-nav a:hover{color:var(--ink)}.header-menu-panel{inset-inline:0;max-height:calc(100dvh - var(--site-header-offset));overscroll-behavior:contain;background:var(--paper);border-bottom:1px solid var(--line);scroll-padding:24px;position:absolute;top:100%;overflow-y:auto;box-shadow:0 18px 32px #1111111a}.header-menu[open] .header-menu-panel{animation:.18s ease-out header-menu-enter}.header-menu-grid{grid-template-columns:minmax(0,1.9fr) minmax(260px,.9fr);align-items:stretch;gap:48px;padding-block:32px 40px;display:grid}.header-menu-main{min-width:0}.header-menu-intro>p,.header-quote-eyebrow{font-size:var(--text-11);font-weight:var(--weight-extrabold);letter-spacing:var(--tracking-0-1)}.header-menu-intro>p{color:var(--muted);margin:0}.header-menu-intro h2{font-size:var(--text-25);line-height:var(--leading-1-4);font-weight:var(--weight-black);margin:5px 0 20px}.header-menu-intro .header-menu-search{display:none}.header-topics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;display:grid}.header-topic-link{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:13px;padding:12px 8px;transition:border-color .18s,background .18s;display:flex}.header-topic-link:hover,.header-topic-link:focus-visible{border-color:var(--line);background:#fff}.header-topic-icon{width:44px;height:44px;color:var(--ink);border-radius:12px;flex:none;place-items:center;display:grid}.header-topic-icon--coral{background:var(--coral)}.header-topic-icon--yellow{background:var(--yellow)}.header-topic-icon--mint{background:var(--mint)}.header-topic-icon--orange{background:var(--orange)}.header-topic-icon--purple{background:var(--purple)}.header-topic-icon--pink{background:var(--pink)}.header-topic-link strong{font-size:var(--text-17);line-height:var(--leading-1-5);font-weight:var(--weight-extrabold);display:block}.header-topic-description{font-size:var(--text-13);line-height:var(--leading-1-65);color:var(--muted);margin-top:3px;display:block}.header-tools{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px;margin-top:20px;padding-top:18px;display:grid}.header-tools a{border-radius:10px;gap:12px;padding:9px 8px;display:flex}.header-tools a>svg{flex:none;margin-top:3px}.header-tools strong{font-size:var(--text-14);font-weight:var(--weight-extrabold);display:block}.header-tools a span span{font-size:var(--text-12);color:var(--muted);line-height:var(--leading-1-65);margin-top:2px;display:block}.header-tools a:hover{background:#fff}.header-menu-quote{background:var(--coral);min-width:0;color:var(--ink);border-radius:18px;flex-direction:column;margin:0;padding:28px;display:flex}.header-quote-symbol{border:2px solid var(--ink);border-radius:50%;place-items:center;width:52px;height:52px;display:grid}.header-quote-eyebrow{letter-spacing:var(--tracking-0-08);margin:22px 0 0}.header-menu-quote blockquote{margin:15px 0 18px}.header-menu-quote blockquote p{font-size:var(--type-menu-quote);line-height:var(--leading-1-5);font-weight:var(--weight-black);letter-spacing:var(--tracking-negative-0-025);margin:0}.header-quote-note{font-size:var(--text-14);line-height:var(--leading-1-85);margin:0 0 22px}.header-menu-quote figcaption{font-size:var(--text-12);font-weight:var(--weight-bold)}.header-menu-quote>a{min-height:44px;font-size:var(--text-13);font-weight:var(--weight-extrabold);text-underline-offset:4px;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:22px;text-decoration:underline;display:flex}@keyframes header-menu-enter{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.header-inner{gap:20px}.header-inner>.desktop-nav,.header-inner>.header-search{display:none}.header-menu{margin-left:auto}.header-menu>summary{width:44px;height:44px;padding:0}.header-menu-label,.header-menu-chevron{display:none}.header-menu-bars{flex-direction:column;gap:5px;display:flex}.header-menu-bars i{background:var(--ink);border-radius:2px;width:23px;height:2px;display:block}.header-menu-intro .header-menu-search{align-items:center;gap:10px;margin:0 0 20px;display:flex}.header-menu-search input{width:100%}.header-menu-search button{flex:none;padding:0 16px}.header-menu-grid{gap:28px}}@media (max-width:900px){.header-menu-grid{grid-template-columns:1fr}.header-menu-quote blockquote p{font-size:var(--text-29)}.header-menu-quote>a{margin-top:10px}}@media (max-width:800px){:root{--header-height:70px}}@media (max-width:600px){.header-menu-panel{max-height:calc(100dvh - var(--site-header-offset) - 120px - env(safe-area-inset-bottom))}.header-menu-grid{gap:24px;padding-block:24px}.header-menu-intro h2{font-size:var(--text-24)}.header-topics{grid-template-columns:1fr;gap:2px}.header-topic-link{padding:10px 4px}.header-tools{gap:6px 10px}.header-tools a{gap:8px;padding-inline:4px}.header-tools a>svg{width:18px}.header-menu-quote{padding:24px}}@media (prefers-reduced-motion:reduce){.header-menu[open] .header-menu-panel{animation:none}.header-menu-chevron,.header-topic-link,.desktop-nav a{transition:none}}