/* Shared look for the answer pages (/fix-it, /scale-it, /grow-it, /gary-digby, /press). Built by .tools/build_pages.py. Website palette only. */
:root{--rose:#F6E4E6;--ink:#17100F;--stone:#6E5C5E;--rhubarb:#A62B57;--pink-light:#EFC6D1;--wine:#6E1A39;}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--rose);color:var(--ink);font-family:"Clash Display","Helvetica Neue",Arial,sans-serif;font-weight:400;line-height:1.6;}
.wrap{max-width:46rem;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) 16px clamp(3rem,8vw,6rem);}
.nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:clamp(2.5rem,8vw,5rem);}
.nav img{height:22px;width:auto;display:block;}
.nav__links{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;}
.nav__links a,.label{font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
.nav__links a{color:var(--ink);text-decoration:none;}
.nav__links a[aria-current]{color:var(--rhubarb);}
.label{color:var(--stone);margin:0 0 1rem;}
h1{font-family:"Cabinet Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(2.6rem,9vw,5rem);line-height:.98;letter-spacing:-.025em;margin:0 0 2rem;}
h1 span{display:inline-block;margin-top:.6rem;font-size:.5em;line-height:1.08;letter-spacing:-.015em;color:var(--rhubarb);max-width:22ch;}
h2{font-family:"Cabinet Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:800;font-size:clamp(1.45rem,3.6vw,1.9rem);line-height:1.12;letter-spacing:-.01em;margin:3rem 0 .9rem;}
p{margin:0 0 1rem;}
.lede{font-size:clamp(1.15rem,2.4vw,1.35rem);line-height:1.45;}
a{color:var(--rhubarb);}
strong{font-weight:500;}
.steps{margin:0 0 1rem;padding-left:1.3rem;}
.steps li{margin:0 0 .8rem;}
.note{color:var(--rhubarb);font-family:"Cabinet Grotesk",sans-serif;font-weight:700;font-size:1.2rem;}
.record,.numbers{margin:0;display:grid;gap:0;}
.record div{border-top:1px solid rgba(23,16,15,.2);padding:1rem 0;display:grid;gap:.25rem;}
@media (min-width:700px){.record div{grid-template-columns:13rem 1fr;gap:1.5rem;}}
.record dt{font-family:"Cabinet Grotesk",sans-serif;font-weight:800;font-size:1.1rem;}
.record dd{margin:0;}
.numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin:2rem 0;}
@media (min-width:700px){.numbers{grid-template-columns:repeat(4,minmax(0,1fr));}}
.numbers dt{font-family:"Cabinet Grotesk",sans-serif;font-weight:800;font-size:clamp(1.8rem,5vw,2.4rem);line-height:1;color:var(--rhubarb);}
.numbers dd{margin:.3rem 0 0;font-size:.95rem;}
.small{font-family:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:var(--stone);margin-top:1.25rem;}
.faq details{border-top:1px solid rgba(23,16,15,.2);padding:.9rem 0;}
.faq details:last-child{border-bottom:1px solid rgba(23,16,15,.2);}
.faq summary{cursor:pointer;font-family:"Cabinet Grotesk",sans-serif;font-weight:700;font-size:1.1rem;}
.faq details p{margin:.7rem 0 0;}
.portrait{margin:0 0 2rem;max-width:20rem;}
.portrait img{width:100%;height:auto;display:block;}
.gigs{display:grid;gap:0;}
.gig{border-top:1px solid rgba(23,16,15,.2);padding:1.5rem 0;}
.gig h2{margin:0 0 .35rem;font-size:clamp(1.3rem,3vw,1.6rem);}
.gig .label{margin-bottom:.5rem;}
.gig .where{color:var(--stone);margin-bottom:.75rem;}
.close{background:var(--wine);color:var(--rose);margin:4rem -16px 0;padding:clamp(2rem,6vw,3.5rem) 16px;}
@media (min-width:46rem){.close{margin-inline:0;padding-inline:clamp(1.5rem,4vw,3rem);}}
.close h2{margin-top:0;color:var(--rose);}
.close a{color:var(--pink-light);}
.foot{background:var(--rhubarb);color:var(--rose);padding:2rem 16px;}
.foot__inner{max-width:46rem;margin:0 auto;display:flex;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:space-between;align-items:center;}
.foot img{height:15px;width:auto;display:block;}
.foot__links{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;}
.foot a{color:var(--rose);font-size:.82rem;text-decoration:none;opacity:.85;}
.foot small{font-size:.78rem;opacity:.8;}
:focus-visible{outline:2px solid var(--rhubarb);outline-offset:3px;}