.help-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.25rem}.help-card--muted{background:var(--bg-light)}.code-block{display:flex;align-items:center;gap:.5rem;background:var(--bg-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--text-dark);word-break:break-all;white-space:pre-wrap;box-sizing:border-box}.code-block--inline{display:inline-flex;padding:.15rem .4rem;font-size:.78rem}.code-block--block{width:100%;padding:.5rem .75rem;justify-content:space-between}.code-block code{font-family:inherit;font-size:inherit;color:inherit;background:transparent;padding:0;flex:1;min-width:0}.code-block code.host-root{font-style:italic;color:var(--text-light)}.copy-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--bg-white);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem .75rem;min-height:44px;font-size:.85rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease;flex-shrink:0}.copy-btn:hover{background:var(--bg-light);border-color:var(--accent-color);color:var(--accent-color)}.copy-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.copy-btn--icon{min-height:32px;min-width:32px;padding:.25rem;border:none;background:transparent;color:var(--text-light);border-radius:4px}.copy-btn--icon:hover{background:var(--border-color);color:var(--text-dark);border-color:transparent}.copy-btn--success,.copy-btn--success:hover{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text-strong)}.status-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;white-space:nowrap;border:1px solid transparent}.status-badge--cname{background:var(--info-bg);color:var(--info-color)}.status-badge--txt{background:#fdf4ff;color:#a21caf}.status-badge--pending{background:var(--pending-bg);color:var(--pending-color)}.status-badge--success{background:#dcfce7;color:var(--success-text-strong);font-size:.75rem}.status-badge--warning{background:var(--warning-bg);color:var(--warning-text-strong);border-color:var(--warning-border)}.status-badge--error{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.status-badge--info{background:var(--info-bg);color:var(--info-color);border-color:var(--info-border)}.alert{margin-top:1rem;padding:1.25rem;border-radius:.75rem;display:flex;gap:1rem;align-items:flex-start;border:1px solid transparent}.alert--warning{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text-strong)}.alert--warning strong{color:var(--warning-color)}.alert--success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-color)}.alert--success strong{color:var(--success-text-strong)}.alert--info{background:var(--info-bg);border-color:var(--info-border);color:var(--info-color)}.alert--error{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.alert__content p{margin:.25rem 0 0;font-size:.95rem;line-height:1.5}.dns-record-card{background:var(--bg-white);border:1px solid var(--border-color);border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.dns-record-card__row{display:flex;flex-direction:column;gap:.4rem}.dns-record-card__label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-weight:700}.dns-record-card__group-title{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-dark);font-size:.95rem;margin-top:.5rem}.help-context-banner{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--info-border);background:var(--info-bg);color:var(--info-color);font-size:.9rem;line-height:1.5}.help-context-banner--example{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text-strong)}.help-context-banner strong{font-weight:700}@media(prefers-reduced-motion:reduce){.copy-btn,.status-badge,.alert{transition:none!important}}