/* Restyle existing Kratos content. No content migration or theme replacement. */
.xg-legacy .k-main { background:var(--xg-bg)!important; padding:48px 0 72px; }
.xg-legacy .k-main.banner, .xg-legacy .k-main.color { margin:0; }
.xg-legacy .container { width:100%; max-width:1280px; padding-inline:40px; }
.xg-legacy .k-main .article, .xg-legacy .sidebar .widget, .xg-legacy .comments, .xg-legacy .post-navigation { border:1px solid var(--xg-border); background:var(--xg-surface); box-shadow:none; border-radius:8px; color:var(--xg-text); }
.xg-legacy .k-main .article { padding:32px; margin-bottom:24px; }
.xg-legacy .k-main .article .header, .xg-legacy .k-main .article .content, .xg-legacy .k-main .article .footer { padding:0; background:transparent; border-color:var(--xg-border); }
.xg-legacy .k-main .article .header { margin-bottom:32px; }
.xg-legacy .k-main .article .title { font-size:30px; font-weight:600; line-height:1.6; text-align:left; overflow-wrap:anywhere; }
.xg-legacy .k-main .article .header .meta { font-size:12px; color:var(--xg-text-muted); margin-top:16px; text-align:left; }
.xg-legacy .k-main .article .content { color:var(--xg-text); font-size:16px; line-height:1.95; overflow-wrap:anywhere; }
.xg-legacy .k-main .article .content p { color:var(--xg-text); margin-bottom:24px; }
.xg-legacy .k-main .article .content h2 { font-size:25px; margin:36px 0 20px; }
.xg-legacy .k-main .article .content h3 { font-size:21px; margin:28px 0 16px; }
.xg-legacy .k-main .article .content a { color:var(--xg-cyan); text-decoration:underline; text-underline-offset:4px; }
.xg-legacy .k-main .article .content iframe { max-width:100%; aspect-ratio:16/9; height:auto; border:1px solid var(--xg-border); border-radius:6px; }
.xg-legacy .k-main .article .content img { max-width:100%; height:auto; border-radius:4px; }
.xg-legacy .k-main .article .content pre, .xg-legacy .k-main .article .content code { background:#101e31; color:#d2e6f8; font:13px/1.8 var(--xg-mono); }
.xg-legacy .k-main .article .content pre { border:1px solid var(--xg-border); border-radius:6px; padding:20px; overflow-x:auto; white-space:pre; max-width:100%; }
.xg-legacy .k-main .article .content blockquote { background:var(--xg-surface); border-left:2px solid var(--xg-cyan); padding:16px 24px; color:var(--xg-text-muted); }
.xg-legacy .k-main .article .content table { display:block; max-width:100%; overflow:auto; }
.xg-legacy .k-main .article .breadcrumb-box { margin:-10px 0 24px; background:transparent; border-color:var(--xg-border); }
.xg-legacy .breadcrumb { background:transparent; color:var(--xg-text-muted); padding:0; font-size:12px; margin:0; }
.xg-legacy .text-dark { color:var(--xg-text-muted)!important; }
.xg-legacy .sidebar .widget { padding:24px; margin-bottom:24px; }
.xg-legacy .sidebar .widget h4, .xg-legacy .sidebar .widget .widget-title { color:var(--xg-text); border-color:var(--xg-border); font-size:16px; }
.xg-legacy .sidebar .widget li, .xg-legacy .sidebar .widget p { color:var(--xg-text-muted); border-color:var(--xg-border); font-size:13px; }
.xg-legacy .k-main .article .footer { margin-top:32px; padding-top:24px; font-size:12px; }
.xg-legacy .tags a { border:1px solid var(--xg-border); background:var(--xg-surface); color:var(--xg-text-muted); border-radius:4px; }
.xg-legacy .k-main .toolbar { background:var(--xg-surface); border-color:var(--xg-border); }
.xg-legacy .post-navigation { padding:16px 24px; margin-bottom:24px; }
.xg-legacy .comments { padding:24px; }
.xg-legacy .comments input, .xg-legacy .comments textarea { background:var(--xg-surface); color:var(--xg-text); border-color:var(--xg-border); border-radius:4px; }
.xg-legacy .list-articles .list-item, .xg-legacy .list-item { background:var(--xg-surface); border:1px solid var(--xg-border); border-radius:8px; }
.xg-legacy .list-item .meta { background:transparent; border-color:var(--xg-border); color:var(--xg-text-muted); }
.xg-legacy .list-item .title { color:var(--xg-text); }
.xg-legacy .page404 { background:var(--xg-bg-soft); color:var(--xg-text); }
@media(max-width:760px) {
  .xg-legacy .container { padding-inline:20px; }
  .xg-legacy .k-main { padding-block:32px 48px; }
  .xg-legacy .k-main .article { padding:22px; }
  .xg-legacy .k-main .article .title { font-size:24px; }
  .xg-legacy .k-main .article .content { font-size:15px; }
  .xg-legacy .k-main .article .content pre { padding:14px; font-size:12px; }
  .xg-legacy .k-main .article .header { margin-bottom:24px; }
}