/* Final shared geometry layer. Marketing frames and focused workspaces are
   deliberately separate; prose keeps its existing comfortable reading measure. */
body.sp-site{
  --page-gutter:20px;
  --acx-page:min(1180px,calc(100% - 2 * var(--page-gutter)));
  --acx-page-wide:var(--acx-page);
  --acx-reading:min(760px,calc(100% - 2 * var(--page-gutter)));
}
.sp-site .page-family-guide-article .guide-article,
.sp-site .page-family-support-article .support-article{
  width:100%;max-width:none;margin-inline:auto;
}
.sp-site :is(.home-solve-bento,.home-problem-router,.tool-slider-section,
  .sp-questions,.sp-process,.sp-sectors,.metricon-finder,.metricon-category-directory,
  .checkmate-finder,.checkmate-category-directory,.support-depth-intro,
  .support-finder,.support-library,.support-principles,.guides-masthead,
  .guides-publication,.sector-section,.landing-task-nav,.landing-start,
  .landing-background,.landing-boundary,.article-overview,.article-reading-layout){
  width:var(--acx-page);max-width:1180px;margin-inline:auto;
}
.sp-site :is(.metricon-finder,.checkmate-finder,.support-finder,
  .guides-publication,.sp-process,.sp-sectors){padding-inline:0}
.sp-site .guides-publication{width:100%;max-width:none}
.sp-site .page-family-post-index .post-index-page{width:var(--acx-page);max-width:1180px;margin-inline:auto}
.sp-site .guides-publication>section{width:var(--acx-page);max-width:1180px;margin-inline:auto}
.sp-site .guides-publication :is(.guides-search-return,.guides-active-query button){min-height:44px;font-size:14px}
.sp-site :is(.home-solve-controls,.tool-slider-controls) button{width:44px;height:44px;min-height:44px}
.sp-site .tool-slider-dots button{
  position:relative;width:44px;height:44px;min-height:44px;background:transparent;
}
.sp-site .tool-slider-dots button::after{
  content:"";position:absolute;top:20px;left:12px;width:20px;height:4px;border-radius:4px;background:#00000026;
}
.sp-site .tool-slider-dots button[aria-selected="true"]::after{left:6px;width:32px;background:#282828}
.sp-site .global-menu-close{width:44px;height:44px;min-height:44px}
.sp-site .page-family .page-hero .page-hero-inner{
  width:var(--acx-page);max-width:1180px;padding-inline:0;
}
/* Inset imagery is wider than the content frame, not a second content gutter. */
.sp-site .page-family .page-hero{
  --hero-inset:8px;
}
.sp-site .page-family .page-hero .page-hero-inner{
  width:min(1180px,calc(100% - 2 * (var(--page-gutter) - var(--hero-inset))));
}
.sp-site .site-footer{padding-inline:0}
.sp-site :is(.sp-footer-directory,.site-footer-inner){
  width:var(--acx-page);max-width:1180px;margin-inline:auto;
}
.sp-site .header-dropdown-toggle .header-dropdown-chevron{
  display:inline-flex!important;flex:0 0 12px;align-items:center;justify-content:center;
  width:12px;height:12px;margin-left:6px;transition:transform .16s ease;
}
.sp-site .header-dropdown-toggle .header-dropdown-chevron svg{
  display:block;width:10px;height:6px;
}
.sp-site .header-dropdown-toggle[aria-expanded="true"] .header-dropdown-chevron{
  transform:rotate(180deg);
}
/* Article orientation should precede the body, not consume a whole screen. */
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero{
  height:auto;min-height:360px;max-height:none;margin-top:28px;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-inner{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  min-height:360px;padding-block:40px;gap:20px;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-copy{
  width:100%;max-width:780px;margin:0;align-self:auto;text-align:left;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero h1{
  font-size:clamp(34px,4vw,56px);line-height:1.08;max-width:24ch;text-wrap:balance;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-context{display:none}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-shade{
  background:linear-gradient(90deg,#161616f2 0%,#161616d9 65%,#161616b3 100%);
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero :is(.page-hero-label,.page-hero-lede){
  color:#fff;opacity:1;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-label{font-size:13px}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-lede{
  font-size:16px;line-height:1.65;max-width:64ch;margin-top:18px;
}
.sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout{
  grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:48px;justify-content:space-between;
}
.sp-site .page-family-support-article .article-body{grid-column:1;grid-row:1}
.sp-site .page-family-support-article .article-side{grid-column:2;grid-row:1}

/* Keep native selects (keyboard, screen readers, mobile picker) with one arrow. */
:is(.metricon-field,.sector-workspace-form,.checkmate-workspace) select{
  appearance:none;-webkit-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23333333' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:16px;
  padding-right:44px;
}
.page-family-metricon-tool .tool-focus-header{padding-inline:0}
.page-family-metricon-tool .metricon-mode-field{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}
.page-family-metricon-tool .metricon-field{padding:20px}
.page-family-metricon-tool .metricon-result{padding:20px}
.page-family-metricon-tool .metricon-field :is(input,select){height:48px;font-size:16px}
.page-family-metricon-tool .metricon-formula span{font-size:12px;color:#626262}
.page-family-metricon-tool :is(.tool-focus-back,.tool-focus-product,.tool-focus-state,.metricon-status){font-size:12px}
.page-family-metricon-tool .tool-focus-back{min-height:44px}
.page-family-metricon-tool .tool-focus-heading p{font-size:15px;color:#626262}
.page-family-metricon-tool .metricon-field p{font-size:13px;color:#626262}
.page-family-metricon-tool .metricon-actions button{min-height:44px;font-size:14px}
.sp-site .sector-workspace-form :is(input,select,textarea){min-height:48px;font-size:16px}
.sp-site .sector-workspace-form label>span{font-size:14px;color:#626262}
.sp-site :is(.sector-workspace-actions,.sector-workspace-result-head) button{min-height:44px;font-size:14px}
.sp-site .sector-workspace-actions{flex-wrap:wrap}
.sp-site :is(.sector-workspace-note,.sector-workspace-save-status){font-size:13px;color:#626262;line-height:1.6}
.sp-site :is(.support-filter,.support-search-suggestions button,.guides-hero-quick button,
  .metricon-quick-searches button,.checkmate-category-filter,.metricon-category-filter){
  min-height:44px;font-size:14px;line-height:1.4;padding-block:10px;
}
.page-family-checkmate-tool .checkmate-workspace button{min-height:44px;font-size:14px}
.standalone-chat-document :is(.nova-chat-new,.nova-focus-actions button){min-height:44px;font-size:14px}
.standalone-chat-document .nova-chat-composer textarea{font-size:16px}
.standalone-chat-document :is(.nova-chat-quick-grid button,.nova-chat-followup button,.nova-chat-suggestion){min-height:44px}
.standalone-chat-document .nova-chat-quick-grid strong{font-size:14px}
.standalone-chat-document .nova-chat-quick-grid strong+span{font-size:13px;line-height:1.5}
.standalone-chat-document .nova-chat-page-chatgpt :is(.nova-chat-topbar-actions button,
  .nova-chat-context-chips button,.nova-chat-starters button){min-height:44px;font-size:14px}
.standalone-chat-document .nova-chat-page-chatgpt :is(.nova-chat-sidebar-open,
  .nova-chat-sidebar-close,.nova-chat-tool-button,.nova-chat-web-button,.nova-chat-send){
  min-width:44px;width:auto;min-height:44px;height:44px;font-size:14px;
}
.standalone-chat-document .nova-chat-page-chatgpt .nova-chat-quick-grid strong{font-size:14px}
.standalone-chat-document .nova-chat-page-chatgpt .nova-chat-quick-grid strong+span{font-size:13px;line-height:1.5}
.standalone-chat-document .nova-chat-page-chatgpt :is(.nova-chat-sidebar-open,.nova-chat-sidebar-close){
  border:1px solid #00000014;border-radius:8px;background:#fff;color:#282828;
}
.standalone-chat-document .nova-chat-page-chatgpt .decision-trail>summary{min-height:44px}
.standalone-tool-document .standalone-search summary{min-width:44px;min-height:44px}
:is(.metricon-field,.sector-workspace-form,.checkmate-workspace) :is(input,select,textarea):focus-visible{
  outline:2px solid #282828;outline-offset:3px;
}
@media(max-width:900px){
  .sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .article-reading-layout{grid-template-columns:minmax(0,1fr);gap:32px}
  .sp-site .page-family-support-article :is(.article-body,.article-side){grid-column:auto;grid-row:auto}
}
@media(max-width:760px){
  .sp-site .page-family .confidence-section{grid-template-columns:minmax(0,1fr);gap:24px;padding-inline:0}
  .sp-site .page-family .confidence-points{min-width:0;grid-template-columns:minmax(0,1fr)}
  .sp-site .page-family .confidence-points article{min-width:0;grid-template-columns:34px minmax(0,1fr);padding:16px}
  .sp-site .guides-publication .guides-library-controls{margin-inline:0;width:100%}
  .sp-site .page-family .page-hero{--hero-inset:6px}
  .sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero{min-height:0;margin-top:16px}
  .sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero .page-hero-inner{min-height:0;padding-block:32px}
  .sp-site .page-family:is(.page-family-guide-article,.page-family-support-article) .page-hero h1{font-size:34px;max-width:100%}
  .sp-site .sector-workspace{padding-inline:0}
  .sp-site :is(.sector-workspace-form,.sector-workspace-output){padding:16px}
  .page-family-metricon-tool .metricon-field{grid-template-columns:minmax(0,1fr);gap:10px;padding:16px}
  .page-family-metricon-tool .metricon-result{padding:16px}
  .page-family-checkmate-tool .tool-focus-header{padding-inline:0}
  .standalone-chat-document .nova-chat-focus-shell{width:calc(100% - 40px)}
  .standalone-chat-document .tool-focus-header{padding-inline:0}
  .standalone-chat-document .nova-chat-page-chatgpt .nova-chat-thread{width:calc(100% - 40px)}
  .standalone-chat-document .nova-chat-page-chatgpt .nova-chat-composer-wrap{padding-inline:20px}
  .standalone-chat-document .nova-chat-page-chatgpt .nova-chat-empty>p{font-size:14px;line-height:1.6}
  .standalone-chat-document .nova-chat-page-chatgpt .nova-chat-app-topbar{min-height:60px;flex-basis:60px}
}
@media(prefers-reduced-motion:reduce){
  .sp-site .header-dropdown-toggle .header-dropdown-chevron{transition:none}
}
@media(forced-colors:active){
  :is(.metricon-field,.sector-workspace-form,.checkmate-workspace) select{appearance:auto;background-image:none;padding-right:12px}
}

/* Neutral surfaces: white canvas, #f9f9f9 accents, faint black separators. */
body.sp-site{
  --ui-accent:#f9f9f9;
  --ui-ink:#282828;
  --ui-muted:#626262;
  --ui-line:rgba(0,0,0,.08);
  --line:var(--ui-line);
  --acx-line:var(--ui-line);
  --acx-muted:var(--ui-muted);
  --acx-soft:var(--ui-accent);
}
.sp-site .site-header::before{display:none!important}
.sp-site .site-header{
  color:var(--ui-ink);border-color:var(--ui-line);box-shadow:none;
  transition:transform .2s ease,opacity .2s ease;
}
body.sp-site .site-header.site-header-hidden{
  transform:translateY(calc(-100% - 24px))!important;opacity:0;pointer-events:none;
}
.sp-site .site-header :is(.site-menu-button,.site-workspace-button){background:var(--ui-accent);color:var(--ui-ink);border-color:var(--ui-line)}
.sp-site .site-header :is(.header-dropdown-toggle,.site-signin,.site-brand){color:var(--ui-ink)}
.sp-site .site-header .header-dropdown-intro{background:var(--ui-accent)}
.sp-site .site-header .header-dropdown-panel{border-color:var(--ui-line);box-shadow:0 12px 32px #0000000a}
.sp-site .global-menu{background:var(--ui-accent)}
.sp-site .global-menu :is(.global-menu-head,.global-menu-footer){border-color:var(--ui-line)}
.sp-site .sector-page .sector-area-card:first-child{background:var(--ui-accent)}
.sp-site .page-family .page-hero .page-hero-shade{background:linear-gradient(90deg,#161616eb,#16161680)}
.sp-site.public-home .home-task-rail{background:var(--ui-accent);backdrop-filter:none;border:0}
.sp-site.public-home .home-task-rail a{color:var(--ui-ink);border:0}
.sp-site.public-home .home-task-rail :is(span,strong){color:var(--ui-ink)}
.sp-site.public-home .home-task-rail small{color:var(--ui-muted)}
.sp-site .page-family :is(.landing-task-nav,.sector-workspace,.metricon-field,
  .home-problem-card,.home-solve-card,.article-overview,.support-principles){
  background:var(--ui-accent);border-color:var(--ui-line);
}
.sp-site .page-family .landing-task-nav{border:0}
.sp-site .page-family .landing-task-nav a{color:var(--ui-ink);border:0}
.sp-site .page-family :is(.landing-task-rows a,.landing-task-rows strong,
  .landing-background>summary,.confidence-action){color:var(--ui-ink)}
.sp-site .page-family :is(.landing-boundary,.landing-task-rows span,
  .sector-area-card p,.sector-role-card p,.checkmate-tool-card p,.metricon-live-card p,
  .checkmate-search-status,.metricon-search-help,.metricon-search-status){color:var(--ui-muted)}
.sp-site .page-family :is(.landing-start,.landing-background,.article-overview,
  .guides-masthead,.guides-hero-search,.guides-featured,.guides-subjects,.guides-selected,
  .guides-all,.guides-sectors,.guides-standard,.guides-publication-heading,.sector-section,.confidence-section,
  .support-depth-intro,.support-principles){border-top:0;border-bottom:0}
.sp-site .page-family :is(.article-overview>div,.article-overview article,.support-principles article,.landing-task-rows,.lp-steps article,
  .sector-area-card,.sector-role-card,.confidence-points article){border:0}
.sp-site .page-family :is(.landing-task-rows a,.article-side a,
  .support-card,.metricon-live-card,.checkmate-tool-card,.guide-library-card,
  .publication-header,.publication-hero,.publication-section-head,.blog-lead,
  .publication-crosslink,.updates-list,.blog-list,.update-entry,.blog-entry,
  .blog-topic-list,.blog-topic-list>div,.updates-scope li){border-color:var(--ui-line)}
.sp-site .page-family :is(.publication-hero,.blog-lead,.publication-crosslink){border:0}
.sp-site .page-family-post-index{background:var(--ui-accent)}
.sp-site .page-family-post-index .publication-index{width:var(--acx-page);color:var(--ui-ink)}
.sp-site .site-footer{border-top:0}
.sp-site :is(.site-footer-inner,.header-dropdown-link,.site-search-panel,.site-search-results li,
  .sector-workspace-form,.sector-workspace-output,.support-search-shell,.checkmate-search-shell,
  .metricon-search-shell){border-color:var(--ui-line)}
.sp-site .page-family :is(.metricon-category-filter,.checkmate-category-filter,.support-filter){color:var(--ui-ink);border-color:var(--ui-line)}
.sp-site .page-family :is(.metricon-category-filter,.checkmate-category-filter,.support-filter)[aria-pressed="true"]{background:var(--ui-ink);color:#fff;border-color:var(--ui-ink)}
.sp-site :is(a,button,summary,input,select,textarea):focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}
:is(.page-family-metricon-tool,.page-family-checkmate-tool) :is(.tool-focus-header,.metricon-formula,
  .metricon-field,.metricon-breakdown-row,.metricon-note,.checkmate-workspace-head){border-color:rgba(0,0,0,.08)}
.page-family-metricon-tool .metricon-result{background:#f9f9f9;color:#282828}
.page-family-metricon-tool .metricon-result-grid{border-color:rgba(0,0,0,.08)}
.page-family-metricon-tool .metricon-result-grid :is(span,strong){color:#626262}
@media(hover:hover) and (pointer:fine){
  .sp-site .site-header :is(.header-dropdown-toggle,.header-dropdown-link,.site-signin):hover,
  .sp-site .page-family :is(.landing-task-nav a,.landing-task-rows a,.home-problem-card,
    .metricon-live-card,.checkmate-tool-card,.support-card,.guide-library-card,
    .metricon-quick-searches button,.guides-hero-quick button,.support-search-suggestions button):hover,
  .sp-site .site-search-results a:hover{background:var(--ui-accent);color:var(--ui-ink);transform:none;box-shadow:none}
  .sp-site .page-family :is(.metricon-category-filter,.checkmate-category-filter,.support-filter):not([aria-pressed="true"]):hover{background:var(--ui-accent);color:var(--ui-ink)}
  .sp-site.public-home .home-task-rail a:hover{background:#efefef;color:var(--ui-ink)}
  .sp-site .page-hero :is(.page-hero-primary,.page-hero-secondary):hover{background:#f9f9f9;color:#282828;border-color:#f9f9f9;transform:none}
  .sp-site .global-menu-directory a:hover{background:var(--ui-accent);color:var(--ui-ink);transform:none}
}
@media(prefers-reduced-motion:reduce){.sp-site .site-header{transition:none}}
@media(forced-colors:active){
  .sp-site :is(a,button,summary,input,select,textarea):focus-visible{outline-color:Highlight}
}

/* Compact header actions retain names for assistive technology and tooltips. */
.sp-site .site-header .site-header-actions .site-icon-action,
.sp-site .site-header .site-search summary,
.standalone-search .site-search summary{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;
  width:44px;min-width:44px;height:44px;min-height:44px;padding:0;
  border:0;border-radius:8px;background:transparent;color:#282828;
}
.site-icon-action svg,.site-search summary>svg{display:block;flex:none;width:20px;height:20px}
.sp-site .site-header .site-menu-button.global-menu-button{
  min-width:58px;height:44px;min-height:44px;padding:0 12px;
  border:0;border-radius:8px;background:#f9f9f9;color:#626262;
}
.sp-site .site-header .site-menu-label{color:inherit}
.sp-site .site-header .site-header-actions{gap:6px}
@media(hover:hover) and (pointer:fine){
  .sp-site .site-header .site-header-actions .site-icon-action:hover,
  .sp-site .site-header .site-search summary:hover,
  .standalone-search .site-search summary:hover{background:#f9f9f9;color:#282828}
  .sp-site .site-header .site-menu-button.global-menu-button:hover{background:#efefef;color:#626262;transform:none}
}
@media(max-width:760px){
  .sp-site .site-header .site-menu-button.global-menu-button{min-width:52px;padding:0 8px}
  .sp-site .site-header .site-signout{display:none}
}
@media(max-width:374px){
  .sp-site .site-header .site-header-actions .site-signin.site-icon-action{display:none}
}