:root{font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:#20352e;background:#f7f3ec;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}a{color:inherit} .shell{min-height:100vh;background:radial-gradient(circle at 88% 5%,#e6ddc7 0,transparent 31%),#f7f3ec}.wrap{max-width:760px;margin:auto;padding:24px 22px 70px}.top{display:flex;align-items:center;justify-content:space-between;padding:8px 0 36px}.brand{font-weight:800;letter-spacing:.16em;font-size:15px}.brand span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:#315f50;color:white;border-radius:10px;margin-right:9px}.nav{display:flex;gap:16px;font-size:13px;color:#65756b}.nav button,.link{border:0;background:none;color:inherit;padding:0}.eyebrow{font-size:12px;letter-spacing:.24em;color:#6e8375;font-weight:700;margin-bottom:15px}.hero h1,.result h1{font-family:'Noto Serif SC',serif;font-size:clamp(36px,7vw,64px);line-height:1.28;letter-spacing:.02em;margin:0 0 20px}.hero p,.lead{font-size:17px;line-height:1.9;color:#53675b;max-width:600px}.hero{padding:50px 0 44px}.hero-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:30px;align-items:center}.art{aspect-ratio:1;position:relative;background:#dfd6bd;border-radius:50%;box-shadow:inset 0 0 0 14px #e7dfca}.art:before,.art:after{content:'';position:absolute;border-radius:50%}.art:before{width:55%;height:55%;background:#315f50;left:13%;top:16%}.art:after{width:38%;height:38%;background:#c47d5d;right:8%;bottom:8%;border:12px solid #f7f3ec}.meta{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.pill{border:1px solid #d4dacf;background:#fff9ee;border-radius:100px;padding:9px 13px;font-size:13px;color:#526559}.primary{background:#315f50;color:white;border:1px solid #315f50;border-radius:12px;padding:15px 28px;font-weight:700;box-shadow:0 10px 22px #315f5024}.primary:hover{background:#254b3e}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary{border:1px solid #91a59a;color:#315f50;background:transparent;border-radius:12px;padding:13px 23px}.small{font-size:12px;color:#87918a;line-height:1.8}.card{background:#fffdf8;border:1px solid #e4e3d8;border-radius:18px;padding:25px;box-shadow:0 10px 30px #3e554209}.divider{height:1px;background:#dfe2d7;margin:30px 0}.section-title{font-family:'Noto Serif SC',serif;font-size:24px;margin:0 0 16px}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.how .card{min-height:150px}.num{font-size:12px;font-weight:800;color:#be7b5f;margin-bottom:16px}.how h3{font-size:16px;margin:0 0 8px}.how p{font-size:13px;line-height:1.7;color:#6b786f;margin:0}.footer{margin-top:55px;padding-top:22px;border-top:1px solid #dfe2d7;font-size:12px;color:#7a857b;line-height:1.9}.progress{height:7px;border-radius:10px;background:#e4e5da;overflow:hidden;margin:20px 0 38px}.progress b{display:block;height:100%;background:#bc795d;transition:width .25s}.counter{color:#779080;font-size:13px;font-weight:700}.question h1{font-family:'Noto Serif SC',serif;font-size:28px;line-height:1.5;margin:18px 0 28px}.axis{display:flex;justify-content:space-between;gap:14px;font-size:14px;line-height:1.6;color:#4c6153;margin-bottom:20px}.axis>div{width:48%;background:#edf0e9;padding:14px;border-radius:10px}.axis>div:last-child{text-align:right;background:#f1ebe3}.choice{width:100%;text-align:left;display:flex;align-items:center;gap:14px;background:#fffdfa;border:1px solid #dfe2d9;padding:16px;border-radius:12px;margin-bottom:10px;color:#304638}.choice:hover,.choice.selected{border-color:#315f50;background:#edf3ed}.circle{width:22px;height:22px;border:2px solid #b8c6b9;border-radius:50%;display:inline-block;flex:none}.selected .circle{border:6px solid #315f50}.actions{display:flex;justify-content:space-between;gap:12px;margin-top:27px}.result{padding-top:18px}.result-banner{border-radius:18px;background:#315f50;color:#fff;padding:35px;margin:25px 0}.result-banner h1{margin:0 0 10px}.result-banner p{line-height:1.8;color:#e4eee6}.score-row{display:grid;grid-template-columns:90px 1fr 45px;align-items:center;gap:12px;margin:16px 0;font-size:13px}.bar{height:8px;border-radius:8px;background:#e9ede6}.bar i{display:block;height:100%;border-radius:8px;background:#b8896e}.locked{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e6e8df;font-size:15px}.locked span:last-child{color:#8d978d}.notice{border-radius:12px;background:#f6eee1;color:#806848;padding:15px;font-size:13px;line-height:1.8}.report-section{padding:20px 0;border-bottom:1px solid #e3e6dc}.report-section h3{margin:0 0 9px;font-family:'Noto Serif SC',serif}.report-section p{line-height:1.9;color:#52665a;margin:0}.error{color:#9f4c43}.legal h1{font-family:'Noto Serif SC',serif}.legal p,.legal li{line-height:1.9;color:#53665b}@media(max-width:620px){.wrap{padding:16px 18px 60px}.top{padding-bottom:12px}.hero{padding:24px 0 25px}.hero-grid{grid-template-columns:1fr}.art{display:none}.how{grid-template-columns:1fr}.how .card{min-height:0}.hero h1,.result h1{font-size:38px}.nav{gap:10px}.card{padding:20px}.axis{font-size:12px}.result-banner{padding:25px}}

/* Question descriptions: equal cards, larger readable type, consistent left alignment. */
.question h1{font-size:24px}
.question .choice{font-size:14px}
.question .axis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:24px;font-size:18px;line-height:1.6;color:#30483b}
.question .axis>div,.question .axis>div:last-child{box-sizing:border-box;width:auto;min-height:92px;padding:20px 22px;border-radius:14px;text-align:left;display:flex;align-items:center;overflow-wrap:anywhere}
.question .axis>div:first-child{background:#e9efe7}
.question .axis>div:last-child{background:#f3ebe4}
@media(max-width:620px){.question .axis{gap:10px;font-size:16px;line-height:1.55}.question .axis>div,.question .axis>div:last-child{min-height:110px;padding:15px 14px}}