@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;700;800&display=swap";.qg-page{display:grid;gap:26px}.qg-hero{margin-top:0;border-top:0;padding-top:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);gap:28px;align-items:start}.qg-hero h1{max-width:900px;margin-bottom:18px}.qg-hero aside{background:#e8ede2;border:1px solid #d7dfd5;border-radius:12px;padding:20px;display:grid;gap:7px}.qg-hero aside span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#466754}.qg-hero aside strong{font-size:14px;word-break:break-all}.qg-hero aside small{color:#617169;line-height:1.5}.qg-types{margin-top:0;border-top:0;padding-top:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.qg-types button{border:1px solid #d4ddd7;background:#fff;border-radius:12px;padding:18px;text-align:left;cursor:pointer;color:#17372f;display:grid;gap:7px}.qg-types button strong{font:700 17px Manrope,sans-serif}.qg-types button span{font-size:12px;line-height:1.5;color:#60716a}.qg-types button.active{background:#244d3e;color:#fff;border-color:#244d3e}.qg-types button.active span{color:#dce7e1}.qg-workspace{margin-top:0;border-top:0;padding-top:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr);gap:16px;align-items:start}.qg-editor,.qg-run,.qg-results{background:#fff;border:1px solid #d7dfd5;border-radius:14px;padding:20px}.qg-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qg-section-head h2,.qg-run h2{margin:4px 0 0}.qg-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.qg-actions.bottom{justify-content:flex-start;margin-top:10px}.qg-editor button,.qg-run button,.qg-results button{border:1px solid #cad6cf;background:#f8faf7;color:#244d3e;padding:9px 12px;border-radius:8px;font:600 12px DM Sans,sans-serif;cursor:pointer}.qg-editor button:hover,.qg-run button:hover,.qg-results button:hover{background:#edf3ef}.qg-editor textarea{margin-top:16px;width:100%;min-height:560px;resize:vertical;border-radius:10px;border:1px solid #c7d3cc;background:#11251f;color:#eaf2ed;padding:14px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:none}.qg-editor textarea:focus{border-color:#6d917e;box-shadow:0 0 0 3px #244d3e1f}.qg-summary{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qg-summary>div{background:#f6f8f5;border-radius:8px;padding:10px}.qg-summary span,.qg-summary strong{display:block}.qg-summary span{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#7a8b82}.qg-summary strong{font-size:11px;margin-top:3px}.qg-run{display:grid;gap:13px;position:sticky;top:18px}.qg-run label{display:grid;gap:5px}.qg-run label>span{font-size:12px;font-weight:700}.qg-run input{width:100%;border:1px solid #cbd7d0;border-radius:8px;padding:10px;background:#fff;color:#17372f}.qg-run small{font-size:10px;color:#74837c}.qg-run .primary{background:#244d3e;color:#fff;border-color:#244d3e;padding:12px}.qg-run hr{width:100%;border:0;border-top:1px solid #e0e7e2}.qg-run p{font-size:12px;margin:0}.qg-run code{background:#edf3ef;padding:2px 4px;border-radius:4px}.qg-message{border-radius:10px;padding:12px 14px;white-space:pre-wrap;font-size:12px}.qg-message.success{background:#edf8f1;border:1px solid #bfdfc9;color:#285f3d}.qg-message.error{background:#fff0ed;border:1px solid #edc4bb;color:#8d3424}.qg-results{margin-top:0}.qg-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.qg-question{margin:0;max-width:none;background:#f9fbf8;border:1px solid #dce5df;border-radius:10px;padding:15px}.qg-question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.qg-question-head div span,.qg-question-head div strong{display:block}.qg-question-head div span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#718078}.qg-question-head div strong{font-size:10px;margin-top:2px;color:#53665d}.qg-question-head em{font-style:normal;font-size:9px;font-weight:800;border-radius:999px;background:#e8ede2;padding:4px 7px}.qg-question h3{font-size:14px;line-height:1.5;margin:12px 0}.qg-options{display:grid;gap:7px}.qg-option{display:grid;grid-template-columns:28px 1fr 20px;align-items:center;gap:8px;border:1px solid #dce4df;background:#fff;border-radius:8px;padding:8px}.qg-option b{width:25px;height:25px;border-radius:6px;background:#eef2ef;display:grid;place-items:center;font-size:10px}.qg-option span{font-size:11px;line-height:1.4}.qg-option i{font-style:normal;color:#2b7a4b;font-weight:800}.qg-option.correct{border-color:#a9d4b8;background:#f0f8f2}.qg-correction{font-size:10px;line-height:1.5;color:#53665d;background:#eef3ef;border-radius:7px;padding:8px;margin:10px 0 0}.qg-empty{padding:42px;text-align:center;color:#7b8c83}@media(max-width:900px){.qg-hero,.qg-workspace{grid-template-columns:1fr}.qg-run{position:static}.qg-question-grid{grid-template-columns:1fr}}@media(max-width:650px){.qg-types{grid-template-columns:1fr}.qg-section-head{flex-direction:column}.qg-actions{justify-content:flex-start}.qg-summary{grid-template-columns:1fr}.qg-editor textarea{min-height:440px}}.qg-classification,.qg-library{background:#fff;border:1px solid #d7dfd5;border-radius:14px;padding:20px;margin-top:0}.qg-classification .qg-section-head p,.qg-library .qg-section-head p{margin:6px 0 0;font-size:12px;color:#687970}.qg-classification-path{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:520px}.qg-classification-path span,.qg-classification-path strong{font-size:10px;padding:5px 7px;border-radius:999px;background:#edf3ef}.qg-classification-path strong{background:#244d3e;color:#fff}.qg-classification-path b{font-size:11px;color:#8a9a91}.qg-classification-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.qg-classification-grid label{display:grid;gap:5px}.qg-classification-grid label>span{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#62736a}.qg-classification-grid input,.qg-classification-grid select{width:100%;border:1px solid #cbd7d0;border-radius:8px;padding:10px;background:#fff;color:#17372f}.qg-classification-grid input:disabled{background:#f2f5f2;color:#62736a}.qg-prerequisites{margin-top:16px;border-top:1px solid #e5ebe7;padding-top:14px}.qg-prerequisites summary{cursor:pointer;font-size:12px;font-weight:750;display:flex;gap:8px;align-items:center;justify-content:space-between}.qg-prerequisites summary strong{font-size:10px;color:#486557}.qg-prerequisites>p{font-size:11px;color:#66776e;margin:8px 0 12px}.qg-prerequisite-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:330px;overflow:auto;padding-right:4px}.qg-prerequisite-list label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:flex-start;border:1px solid #dce5df;border-radius:8px;padding:9px;cursor:pointer;background:#fbfcfa}.qg-prerequisite-list label.selected{border-color:#80ad94;background:#eff7f1}.qg-prerequisite-list label input{margin-top:2px}.qg-prerequisite-list label span{display:grid;gap:2px}.qg-prerequisite-list label strong{font-size:10px;line-height:1.35}.qg-prerequisite-list label small{font-size:9px;line-height:1.35;color:#718078}.qg-actions .strong{background:#244d3e!important;color:#fff!important;border-color:#244d3e!important}.qg-library-list{display:grid;gap:8px;margin-top:14px}.qg-library-list article{max-width:none;margin:0;padding:12px 14px;border:1px solid #dce5df;background:#f9fbf8;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:14px}.qg-library-list article>div{display:grid;gap:2px}.qg-library-list article strong{font-size:12px}.qg-library-list article span{font-size:10px;color:#62736a}.qg-library-list article small{font-size:9px;color:#7b8c83}.qg-library-list button{border:1px solid #cad6cf;background:#fff;color:#244d3e;padding:8px 10px;border-radius:7px;font:600 11px DM Sans,sans-serif;cursor:pointer}.qg-question-head div small{display:block;font-size:9px;color:#7a8c82;margin-top:2px}@media(max-width:900px){.qg-classification-grid{grid-template-columns:repeat(2,1fr)}.qg-prerequisite-list{grid-template-columns:1fr}.qg-classification-path{justify-content:flex-start}}@media(max-width:650px){.qg-classification-grid{grid-template-columns:1fr}.qg-library-list article{align-items:flex-start;flex-direction:column}.qg-library-list article button{width:100%}}.qg-option-content{display:grid;gap:7px}.qg-media-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:8px 0 12px}.qg-media-list.compact{margin:6px 0 0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.qg-media-image{display:block;width:100%;max-height:220px;object-fit:contain;border-radius:8px;border:1px solid #d9e3dd;background:#fff}.qg-media-molecule{min-height:105px;border:1px dashed #8eaa9a;border-radius:9px;background:linear-gradient(135deg,#eff7f2,#f8faf8);display:grid;place-content:center;text-align:center;padding:10px}.qg-media-molecule>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6c8175}.qg-media-molecule>strong{font-size:13px;margin-top:3px}.qg-media-molecule>small{font-size:9px;color:#718078;margin-top:4px}.qg-library-preview{margin-top:16px;border:1px solid #9ebbaa;background:#f6faf7;border-radius:12px;padding:16px}.qg-library-preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:10px}.qg-library-preview-head h3{margin:3px 0;font-size:18px}.qg-library-preview-head p{margin:0;font-size:11px;color:#687970}.qg-library-preview-head button,.qg-preview-actions button,.qg-library-actions button{border:1px solid #cad6cf;background:#fff;color:#244d3e;padding:8px 10px;border-radius:7px;font:600 11px DM Sans,sans-serif;cursor:pointer}.qg-preview-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.qg-preview-actions .strong,.qg-library-actions .strong{background:#244d3e;color:#fff;border-color:#244d3e}.qg-library-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.qg-library-actions .danger{color:#9a2f2f;border-color:#e3bcbc;background:#fff8f8}.qg-library-actions .danger:hover{background:#ffeded}.qg-library .qg-section-head h2 small{font-size:12px;font-weight:500;color:#708078}.qg-library-list article{align-items:center}.qg-library-preview .qg-question{background:#fff}.qg-library-preview .qg-question-head em{background:#dcebe1}@media(max-width:700px){.qg-library-actions{width:100%;justify-content:flex-start}.qg-library-actions button{flex:1}.qg-library-preview-head{flex-direction:column}.qg-library-preview-head>button{width:100%}}.qg-guide-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #244d3e;background:#244d3e;color:#fff;text-decoration:none;border-radius:8px;padding:9px 12px;font-size:11px;font-weight:750;white-space:nowrap}.qg-guide-button:hover{background:#173b30}@media(max-width:700px){.qg-guide-button{width:100%}}.qg-media-molecule-rendered,.qg-media-graph{border:1px solid #d8e3dc;border-radius:10px;background:#fff;padding:8px;overflow:hidden}.qg-media-molecule-rendered>svg,.qg-media-graph>svg{display:block;width:100%;height:auto}.qg-media-graph .qcm-science-graph{max-height:360px}.qg-media-error{border:1px solid #efc6c6;background:#fff4f4;color:#8b3030;border-radius:8px;padding:10px;font-size:11px}.qg-media-list.compact .qg-media-molecule-rendered>svg{max-height:180px}.qg-media-list.compact .qg-media-graph .qcm-science-graph{max-height:220px}.qgh-page{display:grid;gap:24px}.qgh-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.qgh-top a{font-weight:700;text-decoration:none}.qgh-top span{color:#6a7b72}.qgh-hero{margin-top:0;border-top:0;padding-top:0}.qgh-hero h1{max-width:900px}.qgh-hero code,.qgh-section code{background:#eef3ef;padding:2px 5px;border-radius:5px}.qgh-index{display:flex;gap:8px;flex-wrap:wrap;border:1px solid #d7dfd5;background:#fff;border-radius:12px;padding:10px 12px}.qgh-index a{font-size:11px;font-weight:700;text-decoration:none;padding:7px 9px;border-radius:7px;background:#f5f8f5}.qgh-index a:hover{background:#e9f0eb}.qgh-section{margin-top:0;background:#fff;border:1px solid #d7dfd5;border-radius:14px;padding:22px}.qgh-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.qgh-section-title>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:#244d3e;color:#fff;font-weight:800;font-size:12px}.qgh-section-title h2{margin:3px 0 0}.qgh-section-title .eyebrow{margin:0}.qgh-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.qgh-steps article{margin:0;max-width:none;background:#f8faf8;border:1px solid #e0e7e2;border-radius:10px;padding:14px;display:grid;grid-template-columns:30px 1fr;gap:4px 8px}.qgh-steps article b{grid-row:1/3;width:28px;height:28px;border-radius:8px;background:#e5eee8;display:grid;place-items:center}.qgh-steps article strong{font-size:13px}.qgh-steps article p{grid-column:2;margin:0;font-size:11px;color:#66766d;line-height:1.45}.qgh-type{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px;align-items:start;margin:22px 0 12px}.qgh-type-copy h3{margin:8px 0}.qgh-type-copy p{font-size:12px;color:#5f7167}.qgh-tag{display:inline-flex;font-size:9px;letter-spacing:.08em;font-weight:800;padding:4px 7px;border-radius:999px;background:#e8efe9;color:#294c3e}.qgh-rule{margin:8px 0 0;max-width:none;background:#f7f9f7;border:1px solid #e0e7e2;border-radius:8px;padding:10px}.qgh-rule strong{font-size:11px}.qgh-rule p{margin:3px 0 0;font-size:10px;line-height:1.45}.qgh-visual{border:1px solid #dce5df;border-radius:12px;padding:14px;background:#fbfcfb}.qgh-visual-head{display:flex;justify-content:space-between;gap:10px}.qgh-visual-head span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7b8b82}.qgh-visual-head strong{font-size:11px}.qgh-prompt{font-weight:700;font-size:13px;margin:12px 0}.qgh-options{display:grid;gap:7px}.qgh-options>div{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;border:1px solid #dce4df;background:#fff;border-radius:8px;padding:8px}.qgh-options>div.correct{background:#eff8f1;border-color:#a8d0b5}.qgh-options b{width:24px;height:24px;border-radius:6px;background:#edf2ee;display:grid;place-items:center;font-size:10px}.qgh-options span{font-size:11px}.qgh-options em{font-style:normal;color:#2b7a4b;font-weight:800}.qgh-json{margin:10px 0 26px;border:1px solid #d3ddd6;border-radius:10px;overflow:hidden}.qgh-json-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;background:#f5f8f6}.qgh-json-head div{display:grid;gap:2px}.qgh-json-head strong{font-size:12px}.qgh-json-head span{font-size:10px;color:#6c7c73}.qgh-json-head button{border:1px solid #c6d4ca;background:#fff;border-radius:7px;padding:7px 10px;font:600 10px DM Sans,sans-serif;cursor:pointer}.qgh-json pre,.qgh-json-mini pre,.qgh-media-examples pre{margin:0;background:#10241d;color:#eaf1ed;padding:14px;overflow:auto;font:11px/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.qgh-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qgh-family-good,.qgh-family-bad{border-radius:10px;padding:14px;display:grid;gap:6px}.qgh-family-good{background:#eff8f1;border:1px solid #b7ddc2}.qgh-family-bad{background:#fff5f3;border:1px solid #eccac2}.qgh-family-good>span,.qgh-family-bad>span{font-size:9px;font-weight:800}.qgh-family-good strong,.qgh-family-bad strong{font-size:13px}.qgh-family-good code,.qgh-family-bad code{font-size:10px}.qgh-family-good p,.qgh-family-bad p{margin:0;font-size:11px;line-height:1.5}.qgh-callout{background:#edf3ef;border-left:4px solid #244d3e;border-radius:8px;padding:12px 14px;font-size:12px;max-width:none}.qgh-path-demo{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.qgh-path-demo span,.qgh-path-demo strong{padding:6px 8px;border-radius:999px;background:#edf3ef;font-size:10px}.qgh-path-demo strong{background:#244d3e;color:#fff}.qgh-path-demo b{color:#829087}.qgh-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.qgh-rules .qgh-rule{margin:0}.qgh-json-mini{margin-top:14px;border:1px solid #d7dfd9;border-radius:9px;overflow:hidden}.qgh-json-mini>strong{display:block;padding:10px 12px;font-size:11px;background:#f6f8f6}.qgh-media-examples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.qgh-media-examples>div{border:1px solid #dce4df;border-radius:10px;padding:12px;overflow:hidden}.qgh-media{min-height:110px;border:1px dashed #8fa89b;border-radius:9px;background:linear-gradient(135deg,#eff7f2,#fafcfa);display:grid;place-content:center;text-align:center;padding:10px;margin:9px 0}.qgh-media>span{font-size:9px;letter-spacing:.08em;color:#708078}.qgh-media>strong{font-size:13px;margin-top:3px}.qgh-media>small{font-size:9px;color:#75847c;margin-top:4px}.qgh-media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;margin:8px 0}.qgh-media-grid.small{grid-column:2/4;margin:5px 0 0}.qgh-media-grid .qgh-media{margin:0;min-height:85px}.qgh-checklist{margin-top:16px;border:1px solid #cedbd2;background:#f7faf8;border-radius:10px;padding:14px;display:grid;gap:8px}.qgh-checklist>strong{margin-bottom:3px}.qgh-checklist label{font-size:11px;display:flex;align-items:center;gap:8px}.qgh-bottom{text-align:center;padding:8px 0 20px}@media(max-width:900px){.qgh-steps{grid-template-columns:repeat(2,1fr)}.qgh-type,.qgh-family-grid,.qgh-media-examples,.qgh-rules{grid-template-columns:1fr}}@media(max-width:620px){.qgh-steps{grid-template-columns:1fr}.qgh-top{align-items:flex-start;flex-direction:column}.qgh-section{padding:16px}.qgh-json-head{align-items:flex-start;flex-direction:column}.qgh-json-head button{width:100%}}:root{font-family:DM Sans,sans-serif;color:#17372f;background:#f6f7f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}header{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:32px 36px;border-bottom:1px solid #d7dfd5}.brand{font-family:Manrope,sans-serif;font-size:21px;font-weight:800;text-decoration:none}.brand span{display:block;font-weight:500;font-size:14px;letter-spacing:3px}nav{display:flex;gap:28px;font-size:14px}main{max-width:1060px;min-height:70vh;margin:auto;padding:85px 36px}h1{font-family:Manrope,sans-serif;font-size:clamp(36px,6vw,68px);line-height:1.1;letter-spacing:-2px;max-width:800px;margin:22px 0 28px}h2{font-size:24px;line-height:1.3}.lead{font-size:23px;max-width:630px;line-height:1.6;color:#52665e}p,li{line-height:1.7;max-width:760px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#466754}.button{display:inline-block;background:#244d3e;color:#fff;padding:16px 24px;border-radius:6px;text-decoration:none;margin-top:16px}section{margin-top:80px;border-top:1px solid #d7dfd5;padding-top:28px}article{max-width:650px;background:#e8ede2;padding:34px;margin-top:42px;border-radius:8px}.badge{font-size:12px;letter-spacing:1px;text-transform:uppercase}li{margin-bottom:12px}footer{padding:28px 36px;max-width:1160px;margin:auto;border-top:1px solid #d7dfd5;font-size:13px;color:#52665e}a:focus-visible{outline:3px solid #b15b25;outline-offset:5px}@media(max-width:600px){header{padding:24px;align-items:flex-start;gap:22px}nav{flex-direction:column;gap:12px}main{padding:48px 24px}h1{letter-spacing:-1px}.lead{font-size:20px}}
