@charset "UTF-8";
.report-reading-guide{margin-top:14px;border-top:1px solid #dce5f0;padding-top:8px}
.report-reading-guide summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:13px;font-weight:500}
.report-reading-guide summary::after{content:"+";margin-left:auto;color:#1559e8}
.report-reading-guide[open] summary::after{content:"−"}
.report-reading-guide p{font-size:12px;line-height:1.85;margin-top:10px}
.report-return{font-weight:600;text-underline-offset:5px}
.creative-media{position:relative;min-height:0}.creative-media img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain}
@font-face{font-family:HTAKanit;font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/themes/howtoads-v10/assets/media/fonts/kanit-thai-400.woff2') format('woff2');unicode-range:U+0E00-0E7F;}
@font-face{font-family:HTAKanit;font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/themes/howtoads-v10/assets/media/fonts/kanit-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF;}
@font-face{font-family:HTAKanit;font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/themes/howtoads-v10/assets/media/fonts/kanit-thai-700.woff2') format('woff2');unicode-range:U+0E00-0E7F;}
@font-face{font-family:HTAKanit;font-style:normal;font-weight:700;font-display:swap;src:url('/wp-content/themes/howtoads-v10/assets/media/fonts/kanit-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF;}
:root{--blue:var(--hta-brand,#1559E8);--navy:var(--hta-ink,#10264A);--teal:#008997;--muted:#5b6f8c;--line:#dce6f4;--bg:#f5f8fd;--soft:#eaf0ff;--radius:22px;color-scheme:light;font-family:HTAKanit,"Noto Sans Thai","Leelawadee UI",Tahoma,Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.7}a{color:var(--blue)}button,input,select{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #008997;outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-.8px;font-weight:800}h2{font-size:21px;line-height:1.5}h3{font-size:18px}p{color:var(--muted)}em{font-style:normal;color:var(--blue)}.brand{display:block;font:bold 32px/1 Arial,sans-serif;letter-spacing:-2px;text-decoration:none;color:var(--navy)}.brand span{color:var(--blue)}.micro,.eyebrow{display:block;color:var(--teal);font-size:10px;font-weight:800;letter-spacing:1.8px}.eyebrow{margin-bottom:12px}.sidebar .micro{margin:14px 0 34px;color:var(--muted)}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:white;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.project-label{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:22px}.project-label select{width:100%;margin-top:8px;font-size:14px}select{padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--navy)}nav{display:grid;gap:7px}.nav-item{display:flex;gap:12px;align-items:center;text-align:left;border:0;background:transparent;padding:12px 10px;border-radius:12px;color:var(--muted);font-size:14px}.nav-item:hover{background:var(--bg)}.nav-item.active{color:var(--blue);background:var(--soft);font-weight:700}.nav-num{font-size:10px;letter-spacing:1px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:24px;font-size:13px}.sidebar-bottom small,.sidebar-bottom a{display:block;margin-top:6px}.workspace{margin-left:260px;min-height:100vh}.topbar{min-height:95px;padding:24px 40px;border-bottom:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar strong{display:block;font-size:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:var(--navy);border-radius:12px;padding:12px 18px;min-height:46px;text-decoration:none;font-weight:700;font-size:13px;line-height:1.6}.button:hover{border-color:var(--blue)}.primary{background:var(--blue);color:white;border-color:var(--blue)}main#report-main{padding:30px 40px;max-width:1620px;margin:auto;min-height:65vh}.heading{margin:28px 0}.heading p{margin-top:14px;max-width:780px}.status-line{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;font-size:12px;color:var(--muted)}.pill{display:inline-flex;padding:5px 10px;border-radius:50px;background:#e3f5f1;color:#087367;font-size:11px;font-weight:bold}.amber{background:#fff2d9;color:#886214}.status-mode{margin-left:auto;color:#765617}.period{font-size:12px;margin-top:10px}.tabs{display:flex;gap:5px;flex-wrap:wrap;margin:22px 0}.tab{padding:11px 18px;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:30px;font-size:13px;font-weight:700}.tab.selected{background:var(--navy);border-color:var(--navy);color:#fff}.notice{background:#eaf1fc;border-left:3px solid var(--blue);padding:17px 20px;border-radius:4px 12px 12px 4px;font-size:13px;color:#465e7f;margin:20px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin:22px 0;min-width:0;box-shadow:0 6px 25px #183c6610}.panel-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:20px}.panel-head p{font-size:13px}.platform-title{font-size:20px;font-weight:800;display:flex;gap:12px;align-items:center;margin-bottom:22px}.platform-title:before{content:"";width:10px;height:24px;border-radius:5px;background:var(--blue)}.google .platform-title:before{background:var(--teal)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:25px}.metric{border:1px solid var(--line);padding:20px;border-radius:16px;background:linear-gradient(140deg,#fafcff,#f1f6ff)}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font-size:clamp(22px,2.3vw,34px);font-weight:800;letter-spacing:-.7px;overflow-wrap:anywhere;margin:10px 0;color:var(--navy)}.metric small{font-size:10px;color:var(--muted)}.empty{text-align:center;padding:44px 18px;border:1px dashed #cdd9ee;border-radius:18px;background:#fbfdff}.empty-mark{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:var(--soft);border-radius:14px;color:var(--blue);font-size:24px;margin-bottom:18px}.empty h2{font-size:19px}.empty p{font-size:14px;max-width:600px;margin:10px auto 0}.table-wrap{max-width:100%;overflow:auto;scrollbar-color:#bccbe4 #f5f8fd;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;white-space:nowrap;background:#f1f5fc;padding:15px;color:#536b8d}td{padding:16px 15px;border-top:1px solid var(--line);max-width:340px;min-width:100px;overflow-wrap:anywhere;vertical-align:top}.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.row-label{font-weight:600}tbody tr:hover{background:#f7faff}.footnote{font-size:12px;line-height:1.9;margin-top:16px;color:#62718a}.filter{display:flex;align-items:center;gap:14px;font-size:13px;margin:20px 0}.creative-grid,.compare-grid,.source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.creative-grid{margin:20px 0}.source-grid .panel{margin:0}.source-grid{margin:25px 0}.source-grid h2{margin:16px 0}.source-grid .button{margin-top:20px}.creative-card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;padding:20px}.creative-media{aspect-ratio:4/3;display:grid;place-items:center;background:#f1f5fc;border-radius:12px;overflow:hidden;font-size:12px;color:var(--muted);text-align:center;padding:12px;margin-bottom:20px}.creative-media img{max-width:100%;max-height:100%;object-fit:contain}.check{display:flex;gap:10px;align-items:center;margin-top:20px;font-size:13px}.check input{width:20px;height:20px;accent-color:var(--blue)}.comparison{border:1px solid var(--line);border-radius:24px;width:min(1100px,95vw);max-height:92dvh;overflow:auto;padding:30px;color:var(--navy)}.comparison::backdrop{background:#142e50aa;backdrop-filter:blur(3px)}dl{font-size:12px}dl>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}dd{margin:0;text-align:right;font-weight:700}footer{padding:20px 40px 35px;color:var(--muted);font-size:10px;letter-spacing:1px}#network-status{padding:14px 30px;background:#fff1d9;font-size:13px}.gate{max-width:740px;padding:65px 40px;margin:8vh auto;background:linear-gradient(145deg,#fff 70%,#e1f8f8);border:1px solid var(--line);border-radius:30px}.gate .brand{margin-bottom:65px}.gate h1{font-size:clamp(36px,6vw,56px)}.gate p{margin-top:22px}.gate small{display:block;margin-top:28px;color:var(--muted);font-size:12px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
@media(min-width:1500px){.metrics{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.sidebar{width:215px;padding:28px 16px}.workspace{margin-left:215px}.nav-item{font-size:12px;padding:10px 8px}.brand{font-size:29px}main#report-main{padding:25px}.topbar{padding:20px 25px}.panel{padding:22px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sidebar{position:static;width:auto;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.sidebar>.micro,.sidebar-bottom{display:none}.sidebar .brand{margin-bottom:20px}.project-label{margin-bottom:16px}.project-label select{margin-top:5px}nav{display:flex;overflow-x:auto;gap:7px;padding-bottom:5px}.nav-item{flex:0 0 auto;white-space:nowrap;border:1px solid var(--line);padding:10px 13px}.nav-num{display:none}.workspace{margin:0}.topbar{padding:16px 20px;align-items:flex-start;gap:12px}.topbar strong{font-size:15px}.topbar .button{font-size:11px;padding:9px 12px;max-width:145px}.topbar .micro{font-size:8px}main#report-main{padding:20px 16px}.heading{margin:25px 0}.heading p{font-size:14px}.status-mode{margin-left:0}.status-line{gap:8px;font-size:11px}.panel{padding:18px 14px;border-radius:18px}.metrics{gap:10px}.metric{padding:15px 12px}.metric strong{font-size:26px}.metric span{font-size:11px}.tab{font-size:12px;padding:9px 13px}.notice{padding:15px;font-size:12px}.creative-grid,.compare-grid,.source-grid{grid-template-columns:1fr}.comparison{padding:20px 14px}.filter{flex-wrap:wrap}.filter select{width:100%}.gate{margin:20px 12px;padding:35px 23px}.gate .brand{margin-bottom:45px}.gate .actions .button{width:100%}footer{padding:20px 18px}.empty{padding:30px 12px}.empty h2{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.date-filter{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:24px 0}.date-filter label{font-size:11px;color:var(--muted)}.date-filter input{display:block;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--navy);max-width:100%;min-height:46px}.table-wrap{max-height:580px}th{position:sticky;top:0;z-index:1}@media(max-width:760px){.date-filter label{width:calc(50% - 6px)}.date-filter input{width:100%;font-size:13px}.date-filter button{flex:1}.table-wrap{max-height:450px}}
.objective-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.objective-card{margin:10px 0}.objective-card h2{margin-bottom:20px}.objective-metric{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.objective-metric strong{font-size:22px;font-variant-numeric:tabular-nums}.data-details summary{cursor:pointer;color:var(--muted);font-size:12px;padding:12px 0}.data-details[open] summary{margin-bottom:10px}.panel>.tabs,.panel>div>.tabs{margin-top:0}table th:first-child,table td:first-child{position:sticky;left:0;background:#f5f8fd;z-index:1;max-width:240px;min-width:150px}table th:first-child{z-index:2}.heading{position:relative}.heading::after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue),#00b9c6);margin-top:24px}@media(max-width:760px){.objective-grid{grid-template-columns:1fr}.objective-card{margin:0}.objective-metric strong{font-size:20px}table th:first-child,table td:first-child{min-width:125px;max-width:160px}}

.check{min-height:44px;cursor:pointer}.check input{flex:0 0 24px;width:24px;height:24px}

/* Native/SVG data graphics: no external libraries or inline style policy changes. */
.report-insights{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:24px 0}.report-insights>.panel{margin:0}.insight-panel{box-shadow:none;background:linear-gradient(150deg,#fff 65%,#f5faff)}.insight-panel h2{font-size:23px;letter-spacing:-.35px}.insight-desc{font-size:13px;line-height:1.8;margin-top:8px}.insight-total-label{display:block;color:var(--muted);font-size:12px;margin-top:32px}.insight-total{display:block;font-size:clamp(29px,3.2vw,45px);letter-spacing:-1.1px;line-height:1.4;margin:4px 0 25px;font-variant-numeric:tabular-nums}.spend-strip{display:block;width:100%;height:24px;overflow:hidden;border-radius:8px;margin:18px 0 26px}.chart-meta{fill:var(--blue)}.chart-google{fill:var(--teal)}.spend-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.spend-legend-item>span{display:flex;gap:7px;align-items:center;font-size:12px}.chart-dot{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;flex-shrink:0}.google .chart-dot{background:var(--teal)}.spend-legend-item strong{display:block;font-size:22px;margin-top:8px;letter-spacing:-.5px}.spend-legend-item small{font-size:11px;color:var(--muted)}.objective-insight{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.objective-insight-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.objective-insight-head h3{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.objective-insight-head strong{font-size:17px;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--blue)}.objective-progress,.keyword-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;border:0;border-radius:8px;background:#edf2fb;overflow:hidden;margin:12px 0 5px;color:var(--blue);accent-color:var(--blue)}progress::-webkit-progress-bar{background:#edf2fb;border-radius:8px}progress::-webkit-progress-value{background:var(--blue);border-radius:8px}progress::-moz-progress-bar{background:var(--blue);border-radius:8px}.keyword-progress::-webkit-progress-value{background:var(--teal)}.keyword-progress::-moz-progress-bar{background:var(--teal)}.bar-caption{display:block;font-size:11px;color:var(--muted)}.objective-result-grid{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:14px}.insight-number span{display:block;font-size:11px;color:var(--muted)}.insight-number strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.insight-number small{display:block;font-size:10px;color:var(--muted)}.insight-caution{padding:13px 15px;background:#f1f5fc;border-radius:12px;font-size:11px;line-height:1.8;color:#50647f;margin-top:22px}.insight-panel>.footnote{font-size:11px}.google-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:24px 0;border-bottom:1px solid var(--line)}.google-journey .insight-number strong{color:var(--teal);font-size:27px}.efficiency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}.efficiency-grid strong{font-size:21px}.keyword-insight{margin-top:22px}.activity-note{font-size:11px;color:var(--muted);margin:12px 0 18px}.objective-chart-full{max-width:100%}.objective-chart-full .objective-result-grid{gap:45px}.metric small{display:block}.metric strong{overflow-wrap:anywhere}
@media(max-width:1200px){.report-insights{grid-template-columns:1fr}.insight-total{font-size:38px}}
@media(max-width:760px){.report-insights{gap:16px;margin:20px 0}.insight-panel{padding:22px 18px}.insight-panel h2{font-size:21px}.insight-total{font-size:36px}.spend-legend{gap:12px}.spend-legend-item strong{font-size:20px}.objective-insight-head{gap:8px}.objective-insight-head strong{font-size:16px}.objective-result-grid{gap:14px 24px}.google-journey{gap:8px}.google-journey .insight-number strong{font-size:23px}.efficiency-grid strong{font-size:20px}.objective-chart-full .objective-result-grid{gap:20px}.keyword-insight h3{font-size:13px}.insight-caution{font-size:11px}}

/* One cover, preserved ad records, progressively disclosed on mobile. */
.cg-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:24px 0 12px}.cg-toolbar strong{font-size:24px;letter-spacing:-.4px}.cg-toolbar span{display:block;color:var(--muted);font-size:13px}.cg-guide{font-size:12px;max-width:880px;margin-bottom:22px}.cg-grid{gap:22px}.cg-card{padding:0;box-shadow:0 4px 20px #142e5006;transition:border-color .18s,box-shadow .18s}.cg-card:hover{border-color:#aabefb;box-shadow:0 8px 24px var(--hta-brand,#1559E8)10}.cg-card>.creative-media{border-radius:0;margin:0;aspect-ratio:16/10;background:linear-gradient(130deg,#edf3fb,#f8faff)}.cg-card-body{padding:22px}.cg-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:var(--muted);margin-bottom:14px}.cg-badge{background:#e8f6f5;color:#067783;padding:4px 9px;border-radius:30px}.cg-card h3{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.cg-caption{font-size:12px;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}.cg-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.cg-tags span{background:#f2f5fb;color:#506585;border-radius:6px;padding:4px 8px;font-size:11px}.cg-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:20px 0}.cg-stats.compact{grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cg-stats span{display:block;font-size:11px;color:var(--muted)}.cg-stats strong{display:block;font-size:22px;letter-spacing:-.4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cg-stats.compact strong{font-size:21px}.cg-open{width:100%;color:var(--blue);background:#f6f8ff;border-color:#d7e1ff}.cg-open:hover{background:#edf2ff}.cg-detail{padding:0;width:min(1040px,94vw);max-height:92dvh;overscroll-behavior:contain;scrollbar-gutter:stable}.cg-dialog-top{padding:18px 26px;position:sticky;top:0;z-index:3;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.cg-detail-intro{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;padding:26px 26px 10px;align-items:center}.cg-detail-intro>.creative-media{margin:0;aspect-ratio:1}.cg-detail>div:not(.cg-dialog-top):not(.cg-detail-intro):not(.cg-dialog-bottom){padding:0 26px}.cg-detail .tabs{margin:16px 0 4px}.cg-section-title{font-size:17px;margin:28px 0 14px}.cg-adset{border:1px solid var(--line);border-radius:14px;background:#fff;margin-bottom:12px;overflow:hidden}.cg-adset>summary,.cg-ad>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;list-style:none;min-height:60px}.cg-adset>summary::after,.cg-ad>summary::after{content:'+';color:var(--blue);font-size:20px;font-weight:bold}.cg-adset[open]>summary::after,.cg-ad[open]>summary::after{content:'−'}.cg-adset>summary>span,.cg-ad>summary>span{min-width:0}.cg-adset summary strong{font-size:14px;overflow-wrap:anywhere}.cg-adset summary small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.cg-money{margin-left:auto;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.cg-adset[open]>summary{background:#f2f6ff}.cg-adset-body{padding:0 18px 18px}.cg-ad{border-top:1px solid var(--line);margin-top:18px}.cg-ad>summary{padding:18px 0}.cg-ad-body .panel{margin:16px 0;box-shadow:none;padding:16px}.cg-ad-body .check{margin:0}.cg-copy{font-size:13px;line-height:1.9;white-space:pre-line;max-height:200px;overflow:auto;padding:14px;background:#f8faff;border-radius:10px;overflow-wrap:anywhere}.cg-copy-title{font-size:14px;margin:16px 0 8px}.cg-dialog-bottom{padding:20px 26px;display:flex;justify-content:flex-end;position:sticky;bottom:0;background:#ffffffed;border-top:1px solid var(--line);margin-top:24px}.cg-raw{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.cg-raw>summary{padding:12px 0;cursor:pointer;color:var(--blue);font-weight:700;font-size:13px}.cg-adset summary:focus-visible,.cg-ad summary:focus-visible,.cg-raw summary:focus-visible{outline:3px solid var(--teal);outline-offset:-3px}.comparison .creative-card dl{overflow-wrap:anywhere}.comparison .creative-card dd{max-width:65%}
@media(min-width:1450px){.cg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.cg-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.cg-toolbar .button{width:100%}.cg-grid{grid-template-columns:1fr;gap:18px}.cg-card-body{padding:18px}.cg-card>.creative-media{aspect-ratio:16/10}.cg-detail{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;margin:0;scrollbar-gutter:auto}.cg-dialog-top{padding:14px 16px}.cg-dialog-top h2{font-size:18px}.cg-detail-intro{grid-template-columns:100px minmax(0,1fr);gap:14px;padding:20px 16px 10px}.cg-detail-intro h3{font-size:15px}.cg-detail-intro .footnote{font-size:11px}.cg-detail>div:not(.cg-dialog-top):not(.cg-detail-intro):not(.cg-dialog-bottom){padding:0 16px}.cg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cg-stats strong{font-size:21px}.cg-detail .tabs{gap:6px}.cg-detail .tab{padding:10px 12px;font-size:12px;flex:1;min-width:120px}.cg-adset>summary{padding:14px;gap:10px}.cg-adset summary strong{font-size:13px}.cg-adset-body{padding:0 12px 14px}.cg-adset summary small{font-size:10px}.cg-money{font-size:12px}.cg-ad-body .panel{padding:10px}.cg-dialog-bottom{padding:14px 16px}.cg-dialog-bottom .button{width:100%}.cg-detail .table-wrap{max-height:420px}.cg-detail-intro .eyebrow{font-size:8px;letter-spacing:.8px}.comparison:not(.cg-detail){padding:18px}.comparison .creative-card{padding:14px}.comparison .creative-card dd{max-width:55%}}
@media(prefers-reduced-motion:reduce){.cg-card{transition:none}}

/* Creative performance: one cover, eight aligned metrics, isolated result types. */
.cp-type-tabs{gap:8px;margin:24px 0 18px}.cp-type-tabs .tab{border-radius:12px;min-height:48px;padding:12px 24px;font-size:15px}.cp-type-tabs .selected{background:var(--blue);border-color:var(--blue)}.cp-type-tabs .tab:nth-child(2).selected{background:#007f8b;border-color:#007f8b}
.cp-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:18px;background:#fff;margin:18px 0 28px;padding:22px 6px}.cp-summary>div{padding:0 24px;border-right:1px solid var(--line)}.cp-summary>div:last-child{border:0}.cp-summary strong{display:block;font-size:30px;line-height:1.5;margin-top:10px;font-variant-numeric:tabular-nums;letter-spacing:-.6px}.cp-summary>div:nth-child(n+2) strong{color:var(--blue)}
.cp-metric-label{font-size:12px;line-height:1.6;color:#435c7b;display:block;white-space:normal}.cp-metric-label small{font:10px/1.6 Arial,sans-serif;letter-spacing:.1px;display:block;margin-top:3px;color:#6b7f9b}.cp-data-note{font-size:12px;line-height:1.8;margin-top:10px;color:#5b6f8c;overflow-wrap:anywhere}.cp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 16px}.cp-toolbar h2{font-size:23px}.cp-toolbar p{margin:3px 0 0}.cp-sort{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.cp-sort select{font-size:12px;padding:10px}
.cp-desktop{border-radius:16px;background:#fff;max-height:75vh}.cp-table{min-width:1210px;border-collapse:separate;border-spacing:0;table-layout:fixed}.cp-table th,.cp-table td{padding:22px 12px;vertical-align:middle;text-align:right;border-top:0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.cp-table thead th{position:sticky;top:0;z-index:3;background:#f4f7fc;padding:16px 10px}.cp-table tbody tr:last-child>*{border-bottom:0}.cp-table th.cp-identity{position:sticky;left:0;z-index:2;background:white;width:290px;text-align:left;padding:18px 14px;white-space:normal;border-right:1px solid var(--line)}.cp-table thead th.cp-identity{z-index:4;background:#f4f7fc;font-size:13px}.cp-table tbody th.cp-identity{display:table-cell}.cp-table td{font-size:14px;white-space:nowrap}.cp-table .cp-key{background:#f3f6ff;color:var(--hta-brand,#1559E8);font-weight:700}.cp-table th.cp-key{background:#edf2ff}.cp-table tbody tr:hover>*{background:#f7faff}.cp-table tbody tr:hover>.cp-key{background:#eaf0ff}.cp-sort-head{border:0;background:none;padding:0;text-align:right;width:100%;cursor:pointer;color:inherit;min-height:44px}.cp-sort-head .cp-metric-label{font-weight:400}.cp-table [aria-sort=ascending] .cp-metric-label:after{content:' ↑';color:var(--blue)}.cp-table [aria-sort=descending] .cp-metric-label:after{content:' ↓';color:var(--blue)}
.cp-thumb{display:inline-block;padding:0;overflow:hidden;width:88px;height:104px;border:1px solid var(--line);border-radius:10px;vertical-align:top;background:#f4f7fc;flex-shrink:0;cursor:zoom-in}.cp-thumb .creative-media{width:100%;height:100%;aspect-ratio:auto;padding:4px;margin:0;border-radius:0}.cp-thumb .creative-media img{width:100%;height:100%;object-fit:contain}.cp-thumb .creative-media>span{font-size:10px;line-height:1.5}.cp-row-words{display:inline-block;vertical-align:top;width:calc(100% - 101px);padding-left:12px}.cp-name{display:block;font-size:13px;line-height:1.7;overflow-wrap:anywhere;font-weight:700}.cp-row-words>small{font-size:11px;line-height:1.6;color:var(--muted);display:block;margin:5px 0}.cp-detail-link{font:inherit;font-size:12px;font-weight:700;border:0;padding:9px 0;color:var(--blue);background:none;min-height:40px}.cp-select{display:flex;gap:7px;align-items:center;min-height:40px;font-size:11px;font-weight:400;color:var(--muted);cursor:pointer}.cp-select input{width:18px;height:18px;margin:0;accent-color:var(--blue);flex-shrink:0}.cp-selection-bar{position:sticky;bottom:12px;z-index:4;display:flex;align-items:center;justify-content:flex-end;gap:12px;border:1px solid #cbdafa;border-radius:15px;background:#fffffff5;box-shadow:0 7px 24px #142e5012;padding:14px 18px;margin-top:24px;backdrop-filter:blur(8px)}.cp-selection-count{margin-right:auto;font-size:13px;color:var(--muted)}.cp-clear{padding:8px 12px}.cp-mobile{display:none}.cp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white}.cp-metrics>div{display:block;border:0;border-bottom:1px solid var(--line);padding:16px;margin:0;min-width:0}.cp-metrics .cp-key{background:#f2f6ff}.cp-metrics dd{font-size:21px;text-align:left;max-width:none!important;margin:8px 0 0;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cp-metrics .cp-key dd{color:var(--blue)}.cp-metrics dt{margin:0}.cp-metrics .cp-metric-label{font-size:12px}
.cp-dialog{padding:0;width:min(1180px,96vw);max-height:94dvh;overscroll-behavior:contain;scrollbar-gutter:stable}.cp-dialog-head{position:sticky;top:0;background:#fff;z-index:6;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--line)}.cp-dialog-head h2{font-size:19px}.cp-dialog-body{padding:24px}.cp-dialog-foot{position:sticky;bottom:0;background:#fff;padding:16px 24px;display:flex;justify-content:flex-end;border-top:1px solid var(--line);z-index:5}.cp-detail-intro{display:flex;align-items:center;gap:20px}.cp-detail-intro>.cp-thumb{width:108px;height:126px}.cp-detail-intro h3{font-size:20px;line-height:1.6}.cp-type-badge{display:inline-flex;border-radius:30px;padding:4px 11px;background:#eaf1ff;color:var(--blue);font-size:12px;margin-bottom:8px}.cp-subheading{font-size:18px;margin:28px 0 16px}.cp-adset-result{font-size:13px;white-space:nowrap;color:var(--blue);font-variant-numeric:tabular-nums}.cp-copy-details{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.cp-copy-details>summary{cursor:pointer;color:var(--blue);font-size:13px;min-height:44px;display:flex;align-items:center}.cp-copy-details>summary:after{content:' +';margin-left:10px}.cp-copy-details[open]>summary:after{content:' −'}.cp-lightbox{width:min(760px,96vw)}.cp-lightbox .creative-media{aspect-ratio:auto;height:60dvh;background:#f7f9fc}.cp-lightbox h3{font-size:16px}.cp-comparison-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%;margin:20px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}.cp-comparison-table th,.cp-comparison-table td{text-align:center;padding:16px 12px;vertical-align:middle;border:0;border-bottom:1px solid var(--line);background:white;white-space:normal}.cp-comparison-table tbody th{text-align:left;width:165px}.cp-comparison-table thead .cp-field-name{width:165px;text-align:left}.cp-comparison-table thead strong{display:block;font-size:13px;line-height:1.7;margin:10px 0 4px;overflow-wrap:anywhere}.cp-comparison-table thead small{display:block;font-size:11px;font-weight:400;color:var(--muted)}.cp-comparison-table td{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums}.cp-comparison-table .cp-key>*{background:#f2f6ff;color:var(--blue)}.cp-comparison-table thead .cp-thumb{width:104px;height:124px}.cp-comparison-table tbody tr:last-child>*{border-bottom:0}
@media(max-width:1200px) and (min-width:761px){.cp-summary strong{font-size:25px}.cp-summary>div{padding:0 18px}}
@media(max-width:760px){.cp-type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-type-tabs .tab{font-size:13px;padding:11px 7px;border-radius:12px;line-height:1.6}.cp-type-tabs .tab:nth-child(3){grid-column:1/-1}.cp-summary{grid-template-columns:1fr 1fr;padding:0;gap:0;margin-bottom:24px}.cp-summary>div{padding:16px;border:0}.cp-summary>div:first-child{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-summary>div:nth-child(2){border-right:1px solid var(--line)}.cp-summary strong{font-size:26px;margin-top:7px}.cp-summary>div:first-child strong{font-size:24px;margin:0}.cp-summary .cp-metric-label small{font-size:10px}.cp-toolbar{display:block;margin-top:22px}.cp-sort{justify-content:space-between;margin-top:14px}.cp-sort select{flex:1;font-size:13px}.cp-desktop{display:none}.cp-mobile{display:grid;gap:18px}.cp-mobile-card{padding:18px;background:white;border:1px solid var(--line);border-radius:18px;min-width:0}.cp-mobile-intro{display:flex;align-items:center;gap:14px}.cp-mobile-intro>.cp-thumb{width:82px;height:100px}.cp-mobile-intro>div{min-width:0}.cp-mobile-intro h3{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.cp-mobile-intro .cp-data-note{font-size:11px;margin-top:6px}.cp-metrics{grid-template-columns:1fr 1fr;margin:16px 0;border-radius:12px}.cp-metrics>div{padding:13px 12px}.cp-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.cp-metrics>div:nth-last-child(-n+2){border-bottom:0}.cp-metrics dd{font-size:19px;margin-top:7px}.cp-metrics .cp-key dd{font-size:23px}.cp-metric-label{font-size:12px}.cp-metric-label small{font-size:10px}.cp-card-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.cp-card-actions .button{padding:10px 12px;font-size:12px}.cp-card-actions .cp-select{font-size:12px;min-height:44px}.cp-selection-bar{bottom:8px;padding:12px;gap:8px;flex-wrap:wrap;margin-top:20px}.cp-selection-count{font-size:12px}.cp-selection-bar .cp-clear{min-height:36px;font-size:11px;padding:5px 10px}.cp-selection-bar .cp-compare-action{width:100%;min-height:46px}.cp-dialog{margin:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0;scrollbar-gutter:auto}.cp-dialog-head{padding:12px 16px;gap:10px}.cp-dialog-head h2{font-size:17px}.cp-close{padding:8px 14px;font-size:12px;flex-shrink:0}.cp-dialog-body{padding:18px 16px}.cp-dialog-foot{padding:12px 16px}.cp-dialog-foot .button{width:100%}.cp-detail-intro{gap:14px;align-items:flex-start}.cp-detail-intro>.cp-thumb{width:86px;height:110px}.cp-detail-intro h3{font-size:16px}.cp-type-badge{font-size:11px}.cp-adset-result{font-size:12px;white-space:normal;text-align:right;min-width:90px}.cp-detail .cg-adset>summary{align-items:flex-start;gap:10px}.cp-detail .cg-adset>summary:after{margin-top:0}.cp-comparison-table{display:block;border:0;border-radius:0;margin-top:16px}.cp-comparison-table thead,.cp-comparison-table tbody{display:block}.cp-comparison-table tr{display:grid;grid-template-columns:1fr 1fr;gap:0}.cp-comparison-table .cp-field-name{display:none}.cp-comparison-table thead th{padding:10px 6px}.cp-comparison-table thead strong{font-size:12px}.cp-comparison-table thead .cp-thumb{width:92px;height:112px}.cp-comparison-table tbody th{grid-column:1/-1;width:auto;padding:12px 10px 5px;text-align:center;border:0}.cp-comparison-table tbody th .cp-metric-label small{display:inline;margin-left:5px}.cp-comparison-table tbody td{font-size:21px;min-width:0;max-width:none;padding:8px 6px 16px}.cp-comparison-table tbody td:nth-child(2){border-right:1px solid var(--line)}.cp-comparison-table tbody .cp-key td{color:var(--blue)}.cp-lightbox .creative-media{height:65dvh}.cp-data-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cp-dialog,.cp-thumb{scroll-behavior:auto;transition:none}}
.cp-selection-bar[hidden]{display:none}.cp-page .heading{margin:22px 0 16px}.cp-page .heading h1{font-size:34px}.cp-page .heading p{margin-top:8px}.cp-page .cp-type-tabs{margin:18px 0}.cp-page .cp-summary{margin:16px 0 20px}.cp-table{min-width:1040px}.cp-table th.cp-identity{width:258px;padding:16px 12px}.cp-table td{font-size:13px;padding:18px 8px}.cp-table thead th{padding:14px 8px}.cp-table .cp-metric-label{font-size:11px}.cp-thumb{width:78px;height:100px}.cp-row-words{width:calc(100% - 83px);padding-left:10px}.cp-page .cp-toolbar{margin:20px 0 14px}.cp-page .cp-summary strong{font-size:28px}
@media(min-width:1100px){main#report-main.cp-page{padding:26px 28px}}
@media(max-width:760px){.cp-page .heading h1{font-size:28px}.cp-page .heading{margin-top:24px}.cp-page .cp-summary strong{font-size:24px}}
.comparison.cp-dialog{padding:0}.cp-comparison-table th:first-child,.cp-comparison-table td:first-child{position:static;left:auto;top:auto;max-width:none;min-width:0;background:inherit}.cp-comparison-table th{position:static}.cp-comparison-table .cp-key th:first-child{background:#f2f6ff}.cp-table th.cp-identity{max-width:none;min-width:0}.cp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cp-page>.cp-data-note{margin:12px 0}.cp-comparison-table thead th{vertical-align:top}
@media(max-width:760px){.cp-comparison-table tbody th:first-child{width:100%;max-width:none;grid-column:1/-1}.cp-comparison-table tbody th .cp-metric-label small{display:block;margin-left:0}.cp-comparison-table tbody td{font-size:20px}.cp-metrics>div{min-width:0}}

.cp-media-badge{display:inline-flex;align-items:center;padding:3px 8px;margin:0 4px 5px 0;border-radius:6px;background:#eaf3fa;color:#15677b;font-size:11px;font-weight:600;line-height:1.6;letter-spacing:0}.cp-mobile-intro .cp-media-badge{font-size:12px}.cp-comparison-table .cp-media-badge{margin-top:5px}.cp-row-words .cp-name{display:-webkit-box}

.scoped-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.scoped-result-card{border:1px solid #dbe5f5;border-radius:18px;padding:22px;background:#f8faff}.scoped-result-card h3{margin:0 0 16px;font-size:18px}.scoped-result-metrics{margin:0 0 16px}.scoped-result-metrics>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e1e9f6}.scoped-result-metrics dd{margin:0;font-size:21px;font-weight:700;color:var(--hta-brand,#1559E8)}.scoped-result-card small{display:block;margin-bottom:14px}@media(max-width:760px){.scoped-result-grid{grid-template-columns:1fr}.scoped-result-card{padding:18px}}

/* Private synchronization status, shared desktop and mobile. */
.sync-panel{margin:18px 0 26px;padding:22px;border:1px solid #dbe5fa;border-radius:20px;background:#fff}.sync-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.sync-heading h2{margin:0;font-size:18px}.sync-times{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.sync-times dt{font-size:12px;color:#596f91}.sync-times dd{margin:5px 0 0;font-size:14px;font-weight:600}.sync-panel progress{width:100%;height:7px;accent-color:var(--hta-brand,#1559E8)}.sync-stage,.sync-feedback{font-size:13px}.sync-warning{font-size:13px;color:#855b13;background:#fff8e9;padding:12px;border-radius:10px}.sync-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.sync-panel .footnote{margin:12px 0 0}.sync-panel button:disabled{opacity:.55;cursor:wait}@media(max-width:600px){.sync-panel{padding:16px;border-radius:16px}.sync-times{grid-template-columns:1fr;gap:12px}.sync-times>div{display:flex;justify-content:space-between;gap:14px}.sync-times dd{margin:0;text-align:right}.sync-actions .button{width:100%}}
.sync-panel summary{cursor:pointer;list-style:none}.sync-panel summary::-webkit-details-marker{display:none}.sync-title{font-size:18px;font-weight:700}.sync-toggle{font-size:12px;color:var(--hta-brand,#1559E8);margin-left:auto}.sync-toggle:after{content:" +"}.sync-panel[open] .sync-toggle:after{content:" −"}.sync-panel:not([open]){padding-top:18px;padding-bottom:18px}@media(max-width:600px){.sync-toggle{margin-left:0;width:100%}.sync-title{font-size:16px}}

.history-help{color:#536989;font-size:.85rem;line-height:1.7;margin:0 0 1.5rem}.history-pager{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;position:sticky;left:0}.date-filter{flex-wrap:wrap}.date-filter select{max-width:100%;min-height:44px;border:1px solid #d7e2fa;border-radius:10px;padding:9px;background:white;color:#173855}.date-filter label:first-child{flex:1;min-width:200px}.history-pager button{min-height:44px}@media(max-width:640px){.date-filter label{width:100%}.date-filter input,.date-filter select{width:100%}.date-filter button{flex:1}.history-pager{gap:.4rem;font-size:.8rem}}

.history-bars{display:grid;gap:12px}.history-bar{display:grid;grid-template-columns:95px minmax(80px,1fr) 115px;align-items:center;gap:16px;font-size:.9rem}.history-bar strong{text-align:right;font-variant-numeric:tabular-nums}.history-bar progress{width:100%;height:13px;accent-color:var(--hta-brand,#1559E8);border:0;border-radius:10px;background:#edf3ff}.history-bar progress::-webkit-progress-bar{background:#edf3ff;border-radius:10px}.history-bar progress::-webkit-progress-value{background:var(--hta-brand,#1559E8);border-radius:10px}@media(max-width:640px){.history-bar{grid-template-columns:75px minmax(40px,1fr) 90px;gap:8px;font-size:.78rem}}
.google-creative-grid,.google-conversion-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.google-creative-card,.google-conversion-card{min-width:0;border:1px solid #d8e4f5;border-radius:20px;background:#fff;overflow:hidden}.google-creative-body,.google-conversion-card{padding:24px}.google-creative-body h3,.google-conversion-card h3{font-size:18px;line-height:1.6;margin:12px 0;overflow-wrap:anywhere}.google-ad-tags{display:flex;flex-wrap:wrap;gap:8px}.google-ad-media{background:#f2f6fc;padding:16px;border-bottom:1px solid #e0e9f6}.google-media-stage{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;overflow-wrap:anywhere}.google-media-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.google-media-stage:has(img):has(a){height:auto;min-height:210px}.google-media-stage:has(a) img{max-height:160px}.google-media-controls{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:8px}.google-media-controls button{min-height:40px;padding:6px 12px}.google-ad-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;margin:20px 0 0}.google-ad-metrics>div{border-top:1px solid #e5ecf7;padding:12px 0;min-width:0}.google-ad-metrics dt{font-size:12px;color:#546984}.google-ad-metrics dd{font-size:19px;font-weight:700;color:#153458;margin:5px 0 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.google-ad-copy,.google-ad-headline{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.google-ad-headline{font-weight:600}.google-ad-identity,.google-video-stats{border-top:1px solid #e5ecf7;padding-top:14px;margin-top:14px}.google-ad-identity summary,.google-video-stats summary{cursor:pointer;min-height:32px}.google-conversion-value{display:flex;align-items:baseline;gap:10px;margin:16px 0}.google-conversion-value strong{font-size:32px;font-variant-numeric:tabular-nums;color:var(--hta-brand,#1559E8)}.google-conversion-value span{font-size:12px;color:#546984}.google-conversion-card progress{width:100%;height:8px;accent-color:#008a9a}.google-conversion-grid+.notice{margin-top:20px}.google-detail-controls .filter{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.google-detail-controls select{max-width:100%;min-height:44px}.google-creative-grid>.empty,.google-creative-grid>.notice{grid-column:1/-1}.google-creative-grid+.button{margin-top:20px}.google-creative-body .footnote{overflow-wrap:anywhere}.google-detail-controls select:focus-visible,.google-creative-card a:focus-visible,.google-creative-card button:focus-visible,.google-creative-card summary:focus-visible{outline:3px solid #008a9a;outline-offset:3px}@media(max-width:700px){.google-creative-grid,.google-conversion-grid{grid-template-columns:1fr;gap:16px}.google-creative-body,.google-conversion-card{padding:18px}.google-media-stage{height:185px}.google-ad-metrics dd{font-size:18px}}

/* Readable report controls and consistent statistic cells. */
.metric{min-width:0;background:#fff}
.metric>span{display:block;font-size:14px;line-height:1.6;color:#455d79}
.metric strong{font-variant-numeric:tabular-nums;line-height:1.3;letter-spacing:-.4px}
.metric small{font-size:11px;color:#60718a}
.metric[data-metric="Cost"],.metric[data-metric="Total Cost"],.metric[data-metric="spend"]{background:#edf3ff;border-color:#cdddfb}
.table-wrap table{font-variant-numeric:tabular-nums}
.table-wrap th{line-height:1.6}
.table-wrap .number{white-space:nowrap}
.date-filter input,.date-filter select{font:inherit;font-size:16px;min-width:0}
.date-filter :is(input,select,button):focus-visible,.nav-item:focus-visible{outline:3px solid #087d89;outline-offset:3px}
.status-line{line-height:1.65}
.cp-metric dt{line-height:1.6}
.cp-metric dd{font-variant-numeric:tabular-nums}
.google-creative-card .google-ad-metrics>div{display:block}
.google-creative-card .google-ad-metrics dd{width:auto;text-align:left;overflow-wrap:normal;word-break:normal}
.google-creative-grid+.button[hidden]{display:none}
@media(max-width:760px){
  .sidebar{padding:16px 18px 12px}
  .sidebar .brand{margin-bottom:14px}
  .sidebar select{min-height:46px;font-size:16px;max-width:100%;text-overflow:ellipsis}
  .sidebar nav{scrollbar-width:thin;scrollbar-color:#c5d6ed transparent;scroll-padding-inline:4px;padding-bottom:8px}
  .sidebar .nav-item{min-height:44px;font-size:13px;padding:10px 12px}
  .topbar{min-height:0;padding:14px 18px;align-items:center}
  .topbar .button{min-height:44px;font-size:12px}
  .date-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
  .date-filter label,.date-filter label:first-child{width:auto;min-width:0;font-size:12px;line-height:1.6}
  .date-filter label:first-child{grid-column:1/-1}
  .date-filter input,.date-filter select{width:100%;min-height:48px;padding:10px 8px;box-sizing:border-box}
  .date-filter button{width:100%;min-width:0;min-height:48px;padding:10px 8px;font-size:13px;line-height:1.5}
  .history-help{font-size:12px;line-height:1.75}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metric{padding:16px 12px;border-radius:16px}
  .metric>span{font-size:13px;min-height:42px}
  .metric strong{font-size:clamp(19px,5.6vw,26px);margin:8px 0}
  .table-wrap{scrollbar-width:thin;scrollbar-color:#b9cce8 #f2f6fc}
}
@media(max-width:350px){.date-filter button{grid-column:1/-1}.metric strong{font-size:19px}}

/* Full-viewport creative workspace: one vertical scroll surface. */
body:has(.cp-dialog[open]){overflow:hidden}
.cp-dialog.cp-detail{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border:0;border-radius:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;background:#f6f8fd}
.cp-detail .cp-dialog-head{padding:12px clamp(16px,3vw,44px);background:#fff;border-bottom:1px solid #dae5f3;z-index:8;gap:12px}
.cp-detail .cp-dialog-head h2{font-size:18px;margin:0}.cp-detail .cp-close{min-height:44px;flex-shrink:0}
.cp-detail .cp-dialog-body{width:min(1600px,100%);margin:0 auto;padding:20px clamp(16px,3vw,44px) 32px}
.cp-detail-intro{display:flex;align-items:center;gap:18px;padding:0 0 18px;margin:0;min-width:0}
.cp-detail-intro>.cp-thumb{width:66px;height:78px;flex-shrink:0;border-radius:10px}.cp-detail-intro>div{min-width:0}
.cp-detail-intro h3{font-size:clamp(18px,1.7vw,24px);line-height:1.5;margin:5px 0;overflow-wrap:anywhere}
.cp-detail-intro .cp-data-note,.cp-detail-period{font-size:13px;color:#536981;margin:3px 0;line-height:1.65}
.cp-detail-intro .cp-type-badge{margin-right:8px}.cp-detail-tabs{display:flex;gap:6px;padding:5px;border:1px solid #dbe5f4;border-radius:14px;background:#eaf0fa;margin:0 0 22px}
.cp-detail-tab{flex:1;min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:#4e6483;font:inherit;font-size:15px;font-weight:600;cursor:pointer}
.cp-detail-tab[aria-selected=true]{background:white;color:var(--hta-brand,#1559E8);border-color:#d2dff3;box-shadow:0 3px 9px #17365a08}
.cp-detail-tab:focus-visible,.cp-inline-link:focus-visible,.cp-sort-head:focus-visible{outline:3px solid #008b99;outline-offset:3px}
.cp-detail-panel{min-width:0;outline:none}.cp-summary{padding:20px 24px;border:1px solid #d9e4f3;border-radius:18px;background:#fff;margin-bottom:26px}
.cp-overview-label{margin:0 0 14px;font-size:18px;color:#193b62}.cp-summary>.cp-metrics{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin:0}
.cp-summary .cp-metric{min-width:0;padding:14px 10px;background:#f7f9fd;border-radius:12px}.cp-summary .cp-metric.cp-key{background:#edf3ff}
.cp-summary .cp-metric dd{font-size:clamp(17px,1.55vw,25px);overflow-wrap:anywhere}.cp-metric-label{font-size:13px;line-height:1.6;color:#48617f}.cp-metric-label small{font-size:11px;color:#64768b}
.cp-summary>.cp-data-note{margin:12px 0 0;font-size:12px}.cp-data-note{color:#536981}.cp-single-context{font-size:15px;color:#48617f}
.cp-detail-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:14px}.cp-detail-toolbar h3{font-size:19px;margin:0 0 12px;color:#193b62}
.cp-detail-sort{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#536981}.cp-detail-sort select{font:inherit;min-height:44px;padding:8px 32px 8px 12px;max-width:100%;border:1px solid #cfddf0;border-radius:10px;background:#fff;color:#193b62}
.cp-sort-direction{font-size:13px;min-height:44px}.cp-result-list>.cp-data-note{margin:0 0 16px}.cp-detail-desktop{overflow:visible;border:1px solid #d9e4f3;border-radius:16px;background:#fff}
.cp-detail-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0}.cp-detail-table th:first-child{position:static;width:23%;min-width:0;max-width:none;text-align:left}
.cp-detail-table th,.cp-detail-table td{position:static;min-width:0;white-space:normal;overflow-wrap:anywhere;padding:16px 10px;font-size:14px;line-height:1.6;text-align:right;border-bottom:1px solid #e1e9f5;font-variant-numeric:tabular-nums}
.cp-detail-table thead th{background:#edf3fb;vertical-align:bottom}.cp-detail-table thead th:first-child{border-radius:16px 0 0 0}.cp-detail-table thead th:last-child{border-radius:0 16px 0 0}.cp-detail-table tbody th{background:#fff;vertical-align:top}
.cp-detail-table tbody tr:nth-child(even)>*{background:#f9fbfe}.cp-detail-table tbody tr:last-child>*{border-bottom:0}.cp-detail-table .cp-name{font-size:14px;line-height:1.7}.cp-detail-table .cp-data-note{display:block;margin:5px 0;font-size:12px;font-weight:400}
.cp-detail-table .cp-sort-head{min-height:44px;white-space:normal;text-align:right}.cp-detail-table .cp-key{color:var(--hta-brand,#1559E8);font-weight:650}
.cp-detail-table .cp-select{font-size:12px;min-height:34px}.cp-inline-link{display:inline-flex;align-items:center;min-height:38px;border:0;background:transparent;padding:5px 0;font:inherit;font-size:13px;color:var(--hta-brand,#1559E8);text-align:left;cursor:pointer}
.cp-detail-cards{display:none}.cp-detail-card-title{padding:0 0 14px;border-bottom:1px solid #dce7f6;margin-bottom:14px}.cp-detail-card-title .cp-name,.cp-detail-card-title .cp-data-note{display:block;margin:4px 0}.cp-detail-card-title .cp-select{display:inline-flex;margin-right:20px}
.cp-version-card{background:white;border:1px solid #d9e4f3;padding:24px;border-radius:18px;margin:0 0 20px}.cp-version-card>h3{font-size:18px;margin:0 0 8px}.cp-version-card .cp-content{margin:0;border:0;padding:0}
.cp-copy-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.85}.cp-copy-details{border-top:1px solid #dce7f6;padding:14px 0;margin-top:16px}.cp-copy-details>summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--hta-brand,#1559E8);font-weight:500}.cp-copy-details>p{padding:4px 0}.cp-copy-shortcut{margin:12px 0 0}
.cp-detail .cp-dialog-foot{padding:12px clamp(16px,3vw,44px);background:#fff;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dce7f6;position:sticky;bottom:0;z-index:7}.cp-detail-selection{font-size:14px;color:#193b62}
.cp-detail .table-wrap{max-height:none}.cp-filter-caption{font-weight:600;color:#193b62}
@media(max-width:1239px){.cp-summary>.cp-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.cp-detail-desktop{display:none}.cp-detail-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-detail-cards .cp-mobile-card{margin:0;padding:20px;min-width:0}.cp-detail-cards .cp-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cp-detail-cards .cp-metric dd{font-size:20px;overflow-wrap:anywhere}}
@media(max-width:700px){.cp-detail .cp-dialog-head{padding:10px 14px}.cp-detail .cp-dialog-head h2{font-size:16px}.cp-detail .cp-close{font-size:13px;padding:8px 10px}.cp-detail .cp-dialog-body{padding:16px 14px 24px}.cp-detail-intro{gap:12px;align-items:flex-start}.cp-detail-intro>.cp-thumb{width:50px;height:65px}.cp-detail-intro h3{font-size:17px}.cp-detail-intro .cp-data-note,.cp-detail-period{font-size:12px}.cp-detail-tabs{margin-bottom:16px}.cp-detail-tab{font-size:14px}.cp-summary{padding:16px;margin-bottom:24px}.cp-summary>.cp-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-summary .cp-metric{padding:12px}.cp-summary .cp-metric dd{font-size:21px}.cp-detail-cards{grid-template-columns:1fr}.cp-detail-toolbar{display:block}.cp-detail-sort{margin-top:10px;gap:8px}.cp-detail-sort select{max-width:210px}.cp-detail-cards .cp-mobile-card,.cp-version-card{padding:18px}.cp-copy-text{font-size:15px}.cp-detail .cp-dialog-foot{padding:10px 14px;flex-wrap:wrap}.cp-detail .cp-dialog-foot button{flex:1;min-height:44px}}
@media(prefers-reduced-motion:no-preference){.cp-detail-tab,.cp-inline-link,.cp-close{transition:background .16s,color .16s,border-color .16s}.cp-detail-tab:hover,.cp-close:hover{background:#edf3ff}.cp-inline-link:hover{text-decoration:underline;text-underline-offset:4px}}
[hidden]{display:none!important}

/* Consistent readable controls across all report views. */
#report-main{container-type:inline-size;container-name:report-space}.workspace{min-width:0}.heading h1{font-size:clamp(27px,2.7vw,38px)}.panel{box-shadow:0 4px 18px #17345b06}.panel .empty{padding:30px 18px}.report-disclosure>summary{min-height:44px;cursor:pointer;color:var(--hta-brand,#1559E8);font-size:16px;font-weight:600}.report-disclosure[open]>summary{margin-bottom:18px}
.responsive-report{container-type:inline-size;container-name:report-table;min-width:0}.report-table-desktop{max-height:none}.report-row-cards{display:none}.report-row-card{background:#fff;border:1px solid #dce6f4;border-radius:14px;padding:18px;min-width:0}.report-row-card h3{font-size:16px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:14px}.report-row-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.report-row-card dl>div{display:block;padding:0 0 10px;min-width:0}.report-row-card dt{font-size:12px;line-height:1.7;color:#536981;overflow-wrap:anywhere}.report-row-card dd{text-align:left;font-size:16px;line-height:1.7;color:#193b62;margin-top:5px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.cp-detail .cp-summary{display:block}.cp-detail .cp-summary .cp-metric-label{min-height:42px}.cp-desktop{max-height:none}.cp-mobile-card .cp-metric dd{overflow-wrap:anywhere}
@container report-table (max-width:820px){.report-table-desktop{display:none}.report-row-cards{display:grid;gap:14px}}
@container report-space (max-width:1180px){.cp-page>.cp-desktop{display:none}.cp-page>.cp-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.cp-page>.cp-mobile .cp-mobile-card{margin:0}}
@container report-space (max-width:640px){.cp-page>.cp-mobile{grid-template-columns:1fr}}
@media(max-width:760px){.report-table-desktop{display:none}.report-row-cards{display:grid;gap:14px}.topbar{padding:16px}.topbar strong{font-size:16px}.status-line{gap:8px;font-size:12px}.status-mode{margin-left:0}main#report-main{padding:20px 16px}.heading{margin:24px 0}.heading p{font-size:14px;line-height:1.8}.panel{padding:20px;border-radius:18px}.tabs{gap:8px}.tab{min-height:44px;padding:10px 14px;font-size:13px}.filter{flex-wrap:wrap}.metrics{gap:10px}.metric{padding:16px}.date-filter input,.date-filter select{font-size:16px}.google-detail-controls{padding:18px}.google-ad-tags{flex-wrap:wrap}.source-grid .panel{padding:20px}.source-grid p{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:no-preference){.nav-item,.button,.tab{transition:background .16s,border-color .16s,color .16s}.nav-item:active,.button:active,.tab:active{transform:translateY(1px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


.google-journey{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.google-journey{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Media and copy remain separate from result tables. No autoplay. */
.cp-detail{--detail-accent:var(--hta-brand,#1559E8)}.cp-detail[data-result-type=messages]{--detail-accent:#087b88}.cp-detail .cp-key dd,.cp-detail .cp-detail-table .cp-key,.cp-detail .cp-type-badge,.cp-detail .cp-detail-tab[aria-selected=true]{color:var(--detail-accent)}.cp-detail[data-result-type=messages] .cp-metric.cp-key{background:#edf8f8}
.cp-copy-panel{margin-top:18px;padding:22px;background:#f8faff;border:1px solid #dce6f4;border-radius:16px;min-width:0}.cp-copy-field+.cp-copy-field{border-top:1px solid #dce6f4;margin-top:18px;padding-top:18px}.cp-copy-field h4{margin:0 0 9px;font-size:14px;color:#435a78}.cp-copy-text+.cp-copy-text{border-top:1px dashed #d5e1f1;padding-top:12px}.cp-media-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 10px}.cp-media-actions .button{font-size:13px;min-height:44px}.cp-cta-label{font-size:13px;margin-top:15px;color:#435a78}
.cp-video{width:100%;max-height:60dvh;display:block;background:#102b4f;border-radius:14px}.cp-media-stage{margin-top:16px}.cp-media-stage .creative-media{margin-bottom:14px}.cp-media-unavailable{padding:50px 22px;background:#f1f5fb;text-align:center;border-radius:14px}.cp-gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 20px}.cp-lightbox .cp-external{margin-top:18px}.cp-lightbox .cp-data-note{color:#536884}
@media(max-width:700px){.cp-copy-panel{padding:17px;margin-top:16px}.cp-media-actions{display:grid;grid-template-columns:1fr}.cp-media-actions .button{width:100%}.cp-gallery-controls .button{font-size:12px;padding:9px 12px}}
/* Card styling also applies when container width, rather than viewport, selects cards. */
.cp-mobile-card{min-width:0;background:#fff;border:1px solid #dce6f4;border-radius:18px;padding:20px}
/* Audience names are presentation groups; individual adsets remain inspectable. */
.au-workspace,.au-dialog{--au-accent:var(--hta-brand,#1559E8)}.au-workspace[data-result-type=messages],.au-dialog[data-result-type=messages]{--au-accent:#087b88}.au-workspace{container-type:inline-size;container-name:audiences}.au-tools{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:22px 0 12px}.au-control{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#415b7c;min-width:150px}.au-control select,.au-control input{min-height:44px;width:100%;max-width:100%;font:inherit;border:1px solid #cbdaf1;background:#fff;border-radius:12px;color:#183555;padding:10px 12px}.au-search{flex:1;min-width:200px}.au-status{font-size:14px;color:#4d6580;margin:16px 0}.au-type-tabs .selected{background:var(--au-accent);color:#fff}.au-list{min-width:0;container-type:inline-size;container-name:audience-list}.au-table{width:100%;min-width:0;table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid #dce6f4;border-radius:18px;background:white;overflow:hidden}.au-table th,.au-table td{position:static;white-space:normal;min-width:0;padding:17px 10px;font-size:14px;line-height:1.55;text-align:right;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;border-bottom:1px solid #e1e9f5}.au-table thead th{background:#edf3fb;vertical-align:bottom;font-size:12px;color:#4c627c}.au-table th:first-child{width:25%;text-align:left;max-width:none;min-width:0}.au-table tbody th{font-weight:400;background:white}.au-table tbody tr:nth-child(even)>*{background:#f9fbfe}.au-table tbody tr:last-child>*{border-bottom:0}.au-name{display:block;color:#173557;font-size:15px;line-height:1.6;overflow-wrap:anywhere}.au-context{display:block;color:#536984;font-size:12px;line-height:1.7;margin-top:4px}.au-goal{display:inline-block;color:#4f627b;font-size:11px;margin:5px 0;border:1px solid #e1e9f5;border-radius:6px;padding:2px 6px}.au-select{display:flex;align-items:center;gap:7px;min-height:40px;color:#4b6585;font-size:12px;cursor:pointer}.au-select input{width:17px;height:17px;accent-color:var(--au-accent)}.au-key{color:var(--au-accent);font-weight:650}.au-cards{display:none}.au-card{background:white;border:1px solid #dce6f4;border-radius:20px;min-width:0;padding:20px}.au-card-head{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #e4ebf6}.au-card-head .au-name{font-size:18px}.au-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 24px}.au-metrics>div{min-width:0;background:#fff;border:1px solid #e1e9f5;border-radius:12px;padding:14px}.au-metrics .au-key{background:#f1f5ff;border-color:#dbe4ff}.au-metrics dt{font-size:12px;color:#4c627e;line-height:1.5;font-weight:400}.au-metrics dd{margin:8px 0 0;font-size:22px;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.au-card .au-metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;gap:10px}.au-card .au-metrics dd{font-size:20px}.au-explain{padding:18px 0;margin-top:18px;border-top:1px solid #dce6f4;color:#4c627c;font-size:13px;line-height:1.8}.au-explain summary{cursor:pointer;min-height:40px;font-weight:550;color:#234567}.au-explain p{max-width:80ch;margin:10px 0}.au-selection{position:sticky;bottom:14px;padding:12px 16px;margin-top:16px;display:flex;align-items:center;gap:12px;border:1px solid #b8cbef;background:#fff;border-radius:16px;box-shadow:0 10px 32px #132d5814;z-index:5}.au-selection[hidden]{display:none}.au-selection-count{flex:1;font-size:13px;color:#415b7c}.au-detail-title{font-size:clamp(24px,3vw,38px);margin:12px 0}.au-detail-subtitle{font-size:18px;margin:26px 0 18px}.au-dialog .cp-dialog-body{max-width:1680px}.au-dialog .au-list{margin-bottom:18px}.au-compare{table-layout:fixed;width:100%;min-width:0}.au-compare th,.au-compare td{overflow-wrap:anywhere;white-space:normal}.au-compare th:first-child{width:21%}.au-compare .au-context{font-weight:400}
@container audience-list (max-width:1000px){.au-desktop{display:none}.au-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}
@container audience-list (max-width:650px){.au-cards{grid-template-columns:1fr}}
@media(max-width:760px){.au-type-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.au-type-tabs .tab{padding:10px 7px;font-size:12px;white-space:normal;min-height:44px}.au-tools{display:grid;grid-template-columns:1fr 1fr;gap:12px}.au-control{min-width:0}.au-search{grid-column:1/-1}.au-tools>.button{align-self:end;min-height:44px}.au-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.au-metrics dd{font-size:21px}.au-selection{bottom:8px;flex-wrap:wrap;padding:10px}.au-selection-count{flex-basis:100%}.au-selection>.button{flex:1;font-size:13px}.au-card{padding:17px}.au-dialog .au-compare th,.au-dialog .au-compare td{font-size:12px;padding:14px 8px}.au-dialog .au-compare th:first-child{width:29%}.au-compare .au-context{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.au-card{transition:border-color .18s,box-shadow .18s}.au-card:focus-within{border-color:#86aaf1;box-shadow:0 5px 24px #14325a08}}
.au-workspace .au-metrics>div,.au-dialog .au-metrics>div{display:block}.au-workspace .au-metrics dd,.au-dialog .au-metrics dd{text-align:left}.au-dialog .au-metrics dt{max-width:none}.au-dialog .au-metrics dd{margin-left:0}
.au-dialog .au-compare{display:table;border:1px solid #dce6f4;border-radius:14px}.au-dialog .au-compare thead{display:table-header-group}.au-dialog .au-compare tbody{display:table-row-group}.au-dialog .au-compare tr{display:table-row}.au-dialog .au-compare th,.au-dialog .au-compare td{display:table-cell;min-width:0;max-width:none}.au-dialog .au-compare tbody th:first-child{width:21%;text-align:left}.au-dialog .au-compare td{font-size:18px}.au-dialog .au-compare thead th:first-child{background:#edf3fb}
@media(max-width:760px){.au-dialog .au-compare tbody th:first-child{width:29%;padding:14px 8px}.au-dialog .au-compare td{font-size:14px;padding:14px 6px}.au-dialog .au-compare thead th{padding:14px 8px}}
.cp-page>.cp-mobile .cp-mobile-intro{display:flex;align-items:center;gap:16px;margin-bottom:18px}.cp-page>.cp-mobile .cp-mobile-intro>.cp-thumb{width:76px;height:90px;flex-shrink:0}.cp-page>.cp-mobile .cp-mobile-intro>div{min-width:0}.cp-page>.cp-mobile h3{font-size:18px;line-height:1.6;overflow-wrap:anywhere}.cp-page>.cp-mobile .cp-data-note{font-size:13px;line-height:1.7;margin-top:7px}.cp-page>.cp-mobile .cp-card-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.cp-page>.cp-mobile .cp-card-actions .cp-select{min-height:44px;margin:0}
@media(max-width:480px){.cp-page>.cp-mobile .cp-mobile-card{padding:18px}.cp-page>.cp-mobile h3{font-size:17px}.cp-page>.cp-mobile .cp-mobile-intro>.cp-thumb{width:66px;height:80px}}

/* Shared motion language: content visible first; no infinite animations or forced scrolling. */
.hta-motion-control{display:block;width:fit-content;margin:14px auto 0;font:inherit;font-size:11px;line-height:1.6;padding:8px 13px;min-height:40px;border:1px solid #cbd9ec;border-radius:999px;background:#fff;color:#526780;cursor:pointer}.hta-motion-control:disabled{opacity:1;cursor:default;color:#526780}.hta-motion-control:focus-visible{outline:3px solid #078b9a;outline-offset:4px}
.hta-member-ui :is(a,button,input,select):focus-visible,.hta-design-studio :is(a,button):focus-visible{outline:3px solid #087f94;outline-offset:4px}.hta-sp-link>span[aria-hidden],.hta-button>span[aria-hidden]{display:inline-block}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 html:not([data-hta-motion=off]) :is(.hta-sp-link,.hta-button,.hta-ux-topic,.hta-article-card,.hta-service-plan){transition:background-color .2s,border-color .2s,box-shadow .2s}
 html:not([data-hta-motion=off]) :is(.hta-sp-link,.hta-button)>span[aria-hidden]{transition:transform .22s cubic-bezier(.22,.7,.26,1)}
 html:not([data-hta-motion=off]) :is(.hta-sp-link,.hta-button):hover>span[aria-hidden]{transform:translate(3px,-2px)}
 html:not([data-hta-motion=off]) :is(.hta-ux-topic,.hta-article-card,.hta-service-plan):hover{box-shadow:0 12px 30px #173f6b0d;border-color:#97b8e9}
 html:not([data-hta-motion=off]) :is(.cp-dialog[open],.au-dialog[open]){animation:hta-dialog-enter .22s cubic-bezier(.22,.7,.26,1)}
 html:not([data-hta-motion=off]) :is(.tab,.nav-item,.cp-detail-tab,.cp-thumb){transition:background .18s,border-color .18s,box-shadow .18s}
 html:not([data-hta-motion=off]) :is(.cp-selection-bar,.au-selection):not([hidden]){animation:hta-dialog-enter .2s ease-out}
}
@keyframes hta-dialog-enter{from{opacity:.85;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
html[data-hta-motion=off] :is(.hta-studio-experience,.hta-member-ui,.hta-service-overview,.hta-all-plans,.hta-dashboard-intro,#hta-live-report,.cp-dialog,.au-dialog) *,html[data-hta-motion=off] :is(.cp-dialog,.au-dialog){animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){:is(.hta-studio-experience,.hta-member-ui,.hta-service-overview,.hta-all-plans,.hta-dashboard-intro,#hta-live-report,.cp-dialog,.au-dialog) *,:is(.cp-dialog,.au-dialog){animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.ov-platform-tabs{display:flex;background:#eaf0fa;border:1px solid #d6e2f2;padding:6px;border-radius:18px;width:fit-content;max-width:100%;margin-bottom:24px}.ov-platform-tabs .tab{border:0;border-radius:12px;background:transparent;color:#526981;min-height:44px}.ov-platform-tabs .selected{background:#143353;color:#fff;box-shadow:0 5px 12px #173a6410}.ov-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:22px 0}.ov-platform-card{padding:28px;border:1px solid #dbe5f4;border-radius:24px;background:white;position:relative;overflow:hidden}.ov-platform-card:before{content:'';display:block;width:42px;height:4px;border-radius:6px;background:var(--hta-brand,#1559E8);margin-bottom:20px}.ov-platform-card.google:before{background:#078894}.ov-platform-card h2{font-size:25px;margin:12px 0 24px}.ov-brief{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ov-brief dt{font-size:12px;line-height:1.6;color:#4d6580}.ov-brief dd{margin:9px 0 0;font-size:25px;line-height:1.4;color:#163456;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.ov-submetric{color:#526b87;font-size:13px;min-height:24px}.ov-platform-link{margin-top:18px}.ov-eight{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:22px 0}.ov-eight .insight-number{padding:18px;border:1px solid #dbe5f4;border-radius:16px;background:#f8faff;min-width:0}.ov-eight strong{font-size:26px}.ov-next{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 28px}.ov-meta-summary h2{font-size:24px}.ov-meta-summary .cp-metrics{margin-top:22px}.ov-trend{margin-top:28px}.ov-trend-bars{display:grid;gap:14px;margin:28px 0}.ov-trend-row{display:grid;grid-template-columns:95px 1fr;gap:18px;align-items:center}.ov-trend-date{font-size:12px;color:#4d6580;font-variant-numeric:tabular-nums}.ov-trend-pair{display:grid;gap:7px}.ov-trend-value{display:grid;grid-template-columns:48px 1fr 110px;align-items:center;gap:12px}.ov-trend-value small{font-size:11px;color:#526b87}.ov-trend-value strong{font-size:13px;text-align:right;font-variant-numeric:tabular-nums}.ov-trend-value progress{appearance:none;width:100%;height:12px;border:0;border-radius:6px;overflow:hidden;background:#edf2f9}.ov-trend-value progress::-webkit-progress-bar{background:#edf2f9}.ov-trend-value progress::-webkit-progress-value{background:var(--hta-brand,#1559E8);border-radius:6px}.ov-trend-value.google progress::-webkit-progress-value{background:#078894}.ov-trend-value progress::-moz-progress-bar{background:var(--hta-brand,#1559E8)}.ov-trend-value.google progress::-moz-progress-bar{background:#078894}.report-back{margin:0 0 15px;padding:8px 12px;border:1px solid #d0dff2;background:#fff;color:#28537b;border-radius:10px;font:inherit;font-size:13px;min-height:40px;cursor:pointer}.cp-ad-selection-count{font-size:13px;color:#425d7e}.cp-selection-bar{flex-wrap:wrap}.cp-comparison-table th small{display:block;font-weight:400;line-height:1.6;margin-top:6px}.ov-meta-summary .footnote{margin-top:18px}
@media(max-width:1100px){.ov-brief{grid-template-columns:1fr 1fr}.ov-brief>div:first-child{grid-column:1/-1}.ov-eight{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ov-platform-grid{grid-template-columns:1fr;gap:16px}.ov-platform-card{padding:22px}.ov-platform-tabs{width:100%;gap:4px}.ov-platform-tabs .tab{flex:1;min-width:0;font-size:12px;white-space:normal;padding:10px 7px}.ov-eight{gap:10px}.ov-eight .insight-number{padding:14px}.ov-eight strong{font-size:22px}.ov-meta-summary h2{font-size:21px}.ov-next{display:grid;grid-template-columns:1fr}.ov-trend-row{grid-template-columns:1fr;gap:7px}.ov-trend-value{grid-template-columns:40px 1fr 95px;gap:8px}.ov-trend-value strong{font-size:12px}.ov-trend-date{font-weight:550}.ov-trend-bars{gap:22px}.cp-selection-bar .cp-compare-action{flex:1;min-width:120px}.cp-selection-bar .cp-ad-selection-count{flex-basis:100%}}

.ov-line-chart{display:block;width:100%;height:auto;margin:18px 0 26px;overflow:visible}.ov-gridline{stroke:#e1eaf5;stroke-width:1}.ov-axis{fill:#526b85;font:12px Arial,sans-serif}.ov-series{fill:none;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.ov-series.meta{stroke:var(--hta-brand,#1559E8)}.ov-series.google{stroke:#078995}.ov-point.meta{fill:var(--hta-brand,#1559E8)}.ov-point.google{fill:#078995}.ov-chart-legend{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;margin-top:20px}.ov-chart-legend .meta{color:var(--hta-brand,#1559E8)}.ov-chart-legend .google{color:#087984}@media(max-width:600px){.ov-line-chart{min-height:165px}.ov-axis{font-size:15px}}
/* Comparison keeps eight metric rows readable without oversized repeated headers. */
.cp-compare .cp-dialog-body{padding:18px 24px}.cp-compare .cp-comparison-table th,.cp-compare .cp-comparison-table td{padding:10px 14px;line-height:1.5}.cp-compare .cp-comparison-table td{font-size:17px}.cp-compare .cp-comparison-table thead th{padding:14px;vertical-align:top}.cp-compare .cp-thumb{width:62px;height:72px;display:inline-flex;vertical-align:middle;margin:0 8px 6px 0}.cp-compare .cp-comparison-table thead strong{font-size:13px;margin:4px 0;line-height:1.5}.cp-compare .cp-comparison-table th small{font-size:11px;margin-top:4px}.cp-compare .cp-metric-label{font-size:13px;line-height:1.5}.cp-compare .cp-metric-label small{font-size:10px;margin-top:3px}.cp-compare .cp-data-note{font-size:12px;line-height:1.6;margin:8px 0 14px}
@media(max-width:760px){.cp-compare .cp-dialog-body{padding:14px}.cp-compare .cp-comparison-table tr{grid-template-columns:minmax(0,.94fr) repeat(2,minmax(0,1fr))}.cp-compare .cp-comparison-table th,.cp-compare .cp-comparison-table td{padding:11px 6px;font-size:14px}.cp-compare .cp-comparison-table thead th{padding:10px 5px}.cp-compare .cp-comparison-table thead .cp-field-name{display:block;width:auto;text-align:left;align-self:end;font-size:11px}.cp-compare .cp-comparison-table tbody th:first-child{grid-column:auto;width:auto;text-align:left}.cp-compare .cp-comparison-table tbody td{display:flex;align-items:center;justify-content:center}.cp-compare .cp-comparison-table thead strong{font-size:11px}.cp-compare .cp-metric-label{font-size:12px}.cp-compare .cp-comparison-table thead .cp-thumb{width:48px;height:56px;margin:0 0 6px}.cp-compare .cp-media-badge{display:block;font-size:10px;margin:2px auto 4px;width:fit-content}.cp-compare .cp-metric-label small{display:none!important}.cp-compare .cp-comparison-table th:first-child{width:auto}.cp-compare .cp-comparison-table tbody th{border-bottom:1px solid var(--line)}}

/* Flexible date coverage remains visible above every report. */
.history-coverage{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center;padding:16px 20px;margin:12px 0 20px;border:1px solid #c4dedb;border-radius:16px;background:#edf8f6;color:#173d43}.history-coverage.partial{background:#fff8e9;border-color:#e8d6a5;color:#574119}.history-coverage p{flex-basis:100%;margin:0;font-size:13px;line-height:1.65}.history-coverage strong{font-size:15px}.history-coverage span{font-size:13px}@media(max-width:600px){.date-filter{display:grid;grid-template-columns:1fr 1fr;gap:12px}.date-filter label:first-child{grid-column:1/-1}.date-filter label,.date-filter input,.date-filter select{min-width:0;width:100%;box-sizing:border-box}.date-filter button{min-height:44px;white-space:normal}.history-coverage{padding:14px}}

/* UI clarity 2026-10-16: scoped, no permission or payment changes. */

.report-platform{display:grid;gap:8px;font-size:12px;color:var(--muted);padding:0 0 18px;margin-bottom:8px;border-bottom:1px solid var(--line);width:100%;min-width:0}
.report-platform select{width:100%;max-width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;font-size:14px;color:var(--navy)}
#report-main .heading{margin:22px 0 24px}#report-main .heading p{margin-top:10px;line-height:1.75}#report-main .panel{box-shadow:none;border-radius:20px}
#report-main .date-filter{gap:10px 12px;padding:16px;margin-top:18px;border:1px solid var(--line);border-radius:16px;background:#fff;align-items:end}
#report-main .date-filter label{min-width:0}#report-main .date-filter input,#report-main .date-filter select{min-height:44px;width:100%;min-width:0}
#report-main .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#report-main .metric{padding:16px;background:#fff;border-radius:12px}#report-main .metric strong{font-variant-numeric:tabular-nums;font-size:clamp(23px,2vw,32px);margin:8px 0}
.objective-chart-full .objective-result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.objective-detail{padding:18px 22px;margin:18px 0;background:white;border:1px solid var(--line);border-radius:16px}.objective-detail>summary{font-weight:600;cursor:pointer;min-height:32px}.objective-detail[open]>summary{margin-bottom:16px}
.viewer-panel .tabs{margin-top:0}.viewer-panel .empty{padding:42px 20px;background:#f7faff;border-style:solid}.viewer-panel .empty p{line-height:1.85}
.report-back{min-height:44px}.nav-item{min-height:44px}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}
@media(min-width:1100px){#report-main .date-filter{display:grid;grid-template-columns:1.6fr 1fr 1fr auto auto}.topbar{min-height:82px;padding-block:18px}}
@media(max-width:1000px){#report-nav .report-platform{flex:0 0 100%;margin-bottom:6px;padding-bottom:12px;grid-template-columns:auto minmax(180px,1fr);align-items:center}.nav-item.active{box-shadow:inset 0 -3px var(--blue)}}
@media(max-width:600px){#report-main .date-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px 10px}#report-main .date-filter>label:first-child{grid-column:1/-1}#report-main .date-filter>.button{font-size:12px;padding:10px 8px}#report-main .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#report-main .metric{padding:14px 12px}#report-main .metric strong{font-size:24px}#report-main .metric span{font-size:12px}.viewer-panel .tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-panel .tab{padding:10px}.objective-chart-full .objective-result-grid{gap:10px}.objective-chart-full .insight-number strong{font-size:24px}.objective-chart-full .insight-number span{font-size:11px}.history-help{line-height:1.8}}


.report-nav-links{display:grid;gap:6px}.report-date-disclosure>summary{display:none}.report-date-disclosure{margin-top:18px}.report-date-disclosure[open]>.date-filter{margin-top:0!important}
@media(max-width:1000px){#report-nav{display:block;height:auto;overflow:visible}.report-nav-links{display:flex;gap:7px;overflow-x:auto;padding-bottom:6px}.report-nav-links .nav-item{flex-shrink:0}#report-nav .report-platform{margin-bottom:10px;padding-bottom:10px}}
@media(max-width:600px){.report-date-disclosure{border:1px solid var(--line);background:#fff;border-radius:14px;margin:16px 0 20px}.report-date-disclosure>summary{display:flex;flex-direction:column;gap:5px;list-style:none;padding:13px 16px;cursor:pointer;font-size:12px;color:var(--muted)}.report-date-disclosure>summary strong{font-size:14px;color:var(--navy)}.report-date-disclosure>summary:after{content:'เปลี่ยนช่วงวันที่ +';color:var(--blue);font-size:12px}.report-date-disclosure[open]>summary:after{content:'ย่อการเลือกวันที่ −'}.report-date-disclosure[open]>.date-filter{border:0!important;border-top:1px solid var(--line)!important;border-radius:0 0 14px 14px!important}#report-main:has(.report-date-disclosure)>.period{display:none}.report-date-disclosure>summary:focus-visible{outline:3px solid #008897;outline-offset:3px}.report-nav-links .nav-item{min-height:44px;padding:9px 12px}.report-platform{font-size:11px}}

#report-main .date-pending{grid-column:1/-1;margin:0;color:#8b521b;background:#fff7e9;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.7;order:3}.date-pending[hidden]{display:none}

/* Aggregate audience breakdowns: low-motion bars and readable mobile detail cards. */
.viewer-panel{padding:clamp(18px,3vw,32px)}.viewer-tabs{margin-bottom:24px}.viewer-tabs .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.viewer-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.viewer-toolbar label{display:flex;align-items:center;gap:12px;font-weight:600}.viewer-toolbar select{min-height:44px;max-width:220px;border:1px solid #d6e2f1;border-radius:12px;padding:8px 12px;background:#fff;color:#173558;font:inherit}.viewer-scope{font-size:12px;color:#536b83}.viewer-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 28px}.viewer-summary>div{background:#f3f7fc;padding:18px;border-radius:14px}.viewer-summary span{display:block;font-size:12px;color:#52657d}.viewer-summary strong{display:block;font-size:clamp(20px,2vw,28px);margin-top:6px;color:#123456}.viewer-chart{display:grid;gap:18px}.viewer-bar-row>div:first-child{display:flex;justify-content:space-between;gap:18px;margin-bottom:8px;font-size:14px}.viewer-bar-row strong{font-weight:500;overflow-wrap:anywhere}.viewer-bar-row>div:first-child>span{white-space:nowrap;font-variant-numeric:tabular-nums}.viewer-bar-track{height:10px;background:#edf2fa;border-radius:10px;overflow:hidden}.viewer-bar-track>span{display:block;height:100%;background:linear-gradient(90deg,var(--hta-brand,#1559E8),#16a6b2);border-radius:10px}.viewer-data{margin-top:26px;border-top:1px solid #dfe8f3;padding-top:18px}.viewer-data>summary{cursor:pointer;padding:8px 0 18px;font-weight:600;min-height:44px}.viewer-panel .notice{margin-bottom:20px}
@media(max-width:600px){.viewer-summary{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.viewer-summary>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px}.viewer-summary strong{margin:0;font-size:22px;white-space:nowrap}.viewer-summary span{max-width:55%}.viewer-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.viewer-toolbar label{width:100%;justify-content:space-between}.viewer-toolbar select{max-width:65%}.viewer-bar-row>div:first-child{font-size:13px;gap:8px}.viewer-tabs button{padding:10px 5px;min-height:44px}.viewer-panel .report-row-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-panel{overflow-wrap:anywhere}}
/* The same quiet editorial finish as the public service lookbook. */
:root{--blue:var(--hta-brand,#1559E8);--navy:var(--hta-ink,#10264A);--teal:#007b80;--muted:#536575;--line:#dbe4e8;--bg:#f5f7fa;--radius:14px}
.panel{box-shadow:none}.metric{background:#f6f8fa;border-radius:10px}.metric strong{font-variant-numeric:tabular-nums}.metric:first-child{background:#edf4f3}
.heading h1{font-weight:600;letter-spacing:-.035em}.sidebar .brand{color:var(--hta-ink,#10264A)}.nav-item.active{box-shadow:inset 3px 0 var(--hta-brand,#1559E8)}.topbar{border-bottom-color:#dbe4e8}
.creative-card{border-radius:12px;box-shadow:none}.creative-card:focus-within{border-color:#007b80}.table-wrap{border-radius:8px}.button{border-radius:8px}.button:hover{background:#eef4f6}.button.primary:hover{background:#1c43cf;color:#fff}
@media(prefers-reduced-motion:no-preference){.button,.nav-item{transition:background .18s,border-color .18s}}

/* Shared service identity; all eight metrics remain visible at every width. */
:root{--blue:var(--hta-brand,#1559E8);--navy:var(--hta-ink,#10264A);--teal:var(--hta-accent-ink,#087987);--muted:var(--hta-muted,#536575);--line:var(--hta-line,#dbe4e8);--bg:var(--hta-surface,#F4F8FF)}
.heading p,.date-basis,.au-grouping-note,.htal-date-basis{font-size:14px;line-height:1.8}
.date-basis{margin:0 0 14px;color:var(--muted);max-width:85ch}
.au-grouping-note{padding:12px 16px;border-left:3px solid var(--blue);background:#edf3ff;color:var(--navy);margin:12px 0}
.au-grouping-note[hidden]{display:none}
.viewer-summary .viewer-selected-metric{border:1px solid var(--blue);background:#edf3ff}
.viewer-summary span,.viewer-scope,.viewer-panel .footnote,.viewer-toolbar{font-size:14px}
.viewer-bar-track>span{background:var(--blue)}
.ov-eight>.insight-number:nth-child(-n+2){background:#edf3ff;border-color:#c6d8fc}
.ov-eight .insight-number span,.cp-metric-label,.au-metrics dt,.google-ad-metrics dt,.report-row-card dt{font-size:14px;line-height:1.6}
.cp-metric-label small{font-size:12px}
.cp-table thead th{white-space:normal}
.cp-table .cp-metric-label,.cp-detail-table .cp-metric-label,.au-table thead th{font-size:13px;line-height:1.6}
.cp-dialog-head h2,.cp-detail .cp-dialog-head h2{color:var(--navy)}
.report-back,.cp-inline-link,.cp-select,.au-select,.google-media-controls button,.google-ad-identity summary,.google-video-stats summary,.report-disclosure>summary,.data-details>summary,.au-explain>summary,.cp-copy-details>summary{min-height:44px}
.google-ad-identity summary,.google-video-stats summary{display:flex;align-items:center;line-height:1.7}
.google-sort-tools{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:16px 0}
.google-sort-label{display:flex;flex-direction:column;gap:8px;font-size:14px;min-width:200px}
.google-sort-label select{min-height:44px}
.google-key-metric{background:#edf3ff}
.google-ad-metrics>.google-key-metric{padding-inline:10px;color:var(--blue)}
.google-key-metric dd{color:var(--blue)}
.google-ad-metrics dd,.cp-metrics dd,.au-metrics dd{font-variant-numeric:tabular-nums}
.cp-data-note,.au-context,.activity-note,.history-help,.footnote{font-size:13px;line-height:1.8}
.google-creative-body .footnote,.google-ad-copy,.google-ad-headline{font-size:14px}
@media(max-width:760px){
 .heading p,.date-basis,.viewer-bar-row>div:first-child,.viewer-summary span{font-size:14px}
 .cp-mobile-intro .cp-data-note,.cp-detail-intro .cp-data-note,.cp-detail-period,.cp-card-actions .cp-select{font-size:13px}
 .cp-compare .cp-metric-label,.cp-compare .cp-comparison-table thead strong,.au-dialog .au-compare th,.au-dialog .au-compare td{font-size:13px}
 .cp-metric-label,.au-metrics dt,.google-ad-metrics dt,.ov-eight .insight-number span{font-size:13px}
 .cp-selection-bar .cp-clear{min-height:44px;font-size:13px}
 .google-sort-tools{display:grid;grid-template-columns:minmax(0,1fr) auto}
 .google-sort-label{min-width:0}.google-sort-label select{width:100%;min-width:0;font-size:16px}
 .viewer-tabs .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.button,.tab,.nav-item{transform:none!important;transition:none!important}}

/* Keep the route back available on small screens as well as on the desktop rail. */
#hta-live-report .sidebar-bottom>a{min-height:44px;display:flex;align-items:center;text-decoration:none}
#hta-live-report .sidebar-bottom>a:hover{text-decoration:underline;text-underline-offset:5px}
#hta-live-report .report-reading-guide summary:focus-visible{outline:3px solid #087d84;outline-offset:3px}
@media(max-width:1100px){
 #hta-live-report .sidebar-bottom{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:8px;padding-top:8px}
 #hta-live-report .sidebar-bottom>a{margin:0;font-size:13px}
 #hta-live-report .report-reading-guide{width:100%;margin-top:0;border-top:0;padding-top:0}
 #hta-live-report .report-reading-guide summary{min-height:40px;max-width:260px}
 #hta-live-report .report-reading-guide p{max-width:75ch;font-size:13px}
}

/* HTA_COHESION_20261023: presentation only; no report data or behavior changes. */
html:has(#hta-live-report){background:#fff}
#hta-live-report{--blue:#2851ef;--navy:#142f47;--teal:#087f82;--muted:#526779;--line:#e0e7eb;--bg:#f6f8fa;--soft:#edf1ff;--radius:20px;font-family:'HTAKanit','Kanit',sans-serif;color:var(--navy)}
#hta-live-report .sidebar{background:#fff;border-right-color:#e0e7eb}
#hta-live-report .workspace{background:#f6f8fa}
#hta-live-report .topbar{background:#fff;border-bottom-color:#e0e7eb}
#hta-live-report .nav-item{border-radius:12px;transition:background .18s ease,color .18s ease}
#hta-live-report .nav-item.active{background:#e9f3ef;color:#08696c;box-shadow:inset 3px 0 #087f82}
#hta-live-report :is(h1,h2,h3){font-weight:500;letter-spacing:-.02em;text-wrap:balance}
#hta-live-report h1{font-size:clamp(28px,3vw,40px);line-height:1.4}
#hta-live-report :is(.panel,.creative-card){border-color:var(--line);box-shadow:none;border-radius:20px}
#hta-live-report .panel{padding:clamp(20px,2.2vw,30px)}
#hta-live-report .metric{background:#f7f9fb;border:1px solid #e4ebef;border-radius:14px}
#hta-live-report :is(.metric strong,.insight-number strong,.insight-total){font-weight:500;font-variant-numeric:tabular-nums}
#hta-live-report .button{border-radius:100px;font-weight:500;transition:background .18s ease,border-color .18s ease}
#hta-live-report .tab{font-weight:500;transition:background .18s ease,color .18s ease}
#hta-live-report .tab.selected{background:#142f47;border-color:#142f47}
#hta-live-report .notice{background:#eef3ff;color:#334e65;border-radius:4px 14px 14px 4px}
#hta-live-report th{background:#eff4f4;color:#435b6c;font-weight:500}
#hta-live-report tbody tr:hover{background:#f2f8f6}
#hta-live-report .table-wrap{border-radius:14px}
#hta-live-report :is(button,a,select,input):focus-visible{outline:3px solid #087f82;outline-offset:3px}
#hta-live-report .date-filter{border-color:var(--line);box-shadow:none;border-radius:16px}
@media(max-width:767px){#hta-live-report .panel{padding:20px 16px;border-radius:16px}#hta-live-report .topbar{padding-inline:20px}#hta-live-report main#report-main{padding-inline:16px}#hta-live-report .metric{padding:16px 13px}#hta-live-report .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#hta-live-report :is(.nav-item,.button,.tab){transition:none}}

/* HTA_COHESION_20261023: presentation only; no report data or behavior changes. */
html:has(#hta-live-report){background:#fff}
#hta-live-report{--blue:#2851ef;--navy:#142f47;--teal:#087f82;--muted:#526779;--line:#e0e7eb;--bg:#f6f8fa;--soft:#edf1ff;--radius:20px;font-family:'HTAKanit','Kanit',sans-serif;color:var(--navy)}
#hta-live-report .sidebar{background:#fff;border-right-color:#e0e7eb}
#hta-live-report .workspace{background:#f6f8fa}
#hta-live-report .topbar{background:#fff;border-bottom-color:#e0e7eb}
#hta-live-report .nav-item{border-radius:12px;transition:background .18s ease,color .18s ease}
#hta-live-report .nav-item.active{background:#e9f3ef;color:#08696c;box-shadow:inset 3px 0 #087f82}
#hta-live-report :is(h1,h2,h3){font-weight:500;letter-spacing:-.02em;text-wrap:balance}
#hta-live-report h1{font-size:clamp(28px,3vw,40px);line-height:1.4}
#hta-live-report :is(.panel,.creative-card){border-color:var(--line);box-shadow:none;border-radius:20px}
#hta-live-report .panel{padding:clamp(20px,2.2vw,30px)}
#hta-live-report .metric{background:#f7f9fb;border:1px solid #e4ebef;border-radius:14px}
#hta-live-report :is(.metric strong,.insight-number strong,.insight-total){font-weight:500;font-variant-numeric:tabular-nums}
#hta-live-report .button{border-radius:100px;font-weight:500;transition:background .18s ease,border-color .18s ease}
#hta-live-report .tab{font-weight:500;transition:background .18s ease,color .18s ease}
#hta-live-report .tab.selected{background:#142f47;border-color:#142f47}
#hta-live-report .notice{background:#eef3ff;color:#334e65;border-radius:4px 14px 14px 4px}
#hta-live-report th{background:#eff4f4;color:#435b6c;font-weight:500}
#hta-live-report tbody tr:hover{background:#f2f8f6}
#hta-live-report .table-wrap{border-radius:14px}
#hta-live-report :is(button,a,select,input):focus-visible{outline:3px solid #087f82;outline-offset:3px}
#hta-live-report .date-filter{border-color:var(--line);box-shadow:none;border-radius:16px}
@media(max-width:767px){#hta-live-report .panel{padding:20px 16px;border-radius:16px}#hta-live-report .topbar{padding-inline:20px}#hta-live-report main#report-main{padding-inline:16px}#hta-live-report .metric{padding:16px 13px}#hta-live-report .button{min-height:44px}}
@media(prefers-reduced-motion:reduce){#hta-live-report :is(.nav-item,.button,.tab){transition:none}}

/* HTA_SHARED_SHELL_REPORT_20261023 */
#hta-live-report{--blue:#2851ef;--navy:#142f47;--teal:#087f82;font-family:Kanit,HTAKanit,sans-serif}#hta-live-report .nav-item.active{background:#eef4ff;color:#2851ef;box-shadow:inset 3px 0 #2851ef}#hta-live-report .tab.selected{background:#2851ef;border-color:#2851ef}#hta-live-report .brand{color:#17263f}#hta-live-report :is(.button,.tab){font-weight:500}#hta-live-report .button.primary{background:#2851ef;border-color:#2851ef}

/* Shared How To Ads typography and controls */
body #hta-live-report .brand{font-family:Kanit,'HTA UI',sans-serif}body :is(button,input,select,textarea){font-family:inherit}body #hta-live-report .button{border-radius:14px}
body.hta-cohesion footer .hta-motion-control{display:block;max-width:1280px;margin:20px auto 0;color:#526779;background:#f7f9fb;border:1px solid #e0e7eb;padding:10px 16px;border-radius:12px;min-height:44px;font:13px Kanit,sans-serif;cursor:pointer}
body.hta-fluid-home.hta-shell-theme{width:100%;max-width:none;margin:0;border:0;border-radius:0;background:#fff;--paper:#fff;--page:clamp(24px,calc((100vw - 1280px)/2),80px)}
body.hta-fluid-home.hta-shell-theme main{border-radius:0;overflow:clip}
body.hta-fluid-home .hta-shell-header{transform:none;left:auto;right:auto;width:100%;top:0}
body.hta-fluid-home :is(.hero,.explore,.journal,.closing){max-width:1440px;margin-inline:auto;background:#fff}
body.hta-fluid-home .hero{height:735px;padding-top:70px;background:radial-gradient(ellipse at 76% 38%,#eef3ff80,transparent 48%),#fff}
body.hta-fluid-home .hero-grid{inset:35px var(--page) 45px;border-top:0;background:none}
body.hta-fluid-home .hero-art{top:60px;height:550px}.hero-art .circle-note{pointer-events:none}
body.hta-fluid-home .hero-copy .eyebrow{margin-bottom:24px}
body.hta-fluid-home .brand-band{background:#fff;border-color:#edf0f3;max-width:1440px;margin:auto}
body.hta-fluid-home .brand-band:before{background:linear-gradient(90deg,#fff,transparent)}body.hta-fluid-home .brand-band:after{background:linear-gradient(270deg,#fff,transparent)}
body.hta-fluid-home .manifesto{max-width:1440px;margin:auto}
body.hta-fluid-home .workspace-v2{max-width:1280px;width:calc(100% - 48px);margin:32px auto;padding:clamp(28px,4vw,56px);border-radius:24px}
body.hta-fluid-home .closing{padding-block:70px}
body.hta-shell-theme :is(.hta-button,.hta-learning-select,.htas-button,.hta-sp-jumps a){font-family:inherit;font-weight:500;box-shadow:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}
body.hta-shell-theme :is(.hta-button,.hta-learning-select,.htas-button):not(.hta-button-secondary){background:#2851ef;border-color:#2851ef;color:white}
body.hta-shell-theme .hta-button-secondary{color:#2851ef;background:white;border-color:#d8e2ed}
body.hta-shell-theme :is(.hta-member-card,.htas-card,.hta-sp-offer){border-color:#e0e7eb;box-shadow:none}
body.hta-shell-theme .hta-article-content{font-family:Kanit,'HTA UI',sans-serif;line-height:1.9}
body.hta-shell-theme .hta-article-content p{letter-spacing:normal}
.hta-package-page .hta-shell-nav a{border-bottom:0}.hta-package-page .hta-shell-footer ul{display:flex}.hta-package-page .hta-shell-header{padding:0}
body.hta-shell-admin :is(.hta-owner-workspace,.hta-crm,.hta-admin-workspace,.hta-customer-admin){font-family:Kanit,'HTA UI',sans-serif;color:#142f47}
body.hta-shell-admin :is(.crm-panel,.crm-kpi,.hta-workspace-card){box-shadow:none;border:1px solid #e0e7eb;border-radius:16px}
body.hta-shell-admin :is(.hta-crm,.hta-owner-workspace) .button-primary{background:#2851ef;border-color:#2851ef;border-radius:10px}
body.hta-shell-admin :is(.hta-crm,.hta-owner-workspace) :is(h1,h2,h3){font-weight:500;letter-spacing:normal}
@media(max-width:900px){
 .hta-shell-inner{height:76px;width:calc(100% - 36px)}.hta-shell-brand strong{font-size:28px}.hta-shell-brand small{font-size:7px}
 .hta-shell-js .hta-shell-toggle{display:flex}.hta-shell-inner{flex-wrap:wrap;gap:0}
 .hta-shell-nav{width:100%;display:block;font-size:17px;font-weight:500;padding:12px;background:white;border:1px solid #e0e7eb;border-radius:20px;box-shadow:0 10px 28px #142f470a}
 .hta-shell-js .hta-shell-nav{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
 .hta-shell-nav[hidden]{display:none!important}.hta-shell-nav ul{display:block}.hta-shell-nav ul a{padding:12px 16px;min-height:48px;border-radius:12px;line-height:1.5;font-size:17px;font-weight:500}
 .hta-shell-nav ul a::after{display:none}.hta-shell-nav ul a[aria-current]{background:#eef4ff;color:#2851ef}.hta-shell-nav ul a:hover{background:#f4f7fb}
 .hta-shell-nav .hta-shell-member{margin-top:12px;border-radius:14px;justify-content:space-between;font-size:17px;min-height:52px;padding:12px 16px}
 html:not(.hta-shell-js) .hta-shell-inner{height:auto;padding-block:18px;gap:16px}
 .hta-shell-footer-top{grid-template-columns:1fr 1fr;gap:30px}.hta-shell-footer-follow{grid-column:1/-1}.hta-shell-footer-bottom{flex-direction:column}
 body.hta-fluid-home .hero{height:auto;padding-top:42px;padding-bottom:45px}.hta-fluid-home .hero-art{top:auto;height:470px}
}
@media(max-width:760px){
 body.hta-shell-theme .hta-container{width:calc(100% - 36px)}
 body.hta-fluid-home.hta-shell-theme{--page:22px;width:100%;margin:0}
 body.hta-fluid-home .hero-copy{width:100%}body.hta-fluid-home .hero h1{font-size:clamp(42px,10.5vw,66px);letter-spacing:-.7px}
 body.hta-fluid-home .hero-art{position:relative;top:auto;right:auto;height:410px;margin-top:30px;margin-bottom:25px}
 body.hta-fluid-home .hero-description{font-size:16px;line-height:1.85}
 body.hta-fluid-home .workspace-v2{width:calc(100% - 36px);margin:24px auto;padding:28px 16px;border-radius:20px}
 body.hta-fluid-home .section-top{gap:16px}.hta-shell-footer{padding-top:36px}.hta-shell-footer-inner{width:calc(100% - 36px)}
 .hta-shell-footer-top{grid-template-columns:1fr;gap:28px}.hta-shell-footer-follow{grid-column:auto}.hta-shell-footer-bottom nav{gap:12px 18px}
 .hta-shell-footer-top>div>p{margin-top:18px;font-size:16px}body.hta-cohesion footer .hta-motion-control{margin-inline:18px}
}
@media(prefers-reduced-motion:reduce){.hta-shell-header *,.hta-shell-footer *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-hta-motion=off] :is(.hta-shell-header,.hta-shell-footer,.hta-cohesion-reveal){animation:none!important;transition:none!important}
body.admin-bar .hta-shell-header{top:32px}
body.hta-shell-admin :is(.htas-owner,.hta-customers,.hta-admin-workspace){font-family:Kanit,'HTA UI',sans-serif;color:#142f47}
body.hta-shell-admin :is(.htas-work-nav a[aria-current],.htas-density button[aria-pressed=true]){background:#2851ef;color:#fff;border-color:#2851ef}
@media(min-width:761px) and (max-width:900px){body.hta-fluid-home .hero{min-height:700px;padding-bottom:120px}body.hta-fluid-home .hero-art{top:50px;height:500px}body.hta-fluid-home .hero-bottom{bottom:32px}}
@media(max-width:782px){body.admin-bar .hta-shell-header{top:46px}}
@media(max-width:600px){body.admin-bar .hta-shell-header{top:0}}

/* 2026-10-23: flow-based hero and quiet category reel. */
body.hta-fluid-home .hero{height:auto;min-height:735px;padding-bottom:48px}
body.hta-fluid-home .hero-copy{position:relative;padding-bottom:0}
body.hta-fluid-home .hero-copy .hero-access-note{margin:18px 0 0;line-height:1.75}
body.hta-fluid-home .hero-copy .scroll-cue{position:relative;inset:auto;display:inline-flex;margin-top:20px;gap:12px;min-height:44px;line-height:1.6;max-width:100%;align-items:center}
body.hta-fluid-home .hero-copy .scroll-circle{flex:none}
body.hta-fluid-home .hero-copy :is(.hero-cta,.hero-access-note){animation-name:hta-polish-fade;transform:none}
@keyframes hta-polish-fade{from{opacity:0}to{opacity:1}}
body.hta-fluid-home .brand-band{padding-top:16px;padding-bottom:16px}
body.hta-fluid-home .fan-caption{min-height:0;padding-bottom:0;margin-bottom:0}
body.hta-fluid-home .explore-foot{justify-content:flex-end;margin-top:28px}
/* Keep the global motion preference available to keyboard users, without visual clutter. */
body.hta-cohesion footer .hta-motion-control{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
body.hta-cohesion footer .hta-motion-control:focus-visible{position:fixed!important;right:20px!important;bottom:20px!important;z-index:300!important;width:auto!important;height:auto!important;min-height:44px!important;padding:10px 18px!important;clip-path:none!important;border:1px solid #cfdae1!important;outline:3px solid #087f82!important;background:#fff!important}