.source-editor{font:13px/1.55 var(--mono);background:#182b24;color:#edf4e6;tab-size:4;white-space:pre;overflow:auto;overflow-wrap:normal;min-height:155px;resize:vertical}.source-editor:read-only{background:#25382e;color:#e5eddf}.editor-label{display:block;font-weight:650;margin:12px 0 7px}.source-tools,.sister-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.source-tools{margin:9px 0}.source-tools .secondary{font-size:12px;padding:7px 10px;text-decoration:none}.sample{border-left:3px solid #92ac76;background:#f4f7ef;padding:9px 12px;margin:12px 0}.sample .kicker{color:#526b50}.sample pre{margin:4px 0 0;padding:0;color:var(--ink);background:transparent;white-space:pre-wrap}.model-solution{margin:12px 0;min-width:0}.model-solution summary{cursor:pointer;font-weight:650}.model-solution pre{max-height:26rem}.question-actions .primary{min-width:105px}.source-command{font-size:12px;margin:9px 0;color:var(--muted);overflow-wrap:anywhere}.sister-links{column-gap:18px}.guide-article details{padding:8px 0}.source-editor:focus{outline-color:#9abb78}.native-art{right:1%}
html[data-lab="sass"]{--ink:#253845;--muted:#566d79;--deep:#223e50;--moss:#496c7d;--pale:#e9f1f4}html[data-lab="sass"] .hero{background:linear-gradient(112deg,#192f3c,#253f50);border-color:#2b4450}html[data-lab="sass"] .hero-kicker,html[data-lab="sass"] .hero-stats .icon{color:#edd4a2}html[data-lab="sass"] .hero-kicker i{background:#edd4a2}html[data-lab="sass"] .logo{color:#f1d6a3}html[data-lab="sass"] .hero p,html[data-lab="sass"] .hero-stats{color:#dce6e9}html[data-lab="sass"] .level.selected,html[data-lab="sass"] .choice:has(input:checked){border-color:#98b4c2;background:#edf3f6}html[data-lab="sass"] .level.selected .num{color:#e9f3f8}html[data-lab="sass"] .progress-box{background:#e8eff2;border-color:#c8d7dd}html[data-lab="sass"] .primary:enabled{background:#2a4c60;border-color:#2a4c60}html[data-lab="sass"] .navlink.active{border-color:#567d91}html[data-lab="sass"] .source-editor{background:#1b303e;color:#ecf3f6}html[data-lab="sass"] .level-tag{background:#edf3f6;color:#3f6579;border-color:#c9dbe4}
@media(max-width:700px){.topin{gap:10px}.top nav{gap:9px}.wordmark{font-size:14px}.top-progress{font-size:9px}.pathcard #levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.level .level-copy,.level.selected .level-copy{display:block}.level .level-copy strong,.level.selected .level-copy strong{font-size:10px;white-space:normal}.level .level-copy small{display:none}.level{gap:3px;justify-content:flex-start}.level .num{width:17px;min-width:17px}.source-editor{font-size:12px}.native-art{opacity:.45;right:-8%}.sister-links{gap:6px 12px;justify-content:flex-end}}
@media(max-width:405px){.top-progress{display:none}.top nav{margin-left:auto}.topin{gap:5px}.hero .native-art{opacity:.27}.hero-copy{width:84%}}