/* Pace NTP website demo — faithfully composed from the user's actual New Tab screenshot.
   Theme colors are inherited from the real bundled .pacetheme values via assets/site.js.
   Values below the widgets are explicitly illustrative, not live weather/sports. */
body.pace-home .pace-preview .pv-page {overflow:hidden}
body.pace-home .pace-preview .pv-newtab.pv-nt-real {position:relative;z-index:2;box-sizing:border-box;display:flex!important;flex-direction:column;align-items:center;justify-content:flex-start;padding:23px 14px 18px!important;gap:0!important;height:100%;overflow:visible;font-family:Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif}
body.pace-home .pace-preview .pv-nt-real .pv-nt-logo {display:block;flex:none;width:47px!important;height:47px!important;object-fit:contain;margin:0 auto 13px!important;filter:drop-shadow(0 7px 15px color-mix(in srgb,var(--pv-acc) 20%,transparent))}
/* 1. The real Pace search: long gold-edged capsule and end-arrow, never a plain grey shortcut bar. */
body.pace-home .pace-preview .pv-nt-real .pv-search {box-sizing:border-box;flex:0 0 auto;width:min(400px,87%)!important;max-width:400px!important;height:37px!important;min-height:37px;border-radius:999px!important;padding:0 4px 0 16px!important;display:flex;gap:8px;align-items:center;justify-content:flex-start;border:1.35px solid var(--pv-acc)!important;color:var(--pv-text3)!important;background:color-mix(in srgb,var(--pv-glass2) 91%,transparent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--pv-acc) 13%,transparent),inset 0 1px 0 var(--pv-glass-hi)!important;font-size:10.5px!important;letter-spacing:0}
body.pace-home .pace-preview .pv-nt-real .pv-search>svg {display:none!important}
body.pace-home .pace-preview .pv-nt-real .pv-search>span:not(.pv-go) {flex:1;padding-left:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.pace-home .pace-preview .pv-nt-real .pv-go {flex:0 0 29px;height:29px;width:29px;display:grid;place-items:center;border-radius:100px;background:linear-gradient(135deg,var(--pv-acc),var(--pv-acc2));color:#141824;box-shadow:0 1px 3px rgba(0,0,0,.22)}
body.pace-home .pace-preview .pv-nt-real .pv-go svg {width:16px;height:16px}
/* 2. Six compact engine pills, Bing selected as shown in the real screenshot. */
body.pace-home .pace-preview .pv-nt-real .pv-engine-row {display:flex!important;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px!important;width:min(430px,97%);max-width:430px!important;min-height:22px;margin:5px 0 13px!important;overflow:visible!important}
body.pace-home .pace-preview .pv-nt-real .pv-engine {all:unset;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:19px;max-width:100%;padding:2px 8px!important;border:1px solid color-mix(in srgb,var(--pv-text2) 23%,transparent)!important;background:var(--pv-glass)!important;border-radius:999px!important;font:600 8px/1.2 Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif!important;color:var(--pv-text2)!important;letter-spacing:-.02em;white-space:nowrap;cursor:pointer;transition:background .17s ease,color .17s ease,border-color .17s ease!important}
body.pace-home .pace-preview .pv-nt-real .pv-engine.selected {border-color:var(--pv-acc)!important;background:color-mix(in srgb,var(--pv-acc) 15%,var(--pv-glass2))!important;color:var(--pv-acc)!important}
body.pace-home .pace-preview .pv-nt-real .pv-engine:focus-visible {outline:2px solid var(--pv-acc);outline-offset:2px}
/* 3. Seven icons in compact tiles, with the exact site order and favicon appearance in screenshot. */
body.pace-home .pace-preview .pv-nt-real .pv-quick {display:flex!important;flex:0 0 auto;flex-wrap:nowrap!important;align-items:stretch;justify-content:center;width:auto!important;max-width:min(100%,540px)!important;gap:7px!important;margin:0 auto!important;padding:0!important}
body.pace-home .pace-preview .pv-nt-real .pv-quick-item {display:flex!important;flex:0 0 53px!important;width:53px!important;min-width:0!important;height:52px!important;min-height:52px!important;max-height:52px;align-items:center;justify-content:center;flex-direction:column;gap:3px!important;border-radius:11px!important;border:1px solid color-mix(in srgb,var(--pv-line) 75%,rgba(255,255,255,.16))!important;background:color-mix(in srgb,var(--pv-glass2) 93%,transparent)!important;padding:5px 3px!important;box-shadow:inset 0 1px 0 var(--pv-glass-hi)!important;transform:none;transition:background .25s,border-color .25s,transform .2s ease!important}
body.pace-home .pace-preview .pv-nt-real .pv-quick-item img {display:block!important;flex:0 0 23px!important;width:23px!important;height:23px!important;max-width:23px;max-height:23px;object-fit:contain!important;border-radius:4px!important;transition:none!important}
body.pace-home .pace-preview .pv-nt-real .pv-quick-item .pv-quick-name {font:650 7.2px/1.1 Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif!important;letter-spacing:-.015em;white-space:nowrap;color:var(--pv-text)!important;opacity:.96;text-align:center;overflow:hidden;text-overflow:ellipsis;max-width:100%}
body.pace-home .pace-preview .pv-nt-real .pv-quick-item:hover {transform:translateY(-2px);border-color:var(--pv-acc)!important}
body.pace-home .pace-preview .pv-nt-real .pv-customize {display:block!important;box-sizing:border-box;flex:0 0 auto;align-self:center!important;margin:7px 0 15px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--pv-text2)!important;box-shadow:none!important;font:650 8px/1.3 Inter,ui-sans-serif,system-ui,"Segoe UI",sans-serif!important;text-align:center;cursor:default}
/* 4. Proper two-panel widgets, not summary blocks. */
body.pace-home .pace-preview .pv-nt-real .pv-widgets-real {display:grid!important;box-sizing:border-box;flex:0 0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;align-items:stretch;width:min(480px,94%)!important;max-width:480px!important;margin:0 auto!important}
body.pace-home .pace-preview .pv-nt-real .pv-widgets-real>section {box-sizing:border-box;position:relative;display:flex!important;flex-direction:column;min-width:0;height:174px!important;min-height:174px!important;max-height:174px;gap:0!important;padding:10px 11px!important;border:1px solid var(--pv-line)!important;border-radius:13px!important;background:color-mix(in srgb,var(--pv-glass) 93%,transparent)!important;box-shadow:inset 0 1px 0 var(--pv-glass-hi)!important;overflow:hidden;font-variant-numeric:tabular-nums;color:var(--pv-text)!important;backdrop-filter:blur(var(--pv-blur)) saturate(var(--pv-sat))}
body.pace-home .pv-nt-real .pv-weather-top,body.pace-home .pv-nt-real .pv-widget-head {display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:4px;height:30px;margin:0!important;padding:0 0 6px!important;border-bottom:1px solid var(--pv-line)!important}
body.pace-home .pv-nt-real .pv-weather-place {min-width:0;display:flex;flex-direction:column;gap:1px}
body.pace-home .pv-nt-real .pv-weather-place strong {font-size:8px!important;font-weight:720;letter-spacing:-.018em;margin:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.28}
body.pace-home .pv-nt-real .pv-weather-place span {font-size:7.2px;color:var(--pv-text3)!important;line-height:1.2}
body.pace-home .pv-nt-real .pv-widget-actions {display:flex;gap:6px;align-items:center;color:var(--pv-text3)!important;white-space:nowrap;font-size:6.9px}
body.pace-home .pv-nt-real .pv-widget-actions svg {display:block;width:11px;height:11px;flex:none}
body.pace-home .pv-nt-real .pv-weather-middle {flex:1;display:grid;grid-template-columns:minmax(0,1fr) 42px 55px;align-items:center;gap:5px;padding:8px 0 7px!important}
body.pace-home .pv-nt-real .pv-weather-clock {display:grid;gap:4px;min-width:0}
body.pace-home .pv-nt-real .pv-weather-clock b {font-size:23px!important;line-height:1;font-weight:280;letter-spacing:-.055em;white-space:nowrap}
body.pace-home .pv-nt-real .pv-weather-clock b small {font-size:8px!important;font-weight:450;color:var(--pv-text3)!important;letter-spacing:0;margin-left:1px}
body.pace-home .pv-nt-real .pv-weather-clock span {font-size:6px;color:var(--pv-text3);font-weight:690;white-space:nowrap;letter-spacing:.04em}
body.pace-home .pv-nt-real .pv-weather-sun {width:40px;height:40px;color:var(--pv-text);display:grid;place-items:center}
body.pace-home .pv-nt-real .pv-weather-sun svg {width:36px;height:36px}
body.pace-home .pv-nt-real .pv-weather-reading {display:flex;flex-direction:column;align-items:flex-end;gap:3px;min-width:0;text-align:right}
body.pace-home .pv-nt-real .pv-weather-reading strong {margin:0!important;font-size:23px!important;line-height:1;font-weight:280;letter-spacing:-.055em;white-space:nowrap}
body.pace-home .pv-nt-real .pv-weather-reading sup {font-size:8px;letter-spacing:0;font-weight:440;vertical-align:super}
body.pace-home .pv-nt-real .pv-weather-reading span {font-size:7.5px;color:var(--pv-text2)}
body.pace-home .pv-nt-real .pv-weather-reading small {font-size:6.2px;color:var(--pv-text3)!important;white-space:nowrap}
body.pace-home .pv-nt-real .pv-forecast-real {flex:0 0 55px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--pv-line);padding-top:7px;align-items:stretch}
body.pace-home .pv-nt-real .pv-forecast-real>div {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;text-align:center;border-right:1px solid var(--pv-line)}
body.pace-home .pv-nt-real .pv-forecast-real>div:last-child {border-right:0}
body.pace-home .pv-nt-real .pv-forecast-real b {font-size:6.5px;color:var(--pv-text3);letter-spacing:.04em}
body.pace-home .pv-nt-real .pv-forecast-real svg {width:17px;height:12px;color:var(--pv-text2)}
body.pace-home .pv-nt-real .pv-forecast-real strong {font-size:7.6px;font-weight:690!important;line-height:1.1}
body.pace-home .pv-nt-real .pv-forecast-real small {font-size:5.8px;color:var(--pv-text3)}
body.pace-home .pv-nt-real .pv-score-label {display:flex;align-items:center;gap:5px;color:var(--pv-text2);letter-spacing:.08em}
body.pace-home .pv-nt-real .pv-score-label svg {width:14px;height:14px}
body.pace-home .pv-nt-real .pv-score-label small {font-size:7.5px;letter-spacing:.1em;font-weight:710;color:var(--pv-text2)!important}
body.pace-home .pv-nt-real .pv-match {position:relative;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:0;gap:4px;padding:7px 67px 7px 1px;border-bottom:1px solid var(--pv-line)}
body.pace-home .pv-nt-real .pv-match:last-child {border-bottom:0}
body.pace-home .pv-nt-real .pv-team {display:grid;grid-template-columns:16px minmax(0,1fr) 18px;align-items:center;gap:3px;width:100%;min-width:0}
body.pace-home .pv-nt-real .pv-team-mark {font-size:11px;line-height:1}
body.pace-home .pv-nt-real .pv-team b {font-size:7px;font-weight:680;white-space:nowrap}
body.pace-home .pv-nt-real .pv-team strong {font-size:9.5px;font-weight:750;text-align:right}
body.pace-home .pv-nt-real .pv-match-info {position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:7px;white-space:nowrap}
body.pace-home .pv-nt-real .pv-match-info small {font-size:6px;color:var(--pv-text3);white-space:nowrap}
/* Wide hero display retains the same NTP geometry as the theme theater. */
body.pace-home .flagship-browser-stage .pace-preview {min-height:575px!important}
body.pace-home .themes-chapter .theme-browser {height:585px!important;min-height:585px!important}
@media (max-width:720px){
  body.pace-home .pace-preview .pv-newtab.pv-nt-real {padding:13px 9px 14px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-nt-logo {width:36px!important;height:36px!important;margin-bottom:9px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-search {width:min(325px,94%)!important;height:33px!important;min-height:33px!important;flex-basis:33px!important;font-size:9px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-go {flex-basis:25px;width:25px;height:25px}
  body.pace-home .pace-preview .pv-nt-real .pv-engine-row {gap:3px!important;min-height:17px;margin:5px 0 12px!important;width:100%}
  body.pace-home .pace-preview .pv-nt-real .pv-engine {min-height:15px;padding:2px 5px!important;font-size:6.5px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-quick {width:100%!important;max-width:320px!important;flex-wrap:wrap!important;gap:5px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-quick-item {flex-basis:51px!important;width:51px!important;min-height:51px!important;height:51px!important;max-height:51px}
  body.pace-home .pace-preview .pv-nt-real .pv-customize {margin:6px 0 9px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-widgets-real {grid-template-columns:minmax(0,1fr)!important;width:min(305px,100%)!important;max-width:305px!important;gap:8px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-widgets-real>section {height:165px!important;min-height:165px!important;max-height:165px;padding:10px 11px!important}
  body.pace-home .flagship-browser-stage .pace-preview {min-height:800px!important}
  body.pace-home .themes-chapter .theme-browser {height:800px!important;min-height:800px!important}
}
@media (max-width:370px){
  body.pace-home .pace-preview .pv-nt-real .pv-quick {max-width:230px!important}
  body.pace-home .pace-preview .pv-nt-real .pv-quick-item {flex-basis:48px!important;width:48px!important}
  body.pace-home .flagship-browser-stage .pace-preview {min-height:880px!important}
  body.pace-home .themes-chapter .theme-browser {height:880px!important;min-height:880px!important}
}
@media(prefers-reduced-motion:reduce){body.pace-home .pace-preview .pv-nt-real .pv-quick-item,body.pace-home .pace-preview .pv-nt-real .pv-engine{transition:none!important}}
/* Signature wallpaper follows Pace's real hueOf(accent)-40 mapping. */
body.pace-home .themes-chapter .theme-browser .pv-wallpaper{
 filter:hue-rotate(var(--pv-wall-hue,0deg)) saturate(1.12)!important;
 transition:filter .48s ease!important;
}
@media(prefers-reduced-motion:reduce){body.pace-home .themes-chapter .theme-browser .pv-wallpaper{transition:none!important}}