.use-page{
font-variant-numeric:tabular-nums;
}
.use-hero{
display:block;
}
.use-hero h1{
max-width:100%;
font-size:var(--text-section);
line-height:var(--lh-title);
}
.use-lead{
max-width:56rem;
margin-top:var(--space-3);
}
.use-hero-facts{
display:flex;
flex-wrap:wrap;
gap:var(--space-2);
margin-top:var(--space-4);
margin-bottom:var(--space-3);
}
.use-page .c-section-head{
max-width:none;
}
.use-page .c-section-head>p{
max-width:56rem;
margin-top:var(--space-2);
}
.use-dgx{
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-dgx-layout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:var(--space-6);
align-items:start;
margin-top:var(--space-5);
}
.use-dgx-copy{
display:flex;
flex-direction:column;
gap:var(--space-2);
min-width:0;
}
.use-dgx-copy h3{
margin-bottom:0;
}
.use-spec-sheet{
min-width:0;
height:auto;
border-radius:var(--r-l);
overflow:hidden;
background:#F5F4F1;
color:#1C1B19;
--surface-bg:#F5F4F1;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-sheet-head{
display:grid;
gap:var(--space-2);
padding:var(--space-4);
background:#FFF1D6;
color:#5A3A00;
--surface-bg:#FFF1D6;
--surface-heading:#5A3A00;
--surface-body:#5A3A00;
--surface-muted:#5A3A00;
--surface-line:#E4D3AF;
}
.use-sheet-head h3{
color:#5A3A00;
}
.use-sheet-head>span{
font-size:var(--text-xs);
}
.use-spec-list{
margin:0;
padding:var(--space-3) var(--space-4);
}
.use-spec-list>div{
display:grid;
grid-template-columns:minmax(5rem,.35fr) minmax(0,1fr);
gap:var(--space-2);
padding-block:var(--space-2);
border-bottom:1px solid var(--line);
}
.use-spec-list>div:last-child{
border-bottom:0;
}
.use-spec-list dt,
.use-spec-list dd{
min-width:0;
overflow-wrap:break-word;
}
.use-spec-list dt{
color:#625D55;
}
.use-spec-list dd{
color:#1C1B19;
}
.use-dgx-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-5);
}
.use-dgx-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-m);
background:#ECE8F7;
color:#34295C;
--surface-bg:#ECE8F7;
--surface-heading:#34295C;
--surface-body:#34295C;
--surface-muted:#34295C;
--surface-line:#DDD7EC;
}
.use-dgx-card h3{
color:#34295C;
}
.use-card-foot{
margin-top:auto;
font-size:var(--text-sm);
}
.use-dgx-billing{
margin-top:var(--space-5);
padding:var(--space-4);
border-radius:var(--r-m);
background:#E6F2EA;
color:#1F4030;
--surface-bg:#E6F2EA;
--surface-heading:#1F4030;
--surface-body:#1F4030;
--surface-muted:#1F4030;
--surface-line:#C7DCD0;
}
.use-dgx-billing h3{
color:#1F4030;
}
.use-dgx-billing p{
margin-top:var(--space-2);
}
.use-amd{
background:#F5F4F1;
color:#4A4640;
--surface-bg:#F5F4F1;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-workload-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-5);
}
.use-workload-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-4);
border-radius:var(--r-m);
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-workload-label{
font-size:var(--text-xs);
font-weight:600;
color:#625D55;
}
.use-workload-card h3{
color:#1C1B19;
}
.use-amd-block{
margin-top:var(--space-8);
}
.use-os-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:var(--space-3);
align-items:stretch;
margin-top:var(--space-5);
}
.use-os-card{
display:flex;
flex-direction:column;
gap:var(--space-3);
height:100%;
min-width:0;
padding:var(--space-3);
border-radius:var(--r-m);
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-os-card h3{
color:#1C1B19;
}
.use-os-card p{
margin-top:auto;
font-size:var(--text-sm);
}
.use-windows-note{
display:grid;
gap:var(--space-2);
margin-top:var(--space-3);
padding:var(--space-4);
border-radius:var(--r-m);
background:#FFF1D6;
color:#5A3A00;
--surface-bg:#FFF1D6;
--surface-heading:#5A3A00;
--surface-body:#5A3A00;
--surface-muted:#5A3A00;
--surface-line:#E4D3AF;
}
.use-windows-note h3{
color:#5A3A00;
}
.use-operations{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
gap:var(--space-5);
align-items:start;
}
.use-operations-copy{
min-width:0;
}
.use-operations-copy>p{
margin-top:var(--space-2);
}
.use-checklist{
display:grid;
list-style:none;
margin:var(--space-4) 0 0;
padding:0;
}
.use-checklist>.use-check-row{
display:grid;
grid-template-columns:2.5rem minmax(7.5rem,9rem) minmax(0,1fr);
gap:var(--space-3);
align-items:start;
padding-block:var(--space-3);
border-top:1px solid var(--line);
}
.use-check-row>*{
min-width:0;
overflow-wrap:break-word;
}
.use-check-row strong{
font-size:var(--text-sm);
color:#1C1B19;
}
.use-check-row p{
font-size:var(--text-sm);
}
.use-step-number{
font-family:var(--fm);
font-size:var(--text-sm);
color:#625D55;
}
.use-operations-art{
min-width:0;
padding:var(--space-3);
border-radius:var(--r-l);
background:#E4EFFB;
color:#1E3550;
--surface-bg:#E4EFFB;
--surface-heading:#1E3550;
--surface-body:#1E3550;
--surface-muted:#1E3550;
--surface-line:#C9D9EC;
}
.use-operations-art svg{
display:block;
width:100%;
height:auto;
}
.use-operations-art figcaption{
margin-top:var(--space-2);
color:#1E3550;
}
.use-planning-note{
padding:var(--space-4);
border-radius:var(--r-m);
background:#FFFFFF;
color:#4A4640;
--surface-bg:#FFFFFF;
--surface-heading:#1C1B19;
--surface-body:#4A4640;
--surface-muted:#625D55;
--surface-line:#E6E1D8;
}
.use-planning-note h3{
color:#1C1B19;
}
.use-planning-note>p{
margin-top:var(--space-2);
}
.use-close{
padding-bottom:var(--space-close);
}
@media(max-width:64rem){
.use-dgx-layout,
.use-operations{
grid-template-columns:minmax(0,1fr);
}
.use-os-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}
}
@media(max-width:42rem){
.use-dgx-grid,
.use-workload-grid,
.use-os-grid{
grid-template-columns:minmax(0,1fr);
}
.use-hero h1{
font-size:var(--text-section);
}
.use-sheet-head,
.use-spec-list,
.use-dgx-card,
.use-workload-card,
.use-dgx-billing,
.use-windows-note,
.use-planning-note{
padding:var(--space-3);
}
.use-spec-list>div{
grid-template-columns:minmax(0,1fr);
gap:var(--space-1);
}
.use-checklist>.use-check-row{
grid-template-columns:2.25rem minmax(0,1fr);
gap:var(--space-3);
}
.use-check-row>:nth-child(3){
grid-column:2;
}
.use-amd-block{
margin-top:var(--space-7);
}
}