/* Brandup SEO Tools – bdst.css v1.0.5 */
/* Fonts loaded via wp_enqueue_style in PHP */

:root {
    --bdst-surface:   #ffffff;
    --bdst-surface-2: #f4f8f6;
    --bdst-border:    #d4e6df;
    --bdst-accent:    #6c63ff;
    --bdst-accent-2:  #4f46e5;
    --bdst-green:     #16a34a;
    --bdst-yellow:    #b45309;
    --bdst-red:       #dc2626;
    --bdst-text:      #1a2340;
    --bdst-muted:     #5a6878;
    --bdst-r:         12px;
    --bdst-rs:        8px;
    --bdst-f:         'Plus Jakarta Sans','DM Sans',system-ui,sans-serif;
    --bdst-mono:      'JetBrains Mono','Fira Code',monospace;
}

.bdst-hub *, .bdst-hub *::before, .bdst-hub *::after,
.bdst-tool *, .bdst-tool *::before, .bdst-tool *::after {
    box-sizing: border-box !important;
}

/* ═══════ HUB ═══════ */
div.bdst-hub { color:var(--bdst-text)!important; padding:60px 0!important; max-width:1100px!important; margin:0 auto!important; font-family:var(--bdst-f)!important; }
div.bdst-hub .bdst-hub__header { text-align:center!important; margin-bottom:56px!important; }
div.bdst-hub h1.bdst-hub__title { font-size:clamp(2rem,5vw,3rem)!important; font-weight:800!important; letter-spacing:-.03em!important; color:var(--bdst-text)!important; background:none!important; -webkit-text-fill-color:var(--bdst-text)!important; margin:0 0 6px!important; padding:0!important; line-height:1.15!important; position:relative!important; display:inline-block!important; font-family:var(--bdst-f)!important; }
div.bdst-hub h1.bdst-hub__title::after { content:''!important; display:block!important; width:48px!important; height:4px!important; background:var(--bdst-accent)!important; border-radius:2px!important; margin:10px auto 0!important; }
div.bdst-hub p.bdst-hub__sub { color:var(--bdst-muted)!important; font-size:1.05rem!important; font-weight:400!important; margin-top:8px!important; font-family:var(--bdst-f)!important; }
div.bdst-hub .bdst-hub__grid { display:grid!important; grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important; gap:24px!important; margin:0!important; padding:0!important; list-style:none!important; }

a.bdst-tool-card { position:relative!important; display:flex!important; flex-direction:column!important; gap:10px!important; background:var(--bdst-surface)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-r)!important; padding:32px 28px 28px!important; text-decoration:none!important; color:var(--bdst-text)!important; box-shadow:0 2px 8px rgba(26,35,64,.06)!important; transition:border-color .25s,transform .25s,box-shadow .25s!important; overflow:hidden!important; font-family:var(--bdst-f)!important; }
a.bdst-tool-card::before { content:''!important; position:absolute!important; top:0!important; left:0!important; right:0!important; height:3px!important; background:linear-gradient(90deg,var(--bdst-accent),#a78bfa)!important; opacity:0!important; transition:opacity .25s!important; }
a.bdst-tool-card:hover:not(.bdst-tool-card--disabled) { border-color:var(--bdst-accent)!important; transform:translateY(-4px)!important; box-shadow:0 16px 36px rgba(108,99,255,.12)!important; color:var(--bdst-text)!important; text-decoration:none!important; }
a.bdst-tool-card:hover::before { opacity:1!important; }
a.bdst-tool-card.bdst-tool-card--disabled { opacity:.5!important; cursor:not-allowed!important; pointer-events:none!important; background:var(--bdst-surface-2)!important; }
a.bdst-tool-card .bdst-tool-card__icon { font-size:2rem!important; line-height:1!important; }
a.bdst-tool-card span.bdst-tool-card__badge { display:inline-block!important; font-size:.65rem!important; font-weight:700!important; letter-spacing:.08em!important; text-transform:uppercase!important; background:rgba(108,99,255,.1)!important; color:var(--bdst-accent-2)!important; border:1px solid rgba(108,99,255,.25)!important; border-radius:100px!important; padding:3px 10px!important; width:fit-content!important; line-height:1.6!important; font-family:var(--bdst-f)!important; }
a.bdst-tool-card h2.bdst-tool-card__title { font-size:1.1rem!important; font-weight:700!important; letter-spacing:-.01em!important; color:var(--bdst-text)!important; margin:4px 0 0!important; padding:0!important; font-family:var(--bdst-f)!important; }
a.bdst-tool-card p.bdst-tool-card__desc { font-size:.875rem!important; color:var(--bdst-muted)!important; line-height:1.6!important; flex:1!important; margin:0!important; padding:0!important; font-family:var(--bdst-f)!important; }
a.bdst-tool-card span.bdst-tool-card__cta { margin-top:10px!important; font-size:.825rem!important; font-weight:700!important; color:var(--bdst-accent-2)!important; font-family:var(--bdst-f)!important; }

/* ═══════ TOOL BASE ═══════ */
div.bdst-tool { color:var(--bdst-text)!important; max-width:900px!important; margin:0 auto!important; padding:48px 0 80px!important; position:relative!important; font-family:var(--bdst-f)!important; }
div.bdst-tool a.bdst-back-link { all:unset!important; display:inline-flex!important; align-items:center!important; gap:6px!important; font-size:.75rem!important; font-weight:700!important; color:var(--bdst-muted)!important; text-decoration:none!important; letter-spacing:.06em!important; text-transform:uppercase!important; margin-bottom:36px!important; cursor:pointer!important; font-family:var(--bdst-f)!important; }
div.bdst-tool a.bdst-back-link:hover { color:var(--bdst-accent-2)!important; }
div.bdst-tool .bdst-tool__header { margin-bottom:36px!important; }
div.bdst-tool .bdst-tool__icon { font-size:2.2rem!important; display:block!important; margin-bottom:10px!important; }
div.bdst-tool h1.bdst-tool__title { font-size:clamp(1.8rem,4vw,2.4rem)!important; font-weight:800!important; letter-spacing:-.03em!important; color:var(--bdst-text)!important; background:none!important; -webkit-text-fill-color:var(--bdst-text)!important; margin:0 0 10px!important; padding:0!important; line-height:1.15!important; font-family:var(--bdst-f)!important; }
div.bdst-tool p.bdst-tool__subtitle { color:var(--bdst-muted)!important; font-size:1rem!important; font-weight:400!important; line-height:1.7!important; margin:0!important; padding:0!important; font-family:var(--bdst-f)!important; }
div.bdst-tool .bdst-card { background:var(--bdst-surface)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-r)!important; padding:28px 32px!important; margin-bottom:20px!important; box-shadow:0 2px 8px rgba(26,35,64,.05)!important; }

/* Tabs */
div.bdst-tool .bdst-tabs { display:flex!important; gap:4px!important; background:var(--bdst-surface-2)!important; border-radius:var(--bdst-rs)!important; padding:4px!important; margin-bottom:24px!important; width:fit-content!important; border:1px solid var(--bdst-border)!important; }
div.bdst-tool button.bdst-tab { all:unset!important; display:inline-block!important; cursor:pointer!important; font-family:var(--bdst-f)!important; font-size:.82rem!important; font-weight:700!important; color:var(--bdst-muted)!important; padding:8px 20px!important; border-radius:6px!important; letter-spacing:.04em!important; text-transform:uppercase!important; line-height:1.4!important; background:transparent!important; transition:background .2s,color .2s!important; }
div.bdst-tool button.bdst-tab.bdst-tab--active { background:var(--bdst-surface)!important; color:var(--bdst-text)!important; box-shadow:0 1px 4px rgba(26,35,64,.12)!important; }
div.bdst-tool button.bdst-tab:hover:not(.bdst-tab--active) { color:var(--bdst-text)!important; background:rgba(255,255,255,.6)!important; }
div.bdst-tool .bdst-tab-panel { display:none!important; }
div.bdst-tool .bdst-tab-panel.bdst-tab-panel--active { display:block!important; }

/* Labels + Inputs */
div.bdst-tool label.bdst-label { display:block!important; font-size:.75rem!important; font-weight:700!important; color:var(--bdst-muted)!important; letter-spacing:.07em!important; text-transform:uppercase!important; margin-bottom:8px!important; padding:0!important; background:none!important; border:none!important; font-family:var(--bdst-f)!important; }
div.bdst-tool p.bdst-field-hint { font-size:.8rem!important; color:var(--bdst-muted)!important; margin-top:8px!important; font-family:var(--bdst-f)!important; }
div.bdst-tool input.bdst-input,
div.bdst-tool select.bdst-select,
div.bdst-tool textarea.bdst-textarea { all:unset!important; display:block!important; width:100%!important; box-sizing:border-box!important; background:var(--bdst-surface-2)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-rs)!important; color:var(--bdst-text)!important; font-family:var(--bdst-f)!important; font-size:.9rem!important; padding:10px 14px!important; line-height:1.5!important; margin:0!important; -webkit-appearance:none!important; appearance:none!important; transition:border-color .2s,box-shadow .2s!important; }
div.bdst-tool input.bdst-input:focus,
div.bdst-tool select.bdst-select:focus,
div.bdst-tool textarea.bdst-textarea:focus { border-color:var(--bdst-accent)!important; box-shadow:0 0 0 3px rgba(108,99,255,.12)!important; outline:none!important; }
div.bdst-tool input.bdst-input::placeholder,
div.bdst-tool textarea.bdst-textarea::placeholder { color:var(--bdst-muted)!important; opacity:.5!important; }
div.bdst-tool textarea.bdst-textarea { resize:vertical!important; font-family:var(--bdst-mono)!important; font-size:.82rem!important; line-height:1.7!important; min-height:160px!important; }
div.bdst-tool select.bdst-select { cursor:pointer!important; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%235a6878'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important; background-position:right 10px center!important; background-size:20px!important; padding-right:36px!important; }
div.bdst-tool input.bdst-ua-custom-hidden { display:none!important; margin-top:8px!important; }
div.bdst-tool .bdst-options-row { display:grid!important; grid-template-columns:1fr 1fr!important; gap:20px!important; margin:20px 0!important; }

/* Button row */
div.bdst-tool .bdst-btn-row { display:flex!important; align-items:center!important; gap:12px!important; margin-top:12px!important; flex-wrap:wrap!important; }

/* Primary button */
div.bdst-tool button.bdst-btn-primary,
div.bdst-tool button#bdst-analyze-btn,
div.bdst-tool button#hl-analyze-btn { all:unset!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; background:var(--bdst-accent)!important; color:#fff!important; border:none!important; border-radius:var(--bdst-rs)!important; font-family:var(--bdst-f)!important; font-size:.875rem!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase!important; padding:12px 36px!important; line-height:1.4!important; transition:background .2s,transform .15s,box-shadow .2s!important; -webkit-appearance:none!important; }
div.bdst-tool button.bdst-btn-primary:hover,
div.bdst-tool button#bdst-analyze-btn:hover,
div.bdst-tool button#hl-analyze-btn:hover { background:var(--bdst-accent-2)!important; transform:translateY(-1px)!important; box-shadow:0 6px 20px rgba(108,99,255,.25)!important; color:#fff!important; }
div.bdst-tool button.bdst-btn-primary:active,
div.bdst-tool button#bdst-analyze-btn:active,
div.bdst-tool button#hl-analyze-btn:active { transform:translateY(0)!important; }

/* Secondary button */
div.bdst-tool button.bdst-btn-secondary,
div.bdst-tool button#hl-clear-btn { all:unset!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; cursor:pointer!important; background:transparent!important; color:var(--bdst-muted)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-rs)!important; font-family:var(--bdst-f)!important; font-size:.875rem!important; font-weight:600!important; padding:11px 24px!important; line-height:1.4!important; transition:border-color .2s,color .2s!important; }
div.bdst-tool button.bdst-btn-secondary:hover,
div.bdst-tool button#hl-clear-btn:hover { border-color:var(--bdst-text)!important; color:var(--bdst-text)!important; }

/* Section titles */
div.bdst-tool h2.bdst-section-title { font-size:.8rem!important; font-weight:700!important; letter-spacing:.07em!important; text-transform:uppercase!important; color:var(--bdst-muted)!important; margin:0 0 20px!important; padding:0 0 12px!important; border:none!important; border-bottom:1.5px solid var(--bdst-border)!important; background:none!important; font-family:var(--bdst-f)!important; }

/* Validation summary (robots) */
div.bdst-tool .bdst-validation-summary { display:flex!important; align-items:center!important; gap:32px!important; flex-wrap:wrap!important; }
div.bdst-tool .bdst-summary-badge { font-size:.9rem!important; font-weight:800!important; padding:10px 22px!important; border-radius:8px!important; letter-spacing:.05em!important; text-transform:uppercase!important; line-height:1.4!important; font-family:var(--bdst-f)!important; }
div.bdst-tool .bdst-summary-badge--valid    { background:#dcfce7!important; color:var(--bdst-green)!important; border:1.5px solid #86efac!important; }
div.bdst-tool .bdst-summary-badge--warnings { background:#fef9c3!important; color:var(--bdst-yellow)!important; border:1.5px solid #fde047!important; }
div.bdst-tool .bdst-summary-badge--invalid  { background:#fee2e2!important; color:var(--bdst-red)!important; border:1.5px solid #fca5a5!important; }
div.bdst-tool .bdst-summary-stats { display:flex!important; gap:28px!important; flex-wrap:wrap!important; margin:0!important; padding:0!important; list-style:none!important; }
div.bdst-tool .bdst-stat { display:flex!important; flex-direction:column!important; gap:2px!important; }
div.bdst-tool .bdst-stat__label { font-size:.7rem!important; font-weight:700!important; text-transform:uppercase!important; letter-spacing:.07em!important; color:var(--bdst-muted)!important; display:block!important; font-family:var(--bdst-f)!important; }
div.bdst-tool .bdst-stat__value { font-size:1.3rem!important; font-weight:800!important; color:var(--bdst-text)!important; display:block!important; font-family:var(--bdst-f)!important; }

/* ═══════ HREFLANG SUMMARY GRID ═══════ */
div.bdst-tool .hl-summary-grid { display:grid!important; grid-template-columns:repeat(5,1fr)!important; gap:12px!important; }
div.bdst-tool .hl-stat-card { background:var(--bdst-surface-2)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-rs)!important; padding:16px 12px!important; text-align:center!important; display:flex!important; flex-direction:column!important; align-items:center!important; gap:6px!important; }
div.bdst-tool .hl-stat-card.hl-stat-errors { border-color:#fca5a5!important; background:#fff5f5!important; }
div.bdst-tool .hl-stat-card.hl-stat-warnings { border-color:#fde68a!important; background:#fffbeb!important; }
div.bdst-tool .hl-stat-value { font-size:1.6rem!important; font-weight:800!important; color:var(--bdst-text)!important; line-height:1!important; font-family:var(--bdst-f)!important; display:block!important; }
div.bdst-tool .hl-stat-card.hl-stat-errors .hl-stat-value { color:var(--bdst-red)!important; }
div.bdst-tool .hl-stat-card.hl-stat-warnings .hl-stat-value { color:var(--bdst-yellow)!important; }
div.bdst-tool .hl-stat-label { font-size:.72rem!important; font-weight:600!important; color:var(--bdst-muted)!important; text-transform:uppercase!important; letter-spacing:.06em!important; font-family:var(--bdst-f)!important; display:block!important; }

/* xdefault status variants */
div.bdst-tool .hl-xdefault-ok { border-color:#86efac!important; background:#f0fdf4!important; }
div.bdst-tool .hl-xdefault-ok .hl-stat-value { color:var(--bdst-green)!important; }
div.bdst-tool .hl-xdefault-missing { border-color:#fde68a!important; background:#fffbeb!important; }
div.bdst-tool .hl-xdefault-missing .hl-stat-value { color:var(--bdst-yellow)!important; }

/* Issue group labels */
div.bdst-tool .hl-issue-group-label { font-size:.8rem!important; font-weight:700!important; letter-spacing:.05em!important; text-transform:uppercase!important; margin:0 0 10px!important; padding:0!important; font-family:var(--bdst-f)!important; }
div.bdst-tool .hl-error-label { color:var(--bdst-red)!important; }
div.bdst-tool .hl-warning-label { color:var(--bdst-yellow)!important; }
div.bdst-tool #hl-warnings-section { margin-top:20px!important; }

/* Issue card */
div.bdst-tool .hl-issue-card { border-radius:var(--bdst-rs)!important; padding:14px 16px!important; margin-bottom:10px!important; }
div.bdst-tool .hl-issue-card--error   { background:#fff5f5!important; border:1px solid #fecaca!important; }
div.bdst-tool .hl-issue-card--warning { background:#fffbeb!important; border:1px solid #fde68a!important; }
div.bdst-tool .hl-issue-title { font-size:.875rem!important; font-weight:700!important; color:var(--bdst-text)!important; margin:0 0 4px!important; font-family:var(--bdst-f)!important; display:block!important; }
div.bdst-tool .hl-issue-desc { font-size:.82rem!important; color:var(--bdst-muted)!important; margin:0 0 8px!important; font-family:var(--bdst-f)!important; display:block!important; line-height:1.5!important; }
div.bdst-tool .hl-issue-affected { font-size:.78rem!important; font-family:var(--bdst-mono)!important; background:rgba(0,0,0,.04)!important; padding:4px 8px!important; border-radius:4px!important; display:inline-block!important; margin-bottom:6px!important; color:var(--bdst-text)!important; }
div.bdst-tool .hl-issue-fix { font-size:.8rem!important; color:var(--bdst-accent-2)!important; font-family:var(--bdst-f)!important; font-weight:600!important; display:block!important; margin:0!important; }

/* Code review */
div.bdst-tool .hl-review-list { display:flex!important; flex-direction:column!important; gap:8px!important; }
div.bdst-tool .hl-review-item { display:flex!important; align-items:flex-start!important; gap:10px!important; font-size:.875rem!important; color:var(--bdst-text)!important; line-height:1.5!important; padding:10px 14px!important; border-radius:var(--bdst-rs)!important; background:var(--bdst-surface-2)!important; border:1px solid var(--bdst-border)!important; font-family:var(--bdst-f)!important; }
div.bdst-tool .hl-review-icon { flex-shrink:0!important; font-size:1rem!important; }

/* Tables */
div.bdst-tool .bdst-table-wrap { overflow-x:auto!important; }
div.bdst-tool table.bdst-table { width:100%!important; border-collapse:collapse!important; font-size:.85rem!important; margin:0!important; }
div.bdst-tool table.bdst-table th { text-align:left!important; padding:10px 14px!important; background:var(--bdst-surface-2)!important; color:var(--bdst-muted)!important; font-weight:700!important; font-size:.7rem!important; text-transform:uppercase!important; letter-spacing:.07em!important; border-bottom:1.5px solid var(--bdst-border)!important; border-top:none!important; border-left:none!important; border-right:none!important; font-family:var(--bdst-f)!important; }
div.bdst-tool table.bdst-table td { padding:10px 14px!important; color:var(--bdst-text)!important; border-bottom:1px solid var(--bdst-border)!important; border-top:none!important; border-left:none!important; border-right:none!important; background:none!important; font-family:var(--bdst-mono)!important; font-size:.8rem!important; }
div.bdst-tool table.bdst-table tbody tr:hover td { background:var(--bdst-surface-2)!important; }
div.bdst-tool table.bdst-table tbody tr:last-child td { border-bottom:none!important; }

/* Badges */
div.bdst-tool span.bdst-badge { display:inline-block!important; padding:2px 10px!important; border-radius:100px!important; font-size:.7rem!important; font-weight:700!important; letter-spacing:.05em!important; line-height:1.6!important; font-family:var(--bdst-f)!important; }
div.bdst-tool span.bdst-badge--allow,
div.bdst-tool span.bdst-badge--valid,
div.bdst-tool span.bdst-badge--allowed  { background:#dcfce7!important; color:#15803d!important; border:1px solid #86efac!important; }
div.bdst-tool span.bdst-badge--disallow,
div.bdst-tool span.bdst-badge--error,
div.bdst-tool span.bdst-badge--blocked  { background:#fee2e2!important; color:#b91c1c!important; border:1px solid #fca5a5!important; }
div.bdst-tool span.bdst-badge--warning  { background:#fef9c3!important; color:#92400e!important; border:1px solid #fde047!important; }

/* Risk list */
div.bdst-tool .bdst-risk-list { display:flex!important; flex-direction:column!important; gap:10px!important; margin:0!important; padding:0!important; list-style:none!important; }
div.bdst-tool .bdst-risk-item { display:flex!important; align-items:flex-start!important; gap:12px!important; padding:12px 16px!important; border-radius:var(--bdst-rs)!important; font-size:.875rem!important; line-height:1.5!important; }
div.bdst-tool .bdst-risk-item--error   { background:#fff5f5!important; border:1px solid #fecaca!important; }
div.bdst-tool .bdst-risk-item--warning { background:#fffbeb!important; border:1px solid #fde68a!important; }
div.bdst-tool .bdst-risk-item--ok      { background:#f0fdf4!important; border:1px solid #bbf7d0!important; }
div.bdst-tool .bdst-risk-item__icon { font-size:1rem!important; flex-shrink:0!important; margin-top:1px!important; }
div.bdst-tool .bdst-risk-item__text { color:var(--bdst-text)!important; font-family:var(--bdst-f)!important; }

/* Sitemap + recs */
div.bdst-tool .bdst-sitemap-found { display:flex!important; align-items:center!important; gap:12px!important; font-size:.875rem!important; }
div.bdst-tool .bdst-sitemap-found a { color:var(--bdst-accent-2)!important; text-decoration:none!important; font-family:var(--bdst-mono)!important; font-size:.82rem!important; background:none!important; }
div.bdst-tool .bdst-sitemap-found a:hover { text-decoration:underline!important; }
div.bdst-tool .bdst-sitemap-none { color:var(--bdst-muted)!important; font-size:.875rem!important; }
div.bdst-tool ul.bdst-recs-list { list-style:none!important; display:flex!important; flex-direction:column!important; gap:10px!important; margin:0!important; padding:0!important; }
div.bdst-tool ul.bdst-recs-list li { display:flex!important; align-items:flex-start!important; gap:12px!important; font-size:.875rem!important; color:var(--bdst-text)!important; line-height:1.5!important; padding:0!important; margin:0!important; background:none!important; list-style:none!important; font-family:var(--bdst-f)!important; }
div.bdst-tool ul.bdst-recs-list li::before { content:'→'!important; color:var(--bdst-accent-2)!important; font-weight:700!important; flex-shrink:0!important; margin-top:1px!important; }
div.bdst-tool .bdst-url-test-detail { font-size:.8rem!important; color:var(--bdst-muted)!important; font-family:var(--bdst-mono)!important; padding:8px 14px!important; background:var(--bdst-surface-2)!important; border-radius:6px!important; margin-top:10px!important; border:1px solid var(--bdst-border)!important; }

/* Loading */
#bdst-loading { display:none!important; position:fixed!important; inset:0!important; background:rgba(240,249,246,.85)!important; backdrop-filter:blur(4px)!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:16px!important; z-index:99999!important; color:var(--bdst-text)!important; font-size:.9rem!important; font-weight:600!important; font-family:var(--bdst-f)!important; }
#bdst-loading.bdst-visible { display:flex!important; }
#bdst-loading .bdst-spinner { width:40px!important; height:40px!important; border:3px solid var(--bdst-border)!important; border-top-color:var(--bdst-accent)!important; border-radius:50%!important; animation:bdst-spin .7s linear infinite!important; background:none!important; }
@keyframes bdst-spin { to { transform:rotate(360deg); } }

.bdst-hidden { display:none!important; }

@media(max-width:768px){
    div.bdst-tool { padding:32px 16px 60px!important; }
    div.bdst-hub  { padding:40px 16px!important; }
    div.bdst-tool .bdst-card { padding:20px 18px!important; }
    div.bdst-tool .bdst-validation-summary { flex-direction:column!important; align-items:flex-start!important; }
    div.bdst-tool .bdst-options-row { grid-template-columns:1fr!important; }
    div.bdst-tool .hl-summary-grid { grid-template-columns:repeat(3,1fr)!important; }
}
@media(max-width:480px){
    div.bdst-tool .hl-summary-grid { grid-template-columns:repeat(2,1fr)!important; }
}

/* ═══════ HREFLANG VALIDATOR EXTRAS ═══════ */
.bdst-hf-summary .bdst-validation-summary { display:flex!important; align-items:center!important; gap:24px!important; flex-wrap:wrap!important; }

.bdst-code-block { background:var(--bdst-surface-2)!important; border:1.5px solid var(--bdst-border)!important; border-radius:var(--bdst-rs)!important; padding:16px!important; font-family:var(--bdst-mono)!important; font-size:.78rem!important; line-height:1.8!important; color:var(--bdst-text)!important; white-space:pre-wrap!important; word-break:break-all!important; margin:0!important; overflow-x:auto!important; }

div.bdst-tool button.bdst-btn-secondary,
div.bdst-tool button#bdst-hf-copy { all:unset!important; display:inline-flex!important; align-items:center!important; gap:8px!important; cursor:pointer!important; background:var(--bdst-surface)!important; color:var(--bdst-accent-2)!important; border:1.5px solid var(--bdst-accent)!important; border-radius:var(--bdst-rs)!important; font-family:var(--bdst-f)!important; font-size:.875rem!important; font-weight:700!important; letter-spacing:.03em!important; padding:10px 28px!important; margin-top:4px!important; line-height:1.4!important; transition:background .2s,color .2s!important; }
div.bdst-tool button.bdst-btn-secondary:hover,
div.bdst-tool button#bdst-hf-copy:hover { background:var(--bdst-accent)!important; color:#fff!important; }

#bdst-hf-loading { display:none; position:fixed!important; inset:0!important; background:rgba(240,249,246,.85)!important; backdrop-filter:blur(4px)!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; gap:16px!important; z-index:99999!important; color:var(--bdst-text)!important; font-size:.9rem!important; font-weight:600!important; font-family:var(--bdst-f)!important; }