:root{font-family:Arial,Helvetica,sans-serif;color:#18372f;background:#f7f5ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}p{line-height:1.65}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.12}h1{font-size:clamp(3rem,6vw,5.6rem);max-width:13ch;margin:.28em 0}h2{font-size:clamp(2rem,3vw,3.2rem);margin:.25em 0 .55em}h3{font-size:1.5rem;margin:.5em 0}small,.eyebrow{font-size:.73rem;letter-spacing:.13em;text-transform:uppercase;font-weight:700}header,footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.1rem max(4vw,20px);background:#14392f;color:#fff}header nav,footer nav{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.9rem}header a,footer a{text-decoration:none}.brand{display:inline-flex;align-items:center;gap:.65rem;white-space:nowrap;letter-spacing:.1em;font-size:1.2rem}.brand span{font-size:.8rem}.brand b{font-weight:800}footer{margin-top:4rem;align-items:start}footer p{max-width:38ch;margin:0;color:#d4e0d8}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px;top:0;background:#fff;padding:1rem;z-index:2}.skip:focus{left:0}.hero{background:#173d32;color:#f6f3e9;padding:clamp(4rem,8vw,7rem) 0;overflow:hidden}.hero p{max-width:57ch;color:#dce5dc}.hero-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:6vw;align-items:center}.hero-grid img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:48% 48% 10px 10px;box-shadow:0 26px 70px #071d1866}.hero-grid .lead,.hub p{font-size:1.22rem}.hub h1{max-width:14ch}.actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:2rem}.actions span{font-size:.85rem}.button{display:inline-flex;gap:1.5rem;justify-content:space-between;align-items:center;background:#dbc18d;color:#18372f;text-decoration:none;padding:1rem 1.35rem;border-radius:3px;font-weight:700;line-height:1.3}.button:hover,.button:focus-visible{background:#efd7a8}.section{padding:clamp(3rem,6vw,5rem) 0;border-bottom:1px solid #d8dfd5}.section-title{max-width:62ch}.section-title p{color:#50625a}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide-card,.profile-card{display:block;background:#fff;text-decoration:none;border:1px solid #dde4da;overflow:hidden;transition:transform .2s,box-shadow .2s}.guide-card:hover,.profile-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #123a2a17}.guide-card img{width:100%;aspect-ratio:1.5;object-fit:cover}.guide-card div{padding:1.4rem}.guide-card h2{font-size:1.65rem}.guide-card p{color:#50625a;margin-bottom:1.5rem}.guide-card div>span,.profile-card>span{font-weight:700}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,7rem)}.split>div>p{max-width:62ch}.note,.prompt{background:#e6ece2;padding:clamp(1.4rem,3vw,2.2rem);border-left:2px solid #819d83}.note p,.note li{color:#405d4b}.note ol{padding-left:1.3rem;line-height:1.75}.note .button{margin-top:1rem}.prompt{margin-top:2rem;background:#f0e9d8}.prompt span{font-size:.72rem;letter-spacing:.12em;font-weight:700}.prompt p{font:italic 1.5rem Georgia,serif;margin:.6rem 0}.reading{max-width:1100px}.breadcrumbs{display:flex;gap:.7rem;flex-wrap:wrap;padding:1.5rem 0;font-size:.82rem;color:#5f7063}.dimension-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;list-style:none;padding:0}.dimension-grid li{background:#fff;padding:1.5rem;border:1px solid #dce4d9}.dimension-grid strong,.dimension-grid span{display:block}.dimension-grid span{margin-top:.5rem;line-height:1.55;color:#50625a}.related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.related{display:flex;justify-content:space-between;gap:1rem;padding:1.2rem;background:#e6ece2;text-decoration:none;font-weight:700}.text-link{font-weight:700}.profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.profile-card{padding:1rem}.profile-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#e8e7de}.profile-card small,.profile-card h3,.profile-card p,.profile-card>span{display:block;margin:.7rem .3rem}.profile-card p{color:#50625a}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.trait-grid article{padding:1.6rem;background:#fff;border:1px solid #dce4d9}.trait-grid article span{color:#777e6b}.trait-grid p{color:#50625a}@media(max-width:800px){.guide-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr}.hero-grid img{max-width:460px}.split{grid-template-columns:1fr}}@media(max-width:520px){header,footer{display:block}header nav,footer nav{margin-top:1.2rem;gap:.85rem}.guide-grid,.profile-grid,.dimension-grid,.related-grid,.trait-grid{grid-template-columns:1fr}.hero{padding:4rem 0}.shell{width:min(100% - 32px,1180px)}.hero-grid img{max-height:320px}.section{padding:3rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card,.profile-card{transition:none}}

.guide-card img,.profile-card img,.hero-grid img{background-color:#dce6da}

body{font-family:'DM Sans',Arial,Helvetica,sans-serif}

@media(max-width:800px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-grid>*,.split>*{min-width:0}.hero-grid img{max-width:100%}}

/* Public, indexable pages share the assessment system's paper, type and trust cues. */
:root{color:#19392f;background:#fcfbf7}
body{background:#fcfbf7}
header{background:#fff;color:#19392f;border-bottom:1px solid #e2e8df}
header .brand{font-weight:400}
header .brand,footer .brand{gap:11px;letter-spacing:0;font-size:0;min-height:54px;padding:4px 7px;margin:-4px -7px;border-radius:13px;transition:background .22s ease,transform .22s ease}
header .brand .brand-symbol,footer .brand .brand-symbol{width:44px;height:44px;flex:none;transition:transform .22s ease,filter .22s ease}
header .brand span,footer .brand span{font:400 20px/.92 Georgia,'Times New Roman',serif;letter-spacing:-.045em;text-transform:none}
header .brand b,footer .brand b{display:block;font-size:18px;font-weight:400;padding-left:8px}
header .brand i,footer .brand i{font-style:italic;color:#a78249}
header .brand:hover,header .brand:focus-visible{background:#e8eee6;transform:translateY(-1px)}
footer .brand:hover,footer .brand:focus-visible{background:#ffffff1a;transform:translateY(-1px)}
header .brand:hover .brand-symbol,header .brand:focus-visible .brand-symbol,footer .brand:hover .brand-symbol,footer .brand:focus-visible .brand-symbol{transform:rotate(-4deg) scale(1.04);filter:drop-shadow(0 5px 8px #102c1d32)}
header .brand:focus-visible,footer .brand:focus-visible{outline:2px solid #a78249;outline-offset:3px}
footer .brand .brand-symbol{box-shadow:0 0 0 1px #cbb17d88;border-radius:14px}
@media(max-width:520px){header .brand .brand-symbol,footer .brand .brand-symbol{width:39px;height:39px}header .brand span,footer .brand span{font-size:17px}header .brand b,footer .brand b{font-size:15px;padding-left:6px}}
@media(prefers-reduced-motion:reduce){header .brand,footer .brand,header .brand .brand-symbol,footer .brand .brand-symbol{transition:none}}
header nav a{font-size:.84rem}
header nav a:hover,footer nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero{background:#fcfbf7;color:#19392f;padding:clamp(3rem,6vw,6rem) 0;border-bottom:1px solid #dbe1d7}
.hero p{color:#46544b}
.hero .eyebrow,.hero small{color:#987444}
.hero h1{letter-spacing:-.045em}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(2rem,6vw,6rem)}
.hero-grid img{display:block;width:100%;max-height:none;aspect-ratio:16/10;object-fit:contain;background:#eeeee6;border-radius:0;box-shadow:none}
.hero-grid img[src*="boundaries-sculpture"],.hero-grid img[src*="decisions-sculpture"]{aspect-ratio:3/2;object-fit:cover}
.button{background:#19392f;color:#fff;border-radius:99px;min-height:48px;padding:.8rem 1.45rem}
.button:hover,.button:focus-visible{background:#315c48}
.section{border-color:#dbe1d7}
.guide-card,.profile-card{border-radius:8px}
.guide-card img{display:block}
.note{background:#f1f5ef;border-color:#86a68d}
.prompt{background:#f5efe4;border-color:#ad8e5a}
.related{background:#f1f5ef;border:1px solid #dbe5da;border-radius:5px}
.related:hover{background:#e8f0e7}
.profile-card img{background:#f1eef3}
a:focus-visible{outline:3px solid #aa8551;outline-offset:4px}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero-grid img{max-width:700px}}
@media(max-width:520px){.hero{padding:2.7rem 0}.hero h1{font-size:clamp(2.7rem,11vw,4rem)}.hero-grid img{max-height:none}.actions .button{width:100%}}
.guide-group{padding:1.5rem 0 2.5rem;border-top:1px solid #dbe1d7}
.guide-group>small{color:#987444}
.guide-group>h3{font-size:clamp(1.65rem,2.4vw,2.3rem);margin:.7rem 0 1.4rem}
.guide-group .guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.guide-group .guide-card h2{font-size:1.4rem}
.guide-group .guide-card div{padding:1.2rem}
.guide-group .guide-card p{font-size:.9rem}
@media(max-width:900px){.guide-group .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.guide-group .guide-grid{grid-template-columns:1fr}.guide-group{padding:1.4rem 0 2.2rem}}
.guide-result-preview{min-width:0;padding:clamp(1.3rem,3vw,2.2rem);background:#fffef9;border:1px solid #d9dfd4;box-shadow:14px 16px 0 #e6ebe2;color:#19392f;transform:rotate(1deg)}
.guide-result-preview-top{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid #dce3d9;color:#536a59;font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.guide-result-preview>small{display:block;margin-top:clamp(1.7rem,4vw,3rem);color:#977548}
.guide-result-preview h2{font-size:clamp(2rem,3.5vw,3.2rem);margin:.65rem 0 1rem;max-width:12ch}
.guide-result-preview p{max-width:35ch;color:#52675a!important;font-size:.91rem}
.guide-result-preview ul{list-style:none;padding:0;margin:2rem 0 1.7rem}
.guide-result-preview li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid #dce3d9;font-size:.84rem}
.guide-result-preview li span:last-child{color:#6d806f;font-size:.72rem;text-align:right}
.guide-result-preview-foot{padding-top:1rem;border-top:1px solid #dce3d9;color:#5f7464;font-size:.72rem}
@media(max-width:520px){.guide-result-preview{transform:none;box-shadow:8px 9px 0 #e6ebe2;margin-right:8px}.guide-result-preview-top{font-size:.57rem}.guide-result-preview li{font-size:.78rem}}
/* Artwork-aware guide cards and hero ratios. */
.guide-card{--card-paper:#f5f2e9;--card-ink:#203b30;--card-muted:#526357;display:flex;flex-direction:column;background:var(--card-paper);color:var(--card-ink);border-color:#dce1d6}
.guide-card[data-tone="dark"]{--card-paper:#172e25;--card-ink:#f7f3e7;--card-muted:#c3d0bf;border-color:#172e25}
.guide-card-media{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;background:var(--card-paper)}
.guide-card .guide-card-media img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:auto;background:var(--card-paper)}
.guide-card-media:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,var(--card-paper));pointer-events:none}
.guide-card div{position:relative;display:flex;flex:1;flex-direction:column;padding:0 1.2rem 1.3rem;margin-top:-.25rem}
.guide-card small{color:var(--card-muted);font-size:.65rem}
.guide-group .guide-card h2{color:var(--card-ink);font:400 clamp(1.35rem,1.7vw,1.65rem)/1.14 Georgia,serif;letter-spacing:-.025em;margin:.7rem 0}
.guide-card p{color:var(--card-muted)!important;line-height:1.55}
.guide-card div>span{display:block;margin-top:auto;padding-top:.8rem;border-top:1px solid color-mix(in srgb,var(--card-ink) 22%,transparent);color:var(--card-ink);font-size:.77rem}
.profile-card{background:#f7f5fa;border-color:#e0dde6}
.profile-card img{background:#f1edf6}
.hero-grid img{aspect-ratio:3/2;object-fit:cover;background:#1b3329}
.hero-grid img[src*="tarot-still-life"],.hero-grid img[src*="personality-flower"],.hero-grid img[src*="archetype-portal"]{aspect-ratio:1;max-width:500px;margin-left:auto}
.hero-grid img[src*="celestial-poster"]{aspect-ratio:4/5;max-width:430px;margin-left:auto}
.hero-grid img[src*="characters-v2"]{aspect-ratio:4/5;max-width:480px;margin-left:auto;object-fit:contain;background:#f1edf6}
.hero-grid img[src*="love-sculpture"]{aspect-ratio:1;max-width:500px;margin-left:auto;object-fit:cover;background:#ead5c6}
@media(max-width:800px){.hero-grid img[src*="tarot-still-life"],.hero-grid img[src*="personality-flower"],.hero-grid img[src*="archetype-portal"],.hero-grid img[src*="celestial-poster"],.hero-grid img[src*="characters-v2"]{margin-left:0;max-width:100%}}
@media(max-width:800px){.hero-grid img[src*="love-sculpture"]{margin-left:0;max-width:100%}}
html[lang="zh-CN"] body{font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
html[lang="zh-CN"] :is(h1,h2,h3){font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;letter-spacing:0;line-height:1.32}
html[lang="zh-CN"] :is(.eyebrow,small){letter-spacing:.08em}