/* Scoped campaign link builder and guides. */
.smt-utm-page h1,.smt-utm-page h2,.smt-utm-page h3,.smt-utm-page .smt-hub-actions { text-align:center; }
.smt-utm-page .smt-tool-hero { padding-top:145px; padding-bottom:64px; }
.smt-utm-page .smt-tool-hero-grid>div:first-child { text-align:center; }
.smt-utm-page .smt-hub-kicker { text-align:center; margin-left:auto; margin-right:auto; }
.smt-utm-page .smt-tool-hero-visual { border-radius:8px; }
.smt-utm-page .smt-tool-hero-visual h2 { font-size:26px;line-height:1.3;margin:0 0 20px; }
.smt-utm-page #utm-tool { scroll-margin-top:95px; }
.smt-utm-page .smt-hub-head { margin-bottom:30px; }
.smt-utm-method-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-utm-method-grid>article { min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e5def7;border-radius:8px;padding:24px; }
.smt-utm-method-grid h3 { font-size:20px;margin:0 0 16px; }
.smt-utm-method-grid p { font-size:16px;line-height:1.65; }
.smt-utm-method-grid code { display:block;text-align:center;font-family:inherit;font-size:14px;font-weight:400;color:#5325bc;background:#f5f0ff;padding:12px;border-radius:6px;margin-top:auto; }
.smt-utm-page .smt-tool-guide-grid { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px; }
.smt-utm-page .smt-tool-guide-card { display:flex;flex-direction:column;min-width:0;border-radius:8px; }
.smt-utm-page .smt-tool-guide-card h3 { font-size:21px;margin-top:0; }
.smt-utm-page .smt-tool-guide-card>p { margin-bottom:0; }
.smt-utm-page .smt-tool-guide-card>a { display:block;text-align:center;margin-top:auto;padding-top:18px; }
.smt-utm-page .smt-tool-guide-grid>p:empty,.smt-utm-page .smt-utm-layout>p:empty,.smt-utm-page .smt-tool-guide-links>p:empty { display:none!important; }
.smt-utm-page .smt-tool-cta { background:#f5f0ff;border:1px solid #e5def7;border-radius:8px;color:#151523;display:block;text-align:center;margin-top:42px; }
.smt-utm-page .smt-tool-cta h2,.smt-utm-page .smt-tool-cta h3 { color:#151523;margin:18px auto; }
.smt-utm-page .smt-tool-cta p:not(.smt-hub-kicker) { color:#62677a;max-width:850px;margin:0 auto; }
.smt-utm-page .smt-tool-cta .smt-hub-actions { margin:24px 0 0; }
.smt-utm-page .smt-hub-article-body>h2 { margin:54px 0 22px; }
.smt-utm-page .smt-hub-article-body>p { margin-bottom:22px; }
.smt-utm-page .smt-hub-faq+h2 { margin-top:66px; }
.smt-utm-page .smt-tool-guide-nav { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:24px;margin:0 0 38px;border-radius:8px;counter-reset:utm-guide; }
.smt-utm-page .smt-tool-guide-nav>strong { grid-column:1/-1;font-size:24px;text-align:center;margin:0 0 10px; }
.smt-utm-page .smt-tool-guide-nav>a { counter-increment:utm-guide;display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.45;font-weight:600;padding:12px;border:1px solid #e5def7;border-radius:6px;min-width:0; }
.smt-utm-page .smt-tool-guide-nav>a:last-of-type { grid-column:auto;justify-self:stretch;width:auto; }
.smt-utm-page .smt-tool-guide-nav>a::before { content:counter(utm-guide);flex:0 0 30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(1) { background:#fcfaff;border-color:#e5def7; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(1)::before { background:#eee5ff;color:#5325bc; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(2) { background:#f3f9ff;border-color:#d5e7f7; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(2)::before { background:#e1f1ff;color:#1265a9; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(3) { background:#f2fbf7;border-color:#c3e8d8; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(3)::before { background:#ddf5e9;color:#08785d; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(4) { background:#fff7f3;border-color:#f3d1c5; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(4)::before { background:#ffe8dd;color:#994021; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(5) { background:#fff5f9;border-color:#f1d2e0; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(5)::before { background:#fde4ef;color:#9d2c60; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(6) { background:#f2fbfa;border-color:#c5e8e3; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(6)::before { background:#dcf4f1;color:#146f68; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(7) { background:#f7f8ff;border-color:#d5daf6; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(7)::before { background:#e9edff;color:#424baf; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(8) { background:#fffbf0;border-color:#f0e0b4; }
.smt-utm-page .smt-tool-guide-nav>a:nth-of-type(8)::before { background:#fff2cf;color:#83600d; }
.smt-utm-page .smt-tool-guide-links { display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px; }
.smt-utm-page .smt-tool-guide-links>a { display:flex;align-items:center;justify-content:center;text-align:center;min-height:80px;height:100%;padding:16px;border-radius:6px;margin:0;box-sizing:border-box;font-size:16px; }
.smt-utm-guide .smt-tool-hero { padding-bottom:36px; }
.smt-utm-guide .smt-hub-article-hero { max-width:1050px;text-align:center; }
.smt-utm-guide .smt-hub-article-body { max-width:1080px; }
.smt-utm-guide .smt-hub-section { padding-top:30px; }
.smt-utm-page .smt-utm-guides-section { padding-bottom:28px; }
.smt-utm-page .smt-utm-next-section { padding-top:30px; }
@media(max-width:1000px) {
 .smt-utm-page .smt-tool-guide-grid,.smt-utm-page .smt-tool-guide-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .smt-utm-page .smt-tool-hero-grid { grid-template-columns:1fr;gap:32px; }
 .smt-utm-page .smt-tool-hero-visual { max-width:650px;width:100%;margin:0 auto;box-sizing:border-box; }
 .smt-utm-panel { padding:16px; }
}
@media(max-width:760px) {
 .smt-utm-layout,.smt-utm-method-grid { grid-template-columns:1fr!important; }
 .smt-utm-page .smt-tool-hero { padding-top:112px; }
 .smt-utm-workspace { padding:14px; }
 .smt-utm-page .smt-tool-guide-nav { padding:16px; }
 .smt-utm-page .smt-tool-guide-nav>strong { font-size:22px; }
}
@media(max-width:560px) {
 .smt-utm-page .smt-tool-guide-grid,.smt-utm-page .smt-tool-guide-links,.smt-utm-page .smt-tool-guide-nav { grid-template-columns:1fr; }
 .smt-utm-fields { gap:10px; }
 .smt-utm-field>span { min-height:42px; }
 .smt-utm-panel { padding:14px; }
 .smt-utm-export-actions { gap:8px; }
 .smt-utm-export-actions button { font-size:12px;padding:10px 8px; }
}


.smt-utm-page [hidden] { display:none!important; }
.smt-utm-hero-destination { background:#fff;border:1px solid #d5e7f7;border-radius:6px;padding:16px;color:#1265a9;text-align:center;overflow-wrap:anywhere;font-size:15px; }
.smt-utm-hero-tags { display:grid;grid-template-columns:1fr;gap:10px;margin:16px 0; }
.smt-utm-hero-tags>div { display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;padding:13px;border:1px solid #e0d3fa;background:#f5f0ff;border-radius:6px; }
.smt-utm-hero-tags>div:nth-child(2) { background:#eef7ff;border-color:#d5e7f7; }
.smt-utm-hero-tags>div:nth-child(3) { background:#eaf9f4;border-color:#c3e8d8; }
.smt-utm-hero-tags span { font-size:13px;color:#62677a; }
.smt-utm-hero-tags strong { color:#29213e;font-size:16px;overflow-wrap:anywhere; }
.smt-utm-hero-route { display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:7px;margin-top:20px;text-align:center; }
.smt-utm-hero-route span { font-size:13px;color:#5325bc;font-weight:700; }
.smt-utm-hero-route b { font-size:20px;color:#08785d; }
.smt-utm-hero-note { text-align:center;font-size:13px!important;line-height:1.6;margin:18px 0 0!important; }
.smt-utm-workspace { background:#fff;border:1px solid #e5def7;border-radius:8px;padding:24px; }
.smt-utm-layout { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch; }
.smt-utm-panel { background:#f2f9ff;border:1px solid #d5e7f7;border-radius:8px;padding:22px;display:flex;flex-direction:column;min-width:0; }
.smt-utm-panel-output { background:#f7f3ff;border-color:#e0d3fa; }
.smt-utm-panel>h3 { font-size:21px;line-height:1.4;margin:0 0 22px; }
.smt-utm-fields { display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px; }
.smt-utm-field { display:flex;flex-direction:column;min-width:0;gap:8px;margin:0; }
.smt-utm-field>span { font-size:14px;font-weight:700;line-height:1.5; }
.smt-utm-field small { color:#62677a;font-size:12px;line-height:1.5; }
.smt-utm-page .smt-utm-field input,.smt-utm-page .smt-utm-field select,.smt-utm-page .smt-utm-field textarea,.smt-utm-output { box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 11px;border:1px solid #cbd2e2;border-radius:6px;background:#fff;color:#151523;font:inherit;font-size:14px;line-height:1.55; }
.smt-utm-page .smt-utm-field select { padding-right:28px; }
.smt-utm-page .smt-utm-field textarea { min-height:95px;resize:vertical; }
.smt-utm-url-field { margin-bottom:20px; }
.smt-utm-group { min-width:0;border:1px solid #d5e7f7;border-radius:6px;background:#fff;padding:16px;margin:0 0 18px; }
.smt-utm-group legend { margin:auto;padding:0 10px;font-size:16px;font-weight:700;color:#5325bc;text-align:center; }
.smt-utm-group .smt-utm-fields:last-child { margin-bottom:0; }
.smt-utm-normalize { display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:14px;line-height:1.6; }
.smt-utm-normalize input { flex:0 0 17px;width:17px;height:17px;accent-color:#7138e8; }
.smt-utm-row-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:auto; }
.smt-utm-page .smt-utm-row-actions button { background:#fff;border:1px solid #d6c8f4;border-radius:6px;color:#5325bc;font-size:13px;line-height:1.5;font-weight:700;padding:9px 12px; }
.smt-utm-page .smt-utm-row-actions button:first-child { background:#7138e8;color:#fff;border-color:#7138e8; }
.smt-utm-page button { font-family:inherit;letter-spacing:0;cursor:pointer; }
.smt-utm-page button:disabled { opacity:.5;cursor:not-allowed; }
.smt-utm-page button:focus-visible,.smt-utm-page input:focus-visible,.smt-utm-page select:focus-visible,.smt-utm-page textarea:focus-visible { outline:3px solid #b9a2f5;outline-offset:2px; }
.smt-utm-error { margin:16px 0 20px!important;color:#a62b3a!important;font-size:14px!important;line-height:1.6; }
.smt-utm-error:empty { display:none; }
.smt-utm-output { min-height:168px;resize:vertical;overflow-wrap:anywhere;word-break:break-all;background:#fff;font-size:14px;margin-bottom:18px; }
.smt-utm-host { color:#5325bc!important;text-align:center;font-size:14px!important;font-weight:700;line-height:1.6;overflow-wrap:anywhere;margin:0 0 18px!important; }
.smt-utm-tag-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 18px; }
.smt-utm-tag-grid>div { min-width:0;border:1px solid #d5e7f7;border-radius:6px;background:#eef7ff;padding:13px; }
.smt-utm-tag-grid>div:nth-child(1) { background:#f2ebff;border-color:#e0d3fa; }
.smt-utm-tag-grid>div:nth-child(3) { background:#eaf9f4;border-color:#c3e8d8; }
.smt-utm-tag-grid>div:nth-child(4) { background:#fff6ee;border-color:#f2dfc6; }
.smt-utm-tag-grid>div:nth-child(5) { background:#fff0f6;border-color:#f1d2e0; }
.smt-utm-tag-grid>div:nth-child(6) { background:#eaf9f8;border-color:#c5e8e3; }
.smt-utm-tag-grid dt { font-size:12px;color:#62677a;margin-bottom:7px; }
.smt-utm-tag-grid dd { font-size:14px;font-weight:700;color:#29213e;margin:0;line-height:1.6;overflow-wrap:anywhere; }
.smt-utm-counts,.smt-utm-fragment { text-align:center;font-size:13px!important;color:#5325bc!important;margin:0 0 10px!important;overflow-wrap:anywhere; }
.smt-utm-warnings { background:#fff7ee;border:1px solid #f2dfc6;border-radius:6px;padding:14px 14px 14px 30px;margin:12px 0 0;font-size:12px;line-height:1.65;color:#71532a; }
.smt-utm-warnings li+li { margin-top:8px; }
.smt-utm-note { font-size:13px!important;line-height:1.65;color:#62677a;margin-top:auto!important;padding-top:18px; }
.smt-utm-export-actions { display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px; }
.smt-utm-page .smt-utm-export-actions button { background:#7138e8;border:1px solid #7138e8;border-radius:6px;color:#fff;font-size:14px;font-weight:700;padding:10px 14px;line-height:1.5; }
.smt-utm-page .smt-utm-export-actions button+button { background:#fff;color:#5325bc;border-color:#d6c8f4; }
.smt-utm-status { min-height:24px;text-align:center;color:#08785d!important;font-size:14px!important;margin:22px 0 0!important; }
.smt-utm-status[data-error=true] { color:#a62b3a!important; }
.smt-utm-privacy { text-align:center;font-size:13px!important;line-height:1.6;max-width:900px;margin:18px auto 0!important; }
@media(max-width:1000px) { .smt-utm-layout { gap:16px; } .smt-utm-panel { padding:16px; } }
@media(max-width:760px) { .smt-utm-layout { grid-template-columns:1fr!important; } .smt-utm-workspace { padding:14px; } }
@media(max-width:560px) { .smt-utm-panel { padding:14px; } .smt-utm-fields { gap:10px; } .smt-utm-field>span { min-height:42px; } .smt-utm-page .smt-utm-export-actions button { font-size:12px;padding:10px 9px; } .smt-utm-export-actions { gap:8px; } }
@media(max-width:360px) { .smt-utm-fields { grid-template-columns:1fr!important; } .smt-utm-field>span { min-height:0; } .smt-utm-tag-grid { gap:8px; } }