/* work/get-found (Search and AI visibility): this page's window sizes and card drawings. The frame is shared/site.css; the common
   cards are shared/app-cards.css. Window sizes live here, not in a style attribute, so the narrow rule in site.css reaches them.
   Card families first drawn here (candidates for shared/app-cards.css): .pc-fix, .pc-stats, .pc-wide, .pc-caveat, .pc-headline,
   .pc-etiles, .pc-block, .pc-bars, .pc-src, .pc-lrow, .pc-lgrid, .pc-lcells. */
/* red team wave 2: ONE hero window (780×580) and ONE stage window (900×660) on all six work pages, so the drawn UI keeps one
   scale: u ≈ 0.95 in the hero and in the stages at 1440, ≈ 0.88–0.90 at 1366, and ≥ 0.95 at 1440×780 (the design report's
   900/960 widths gave 0.82 in the hero against 0.90 in the stages, and 8–9 px window text at 1366). Phones: 430 × 640 / 760.
   A short laptop screen: the hero section drops its section padding so the window's caption stays above the fold
   (the shared rule sets the hero's own padding only; logged for shared/site.css). */
@media (max-height:820px) and (min-width:900px){.sec-hero{padding-top:0}}
.w-gf-hero{--dw:780;--dh:580}
.w-gf{--dw:900;--dh:660}
.w-gf .cv-doc{width:calc(var(--u)*400)}
.w-gf .w-ctext,.w-gf-hero .w-ctext{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* AI Visibility: the two blocks sit side by side under the headline and tiles */
.pc-aiv{--d:grid;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-aiv>*{grid-column:1/-1}
.pc-aiv>.pc-block{grid-column:auto;align-content:start}
.pc-aiv .pc-bars li{grid-template-columns:calc(var(--u)*124) 1fr calc(var(--u)*34)}
/* the two wide results use the thread's width, as the real AI Visibility and local scan cards do, so every state fits the one window */
.w-gf .pc-aiv,.w-gf .pc-local{max-width:none}
.w-gf .pc-aiv .pc-headline span{max-width:none}
/* the local scan: the grid and its averages on the left, who showed instead on the right */
.pc-local{--d:grid;display:grid;grid-template-columns:auto minmax(0,1fr)}
.pc-local>*{grid-column:1/-1}
.pc-local>.pc-lrow{grid-column:1}
.pc-local>.pc-block{grid-column:2;align-content:start;padding-top:calc(var(--u)*12);padding-left:0}
.pc-local .pc-bars li{grid-template-columns:calc(var(--u)*118) 1fr calc(var(--u)*50)}

/* the headline fix inside the Site Intelligence card */
.pc-fix{--d:grid;display:grid;gap:calc(var(--u)*3);margin:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*2);padding:calc(var(--u)*8) calc(var(--u)*11);border:1px solid #1f6b5a;border-radius:calc(var(--u)*9);background:rgba(33,173,143,.08)}
.pc-fix small{font:600 calc(var(--u)*11)/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--teal-hi)}
.pc-fix strong{font-size:calc(var(--u)*13.5);font-weight:600;line-height:1.3}
.pc-fix span{font-size:calc(var(--u)*11.5);color:var(--sub)}
/* a row of numbers */
.pc-stats{display:flex;gap:calc(var(--u)*6);margin-top:calc(var(--u)*8);padding:calc(var(--u)*10) calc(var(--u)*14);border-block:1px solid #454545}
.pc-stats>div{flex:1;display:grid;gap:calc(var(--u)*2);text-align:center}
.pc-stats b{font-size:calc(var(--u)*20);font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums}
.pc-stats small{font-size:calc(var(--u)*11);font-weight:500;color:var(--sub)}
.pc-stats em{font-style:normal;font-size:calc(var(--u)*11);color:var(--dim)}
.pc>footer .pc-wide{flex:1;justify-content:center}
.pc-si>footer,.pc-aiv>footer,.pc-local>footer{border-top:0}
.pc-caveat{padding:calc(var(--u)*2) calc(var(--u)*14) calc(var(--u)*10);font-size:calc(var(--u)*11);line-height:1.4;color:var(--dim)}
/* AI Visibility: the share, then one tile per assistant */
.pc-headline{display:flex;align-items:center;gap:calc(var(--u)*14);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*2)}
.pc-headline b{font-size:calc(var(--u)*32);font-weight:600;line-height:1;letter-spacing:-.03em}
.pc-headline b i{font-style:normal;font-size:calc(var(--u)*20);color:var(--sub)}
.pc-headline span{max-width:26ch;font-size:calc(var(--u)*13);line-height:1.35}
.pc-etiles{--d:grid;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--u)*6);padding:calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*2)}
.pc-etiles>div{display:grid;gap:calc(var(--u)*2);padding:calc(var(--u)*6) calc(var(--u)*8);border:1px solid #454545;border-radius:calc(var(--u)*8)}
.pc-etiles small{font-size:calc(var(--u)*11);font-weight:600;color:var(--sub)}
.pc-etiles b{font-size:calc(var(--u)*17);font-weight:600}
.pc-etiles em{font:600 calc(var(--u)*11)/1.2 var(--sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--sub)}
.pc-etiles em.up{color:var(--teal-hi)}
.pc-etiles em.gap{color:#f5c26b} /* the real card's amber 'biggest gap' */
/* a labelled block of bars or sources */
.pc-block{--d:grid;display:grid;gap:calc(var(--u)*5);padding:calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*2)}
.pc-block>small{font-size:calc(var(--u)*11);font-weight:600;color:var(--sub)}
.pc-bars{display:grid;gap:calc(var(--u)*4)}
.pc-bars li{display:grid;grid-template-columns:calc(var(--u)*130) 1fr calc(var(--u)*52);align-items:center;gap:calc(var(--u)*10);font-size:calc(var(--u)*12.5)}
.pc-bars li i{display:block;width:var(--w);height:calc(var(--u)*6);border-radius:calc(var(--u)*3);background:#454545}
.pc-bars li.you i{background:var(--teal)}
.pc-bars li b{font-weight:600;text-align:right}
.pc-bars li span em{margin-left:calc(var(--u)*4);padding:calc(var(--u)*1) calc(var(--u)*5);border-radius:calc(var(--u)*4);background:rgba(33,173,143,.18);color:var(--teal-hi);font:600 calc(var(--u)*11)/1.2 var(--sans);font-style:normal;text-transform:uppercase}
.pc-src{display:grid;gap:calc(var(--u)*3)}
.pc-src li{display:flex;justify-content:space-between;gap:calc(var(--u)*10);padding:calc(var(--u)*5) calc(var(--u)*10);border:1px solid #454545;border-radius:calc(var(--u)*7);font-size:calc(var(--u)*12.5)}
.pc-src li small{font-size:calc(var(--u)*11);color:var(--sub)}
/* the local scan: a 5 x 5 grid of ranks beside the averages */
.pc-lrow{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:calc(var(--u)*6) calc(var(--u)*18);padding:calc(var(--u)*10) calc(var(--u)*14) calc(var(--u)*4)}
.pc-lrow .pc-stats{flex-direction:column;gap:calc(var(--u)*10);margin:0;padding:0;border:0}
.pc-lrow .pc-stats>div{text-align:left}
.pc-lgrid{display:grid;gap:calc(var(--u)*6)}
.pc-lgrid small{font-size:calc(var(--u)*11);font-weight:600;color:var(--sub)}
.pc-lcells{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(var(--u)*2);width:calc(var(--u)*150)}
.pc-lcells i{aspect-ratio:1;display:grid;place-items:center;border-radius:calc(var(--u)*5);font-style:normal;font-size:calc(var(--u)*12);font-weight:600;font-variant-numeric:tabular-nums;color:#0f1a16}
.pc-lcells .g1{background:#34d399}
.pc-lcells .g2{background:#a3e635}
.pc-lcells .g3{background:#fbbf24}
.pc-lcells .g4{background:#f87171}

@media (max-width:899px){
  .fit .w-gf{--dh:760}
  .fit .w-gf-hero{--dh:640}
  .w-gf .cv-doc{width:100%}
  .w-gf .pc-choice ul{grid-template-columns:minmax(0,1fr)}
  .w-gf .pc-choice li small{display:none}
  .pc-etiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pc-stats{padding-inline:calc(var(--u)*8)}
  .pc-bars li{grid-template-columns:calc(var(--u)*110) 1fr calc(var(--u)*48)}
  .pc-aiv>.pc-block{grid-column:1/-1}
  .pc-local>.pc-lrow,.pc-local>.pc-block{grid-column:1/-1}
  .pc-local>.pc-block{padding:calc(var(--u)*8) calc(var(--u)*14) calc(var(--u)*2)}
}