.project-sections{display:flex;gap:8px;margin:0 0 24px;flex-wrap:wrap}.project-sections button{border:1px solid var(--line);padding:12px 20px;border-radius:9px;font-size:16px;min-height:46px}.project-sections [aria-pressed=true]{background:#222343;color:white;border-color:#222343}
.story-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);gap:26px;margin-bottom:32px}.story-intro h1{margin:12px 0 16px}.story-intro p,.story-work p,.story-work li{font-size:16px;line-height:1.8;color:#4e5a70}.story-intro>div>p{max-width:620px}.story-next{padding:24px;border-radius:14px;background:#222343;color:white}.story-next>span{font-size:12px;letter-spacing:1px;color:#c6bffa}.story-next>strong{display:block;font-size:23px;margin:14px 0;line-height:1.4}.story-next p{color:#dddaf0;font-size:14px;margin-bottom:18px}.story-next .btn.primary{background:#d4f486;border:0;color:#243019}.story-progress{display:flex;align-items:center;gap:15px;margin-top:25px;font-size:15px}.story-progress progress{width:180px;max-width:55%;height:9px;accent-color:#5840cb}
.story-layout{display:grid;grid-template-columns:285px minmax(0,1fr);gap:24px;align-items:start}.story-map{min-width:0}.story-map section{margin-bottom:22px}.story-map h2{font-size:15px;margin-bottom:12px}.story-map h2>span{color:#7563b7;margin-right:7px}.story-map ol{list-style:none;margin:0;padding:0}.story-map li{margin:0 0 6px}.story-map button{width:100%;display:flex;gap:11px;align-items:start;padding:13px 10px;border:1px solid transparent;border-radius:10px;text-align:left}.story-map button[aria-current]{background:#eeeafa;border-color:#cfc3f2}.story-map button:disabled{opacity:.64;background:#f1f2f7}.story-number{flex:0 0 25px;font:600 14px/1.8 ui-monospace,monospace;color:#5e4eb1}.story-map strong{display:block;font-size:14px;line-height:1.55}.story-map small{display:block;font-size:12px;color:#5b667b;line-height:1.7;margin-top:4px}
.story-work{min-width:0;background:white;border:1px solid var(--line);border-radius:16px;padding:30px;scroll-margin-top:20px}.story-work-head{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;color:#667187;font-size:14px}.story-work>h2{margin:22px 0 8px;font-size:28px;line-height:1.3}.story-work .story-role{font-weight:650;color:#5943a6;margin-bottom:18px}.story-work h3{font-size:18px;margin:22px 0 12px}.story-brief{padding:1px 22px 18px;background:#f6f5fb;border-radius:10px;margin:24px 0}.story-work ul{padding-left:22px}.story-brief li{margin:10px 0}.story-work details{border-top:1px solid var(--line);padding:10px 0}.story-work summary{min-height:44px;padding:10px 0;cursor:pointer;color:#50408e;font-size:15px;font-weight:600;line-height:1.65}.story-work details p{margin:8px 0 14px}.story-lessons{display:grid;gap:3px;margin-bottom:18px}.story-lessons button{font-size:15px;min-height:44px}.story-environment{padding:15px;background:#f1f5fa;border-radius:8px;font-size:14px!important;margin:24px 0}
.story-label{display:block;font-size:16px;font-weight:600;margin:22px 0 10px}#story-code{display:block;width:100%;min-height:310px;padding:20px;font:15px/1.8 ui-monospace,monospace;color:#ecedff;background:#22283b;resize:vertical;border:0;border-radius:10px;tab-size:2}#story-reasoning{width:100%;min-height:140px;padding:16px;font:16px/1.8 system-ui;border:1px solid #bfc6d7;border-radius:10px;resize:vertical}.story-actions{display:flex;gap:10px 16px;flex-wrap:wrap;margin-top:16px}.story-message{font-size:14px!important;margin-top:14px;min-height:28px}.story-message.error{color:#8c242d}.story-console,.story-solution pre{max-width:100%;max-height:480px;overflow:auto;white-space:pre;background:#22283b;color:#edf0ff;padding:18px;border-radius:9px;font:14px/1.8 ui-monospace,monospace}.story-solution code{font:inherit}.story-check,.story-review{border-top:1px solid var(--line);margin-top:28px;padding-top:5px}.story-check fieldset{border:0;margin:24px 0;padding:0}.story-check legend{font-weight:600;font-size:16px;line-height:1.7;margin-bottom:12px}.story-check .option{font-size:15px;line-height:1.65}.story-review>.btn{margin:18px 0}.story-feedback{margin:20px 0;padding:18px;border:1px solid #d8d1ec;border-radius:9px;background:#f9f7fe}.story-feedback>strong{font-size:20px}.story-feedback.success{border-color:#9bc7af;background:#f0f8f2}.story-passed{color:#226443!important;font-weight:600}.story-work p,.story-work li,.story-map strong{overflow-wrap:anywhere}
@media(max-width:1100px){.story-intro{grid-template-columns:1fr}.story-layout{grid-template-columns:220px minmax(0,1fr)}.story-work{padding:23px}}
@media(max-width:780px){.story-layout{display:flex;flex-direction:column}.story-map{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-map button{padding:10px 6px}.story-work{width:100%;padding:21px}.story-number{flex-basis:19px}.story-map h2{font-size:14px}.story-work>h2{font-size:25px}}
@media(max-width:420px){.story-map{grid-template-columns:1fr}.story-map section{margin-bottom:8px}.story-work{padding:18px}.story-brief{padding:1px 15px 15px}#story-code{font-size:16px;padding:15px}.story-work-head{align-items:start}.story-next{padding:22px}}