/* ============================================================================
   gbi-nrc.css: /five-pillars-of-nrc-governance and /the-gatekeepers-chair.
   Loaded after gbi-2026.css and gbi-bas.css, and scoped under .nrc-page (both
   pages) and .gc-page (the book). Same look as the Board Autonomy Score page:
   Nevis titles, Cambria leads, Aptos text, navy and white, crimson as the only
   colour note, one 8px button shape. Written mobile first.
   ============================================================================ */

.nrc-page p+p{margin-top:14px}
.nrc-page .nrc-prose{max-width:820px}
.nrc-page .nrc-prose p{font-size:17px;line-height:1.7;color:#33405a}
.nrc-page .nrc-strong{font-weight:700;color:var(--brand-deep)}
/* The trademark sign in body text: the BAS size (.55em) is tuned for headings and is unreadable at 17px */
.nrc-page p .bas-tm{font-size:.72em;vertical-align:.45em}
.nrc-page .lead+.lead{margin-top:12px}
.nrc-page .nrc-more{margin-top:20px;font-weight:700}
.nrc-page .nrc-more a::after{content:" \2192"}
.nrc-page .gc-back-link a::before{content:"\2190  "}
.nrc-page .band .kicker{color:var(--gold)}
.nrc-page .hero .kicker{line-height:1.6}

/* Hero (page 1): the five pillars as a short list beside the title */
.nrc-page .nrc-hero-note{margin-top:22px;font-size:14.5px;color:rgba(255,255,255,.82)}
.nrc-page .nrc-hero-pillars{list-style:none;display:grid;gap:8px;margin-top:36px}
.nrc-page .nrc-hero-pillars li{display:flex;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.22);border-left:4px solid var(--crimson);border-radius:8px;padding:10px 16px;background:rgba(255,255,255,.05);font-family:var(--font-title);font-weight:700;font-size:18px;color:#fff}
.nrc-page .nrc-hero-pillars span{font-family:var(--font-text);font-size:13px;color:rgba(255,255,255,.7);min-width:12px}

/* The five pillars */
.nrc-page .nrc-pillars{display:grid;gap:18px;margin-top:36px}
.nrc-page .nrc-pillar{background:#fff;border:1px solid var(--line);border-top:4px solid var(--crimson);border-radius:var(--rad);padding:24px 20px;box-shadow:var(--shadow);display:grid;gap:16px}
.nrc-page .nrc-label{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--crimson);font-weight:700;margin-bottom:6px}
.nrc-page .nrc-pillar h3{font-size:24px;margin-bottom:6px}
.nrc-page .nrc-pillar-line{font-family:var(--font-sub);font-size:18px;color:var(--brand)}
.nrc-page .nrc-pillar-body p{font-size:15.5px;color:var(--ink)}
.nrc-page .nrc-pillar-body b{color:var(--brand-deep)}
.nrc-page .nrc-q-head{font-weight:700;color:var(--brand-deep)!important;margin-top:14px}
.nrc-page .nrc-questions{list-style:none;margin-top:8px;display:grid;gap:8px}
.nrc-page .nrc-questions li{position:relative;padding-left:22px;font-size:15.5px;color:var(--muted);line-height:1.55}
.nrc-page .nrc-questions li::before{content:"?";position:absolute;left:0;top:0;font-weight:700;color:var(--crimson)}

/* How we work: the map in four groups */
.nrc-page .nrc-groups{display:grid;gap:20px;margin-top:36px}
.nrc-page .nrc-group{background:#fff;border:1px solid var(--line);border-radius:var(--rad);padding:24px 20px;box-shadow:var(--shadow)}
.nrc-page .nrc-group h3{font-size:22px;margin-bottom:4px}
.nrc-page .nrc-group-line{color:var(--crimson);font-weight:700;font-size:15px;margin-bottom:6px}
.nrc-page .nrc-item{border-top:1px solid var(--line);padding:16px 0 4px}
.nrc-page .nrc-item h4{font-family:var(--font-text);font-weight:700;font-size:16.5px;color:var(--brand-deep);margin-bottom:6px}
.nrc-page .nrc-item p{font-size:15px;color:var(--muted);line-height:1.6}
.nrc-page .nrc-item p b{color:var(--ink);font-weight:600}
.nrc-page .nrc-links{margin-top:8px!important;font-size:14.5px!important}
.nrc-page .nrc-links a{font-weight:700}
.nrc-page .nrc-map-note{margin-top:28px;background:var(--cream);border-left:4px solid var(--crimson);border-radius:0 var(--rad) var(--rad) 0;padding:20px 22px;font-size:16px;color:var(--ink)}
.nrc-page .nrc-map-note a{font-weight:700;white-space:nowrap}
.nrc-page .nrc-map-note a::after{content:" \2192"}

/* Book teaser band (page 1) */
.nrc-page .nrc-book-teaser{display:grid;gap:28px;align-items:center}
.nrc-page .nrc-book-cover{display:block;width:60%;max-width:240px}
.nrc-page .nrc-book-cover .gc-book{width:100%}
.nrc-page .nrc-book-teaser h2{color:#fff}

/* The book as a 3D hardcover (book hero and teaser band). Pure CSS: the cover
   image stays the front board, and the spine, page block, back board and
   shadow are drawn around it. --gc-t is the book's thickness, --gc-b one
   board's thickness, both scaled to the book's width where the browser can. */
.nrc-page .gc-book{--gc-t:26px;--gc-b:3px;display:block;position:relative;margin:0 auto;perspective:1500px;container-type:inline-size}
@supports (width:1cqw){.nrc-page .gc-book{--gc-t:9cqw;--gc-b:1.1cqw}}
.nrc-page .gc-book::before{content:"";position:absolute;left:4%;right:-2%;bottom:-4.5%;height:7%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,8,20,.6),rgba(0,8,20,0));filter:blur(5px);pointer-events:none}
.nrc-page .gc-book-3d{display:block;position:relative;transform-style:preserve-3d;transform:rotateY(-15deg)}
.nrc-page img.gc-book-front{display:block;width:100%;height:auto;position:relative;border-radius:2px 4px 4px 2px;transform:translateZ(calc(var(--gc-t) / 2))}
.nrc-page .gc-book-sheen,.nrc-page .gc-book-spine,.nrc-page .gc-book-pages,.nrc-page .gc-book-back{display:block;position:absolute;top:0;height:100%;pointer-events:none}
/* Front board finish: the hinge groove near the spine and a soft gloss */
.nrc-page .gc-book-sheen{left:0;width:100%;border-radius:2px 4px 4px 2px;transform:translateZ(calc(var(--gc-t) / 2 + .6px));background:linear-gradient(90deg,rgba(0,0,0,.32) 0,rgba(255,255,255,.12) 1.3%,rgba(0,0,0,.30) 3.3%,rgba(255,255,255,.18) 4.3%,rgba(255,255,255,0) 7.5%),linear-gradient(112deg,rgba(255,255,255,0) 28%,rgba(255,255,255,.09) 46%,rgba(255,255,255,0) 64%),linear-gradient(90deg,rgba(255,255,255,0) 70%,rgba(255,255,255,.06))}
/* The rounded spine, turning away from the hinge on the left */
.nrc-page .gc-book-spine{left:calc(var(--gc-t) * -.85);width:calc(var(--gc-t) * .85);border-radius:4px 0 0 4px;transform-origin:right center;transform:translateZ(calc(var(--gc-t) / 2)) rotateY(-36deg);background:linear-gradient(90deg,#00192F 0,#051B43 34%,#0f2c5a 58%,#051B43 80%,#00192F 94%,rgba(255,255,255,.22) 97%,#00192F 100%)}
/* The fore edge: both boards' edges, the page block set in by the overhang */
.nrc-page .gc-book-pages{right:0;width:var(--gc-t);transform-origin:right center;transform:translateZ(calc(var(--gc-t) / -2)) rotateY(90deg);background:linear-gradient(90deg,#051B43 0 var(--gc-b),#000f1f var(--gc-b) calc(100% - var(--gc-b)),#00192F calc(100% - var(--gc-b)))}
.nrc-page .gc-book-pages::before{content:"";position:absolute;left:var(--gc-b);right:var(--gc-b);top:1.6%;bottom:1.6%;background:linear-gradient(90deg,rgba(0,15,35,.35),rgba(0,15,35,0) 20%,rgba(0,15,35,0) 75%,rgba(0,15,35,.25)),linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.10)),repeating-linear-gradient(90deg,#f7f3e9 0 1.4px,#d8d1bf 1.4px 2px)}
/* The back board, which also casts the book's shadow */
.nrc-page .gc-book-back{left:0;width:100%;border-radius:2px 4px 4px 2px;transform:translateZ(calc(var(--gc-t) / -2));background:linear-gradient(90deg,#00192F,#051B43);box-shadow:-12px 16px 34px rgba(0,8,20,.5),-2px 4px 10px rgba(0,8,20,.35)}
/* A gentle turn towards the reader on hover. It uses the separate rotate
   property, so the book's resting angle never animates on page load. */
@media(prefers-reduced-motion:no-preference){
  .nrc-page .gc-book-3d{transition:rotate .7s cubic-bezier(.2,.7,.2,1)}
  .nrc-page .gc-book:hover .gc-book-3d{rotate:y 7deg}
}
.nrc-page .nrc-book-teaser .hero-ctas{margin-top:24px}

/* Forms (same fields as the BAS forms, with an error line under each field) */
.nrc-page .nrc-form{display:grid;gap:14px}
.nrc-page .nrc-field{display:grid;gap:6px;min-width:0;align-content:start}
.nrc-page .nrc-form label{font-size:14px;font-weight:600;color:var(--ink);margin:0}
.nrc-page .nrc-form input:not([type=checkbox]):not([type=radio]),.nrc-page .nrc-form select,.nrc-page .nrc-form textarea{width:100%;border:1.5px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit;font-size:16px;font-weight:400;color:var(--ink);background:#fff;height:auto}
.nrc-page .nrc-form textarea{min-height:120px;resize:vertical}
.nrc-page .nrc-form label.bas-consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;color:var(--muted);line-height:1.5}
.nrc-page .nrc-err{color:var(--crimson);font-weight:600;font-size:14px;margin:0!important}
.nrc-page .nrc-err:empty{display:none}
.nrc-page .nrc-help{color:var(--muted);font-size:13.5px;margin:0!important}
.nrc-page .nrc-status{color:var(--crimson);font-weight:600;margin:0!important}
.nrc-page .nrc-status:empty{display:none}
.nrc-page .nrc-form fieldset{border:0;margin:0;padding:0;min-width:0}
.nrc-page .nrc-form legend{font-size:14px;font-weight:600;color:var(--ink);margin:0 0 8px;padding:0;width:auto;border:0}
.nrc-page .nrc-address{display:grid;gap:14px;border-top:1px solid var(--line)!important;padding-top:14px!important}
.nrc-page .nrc-address legend{float:left;width:100%;margin-bottom:10px}
.nrc-page .nrc-choice-opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.nrc-page .nrc-form label.bas-seg-opt{display:flex;align-items:center;justify-content:center;position:relative;text-align:center;min-height:52px;border:1.5px solid var(--line);border-radius:8px;padding:10px;font-size:15px;cursor:pointer;background:#fff}
.nrc-page .nrc-choice[aria-invalid="true"] .bas-seg-opt{border-color:var(--crimson)}
.nrc-page .nrc-form .bas-submit{justify-self:stretch;text-align:center}
.nrc-page .bas-done{margin-top:0}

/* The book page */
.gc-page .gc-hero{display:grid;gap:36px;align-items:center}
.gc-page .gc-hero h1{max-width:none}
.gc-page .hero p.sub{margin-bottom:14px}
.gc-page .gc-author{font-family:var(--font-title);font-weight:700;font-size:20px;color:#fff;margin-bottom:6px}
.gc-page .gc-status{color:rgba(255,255,255,.82);font-size:15.5px;margin-bottom:28px}
.gc-page .gc-hero-cover{order:-1}
.gc-page .gc-hero-cover .gc-book{width:62%;max-width:300px}
.gc-page .hero .btn{text-align:center}

.gc-page .gc-inside{display:grid;gap:22px;margin-top:32px}
.gc-page .gc-parts{list-style:none;display:grid;gap:12px}
.gc-page .gc-parts li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--crimson);border-radius:0 10px 10px 0;padding:16px 18px;font-size:15.5px;color:var(--muted);line-height:1.6}
.gc-page .gc-parts b{display:block;font-family:var(--font-title);font-size:18px;color:var(--brand-deep);margin-bottom:2px}
.gc-page .gc-toolkit{background:var(--brand);color:#fff;border-radius:var(--rad);padding:26px 22px}
.gc-page .gc-toolkit h3{color:#fff;font-size:22px;margin-bottom:6px}
.gc-page .gc-toolkit p{color:rgba(255,255,255,.82);font-size:15.5px;margin-bottom:14px}
.gc-page .gc-toolkit ol{list-style:none;counter-reset:tool;display:grid;gap:8px}
.gc-page .gc-toolkit li{counter-increment:tool;display:flex;gap:12px;align-items:baseline;font-size:15.5px;border-top:1px solid rgba(255,255,255,.14);padding-top:8px}
.gc-page .gc-toolkit li::before{content:counter(tool);font-family:var(--font-title);font-weight:700;color:#fff;background:var(--crimson);border-radius:6px;min-width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex:none}

.gc-page .gc-readers{list-style:none;display:grid;gap:12px;margin-top:28px}
.gc-page .gc-readers li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px 16px 44px;position:relative;font-size:15.5px;box-shadow:var(--shadow)}
.gc-page .gc-readers li::before{content:"";position:absolute;left:20px;top:24px;width:8px;height:8px;border-radius:2px;background:var(--crimson)}

.gc-page section.gc-free{padding:78px 0}
.gc-page .gc-free h2{color:#fff}
.gc-page .gc-free .gc-how{color:#fff;font-size:19px;margin:24px 0 10px}
.gc-page .gc-steps{list-style:none;display:grid;gap:10px}
.gc-page .gc-steps li{position:relative;padding-left:26px;color:rgba(255,255,255,.88);font-size:15.5px}
.gc-page .gc-steps li::before{content:"\2192";position:absolute;left:0;color:#fff}
.gc-page .gc-note{margin-top:18px;color:#fff;font-weight:700}
.gc-page .gc-free .hero-ctas{margin-top:24px}
.gc-page .gc-free [data-gc-taken]:focus{outline:none}
.gc-page .gc-buy{margin-top:22px}

.gc-page .gc-faq{margin-top:26px}
.gc-page section.gc-back{padding:48px 0}
.gc-page .gc-back-link{font-family:var(--font-title);font-weight:700;font-size:20px}
.gc-page .gc-back-link a{text-decoration:none;color:var(--brand)}
.gc-page .gc-back-link a:hover{color:var(--crimson)}

/* Wider screens */
@media(min-width:641px){
  .nrc-page .nrc-pillar,.nrc-page .nrc-group{padding:28px 30px}
  .nrc-page .nrc-form .bas-submit{justify-self:start}
  .gc-page .gc-toolkit{padding:30px 30px}
}
@media(min-width:901px){
  .nrc-page .nrc-hero-pillars{margin-top:0}
  .nrc-page .nrc-pillar{grid-template-columns:260px 1fr;gap:34px;padding:32px 34px}
  .nrc-page .nrc-groups{grid-template-columns:1fr 1fr;align-items:start}
  .nrc-page .nrc-book-teaser{grid-template-columns:240px 1fr;gap:52px}
  .nrc-page .nrc-book-cover{width:100%}
  .gc-page .gc-hero{grid-template-columns:1fr 340px;gap:56px}
  .gc-page .gc-hero-cover{order:0}
  .gc-page .gc-hero-cover .gc-book{width:100%}
  .gc-page .gc-inside{grid-template-columns:1.15fr .85fr;align-items:start;gap:28px}
  .gc-page .gc-readers{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .nrc-page .hero{padding:64px 0 60px}
  .nrc-page .hero .btn,.nrc-page .nrc-book-teaser .btn,.gc-page .gc-free .btn,.gc-page .gc-buy .btn{width:100%;text-align:center}
  .nrc-page .wrap{padding:0 16px}
  .gc-page section.gc-free{padding:56px 0}
}