:root{--bg:#f6f7f9;--paper:#fff;--ink:#17202a;--muted:#667085;--line:#dfe3e8;--accent:#2457d6;--green:#087a55;--red:#b42318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,ui-sans-serif,system-ui,sans-serif}header{height:64px;background:var(--paper);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand{font-weight:800;font-size:19px;color:var(--ink);text-decoration:none}.brand span{font-weight:500;color:var(--muted);font-size:12px;margin-left:7px}nav{display:flex;align-items:center;gap:22px}nav form{margin:0}a{color:var(--accent);text-decoration:none}main{max-width:1180px;margin:38px auto;padding:0 24px 80px}h1{font-size:34px;line-height:1.15;margin:8px 0 22px}h2{font-size:20px;margin:24px 0 14px}h3{font-size:15px}.eyebrow{color:var(--accent);font-weight:750;letter-spacing:.09em;font-size:12px}.muted,small{color:var(--muted)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px}.auth{max-width:480px;margin:80px auto}.auth .panel{margin-top:30px}.grid{display:grid;gap:22px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.editor{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}label{display:block;font-weight:650;margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #c8cfd8;border-radius:6px;background:var(--paper);color:var(--ink);font:inherit}textarea{resize:vertical}button,.button{display:inline-block;border:0;border-radius:6px;background:var(--accent);color:white;padding:10px 15px;font:600 14px inherit;cursor:pointer}.secondary{background:#eef2ff;color:var(--accent)}.danger{background:#fff0ee;color:var(--red);margin-top:20px}.link{background:none;color:var(--muted);padding:0}.inline{display:flex;gap:8px}.inline input{margin:0}.compact{padding:14px;margin-top:16px}.compact h3{margin-top:0}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--paper);border-bottom:1px solid var(--line);padding:13px 10px;color:var(--ink)}.row small{display:block}.pill{display:inline-block;border:1px solid var(--line);border-radius:99px;padding:3px 9px;font-size:11px;text-transform:uppercase;color:var(--muted)}.pill.pass{background:#eaf8f2;color:var(--green);border-color:#b9e6d5}.pill.fail{background:#fff0ee;color:var(--red);border-color:#f5c2bd}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.check{font-weight:400}.check input{display:inline;width:auto}.table{overflow:auto;background:white;border:1px solid var(--line);border-radius:9px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}.alert{padding:12px 15px;border-radius:7px;background:#eef2ff;margin-bottom:20px}.alert.error{background:#fff0ee;color:var(--red)}.alert.success{background:#eaf8f2;color:var(--green)}pre{background:#111827;color:#e5e7eb;border-radius:8px;padding:16px;overflow:auto}.task-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:42px}.task-nav{border-right:1px solid var(--line);padding-right:20px}.task-nav>a{display:flex;gap:10px;padding:9px;color:var(--muted);border-radius:6px}.task-nav>a.active{background:#e9eefc;color:var(--accent)}article{max-width:800px}.download{display:block;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:7px;margin:7px 0}.drop{border:1px dashed #9aa4b2;border-radius:7px;padding:22px;text-align:center}.result{border-left:4px solid var(--red);background:var(--paper);padding:16px;margin:12px 0}.result.passed{border-color:var(--green)}.score{font-size:25px;font-weight:800}.good{color:var(--green)}.bad{color:var(--red)}.docs{max-width:850px}.markdown img{max-width:100%}@media(max-width:800px){.grid.two,.grid.three,.grid.editor,.task-layout{grid-template-columns:1fr}.task-nav{border-right:0;border-bottom:1px solid var(--line);padding-bottom:15px}header{padding:0 16px}nav a{display:none}main{padding:0 16px}.heading{align-items:flex-start}}