/* The Boardroom Edit, version five: Templates page, printable template pages,
   and the delivery-method choice on the booking panel (added 7 Oct 2026).
   Same tokens as v3/v5 (cream, latte, dark green, clay). No new motion: reveals
   come from the existing v3.js system; the video band from v5-motion.css. */

/* ---- Booking panel: delivery-method radio cards -------------------------- */
.v5-delivery{min-width:0;margin:0 0 var(--s-5);padding:0;border:0}
.v5-delivery__legend{float:left;width:100%;margin:0 0 var(--s-2);padding:0;font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;color:var(--c-clay)}
.v5-delivery__legend+*{clear:both}
.v5-delivery__note{margin:0 0 var(--s-3);font-size:var(--fs-small);line-height:1.5;color:var(--c-muted)}
.v5-delivery__opts{display:grid;grid-template-columns:1fr;gap:var(--s-3)}
@media (width>=560px){.v5-delivery__opts{grid-template-columns:1fr 1fr}}
.v5-delivery__opt{position:relative;display:block;cursor:pointer}
.v5-delivery__input{position:absolute;inset:0;z-index:1;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.v5-delivery__card{display:grid;grid-template-columns:auto 1fr;column-gap:.8rem;row-gap:.2rem;align-items:start;height:100%;padding:var(--s-4);background:var(--c-paper);border:1px solid var(--c-rule-strong);border-radius:var(--r-lg);transition:background-color .15s,border-color .15s,color .15s}
.v5-delivery__mark{grid-row:1/3;width:1.2rem;height:1.2rem;margin-top:.15rem;border:2px solid var(--c-rule-strong);border-radius:50%;background:var(--c-card)}
.v5-delivery__title{font-family:var(--font-serif);font-size:1.25rem;line-height:1.2;color:var(--c-ink)}
.v5-delivery__desc{font-size:var(--fs-small);line-height:1.45;color:var(--c-muted)}
.v5-delivery__opt:hover .v5-delivery__card{border-color:var(--c-accent)}
.v5-delivery__input:focus-visible+.v5-delivery__card{outline:3px solid var(--c-accent);outline-offset:3px}
.v5-delivery__input:checked+.v5-delivery__card{background:var(--c-accent);border-color:var(--c-accent)}
.v5-delivery__input:checked+.v5-delivery__card .v5-delivery__title{color:var(--c-paper)}
.v5-delivery__input:checked+.v5-delivery__card .v5-delivery__desc{color:var(--c-on-green)}
.v5-delivery__input:checked+.v5-delivery__card .v5-delivery__mark{border-color:var(--c-paper);background:radial-gradient(circle,var(--c-paper) 0 38%,var(--c-accent) 44%)}
@media (prefers-reduced-motion:reduce){.v5-delivery__card{transition:none}}
@media (forced-colors:active){
  .v5-delivery__input:checked+.v5-delivery__card{outline:3px solid Highlight}
  .v5-delivery__input:checked+.v5-delivery__card .v5-delivery__mark{background:Highlight}
}

/* ---- Templates page: the library ----------------------------------------- */
.v5-tpl-lib{margin-top:var(--s-6)}
.v5-tpl-card{display:flex;flex-direction:column;padding:var(--s-5) var(--s-4) var(--s-4);background:var(--c-card);border:1px solid var(--c-rule);border-radius:var(--r-lg)}
.v5-tpl-card[hidden]{display:none}
.v5-tpl-card .fp-tier-label{margin-bottom:var(--s-3)}
.v5-tpl-card h3{margin:0 0 var(--s-2);font-family:var(--font-serif);font-weight:400;font-size:1.45rem;line-height:1.2;color:var(--c-ink)}
.v5-tpl-card__for{margin:0 0 var(--s-4);font-size:var(--fs-small);line-height:1.55}
.v5-tpl-card__meta{display:grid;gap:var(--s-2);margin:0 0 var(--s-4);font-size:var(--fs-small);line-height:1.4}
.v5-tpl-card__meta>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .6rem}
.v5-tpl-card__meta dt{min-width:3.6rem;font-weight:600;color:var(--c-ink)}
.v5-tpl-card__meta dd{margin:0;color:var(--c-muted)}
.v5-lvls{display:inline-flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:0;list-style:none}
.v5-lvls li{padding:.12rem .55rem;border-radius:999px;background:var(--c-clay-tint);color:var(--c-ink);font-size:.8125rem;line-height:1.4}
.v5-tpl-card .btn{width:100%;margin-top:auto}
.v5-tpl-pack .v3-newsletter .btn{margin:0}
.v5-tpl-pack .v3-guide__cover strong{font-size:1.5rem}

/* ---- Printable template pages ---------------------------------------------- */
.v5-tpl-meta{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:var(--s-4) 0 0;padding:0;list-style:none}
.v5-tpl-meta li{padding:.3rem .75rem;border:1px solid var(--c-rule);border-radius:999px;background:rgba(255,253,249,.75);font-size:var(--fs-small);line-height:1.35}
.v5-tpl-meta b{font-weight:600;color:var(--c-clay)}
.v5-print-hint{margin:var(--s-2) 0 0;font-size:var(--fs-small);color:var(--c-muted)}
.v5-sheet{margin:var(--s-7) 0 var(--s-6);padding:clamp(1.25rem,3.4vw,2.75rem);background:var(--c-card);border:1px solid var(--v3-hair);border-radius:24px;box-shadow:0 1px 0 rgba(255,255,255,.65) inset,var(--v3-shadow)}
.v5-sheet__brand{display:none}
.v5-sheet>h2{margin:0 0 var(--s-4);font-family:var(--font-serif);font-weight:400;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.02em}
.v5-sheet__who{display:grid;grid-template-columns:1fr;gap:var(--s-3);margin:0 0 var(--s-5)}
@media (width>=600px){.v5-sheet__who{grid-template-columns:2fr 1fr}}
.v5-sheet__how{margin:0 0 var(--s-5);padding:var(--s-4) var(--s-5);background:var(--c-latte);border-radius:var(--r-lg)}
.v5-sheet__how p{margin:0 0 var(--s-2);font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-clay)}
.v5-sheet__how ol{margin:0;padding-left:1.2rem;font-size:var(--fs-small);line-height:1.55}
.v5-sheet__how li+li{margin-top:.25rem}
.v5-sheet__privacy{margin:0 0 var(--s-5);font-size:var(--fs-small);color:var(--c-muted)}
.v5-block{padding:var(--s-5) 0 var(--s-2);border-top:1px solid var(--c-rule)}
.v5-block__n{margin:0 0 .15rem;font-family:var(--font-serif);font-size:1rem;color:var(--c-clay)}
.v5-block h3{margin:0 0 var(--s-1);font-family:var(--font-serif);font-weight:400;font-size:var(--fs-h3);line-height:1.2}
.v5-block__aim{margin:0 0 var(--s-3);font-size:var(--fs-small);line-height:1.5;color:var(--c-muted)}
.v5-field{margin:0 0 var(--s-3)}
.v5-field label{display:block;margin:0 0 .3rem;font-size:var(--fs-small);font-weight:600;line-height:1.4}
.v5-field textarea,.v5-field input[type=text],.v5-field input[type=number]{display:block;width:100%;padding:.55rem .75rem;background:var(--c-paper);border:1px solid var(--c-rule-strong);border-radius:var(--r-md);font:inherit;font-size:var(--fs-small);line-height:1.6;color:var(--c-ink)}
.v5-field textarea{min-height:calc(var(--rows,3) * 1.6em + 1.1rem);resize:vertical;field-sizing:content}
.v5-field input[type=number]{max-width:6.5rem}
.v5-field--score{display:flex;align-items:center;gap:.75rem}
.v5-field--score label{margin:0}
.v5-sheet :is(textarea,input):focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-color:var(--c-accent)}
.v5-done{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 var(--s-3);font-size:var(--fs-small);font-weight:600;cursor:pointer}
.v5-done input,.v5-values input{width:1.15rem;height:1.15rem;accent-color:var(--c-accent)}
.v5-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}
@media (width>=760px){.v5-grid--2{grid-template-columns:1fr 1fr}}
/* .v5-grid--3 (30-60-90 columns) stays stacked: the article column is only 624px wide */
.v5-sub{padding:var(--s-4);background:var(--c-paper);border:1px solid var(--c-rule);border-radius:var(--r-lg)}
.v5-sub .v5-field textarea,.v5-sub .v5-field input{background:var(--c-card)}
.v5-sub h4{margin:0 0 var(--s-3);font-family:var(--font-sans);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-clay)}
.v5-sub h4 span{display:block;margin-top:.2rem;font-family:var(--font-serif);font-size:1.25rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--c-ink)}
/* stakeholder quadrant */
.v5-quad{display:grid;grid-template-columns:1.6rem 1fr;gap:var(--s-2)}
.v5-quad__y{display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.v5-quad__x{grid-column:2;text-align:center;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted)}
.v5-quad__grid{display:grid;grid-template-columns:1fr;gap:var(--s-2)}
@media (width>=600px){.v5-quad__grid{grid-template-columns:1fr 1fr}}
.v5-quad__cell{padding:var(--s-3);background:var(--c-paper);border:1px solid var(--c-rule);border-radius:var(--r-lg)}
.v5-quad__cell--key{background:var(--c-latte)}
.v5-quad__cell .v5-field{margin:0}
.v5-quad__cell small{display:block;margin:-.1rem 0 .4rem;font-size:.8125rem;color:var(--c-muted)}
/* Maslow levels */
.v5-pyramid{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0 0 var(--s-5);padding:0;list-style:none}
.v5-pyramid li{width:calc(38% + var(--w) * 15.5%);padding:.5rem .75rem;border-radius:var(--r-md);background:var(--c-latte);text-align:center;font-family:var(--font-serif);font-size:1.05rem;line-height:1.25;color:var(--c-ink)}
.v5-pyramid li:first-child{background:var(--c-accent);color:var(--c-paper)}
.v5-pyramid li span{display:block;font-family:var(--font-sans);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
@media (width<=520px){.v5-pyramid li{width:calc(58% + var(--w) * 10.5%)}}
.v5-credit{margin:var(--s-4) 0 0;padding:var(--s-4) 0 0;border-top:1px solid var(--c-rule);font-size:var(--fs-small);line-height:1.55;color:var(--c-muted)}
.v5-credit+.v5-credit{margin-top:var(--s-2);padding-top:0;border-top:0}
/* values checklist */
.v5-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem var(--s-3);margin:0 0 var(--s-4);padding:0;list-style:none;font-size:var(--fs-small)}
@media (width>=700px){.v5-values{grid-template-columns:repeat(4,minmax(0,1fr))}}
.v5-values label{display:flex;align-items:center;gap:.5rem;min-height:2rem;cursor:pointer}
.v5-sheet__foot{margin:var(--s-5) 0 0;font-size:.8125rem;color:var(--c-muted)}
.v5-sheet__note{margin:var(--s-4) 0 0;font-size:var(--fs-small);font-style:italic;color:var(--c-muted)}
/* pager */
.v5-tpl-pager{display:grid;grid-template-columns:1fr;gap:var(--s-3);margin:var(--s-6) 0 var(--s-7)}
@media (width>=700px){.v5-tpl-pager{grid-template-columns:1fr 1fr}}
.v5-tpl-pager a{display:block;padding:var(--s-4);background:var(--c-card);border:1px solid var(--c-rule);border-radius:var(--r-lg);color:var(--c-ink);text-decoration:none}
.v5-tpl-pager a:hover{border-color:var(--c-accent)}
.v5-tpl-pager a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
.v5-tpl-pager span{display:block;margin-bottom:.2rem;font-size:var(--fs-eyebrow);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--c-clay)}
.v5-tpl-pager strong{font-family:var(--font-serif);font-size:1.2rem;font-weight:400}
.v5-tpl-pager .v5-next{text-align:right}

/* ---- Print: just the worksheet, on white, A4 ------------------------------- */
@media print{
  @page{size:A4;margin:14mm 14mm 16mm}
  html,body{background:#fff!important;color:#1e1a16}
  .skip-link,.site-header,.hh-marquee,.site-footer,.city-footer-strip,.city-art,.breadcrumb,.page-header .btn-row,.v5-print-hint,
  .v5-noprint,.nlp-dialog,.fp-cta,.v5-tpl-pager,.v5-sheet>h2,.v5-sheet__privacy{display:none!important}
  main.container{max-width:none!important;padding:0!important}
  .city-scene{min-height:0!important;padding:0!important;margin:0!important;background:none!important}
  .city-scene::before,.city-scene::after{display:none!important}
  .page-header{max-width:none!important;margin:0 0 5mm!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
  .page-header h1{margin:1mm 0 2mm;font-size:24pt;line-height:1.1}
  .page-header .page-lede{font-size:10.5pt;max-width:none}
  .page-header .kicker{margin:0}
  .v5-tpl-meta li{background:#fff!important;border-color:#bbb}
  .v3-reveal{opacity:1!important;transform:none!important}
  .v5-sheet{margin:0!important;padding:0!important;background:#fff!important;border:0!important;box-shadow:none!important;border-radius:0}
  .v5-sheet__brand{display:flex;justify-content:space-between;margin:0 0 3mm;padding-bottom:2mm;border-bottom:1px solid #bbb;font-size:8.5pt;letter-spacing:.08em;text-transform:uppercase;color:#6b5f52}
  .v5-sheet__how{background:#fff!important;border:1px solid #ccc}
  .v5-sub,.v5-quad__cell,.v5-quad__cell--key{background:#fff!important;border-color:#bbb}
  .v5-pyramid li{background:#fff!important;color:#1e1a16!important;border:1px solid #9a8f80}
  .v5-pyramid li:first-child{border-width:2px;border-color:#23473a}
  .v5-field textarea,.v5-field input[type=text],.v5-field input[type=number],.v5-sub .v5-field textarea,.v5-sub .v5-field input{background:#fff!important;border:1px solid #9a8f80!important;resize:none}
  .v5-block,.v5-field,.v5-sub,.v5-quad,.v5-quad__cell,.v5-values,.v5-pyramid,.v5-sheet__how{break-inside:avoid}
  .v5-block h3,.v5-sub h4{break-after:avoid}
  .v5-grid--3{grid-template-columns:1fr!important}
  a{color:inherit!important;text-decoration:none!important}
  .v5-credit,.v5-sheet__foot,.v5-sheet__note{color:#4a4037}
}

/* ---- Header: eight menu items (Templates added) ------------------------------
   Between 1100px and 1239px the desktop bar is too tight for eight items plus the
   full "Book a free discovery call" button, so the button uses the same short
   label phones already get ("Book a call"); the hidden words stay readable to
   screen readers. From 1100px to 1159px the menu links also sit slightly closer. Nothing changes above 1240px or below 1100px. */
@media (min-width:1100px) and (max-width:1239px){
  .nlp-book-btn .nlp-sm-hide{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:1100px) and (max-width:1159px){.hh-cat-link{padding-inline:.42rem}}