/* SrvNix help guides. All classes are prefixed sg- so they never clash with the theme. */
.sg{
  --sg-bg:#11161C; --sg-bg-2:#171E26; --sg-bg-3:#0B0E12; --sg-line:#232C36; --sg-line-2:#2E3A46;
  --sg-text:#EEF1F4; --sg-dim:#A9B6C2; --sg-faint:#6E7E8C;
  --sg-accent:#FD8101; --sg-accent-hi:#FF9530; --sg-accent-wash:rgba(253,129,1,.10);
  --sg-ok:#3FBF87; --sg-ok-wash:rgba(63,191,135,.12);
  --sg-warn:#F0B450; --sg-warn-wash:rgba(240,180,80,.10);
  --sg-danger:#FF7A6E; --sg-danger-wash:rgba(255,122,110,.10);
  --sg-r:6px;
  color:var(--sg-text);font-size:16px;line-height:1.55;max-width:860px;
}
.sg *{box-sizing:border-box}
.sg a{color:var(--sg-accent)}
.sg .sg-title{font-family:Chivo,"Public Sans",sans-serif;font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px;color:var(--sg-text)}
.sg .sg-title:focus{outline:none}
.sg .sg-h3{font-family:Chivo,"Public Sans",sans-serif;font-size:19px;margin:34px 0 12px;color:var(--sg-text)}
.sg .sg-lead{color:var(--sg-dim);margin:0 0 22px;font-size:17px;max-width:62ch}
.sg .sg-muted{color:var(--sg-dim);margin:0 0 14px}
.sg .sg-foot{font-size:13.5px;color:var(--sg-faint);margin:28px 0 0}

/* breadcrumb + back */
.sg .sg-crumbs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13.5px;color:var(--sg-faint);margin-bottom:10px;font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:.01em}
.sg .sg-crumbs a{color:var(--sg-faint);text-decoration:none}
.sg .sg-crumbs a:hover{color:var(--sg-accent)}
.sg .sg-sep{opacity:.5}
.sg .sg-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;margin:0 0 6px;color:var(--sg-accent);font:600 15px/1.2 inherit;font-family:inherit;cursor:pointer}

/* search */
.sg .sg-search{position:relative;margin:0 0 22px}
.sg .sg-search input{width:100%;padding:14px 16px 14px 46px;border:1px solid var(--sg-line-2);border-radius:var(--sg-r);background:var(--sg-bg);color:var(--sg-text);font:inherit;font-size:16px}
.sg .sg-search input::placeholder{color:var(--sg-faint)}
.sg .sg-search input:focus{outline:none;border-color:var(--sg-accent)}
.sg .sg-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--sg-faint)}

/* cards + options */
.sg .sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.sg .sg-card,.sg .sg-opt{display:flex;gap:14px;align-items:flex-start;text-align:left;width:100%;background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:var(--sg-r);padding:16px;text-decoration:none;color:var(--sg-text);transition:border-color .15s,transform .15s}
.sg .sg-card:hover,.sg .sg-opt:hover{border-color:#9A5205;transform:translateY(-1px)}
.sg .sg-card:focus-visible,.sg .sg-opt:focus-visible,.sg .sg-btn:focus-visible,.sg .sg-num:focus-visible,.sg .sg-back:focus-visible{outline:2px solid var(--sg-accent);outline-offset:2px}
.sg .sg-ic{flex:none;width:40px;height:40px;border-radius:8px;background:var(--sg-accent-wash);color:var(--sg-accent);display:grid;place-items:center}
.sg .sg-card b,.sg .sg-opt b{display:block;font-size:16px;line-height:1.35;margin-bottom:2px;color:var(--sg-text)}
.sg .sg-card span,.sg .sg-opt .sg-d{display:block;color:var(--sg-dim);font-size:14px;line-height:1.45}
.sg .sg-list{display:flex;flex-direction:column;gap:10px}
.sg .sg-opt{align-items:center}
.sg .sg-t{flex:1;min-width:0}
.sg .sg-chev{flex:none;color:var(--sg-faint)}
.sg .sg-ask{background:var(--sg-accent-wash);border-left:3px solid var(--sg-accent);border-radius:0 var(--sg-r) var(--sg-r) 0;padding:14px 16px;font-weight:600;margin:8px 0 16px;font-size:17px;color:var(--sg-text)}
.sg .sg-ask small{display:block;font-weight:400;margin-top:3px;color:var(--sg-dim);font-size:14px}

/* tags */
.sg .sg-tags{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 0}
.sg .sg-tag{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:11px;padding:3px 9px;border-radius:999px;background:var(--sg-bg-2);color:var(--sg-dim);white-space:nowrap;letter-spacing:.02em}
.sg .sg-admin{background:var(--sg-warn-wash);color:var(--sg-warn)}
.sg .sg-urgent{background:var(--sg-danger-wash);color:var(--sg-danger)}

/* answer page */
.sg .sg-summary{background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:var(--sg-r);padding:16px 18px;margin:16px 0;color:var(--sg-text)}
.sg .sg-box{border-radius:var(--sg-r);padding:14px 16px;margin:14px 0;font-size:15px}
.sg .sg-urgentbox{background:var(--sg-danger-wash);border:1px solid var(--sg-danger)}
.sg .sg-urgentbox>strong:first-child{color:var(--sg-danger)}
.sg .sg-urgentbox .sg-btns{margin-top:12px}
.sg .sg-need{background:var(--sg-bg);border:1px dashed var(--sg-line-2)}
.sg .sg-need ul{margin:6px 0 0;padding-left:20px;color:var(--sg-dim)}
.sg .sg-progress{height:5px;background:var(--sg-bg-2);border-radius:99px;overflow:hidden;margin:20px 0 8px}
.sg .sg-progress i{display:block;height:100%;width:0;background:var(--sg-ok);transition:width .25s}
.sg .sg-progress-label{font-size:13px;color:var(--sg-faint);margin-bottom:10px}
.sg ol.sg-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.sg .sg-step{display:flex;gap:14px;background:var(--sg-bg);border:1px solid var(--sg-line);border-left:2px solid var(--sg-line-2);border-radius:var(--sg-r);padding:14px 16px;margin:0}
.sg .sg-step.sg-done{border-color:rgba(63,191,135,.45);border-left-color:var(--sg-ok);background:var(--sg-ok-wash)}
.sg .sg-num{flex:none;width:32px;height:32px;border-radius:50%;border:1.5px solid var(--sg-line-2);display:grid;place-items:center;font:600 14px/1 "JetBrains Mono",ui-monospace,monospace;cursor:pointer;background:var(--sg-bg-3);color:var(--sg-accent);padding:0}
.sg .sg-num:hover{border-color:var(--sg-accent)}
.sg .sg-done .sg-num{background:var(--sg-ok);border-color:var(--sg-ok);color:#06210f}
.sg .sg-body{flex:1;min-width:0;color:var(--sg-dim)}
.sg .sg-body b.sg-st{display:block;font-size:16px;margin-bottom:2px;color:var(--sg-text)}
.sg .sg-body p{margin:4px 0}
.sg .sg-body strong{color:var(--sg-text)}
.sg .sg-tip,.sg .sg-warn{font-size:14px;border-radius:5px;padding:8px 11px;margin-top:9px}
.sg .sg-tip{background:var(--sg-accent-wash);color:var(--sg-dim)}
.sg .sg-warn{background:var(--sg-warn-wash);color:var(--sg-dim);border-left:2px solid var(--sg-warn)}
.sg code{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:.9em;background:var(--sg-bg-3);border:1px solid var(--sg-line);color:var(--sg-text);padding:1px 6px;border-radius:4px;word-break:break-all}
.sg .sg-check{background:var(--sg-ok-wash);border-left:3px solid var(--sg-ok);border-radius:0 var(--sg-r) var(--sg-r) 0;padding:14px 16px;margin:16px 0;font-size:15px}

/* feedback + buttons */
.sg .sg-fb{margin-top:28px;background:var(--sg-bg);border:1px solid var(--sg-line);border-radius:var(--sg-r);padding:20px}
.sg .sg-fb h3{margin:0 0 12px;font-family:Chivo,"Public Sans",sans-serif;font-size:18px;color:var(--sg-text)}
.sg .sg-btns{display:flex;gap:10px;flex-wrap:wrap}
.sg .sg-btn{border:1px solid var(--sg-line-2);background:transparent;border-radius:4px;padding:10px 16px;font:600 14.5px/1.2 inherit;font-family:inherit;cursor:pointer;text-decoration:none;color:var(--sg-text);display:inline-flex;align-items:center;gap:8px}
.sg .sg-btn:hover{background:var(--sg-bg-2);border-color:var(--sg-faint);color:var(--sg-text)}
.sg .sg-primary{background:var(--sg-accent);border-color:var(--sg-accent);color:#14100A}
.sg .sg-primary:hover{background:var(--sg-accent-hi);border-color:var(--sg-accent-hi);color:#14100A}
.sg .sg-ok{background:var(--sg-ok);border-color:var(--sg-ok);color:#06210f}
.sg .sg-ok:hover{background:#4fd197;border-color:#4fd197;color:#06210f}
.sg .sg-empty{padding:24px;text-align:center;color:var(--sg-dim);background:var(--sg-bg);border:1px dashed var(--sg-line-2);border-radius:var(--sg-r)}
.sg noscript p{color:var(--sg-dim)}

@media (max-width:560px){.sg .sg-step{padding:12px}.sg .sg-opt,.sg .sg-card{padding:14px}}
@media print{.sg .sg-search,.sg .sg-fb,.sg .sg-back{display:none}.sg .sg-step{break-inside:avoid}}