:root{--ink:#171918;--white:#fff;--cool:#f1f3f2;--cool2:#e2e6e4;--muted:#6d7470;--red:#d94932;--red-dark:#a92c1b;--yellow:#e1b936;--teal:#146d66;--display:"Archivo Black","Noto Sans SC",sans-serif;--sans:"Noto Sans SC","PingFang SC",sans-serif;--mono:"IBM Plex Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);font-family:var(--sans);letter-spacing:0;margin:0}button,textarea,input,select{color:inherit;font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:square;stroke-linejoin:miter;width:20px;height:20px}.svg-defs{width:0;height:0;position:absolute}.skip-link{z-index:200;color:#fff;background:var(--ink);padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}.app-header{z-index:80;border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-template-columns:260px 1fr 66px 66px;height:66px;display:grid;position:fixed;inset:0 0 auto}.brand{border-right:1px solid var(--ink);color:inherit;align-items:center;gap:13px;padding:0 18px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--ink);width:34px;height:34px;font:400 16px var(--display);place-items:center;display:grid}.brand-mark span{color:var(--yellow)}.brand b{font:400 14px var(--display)}.header-progress{font:600 10px var(--mono);justify-content:flex-end;align-items:center;gap:16px;padding:0 22px;display:flex}.header-progress i{background:var(--cool2);width:110px;height:4px;overflow:hidden}.header-progress i b{background:var(--red);height:100%;transition:width .3s;display:block}.icon-button{border:0;border-left:1px solid var(--ink);background:0 0}.app-shell{min-height:100vh;padding-top:66px}.sidebar{z-index:60;border-right:1px solid var(--ink);background:var(--cool);flex-direction:column;width:260px;display:flex;position:fixed;inset:66px auto 0 0;overflow-y:auto}.sidebar-head{min-height:76px;color:var(--muted);font:500 9px var(--mono);border-bottom:1px solid #b9c0bc;justify-content:space-between;align-items:center;padding:0 18px;display:flex}.sidebar-head b{color:var(--ink)}#moduleNav{display:grid}.nav-item{text-align:left;background:0 0;border:0;border-bottom:1px solid #c8ceca;grid-template-columns:36px 1fr 10px;align-items:center;gap:5px;min-height:67px;padding:0 18px;display:grid;position:relative}.nav-item>span{color:var(--muted);font:500 9px var(--mono)}.nav-item>b{font-size:13px}.nav-item small{color:#8a918d;font:500 8px var(--mono);margin-top:5px;display:block}.nav-item>i{border:1px solid #8b928e;width:7px;height:7px}.nav-item>i.done{border-color:var(--teal);background:var(--teal)}.nav-item.active{color:#fff;background:var(--ink)}.nav-item.active:before{content:"";background:var(--red);width:5px;position:absolute;inset:0 auto 0 0}.nav-item.active>span,.nav-item.active small{color:#aeb5b1}.overview-link{min-height:55px}.sidebar-principle{border-top:1px solid #b9c0bc;margin-top:auto;padding:22px 18px 26px}.sidebar-principle span{color:var(--red-dark);font:600 9px var(--mono)}.sidebar-principle p{margin:10px 0 0;font-size:13px;font-weight:700;line-height:1.7}#mainContent{outline:0;min-width:0;margin-left:260px}.page{max-width:1500px;margin:0 auto}.hero{border-bottom:1px solid var(--ink);grid-template-columns:1.35fr .65fr;min-height:520px;display:grid}.hero>div{padding:clamp(52px,6vw,90px)}.hero h1{max-width:850px;margin:0;font-size:clamp(54px,5.2vw,78px);font-weight:900;line-height:1.02}.hero p{color:#505652;max-width:650px;margin:30px 0;font-size:16px;line-height:1.85}.primary-button{border:1px solid var(--ink);color:#fff;background:var(--ink);align-items:center;gap:34px;min-height:52px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex}.primary-button:hover{background:var(--red-dark)}.hero aside{border-left:1px solid var(--ink);background:var(--yellow);flex-direction:column;justify-content:center;padding:48px;display:flex}.hero aside>span{font:600 10px var(--mono)}.hero blockquote{margin:55px 0 52px;font-size:clamp(25px,2.5vw,38px);font-weight:900;line-height:1.45}.hero blockquote em{color:var(--red-dark);text-underline-offset:6px;font-style:normal;text-decoration:underline;text-decoration-thickness:3px}.hero aside small{border-top:1px solid var(--ink);font:500 9px/1.7 var(--mono);padding-top:15px}.quality-loop{color:#fff;background:var(--ink);grid-template-columns:.75fr 1.25fr;min-height:320px;padding:70px clamp(40px,5vw,76px);display:grid}.quality-loop>div span,.section-kicker{color:#aeb4b1;font:500 9px var(--mono)}.quality-loop h2{margin:22px 0 0;font-size:clamp(28px,3vw,45px);line-height:1.25}.quality-loop ol{grid-template-columns:repeat(5,1fr);align-self:center;margin:0;padding:0;list-style:none;display:grid}.quality-loop li{border:1px solid #59605c;border-right:0;min-height:138px;padding:20px 14px;position:relative}.quality-loop li:last-child{border-right:1px solid #59605c}.quality-loop li:after{content:"";z-index:2;background:var(--yellow);width:9px;height:9px;position:absolute;top:50%;right:-5px}.quality-loop li:last-child:after{display:none}.quality-loop li b,.quality-loop li small{color:#929a96;font:500 8px var(--mono);display:block}.quality-loop li strong{margin:33px 0 8px;font-size:17px;display:block}.principles{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.principles>div{border-right:1px solid var(--ink);min-height:280px;padding:42px}.principles>div:last-child{border:0}.principles span{color:var(--red);font:600 10px var(--mono)}.principles h3{margin:40px 0 24px;font-size:32px;line-height:1.1}.principles p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.8}.workbench{background:var(--cool);padding:66px clamp(30px,5vw,76px) 82px}.evaluation-workbench{border-top:1px solid var(--ink)}.section-kicker{color:var(--red-dark);justify-content:space-between;align-items:center;display:flex}.reset-button{font:600 10px var(--mono);background:0 0;border:0;align-items:center;gap:7px;padding:7px 10px;display:inline-flex}.reset-button svg{width:16px}.workbench-title{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:30px;padding:25px 0 32px;display:flex}.workbench-title h2{margin:0;font-size:clamp(34px,4.5vw,62px);line-height:1}.workbench-title p{max-width:640px;color:var(--muted);margin:16px 0 0;font-size:13px;line-height:1.8}.workbench-title>span{color:var(--red-dark);font:600 9px var(--mono);flex:none;padding-bottom:4px}.brief-grid{border-bottom:1px solid var(--ink);grid-template-columns:1.05fr .95fr;min-height:620px;display:grid}.brief-form{border-right:1px solid var(--ink);grid-template-columns:1fr 1fr;align-content:start;gap:24px;padding:34px 36px 40px 0;display:grid}.brief-form>label{align-content:start;gap:10px;display:grid}.brief-form>label>span,.brief-form legend{color:var(--muted);font:600 9px var(--mono)}.brief-form input,.brief-form textarea,.brief-form select{background:#fff;border:1px solid #9ca39f;border-radius:0;width:100%;min-width:0;font-size:13px;line-height:1.65}.brief-form input,.brief-form select{height:44px;padding:0 12px}.brief-form textarea{resize:vertical;padding:10px 12px}.brief-form .wide{grid-column:1/-1}.brief-form fieldset{border:0;min-width:0;margin:0;padding:0}.brief-form legend{margin-bottom:10px}.state-options{border:1px solid #9ca39f;grid-template-columns:repeat(4,1fr);display:grid}.state-options label{cursor:pointer;background:#fff;border-right:1px solid #c5cac7;align-items:center;gap:8px;min-height:44px;padding:0 10px;display:flex}.state-options label:last-child{border:0}.state-options input{opacity:0;width:1px;height:1px;position:absolute}.state-options i{border:1px solid #8f9692;place-items:center;width:18px;height:18px;display:grid}.state-options i svg{opacity:0;width:12px}.state-options input:checked+i{color:#fff;border-color:var(--teal);background:var(--teal)}.state-options input:checked+i svg{opacity:1}.state-options span{font-size:11px}.brief-output{border:1px solid var(--ink);color:#e9ecea;background:#1f2220;flex-direction:column;min-width:0;margin:34px 0 40px 36px;display:flex}.brief-output header{border-bottom:1px solid #555b58;justify-content:space-between;align-items:center;min-height:68px;padding:0 18px;display:flex}.brief-output header div{gap:6px;display:grid}.brief-output header span{color:#9fa6a2;font:500 8px var(--mono)}.brief-output header b{color:#fff;font-size:13px}.copy-button{color:#fff;background:0 0;border:1px solid #606662;place-items:center;width:38px;height:38px;display:grid}.copy-button:hover{color:var(--ink);background:var(--yellow)}.brief-output pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#d5d9d6;min-width:0;font:400 11px/1.85 var(--mono);flex:1;margin:0;padding:24px 20px;overflow:auto}.brief-output footer{color:#aeb5b1;min-height:48px;font:500 8px var(--mono);border-top:1px solid #555b58;align-items:center;gap:10px;padding:0 18px;display:flex}.brief-output footer i{background:var(--teal);width:7px;height:7px}.task-brief{border-block:2px solid var(--ink);grid-template-columns:110px 1fr;align-items:start;margin-top:20px;padding:24px 0;display:grid}.task-brief span{color:var(--muted);font:600 10px var(--mono)}.task-brief p{margin:0;font-size:18px;font-weight:700}.task-brief small{color:var(--muted);grid-column:2;margin-top:10px}.candidates{border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.candidates article{border-right:1px solid var(--ink);background:#fff;min-height:280px;padding:30px}.candidates article:last-child{border:0}.candidates header{border-bottom:1px solid var(--cool2);justify-content:space-between;gap:20px;padding-bottom:20px;display:flex}.candidates header span{color:var(--red-dark);font:600 9px var(--mono)}.candidates header b{font-size:13px}.candidates article p{margin:34px 0;font-size:15px;line-height:2}.candidates mark{color:var(--ink);background:#f4dd86;padding:10px 12px;font-size:12px;line-height:1.65;display:block}.candidates article:last-child mark{color:#fff;background:var(--teal)}.rubric-head{justify-content:space-between;align-items:end;padding:34px 0 14px;display:flex}.rubric-head span{font-size:20px;font-weight:900}.rubric-head p{color:var(--muted);font:500 9px var(--mono);margin:0}.rubric-table{border-top:1px solid var(--ink)}.rubric-row{border-bottom:1px solid #bbc1be;grid-template-columns:1fr 1.1fr 1.1fr 1.7fr;align-items:center;min-height:66px;display:grid}.rubric-row>*{padding:0 12px}.rubric-row>:first-child{padding-left:0}.rubric-row small{color:var(--muted)}.rubric-labels{min-height:38px;color:var(--muted);font:500 9px var(--mono)}.score-control{grid-template-columns:repeat(4,34px);gap:4px;display:grid}.score-control button{width:34px;height:32px;font:600 11px var(--mono);background:#fff;border:1px solid #9ca39f}.score-control button.selected{border-color:var(--ink);color:#fff;background:var(--ink)}.evidence-field{border-bottom:1px solid var(--ink);grid-template-columns:140px 1fr;align-items:start;padding:28px 0;display:grid}.evidence-field span,.decision>span{font-size:13px;font-weight:700}.evidence-field textarea{resize:vertical;background:#fff;border:1px solid #9ca39f;border-radius:0;width:100%;padding:13px;font-size:13px;line-height:1.6}.decision{grid-template-columns:140px 1fr auto;align-items:center;padding-top:28px;display:grid}.decision>div{display:flex}.decision>div button{border:1px solid var(--ink);background:#fff;border-right:0;min-height:42px;padding:0 16px;font-size:12px}.decision>div button:last-child{border-right:1px solid var(--ink)}.decision>div button.selected{color:#fff;background:var(--teal)}.submit-eval{color:#fff;background:var(--red-dark);border:0;align-items:center;gap:16px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.submit-eval:disabled{color:#777d79;cursor:not-allowed;background:#d3d7d5}.lesson-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:40px;min-height:330px;padding:70px clamp(34px,6vw,90px);display:flex}.lesson-header>div:first-child>span,.lesson-status>span{color:var(--red-dark);font:600 10px var(--mono)}.lesson-header h1{margin:28px 0 18px;font-size:clamp(60px,8vw,116px);line-height:.9}.lesson-header p{color:var(--muted);margin:0;font-size:16px}.lesson-status{justify-items:end;gap:25px;display:grid}.complete-button{border:1px solid var(--ink);background:#fff;min-width:120px;min-height:44px}.complete-button.done{color:#fff;background:var(--teal);justify-content:center;align-items:center;gap:8px;display:inline-flex}.thesis{color:#fff;background:var(--ink);grid-template-columns:140px 1fr;padding:60px clamp(34px,6vw,90px);display:grid}.thesis>span,.lesson-intro>span,.mastery>div:first-child>span{color:var(--yellow);font:600 9px var(--mono)}.thesis blockquote{max-width:900px;margin:0;font-size:clamp(26px,3.4vw,50px);font-weight:900;line-height:1.35}.thesis code{color:#b9c0bc;font:500 12px var(--mono);border-top:1px solid #555b58;grid-column:2;margin-top:35px;padding-top:18px}.lesson-content{border-bottom:1px solid var(--ink);grid-template-columns:.72fr 1.28fr;padding:80px clamp(34px,6vw,90px);display:grid}.lesson-intro{padding-right:55px}.lesson-intro>span{color:var(--red-dark)}.lesson-intro h2{margin:24px 0;font-size:clamp(34px,4vw,56px);line-height:1.18}.lesson-intro p{color:var(--muted);font-size:13px;line-height:1.85}.concept-map{border-top:1px solid var(--ink);margin-top:34px}.concept-map>div{border-bottom:1px solid #c4cac6;grid-template-columns:1fr 1fr;align-items:center;min-height:42px;display:grid}.concept-map span{color:var(--muted);font:500 8px var(--mono)}.concept-map strong,.concept-map b{font-size:11px}.concept-map b{color:var(--red-dark)}.point-list{border-top:1px solid var(--ink)}.point-list article{border-bottom:1px solid #c4cac6;grid-template-columns:48px 130px 1fr;align-items:start;padding:22px 0;display:grid}.point-list article span{color:var(--red-dark);font:600 9px var(--mono)}.point-list article strong{font-size:14px}.point-list article p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.lesson-workflow{color:#fff;background:var(--ink);grid-template-columns:.72fr 1.28fr;padding:70px clamp(34px,6vw,90px);display:grid}.lesson-workflow header>span{color:var(--yellow);font:600 9px var(--mono)}.lesson-workflow h2{margin:20px 0 0;font-size:34px;line-height:1.25}.lesson-workflow ol{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.lesson-workflow li{border:1px solid #555b58;border-right:0;min-height:180px;padding:22px}.lesson-workflow li:last-child{border-right:1px solid #555b58}.lesson-workflow li span{color:var(--yellow);font:600 9px var(--mono)}.lesson-workflow li strong{margin:45px 0 12px;font-size:17px;display:block}.lesson-workflow li p{color:#aeb5b1;margin:0;font-size:11px;line-height:1.7}.mastery{background:var(--yellow);grid-template-columns:.72fr 1.28fr;padding:70px clamp(34px,6vw,90px);display:grid}.mastery>div:first-child>span{color:var(--red-dark)}.mastery h2{margin:20px 0 0;font-size:34px;line-height:1.25}.mastery>div:last-child{border-top:1px solid var(--ink)}.mastery label{border-bottom:1px solid var(--ink);cursor:pointer;grid-template-columns:34px 1fr;align-items:center;min-height:67px;display:grid}.mastery input{opacity:0;position:absolute}.mastery label i{border:1px solid var(--ink);place-items:center;width:23px;height:23px;display:grid}.mastery label i svg{opacity:0;width:15px}.mastery input:checked+i{color:#fff;background:var(--teal)}.mastery input:checked+i svg{opacity:1}.mastery label span{font-size:13px;font-weight:600}.lesson-next{justify-content:space-between;align-items:center;gap:30px;min-height:170px;padding:38px clamp(34px,6vw,90px);display:flex}.lesson-next p{font-size:18px;font-weight:900;line-height:1.7}.lesson-next p span{color:var(--muted);font-size:12px;font-weight:400}.toast{z-index:120;color:#fff;background:var(--teal);max-width:360px;padding:14px 18px;font-size:12px;transition:transform .25s;position:fixed;bottom:24px;right:24px;transform:translateY(120px)}.toast.show{transform:translateY(0)}@media (width<=1050px){.app-header{grid-template-columns:220px 1fr 60px 60px}.sidebar{width:220px}#mainContent{margin-left:220px}.hero{grid-template-columns:1fr}.hero aside{border-top:1px solid var(--ink);border-left:0}.quality-loop{grid-template-columns:1fr;gap:42px}.rubric-row{grid-template-columns:.9fr 1.2fr 1.2fr}.rubric-row>:last-child{display:none}.decision{grid-template-columns:120px 1fr;gap:20px}.submit-eval{grid-column:2;justify-self:start}.brief-grid{grid-template-columns:1fr}.brief-form{border-right:0;border-bottom:1px solid var(--ink);padding-right:0}.brief-output{min-height:560px;margin-left:0}}@media (width<=760px){.app-header{grid-template-columns:1fr auto 60px 60px;height:60px}.brand{border:0}.header-progress i{display:none}.app-shell{padding-top:60px}.sidebar{border-left:1px solid var(--ink);border-right:0;width:min(320px,90vw);transition:transform .25s;inset:60px 0 0 auto;transform:translate(102%)}.sidebar.open{transform:translate(0)}#mainContent{margin-left:0}.hero{min-height:auto}.hero>div,.hero aside{padding:48px 22px}.hero h1{font-size:clamp(46px,14vw,70px)}.quality-loop{padding:52px 22px}.quality-loop ol{grid-template-columns:1fr}.quality-loop li{border-bottom:0;border-right:1px solid #59605c;min-height:78px}.quality-loop li:last-child{border-bottom:1px solid #59605c}.quality-loop li:after{top:auto;bottom:-5px;right:50%}.quality-loop li strong{margin:12px 0 5px}.principles{grid-template-columns:1fr}.principles>div{border-right:0;border-bottom:1px solid var(--ink);min-height:220px}.workbench{padding:48px 16px 58px}.task-brief{grid-template-columns:1fr;gap:10px}.task-brief small{grid-column:1}.workbench-title{flex-direction:column;align-items:flex-start}.brief-form{grid-template-columns:1fr;gap:18px}.brief-form .wide{grid-column:1}.state-options{grid-template-columns:1fr 1fr}.state-options label:nth-child(2){border-right:0}.state-options label:nth-child(-n+2){border-bottom:1px solid #c5cac7}.brief-output{min-height:520px;margin-top:24px}.candidates{grid-template-columns:1fr}.candidates article{border-right:0;border-bottom:1px solid var(--ink);min-height:0}.rubric-head{flex-direction:column;align-items:start;gap:8px}.rubric-row{grid-template-columns:.8fr 1.2fr 1.2fr}.score-control{grid-template-columns:repeat(4,minmax(25px,1fr));padding-inline:5px}.score-control button{width:100%}.evidence-field,.decision{grid-template-columns:1fr;gap:13px}.submit-eval{grid-column:1}.lesson-header{flex-direction:column;align-items:start;min-height:290px;padding:50px 22px}.lesson-header h1{font-size:68px}.lesson-status{justify-items:start}.thesis,.lesson-content,.mastery{grid-template-columns:1fr;gap:35px;padding:50px 22px}.thesis code{white-space:normal;grid-column:1;line-height:1.7}.lesson-intro{padding:0}.lesson-workflow{grid-template-columns:1fr;gap:35px;padding:50px 22px}.lesson-workflow ol{grid-template-columns:1fr}.lesson-workflow li{border-bottom:0;border-right:1px solid #555b58;min-height:120px}.lesson-workflow li:last-child{border-bottom:1px solid #555b58}.lesson-workflow li strong{margin-top:24px}.point-list article{grid-template-columns:38px 100px 1fr}.lesson-next{flex-direction:column;align-items:flex-start;padding:36px 22px}}@media (width<=430px){.brand b{font-size:12px}.header-progress{padding-inline:10px}.hero h1{font-size:48px}.candidates article{padding:22px 16px}.rubric-row{grid-template-columns:86px 1fr 1fr}.rubric-row>*{padding-inline:4px}.score-control{gap:2px}.decision>div{grid-template-columns:1fr;display:grid}.decision>div button{border-right:1px solid var(--ink);border-bottom:0}.decision>div button:last-child{border-bottom:1px solid var(--ink)}.point-list article{grid-template-columns:30px 1fr}.point-list article p{grid-column:2;margin-top:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--red:#147a70;--red-dark:#0d5c55;--yellow:#e1bd3f;--teal:#147a70}body{background:#f4f6f5}#mainContent{margin-left:0;padding-top:66px}.frontend-header{grid-template-columns:280px 1fr}.header-links{font:600 9px var(--mono);justify-content:flex-end;align-items:center;gap:26px;padding:0 24px;display:flex}.header-links a{border:1px solid var(--ink);color:inherit;padding:9px 12px;text-decoration:none}.header-links span{color:var(--muted)}.header-links b{color:var(--ink)}.frontend-hero{border-bottom:1px solid var(--ink);background:#fff;grid-template-columns:1.45fr .55fr;min-height:540px;display:grid}.frontend-hero>div{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(54px,7vw,100px);display:flex}.frontend-hero h1{max-width:900px;margin:0;font-size:clamp(60px,7.4vw,108px);font-weight:900;line-height:.96}.frontend-hero>div p{color:#535a56;max-width:680px;margin:30px 0;font-size:15px;line-height:1.9}.frontend-hero .primary-button{text-decoration:none}.frontend-hero aside{border-left:1px solid var(--ink);color:#fff;background:var(--red-dark);flex-direction:column;justify-content:center;padding:46px;display:flex}.frontend-hero aside span{color:#a9cdc8;font:600 9px var(--mono)}.frontend-hero aside strong{margin:62px 0 38px;font-size:clamp(24px,2.5vw,37px);line-height:1.5}.frontend-hero aside p{color:#c7d9d6;border-top:1px solid #69958f;margin:0;padding-top:18px;font-size:12px;line-height:1.8}.concept-band{color:#fff;background:var(--ink);grid-template-columns:.55fr 1.45fr;padding:72px clamp(26px,6vw,90px);display:grid}.concept-band header span,.library-head>div>span{color:var(--yellow);font:600 9px var(--mono)}.concept-band h2{margin:22px 0 0;font-size:clamp(30px,3.5vw,50px);line-height:1.2}#conceptList{grid-template-columns:repeat(3,1fr);display:grid}.concept-item{border:1px solid #555b58;border-right:0;min-height:170px;padding:22px}.concept-item:nth-child(3n){border-right:1px solid #555b58}.concept-item:nth-child(n+4){border-top:0}.concept-item span{color:var(--yellow);font:600 9px var(--mono)}.concept-item strong{margin:34px 0 12px;font-size:16px;display:block}.concept-item p{color:#aeb5b1;margin:0;font-size:11px;line-height:1.7}.case-library{min-height:900px;padding:78px clamp(26px,6vw,90px) 110px}.library-head{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:36px;padding-bottom:28px;display:flex}.library-head h2{margin:14px 0 10px;font-size:clamp(38px,5vw,70px);line-height:1}.library-head p{color:var(--muted);font:500 10px var(--mono);margin:0}.case-search{border:1px solid var(--ink);background:#fff;align-items:center;gap:10px;width:min(400px,100%);height:48px;padding:0 13px;display:flex}.case-search svg{flex:none;width:18px}.case-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.category-tabs{border-bottom:1px solid #b8bfbb;padding:24px 0;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--ink);background:#fff;border-right:0;flex:none;min-height:38px;padding:0 18px;font-size:12px}.category-tabs button:last-child{border-right:1px solid var(--ink)}.category-tabs button.active{color:#fff;background:var(--red-dark)}.case-grid{border-left:1px solid var(--ink);grid-template-columns:repeat(3,1fr);display:grid}.case-card{border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#fff;flex-direction:column;min-width:0;min-height:330px;padding:26px;display:flex}.case-card header{color:var(--muted);font:600 9px var(--mono);justify-content:space-between;align-items:center;display:flex}.case-card header i{border:1px solid var(--teal);width:8px;height:8px}.case-card.done header i{background:var(--teal)}.case-card h3{margin:38px 0 16px;font-size:25px;line-height:1.25}.case-card>p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.case-tags{flex-wrap:wrap;gap:7px;margin:24px 0;display:flex}.case-tags span{font:500 8px var(--mono);border:1px solid #b8bfbb;padding:5px 7px}.case-card button{border:0;border-top:1px solid var(--ink);background:0 0;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:0;font-size:12px;font-weight:700;display:flex}.case-card button svg{width:17px}.case-card button:hover{color:var(--red-dark)}.empty-state{text-align:center;padding:90px 0}.empty-state strong{font-size:24px}.empty-state p{color:var(--muted)}.case-modal{z-index:200;position:fixed;inset:0}.case-modal[hidden]{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1114129e;border:0;width:100%;position:absolute;inset:0}.case-sheet{width:min(760px,100%);color:var(--ink);background:#f5f6f5;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0 0 0 auto;box-shadow:-18px 0 50px #0000002e}.case-sheet>header{border-bottom:1px solid var(--ink);background:#fff;justify-content:space-between;align-items:flex-start;gap:25px;min-height:120px;padding:26px 30px;display:flex}.case-sheet>header span{color:var(--red-dark);font:600 9px var(--mono)}.case-sheet>header h2{margin:14px 0 0;font-size:36px;line-height:1.15}.case-sheet .icon-button{border:1px solid var(--ink);flex:0 0 46px;height:46px}.case-detail{padding:30px;overflow-y:auto}.detail-context{border-bottom:1px solid #b8bfbb;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:28px;display:grid}.detail-block{margin-top:30px}.detail-block>span{color:var(--red-dark);font:600 9px var(--mono)}.detail-block h3{margin:10px 0 14px;font-size:18px}.detail-block p{color:#4f5652;margin:0;font-size:13px;line-height:1.85}.bad-prompt{background:#f1ddd8;border-left:5px solid #bd4a35;padding:17px}.good-brief{color:#e9eeec;font:400 11px/1.9 var(--mono);white-space:pre-wrap;background:#202321;padding:20px}.detail-columns{grid-template-columns:1fr 1fr;gap:30px;display:grid}.detail-list{border-top:1px solid #b8bfbb;margin:0;padding:0;list-style:none}.detail-list li{border-bottom:1px solid #cbd0cd;padding:11px 0;font-size:12px;line-height:1.6}.detail-list li:before{content:"";background:var(--yellow);width:7px;height:7px;margin-right:9px;display:inline-block}.case-sheet>footer{border-top:1px solid var(--ink);background:#fff;justify-content:flex-end;align-items:center;gap:12px;min-height:76px;padding:0 30px;display:flex}.case-sheet>footer button{border:1px solid var(--ink);background:#fff;align-items:center;gap:9px;min-height:44px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.case-sheet>footer .complete-case{color:#fff;background:var(--red-dark)}.case-sheet>footer button svg{width:16px}body.modal-open{overflow:hidden}@media (width<=980px){.frontend-hero{grid-template-columns:1fr}.frontend-hero aside{border-top:1px solid var(--ink);border-left:0}.concept-band{grid-template-columns:1fr;gap:44px}.case-grid{grid-template-columns:1fr 1fr}}@media (width<=700px){#mainContent{padding-top:60px}.frontend-header{grid-template-columns:1fr auto;height:60px}.frontend-header .brand{padding-inline:12px}.frontend-header .brand b{font-size:11px}.header-links{padding:0 12px}.header-links a{display:none}.frontend-hero>div,.frontend-hero aside{padding:48px 22px}.frontend-hero h1{font-size:52px}.frontend-hero aside strong{margin:40px 0 28px}.concept-band{padding:52px 22px}#conceptList{grid-template-columns:1fr}.concept-item,.concept-item:nth-child(3n){border-bottom:0;border-right:1px solid #555b58;min-height:130px}.concept-item:nth-child(n+4){border-top:1px solid #555b58}.concept-item:last-child{border-bottom:1px solid #555b58}.case-library{padding:52px 16px 80px}.library-head{flex-direction:column;align-items:flex-start}.case-search{width:100%}.case-grid{grid-template-columns:1fr}.case-card{min-height:290px}.case-sheet>header,.case-detail{padding:22px 18px}.case-sheet>header h2{font-size:29px}.detail-context,.detail-columns{grid-template-columns:1fr}.case-sheet>footer{flex-direction:column;align-items:stretch;padding:14px 18px}.case-sheet>footer button{justify-content:center}}