.server-request { margin: 22px 0; min-width: 0; }
.server-request > h4 { font: 600 22px/1.3 var(--display); margin: 0 0 22px; }
.server-workloads { border: 0; padding: 0; margin: 0 0 24px; min-width: 0; }
.server-workloads legend { font-size: 15px; font-weight: 600; }
.server-workloads > p, .server-hint { font-size: 12px; line-height: 1.7; color: var(--muted); margin: 9px 0 16px; }
.server-use-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.server-use-grid label { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 11px; border: 1px solid var(--line); font-size: 12px; cursor: pointer; }
.server-use-grid label:has(input:checked) { border-color: #a47d40; background: #f7f3e9; }
.server-use-grid input { width: 17px; height: 17px; flex: 0 0 17px; accent-color: #8e692e; margin: 0; }
.server-advanced { margin-top: 24px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.server-advanced > summary { padding: 16px 0; font-weight: 600; font-size: 14px; cursor: pointer; }
.server-advanced > .fieldgrid { padding: 8px 0 4px; }
.server-request .fieldgrid > label { min-width: 0; }
.server-request select, .server-request textarea { background: #fafbf7; color: #333d33; }
@media(max-width:600px) {
 .server-use-grid { grid-template-columns: 1fr; gap: 7px; }
 .server-request .fieldgrid { grid-template-columns: 1fr; gap: 16px; }
 .server-use-grid label { font-size: 14px; min-height: 48px; }
 .server-request select, .server-request textarea { font-size: 16px; }
 .server-request > h4 { font-size: 21px; }
}

.server-workloads>p>a{color:#805d26;text-decoration:underline;text-underline-offset:3px}