@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans','Noto Sans KR',sans-serif;color:#1b302b;background:#f5f7f1;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1160px,calc(100% - 44px));margin:auto}.top{background:#fff;border-bottom:1px solid #e4eae2}.top-inner{height:76px;display:flex;justify-content:space-between;align-items:center}.top a{color:#34584e;text-decoration:none;font-size:13px;font-weight:700}.brand{display:flex;gap:12px;align-items:center;color:#143c34;font-size:18px;font-weight:800;letter-spacing:-.04em}.brand b{font-weight:600}.brand small{display:block;font-size:10px;color:#8a9b94;font-weight:600;letter-spacing:.04em}.mark{width:37px;height:37px;border-radius:11px;background:#bce565;display:grid;place-items:center;color:#133c31;font-size:25px;font-weight:800}.hero{background:#123d34;border-radius:0 0 29px 29px;color:#fff;min-height:360px;padding:62px 72px;display:flex;justify-content:space-between;overflow:hidden;position:relative}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.19em;color:#92d77e}.hero h1{font-size:clamp(30px,4vw,52px);line-height:1.25;letter-spacing:-.055em;margin:16px 0}.hero em{font-style:normal;color:#c4e780}.hero p{color:#c1d8cd;font-size:14px;max-width:530px;line-height:1.8}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}.hero-tags a{text-decoration:none;background:#245348;border:1px solid #436c59;color:#d8edda;padding:8px 13px;border-radius:99px;font-size:11px}.hero-art{width:270px;height:270px;position:relative;flex:none;align-self:center}.orbit{position:absolute;border:1px solid #77a488;border-radius:50%;inset:25px;transform:rotate(-25deg) skew(0,22deg)}.orbit-two{inset:55px;transform:rotate(26deg) skew(0,-20deg);border-color:#b8de78}.center-dot{position:absolute;top:96px;left:99px;background:#c7ea87;color:#194436;width:75px;height:75px;border-radius:22px;display:grid;place-items:center;font-size:47px;font-weight:700;box-shadow:0 0 70px #9abd7555}.floating{position:absolute;background:#fff;color:#225343;border-radius:8px;padding:7px 12px;font-size:10px;font-weight:800;letter-spacing:.1em;box-shadow:0 8px 30px #0b2c2955}.floating.a{top:26px;left:0}.floating.b{right:0;top:120px}.floating.c{bottom:23px;left:18px}.notice{margin:24px 0;background:#eaf2e4;border:1px solid #d9e9d0;border-radius:12px;padding:14px 18px;color:#53695c;font-size:12px;line-height:1.65}.notice span{color:#21604a;font-weight:800;margin-right:10px}.layout{display:grid;grid-template-columns:1fr 1fr;gap:19px}.card{background:#fff;border:1px solid #e1e8de;border-radius:19px;padding:30px;box-shadow:0 8px 35px #244c2410}.step{font-weight:800;font-size:12px;color:#5c9852;letter-spacing:.12em}.step span{margin-left:8px;letter-spacing:0;color:#6a806f}.card h2{font-size:21px;letter-spacing:-.04em;margin:12px 0 6px}.muted,.helper{color:#7b8b80;line-height:1.6}.muted{font-size:12px;margin:0 0 25px}.helper{font-size:11px;margin:17px 0 0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fields label:last-child{grid-column:span 2}label{display:block;font-size:12px;font-weight:700;color:#4a6456}select,input,textarea{width:100%;border:1px solid #d8e3d7;border-radius:9px;padding:11px 12px;margin-top:8px;background:#fbfcfa;color:#233d30;outline:none}select:focus,input:focus,textarea:focus{border-color:#6fb572;box-shadow:0 0 0 3px #a6d79433}textarea{resize:vertical;line-height:1.6;min-height:115px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.metrics>div{background:#f3f7ee;border-radius:12px;padding:14px 11px;min-width:0}.metrics span,.metrics small{display:block;font-size:10px;color:#718473}.metrics strong{display:block;color:#173f31;font-size:24px;margin:9px 0 5px;white-space:nowrap;letter-spacing:-.06em}.bars{display:grid;gap:12px}.bars>div{display:grid;grid-template-columns:90px 1fr 50px;align-items:center;gap:8px;font-size:11px;color:#55715e}.bars b{text-align:right;font-size:11px}.track{height:9px;background:#e7eee5;border-radius:99px;overflow:hidden}.track i{height:100%;display:block;border-radius:99px;background:#63ae77;min-width:2px}.bars>div:nth-child(2) i{background:#a3c7ad}.insight{font-size:12px;color:#326048;background:#f3f9ef;border-left:3px solid #93c86d;padding:12px 14px;border-radius:4px;line-height:1.6;margin:19px 0 0}.keybox{background:#f6f9f4;padding:14px;margin-top:14px;border-radius:10px}.keybox span{font-weight:400;color:#819287}.keybox p{font-size:10px;line-height:1.5;color:#86988a;margin:8px 0 0}.actions{display:flex;gap:9px;margin-top:17px;flex-wrap:wrap}.actions button{border-radius:9px;padding:12px 19px;border:1px solid #bed4c1;font-size:12px;font-weight:800}.primary{color:#fff;background:#176247;border-color:#176247!important}.primary:hover{background:#0d4934}.primary:disabled{opacity:.6;cursor:wait}.primary span{margin-left:8px}.secondary{background:#fff;color:#315a44}.secondary:hover{background:#f0f8ee}.status{min-height:20px;font-size:12px;color:#9a633a;margin:10px 0 0}.results{grid-column:span 2;background:#fdfefb}.result-title{display:flex;justify-content:space-between;align-items:center}.badge{border-radius:99px;background:#def0d2;color:#326444;padding:8px 12px;font-size:11px;font-weight:800}.badge.demo{background:#fff0d7;color:#8a5c1c}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-grid article{border:1px solid #e0e9df;border-radius:13px;padding:18px;background:#fff}.result-grid small{color:#4c8b60;font-weight:800;font-size:10px;letter-spacing:.06em}.result-grid h3{font-size:17px;margin:12px 0}.result-grid p{font-size:12px;line-height:1.6;color:#637569;margin:0}.prob{background:#e9efe7;border-radius:99px;overflow:hidden;height:6px;margin:11px 0 5px}.prob i{display:block;background:#79b97b;height:100%}.takeaway{background:#f1f6e8;margin:18px 0;padding:15px 18px;border-radius:10px;font-size:12px;line-height:1.6}.takeaway p{color:#617462;margin:5px 0 0}details{font-size:12px;color:#53715c}summary{cursor:pointer;font-weight:800}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#17352f;color:#daf0d3;border-radius:10px;padding:18px;max-height:310px;overflow:auto;font-size:11px}.guide{padding:80px 0}.section-heading h2{font-size:28px;letter-spacing:-.04em;margin:9px 0 24px}.guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-grid article{background:#fff;padding:20px;border:1px solid #e0e8dc;border-radius:12px}.guide-grid b{font-size:13px;color:#235744}.guide-grid p{font-size:12px;line-height:1.7;color:#728074}.source{display:inline-block;margin-top:24px;color:#176247;font-size:13px;font-weight:800;text-decoration:none}footer{background:#153f34;color:#b3cdbb;padding:28px 0;font-size:11px}footer span{padding:0 8px}@media(max-width:850px){.hero{padding:46px 30px}.hero-art{display:none}.layout{grid-template-columns:1fr}.results{grid-column:auto}.guide-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.wrap{width:min(100% - 24px,1160px)}.top-inner{height:64px}.brand{font-size:14px}.hero{padding:42px 23px;min-height:310px}.card{padding:22px}.metrics strong{font-size:19px}.result-grid,.guide-grid{grid-template-columns:1fr}.guide{padding:55px 0}}

/* Navigation */
.nav{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end}.nav a{padding:8px 10px;border-radius:8px}.nav a:hover{background:#eef5ea}.hero-tags a:hover{background:#2f6557}.hero p b{color:#e3f3c6}
.eyebrow.dark{color:#4f9a5a}.lead{color:#5f7568;font-size:14px;line-height:1.8;max-width:760px;margin:-8px 0 26px}.center{text-align:center}
section[id],.notice[id]{scroll-margin-top:16px}
/* Learn */
.learn,.compare,.builder,.quiz{padding:64px 0 8px}.versus{display:grid;grid-template-columns:1fr 1fr;gap:16px}.versus>*,.builder-grid>*,.type-body>*,.layout>*{min-width:0}.tag{display:inline-block;font-size:11px;font-weight:800;padding:6px 10px;border-radius:99px;background:#f3ece2;color:#8a5c1c}.tag.green{background:#def0d2;color:#2c6440}
.chat-bubble{background:#f5f5f2;border-radius:4px 16px 16px 16px;padding:16px 18px;font-size:13px;line-height:1.8;color:#46534c;margin:16px 0}
.mini-json{background:#17352f;color:#daf0d3;border-radius:10px;padding:14px 16px;font-size:11.5px;line-height:1.55;margin:16px 0;white-space:pre;overflow:auto}
.pain,.gain{margin:0;padding:0;list-style:none;font-size:12.5px;line-height:1.7}.pain li:before{content:'✕ ';color:#c0753b;font-weight:800}.gain li:before{content:'✓ ';color:#3e9a58;font-weight:800}.pain li,.gain li{color:#56685d}
.sheet-demo{margin-top:22px}.sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}.sheet-head h3{margin:10px 0 6px;font-size:18px}.sheet-head .muted{margin-bottom:16px}.sheet-head button{border-radius:9px;padding:12px 16px;border:1px solid;font-size:12px;font-weight:800}
.table-scroll{overflow-x:auto}.sheet{border-collapse:collapse;width:100%;font-size:12px;min-width:600px}.sheet th,.sheet td{border:1px solid #e1e8de;padding:10px 12px;text-align:left}.sheet thead th{background:#f3f7ee;color:#4a6456;font-size:11px}.sheet tbody th{background:#fafcf8;white-space:nowrap}.sheet td{transition:background .3s;font-family:ui-monospace,Menlo,monospace;font-size:11.5px}.sheet td.bad{background:#fff3e6;color:#9a5a24}.sheet td.good{background:#eaf6e3;color:#20603f}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.benefit-grid article{background:#123d34;color:#d6eadb;border-radius:14px;padding:20px}.benefit-grid span{color:#b8de78;font-weight:800;font-size:12px}.benefit-grid h3{color:#fff;font-size:15px;margin:10px 0 8px}.benefit-grid p{font-size:12px;line-height:1.7;margin:0}.benefit-grid b{color:#e3f3c6}
.type-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.type-tabs button{border:1px solid #d3e2d2;background:#fff;border-radius:99px;padding:9px 14px;font-size:12px;font-weight:700;color:#3e5d4b}.type-tabs button[aria-selected=true]{background:#176247;color:#fff;border-color:#176247}
.type-intro{font-size:13px;color:#4f6558;line-height:1.7;margin:0 0 16px}.type-body{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.sliders label{display:grid;gap:4px;margin-bottom:12px}.sliders span{font-size:12px}.sliders input{padding:0;margin:0;accent-color:#2f8a55;border:0;background:none}
.dist{display:grid;gap:8px}.dist>div{display:grid;grid-template-columns:110px 1fr 44px;gap:8px;align-items:center;font-size:12px;color:#55715e}.dist b{text-align:right;font-size:11px}.dist .track i{background:#a3c7ad}.dist .top .track i{background:#2f8a55}.dist .top span{font-weight:800;color:#1f4d3a}.dist.small>div{grid-template-columns:92px 1fr 40px;font-size:11px}.dist.small .track{height:6px}
.type-output .insight{margin-top:14px}
.flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:26px 0 10px}.flow>div{background:#fff;border:1px solid #dbe6d8;border-radius:12px;padding:12px 18px;text-align:center;min-width:120px}.flow b{font-family:ui-monospace,Menlo,monospace;color:#176247}.flow p{margin:4px 0 0;font-size:11px;color:#728074;line-height:1.5}.flow i{font-style:normal;font-weight:800;color:#7ea989}.flow .flow-jev{background:#bce565;border-color:#bce565}.flow .flow-jev b,.flow .flow-jev p{color:#133c31}
/* Lab additions */
.mix,.rank{margin-top:22px;border-top:1px dashed #dfe8dc;padding-top:16px}.mix-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#3e5d4b;margin-bottom:10px;gap:8px}.mix-head span{font-size:11px;color:#7b8b80;display:flex;align-items:center;gap:5px}.lg{display:inline-block;width:10px;height:6px;border-radius:3px}.lg.d,.mix-bars .d{background:#63ae77}.lg.p,.mix-bars .p{background:#cbdccd}
.mix-list{display:grid;gap:5px}.mix-row{display:grid;grid-template-columns:92px 1fr 44px;gap:8px;align-items:center}.mix-row button,.rank-list button{border:0;background:none;padding:2px 0;text-align:left;font-size:11.5px;color:#3e5d4b}.mix-row button:hover,.rank-list button:hover{color:#176247;text-decoration:underline}.mix-row button.on{font-weight:800;color:#176247}.mix-row b{text-align:right;font-size:11px;color:#55715e}.mix-bars{display:grid;gap:2px}.mix-bars i{display:block;height:5px;border-radius:3px;min-width:2px}
.rank-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.rank-list li{display:grid;grid-template-columns:26px 90px 1fr 44px;gap:8px;align-items:center;font-size:11.5px;border-radius:6px;padding:2px 4px}.rank-list li>span{color:#8a9b94;text-align:right}.rank-list li b{text-align:right;font-size:11px;color:#55715e}.rank-list li.me{background:#eef7e6}.rank-list li.me button{font-weight:800;color:#176247}.rank-list li.gap{display:block;text-align:center;color:#aab8ae;padding:0}.rank-list .track{height:6px}
.scenario-row{display:flex;flex-wrap:wrap;gap:6px;margin:-10px 0 14px}.scenario-row button{border:1px solid #d6e4d4;background:#f8fbf5;border-radius:99px;padding:6px 10px;font-size:11px;color:#3e5d4b}.scenario-row button:hover{background:#eaf5e2}
.note-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:8px;flex-wrap:wrap}.note-meta>span{font-size:11px;color:#8a9b94}.signals{display:flex;gap:4px;flex-wrap:wrap}.signals span{font-size:10.5px;padding:3px 8px;border-radius:99px;background:#f0f2ee;color:#a0aca4}.signals span.on{background:#def0d2;color:#2c6440;font-weight:700}.signals span.on:before{content:'✓ '}
.extra-info{margin-top:10px;font-size:12px;background:#fff7e8;color:#8a5c1c;padding:9px 12px;border-radius:8px}.preview{margin-top:12px}.preview p{font-size:11px;color:#7b8b80}
.result-grid.four{grid-template-columns:repeat(2,1fr)}.result-grid .q{font-size:11px;color:#8a9b94;margin:8px 0 0}.result-grid .foot{font-size:11px}.dist-title{font-size:11px!important;font-weight:700;color:#4a6456!important;margin:14px 0 6px!important}
.checklist{margin-top:18px;border:1px solid #e0e9df;border-radius:13px;padding:16px 18px;background:#fff}.checklist .muted{margin:4px 0 8px}.checklist ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.checklist li{font-size:12.5px;color:#3e5d4b;line-height:1.6}.checklist input{width:auto;margin:0 4px 0 0;accent-color:#2f8a55}
.as-button{border-radius:9px;padding:12px 19px;border:1px solid #bed4c1;font-size:12px;font-weight:800;text-decoration:none;display:inline-block}.primary:disabled{cursor:default}
/* Compare */
.board td{font-family:inherit;font-size:12px}.board tr.demo-row td{background:#fffcf5}.empty{font-size:13px;color:#7b8b80;line-height:1.7;text-align:center;padding:14px}.link-button{border:0;background:none;color:#176247;font-weight:700;font-size:12px;padding:4px}.actions button:disabled{opacity:.5;cursor:default}
/* Builder */
.builder-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:19px}.preset-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:14px 0 18px;font-size:11px;color:#7b8b80}.preset-row button{border:1px solid #d6e4d4;background:#f8fbf5;border-radius:99px;padding:6px 10px;font-size:11px;color:#3e5d4b}.builder .fields label:last-child{grid-column:auto}.builder .full{margin-top:12px}
.criteria-head{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#4a6456}.criteria{display:grid;gap:6px}.criterion{display:grid;grid-template-columns:130px 1fr 30px;gap:6px}.criterion input{margin:0;padding:9px 10px;font-size:12px}.criterion .c-key{font-family:ui-monospace,Menlo,monospace}.criterion .c-key[readonly]{background:#eef3ec;color:#6a806f}.criterion button{border:0;background:#f4f1ec;border-radius:8px;color:#9a633a;font-size:16px}
.checks{list-style:none;padding:0;margin:14px 0;display:grid;gap:6px}.checks li{font-size:12px;line-height:1.5;padding:8px 10px;border-radius:8px}.checks .ok{background:#eaf6e3;color:#20603f}.checks .ok:before{content:'✓ ';font-weight:800}.checks .no{background:#fff3e6;color:#9a5a24}.checks .no:before{content:'! ';font-weight:800}.q-json{max-height:260px}.toggle{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px}.toggle input{width:auto;margin:0;accent-color:#2f8a55}
/* Quiz */
.quiz-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quiz-item small{color:#4c8b60;font-weight:800;font-size:11px}.quiz-item h3{font-size:15px;line-height:1.55;margin:8px 0 14px}.options{display:grid;gap:6px}.options button{text-align:left;border:1px solid #dbe6d8;background:#fbfcfa;border-radius:9px;padding:10px 12px;font-size:12.5px;color:#2f4a3c}.options button:hover:not(:disabled){background:#f0f8ee}.options button:disabled{cursor:default}.options .right{background:#e3f4da;border-color:#8cc98a;color:#1c5a36;font-weight:700}.options .wrong{background:#fdebe0;border-color:#e8b394;color:#9a4c1f}
.feedback{font-size:12px;line-height:1.7;margin:12px 0 0;min-height:0}.feedback.ok{color:#20603f}.feedback.no{color:#9a5a24}.quiz-score{margin-top:14px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.quiz-score strong{font-size:28px;color:#176247}.quiz-score .muted{margin:0;flex:1}.quiz-score button{border-radius:9px;padding:10px 16px;border:1px solid #bed4c1;font-size:12px;font-weight:800}
@media(max-width:980px){.nav{display:none}}
@media(max-width:850px){.versus,.builder-grid,.quiz-list{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr 1fr}.type-body{grid-template-columns:1fr}.result-grid.four{grid-template-columns:1fr}}
@media(max-width:520px){.benefit-grid{grid-template-columns:1fr}.criterion{grid-template-columns:96px 1fr 30px}.rank-list li{grid-template-columns:22px 76px 1fr 40px}.learn,.compare,.builder,.quiz{padding-top:48px}}
/* Deep indicators, candidates, question count */
.deep{margin-top:22px;border-top:1px dashed #dfe8dc;padding-top:16px}.deep-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.deep-grid>div{background:#f7faf4;border:1px solid #e6eee2;border-radius:10px;padding:10px;min-width:0}.deep-grid span,.deep-grid small{display:block;font-size:10px;color:#718473;line-height:1.45}.deep-grid strong{display:block;font-size:15px;color:#173f31;margin:5px 0 3px;letter-spacing:-.03em;overflow-wrap:anywhere}
.candidates{margin-top:14px;background:#f6f9f4;border-radius:10px;padding:14px}.candidates>b{font-size:12px;color:#4a6456}.candidates>p{font-size:11px;color:#7b8b80;line-height:1.55;margin:4px 0 4px}.candidates .fields label:last-child{grid-column:auto}
.question-count{margin-top:12px;font-size:12px;color:#355746}.q-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.q-chips span{font-family:ui-monospace,Menlo,monospace;font-size:10px;padding:3px 7px;border-radius:6px;background:#eef3ec;color:#4a6456}.q-chips .choice{background:#e5f1fb;color:#2d5d80}.q-chips .score{background:#f3ecfa;color:#61458a}.q-chips .noul{background:#fdf1e2;color:#8a5c1c}
.group-title{font-size:14px;margin:22px 0 10px;color:#1f4d3a}.group-title span{font-size:11px;font-weight:500;color:#8a9b94;margin-left:8px}
/* Gemini consultation */
.consult{grid-column:span 2;background:#fbfdfa;border-color:#d6e5f3}.badge.model{background:#e5eefb;color:#2d4f80;font-family:ui-monospace,Menlo,monospace}
.pipeline{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:6px 0 4px}.pipeline>div{flex:1;min-width:110px;background:#fff;border:1px solid #dbe6d8;border-radius:12px;padding:10px 12px}.pipeline b{font-size:13px;color:#176247}.pipeline p{font-size:11px;color:#728074;margin:3px 0 0}.pipeline i{font-style:normal;font-weight:800;color:#7ea989;align-self:center}.pipeline .p-jev{background:#bce565;border-color:#bce565}.pipeline .p-jev b,.pipeline .p-jev p{color:#133c31}.pipeline .p-gem{background:#e5eefb;border-color:#c9dbf3}.pipeline .p-gem b{color:#2d4f80}
.chat{display:grid;gap:12px;margin-top:14px}.bubble{border:1px solid #e0e9df;border-radius:14px;padding:16px 20px;background:#fff}.bubble.user{background:#f1f6e8;margin-left:12%;border-color:#dce9cf}.bubble .who{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#8a9b94;margin-bottom:6px}.bubble .who b{color:#2d4f80}.bubble.user .who b{color:#2c6440}.bubble.user p{margin:0;font-size:13px}
.md{font-size:13.5px;line-height:1.8;color:#2f4a3c}.md h3{font-size:15px;margin:18px 0 6px;color:#173f31}.md h3:first-child{margin-top:4px}.md h4{font-size:13.5px;margin:14px 0 4px}.md p{margin:6px 0}.md ul,.md ol{margin:4px 0;padding-left:20px}.md li{margin:3px 0}.md strong{color:#173f31}
.follow{display:flex;gap:8px;margin-top:12px}.follow input{margin:0;flex:1}.follow button{border-radius:9px;padding:0 18px;font-size:12px;font-weight:800;border:1px solid}
@media(max-width:850px){.consult{grid-column:auto}.deep-grid{grid-template-columns:1fr 1fr}.bubble.user{margin-left:0}}
.roles{margin-top:18px}.role-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-grid article{border:1px solid #e0e9df;border-radius:12px;padding:16px 18px}.role-grid article:first-child{background:#f3f9ea}.role-grid article:last-child{background:#f1f5fc}.role-grid b{font-size:15px;color:#176247}.role-grid article:last-child b{color:#2d4f80}.role-grid ul{margin:8px 0 0;padding-left:18px;font-size:12.5px;line-height:1.8;color:#4f6558}
@media(max-width:520px){.role-grid,.deep-grid{grid-template-columns:1fr}}
.result-title{gap:10px;flex-wrap:wrap}.badge{white-space:nowrap}
/* Analysis packs */
.packs{margin-top:14px;background:#f6f9f4;border-radius:10px;padding:14px}.packs>b{font-size:12px;color:#4a6456}.packs>p{font-size:11px;color:#7b8b80;line-height:1.55;margin:4px 0 8px}.pack-list{display:grid;gap:6px}.pack{display:flex;gap:8px;align-items:flex-start;background:#fff;border:1px solid #e1e8de;border-radius:8px;padding:8px 10px;font-weight:500;cursor:pointer}.pack input{width:auto;margin:2px 0 0;accent-color:#2f8a55}.pack b{font-size:12.5px;color:#1f4d3a}.pack small{font-size:11px;color:#7b8b80}
/* Scorecard */
.panel{margin-top:8px}.score-layout{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start}.composite{background:#123d34;color:#d6eadb;border-radius:14px;padding:18px}.composite>span{font-size:12px;font-weight:700;color:#b8de78}.composite strong{display:inline-block;font-size:46px;color:#fff;letter-spacing:-.04em;margin:6px 6px 0 0}.composite small{font-size:12px;color:#c1d8cd}.composite .helper{color:#a9c6b8}
.comp-bar{position:relative;height:10px;background:#245348;border-radius:99px;margin:12px 0 4px;overflow:hidden}.comp-bar i{position:absolute;left:0;top:0;bottom:0;background:#bce565;border-radius:99px}.comp-bar b{position:absolute;top:0;bottom:0;background:#ffffff40}
.conf{margin-top:12px;font-size:11.5px;line-height:1.6;background:#1c4a3f;border-radius:8px;padding:8px 10px}.conf:empty{display:none}.conf b{color:#fff}
.criteria-rows{display:grid;gap:8px}.crit-row{display:grid;grid-template-columns:120px 1fr 120px 96px;gap:10px;align-items:center;border:1px solid #e0e9df;border-radius:10px;padding:8px 12px;background:#fff}.crit-row.unsure{border-color:#f0d2a8;background:#fffaf2}.crit-name b{display:block;font-size:12.5px;color:#1f4d3a}.crit-name small,.crit-val small{display:block;font-size:10.5px;color:#8a9b94}.crit-val b{font-size:15px;color:#173f31}.crit-row select{margin:0;padding:6px 8px;font-size:11px}
.crit-bar{position:relative;height:10px;background:#e7eee5;border-radius:99px;overflow:hidden}.crit-bar i{position:absolute;left:0;top:2px;bottom:2px;background:#2f8a55;border-radius:99px}.crit-bar span{position:absolute;top:0;bottom:0;background:#a3c7ad80}
.scan-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.scan-list li{display:grid;grid-template-columns:24px 96px 1fr 44px 230px;gap:10px;align-items:center;font-size:12px;border-radius:8px;padding:6px 8px;border:1px solid #edf2eb;background:#fff}.scan-list li.me{background:#eef7e6;border-color:#cfe4bf}.scan-list .rk{color:#8a9b94;text-align:right}.scan-list button{border:0;background:none;text-align:left;font-size:12.5px;font-weight:700;color:#1f4d3a;padding:0}.scan-list button:hover{text-decoration:underline}.scan-list b{text-align:right}.scan-list small{font-size:10.5px;color:#7b8b80}
.check-table td,.check-table th{font-family:inherit;font-size:12px}.check-table tr.agree .st{color:#20603f;font-weight:700}.check-table tr.check td{background:#fff7ec}.check-table tr.check .st{color:#9a5a24;font-weight:800}.check-table tr.info .st{color:#8a9b94}
.level-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:12px;color:#4a6456}.level-row>span{font-weight:800}.level-row label{display:flex;align-items:center;gap:6px;font-weight:500}.level-row input{width:auto;margin:0;accent-color:#2f8a55}
@media(max-width:850px){.score-layout{grid-template-columns:1fr}.crit-row{grid-template-columns:1fr 1fr}.crit-row .crit-bar{grid-column:span 2;order:3}.scan-list li{grid-template-columns:22px 1fr 44px}.scan-list li .crit-bar{grid-column:2/4}.scan-list li small{grid-column:2/4}}