/* Instagram 字体枢纽页专用样式（只在本页引用，不动全站 style.css） */

/* 三档字符计数：昵称 30 / 简介 150 / 文案 2200 */
.ig-tool .ig-counts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 16px 0 4px; }
@media (max-width: 560px) { .ig-tool .ig-counts { grid-template-columns: 1fr; } }
.ig-count { padding: 10px 12px; background: var(--soft); border: 1px solid var(--line); border-radius: 10px; }
.ig-count-label { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--mut); }
.ig-count-value { display: block; margin-top: 2px; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ig-count-note { display: block; margin-top: 2px; font-size: 12.5px; color: var(--mut); }
.ig-count[data-state="limit"] { border-color: #fbbf24; background: #fffbeb; }
.ig-count[data-state="limit"] .ig-count-value,
.ig-count[data-state="limit"] .ig-count-note { color: #92400e; }
.ig-count[data-state="over"] { border-color: #fca5a5; background: #fef2f2; }
.ig-count[data-state="over"] .ig-count-value,
.ig-count[data-state="over"] .ig-count-note { color: #b91c1c; }

/* 样式卡：长串花体在窄屏也不撑破页面 */
.ig-tool .style-out { overflow-wrap: anywhere; }
.badge.test { color: #92400e; background: #fffbeb; border-color: #fde68a; }
.ig-legend { margin-top: 14px; font-size: 13px; color: var(--mut); }
.ig-legend .badge { margin-left: 4px; }

/* 字数限制表：窄屏在框内横滚，页面本身不横向溢出 */
.ig-table-wrap { margin: 12px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ig-table { width: 100%; min-width: 460px; border-collapse: collapse; font-size: 14px; }
.ig-table th, .ig-table td { padding: 8px 10px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.ig-table th { font-size: 11.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--mut); }
.ig-table caption { caption-side: top; text-align: left; padding-bottom: 6px; font-size: 13px; color: var(--mut); }

/* 「In short」一句话说明：本页 tldr 较长，补一点呼吸感（只在本页生效） */
.tldr { margin: 0 0 18px; padding: 12px 14px; background: #ecfdf5; border-left: 4px solid var(--acc); border-radius: 0 10px 10px 0; font-size: 15px; color: #374151; }