@charset "UTF-8";:root{font-family:Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif;color:#303e36;background:#fcfaf5;font-synthesis:none;line-height:1.65;font-size:16px;--ink:#303e36;--muted:#687067;--line:#dedfd5;--green:#354c3c;--yellow:#f2d987}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #9b5c1b;outline-offset:5px}h1:focus{outline:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}p{word-break:keep-all;overflow-wrap:anywhere}h2{font-size:1.55rem;letter-spacing:-.045em}h3{font-size:1rem}small,.small{font-size:.875rem}.muted{color:var(--muted)}.header{max-width:1280px;margin:auto;padding:24px 48px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{font-size:2rem;letter-spacing:-.085em;font-weight:900;line-height:1}.brand-dot{color:#b1842c;margin-left:4px;font-size:1.75rem}.header-caption{font-size:.875rem;color:var(--muted)}.header-link{margin-left:auto;font-size:.875rem}.header-link span{margin-left:16px}.landing-hero{max-width:1200px;padding:74px 40px 66px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.pill{display:inline-block;border:1px solid #c9cebd;background:#f0f2e8;border-radius:100px;padding:5px 14px;font-size:.875rem;font-weight:600}.eyebrow{font-size:.875rem;letter-spacing:.025em;color:#63715f;margin:24px 0 12px;font-weight:600}.hero-copy h1{font-size:1rem;margin:0 0 10px;font-weight:700;letter-spacing:.05em}.hero-copy h2{font-size:3.7rem;line-height:1.22;letter-spacing:-.065em;margin:0 0 24px}.underlined{background:linear-gradient(transparent 73%,#f2dd99 73%,#f2dd99 94%,transparent 94%)}.hero-description{font-size:1.06rem;color:#5b655b;margin-bottom:24px}.test-facts{display:flex;gap:0;font-size:.875rem;flex-wrap:wrap;margin-bottom:20px}.test-facts>span+span:before{content:"·";margin:0 12px;color:#93998a}.button{border:1px solid transparent;border-radius:12px;min-height:52px;padding:14px 20px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:700;line-height:1.5;transition:background .15s,transform .15s}.button span:last-child{margin-left:auto}.primary{background:var(--green);color:#fffdf3}.primary:hover{background:#243b2b}.secondary{background:#fffdf8;border-color:#cdd1c7;color:var(--ink)}.secondary:hover{background:#f0f1e8}.start-button{width:100%;max-width:405px;justify-content:space-between;font-size:1.05rem}.hero-note{max-width:405px;margin:14px 0 0;font-size:.8rem}.hero-art{height:525px;position:relative;border-radius:48% 48% 30px 30px;background:#f1eddd;overflow:hidden}.art-label{position:absolute;top:28px;left:0;right:0;text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.18em;color:#697564}.hero-character{position:absolute;overflow:visible}.hero-character .character-art{border-radius:50%;overflow:hidden;border:7px solid #fcfaf5;box-shadow:0 8px 22px #39443410}.hero-main{width:58%;left:5%;top:83px;transform:rotate(-8deg)}.hero-second{width:49%;right:2%;bottom:50px;transform:rotate(9deg)}.hero-third{width:36%;right:1%;top:70px;transform:rotate(12deg)}.sticker{position:absolute;background:#fffdf3;box-shadow:0 3px 8px #00000010;border:1px solid #dedac6;padding:5px 13px;border-radius:7px;bottom:4px;left:8px;font-size:.9rem;font-weight:700;white-space:nowrap}.hero-second .sticker{left:auto;right:6px;bottom:0}.art-bottom{position:absolute;bottom:18px;text-align:center;width:100%;font-size:.8rem;color:#657160}.character-art{aspect-ratio:1;display:grid;place-items:center;overflow:hidden;background:#fff8e9}.character-art img{display:block;width:100%;height:100%;object-fit:contain}.image-fallback{display:grid;place-content:center;text-align:center;width:100%;height:100%;background:#f2eddc;padding:20px}.image-fallback>span{font-size:3rem;font-weight:800}.image-fallback p{margin:5px 0}.four-traits{border-block:1px solid var(--line);max-width:1120px;margin:0 auto 76px;display:grid;grid-template-columns:1.45fr repeat(4,1fr);padding:25px 0;gap:20px;align-items:center}.four-traits>p{margin:0;color:var(--muted)}.four-traits>p strong{color:var(--ink);font-weight:600}.four-traits>div{border-left:1px solid var(--line);padding-left:25px}.four-traits h3{margin:0}.four-traits>div>span:last-child{font-size:.8rem;color:var(--muted)}.trait-number{font-size:.7rem;color:#697762;letter-spacing:.12em}.characters-section{max-width:1120px;margin:auto;padding-bottom:70px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading .eyebrow{margin:0 0 8px}.section-heading>p{font-size:.9rem}.character-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.character-tile{display:block;padding:14px 14px 19px;border:1px solid #e4e2d7;background:#fffdf7;border-radius:18px;transition:transform .15s}.character-tile:hover{transform:translateY(-4px)}.character-tile .character-art{border-radius:12px;margin-bottom:15px}.character-tile h3{margin:0 0 5px}.character-tile>span{font-size:.8rem;color:#677161;display:block;word-break:keep-all}.panel{border:1px solid #e0e2d7;background:#fffefb;border-radius:20px;padding:30px}.about{max-width:1120px;margin:0 auto 70px;background:#f0f1e8}.about p:last-child{margin:0}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:30px 48px 40px;display:flex;gap:35px;align-items:start;color:var(--muted);font-size:.85rem}footer .brand{color:var(--ink)}footer p{margin:0}footer p:last-child{margin-left:auto}.test-page{max-width:680px;margin:42px auto 80px;padding:0 24px;min-height:65vh}.test-topline{display:flex;justify-content:space-between;gap:15px;font-size:.875rem;margin-bottom:12px}.test-topline>span{color:var(--muted)}progress{display:block;width:100%;height:6px;border:0;appearance:none;border-radius:10px;overflow:hidden;background:#e0e4d7}progress::-webkit-progress-bar{background:#e0e4d7}progress::-webkit-progress-value{background:#526a58;border-radius:10px}progress::-moz-progress-bar{background:#526a58}.question-panel{margin-top:35px}.question-kicker{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;margin-bottom:26px}.question-panel h1{font-size:1.7rem;line-height:1.6;letter-spacing:-.04em;margin-bottom:14px}.question-hint{font-size:.9rem;margin-bottom:26px}fieldset{border:0;padding:0;margin:0;min-width:0}.choice{display:flex;align-items:center;gap:14px;border:1px solid #d9ddd0;border-radius:14px;padding:19px 16px;margin-bottom:12px;background:#fffefa;cursor:pointer;position:relative;line-height:1.6;min-height:76px}.choice input{position:absolute;opacity:0;width:1px;height:1px}.choice:has(input:focus-visible){outline:3px solid #9b5c1b;outline-offset:3px}.choice-marker{border:1px solid #d6dacd;background:#f5f5ed;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;font-size:.8rem;color:#65705f}.choice>span:nth-last-child(2){flex:1;word-break:keep-all;overflow-wrap:anywhere}.choice-check{opacity:0}.choice.selected{border-color:#506a54;background:#edf1e8;box-shadow:inset 0 0 0 1px #506a54}.selected .choice-marker{background:#405b45;border-color:#405b45;color:#fff}.selected .choice-check{opacity:1}.question-actions{display:grid;grid-template-columns:1fr 2fr;gap:14px;margin-top:26px}.autosave{text-align:center;margin-top:18px}.result-layout{max-width:1120px;margin:42px auto 70px;display:grid;grid-template-columns:440px 1fr;gap:30px;align-items:start}.result-summary{text-align:center;padding:26px}.result-summary>.character-art{max-width:300px;margin:12px auto 20px;border-radius:20px}.result-summary>.eyebrow{font-size:.8rem;margin:18px 0 0}.result-summary h1{font-size:2rem;margin-bottom:4px}.english{color:var(--muted);font-size:.875rem;margin-bottom:16px}.catchphrase{font-size:1.05rem;font-weight:600}.boundary{background:#f2efdf;border:1px solid #ded8bc;border-radius:12px;padding:16px;margin:24px 0;text-align:left;font-size:.875rem}.boundary p{margin:5px 0}.boundary a{text-decoration:underline}.boundary small{display:block;color:var(--muted);margin-top:12px;font-size:.8rem}.trait-section{text-align:left;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.trait-section h2{font-size:1.2rem;margin-bottom:6px}.trait{margin:22px 0}.trait-label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.95rem}.trait-label small{color:var(--muted);font-size:.72rem;font-weight:400}.trait-label>span>small{margin-left:4px}.bar{background:#e4e8dd;height:8px;border-radius:8px;margin:10px 0;overflow:hidden}.bar span{height:100%;display:block;background:#536c58;border-radius:8px}details{font-size:.8rem;color:#687064}details summary{cursor:pointer}details p{margin:8px 0;font-size:.875rem}.details-stack{display:grid;gap:22px}.details-stack .eyebrow{margin-top:0}.details-stack p{line-height:1.85}.strength-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.strength-grid h3{font-size:.9rem}.strength-grid ul{padding-left:18px;margin-bottom:0;font-size:.94rem}.strength-grid li{margin:8px 0}dl{margin:0}dt{font-size:.85rem;color:#697361;margin-bottom:6px}dd{margin:0 0 23px}dd:last-child{margin:0}.chemistry{display:flex;align-items:center;background:#f6f4e9;border-radius:14px;margin:20px 0;gap:20px;padding:15px}.chemistry .character-art{width:110px;flex:0 0 110px;border-radius:12px}.chemistry small{font-size:.75rem;color:var(--muted)}.chemistry h3{font-size:1.2rem;margin:6px 0}.chemistry span{font-size:.8rem}.share-actions{display:grid;gap:10px;margin-top:26px}.share-status{min-height:20px;margin:12px 0 0}.text-button{background:none;border:0;text-decoration:underline;color:#606d5d;min-height:48px;padding:10px;font-size:.875rem}.manual-link{display:block;text-align:left;font-size:.875rem}.manual-link input{display:block;width:100%;padding:12px;font-size:.875rem;border:1px solid #a3ac97;border-radius:7px}.disclaimer{font-size:.8rem;color:#697263;line-height:1.8;margin:24px 4px}.notice{padding:16px 20px;background:#f6edcb;border-radius:10px;font-size:.875rem}.global-notice{max-width:1120px;margin:20px auto}.error{color:#974219;font-size:.9rem}.empty{max-width:600px;margin:70px auto;min-height:350px;text-align:center}.empty .button{display:flex;margin:30px 0}.empty h1{font-size:1.8rem}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--ink);background:#fffdf7}dialog::backdrop{background:#1f2c2466;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:1.3rem}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:24px}.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:fixed;top:-100px;left:20px;padding:10px 20px;background:#fff;z-index:10}.skip-link:focus{top:10px}@media(max-width:1199px){.four-traits,.characters-section,.about,.result-layout{margin-left:32px;margin-right:32px}.hero-copy h2{font-size:3.2rem}.hero-art{height:470px}.result-layout{grid-template-columns:390px 1fr;gap:22px}.panel{padding:24px}}@media(max-width:1023px){.header{padding:20px 32px}.landing-hero{max-width:744px;grid-template-columns:1fr;padding:42px 32px 36px;gap:30px}.hero-copy h2 br:nth-child(2){display:none}.hero-copy h2{font-size:3.3rem}.hero-art{height:360px;max-width:500px;width:100%;margin:auto;border-radius:28px}.hero-main{width:44%;top:56px;left:4%}.hero-second{width:37%;bottom:32px;right:4%}.hero-third{width:29%;right:10%;top:30px}.art-label{left:0;text-align:left;padding-left:24px;top:15px;font-size:.65rem}.start-button,.hero-note{max-width:none}.four-traits{max-width:680px;margin:0 auto 45px;grid-template-columns:repeat(4,1fr);gap:12px}.four-traits>p{grid-column:1/-1;margin-bottom:8px}.four-traits>p br{display:none}.four-traits>div{padding-left:14px}.characters-section,.about{max-width:680px;margin-left:auto;margin-right:auto}.character-grid{grid-template-columns:repeat(3,1fr);gap:16px}.result-layout{max-width:680px;margin:32px auto 60px;display:block}.result-summary{margin-bottom:22px}.result-summary>.character-art{max-width:320px}.details-stack{gap:18px}.global-notice{margin:18px 24px}footer{padding:28px 32px;flex-wrap:wrap}footer p:last-child{margin:0}.section-heading>p{font-size:.8rem}}@media(max-width:767px){.header{padding:18px 20px;gap:12px}.brand{font-size:1.75rem}.header-caption{display:none}.header-link{font-size:.8rem}.landing-hero{padding:30px 20px 32px;gap:28px}.hero-copy .eyebrow{font-size:.78rem;margin-top:20px}.hero-copy h1{font-size:.9rem}.hero-copy h2{font-size:2.55rem;line-height:1.3;margin-bottom:18px}.hero-copy h2 br:nth-child(2){display:initial}.hero-description{font-size:1rem}.hero-copy .pill,.test-facts{font-size:.78rem}.test-facts>span+span:before{margin:0 8px}.test-facts small{font-size:.7rem}.hero-art{height:310px}.hero-main{top:53px;width:48%}.hero-second{width:42%}.hero-third{top:45px;right:5%}.sticker{font-size:.75rem;padding:3px 10px}.hero-character .character-art{border-width:4px}.art-bottom{font-size:.72rem;bottom:10px}.four-traits{margin:0 20px 38px;gap:8px;padding:22px 0}.four-traits>p{font-size:.9rem}.four-traits>div{padding-left:9px}.four-traits h3{font-size:.8rem}.four-traits>div>span:last-child{font-size:.75rem}.characters-section{margin:0 20px;padding-bottom:35px}.section-heading{display:block}.section-heading h2{font-size:1.35rem}.section-heading>p{margin-top:12px}.section-heading>p br{display:none}.character-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-tile{padding:10px 10px 14px;border-radius:14px}.character-tile h3{font-size:.95rem}.character-tile>span{font-size:.75rem}.about{margin:0 20px 40px;padding:22px;font-size:.94rem}.about h2{font-size:1.25rem}footer{padding:26px 20px;gap:22px}footer>p{font-size:.75rem}footer p:last-child{flex-basis:100%;font-size:.75rem}.test-page{margin:28px auto 45px;padding:0 20px}.test-topline{font-size:.78rem}.question-panel{margin-top:28px}.question-kicker{margin-bottom:20px}.question-panel h1{font-size:1.35rem;line-height:1.65}.question-hint{font-size:.85rem;margin-bottom:22px}.choice{padding:16px 12px;gap:10px;font-size:1rem}.choice-check{display:none}.question-actions{gap:10px}.question-actions .button{padding:14px}.question-actions .primary{justify-content:space-between}.result-layout{margin:24px 16px 40px}.result-summary{padding:22px 18px}.result-summary h1{font-size:1.8rem}.panel{padding:22px}.result-summary>.character-art{max-width:280px}.result-summary .trait-section{margin-top:24px}.trait-label small{font-size:.7rem}.strength-grid{gap:12px}.strength-grid ul{font-size:.9rem}.details-stack h2{font-size:1.25rem}.chemistry{gap:12px;padding:12px}.chemistry .character-art{width:85px;flex-basis:85px}.chemistry h3{font-size:1.05rem}.empty{margin:40px 20px}.dialog-actions{display:grid;grid-template-columns:1fr 1.5fr}.dialog-actions .button{padding:12px 8px}.question-actions{padding-bottom:env(safe-area-inset-bottom)}.global-notice{margin:16px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}:root{--muted: #586457}.answer-guide{max-width:405px;margin-top:20px;padding:16px 18px;background:#f0f2e8;border-radius:12px;text-align:left}.answer-guide strong{font-size:.9rem}.answer-guide p{margin:6px 0 0;font-size:.94rem;line-height:1.75}.header-link{display:inline-flex;min-height:44px;align-items:center}.test-page{max-width:728px}.test-topline{align-items:baseline;font-size:.94rem}.test-topline strong{font-size:1.05rem}.question-panel h1{font-size:1.65rem;line-height:1.55;letter-spacing:-.025em}.question-kicker{gap:16px;color:var(--muted)}.question-hint{color:#586457;font-size:.94rem;line-height:1.65}.choice{align-items:flex-start;padding:20px;gap:14px;font-size:1.0625rem;line-height:1.7;min-height:76px;border-color:#cdd4c7}.choice-marker{width:24px;height:24px;flex-basis:24px;margin-top:3px;background:#fffefa;border:1.5px solid #87957f;font-size:.85rem;line-height:1;font-weight:800}.choice-check{display:none}.choice.selected{background:#eaf0e4}.question-actions .button{min-height:56px}.result-reading-note{padding:16px;border-radius:12px;background:#f0f2e8;margin:22px 0 0;text-align:left;font-size:.94rem;line-height:1.8}.trait-description{margin:5px 0 8px;font-size:.94rem;color:#586457;line-height:1.7}.trait-ends{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:#586457}.trait-label{font-size:1rem;flex-wrap:wrap}.trait-label small{font-size:.8rem}.trait-section details{margin-top:10px}.trait-section summary{min-height:44px;padding:10px 0;font-size:.875rem}.details-stack p,.details-stack dd{line-height:1.8}.strength-grid ul{font-size:1rem;line-height:1.8}.strength-grid h3,.situations dt{font-size:.94rem;font-weight:700;color:#43543f}.disclaimer{font-size:.875rem}@media(max-width:767px){.app-testing .header{padding-block:10px}.app-testing .brand{font-size:1.55rem}.header-link{font-size:.875rem}.hero-note{font-size:.875rem;line-height:1.75}.hero-copy .eyebrow,.hero-copy .pill,.test-facts{font-size:.875rem}.answer-guide{max-width:none}.character-tile>span{font-size:.875rem;line-height:1.65}.four-traits h3{font-size:.9rem}.test-page{margin:24px auto 32px;padding-inline:20px}.test-topline{gap:8px;font-size:.875rem;flex-wrap:wrap}.question-panel{margin-top:24px}.question-kicker{margin-bottom:18px}.question-panel h1{font-size:1.45rem;line-height:1.55;margin-bottom:14px}.question-hint{margin-bottom:22px}.choice{padding:17px 15px;gap:12px;margin-bottom:12px}.question-actions{gap:12px}.autosave{font-size:.875rem;line-height:1.7}.result-layout{margin-inline:16px}.result-summary,.details-stack .panel{padding:24px 20px}.result-summary>.character-art{max-width:250px}.result-summary h1{font-size:1.85rem}.boundary{font-size:.94rem;line-height:1.75}.boundary small{font-size:.875rem}.strength-grid{grid-template-columns:1fr;gap:24px}.strength-grid h3{margin-bottom:8px}.strength-grid ul{margin-top:0;padding-left:20px}.details-stack h2{font-size:1.35rem}.situations dd{margin-bottom:26px}.chemistry{gap:12px}.chemistry small,.chemistry span{font-size:.875rem}.trait-label small{font-size:.8rem}}@media(max-width:767px)and (min-height:600px){.test-page{padding-bottom:calc(10rem + env(safe-area-inset-bottom))}.question-actions{position:fixed;z-index:5;bottom:0;left:0;right:0;max-width:728px;margin:auto;padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid #d9dfd1;background:#fcfaf5;box-shadow:0 -8px 20px #303e3608}.choice,.choice input,.question-panel h1,.question-hint{scroll-margin-bottom:11rem}html:has(.app-testing){scroll-padding-bottom:11rem}}@media(max-width:359px){.test-page,.question-actions{padding-inline:16px}.choice{padding-inline:12px;gap:10px}.four-traits{grid-template-columns:repeat(2,1fr);row-gap:16px}}.question-scene{padding:20px 22px;background:#f0f2e8;border-left:3px solid #839477;border-radius:4px 14px 14px 4px;margin-bottom:24px}.question-scene>span{color:#506247;font-size:.875rem;font-weight:700}.question-scene p{font-size:1.0625rem;line-height:1.8;margin:8px 0 0}.choice-copy{min-width:0;display:grid;gap:6px}.choice-copy strong{font-size:1.0625rem;line-height:1.5;color:#2f412e}.choice-copy>span{font-size:1rem;line-height:1.7;color:#52604c}.facet-list{margin:16px 0 4px;padding:0 14px;background:#f4f5ee;border-radius:12px}.facet-score{padding:12px 0}.facet-score+.facet-score{border-top:1px solid #dce1d3}.facet-score>div{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;flex-wrap:wrap}.facet-score p{font-size:.875rem;line-height:1.6;color:#586457;margin:6px 0 0}.profile-differences{text-align:left;padding:18px;border-radius:12px;background:#f6efda;font-size:.94rem;line-height:1.75;margin-top:20px}.profile-differences p{margin:8px 0}.profile-differences small{display:block;margin-top:12px;font-size:.875rem}@media(max-width:767px){.question-scene{padding:16px 18px;margin-bottom:22px}.question-panel h1{font-size:1.3rem}.question-hint{font-size:.9rem}.choice{padding-block:16px}}.test-share{margin-top:12px;max-width:420px}.test-share>.button{width:100%;min-height:48px;gap:12px}.test-share .share-status:empty{display:none}.test-share .manual-link{text-align:left}@media(max-width:1023px){.test-share{max-width:none}}.header-nav{margin-left:auto;display:flex;align-items:center;gap:24px}.header-nav .header-link{margin-left:0;white-space:nowrap}.header-nav .header-link span{margin-left:8px}@media(max-width:767px){.header{flex-wrap:wrap}.header-nav{width:100%;flex:0 0 100%;margin-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:8px}.header-nav .header-link{min-width:0;justify-content:center;text-align:center;white-space:normal;overflow-wrap:anywhere}}@media(max-width:359px){.header{padding-inline:16px;gap:10px}.header-nav .header-link span{display:none}}.header-nav{margin-left:auto;display:flex;gap:24px}.header-link{margin-left:0}.header-link span{margin-left:4px}footer nav{display:flex;gap:16px;flex-wrap:wrap;margin-left:auto}footer nav a{min-height:44px;display:inline-flex;align-items:center}.ipc-intro{max-width:1120px;margin:0 auto 70px;border-block:1px solid var(--line);padding:24px 0;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:20px;align-items:center}.ipc-intro p{margin:0}.ipc-intro>div{border-left:1px solid var(--line);padding-left:20px;display:grid;gap:6px}.ipc-intro strong{color:#566b4d}.ipc-intro>div strong{font-size:.875rem}.tile-code{margin-bottom:6px;font-size:.875rem!important}.text-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;line-height:1.8}.about .text-link{margin-top:16px}.hero-art{background:#eeecd9}.hero-note{font-size:.875rem}.character-art{background:#fbf3df}.character-art img{object-fit:contain}.radar{display:block;max-width:340px;width:100%;margin:10px auto}.reading-heading{display:flex;align-items:center;gap:18px;margin-bottom:20px}.reading-heading .character-art{width:100px;flex:0 0 100px;border-radius:16px}.reading-heading h2{font-size:1.3rem;margin:6px 0}.reading-heading p{margin:0;font-size:.9rem}.reading-heading .eyebrow{font-size:.85rem}.reading-card{scroll-margin-top:20px}.reflection{padding:18px 20px;background:#f0f2e8;border-radius:12px;margin:20px 0}.reflection p{margin:6px 0 0}.reflection strong{font-size:.875rem}.article-page{max-width:800px;margin:50px auto 70px}.article-page h1{font-size:2.1rem;margin-top:24px}.article-page h2{margin-top:30px;font-size:1.35rem}.article-page p{line-height:1.9}.source-links{padding-left:20px}.source-links li{margin:12px 0}.source-links a{text-decoration:underline;text-underline-offset:4px}.instructions{font-size:.875rem;line-height:1.8}.instructions summary{min-height:44px;padding:10px 0}.style-page{max-width:1000px;margin:48px auto 80px;display:grid;grid-template-columns:360px 1fr;gap:28px;align-items:start}.style-hero{text-align:center}.style-hero .character-art{border-radius:18px;margin-bottom:25px}.style-hero h1{font-size:2rem;margin-top:20px}.style-hero .button{width:100%}.combined-characters{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px auto;max-width:330px}.combined-characters:has(>:nth-child(5)){grid-template-columns:repeat(4,1fr)}.combined-characters .character-art{border-radius:12px}.result-summary h1{margin-bottom:12px}.result-layout .trait-label{font-size:.94rem}.choice{min-height:65px}.choice>span:nth-last-child(2){line-height:1.6}.result-layout .reading-card .text-link{min-height:44px;padding-top:8px}.hero-copy>.text-button{display:block}.small,details,.disclaimer{font-size:.875rem}@media(max-width:1199px){.ipc-intro,.article-page,.style-page{margin-inline:32px}}@media(max-width:1023px){.ipc-intro{max-width:680px;margin:0 auto 45px;grid-template-columns:repeat(3,1fr)}.ipc-intro>p{grid-column:1/-1}.style-page{grid-template-columns:1fr;max-width:680px;margin-inline:auto}.style-hero .character-art{max-width:300px;margin-inline:auto}.article-page{max-width:680px;margin-inline:auto}.header-nav{gap:16px}}@media(max-width:767px){.ipc-intro{margin:0 20px 36px;gap:10px}.ipc-intro>div{padding-left:10px;font-size:.875rem}.header-nav{gap:12px}.header-nav a{font-size:.8rem}.header{gap:15px}.brand{font-size:1.7rem}.article-page,.style-page{margin:24px 16px 40px}.article-page h1{font-size:1.65rem}.style-page{gap:20px}.reading-heading{gap:14px}.reading-heading .character-art{width:82px;flex-basis:82px}.reading-heading h2{font-size:1.15rem}.reading-card{padding:22px 18px}footer nav{margin:0;gap:12px}.result-summary .trait-section{padding-top:20px}.choice{padding:15px 14px;min-height:60px}.question-panel h1{min-height:70px}.hero-copy h2{font-size:2.5rem}.hero-copy .eyebrow{font-size:.8rem}.character-tile h3{font-size:1rem}.character-tile>span{font-size:.875rem}.style-hero{padding:24px}.panel p{line-height:1.8}}@media(max-width:359px){.header{padding-inline:16px}.header-nav{gap:10px}.header-nav a{font-size:.75rem}.brand{font-size:1.5rem}.hero-copy h2{font-size:2.15rem}.reading-heading{gap:10px}.reading-heading .character-art{width:65px;flex-basis:65px}.reading-heading h2{font-size:1.05rem}}.mashong-home{border:1px solid #c5cebd;border-radius:9px;padding:6px 12px;background:#f0f2e8;font-weight:700;white-space:nowrap}.mashong-home:hover{background:#e4e9db}@media(max-width:359px){.mashong-home{padding-inline:8px}}