.period button:hover:not(:disabled),.period button.active{background:var(--ink);color:#fff}.period button:disabled{opacity:.38;cursor:not-allowed}.channel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:14px 0}.channel-grid button{border:1px solid var(--line);border-top:4px solid var(--orange);background:#fff;border-radius:var(--radius);padding:20px;text-align:left;cursor:pointer;color:var(--ink)}.channel-grid button:nth-child(2){border-top-color:#4285f4}.channel-grid button:nth-child(3){border-top-color:#0f9d58}.channel-grid button:nth-child(4){border-top-color:#1877f2}.channel-grid span,.channel-grid small{display:block;color:var(--muted)}.channel-grid strong{display:block;font-size:1.45rem;margin:9px 0}.alignment{margin-top:14px}.metrics.compact{grid-template-columns:repeat(5,1fr)}.type-switch{display:inline-flex;background:#e6ecef;border-radius:10px;padding:4px;margin-bottom:14px}.type-switch button{border:0;background:transparent;border-radius:7px;padding:9px 13px;font:inherit;font-weight:700;color:var(--muted);cursor:pointer}.type-switch button.active{background:#fff;color:var(--ink);box-shadow:0 2px 7px rgba(20,40,50,.12)}.google-view{display:none}.google-view.active{display:block}.callout{margin-top:14px;border-left:4px solid #0f9d58}@media(max-width:1000px){.metrics.compact{grid-template-columns:repeat(2,1fr)}.channel-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.metrics.compact,.channel-grid{grid-template-columns:1fr}.type-switch{display:flex}.type-switch button{flex:1}}
.seo-keyword-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.seo-keyword-toolbar>div{margin-right:auto}.seo-keyword-toolbar h2{margin-bottom:0}.seo-keyword-toolbar label{font-size:.78rem;color:var(--muted);font-weight:700}.seo-keyword-toolbar select,.seo-keyword-toolbar input{display:block;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:9px 10px;font:inherit;color:var(--ink);min-width:160px}.seo-keyword-toolbar input{min-width:230px}@media(max-width:800px){.seo-keyword-toolbar{align-items:stretch}.seo-keyword-toolbar label,.seo-keyword-toolbar select,.seo-keyword-toolbar input{width:100%}}
.qualified-split-card{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(420px,1.2fr);gap:24px;align-items:center;margin-bottom:16px}.qualified-split-card h2{margin:5px 0 7px}.qualified-split-card p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.55}.qualified-split-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.qualified-split-grid>div{border:1px solid var(--line);border-radius:10px;padding:13px;background:#fff}.qualified-split-grid span{display:block;color:var(--muted);font-size:.78rem;font-weight:700}.qualified-split-grid strong{display:block;font-size:1.75rem;margin:7px 0 2px}.qualified-split-grid em{display:block;color:var(--muted);font-size:.74rem;font-style:normal}.qualified-split-grid i{display:block;height:5px;background:linear-gradient(90deg,var(--accent) var(--mix),#e8edf1 var(--mix));border-radius:9px;margin-top:10px}.qualified-split-grid .paid i{background:linear-gradient(90deg,#ec762f var(--mix),#e8edf1 var(--mix))}@media(max-width:850px){.qualified-split-card{grid-template-columns:1fr}.qualified-split-grid{grid-template-columns:1fr}}
.qualified-split-grid{grid-template-columns:repeat(4,1fr)}.qualified-split-grid .cpql i{background:linear-gradient(90deg,#1d6f8a var(--mix),#e8edf1 var(--mix))}@media(max-width:1100px){.qualified-split-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.qualified-split-grid{grid-template-columns:1fr}}