.eg-requirements{--req-blue:#2162a0;--req-green:#38a46b;--req-icon:#455e7b;--req-panel-bg:var(--surface,#fff);--req-blue-tint:#f2f7fd;--req-green-tint:#f0f9f4;--req-blue-line:#c7dff6;--req-green-line:#c5e7d3;container-type:inline-size;margin-block:30px;color:var(--ink)}.eg-prose .eg-requirements-title{margin:0 0 22px;font-size:24px;line-height:1.25}.eg-requirements-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.eg-requirements-panel{min-width:0;background:var(--req-panel-bg);border:1px solid var(--req-blue-line);border-radius:9px;overflow:hidden;--req-tint:var(--req-blue-tint);--req-border:var(--req-blue-line);--req-accent:var(--req-blue)}.eg-requirements-panel--recommended{--req-tint:var(--req-green-tint);--req-border:var(--req-green-line);--req-accent:var(--req-green);border-color:var(--req-border)}.eg-requirements-panel-header{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;gap:14px;padding:22px 20px;background:var(--req-tint)}.eg-requirements-icon{display:block;flex:none;width:28px;height:28px;fill:currentColor;stroke:none;stroke-width:0;color:var(--req-icon)}.eg-requirements-panel-header>.eg-requirements-icon{width:36px;height:36px;color:var(--req-accent);margin-top:2px}.eg-prose .eg-requirements-panel-header h3{margin:0 0 5px;font:800 18px/1.3 var(--font-heading);letter-spacing:-.02em;color:var(--ink)}.eg-prose .eg-requirements-panel-header p{margin:0;font:400 14px/1.45 var(--font-body);color:var(--muted)}.eg-requirements-panel dl{margin:0}.eg-requirement-row{display:grid;grid-template-columns:minmax(140px,40%) minmax(0,1fr);border-top:1px solid var(--req-border);font:400 15px/1.5 var(--font-body)}.eg-requirement-row dt{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:center;margin:0;padding:16px 18px;background:color-mix(in srgb,var(--req-tint) 60%,var(--req-panel-bg));font-weight:600}.eg-requirement-row dd{align-self:center;min-width:0;margin:0;padding:16px 18px;overflow-wrap:anywhere}.eg-requirement-row .eg-requirements-icon--os{color:var(--req-blue)}.eg-requirements-note{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;align-items:start;margin-top:20px;padding:18px 20px;background:var(--theme-raised,#f2f4f8);border-radius:9px;font:400 14px/1.5 var(--font-body)}.eg-requirements-note>.eg-requirements-icon{width:32px;height:32px;color:var(--req-blue);margin-top:2px}.eg-requirements-note strong{display:block;color:var(--ink);font-weight:700;font-size:15px;margin-bottom:3px}.eg-prose .eg-requirements-note p{margin:0;color:var(--muted)}@container(min-width:820px){.eg-requirements-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@container(max-width:400px){.eg-requirements-panel-header{padding:18px 14px;gap:12px;grid-template-columns:30px minmax(0,1fr)}.eg-requirements-panel-header>.eg-requirements-icon{width:30px;height:30px}.eg-prose .eg-requirements-panel-header h3{font-size:17px}.eg-requirement-row{grid-template-columns:minmax(145px,46%) minmax(0,1fr);font-size:14px}.eg-requirement-row dt{grid-template-columns:24px minmax(0,1fr);gap:9px;padding:14px 12px;font-size:13px}.eg-requirement-row dd{padding:14px 12px}.eg-requirement-row .eg-requirements-icon{width:24px;height:24px}.eg-requirements-note{padding:16px 14px}}@container(max-width:280px){.eg-requirement-row{grid-template-columns:minmax(0,1fr)}.eg-requirement-row dd{padding-top:10px}.eg-requirement-row dt{padding-block:10px}}html[data-theme=dark] .eg-requirements{--req-blue:#6aa9e5;--req-green:#64c692;--req-icon:#a8bbd2;--req-blue-tint:#172635;--req-green-tint:#182e26;--req-blue-line:#2c4966;--req-green-line:#2d5140}