/* Clanfront admin styles */
.clanfront-field{margin:0 0 18px}
.clanfront-field>label{display:block;font-weight:600;margin-bottom:6px}
.clanfront-field .description{margin-top:4px}
.clanfront-field textarea{width:100%}
.clanfront-field input[type=text],.clanfront-field input[type=url],.clanfront-field select{width:100%;max-width:560px}
.clanfront-inline label{margin-right:18px;font-weight:400}
.clanfront-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 24px}
.clanfront-app td,.clanfront-app th{padding:6px 10px 6px 0;vertical-align:top;text-align:left}
.clanfront-app th{width:200px;color:#50575e}
.clanfront-field--spaced{margin-top:18px}
.clanfront-field>label.clanfront-color-default{font-weight:400;margin-top:6px}
.clanfront-intro{margin-top:0}
.clanfront-preview{max-width:360px;height:auto;border-radius:4px;background:#222}
.clanfront-muted{color:#8c8f94}
.clanfront-upcoming{color:#2271b1}
.clanfront-round{margin:18px 0 6px}
.clanfront-champion{margin-top:16px}

.clanfront-guide { max-width: 860px; }
.clanfront-guide h1 { font-size: 28px; margin-bottom: 6px; }
.clanfront-guide h2 { font-size: 20px; margin-top: 34px; padding-top: 18px; border-top: 1px solid #dcdcde; }
.clanfront-guide h3 { font-size: 15px; margin-top: 22px; }
.clanfront-guide p, .clanfront-guide li { font-size: 14px; line-height: 1.65; }
.clanfront-guide ul, .clanfront-guide ol { margin-left: 1.6em; }
.clanfront-guide ul { list-style: disc; }
.clanfront-guide table { border-collapse: collapse; width: 100%; margin: 12px 0; background: #fff; }
.clanfront-guide th, .clanfront-guide td { border: 1px solid #dcdcde; padding: 8px 10px; text-align: left; vertical-align: top; font-size: 13.5px; }
.clanfront-guide th { background: #f6f7f7; }
.clanfront-guide pre { background: #1d2327; color: #f0f0f1; padding: 12px 14px; border-radius: 4px; overflow-x: auto; }
.clanfront-guide pre code { background: none; color: inherit; padding: 0; }
.clanfront-guide hr { display: none; }
.clanfront-guide-actions { margin: 14px 0 6px; display: flex; gap: 8px; flex-wrap: wrap; }
.clanfront-support { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 18px; margin: 16px 0 4px; padding: 12px 16px; background: #fff; border: 1px solid #dcdcde; border-left: 4px solid #ffdd00; }
.clanfront-support p { margin: 0; }
.clanfront-version { color: #646970; margin: 0 0 4px; }
.clanfront-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px 16px;max-width:760px}
.clanfront-field>.clanfront-checks{margin-top:4px}
label.clanfront-check{display:block;font-weight:400;margin:3px 0}
.clanfront-admin-medal{display:inline-block;font-size:22px;line-height:1}
.clanfront-admin-medal img{width:32px;height:32px;object-fit:contain}
.clanfront-examples{margin:16px 0 4px;padding:12px 16px;background:#fff;border:1px solid #dcdcde;border-left:4px solid #2271b1}
.clanfront-examples p{margin:0 0 8px}
.clanfront-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px;max-width:520px}
.clanfront-swatch{width:26px;height:26px;padding:0;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #c3c4c7;cursor:pointer}
.clanfront-swatch:hover,.clanfront-swatch:focus{box-shadow:0 0 0 2px #2271b1;outline:none}
.clanfront-swatch.is-current{box-shadow:0 0 0 2px #1d2327}