/* 공개 설정 갤러리 G1b: /settings list (src/view/settings/index.phtml). Loaded after home.css + guide.css on that page only;
   every rule is scoped to .sg-* so the home page, /guide and /web-backtest are untouched.
   375 / 768 / 1280 / 1440: 1 / 2 / 3 / 3 columns, no horizontal scroll, filters wrap instead of being cut.
   기간 · 누적수익률 · MDD share one size (§6: no metric is made to stand out). */
.sg-sec{padding-bottom:56px}
.sg-head{max-width:1100px}
.sg-disc{margin-top:4px;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--m);font-size:14px;line-height:1.65;word-break:keep-all}

.sg-bar{max-width:1100px;margin:0 auto 18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.sg-seg{display:inline-flex;border:1px solid var(--line);border-radius:99px;padding:3px;background:var(--card)}
.sg-seg a{padding:6px 14px;border-radius:99px;font-size:13.5px;color:var(--m);white-space:nowrap}
.sg-seg a:hover{color:var(--t)}
.sg-seg a.on{background:var(--t);color:var(--bg);font-weight:700}
.sg-chip{padding:7px 14px;border:1px solid var(--line);border-radius:99px;font-size:13.5px;color:var(--m);background:var(--card);white-space:nowrap}
.sg-chip:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border:1.5px solid currentColor;border-radius:3px;vertical-align:-1px}
.sg-chip:hover{color:var(--t)}
.sg-chip.on{color:var(--b);border-color:var(--b)}
.sg-chip.on:before{background:currentColor}
.sg-sort{margin-left:auto;font-size:13px;color:var(--m);white-space:nowrap}

.sg-grid{max-width:1100px;margin:0 auto;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sg-grid>li{min-width:0;display:flex}
.sg-card{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:18px;transition:.25s}
.sg-card:hover{transform:translateY(-3px);border-color:rgba(124,92,255,.5)}
.sg-badges{display:flex;flex-wrap:wrap;gap:6px}
.sg-b{padding:3px 9px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--m);white-space:nowrap}
.sg-b.sg-pub{color:var(--b);border-color:rgba(24,224,200,.45);background:rgba(24,224,200,.08)}
.sg-title{font-size:16px;font-weight:700;line-height:1.45;letter-spacing:-.01em;color:var(--t);overflow-wrap:anywhere;word-break:keep-all}
.sg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sg-stats>span{min-width:0;display:flex;flex-direction:column;gap:3px}
.sg-stats small{font-size:11.5px;color:var(--m)}
.sg-stats b{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--t);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sg-stats b.up{color:var(--up)}.sg-stats b.down{color:var(--dn)}
.sg-meta,.sg-counts{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12.5px;color:var(--m)}
.sg-meta span:first-child{color:var(--t)}
.sg-counts{margin-top:auto;font-variant-numeric:tabular-nums}

.sg-empty{max-width:1100px;margin:0 auto;padding:28px 22px;text-align:center;color:var(--m);font-size:15px;word-break:keep-all}
.sg-pager{max-width:1100px;margin:22px auto 0;display:flex;justify-content:center;align-items:center;gap:16px;font-size:14px;color:var(--m)}
.sg-pager a{padding:7px 14px;border:1px solid var(--line);border-radius:99px;background:var(--card);color:var(--t)}
.sg-pager a:hover{border-color:rgba(124,92,255,.5)}
.sg-pager span[aria-disabled]{padding:7px 14px;opacity:.45}
.sg-pos{font-variant-numeric:tabular-nums}

@media(max-width:1000px){.sg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .sg-grid{grid-template-columns:minmax(0,1fr)}
  .sg-sort{margin-left:0}
  .sg-card{padding:16px}
  .sg-pager{gap:10px;font-size:13px}
}

html[data-theme="light"] .sg-b.sg-pub{background:rgba(10,128,114,.07);border-color:rgba(10,128,114,.35)}