.assignment-section{grid-template-columns:200px 1fr}
.assignment-console{padding:18px;display:grid;grid-template-columns:1fr 290px;gap:18px;background:radial-gradient(circle at 25% 30%,#0a2632,transparent 40%),#030b11}
.assignment-copy,.assignment-status{padding:22px;border:1px solid var(--line);background:#051018d9}
.assignment-kicker,.assignment-status>span{color:var(--red);font-size:8px;letter-spacing:.18em}
.assignment-copy h3{margin:10px 0;font-size:22px}
.assignment-copy>p:not(.assignment-kicker){max-width:630px;color:#9db1b8;font-size:11px;line-height:1.7}
.assignment-actions{display:flex;align-items:center;gap:12px;margin-top:20px}
.assignment-primary{padding:12px 18px;border:1px solid var(--red);background:#3b1012;color:#fff;font-size:9px;font-weight:900;cursor:pointer}
.assignment-primary:hover,.assignment-primary:focus-visible{box-shadow:0 0 18px #ff3b3555;outline:1px solid #fff;outline-offset:3px}
.assignment-reset{padding:9px;border:0;background:none;color:#a27a7a;font-size:7px;cursor:pointer}
.assignment-status>strong{display:block;margin:9px 0 18px;color:var(--cyan);font-size:14px}
.assignment-status dl div{padding:8px 0;display:flex;justify-content:space-between;border-top:1px solid #17343f}
.assignment-status dt,.assignment-status dd{font-size:7px}.assignment-status dd{color:#b7cbd1;text-align:right}
@media(max-width:700px){.assignment-section{grid-template-columns:1fr}.assignment-console{grid-template-columns:1fr}.assignment-actions{align-items:flex-start;flex-direction:column}}