@font-face{font-family:system-fallback;src:local('Arial')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#34332f;background:#fcfaf7;font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR','Noto Sans JP',sans-serif;font-size:15px;line-height:1.7;word-break:keep-all;-webkit-font-smoothing:antialiased}body[data-lang=ja]{line-height:1.85} :root{--ink:#34332f;--muted:#736f69;--rose:#a84250;--rose-soft:#f7e8e5;--lavender:#e9e3f1;--line:#e8e2db;--paper:#fcfaf7;--radius:22px;--shadow:0 16px 50px #6250400a}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button{color:inherit}img,svg{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #946bb2;outline-offset:5px}input:focus,select:focus{outline:2px solid #946bb2;outline-offset:2px}p{margin:0 0 1em;color:var(--muted)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.045em;line-height:1.4}h1{font-size:clamp(32px,4vw,48px)}h2{font-size:clamp(26px,2.7vw,34px)}h3{font-size:21px}small{font-size:12px}button{border:0;background:transparent}a,button{touch-action:manipulation}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding-left:32px;padding-right:32px}.section{padding-top:92px;padding-bottom:92px}.soft{background:#f4f0ea}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600;color:#89726a;margin:0 0 18px}.site-header{height:94px;background:#fcfaf7f5;border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:18px;letter-spacing:1px;font-weight:700;line-height:1.2;white-space:nowrap}.brand-symbol{color:var(--rose);display:grid;place-items:center}.brand-symbol svg{width:29px;height:29px;stroke-width:1.2}.brand-light{font-weight:400}.brand small{display:block;font-size:12px;font-weight:500;letter-spacing:1px;color:#73615a;margin-top:7px}.header-inner nav{display:flex;gap:30px;align-items:center;font-size:13px}.header-inner nav a{position:relative;padding:14px 0}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--rose)}.header-inner nav a[aria-current]:after{content:'';position:absolute;height:2px;background:var(--rose);bottom:5px;left:0;right:0}.header-actions{display:flex;align-items:center;gap:22px}.language-switch{font-size:11px;letter-spacing:1px;padding:12px 0}.language-switch span{color:#a49b94;margin-left:5px}.header-cta{border:1px solid #cdbbb2;border-radius:30px;padding:9px 17px;font-size:12px;display:flex;gap:12px;align-items:center}.header-cta svg{width:16px}#menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:642px;align-items:center;padding-top:52px;padding-bottom:54px;gap:20px}.hero h1{font-size:clamp(42px,4.3vw,62px);line-height:1.3;font-weight:500;letter-spacing:-3px;margin-bottom:22px}.hero .eyebrow{color:#a56766;font-size:10px;letter-spacing:2.2px}.hero-sub{color:#665f59;font-size:15px;font-weight:500;margin-bottom:17px}.hero-desc{font-size:14px;line-height:1.95;color:#817a73;margin-bottom:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;min-height:52px;padding:13px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:transform .2s,background .2s;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--rose)}.button.primary:hover{background:#913743}.button.outline{border-color:#d9cec5;background:transparent;color:#5a4b45}.hero-secondary{display:block;width:fit-content;font-size:12px;margin:17px 0 28px;color:#71635b;border-bottom:1px solid #c3b8ae;padding:0 0 4px}.hero-secondary svg{vertical-align:middle;width:15px;margin-left:14px}.trust-row{display:flex;gap:20px;font-size:10px;color:#877e77}.trust-row span{display:flex;gap:5px;align-items:center}.trust-row svg{width:12px;height:12px}.hero-visual{min-height:480px;position:relative;isolation:isolate}.hero-halo{position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7f2f6,#eee6ed 60%,#eee5e480);left:50%;top:22px;transform:translateX(-50%);z-index:-2}.hero-halo:after{content:'';position:absolute;inset:24px -20px -3px;border:1px solid #dacdc166;border-radius:50%;transform:rotate(-25deg)}.visual-caption,.visual-bottom{position:absolute;font-size:8px;letter-spacing:2px;color:#93847d;left:50%;transform:translateX(-50%);white-space:nowrap}.visual-caption{top:4px}.visual-bottom{bottom:-2px;font-size:8px}.hero-object{position:absolute}.hero-object.one{width:335px;left:-10px;top:80px;transform:rotate(-13deg);z-index:2}.hero-object.two{width:300px;right:-12px;top:144px;transform:rotate(12deg)}.hero-object .type-art{filter:drop-shadow(4px 19px 15px #77505b10)}.floating-label{position:absolute;background:#fffdf9e8;border:1px solid #fff;box-shadow:0 8px 28px #8e666610;border-radius:30px;padding:11px 17px;font-size:11px;letter-spacing:1px;display:flex;align-items:center;gap:9px;z-index:5;white-space:nowrap}.floating-label small{font-size:10px;letter-spacing:0;color:#766a62}.floating-label i{width:6px;height:6px;background:#c37b6a;border-radius:50%}.label-one{top:70px;right:40px;transform:rotate(4deg)}.label-two{left:40px;bottom:38px;transform:rotate(-5deg)}.label-two i{background:#a08bbb}.visual-spark{position:absolute;left:35px;top:55px;color:#c7b197}.visual-spark svg{width:27px;height:27px}.manifesto{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:22px 32px;gap:20px}.manifesto span{font-size:9px;letter-spacing:2px;color:#9e9489}.manifesto p{font-size:13px;color:#72695f;margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading p:not(.eyebrow){font-size:13px;margin:12px 0 0}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:12px;white-space:nowrap;padding:8px 0}.text-link svg{width:16px}.text-link:hover{color:var(--rose)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{padding:29px 32px 24px;border:1px solid #ded5cb;border-radius:var(--radius);background:#fffdfa;transition:box-shadow .2s,transform .2s}.mode-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.mode-card.recommended{background:#f5e9e4;border-color:#eed4cd}.mode-top{display:flex;justify-content:space-between;align-items:flex-start}.mode-top .eyebrow{margin-top:4px;letter-spacing:1.5px}.mode-number{font-size:37px;font-weight:400;line-height:1;color:#c6aaa0;letter-spacing:-2px}.mode-number small{font-size:13px;margin-left:5px;letter-spacing:0}.mode-card h3{font-size:24px;margin-bottom:8px}.mode-card p{font-size:13px}.mode-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:25px;gap:12px}.mode-bottom>span:first-child{font-size:11px;color:#85746c}.mode-bottom b{padding:0 8px;font-weight:400}.circle-arrow{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#fff9}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.type-card{background:#fffdfb;border:1px solid #e9e0d8;border-radius:18px;overflow:hidden;transition:transform .2s}.type-card:hover{transform:translateY(-5px)}.card-art{display:block;height:185px;text-align:center;overflow:hidden;background:#f5e7df}.tone-1 .card-art{background:#ebe6f2}.tone-2 .card-art{background:#f3ebd7}.tone-3 .card-art{background:#e5ebe1}.card-art svg{height:185px;width:220px}.card-copy{padding:21px 21px 18px}.type-code{font-size:10px;color:#aa6c62;letter-spacing:2px;font-weight:600}.tone-1 .type-code{color:#806b9f}.tone-2 .type-code{color:#856c3f}.tone-3 .type-code{color:#527761}.card-copy h3{font-size:19px;margin:7px 0 1px}.pronunciation{font-size:11px;color:#91847b}.card-copy p{font-size:12px;margin:13px 0 10px;line-height:1.85;min-height:44px}.card-copy .text-link{font-size:10px;border-top:1px solid #eee7e1;width:100%;justify-content:space-between;padding-top:13px}.fine-print{font-size:11px;line-height:1.8;color:#81766e;margin-top:20px}.learning{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.learning>div:first-child p:not(.eyebrow){font-size:14px;line-height:1.95;margin:19px 0 25px;max-width:370px}.axis-list>div{padding:17px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;font-size:12px}.axis-no{font-family:Georgia,serif;color:#b19c90;font-size:15px}.axis-list strong{font-weight:500;flex:1}.axis-list>div>span:last-child{color:#807168;font-size:11px}.axis-list i{font-style:normal;margin:0 12px;color:#bdb0a3}.match-banner{background:#eae5f0;border-radius:var(--radius);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:48px;padding-bottom:48px;max-width:1116px}.match-banner h2{font-size:32px;line-height:1.5}.match-banner p:not(.eyebrow){font-size:13px;margin:17px 0 25px;color:#776d80}.match-banner .button{background:#71617e}.match-art{display:flex;align-items:center;justify-content:center;gap:12px;min-height:240px}.match-art>span{font-size:9px;letter-spacing:2px;color:#8a7795}.overlap-circles{position:relative;width:210px;height:160px;display:grid;place-items:center}.overlap-circles i{position:absolute;display:block;width:135px;height:150px;border-radius:47% 47% 45% 45%;background:linear-gradient(130deg,#f5d4c3bb,#d59e97bb);left:0;transform:rotate(-15deg);mix-blend-mode:multiply}.overlap-circles i+i{background:linear-gradient(130deg,#ddd0efbb,#ac9ac9cc);left:auto;right:0;transform:rotate(15deg)}.overlap-circles svg{position:relative;color:#fffbf5;width:29px;height:29px;z-index:2}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;row-gap:45px}.article-art{height:207px;border-radius:15px;display:block;position:relative;background:#e9dfd0;overflow:hidden}.article-art-1{background:#e9e4ed}.article-art-2{background:#e4e7df}.editorial-no{position:absolute;left:24px;top:20px;font:italic 20px Georgia,serif;color:#6d685b}.art-caption{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:2px;color:#665e54}.line-orbit{width:135px;height:135px;border:1px solid #9d827388;border-radius:50%;position:absolute;top:30px;right:65px;transform:rotate(-30deg)}.line-orbit:before,.line-orbit:after{content:'';position:absolute;width:100%;height:100%;border:1px solid #9d827388;border-radius:50%;top:0;left:28px}.line-orbit:after{left:56px}.article-art-1 .line-orbit{border-radius:60% 60% 0 0;transform:rotate(16deg);width:90px;height:135px;right:95px;border-color:#a293af}.article-art-1 .line-orbit:before,.article-art-1 .line-orbit:after{border-radius:60% 60% 0 0;border-color:#a293af}.article-art-2 .line-orbit{width:100px;height:100px;border-color:#8f9b86;top:50px}.article-art-2 .line-orbit:before{left:-42px;top:20px;border-color:#8f9b86}.article-art-2 .line-orbit:after{left:-20px;top:-25px;border-color:#8f9b86}.article-meta{font-size:10px;color:#8c6e62;margin-top:20px}.article-meta span{color:#8c847b;margin-left:6px}.article-card h3{font-size:19px;margin:8px 0 10px}.article-card p{font-size:12px;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;border-top:1px solid var(--line);padding-top:65px;padding-bottom:60px}.faq h2{font-size:29px}.faq details{border-bottom:1px solid var(--line)}details summary{cursor:pointer;list-style:none;font-size:14px;padding:20px 0}details summary::-webkit-details-marker{display:none}.faq summary{display:flex;justify-content:space-between;gap:20px}.faq summary span{font-size:22px;font-weight:300;color:#a28e7e}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;padding:0 24px 15px 0;line-height:1.9}.ad-slot{border:1px dashed #ddd4ca;border-radius:10px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;margin:30px 0 50px;background:#f8f5f0;contain:layout}.ad-slot span{font-size:10px;color:#82766b;letter-spacing:2px}.ad-slot small{color:#8c8175;font-size:10px}.site-footer{border-top:1px solid var(--line);background:#f5f1ea;margin-top:30px;padding:45px 0 24px}.footer-top{display:flex;align-items:center;gap:34px;margin-bottom:25px}.footer-top .brand{font-size:14px;font-weight:500}.footer-top .brand svg{color:var(--rose);width:20px}.footer-top p{font-size:11px;margin:0}.footer-links{display:flex;gap:24px;align-items:center;flex-wrap:wrap;font-size:11px;color:#71675d}.footer-links button{padding:8px 0;font-size:11px}.footer-bottom{border-top:1px solid #e5ddd2;margin-top:22px;padding-top:20px;display:flex;justify-content:space-between;gap:30px}.footer-bottom p,.footer-bottom span{font-size:9px;color:#8b8177;margin:0}.page-heading{max-width:780px;margin:0 auto 42px;text-align:center;padding-top:20px}.page-heading h1{font-size:36px;margin:0 0 18px}.page-heading>p:not(.eyebrow){font-size:14px}.page-heading .eyebrow{font-size:10px}.narrow{max-width:960px;padding-top:60px;padding-bottom:70px}.prose{max-width:820px;padding-top:60px;padding-bottom:70px}.prose .page-heading{text-align:left;margin-bottom:50px}.prose h2{font-size:25px;margin:35px 0 18px}.prose h3{font-size:19px;margin-bottom:10px}.prose section p{font-size:15px;line-height:2.15}.prose a:not(.button){text-decoration:underline;text-underline-offset:4px}.prose .mode-grid{margin-top:30px}.prose .mode-card{padding:20px;text-decoration:none!important}.prose .mode-card h3{font-size:20px}.prose .mode-bottom{display:block}.prose .circle-arrow{display:none}.lead{font-size:18px;color:#65554b;line-height:1.9}.notice{font-size:12px;border-left:2px solid #c8b0b2;padding:12px 18px;background:#f2ece9;margin:26px 0;line-height:1.9;color:#766a62}.empty-state{text-align:center;min-height:440px;padding-top:95px;padding-bottom:100px}.empty-state h1{font-size:32px;margin-bottom:20px}.empty-state .button{margin-top:15px}.filter-panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:#fffdfa;margin-bottom:25px}.search-box{display:flex;align-items:center;gap:12px;max-width:520px;margin:auto auto 24px;border:1px solid #ddd2c7;border-radius:8px;padding:0 15px;background:#fff}.search-box svg{color:#a79180}.search-box input{padding:14px 0;border:none;background:none;min-width:0;width:100%;font-size:13px}.filter-row{display:flex;align-items:flex-end;gap:18px;justify-content:space-between}.filter-row label{font-size:10px;color:#88766a;display:flex;flex-direction:column;gap:6px;flex:1}.filter-row select{padding:9px 10px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:#fcfaf7;font-size:12px;width:100%;min-height:42px}.filter-row .text-link{font-size:11px}.profile-page{padding-top:45px;padding-bottom:65px}.profile-hero{padding:32px 55px 34px;border-radius:25px;background:#f5e7df;display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center;min-height:350px}.profile-hero.tone-1{background:#ebe6f2}.profile-hero.tone-2{background:#f3ebd7}.profile-hero.tone-3{background:#e5ebe1}.profile-visual svg{width:310px;display:block;margin:auto}.type-code.big{font-size:18px;letter-spacing:3px}.type-code.big small{letter-spacing:0;font-size:12px;margin-left:12px;font-weight:400}.profile-hero h1{font-size:38px;margin:10px 0 13px}.profile-slogan{font-size:16px;color:#756059}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0}.tag{font-size:10px;background:#fffc;border:1px solid #e7ded5;border-radius:20px;white-space:nowrap;padding:5px 12px;color:#6b5d54}.share-buttons{display:flex;gap:12px;align-items:center}.share-buttons .button{min-height:44px;font-size:12px;padding:8px 20px}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid #d9c6bd;border-radius:8px;background:#fff9}.profile-body{display:grid;grid-template-columns:220px 1fr;gap:45px;margin-top:42px}.profile-sidebar{height:fit-content;position:sticky;top:35px;padding:15px 0}.profile-sidebar .eyebrow{font-size:9px;margin-bottom:18px}.profile-sidebar a{display:block;font-size:12px;padding:8px 0;color:#897d72}.profile-sidebar a:hover{color:var(--rose)}.analysis-panel{background:#fffdfa;border:1px solid var(--line);border-radius:16px;padding:30px 32px;margin-bottom:22px}.analysis-panel h2{font-size:23px;margin-bottom:17px}.analysis-panel p{font-size:14px;line-height:2;margin-bottom:0}.analysis-panel .lead{font-size:17px;margin-bottom:12px;color:#5d4d45}.analysis-panel .eyebrow{font-size:9px;line-height:1.5;margin-bottom:12px}.analysis-panel.advice-panel{background:#eee8f1;border-color:#e3d8e7}.analysis-panel .section-heading{margin-bottom:10px}.analysis-panel .section-heading h2{margin-bottom:0}.score-row{margin:26px 0}.score-label,.score-poles{display:flex;justify-content:space-between;gap:15px;align-items:center}.score-label{margin-bottom:14px;font-size:13px}.score-label span{font-size:10px;color:#7c5f62}.score-poles{font-size:11px;color:#86796d;margin-bottom:8px}.score-poles b{font-size:11px;color:#7b5b58;font-weight:500;margin:0 5px}.bipolar{height:9px;border-radius:10px;background:#e6def0;position:relative;overflow:visible}.bipolar>div{height:100%;border-radius:10px;background:#d59694}.bipolar:after{content:'';position:absolute;left:50%;width:1px;background:#fff9;height:17px;top:-4px}.bipolar i{display:block;position:absolute;top:-3px;transform:translateX(-50%);width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#976c7d;box-shadow:0 1px 5px #0002}.score-row small{display:block;margin-top:12px;color:#887a70;font-size:10px}.method{border-top:1px solid var(--line);margin:28px 0 12px}.method summary{color:#6b5a51;font-size:13px}.method summary:after{content:' +';float:right}.method p{font-size:12px!important;line-height:1.9}.opposite-link{display:flex;align-items:center;gap:20px;font-size:15px}.analysis-panel .fine-print{font-size:11px;margin-top:15px}.final-cta{text-align:center;padding:34px 15px 24px}.final-cta h2{font-size:25px;margin-bottom:24px}.final-cta .button{margin:5px}.share-tools{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:25px 0}.share-tools button,.share-tools a{padding:9px 14px;font-size:11px;border:1px solid var(--line);border-radius:6px;background:#fffdfa;min-height:40px}.compat-form{padding:26px;background:#f1ece6;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.compat-form label{display:flex;flex-direction:column;gap:9px;font-size:12px}.compat-form input{width:100%;min-width:0;padding:13px;border:1px solid #d7c9be;border-radius:7px;font-size:13px;background:#fffdfa}.compat-form .button{padding:12px 18px;font-size:12px;gap:12px}.compat-form #compat-error{grid-column:1/-1;font-size:12px;color:#963d4f;margin:0}.compat-form #compat-error:empty{display:none}.compat-summary{display:grid;grid-template-columns:1fr .8fr 1fr;gap:20px;align-items:center;margin-top:45px}.pair-type{text-align:center;border-radius:20px;padding:15px 15px 22px;background:#f3e5de}.pair-type.tone-1{background:#ebe5f1}.pair-type svg{max-height:180px;display:block;margin:auto}.pair-type strong{font-size:17px;letter-spacing:3px;display:block}.pair-type span{display:block;font-size:12px;color:#7e6d63;margin-top:5px}.pair-score{text-align:center;display:flex;align-items:center;flex-direction:column;gap:10px}.pair-score>span{font-size:8px;letter-spacing:2px;color:#9e8475}.pair-score strong{font:50px Georgia,serif;color:#a26774}.pair-score strong small{font-size:13px;color:#9c8a7e;margin-left:5px}.pair-score svg{color:#b38d8e}.compat-axes{margin-top:26px}.compat-axes h3{font-size:20px}.compat-poles{color:#8e626f!important;font-size:12px!important}.compat-poles span{padding:0 15px}dl{margin:22px 0 0}dt{font-size:12px;font-weight:600;color:#7c645a;margin:15px 0 7px}dd{margin:0;font-size:13px;color:#817369;line-height:1.9}.perspectives{display:grid;grid-template-columns:1fr 1fr;gap:30px}.perspectives h3{font-size:15px;margin-bottom:10px}.perspectives p{font-size:13px}.compat-empty{text-align:center;padding:70px 25px}.compat-empty .overlap-circles{margin:0 auto 35px}.compat-empty p{font-size:14px;max-width:480px;margin:0 auto 18px}.compat-empty small{font-size:11px;color:#8b7d72}table{width:100%;border-collapse:collapse;font-size:12px;margin:20px 0}td,th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.test-shell{max-width:800px;min-height:650px;padding-top:50px;padding-bottom:80px}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.test-header .eyebrow{margin:0;font-size:10px}.test-header button{font-size:12px;color:#887b6f;padding:10px}.progress-meta{display:flex;justify-content:space-between;font-size:11px;color:#998378;margin:0 0 10px}.progress-track{height:5px;background:#e8dfd6;border-radius:5px;overflow:hidden}.progress-track>div{height:100%;background:#b37780;transition:width .25s}.question-block{padding:48px 0 0}.question-axis{font-size:11px;color:#a5797f;letter-spacing:1px;margin-bottom:17px}.question-block h1{font-size:28px;min-height:80px;line-height:1.7;letter-spacing:-1px;outline:none}.question-help{font-size:12px;margin-top:17px;margin-bottom:26px}.answers{display:grid;gap:11px}.answer{display:flex;align-items:center;text-align:left;gap:18px;padding:16px 23px;min-height:62px;border:1px solid #e1d6ca;border-radius:11px;background:#fffdfa;transition:background .15s,border-color .15s;font-size:14px}.answer:hover,.answer[aria-pressed=true]{background:#f4e4e4;border-color:#bb8b92}.answer .answer-number{display:grid;place-items:center;width:26px;height:26px;border:1px solid #dbcec1;border-radius:50%;font-size:11px;color:#9b897d}.answer[aria-pressed=true] .answer-number{background:var(--rose);color:white;border-color:var(--rose)}.test-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:28px}.test-bottom button{font-size:12px;border:1px solid #ddd0c3;border-radius:7px;padding:12px 18px;min-height:44px}.test-bottom p{font-size:10px;color:#9c8d80;margin:0}.resume-panel{text-align:center;background:#f3e8e3;padding:45px 30px;border-radius:20px;margin-top:50px}.resume-panel h1{font-size:27px;margin-bottom:15px}.resume-panel .button{margin:15px 5px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-80px;left:20px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:10px}#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#3f3436;color:white;border-radius:10px;padding:14px 24px;z-index:100;font-size:13px;box-shadow:0 4px 25px #0002;max-width:calc(100vw - 32px);width:max-content}dialog{border:1px solid #e0d4c8;background:var(--paper);border-radius:20px;padding:38px;max-width:500px;width:calc(100% - 40px);box-shadow:0 20px 100px #0002}dialog::backdrop{background:#29222a55}dialog h2{font-size:25px;margin-bottom:20px}dialog p{font-size:14px}.dialog-close{position:absolute;right:12px;top:12px;min-width:36px;min-height:36px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.dialog-actions .button{font-size:12px;gap:8px;flex:1}
@media(min-width:1400px){.hero{min-height:690px}.hero-visual{transform:scale(1.05)}}
@media(max-width:1050px){.header-inner{gap:15px}.header-inner nav{gap:18px;font-size:12px}.header-actions{gap:12px}.header-cta{display:none}.hero h1{font-size:48px}.hero-halo{width:350px;height:350px;top:70px}.hero-object.one{width:270px;left:-18px;top:125px}.hero-object.two{width:245px;right:-12px;top:178px}.floating-label{padding:9px 12px}.label-one{right:0;top:90px}.label-two{left:8px;bottom:20px}.visual-caption{top:44px}.visual-bottom{bottom:0}.visual-spark{left:12px;top:110px}.hero{min-height:620px}.learning{gap:50px}.type-grid{gap:14px}.card-copy{padding:18px 16px}.card-copy h3{font-size:17px}.card-art{height:160px}.card-art svg{height:160px}.match-banner{margin-left:32px;margin-right:32px}.profile-body{grid-template-columns:180px 1fr;gap:28px}.profile-hero{padding:30px;gap:25px}.profile-hero h1{font-size:33px}.compat-form{grid-template-columns:1fr 1fr}.compat-form .button{grid-column:1/-1}.manifesto span{font-size:7px}.filter-row{flex-wrap:wrap}.filter-row label{min-width:110px}}
@media(max-width:720px){.wrap{padding-left:22px;padding-right:22px}.site-header{height:76px}.brand{font-size:15px;gap:7px}.brand small{font-size:11px;letter-spacing:1px;margin-top:5px}.brand-symbol svg{width:24px}.header-actions{gap:16px}.language-switch{font-size:10px}#menu-toggle{display:grid;border:none;width:30px;height:40px;padding:0;background:none}.header-inner nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 25px;box-shadow:0 8px 20px #0001}.header-inner nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header-inner nav a{padding:13px 0;font-size:14px}.header-inner nav a[aria-current]:after{display:none}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px;padding-bottom:30px;gap:0;min-height:auto;overflow:hidden}.hero .eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:20px}.hero h1{font-size:45px;letter-spacing:-2.4px;margin-bottom:19px;line-height:1.3}.hero-sub{font-size:13px;margin-bottom:15px}.hero-desc{font-size:12px;line-height:1.9;margin-bottom:25px}.hero .button{font-size:13px;gap:35px;padding:14px 24px}.hero-secondary{margin:15px auto 23px;font-size:11px}.trust-row{justify-content:center;font-size:9px;gap:17px}.hero-visual{min-height:345px;max-width:400px;width:100%;margin:20px auto 0}.hero-halo{width:285px;height:285px;top:27px}.hero-object.one{width:230px;left:0;top:53px}.hero-object.two{width:215px;right:0;top:106px}.floating-label{font-size:9px;padding:8px 11px;gap:7px}.floating-label small{font-size:8px}.label-one{top:27px;right:14px}.label-two{left:16px;bottom:18px}.visual-caption{top:0;font-size:6px;letter-spacing:1.5px}.visual-bottom{bottom:-1px;font-size:6px;letter-spacing:1.5px}.visual-spark{top:51px;left:20px}.visual-spark svg{width:22px}.manifesto{padding:18px 20px}.manifesto span{display:none}.manifesto p{font-size:11px}.section{padding-top:58px;padding-bottom:58px}.section-heading{align-items:flex-start;margin-bottom:25px;gap:16px;flex-wrap:wrap}.section-heading h2{font-size:26px}.section-heading>.text-link{font-size:11px;padding:0}.section-heading .eyebrow{font-size:8px;margin-bottom:10px}.section-heading p:not(.eyebrow){font-size:12px;margin-top:10px}.mode-grid{grid-template-columns:1fr;gap:15px}.mode-card{padding:25px 25px 23px;border-radius:17px}.mode-card h3{font-size:23px}.mode-card p{font-size:12px}.mode-bottom{margin-top:18px}.mode-number{font-size:32px}.mode-top .eyebrow{font-size:9px}.type-grid{grid-template-columns:1fr 1fr;gap:13px;row-gap:18px}.card-art{height:145px}.card-art svg{height:145px;width:170px}.card-copy{padding:15px 14px 13px}.card-copy h3{font-size:17px}.type-code{font-size:9px;letter-spacing:1.5px}.pronunciation{font-size:10px}.card-copy p{font-size:11px;line-height:1.85;margin:10px 0;min-height:60px}.card-copy .text-link{font-size:9px;gap:3px;padding-top:10px}.card-copy .text-link svg{width:12px}.fine-print{font-size:10px}.learning{grid-template-columns:1fr;gap:25px}.learning h2{font-size:26px}.learning .eyebrow{font-size:8px}.learning>div:first-child p:not(.eyebrow){font-size:13px;margin:15px 0 20px;max-width:100%}.learning .button{font-size:12px;min-height:45px}.axis-list>div{padding:15px 0}.axis-list>div>span:last-child{font-size:10px}.match-banner{margin-left:22px;margin-right:22px;padding:25px 25px 34px;grid-template-columns:1fr;gap:0;text-align:center}.match-art{min-height:190px;order:2;margin-top:25px}.match-banner h2{font-size:29px}.match-banner .eyebrow{font-size:9px}.match-banner p:not(.eyebrow){font-size:12px}.match-banner .button{font-size:12px;min-height:48px}.match-art>span{font-size:8px}.article-grid{grid-template-columns:1fr;gap:35px}.article-art{height:220px}.article-card h3{font-size:20px}.article-card p{font-size:12px}.article-meta{margin-top:16px}.faq{grid-template-columns:1fr;gap:20px;padding-top:45px;padding-bottom:35px}.faq .eyebrow{font-size:9px;margin-bottom:10px}.faq h2{font-size:26px}.faq summary{font-size:13px}.faq details p{font-size:12px}.site-footer{padding-top:35px;margin-top:20px}.footer-top{flex-direction:column;align-items:flex-start;gap:15px}.footer-links{gap:5px 18px;font-size:10px}.footer-links button{font-size:10px}.footer-bottom{flex-direction:column;gap:14px}.footer-bottom p,.footer-bottom span{font-size:9px}.page-heading{padding-top:8px;margin-bottom:30px;text-align:left}.page-heading h1{font-size:29px}.page-heading>p:not(.eyebrow){font-size:13px;line-height:1.9}.narrow,.prose{padding-top:38px;padding-bottom:45px}.prose h2{font-size:22px}.prose section p{font-size:14px;line-height:2}.prose .mode-grid{grid-template-columns:1fr}.filter-panel{padding:17px;border-radius:15px}.search-box{margin-bottom:19px;padding:0 10px}.search-box input{font-size:12px}.filter-row{gap:13px}.filter-row label{min-width:calc(50% - 14px);flex:1}.filter-row .text-link{font-size:10px}.profile-page{padding-top:23px;padding-bottom:45px}.profile-hero{grid-template-columns:1fr;gap:0;text-align:center;padding:15px 23px 30px;border-radius:20px}.profile-visual svg{max-height:220px}.profile-hero .eyebrow{font-size:8px;margin-bottom:12px}.profile-hero h1{font-size:31px}.type-code.big{font-size:15px}.profile-slogan{font-size:13px}.tags,.share-buttons{justify-content:center}.profile-body{grid-template-columns:1fr;gap:0;margin-top:25px}.profile-sidebar{display:none}.analysis-panel{padding:24px 22px;border-radius:13px;margin-bottom:17px}.analysis-panel h2{font-size:21px}.analysis-panel p{font-size:13px;line-height:2}.analysis-panel .lead{font-size:15px}.analysis-panel .section-heading{align-items:center;flex-wrap:nowrap}.analysis-panel .section-heading h2{font-size:20px}.score-label{font-size:12px}.score-poles{font-size:10px}.score-row small{font-size:9px;line-height:1.9}.score-label span{font-size:9px}.opposite-link{font-size:13px;gap:15px}.final-cta{padding:25px 0}.final-cta h2{font-size:23px}.final-cta .button{font-size:12px;gap:16px}.share-tools{gap:6px}.share-tools button,.share-tools a{font-size:10px;padding:9px 11px}.compat-form{padding:20px 18px;gap:16px;grid-template-columns:1fr}.compat-form .button{font-size:12px}.compat-summary{gap:9px;grid-template-columns:1fr .7fr 1fr;margin-top:30px}.pair-type{padding:12px 8px 18px;border-radius:13px}.pair-type svg{height:115px}.pair-type strong{font-size:13px;letter-spacing:1.5px}.pair-type span{font-size:10px;line-height:1.7}.pair-score>span{font-size:6px;letter-spacing:1px}.pair-score strong{font-size:36px}.pair-score strong small{display:block;font-size:10px}.pair-score svg{width:15px}.compat-axes h3{font-size:18px}.compat-axes dd{font-size:12px}.perspectives{grid-template-columns:1fr;gap:25px}.compat-empty{padding:45px 5px}.test-shell{min-height:630px;padding-top:25px;padding-bottom:55px}.test-header{margin-bottom:20px}.question-block{padding-top:32px}.question-block h1{font-size:23px;min-height:80px;line-height:1.65}.question-help{font-size:11px;margin-top:14px;margin-bottom:22px}.answer{font-size:13px;padding:14px 17px;min-height:59px;gap:16px}.answers{gap:10px}.test-bottom{gap:12px}.test-bottom p{font-size:9px}.resume-panel{padding:35px 22px}.resume-panel h1{font-size:24px}.resume-panel p{font-size:13px}.resume-panel .button{font-size:12px;gap:12px}.empty-state h1{font-size:28px}.empty-state p{font-size:13px}#toast{font-size:12px;padding:12px 18px}dialog{padding:33px 25px}dialog .dialog-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.analysis-panel .score-explanation{font-size:11px;line-height:1.9;margin:13px 0 0;color:#796c69}
/* Small informational copy retains readable contrast on the warm paper palette. */
.pronunciation,.fine-print,.trust-row{color:#756b64}.article-meta span,.footer-bottom p,.footer-bottom span{color:#776b61}.mode-bottom>span:first-child,.test-bottom p,.progress-meta{color:#77685e}.hero-sub{color:#665f59}
/* Type-specific ceramic characters: transparent cutouts preserve their silhouette. */
.card-art{display:flex;justify-content:center;align-items:center;padding:10px}.card-art .character-art{display:block;width:100%;height:100%;object-fit:contain}.hero-object .character-art{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 12px #77505b14)}.profile-visual .character-art{display:block;width:100%;max-width:310px;height:auto;max-height:310px;object-fit:contain;margin:auto}.character-caption{max-width:320px;margin:12px auto 0;font-size:11px;line-height:1.9;text-align:center;color:#776459}.pair-type .character-art{width:100%;height:180px;object-fit:contain;display:block;margin:auto}.character-collection{padding-top:50px;padding-bottom:60px}.character-collection .collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.collection-item{background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:22px}.collection-item img{display:block;width:100%;height:230px;object-fit:contain}.collection-item h2{font-size:20px;margin:8px 0}.collection-item p{font-size:12px;line-height:1.9}.collection-item .tags{gap:5px;margin:14px 0}.collection-item .tag{font-size:9px;padding:3px 8px}.collection-item .download-link{display:block;border-top:1px solid var(--line);font-size:11px;padding-top:12px;margin-top:16px;color:var(--rose)}.collection-item .code-line{font-size:10px;letter-spacing:1.5px;color:#9e665d;margin-top:14px}.collection-intro{max-width:720px;margin:auto auto 36px;text-align:center}.collection-intro h1{font-size:34px;margin-bottom:20px}.collection-intro p{font-size:14px;line-height:2}.collection-navigation{display:flex;gap:20px;justify-content:center;margin-bottom:35px;font-size:13px}.collection-legend{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0 40px}.collection-legend div{padding:15px;background:#f1ebe6;border-radius:10px;font-size:11px}.collection-legend strong{display:block;margin-bottom:5px;font-size:12px}.collection-legend p{margin:0;font-size:11px}.collection-note{font-size:12px;max-width:700px;margin:30px auto;text-align:center}
@media(max-width:1050px){.character-collection .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.collection-legend{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.profile-visual .character-art{max-width:230px;max-height:230px}.pair-type .character-art{height:115px}.character-caption{font-size:10px;max-width:270px;margin-bottom:20px}.hero-object.one{top:54px;width:210px;left:4px}.hero-object.two{top:94px;width:190px;right:3px}.character-collection .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.collection-item{padding:14px}.collection-item img{height:165px}.collection-item h2{font-size:17px}.collection-item p{font-size:11px}.collection-legend{grid-template-columns:1fr 1fr}.collection-intro h1{font-size:28px}.collection-intro p{font-size:13px}.collection-item .tags{gap:3px}.collection-item .tag{font-size:8px;padding:3px 6px}}
/* Editorial reading: concrete scenes, conversations, and small exercises. */
.editorial-list{padding-left:23px;margin:20px 0;color:#73665e;font-size:14px;line-height:1.95}.editorial-list li+li{margin-top:10px}.analysis-panel .editorial-list{font-size:13px}.preparation-panel{margin-top:32px}.story-panel h3,.practice-panel h3{font-size:17px;margin:24px 0 12px}.story-panel .fine-print{font-size:11px;margin-top:15px}.conversation-panel .fine-print{font-size:11px;margin-bottom:20px}.dialogue-line{display:grid;grid-template-columns:75px minmax(0,1fr);gap:15px;align-items:start;margin:18px 0}.dialogue-line strong{font-size:11px;font-weight:500;color:#8c655e;padding-top:13px}.dialogue-line blockquote{margin:0;padding:14px 18px;border-radius:12px;background:#f4e9e4;font-size:14px;line-height:1.95;color:#604e47}.dialogue-line:nth-of-type(2) blockquote{background:#eee8f1}.agreement-box{background:#edf0e8;border-radius:12px;padding:18px 20px;margin:24px 0 0}.agreement-box h3{font-size:13px;margin:0 0 8px;color:#5c7059}.agreement-box p{font-size:13px}.related-guide-link{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:19px 0;border-bottom:1px solid var(--line);white-space:normal;text-decoration:none!important}.related-guide-link strong{font-size:14px;font-weight:500}.related-guide-link span{grid-column:1;font-size:12px;color:#80746b;line-height:1.9}.related-guide-link svg{grid-column:2;grid-row:1/3;align-self:center;color:#aa7a78}.compat-reading{font-size:13px;line-height:2;margin-bottom:28px}.compat-practice{border-top:1px solid var(--line);margin-top:22px}.compat-practice summary{font-size:12px;color:#966a68}.compat-practice summary:after{content:' +';float:right}.compat-practice h4{font-size:12px;font-weight:600;margin:22px 0 10px}.compat-practice p{font-size:12px}.compat-practice blockquote{font-size:12px;line-height:1.95;margin:10px 0;padding:12px 15px;border-left:2px solid #ceb3b6;background:#f6efeb;color:#78695e}.compat-practice blockquote+blockquote{background:#efebf4;border-left-color:#b6a4cb}.axis-hint{margin-top:12px}.axis-hint summary{padding:7px 0;font-size:10px;color:#84675e}.axis-hint summary:after{content:' +';margin-left:10px}.analysis-panel .axis-hint p{font-size:11px;line-height:1.9;margin:7px 0}.editorial-journey{padding-top:20px}.journey-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:0 0 40px}.journey-steps li{border-top:1px solid #dacfbe;padding-top:20px}.journey-steps h3{font-size:19px;margin:10px 0}.journey-steps p{font-size:13px;line-height:1.95}.use-case-title{font-size:22px;margin-bottom:23px}.use-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.use-case-grid>a{padding:24px;border:1px solid var(--line);border-radius:15px;background:#f2ece6}.use-case-grid h3{font-size:19px;line-height:1.6;margin-bottom:13px}.use-case-grid p{font-size:12px;line-height:1.95}.use-case-grid .text-link{font-size:11px;margin-top:5px}.article-intro{margin-bottom:28px}.article-intro p{font-size:16px;line-height:2.05;color:#6e5c53}.article-takeaways,.article-exercise{background:#efebf3;border:1px solid #e1d9e9;border-radius:15px;padding:26px 29px;margin:35px 0}.prose .article-takeaways h2,.prose .article-exercise h2{margin-top:0;font-size:22px}.article-exercise{background:#f2eee5;border-color:#e3dbc9}.article-exercise>.eyebrow{margin-bottom:12px;font-size:9px}.article-toc{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:35px 0}.prose .article-toc h2{font-size:15px;margin:0 0 13px}.article-toc ol{padding-left:22px;margin:0;font-size:12px;line-height:2.25;color:#7b685c}.article-toc a{text-decoration:none!important}.article-toc a:hover{color:var(--rose)}.article-dialogue{margin:35px 0}.article-dialogue blockquote{margin:15px 0;padding:18px 22px;border-radius:12px;background:#f2e7e1;font-size:14px;line-height:2;color:#6c554b}.article-dialogue blockquote:nth-of-type(even){background:#eee8f3}.article-dialogue blockquote span{display:block;font-size:10px;color:#8e7167;margin-bottom:6px}.article-faq details{border-bottom:1px solid var(--line)}.article-faq summary{font-size:14px;line-height:1.9;padding:18px 0}.article-faq summary:after{content:' +';margin-left:15px}.prose .article-faq details p{font-size:13px;line-height:2;padding:0 12px 13px 0}.article-sources{border-top:1px solid var(--line);margin-top:40px;padding-top:8px}.prose .article-sources h2{font-size:17px;margin-top:20px}.article-sources a{font-size:12px;overflow-wrap:anywhere}.article-sources .fine-print{font-size:11px}.about-principles{display:grid;grid-template-columns:1fr 1fr;gap:18px}.about-principles>div{border:1px solid var(--line);border-radius:12px;padding:22px;background:#fffdfa}.prose .about-principles h3{font-size:18px}.prose .about-principles p{font-size:13px;line-height:2;margin-bottom:0}.axis-guide{padding:25px 0;border-bottom:1px solid var(--line)}.axis-guide>.eyebrow{font-size:10px;margin-bottom:10px}.prose .axis-guide h3{font-size:22px}.prose .axis-guide p{font-size:14px}.axis-guide dd{font-size:13px}.axis-guide .axis-question{padding:14px 17px;background:#f3eae5;border-radius:8px;margin-top:20px;margin-bottom:0;font-size:13px;color:#7b5c55}.formula{font-family:monospace;font-size:13px;overflow-wrap:anywhere;padding:16px;background:#eee9e2;border-radius:8px}
@media(max-width:720px){.journey-steps,.use-case-grid{grid-template-columns:1fr;gap:18px}.journey-steps{margin-bottom:28px}.journey-steps h3{font-size:18px}.journey-steps p{font-size:12px}.use-case-grid>a{padding:20px}.use-case-grid h3{font-size:18px}.dialogue-line{grid-template-columns:1fr;gap:7px}.dialogue-line strong{padding:0}.dialogue-line blockquote{font-size:13px;padding:13px 16px}.agreement-box{padding:16px}.editorial-list{font-size:13px;padding-left:21px}.article-intro p{font-size:14px;line-height:2.1}.article-takeaways,.article-exercise{padding:22px 20px}.prose .article-takeaways h2,.prose .article-exercise h2{font-size:20px}.article-dialogue blockquote{font-size:13px;padding:16px 18px}.article-faq summary{font-size:13px}.about-principles{grid-template-columns:1fr;gap:13px}.about-principles>div{padding:20px}.compat-reading{font-size:12px}.compat-practice p,.compat-practice blockquote{font-size:12px}.related-guide-link strong{font-size:13px}.related-guide-link span{font-size:11px}.editorial-journey{padding-top:5px}}
/* Five code positions stay explicit, including the two distinct meanings of N. */
.code-breakdown{list-style:none;padding:0;margin:20px 0;display:grid;gap:12px}.code-breakdown li{display:flex;align-items:flex-start;gap:14px;min-width:0}.code-letter{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:10px;background:#f0e5eb;color:#835e72;font-family:Georgia,serif;font-size:21px}.code-breakdown strong{display:block;font-size:14px;font-weight:600;line-height:1.6}.code-axis{display:block;font-size:10px;color:#806e64;line-height:1.8;margin-bottom:2px}.analysis-panel .code-breakdown p{font-size:13px;line-height:1.9;margin:5px 0 0}.code-breakdown-full{margin:25px 0 0;gap:18px}.code-breakdown-compact{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:9px 5px;margin:16px 0 20px}.code-breakdown-compact li{align-items:center;gap:6px}.code-breakdown-compact .code-letter{font-size:13px;flex-basis:23px;height:25px;border-radius:6px}.code-breakdown-compact strong{font-size:10px;white-space:normal}.analysis-panel .narrative-copy p+p{margin-top:18px}.narrative-copy{overflow-wrap:anywhere}.analysis-panel .narrative-copy p{line-height:2.05}.profile-sidebar a{line-height:1.7}.analysis-panel .narrative-copy+.notice{margin-top:22px}
@media(max-width:720px){.code-breakdown-full{gap:17px}.analysis-panel .code-breakdown p{font-size:12px}.code-breakdown strong{font-size:13px}.code-breakdown-compact strong{font-size:10px}.code-breakdown-compact{column-gap:4px}.analysis-panel .narrative-copy p+p{margin-top:17px}}

.code-breakdown li>div{min-width:0}.code-breakdown-compact strong{overflow-wrap:anywhere}

/* Reading navigation follows the article; its own overflow never scrolls the page. */
.profile-body{align-items:start;min-width:0}.profile-body>div{min-width:0}.profile-sidebar{align-self:start;position:sticky;top:28px;height:auto;max-height:calc(100vh - 56px);max-height:calc(100dvh - 56px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cdb8bd transparent;padding:12px 10px 12px 0}.profile-sidebar .eyebrow{padding-left:12px}.profile-sidebar a{border-left:2px solid transparent;border-radius:0 7px 7px 0;padding:9px 10px;transition:background .18s,color .18s,border-color .18s}.profile-sidebar a:hover{color:#8c3542;background:#f6ede9}.profile-sidebar a[aria-current="location"]{color:#8c3542;background:#f3e5e7;border-left-color:#a84250;font-weight:600}.profile-sidebar a:focus-visible{outline-offset:-3px}
@media(max-width:720px){.profile-body{display:block}.profile-sidebar{display:block;top:0;z-index:10;max-height:none;margin:0 -4px 20px;padding:8px 4px;background:#fcfaf7f5;border-block:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.profile-sidebar::-webkit-scrollbar{display:none}.profile-sidebar nav{display:flex;gap:4px;width:max-content}.profile-sidebar .eyebrow{display:none}.profile-sidebar a{flex:none;white-space:nowrap;border-left:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;font-size:11px;padding:10px 12px}.profile-sidebar a[aria-current="location"]{border-bottom-color:#a84250}}
@media(max-width:720px){.profile-sidebar{overscroll-behavior-y:auto}}

.site-header .brand-caption{letter-spacing:0;font-size:11px}
@media(max-width:720px){.header-inner{gap:12px}.site-header .brand{min-width:0}.site-header .brand>span:last-child{min-width:0}.site-header .brand-caption{font-size:10px;white-space:normal;max-width:160px;line-height:1.4}.header-actions{flex-shrink:0}}