/*
 * FPSGuru Frontend CSS Package — Core
 * Visual contract: 4.0-stage2.1-data1
 * Delivery contract: css2-package-split
 *
 * Global-only bundle. Tokens, foundation, fundamental primitives and site chrome.
 * Reusable frontend CSS must live inside the FPSGuru Frontend CSS Package.
 */

:root{
  --fpsg-bg:#05090d;
  --fpsg-surface:#0b141b;
  --fpsg-raised:#111e27;
  --fpsg-line:#293f4a;
  --fpsg-chip-line:#d9e0e5;
  --fpsg-image-stage:#f7f7f7;
  --fpsg-text:#f4f8fb;
  --fpsg-muted:#b5c2cc;
  --fpsg-dim:#92a4b0;
  --fpsg-editorial:#ff8a00;
  --fpsg-nvidia:#8cff2e;
  --fpsg-amd:#ff414b;
  --fpsg-intel:#36c7ff;
  --fpsg-data:#36c7ff;
  --fpsg-positive:#58dca5;
  --fpsg-site:var(--fpsg-editorial);
  --fpsg-accent:var(--fpsg-site);
  --fpsg-ink:#071006;
  --fpsg-radius:8px;
  --fpsg-max:1440px;
  --fpsg-space:16px;
  --fpsg-gutter:clamp(16px,2.4vw,32px);
  --fpsg-motion:160ms;
}
.fpsg-ui{box-sizing:border-box;min-width:0;margin:0;background:var(--fpsg-bg);color:var(--fpsg-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.65;color-scheme:dark}
.fpsg-ui :where(h1,h2,h3,h4,p,figure,dl,dd){margin:0}
.fpsg-ui :where(a){color:inherit;text-decoration:none}
.fpsg-ui :where(img){display:block;max-width:100%;height:auto}
.fpsg-ui :where(button,input,select,textarea){font:inherit}
.fpsg-ui :where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid var(--fpsg-accent);outline-offset:3px}
.fpsg-ui [hidden]:not([hidden="until-found"]){display:none}
.fpsg-ui :where([data-brand="amd"]),.fpsg-ui:where([data-brand="amd"]){--fpsg-accent:var(--fpsg-amd);--fpsg-ink:#05090d}
.fpsg-ui :where([data-brand="intel"]),.fpsg-ui:where([data-brand="intel"]){--fpsg-accent:var(--fpsg-intel);--fpsg-ink:#05090d}
.fpsg-ui :where([data-brand="nvidia"]),.fpsg-ui:where([data-brand="nvidia"]){--fpsg-accent:var(--fpsg-nvidia);--fpsg-ink:#071006}
.fpsg-ui :where(.fpsg-wrap){box-sizing:border-box;width:100%;max-width:var(--fpsg-max);padding-inline:var(--fpsg-gutter);margin-inline:auto}
.fpsg-ui :where(.fpsg-stack){display:grid;gap:var(--fpsg-space);min-width:0}
.fpsg-ui :where(.fpsg-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--fpsg-space);min-width:0}
.fpsg-ui :where(.fpsg-actions){display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.fpsg-ui :where(.fpsg-section){padding-block:24px;scroll-margin-top:24px}
.fpsg-ui :where(.fpsg-kicker){color:var(--fpsg-accent);font-size:.75rem;line-height:1.5;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.fpsg-ui :where(.fpsg-note){font-size:.8125rem;line-height:1.6;color:var(--fpsg-muted)}
@media(prefers-reduced-motion:reduce){:root{--fpsg-motion:0s}}

.fpsg-panel{box-sizing:border-box;min-width:0;border:1px solid var(--fpsg-line);border-radius:var(--fpsg-radius);background:linear-gradient(150deg,var(--fpsg-raised),var(--fpsg-surface))}
.fpsg-panel > .fpsg-panel__body{padding:var(--fpsg-space);min-width:0}
.fpsg-panel:where([data-emphasis="brand"]){border-top:2px solid var(--fpsg-accent)}

.fpsg-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;max-width:100%;padding:11px 18px;border:1px solid var(--fpsg-accent);border-radius:6px;background:var(--fpsg-accent);color:var(--fpsg-ink);font-family:inherit;font-size:.875rem;line-height:1.4;font-weight:700;text-align:center;text-decoration:none;white-space:normal;cursor:pointer;transition:border-color var(--fpsg-motion) ease,background-color var(--fpsg-motion) ease}
.fpsg-button:where([data-variant="secondary"]){background:var(--fpsg-surface);border-color:var(--fpsg-line);color:var(--fpsg-text)}
.fpsg-button:hover{border-color:var(--fpsg-text)}
.fpsg-button:disabled{opacity:.55;cursor:not-allowed}
.fpsg-button > svg{width:18px;height:18px;flex-shrink:0}

.fpsg-section-heading{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--fpsg-line);color:var(--fpsg-accent)}
.fpsg-section-heading > :where(h2,h3){margin:0;font-size:1rem;line-height:1.4;font-weight:700;letter-spacing:-.015em;color:var(--fpsg-text)}
.fpsg-ui .fpsg-section-heading a{display:inline-flex;align-items:center;min-height:44px;color:var(--fpsg-site);font-size:.8125rem;line-height:1.4}
.fpsg-ui .fpsg-section-heading a:hover,.fpsg-ui .fpsg-section-heading a:focus-visible{color:var(--fpsg-text);text-decoration:underline;text-underline-offset:3px}

.fpsg-badge{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:4px 9px;border:1px solid var(--fpsg-line);border-radius:4px;background:var(--fpsg-raised);color:var(--fpsg-text);font-size:.75rem;line-height:1.5;font-weight:700}
.fpsg-badge:where([data-tone="brand"]){border-color:var(--fpsg-accent);color:var(--fpsg-accent)}
.fpsg-badge:where([data-tone="data"]){color:var(--fpsg-data)}
.fpsg-badge:where([data-tone="positive"]){color:var(--fpsg-positive)}

.fpsg-metric{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-width:0;min-height:110px;padding:16px;border:1px solid var(--fpsg-line);border-radius:6px;background:var(--fpsg-surface)}
.fpsg-metric > .fpsg-metric__label{margin:0;color:var(--fpsg-muted);font-size:.8125rem;line-height:1.45;font-weight:600}
.fpsg-metric > .fpsg-metric__value{margin:0;color:var(--fpsg-text);font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.fpsg-metric > .fpsg-metric__note{margin:0;color:var(--fpsg-dim);font-size:.75rem;line-height:1.5}
.fpsg-metric:where([data-kind="value"]) > .fpsg-metric__value{color:var(--fpsg-positive)}
.fpsg-metric:where([data-kind="performance"]) > .fpsg-metric__value{color:var(--fpsg-data)}
.fpsg-metric:where([data-state="empty"]) > .fpsg-metric__value{font-size:1rem;line-height:1.5;color:var(--fpsg-muted)}

.fpsg-header{box-sizing:border-box;position:relative;z-index:20;border-bottom:1px solid var(--fpsg-line);background:var(--fpsg-bg);color:var(--fpsg-text)}
.fpsg-header > .fpsg-header__inner{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 16px;max-width:var(--fpsg-max);margin:0 auto;padding:14px var(--fpsg-gutter)}
.fpsg-header .fpsg-header__logo{flex-shrink:0;font-size:1.75rem;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:-.06em;text-decoration:none}
.fpsg-header .fpsg-header__logo > span:last-child{color:var(--fpsg-site)}
.fpsg-header .fpsg-header__logo img{width:174px;height:auto}
.fpsg-header .fpsg-navigation{justify-self:end}
.fpsg-header .fpsg-navigation .wp-block-navigation-submenu__toggle{background:transparent;border:0;color:inherit;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.fpsg-header .fpsg-search{grid-column:1/-1;width:100%;max-width:none}
@media(min-width:1280px){.fpsg-header > .fpsg-header__inner{grid-template-columns:174px minmax(0,1fr) 220px}.fpsg-header .fpsg-navigation{justify-self:stretch}.fpsg-header .fpsg-search{grid-column:auto}}
@media(max-width:1279px){.fpsg-header .wp-block-navigation__responsive-container:not(.is-menu-open){display:none}.fpsg-header .wp-block-navigation__responsive-container-open{display:flex}}
.fpsg-header .fpsg-navigation .wp-block-navigation-item__content{font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.45}
.fpsg-header .wp-block-navigation__container{gap:12px}
@media(min-width:1280px){
  .fpsg-header .wp-block-navigation__container{gap:16px}
  .fpsg-header .wp-block-navigation__container > li{gap:0}
  .fpsg-header .wp-block-navigation__container > li > button.wp-block-navigation-item__content{padding:0;border:0;margin:0}
  .fpsg-header .fpsg-navigation .wp-block-navigation__container > li > button.wp-block-navigation__submenu-icon{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0 0 0 6px}
  .fpsg-header .fpsg-navigation .wp-block-navigation__container > li > span.wp-block-navigation__submenu-icon{display:inline-flex;align-items:center;flex:0 0 12px;width:12px;height:12px;margin:0 0 0 6px}
  .fpsg-header .wp-block-navigation__container > li:not(.has-child) > a{padding:0}
}

@media(min-width:1280px) and (pointer:fine){
  .fpsg-header .fpsg-navigation .wp-block-navigation__container > li > .wp-block-navigation-item__content{min-width:0}
  .fpsg-header .wp-block-navigation__container{gap:0}
  .fpsg-header .wp-block-navigation__container > li{margin-inline-end:16px}
  .fpsg-header .wp-block-navigation__container > li:has(> button.wp-block-navigation__submenu-icon){margin-inline-end:10px}
  .fpsg-header .wp-block-navigation__container > li:last-child{margin-inline-end:0}
  .fpsg-header .fpsg-navigation .wp-block-navigation__container > li > button.wp-block-navigation__submenu-icon{min-width:24px;flex-basis:24px;width:24px}
}

.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-icon{transform:none;transition:none}
.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-icon svg{display:block;width:12px;height:12px;margin:0;transition:none;transform-origin:center}

.fpsg-navigation{box-sizing:border-box;min-width:0}
.fpsg-navigation :where(ul,.wp-block-navigation__container){display:flex;align-items:center;flex-wrap:wrap;gap:4px 18px;list-style:none;padding:0;margin:0}
.fpsg-navigation :where(a,.wp-block-navigation-item__content){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--fpsg-text);font-size:.875rem;line-height:1.45;font-weight:600;text-decoration:none}
.fpsg-navigation :where(a,.wp-block-navigation-item__content):hover{color:var(--fpsg-site)}
.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-container{box-sizing:border-box;gap:2px;padding:6px;border:1px solid var(--fpsg-line);border-radius:8px;background:var(--fpsg-surface);color:var(--fpsg-text)}
.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-container > li{box-sizing:border-box;width:100%;margin:0;background:transparent;color:inherit}
.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content{box-sizing:border-box;justify-content:flex-start;width:100%;min-height:44px;margin:0;padding:10px 12px;border-radius:4px;color:var(--fpsg-text);white-space:normal;overflow-wrap:anywhere;transform:none}
.fpsg-header .fpsg-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:is(:hover,:focus-visible){background:var(--fpsg-line);color:var(--fpsg-text);outline-offset:-2px}
@media(min-width:1280px){.fpsg-header .fpsg-navigation .wp-block-navigation-item.has-child > .wp-block-navigation__submenu-container{width:288px;min-width:288px;box-shadow:0 12px 28px #0006}}
.fpsg-header .fpsg-navigation .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open{background:var(--fpsg-bg);color:var(--fpsg-text);padding:24px}
.fpsg-header .fpsg-navigation .is-menu-open :is(.wp-block-navigation-item__content,.wp-block-navigation__submenu-icon){color:var(--fpsg-text)}
.fpsg-header .fpsg-navigation .wp-block-navigation-submenu__toggle[aria-expanded="true"]~.wp-block-navigation__submenu-container{display:flex}
.fpsg-header .fpsg-navigation .is-menu-open .wp-block-navigation__submenu-icon svg{color:var(--fpsg-text);stroke:currentColor}
.fpsg-navigation :where(.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close){min-width:44px;min-height:44px;color:var(--fpsg-text)}

.fpsg-search{box-sizing:border-box;min-width:0;margin:0}
.fpsg-search :where(.fpsg-search__fields,.wp-block-search__inside-wrapper){display:flex;align-items:stretch;gap:0;min-width:0;border:1px solid var(--fpsg-line);border-radius:6px;background:var(--fpsg-surface);padding:0}
.fpsg-search :where(.fpsg-search__fields,.wp-block-search__inside-wrapper):focus-within{border-color:var(--fpsg-site)}
.fpsg-search label{display:block;color:var(--fpsg-muted);font-size:.8125rem;line-height:1.5;margin:0 0 6px}
.fpsg-search input{box-sizing:border-box;flex:1 1 0;min-width:0;width:100%;min-height:44px;border:0;padding:10px 12px;background:transparent;color:var(--fpsg-text);font-family:inherit;font-size:1rem;line-height:1.4}
.fpsg-search input::placeholder{color:var(--fpsg-muted);opacity:1}
.fpsg-search input:focus-visible{outline:0;box-shadow:none}
.fpsg-search button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:44px;min-height:44px;padding:8px 12px;border:0;border-left:1px solid var(--fpsg-line);background:transparent;color:var(--fpsg-site);font-family:inherit;font-size:.875rem;line-height:1.4;cursor:pointer}

.fpsg-footer{box-sizing:border-box;border-top:1px solid var(--fpsg-line);background:var(--fpsg-bg);color:var(--fpsg-text)}
.fpsg-footer > .fpsg-footer__inner{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;max-width:var(--fpsg-max);margin:0 auto;padding:28px var(--fpsg-gutter)}
@media (min-width:768px){.fpsg-footer > .fpsg-footer__inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.fpsg-footer > .fpsg-footer__inner{grid-template-columns:1.4fr 1fr 1fr 1.3fr}}
.fpsg-footer .fpsg-footer__logo{font-size:1.75rem;line-height:1.1;font-weight:800;font-style:italic;letter-spacing:-.06em}
.fpsg-footer .fpsg-footer__logo > span:last-child{color:var(--fpsg-site)}
.fpsg-footer :where(p,li){color:var(--fpsg-muted);font-size:.875rem;line-height:1.7}
.fpsg-footer :where(h2,h3){font-size:.9375rem;line-height:1.5;font-weight:700;margin:0 0 8px}
.fpsg-footer ul{list-style:none;padding:0;margin:0}
.fpsg-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.fpsg-footer a:hover{color:var(--fpsg-site)}
.fpsg-footer .fpsg-footer__fineprint{grid-column:1 / -1;border-top:1px solid var(--fpsg-line);padding-top:16px;font-size:.8125rem;line-height:1.6}

.fpsg-breadcrumbs{box-sizing:border-box;min-width:0;min-height:40px;display:flex;align-items:center;padding:4px 0;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;border-bottom:1px solid color-mix(in srgb,var(--fpsg-line) 72%,transparent);color:var(--fpsg-muted);font-size:.75rem;line-height:1.45;white-space:nowrap}
.fpsg-breadcrumbs .rank-math-breadcrumb{min-width:max-content;margin:0;padding:0;color:inherit;font:inherit}
.fpsg-breadcrumbs .rank-math-breadcrumb p{display:flex;align-items:center;gap:5px;margin:0;padding:0;color:inherit;font:inherit;white-space:nowrap}
.fpsg-breadcrumbs .rank-math-breadcrumb a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:var(--fpsg-data);text-decoration:none;text-underline-offset:3px}
.fpsg-breadcrumbs .rank-math-breadcrumb a:not(:first-of-type){padding:2px 7px;border:1px solid var(--fpsg-chip-line);border-radius:3px;background:var(--fpsg-text);color:var(--fpsg-bg)}
.fpsg-breadcrumbs .rank-math-breadcrumb :where(.separator){color:var(--fpsg-dim)}
.fpsg-breadcrumbs .rank-math-breadcrumb :where(.last){color:var(--fpsg-data)}
.fpsg-breadcrumbs .rank-math-breadcrumb a:first-of-type:hover,.fpsg-breadcrumbs .rank-math-breadcrumb a:first-of-type:focus-visible{color:var(--fpsg-accent)}
.fpsg-breadcrumbs .rank-math-breadcrumb a:not(:first-of-type):hover{border-color:var(--fpsg-accent);background:var(--fpsg-accent);color:var(--fpsg-ink)}
.fpsg-breadcrumbs .rank-math-breadcrumb a:focus-visible{outline:2px solid var(--fpsg-accent);outline-offset:2px}