.tool-page{padding:2rem 0 4rem;min-height:80vh}.container{max-width:960px;margin:0 auto;padding:0 var(--container-padding)}.tool-hero{text-align:center;margin-bottom:2.5rem}.tool-badge{display:inline-block;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .9rem;border-radius:50px;margin-bottom:1rem}.tool-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-primary)}.kw-highlight{color:var(--accent-primary);font-weight:inherit}.tool-intro{font-size:1.05rem;color:var(--text-secondary);max-width:640px;margin:0 auto;line-height:1.7}.chart-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:2.5rem;overflow-x:auto}.chart-wrap{min-width:600px}.legend{display:flex;gap:16px;margin-bottom:1.25rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-secondary)}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.dot-peak{background:#ef4444}.dot-off{background:#22c55e}.dot-edge{background:#f59e0b}.grid{display:flex;flex-direction:column;gap:4px}.row{display:flex;align-items:center;gap:8px}.left{display:flex;align-items:center;gap:5px;width:160px;flex-shrink:0}.flag{font-size:13px;width:20px;flex-shrink:0}.country{font-size:.78rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-wrap{flex:1;display:flex;height:18px;border-radius:3px;overflow:hidden;border:1px solid var(--border-color)}.seg{height:100%;cursor:default;transition:opacity .15s}.seg:hover{opacity:.7}.time-axis{display:flex;margin-left:168px;margin-bottom:6px}.tick{font-size:.65rem;color:var(--text-muted)}.tooltip{position:fixed;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;font-size:.78rem;color:var(--text-primary);pointer-events:none;opacity:0;transition:opacity .15s;z-index:999;max-width:240px;line-height:1.6;box-shadow:var(--shadow-md)}.info-section{margin-bottom:2.5rem}.info-section h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.info-section p{font-size:.95rem;color:var(--text-secondary);line-height:1.8;margin-bottom:.75rem}.info-section a{color:var(--accent-primary);text-decoration:none}.info-section a:hover{text-decoration:underline}.tips-list{list-style:none;padding:0}.tips-list li{position:relative;padding-left:1.5rem;margin-bottom:.6rem;font-size:.95rem;color:var(--text-secondary);line-height:1.7}.tips-list li:before{content:"";position:absolute;left:0;top:.55rem;width:8px;height:8px;border-radius:50%;background:var(--accent-primary)}.tips-list li a{color:var(--accent-primary);text-decoration:none}.tips-list li a:hover{text-decoration:underline}.embed-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:2rem;margin-bottom:2.5rem}.embed-section h2{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.embed-section>p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.embed-code-wrap{position:relative;margin-bottom:1.5rem}.embed-code{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem 3.5rem 1rem 1rem;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;color:var(--accent-primary);line-height:1.6;white-space:pre-wrap;word-break:break-all}.copy-btn{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;gap:5px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .7rem;color:var(--text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{color:var(--text-primary);border-color:var(--accent-primary)}.embed-preview-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.embed-preview{border-radius:8px;overflow:hidden;border:1px solid var(--border-color)}.embed-preview iframe{display:block;border:none}.faq-section .faq-item{border-bottom:1px solid var(--border-color);padding:1rem 0}.faq-section .faq-item:last-child{border-bottom:none}.faq-item h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}.faq-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}.faq-item a{color:var(--accent-primary);text-decoration:none}.faq-item a:hover{text-decoration:underline}.related-link{text-align:center;font-size:.95rem;color:var(--text-secondary);padding:1.5rem;background:var(--bg-card);border-radius:var(--border-radius);border:1px solid var(--border-color)}.related-link a{color:var(--accent-primary);text-decoration:none;font-weight:600}.related-link a:hover{text-decoration:underline}@media (max-width: 768px){.chart-section{padding:1rem}.left{width:120px}.time-axis{margin-left:128px}.embed-section{padding:1.25rem}.embed-callout{font-size:.82rem;padding:.6rem 1rem}}.embed-callout{display:flex;align-items:center;justify-content:center;gap:8px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px;padding:.7rem 1.2rem;margin-bottom:2rem;text-decoration:none;color:var(--accent-primary);font-size:.9rem;transition:all var(--transition-fast)}.embed-callout:hover{background:#6366f129;border-color:var(--accent-primary)}.embed-callout strong{color:var(--text-primary)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;margin:1.25rem 0}.plan-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:1rem}.plan-card h3{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.plan-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin:0}.plan-status{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .5rem;border-radius:50px;margin-bottom:.5rem}.plan-status.affected{background:#ef44441f;color:#ef4444}.plan-status.not-affected{background:#22c55e1f;color:#22c55e}.plans-note{font-size:.85rem;color:var(--text-muted);font-style:italic}@media (max-width: 480px){.plans-grid{grid-template-columns:1fr 1fr}}