.mg-manual {
--mg-green:var(--green,#0f8);
--mg-cyan:var(--cyan,#00e5ff);
--mg-magenta:var(--magenta,#ff2bd6);
--mg-muted:var(--muted,#8aa39a);
--mg-line:#00ff8838;
--mg-line-hi:#00ff8873;
--mg-tint:#00ff880a;
counter-reset:mg-sec
}

.info-card.mg-manual p a,.info-card.mg-manual td a,.info-card.mg-manual figcaption a {
text-decoration-line:underline!important;
text-decoration-thickness:1px;
text-underline-offset:3px
}

.info-card.mg-manual p a:hover,.info-card.mg-manual td a:hover,.info-card.mg-manual figcaption a:hover,.info-card.mg-manual p a:focus-visible,.info-card.mg-manual td a:focus-visible {
text-decoration-thickness:2px
}

.mg-lead {
font-size:1.08em;
line-height:1.65
}

.mg-figure {
margin:28px auto;
max-width:460px;
text-align:center
}

.mg-figure img {
display:block;
width:100%;
height:auto;
border-radius:12px;
border:1px solid var(--mg-line-hi);
box-shadow:0 0 36px #00ff8829
}

.mg-figure figcaption {
margin-top:10px;
font-size:.85em;
color:var(--mg-muted)
}

.mg-toc {
margin:32px 0;
padding:20px 24px 12px;
border:1px solid var(--mg-line-hi);
border-radius:12px;
background:var(--mg-tint);
scroll-margin-top:90px
}

.mg-toc h2 {
margin-top:0
}

.mg-toc ol {
list-style:none;
margin:0;
padding:0;
column-width:260px;
column-gap:32px;
counter-reset:mg-toc
}

.mg-toc li {
counter-increment:mg-toc;
break-inside:avoid;
margin:0 0 8px
}

.mg-toc li a::before {
content:counter(mg-toc, decimal-leading-zero);
margin-right:.7em;
font-family:"Courier New",monospace;
color:var(--mg-green);
opacity:.85
}

.mg-section {
counter-increment:mg-sec;
margin-top:40px;
padding-top:8px;
border-top:1px solid var(--mg-line);
scroll-margin-top:90px
}

.mg-section > h2 {
display:flex;
align-items:baseline;
gap:.6em
}

.mg-section > h2::before {
content:counter(mg-sec, decimal-leading-zero);
font-family:"Courier New",monospace;
font-size:.65em;
color:var(--mg-green);
opacity:.85
}

.mg-top {
display:block;
margin-top:18px;
text-align:right;
font-family:"Courier New",monospace;
font-size:.8em
}

.mg-table-wrap {
margin:16px 0;
overflow-x:auto
}

.mg-table {
width:100%;
border-collapse:collapse;
font-size:.95em
}

.mg-table th,.mg-table td {
padding:10px 14px;
text-align:left;
vertical-align:top;
border-bottom:1px solid var(--mg-line)
}

.mg-table thead th {
font-family:"Courier New",monospace;
font-size:.78em;
letter-spacing:.08em;
text-transform:uppercase;
color:var(--mg-green);
border-bottom:1px solid var(--mg-line-hi)
}

.mg-table tbody th {
width:30%;
min-width:9em;
font-weight:600;
color:var(--mg-green)
}

.mg-table tbody tr:hover {
background:var(--mg-tint)
}

.mg-steps {
list-style:none;
margin:18px 0;
padding:0;
counter-reset:mg-step
}

.mg-steps > li {
counter-increment:mg-step;
position:relative;
padding:0 0 16px 48px
}

.mg-steps > li::before {
content:counter(mg-step);
position:absolute;
left:0;
top:-2px;
width:32px;
height:32px;
line-height:30px;
text-align:center;
font-family:"Courier New",monospace;
color:var(--mg-green);
border:1px solid var(--mg-line-hi);
border-radius:50%;
background:var(--mg-tint)
}

.mg-steps > li > pre {
margin:10px 0 0
}

.mg-chips {
display:flex;
flex-wrap:wrap;
gap:8px;
margin:16px 0;
padding:0;
list-style:none
}

.mg-chips li {
padding:4px 14px;
font-family:"Courier New",monospace;
border:1px solid var(--mg-line-hi);
border-radius:999px;
background:var(--mg-tint)
}

.mg-note {
margin:20px 0;
padding:12px 18px;
border-left:3px solid var(--mg-magenta);
background:#ff2bd60d;
border-radius:0 8px 8px 0
}

.mg-note > :first-child {
margin-top:0
}

.mg-note > :last-child {
margin-bottom:0
}

.mg-note pre {
margin-bottom:0
}

.mg-section h3 {
margin:22px 0 6px;
font-size:1.05em;
color:var(--mg-green)
}

.mg-faq p {
margin-top:0
}

.mg-dir {
margin:24px 0;
border:1px solid var(--mg-line-hi);
border-radius:10px;
overflow:hidden;
background:#05090a;
font-family:"Courier New",monospace;
box-shadow:0 0 28px #00ff881a
}

.mg-dir-bar {
display:flex;
align-items:center;
gap:12px;
padding:8px 12px;
background:#00ff8814;
border-bottom:1px solid var(--mg-line);
font-size:.82em;
color:var(--mg-muted)
}

.mg-dir-dots {
display:flex;
gap:6px
}

.mg-dir-dots i {
display:block;
width:10px;
height:10px;
border-radius:50%;
background:#0f86
}

.mg-dir-url {
flex:1;
min-width:0;
padding:2px 10px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
border:1px solid var(--mg-line);
border-radius:6px
}

.mg-dir-body {
position:relative;
padding:16px 20px 76px
}

.mg-dir-title {
margin:0 0 10px;
font-size:1.1em;
font-weight:700;
color:#e8fff5
}

.mg-dir-body ul {
margin:0;
padding:0;
list-style:none
}

.mg-dir-body li {
margin:2px 0;
color:var(--mg-cyan);
text-decoration:underline
}

.mg-dir-toast {
position:absolute;
right:12px;
bottom:12px;
display:flex;
align-items:center;
gap:16px;
padding:8px 12px;
background:#0a1214;
border:1px solid var(--mg-line-hi);
border-radius:10px;
box-shadow:0 0 18px #00ff8838
}

.mg-dir-toast strong {
display:block;
font-size:.72em;
letter-spacing:.14em;
text-transform:uppercase;
color:var(--mg-green)
}

.mg-dir-toast small {
display:block;
font-size:.78em;
color:var(--mg-muted)
}

.mg-dir-load {
padding:4px 12px;
font-size:.78em;
letter-spacing:.1em;
color:var(--mg-green);
border:1px solid var(--mg-green);
border-radius:6px
}

.mg-dir figcaption {
padding:8px 14px;
font-family:inherit;
font-size:.8em;
color:var(--mg-muted);
border-top:1px solid var(--mg-line)
}

@media (max-width: 520px) {
.mg-toc {
padding:16px 16px 8px
}

.mg-dir-toast {
left:12px;
justify-content:space-between
}
}

.info-card.mg-manual p a,.info-card.mg-manual td a,.info-card.mg-manual figcaption a {
border-bottom:0
}