/* Black Knight AI: how the inner pages sit in the round 13 frame (13 Oct 2026).
   Every page opens on the stage (.page-stage: lacquer, the heading in bone, the page's own picture with no box
   round it), reads on the same paper as the home page, and closes on the gold band (.close, in shell.css).
   This file is that opening, plus the alignments that bring the older page bodies (site.css, refresh.css and
   each page's own styles) to the same paper, actions and labels. Loads last, after shell.css.
   tools/edit_pages_r13.py made the matching changes to the pages. */
:root{
  /* the film on /what-we-do reads these (assets/css/org-redrawn.css) */
  --lq:#0b1014;--lq-2:#10171d;--lq-line:rgba(239,233,220,.1);--lq-text:#efe9dc;--lq-soft:#c9d0d3;--lq-muted:#a3adb2;--lq-gold:#d3ad68;--lq-teal:#4aa998;
  /* one paper: the page bodies were drawn on white with cool grey rules and a blue for hover and focus */
  --paper:#f8f5ee;--cream:#f1ebdd;--mist:#f1ebdd;--line:rgba(20,35,46,.15);--blue:#14232e;
  --psf:clamp(64px,7.4vw,112px);
}
html{background:var(--s-lq);scroll-padding-top:96px}
body{background:var(--s-paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
main:focus{outline:none}

/* ---------- The stage: how a page opens ---------- */
.page-stage{position:relative;isolation:isolate;overflow:hidden;background:var(--s-lq);color:var(--s-bone);font-family:var(--s-text);
  padding:calc(var(--bar) + clamp(30px,6.5vh,76px)) 0 clamp(64px,8.4vw,112px)}
/* light from the right where the picture stands, a little gold from the wings, darkness at the edges, and grain */
.page-stage::before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(46vw 78% at 76% 52%,rgba(201,208,211,.1),transparent 100%),radial-gradient(34vw 44% at 6% 0%,rgba(211,173,104,.08),transparent 72%),radial-gradient(130% 110% at 44% 44%,transparent 50%,rgba(0,0,0,.5) 100%)}
.page-stage::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:var(--s-grain)}
.ps-in{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(36px,6vw,104px);align-items:center}
.ps-copy{min-width:0}
.page-stage h1{margin:0;font-family:var(--s-display);font-weight:500;font-optical-sizing:auto;font-size:clamp(44px,min(5.6vw,10.4vh),86px);line-height:.99;letter-spacing:-.028em;color:var(--s-bone);text-wrap:balance}
.ps-lead{margin:28px 0 0;max-width:31em;font-size:19px;line-height:1.6;letter-spacing:-.006em;color:var(--s-soft)}
.ps-note{margin:16px 0 0;max-width:36em;font-size:15.5px;line-height:1.65;letter-spacing:0;color:var(--s-muted)}
.ps-lead a,.ps-note a{color:var(--s-bone);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* a name and what it is, where the heading does not say it */
.ps-k{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 22px;font-size:14.5px;line-height:1.4;color:var(--s-gold)}
.ps-k b{font-weight:700}
.ps-k span{position:relative;padding-left:13px;font-weight:500}
.ps-k span::before{content:'';position:absolute;left:0;top:.2em;bottom:.2em;width:1px;background:currentColor;opacity:.4}
.ps-acts{display:flex;flex-wrap:wrap;align-items:center;gap:20px 30px;margin-top:36px}
.ps-acts+.ps-note{margin-top:22px}
.ps-fine{font-size:13.5px}
.page-stage .lnk{color:var(--s-bone)}
.page-stage :focus-visible{outline:2px solid var(--s-gold);outline-offset:4px}

/* words only */
.ps-plain .ps-in{grid-template-columns:minmax(0,1fr)}
.ps-plain h1{font-size:clamp(44px,min(6.2vw,11vh),96px)}
.ps-plain .ps-lead{max-width:36em}
.ps-plain{padding-bottom:clamp(56px,7vw,96px)}
.ps-tall{display:flex;align-items:center;min-height:min(86vh,820px)}
.ps-tall>.wrap{width:100%}
/* where no gold band follows, a hairline parts the stage from the footer */
.ps-tall{box-shadow:inset 0 -1px 0 var(--s-hair)}

/* ---------- The pictures ---------- */
.page-stage .doc-art{position:relative;margin:0;min-width:0;color:var(--s-bone)}
.da-k{margin:0;font-size:14px;font-weight:550;line-height:1.4;color:var(--s-muted)}
.da-s{margin:14px 0 0;font-size:14px;line-height:1.6;color:var(--s-muted)}
.doc-art a{color:inherit}

/* Contact and FAQ: a short list, set like the request log on the home page */
.da-list{list-style:none;margin:16px 0 0;padding:0;box-shadow:inset 0 1px 0 var(--s-hair-2)}
.da-list li{box-shadow:inset 0 -1px 0 var(--s-hair)}
.da-list li>a,.da-list li>div{display:grid;grid-template-columns:46px minmax(0,1fr);gap:0 8px;padding:20px 0 22px;color:inherit;text-decoration:none}
.da-list i{font-style:normal;font-family:var(--s-display);font-size:17px;line-height:1.6;color:var(--s-gold)}
.da-list p{margin:0}
.da-list b{display:block;font-family:var(--s-display);font-weight:500;font-size:clamp(21px,1.85vw,26px);line-height:1.2;letter-spacing:-.015em;color:var(--s-bone);transition:color .2s}
.da-list span{display:block;margin-top:7px;font-size:15px;line-height:1.6;color:var(--s-muted)}
.da-list li>a:hover b{color:var(--s-gold)}
/* three facts, not a sequence: no numerals */
.da-quick .da-list li>a{grid-template-columns:minmax(0,1fr)}

/* What we do: the film is a screen on the stage */
.ps-film .ps-in{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}
/* three lines, broken by sense: sized so the first always fits its column */
.ps-film h1{font-size:clamp(42px,min(4.75vw,9.6vh),72px);text-wrap:wrap}
.ps-film h1 .ln{display:block}
.page-stage .da-org{padding:24px 28px 26px;background:var(--s-lq-2);box-shadow:inset 0 0 0 1px var(--s-hair),0 50px 90px -60px #000}
.org-dark{display:block;width:100%;height:auto;margin:16px 0 0;overflow:visible}
.org-dark text{font-family:var(--s-text)}
.org-dark .m-tier{font-size:8.6px;letter-spacing:.15em;font-weight:800;fill:#7f8a90}
.org-dark .m-sys-l{font-size:9.8px;font-weight:650;fill:#a7b1b6}
.rdw-btn{border-radius:0}

/* About: the Knight on its floor, as on the home page */
.ps-about{padding-bottom:0}
.ps-about .ps-in{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:end}
.ps-about .ps-copy{padding-bottom:calc(var(--psf) + clamp(28px,5vh,60px))}
.ps-knight{position:relative;justify-self:center;margin:0 0 var(--psf);height:min(60vh,35vw,640px);aspect-ratio:684/1174;isolation:isolate}
.ps-knight::before{content:'';position:absolute;left:50%;top:44%;width:92vw;height:150%;transform:translate(-50%,-50%);z-index:-2;pointer-events:none;
  background:radial-gradient(22% 25% at 50% 52%,rgba(214,219,222,.13),transparent 100%),radial-gradient(46% 49% at 50% 51%,rgba(201,208,211,.15),rgba(201,208,211,.05) 50%,transparent 78%),radial-gradient(29% 25% at 54% 25%,rgba(211,173,104,.085),transparent 72%)}
.ps-knight::after{content:'';position:absolute;left:50%;top:100%;width:64vw;height:var(--psf);margin-left:-32vw;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(239,233,220,.3) 50%,transparent) 0 0/100% 1px no-repeat,radial-gradient(48% 92% at 50% 0%,rgba(239,233,220,.13),transparent 72%)}
.ps-knight picture{position:relative;display:block;height:100%}
.ps-knight picture::after{content:'';position:absolute;left:-2%;right:-2%;bottom:-13px;height:26px;border-radius:50%;z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.9),rgba(0,0,0,0) 68%)}
.ps-knight picture img{position:relative;z-index:2;display:block;width:100%;height:100%;filter:drop-shadow(0 26px 30px rgba(0,0,0,.5))}
.ps-knight .ps-refl{position:absolute;left:0;top:100%;z-index:0;display:block;width:100%;height:100%;transform:scaleY(-1);opacity:.5;filter:blur(.8px) brightness(.72) saturate(.9);
  -webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.25) 9%,transparent 19%);mask-image:linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,.25) 9%,transparent 19%)}

/* How we work: the method board is the opening (the board and the steps are in shell.css) */
.ps-method{padding-bottom:clamp(56px,6.4vw,88px)}
.psm-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px clamp(32px,6vw,96px);align-items:end}
.psm-head h1{white-space:nowrap}
.psm-say{justify-self:end;max-width:30em;padding-bottom:.35em}
.psm-say .ps-lead{margin-top:0;font-size:18.5px}
.psm-say .ps-note{margin-top:12px}

/* Executive Workbench: the diagram is a sheet of paper under the light */
.ps-workbench .ps-in{grid-template-columns:minmax(0,1fr) minmax(0,600px);gap:44px clamp(40px,5vw,72px);align-items:start}
.page-stage .wbd{margin:0;width:100%;box-shadow:0 60px 90px -50px #000}
.wbd,.wbd-you-box,.wbd-agent,.wbd-works,.wbd-tile,.wbd-rules{border-radius:0}
.wbd-label{margin:2px 4px 10px;font-size:13px;font-weight:700;letter-spacing:0;text-transform:none}

/* ---------- The page body, on the same paper as the home page ---------- */
.document-page{padding-top:clamp(52px,6.2vw,88px);padding-bottom:clamp(64px,8vw,112px)}
#main .document-page>:first-child{margin-top:0}
.document-page h2,.document-page h3{letter-spacing:-.026em;text-wrap:balance}
.narrow-page>section .page-fine{margin-top:16px;font-size:14px;line-height:1.65;color:var(--s-ink-3)}
.narrow-page>section .page-links{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:22px}
/* actions: the gold button and the underlined link, as on the home page */
#main .button{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:56px;padding:0 28px;border:0;background:var(--s-gold);color:var(--s-ink);
  font-size:15px;font-weight:650;letter-spacing:-.003em;line-height:1.3;text-align:center;transition:background-color .2s,transform .2s var(--s-ease-out)}
#main .button:hover{background:#e2c183;color:var(--s-ink);transform:none}
#main .button:active{transform:translateY(1px)}
#main .text-link{display:inline-block;min-height:0;padding:4px 0 6px;border:0;gap:0;font-size:15px;font-weight:650;line-height:1.4;letter-spacing:0;color:inherit;
  background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .25s var(--s-ease-out)}
#main .text-link:hover{color:inherit;background-size:100% 2px}
#main .document-page :focus-visible{outline:2px solid var(--s-ink);outline-offset:4px}
/* labels: sentence case, no tracking; a name and what it is share a line */
#main .eyebrow{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;font-size:14.5px;line-height:1.4;font-weight:650;letter-spacing:0;text-transform:none;color:var(--s-gold-ink)}
#main .eyebrow b{font-weight:700}
#main .eyebrow b+span{position:relative;padding-left:13px;font-weight:500}
#main .eyebrow b+span::before{content:'';position:absolute;left:0;top:.2em;bottom:.2em;width:1px;background:currentColor;opacity:.4}

/* labels and form labels, in sentence case like the home page */
.founder .role,.case-kind,.cases-label>span:first-child,#main .wb-paste-label,.kit-form label,.kit-form .opt,.contact-form label,.contact-form fieldset.topic legend{letter-spacing:0;text-transform:none}
.case-kind,.cases-label>span:first-child{font-size:13.5px;font-weight:700;line-height:1.4}
#main .wb-paste-label{font-size:13.5px!important;font-weight:700}
.kit-form label,.contact-form label,.contact-form fieldset.topic legend{font-size:14px;font-weight:650;line-height:1.4;color:var(--s-ink)}
.kit-form .opt{font-size:13px;font-weight:500;color:var(--s-ink-3)}
.contact-form label.opt{font-size:15.5px;font-weight:500}
.contact-form input,.contact-form textarea,.kit-form input,.kit-form textarea{border-color:var(--s-rule-2)}
.contact-form input:focus,.contact-form textarea:focus,.kit-form input:focus,.kit-form textarea:focus{outline:2px solid var(--s-ink);outline-offset:2px;border-color:var(--s-ink)}
#main .text-link{color:var(--s-ink)}

/* About: the people, set as on the home page */
.founders>h2{font-size:clamp(34px,4.2vw,60px);line-height:1.02;letter-spacing:-.028em;margin:0 0 clamp(36px,4.4vw,60px)}
.founder-grid{gap:44px clamp(20px,2.6vw,40px)}
.founder,.founder.pending{background:none;border-top:0;padding:0}
.founder .portrait{max-width:none;aspect-ratio:4/5;background:var(--s-paper-2)}
.founder .portrait img{filter:grayscale(1) contrast(1.04);mix-blend-mode:multiply}
.founder h3{margin:22px 0 0;font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.022em}
.founder .role{margin-top:6px;font-size:14.5px;font-weight:650;line-height:1.4;color:var(--s-gold-ink)}
.founder .bio{margin-top:14px;max-width:30em;font-size:15.5px;line-height:1.65;color:var(--s-ink-2)}
.founder .bio+.bio{margin-top:10px}
.founder .links{padding-top:18px}
#main .founder .text-link{font-size:15px}

/* Contact: the form sits on the paper; the two other routes stack beside it */
.contact-page .contact-options{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px clamp(40px,7vw,112px);align-items:start}
.contact-page .contact-options{display:grid;row-gap:48px}
.contact-page .contact-option,.contact-page .contact-option.mail-option{padding:0;border:0;background:none}
.contact-page .contact-option h2{margin:0 0 14px;font-size:clamp(30px,3.1vw,44px);line-height:1.05;letter-spacing:-.026em}
.contact-page .contact-option>p:not(.eyebrow):not(.small):not(.contact-detail){max-width:30em;margin-bottom:26px;font-size:16px;line-height:1.65;color:var(--s-ink-2)}
.contact-stack{gap:0}
.contact-page .contact-stack .contact-option{padding:0 0 38px}
.contact-page .contact-stack .contact-option+.contact-option{padding:36px 0 0;box-shadow:inset 0 1px 0 var(--s-rule)}
.contact-page .contact-stack .contact-option h2{margin:0 0 12px;font-size:clamp(26px,2.4vw,32px)}
.contact-context{margin-top:clamp(52px,6vw,84px);border-top-color:var(--s-rule)}

/* FAQ: each group reads as the answers do on the home page */
.faq-page .faq-group,.faq-page .faq-group:first-of-type{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:20px clamp(36px,6vw,104px);align-items:start;max-width:none;margin:0;padding:clamp(44px,5vw,72px) 0;box-shadow:inset 0 1px 0 var(--s-rule)}
.faq-page .faq-group:first-of-type{padding-top:0;box-shadow:none}
.faq-page .faq-group:last-of-type{padding-bottom:0}
.faq-page .faq-group h2{position:sticky;top:104px;margin:0;font-family:var(--s-display);font-weight:500;font-size:clamp(30px,3.5vw,50px);line-height:1.03;letter-spacing:-.027em;text-transform:none;color:var(--s-ink)}
.faq-page .faq-list{box-shadow:inset 0 -1px 0 var(--s-rule)}
.faq-page .faq-list details{padding:0;border-top:0;box-shadow:inset 0 1px 0 var(--s-rule)}
.faq-page .faq-group:first-of-type .faq-list details:first-child{box-shadow:inset 0 1px 0 var(--s-ink)}
.faq-page .faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:18px 0;list-style:none;cursor:pointer;font-family:var(--s-display);font-weight:500;font-size:clamp(20px,1.75vw,25px);line-height:1.25;letter-spacing:-.015em;color:var(--s-ink)}
.faq-page .faq-list summary::-webkit-details-marker{display:none}
.faq-page .faq-list summary::after{content:'';flex:none;width:15px;height:15px;background:linear-gradient(var(--s-ink),var(--s-ink)) 50% 50%/100% 1.5px no-repeat,linear-gradient(var(--s-ink),var(--s-ink)) 50% 50%/1.5px 100% no-repeat;transition:transform .3s var(--s-ease-out)}
.faq-page .faq-list details[open] summary{color:var(--s-ink)}
.faq-page .faq-list details[open] summary::after{transform:rotate(135deg)}
.faq-page .faq-list details p{margin:0;max-width:38em;padding:0 0 26px;font-size:16.5px;line-height:1.65;color:var(--s-ink-2)}
.faq-page .faq-list details p+p{margin-top:-12px}

@media(max-height:780px) and (min-width:901px){
  .ps-lead{margin-top:22px;font-size:17.5px}
}
@media(max-width:1180px) and (min-width:901px){
  .ps-workbench .ps-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
}
@media(max-width:900px){
  html{scroll-padding-top:76px}
  .page-stage{padding-top:calc(var(--bar) + 26px)}
  .ps-in,.ps-film .ps-in,.ps-about .ps-in,.ps-workbench .ps-in{grid-template-columns:minmax(0,1fr);gap:40px}
  .page-stage h1,.ps-plain h1{font-size:clamp(40px,10.4vw,72px);line-height:1}
  .ps-film h1{font-size:clamp(28px,9.4vw,72px)}
  .ps-lead,.psm-say .ps-lead{margin-top:20px;font-size:17px;line-height:1.55}
  .ps-note{font-size:15px}
  .ps-about .ps-copy{padding-bottom:0}
  .ps-knight{height:min(92vw,56vh)}
  .psm-head{grid-template-columns:minmax(0,1fr)}
  .psm-head h1{white-space:normal}
  .psm-say{justify-self:start;padding-bottom:0}
  .ps-method .m-board{margin-top:26px}
  .page-stage .da-org{padding:20px 20px 22px}
  .ps-tall{min-height:min(80vh,680px)}
  .contact-page .contact-options{grid-template-columns:minmax(0,1fr)}
  .faq-page .faq-group,.faq-page .faq-group:first-of-type{grid-template-columns:minmax(0,1fr);gap:18px}
  .faq-page .faq-group h2{position:static}
  .founder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .ps-acts .btn{flex:1 1 auto}
  /* the label and what it is, one above the other */
  .ps-k,#main .eyebrow{flex-direction:column;gap:2px}
  .ps-k span,#main .eyebrow b+span{padding-left:0}
  .ps-k span::before,#main .eyebrow b+span::before{display:none}
  #main .button{padding:0 22px}
  .founder-grid{grid-template-columns:minmax(0,1fr)}
  .founder .portrait{max-width:440px}
  .faq-page .faq-list summary{min-height:68px;font-size:20px}
}
@media print{
  .page-stage{padding:0 0 16px;background:none;color:#000;overflow:visible}
  .page-stage::before,.page-stage::after,.ps-knight,.m-board{display:none}
  .page-stage h1,.ps-lead,.ps-note,.da-list b,.da-list span,.da-k,.step h2,.step-s,.step-b{color:#000}
}

/* ---------- Middles: the sections between the stage and the gold band (round 14) ---------- */
.pg-sec{position:relative;padding:clamp(80px,10vw,144px) 0;background:var(--s-paper);color:var(--s-ink);font-family:var(--s-text)}
.pg-sec.pg-tint{background:var(--s-paper-2)}
.pg-sec.pg-ruled{padding-top:0}
.pg-sec.pg-ruled>.wrap{position:relative;padding-top:clamp(64px,7vw,104px)}
.pg-sec.pg-ruled>.wrap::before{content:'';position:absolute;left:var(--gut);right:var(--gut);top:0;height:1px;background:var(--s-rule)}
.pg-band{isolation:isolate;overflow:hidden;background:var(--s-lq);color:var(--s-bone)}
.pg-band::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(36% 30% at 10% 4%,rgba(211,173,104,.07),transparent 72%),radial-gradient(130% 100% at 50% 50%,transparent 55%,rgba(0,0,0,.45) 100%)}
.pg-band :focus-visible{outline:2px solid var(--s-gold);outline-offset:4px}
.pg-head{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:24px clamp(36px,6vw,104px);align-items:end}
.pg-head h2{margin:0;font-family:var(--s-display);font-weight:500;font-optical-sizing:auto;font-size:clamp(38px,5.4vw,80px);line-height:1;letter-spacing:-.028em;text-wrap:balance}
.pg-head.long h2{font-size:clamp(34px,4.5vw,66px)}
.pg-head .eyebrow{margin-bottom:20px}
.pg-lede{margin:0;max-width:31em;font-size:18.5px;line-height:1.6;color:var(--s-ink-2);padding-bottom:.5em}
.pg-lede p{margin:0 0 14px}
.pg-band .pg-lede{color:var(--s-soft)}
#main .pg-band .eyebrow{color:var(--s-gold)}
.pg-cols{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:48px clamp(36px,6vw,104px);align-items:start;margin-top:clamp(44px,5.5vw,76px)}
.pg-sub{margin:0 0 6px;font-size:14.5px;font-weight:700;line-height:1.4;color:var(--s-gold-ink)}
.pg-band .pg-sub{color:var(--s-gold)}
.pg-h3{margin:0 0 16px;font-family:var(--s-display);font-weight:500;font-size:clamp(30px,3.1vw,44px);line-height:1.05;letter-spacing:-.026em}
.pg-rules{list-style:none;margin:0;padding:0;box-shadow:inset 0 -1px 0 var(--s-rule)}
.pg-rules>li{padding:22px 0 24px;box-shadow:inset 0 1px 0 var(--s-rule)}
.pg-rules>li:first-child{box-shadow:inset 0 1px 0 var(--s-ink)}
.pg-rules>li>b{display:block;font-family:var(--s-display);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.016em;color:var(--s-ink)}
.pg-rules>li>span{display:block;margin-top:7px;max-width:36em;font-size:16px;line-height:1.6;color:var(--s-ink-2)}
.pg-band .pg-rules{box-shadow:inset 0 -1px 0 var(--s-hair)}
.pg-band .pg-rules>li{box-shadow:inset 0 1px 0 var(--s-hair)}
.pg-band .pg-rules>li:first-child{box-shadow:inset 0 1px 0 var(--s-hair-2)}
.pg-band .pg-rules>li>b{color:var(--s-bone)}
.pg-band .pg-rules>li>span{color:var(--s-muted)}
.pg-rules.plain>li{padding:15px 0 16px;font-size:17px;line-height:1.5;font-weight:500}
.pg-rules.table>li{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:8px clamp(36px,6vw,104px);align-items:baseline}
.pg-rules.table>li>span{margin-top:0}
.pg-rules.seq>li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:0 8px}
.pg-rules.seq>li>i{font-style:normal;font-family:var(--s-display);font-size:clamp(22px,2vw,28px);line-height:1.2;color:var(--s-gold-deep)}
.pg-band .pg-rules.seq>li>i{color:var(--s-gold)}
.pg-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(16px,2.4vw,36px);list-style:none;margin:clamp(40px,5vw,68px) 0 0;padding:0}
.pg-steps>li{padding-top:18px;box-shadow:inset 0 2px 0 var(--s-ink)}
.pg-steps>li.gold{box-shadow:inset 0 2px 0 var(--s-gold-deep)}
.pg-steps i{display:block;margin-bottom:9px;font-style:normal;font-family:var(--s-display);font-size:15px;line-height:1;letter-spacing:.04em;color:var(--s-gold-ink)}
.pg-steps b{display:block;font-family:var(--s-display);font-weight:500;font-size:clamp(27px,2.7vw,39px);line-height:1.08;letter-spacing:-.024em}
.pg-steps span{display:block;margin-top:10px;font-size:16px;line-height:1.5;color:var(--s-ink-2)}
.pg-pair{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:44px clamp(36px,6vw,104px)}
.pg-pair p{margin:0;max-width:32em;font-size:16.5px;line-height:1.65;color:var(--s-ink-2)}
.pg-pair .lnk{margin-top:18px}
.pg-sheet{background:#fffdf8;box-shadow:0 0 0 1px var(--s-rule),0 44px 70px -52px rgba(20,35,46,.5);padding:clamp(26px,3.4vw,48px)}
.pg-offer{padding:clamp(24px,2.8vw,36px);background:var(--s-lq-2);box-shadow:inset 0 0 0 1px var(--s-hair)}
.pg-offer p{margin:10px 0 24px;font-size:16px;line-height:1.6;color:var(--s-soft)}
.pg-offer p.pg-sub{margin:0 0 6px;color:var(--s-gold)}
.pg-foot{margin:28px 0 0;max-width:60em;font-size:14.5px;line-height:1.55;color:var(--s-ink-3)}
.pg-band .pg-foot{color:var(--s-muted)}
.pg-cols>div>.pg-foot{margin-top:18px}
.pg-endline{margin:clamp(40px,5vw,64px) 0 0;padding-top:22px;border-top:1px solid var(--s-rule);font-size:16.5px;line-height:1.65;color:var(--s-ink-2)}
.pg-endline b{color:var(--s-ink);font-weight:650}
.pg-endline .lnk{margin-left:18px;color:var(--s-ink)}
@media(max-width:900px){
 .pg-head,.pg-cols,.pg-pair,.pg-rules.table>li{grid-template-columns:minmax(0,1fr)}
 .pg-head h2,.pg-head.long h2{font-size:clamp(34px,9.4vw,64px)}
 .pg-lede{font-size:17px;padding-bottom:0}
 .pg-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px clamp(16px,4vw,36px)}
}
@media(max-width:560px){.pg-steps{grid-template-columns:minmax(0,1fr);gap:28px}.pg-endline .lnk{margin:10px 0 0;display:block;width:max-content}}
/* a paper section that is followed by a ruled one gives up part of its bottom padding, so the hairline is not 250px from the content above */
.pg-sec:has(+ .pg-ruled){padding-bottom:clamp(44px,5vw,72px)}

/* round 14 additions used by How we work and the Workbench */
.pg-p{margin:0 0 18px;max-width:32em;font-size:16.5px;line-height:1.65;color:var(--s-ink-2)}
.pg-band .pg-p{color:var(--s-soft)}
.pg-top0{margin-top:0}
.pg-gap{margin-top:clamp(40px,5vw,68px)}
.pg-h2s{margin:14px 0 18px;font-family:var(--s-display);font-weight:500;font-size:clamp(30px,3.6vw,52px);line-height:1.04;letter-spacing:-.026em;text-wrap:balance}
.pg-decide{margin:clamp(36px,4.4vw,60px) 0 0;max-width:30em;font-family:var(--s-display);font-style:italic;font-weight:400;font-size:clamp(22px,2.2vw,30px);line-height:1.25;letter-spacing:-.012em;color:var(--s-gold)}
.pg-sticky{position:sticky;top:104px}
.pg-decision{margin:28px 0 0;padding:4px 0 4px 20px;border-left:2px solid var(--s-gold-deep)}
.pg-decision b{display:block;font-family:var(--s-display);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.016em;color:var(--s-ink)}
.pg-decision p{margin:7px 0 0;max-width:36em;font-size:16px;line-height:1.6;color:var(--s-ink-2)}
@media(max-width:900px){.pg-sticky{position:static}}

/* ---------- Executive Workbench middle (round 14) ---------- */
.pg-h2m{font-size:clamp(34px,4.2vw,60px)}
.pg-big{margin:0;font-family:var(--s-display);font-weight:500;font-size:clamp(38px,5.4vw,80px);line-height:1;letter-spacing:-.028em}
.pg-rules.plain.serif>li{padding:20px 0 22px;font-family:var(--s-display);font-weight:400;font-size:clamp(24px,2.5vw,36px);line-height:1.2;letter-spacing:-.016em}
.pg-steps.wk{margin-top:clamp(36px,4.4vw,60px)}
.pg-steps.wk i{margin-bottom:12px;font-size:16px;letter-spacing:0}
.pg-steps.wk b{font-style:italic;font-weight:400;font-size:clamp(24px,2.4vw,34px);line-height:1.15;letter-spacing:-.018em}
.pg-steps.wk q{quotes:none}
.pg-sec .pg-sticky>.pg-sub{margin-top:clamp(30px,3vw,44px)}
.pg-sticky .pg-foot{margin-top:22px}
.pg-foot b{color:var(--s-ink);font-weight:650}
.pg-band .pg-foot b{color:var(--s-bone)}
.pg-next{margin-top:clamp(40px,4vw,60px)}
.pg-resume{margin:22px 0 0}
/* examples: no cards. A 2px ink rule across the top, hairlines between the cells. */
.wbp .cases-label{margin:clamp(36px,4.4vw,56px) 0 22px;font-size:16px;line-height:1.55;color:var(--s-ink-2);display:block}
.wbp .cases-label>span:first-child{display:inline;font-size:inherit;font-weight:700;color:var(--s-ink)}
.wbp .cases-label>span:first-child::before{display:none}
.wbp .case-grid{gap:0;border-top:2px solid var(--s-ink)}
.wbp .case{background:none;border:0;border-bottom:1px solid var(--s-rule);padding:28px clamp(18px,2.2vw,32px) 32px;gap:12px}
.wbp .case:nth-child(3n+1){padding-left:0}
.wbp .case:not(:nth-child(3n+1)){border-left:1px solid var(--s-rule)}
.wbp .case h3{font-size:clamp(24px,2.1vw,30px);line-height:1.15;letter-spacing:-.02em}
.wbp .case-kind{color:var(--s-gold-ink)}
.wbp .case-ask{font-size:17px;line-height:1.45;color:var(--s-ink-2)}
.wbp .case-does{border-top:0;margin-top:4px}
.wbp .case-does li{border-bottom:0;font-size:15px;line-height:1.5;padding:4px 0 4px 20px;color:var(--s-ink-2)}
.wbp .case-does li::before{top:.72em;background:var(--s-jade-deep)}
.wbp .case-ok{background:none;border-left:2px solid var(--s-gold-deep);padding:2px 0 2px 14px;font-size:15px;line-height:1.5;color:var(--s-ink-2)}
.wbp .case-ok b{font-weight:700;color:var(--s-ink)}
.wbp .cases-more{margin-top:34px}
.wbp .cases-toggle{border:1px solid var(--s-ink);color:var(--s-ink);border-radius:0}
.wbp .cases-toggle:hover{background:var(--s-ink);color:var(--s-paper)}
@media(max-width:1100px){
 .wbp .case:nth-child(3n+1){padding-left:clamp(18px,2.2vw,32px)}
 .wbp .case:nth-child(odd){padding-left:0;border-left:0}
 .wbp .case:nth-child(even){border-left:1px solid var(--s-rule)}
}
@media(max-width:700px){.wbp .case,.wbp .case:nth-child(odd),.wbp .case:nth-child(even){padding:24px 0 26px;border-left:0}}
/* steps on the band */
.pg-band .pg-step-h{margin:0 0 14px;font-family:var(--s-display);font-weight:500;font-size:clamp(22px,2vw,28px);line-height:1.2;letter-spacing:-.016em;color:var(--s-bone)}
.pg-band .pg-rules.seq>li{padding-bottom:34px}
.pg-band .pg-rules.seq>li>div{min-width:0}
.pg-band .pg-rules.seq p{margin:0 0 10px;font-size:16px;line-height:1.6;color:var(--s-soft)}
.pg-band .pg-rules.seq p b{color:var(--s-bone);font-weight:650}
.pg-band .pg-rules.seq .small{display:block;margin-top:6px;font-size:14.5px;line-height:1.55;color:var(--s-muted)}
.pg-band .pg-rules.seq a.inline-link{color:var(--s-soft)}
.pg-band .wb-apps{display:flex;flex-wrap:wrap;gap:8px 44px}
.pg-band .wb-apps>p{display:flex;flex-direction:column;align-items:flex-start;margin:0}
.pg-band .pg-rules.plain>li{color:var(--s-bone)}
.pg-band .kit-form{margin:14px 0 14px}
.pg-band .kit-form label{color:var(--s-soft)}
.pg-band .kit-form .opt{color:var(--s-muted)}
.pg-band .kit-form label i{color:var(--s-gold)}
.pg-band .kit-form input,.pg-band .kit-form textarea{background:rgba(239,233,220,.04);border:1px solid var(--s-hair-2);color:var(--s-bone)}
.pg-band .kit-form input:focus,.pg-band .kit-form textarea:focus{outline:2px solid var(--s-gold);outline-offset:2px;border-color:var(--s-gold)}
.pg-band .kit-form input:-webkit-autofill{-webkit-box-shadow:0 0 0 60px #10171d inset;-webkit-text-fill-color:#efe9dc}
.pg-band .kit-form [aria-invalid=true]{border-color:#e08a76}
.pg-band .kit-form .actions .small{color:var(--s-muted)}
.pg-band .kit-form #kit-note[role=alert]{color:#f0a894}
.pg-band .kit-form .req{color:var(--s-gold)}
.pg-band .kit-ready{background:var(--s-lq-2);border:0;border-left:2px solid var(--s-gold);box-shadow:inset 0 0 0 1px var(--s-hair);border-left:2px solid var(--s-gold);color:var(--s-bone)}
.pg-band .kit-ready .kit-thanks{color:var(--s-bone)}
.pg-band .wb-paste{margin-top:18px;background:var(--s-lq-2);border:0;box-shadow:inset 0 0 0 1px var(--s-hair);border-left:2px solid var(--s-gold);padding:16px 18px 18px 20px}
.pg-band #main .wb-paste-label,#main .pg-band .wb-paste-label{color:var(--s-gold)!important}
#main .pg-band .wb-paste-text{color:var(--s-bone)!important;font-size:16px!important;line-height:1.65!important}
.pg-band .wb-copy{min-height:44px;min-width:92px;padding:0 20px;border:0;border-radius:0;background:transparent;box-shadow:inset 0 0 0 1px rgba(239,233,220,.34);color:var(--s-bone);font-family:var(--s-text);font-size:15px;font-weight:650;transition:background-color .2s,color .2s,box-shadow .2s}
.pg-band .wb-copy:hover{background:var(--s-bone);color:var(--s-ink);box-shadow:inset 0 0 0 1px var(--s-bone)}
.pg-band .wb-copy.is-done,.pg-band .wb-copy.is-done:hover{background:var(--s-gold);color:var(--s-ink);box-shadow:none}
.pg-band .wb-copy:focus-visible{outline:2px solid var(--s-gold);outline-offset:3px}
.cases-toggle[hidden]{display:none}

/* ---------- Proof page (review only) ---------- */
.ps-proof .ps-in{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}
.pf-figs{list-style:none;margin:0;padding:0}
.pf-figs>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(18px,2.4vw,32px);align-items:baseline;padding:20px 0 22px;box-shadow:inset 0 1px 0 var(--s-hair-2)}
.pf-figs>li:last-child{box-shadow:inset 0 1px 0 var(--s-hair-2),inset 0 -1px 0 var(--s-hair)}
.pf-figs b{font-family:var(--s-display);font-weight:500;font-size:clamp(54px,6vw,96px);line-height:1;letter-spacing:-.03em;color:var(--s-bone)}
.pf-figs span{font-size:17px;line-height:1.4;color:var(--s-soft)}
.pf-figs small{display:block;margin-top:4px;font-size:14px;color:var(--s-muted)}
.pg-decide.pf-quote{margin:clamp(40px,5vw,68px) 0 0;color:var(--s-ink);quotes:none}
.pf-quote cite{display:block;margin-top:14px;font-family:var(--s-text);font-style:normal;font-size:15px;font-weight:650;line-height:1.4;color:var(--s-gold-ink)}
.pf-tie{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:var(--s-ink-3)}

/* kit hash under the download (audit 14, kit 1.0.1) */
.kit-sha{display:inline-block;max-width:100%;word-break:break-all;font-size:.82em}

/* Workbench: the rollout button follows the list in source order, and sits under the text on wide screens (audit 14, A11) */
@media(min-width:901px){.pg-help{grid-template-rows:auto 1fr;row-gap:0}.pg-help>div{grid-column:1;grid-row:1}.pg-help>ul{grid-column:2;grid-row:1/3}.pg-help>.btn{grid-column:1;grid-row:2;justify-self:start;align-self:start;margin-top:28px}}