/* Groomer Pay Calculator page styles (Bold Pop), scoped under .gpc so they
   never touch the shared site kit's header, footer or classes. Generated once
   from the old styles.css, app.css and pro.css; this file is the source now. The kit chrome is themed to match at the end. */
.gpc{--paper:#f7f8ff;
  --surface:#ffffff;
  --surface-2:#eef1ff;
  --ink:#0e1530;
  --ink-soft:#2a3360;
  --muted:#545c82;
  --rule:#dce1f5;
  --rule-strong:#b9c2ea;
  --petrol:#1f3fd1;
  --petrol-lift:#3552e0;
  --petrol-ink:#ffffff;
  --petrol-wash:#e6eaff;
  --brass:#b3195e;
  --brass-wash:#ffe9f2;
  --good:#11795a;
  --alert:#b3261e;
  --hero:#1f3fd1;
  --hero-ink:#ffffff;
  --lemon:#ffe45c;
  --pink:#ff7aa8;
  --navy:#0e1530;
  --shadow:0 1px 2px rgba(14,21,48,.06), 0 18px 34px -24px rgba(14,21,48,.5);
  --measure:66ch;
  --radius:14px;}
.gpc *{box-sizing:border-box}
.gpc{-webkit-text-size-adjust:100%}
.gpc{margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;}
.gpc img{max-width:100%;height:auto}
.gpc a{color:var(--petrol);text-underline-offset:3px}
.gpc a:hover{text-decoration-thickness:2px}
.gpc button{font:inherit;color:inherit}
.gpc :focus-visible{outline:2px solid var(--petrol-lift);outline-offset:2px}
.gpc h1,.gpc h2,.gpc h3,.gpc h4{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-weight:600;
  letter-spacing:-.012em;
  line-height:1.15;
  text-wrap:balance;
  margin:0;
  color:var(--ink);}
.gpc h1{font-size:clamp(1.85rem,5vw,2.6rem)}
.gpc h2{font-size:clamp(1.3rem,3.4vw,1.6rem)}
.gpc h3{font-size:1.08rem;line-height:1.3}
.gpc p{margin:0}
.gpc .num{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.gpc .g-eyebrow{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:.68rem;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:var(--muted);}
.gpc .g-lede{font-size:1.08rem;color:var(--ink-soft);max-width:var(--measure)}
.gpc .small{font-size:.86rem;color:var(--muted)}
.gpc .shell{max-width:1140px;margin:0 auto;padding:0 20px}
.gpc .narrow{max-width:720px;margin:0 auto;padding:0 20px}
.gpc .stack{display:flex;flex-direction:column}
.gpc .stack-sm{gap:10px}
.gpc .stack-md{gap:18px}
.gpc .stack-lg{gap:34px}
.gpc .rule{border:0;border-top:1px solid var(--rule);margin:0}
.gpc .g-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-weight:600;font-size:.95rem;letter-spacing:.005em;
  padding:11px 20px;border-radius:var(--radius);
  border:1px solid transparent;cursor:pointer;text-decoration:none;
  transition:background .15s ease,border-color .15s ease,color .15s ease;}
.gpc .btn-primary{background:var(--petrol);color:var(--petrol-ink);border-color:var(--petrol)}
.gpc .btn-primary:hover{background:var(--petrol-lift);border-color:var(--petrol-lift)}
.gpc .btn-brass{background:var(--brass);color:#fff;border-color:var(--brass)}
.gpc .btn-brass:hover{filter:brightness(1.08)}
.gpc .btn-ghost{background:transparent;color:var(--ink);border-color:var(--rule-strong)}
.gpc .btn-ghost:hover{border-color:var(--ink);background:var(--surface)}
.gpc .btn-block{width:100%}
.gpc .btn-sm{padding:7px 14px;font-size:.85rem}
.gpc .g-field{display:flex;flex-direction:column;gap:6px}
.gpc .g-field label,.gpc .lbl-strong{font-size:.76rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.gpc .field-help{font-size:.8rem;color:var(--muted);line-height:1.45}
.gpc input[type=text],.gpc input[type=email],.gpc input[type=password],.gpc input[type=number],.gpc select{width:100%;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;
  font-size:1rem;
  padding:9px 11px;
  color:var(--ink);
  background:var(--surface);
  border:1px solid var(--rule-strong);
  border-radius:var(--radius);
  appearance:none;}
.gpc select{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);
  background-position:calc(100% - 17px) 51%,calc(100% - 12px) 51%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
  padding-right:34px;}
.gpc input:focus,.gpc select:focus{border-color:var(--petrol);outline:none;box-shadow:0 0 0 3px var(--petrol-wash)}
.gpc input::placeholder{color:var(--muted);opacity:.65}
.gpc .g-prose{max-width:var(--measure)}
.gpc .g-prose p{margin:0 0 1.05em;color:var(--ink-soft)}
.gpc .g-prose h2{margin:2em 0 .5em;font-size:1.35rem}
.gpc .g-prose h3{margin:1.7em 0 .4em;font-size:1.05rem;font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:600;letter-spacing:0}
.gpc .g-prose ul,.gpc .g-prose ol{margin:0 0 1.05em;padding-left:1.25em;color:var(--ink-soft)}
.gpc .g-prose li{margin-bottom:.4em}
.gpc .g-prose strong{font-weight:600;color:var(--ink)}
.gpc .ad-slot{margin:32px 0;
  padding-top:10px;
  border-top:1px solid var(--rule);
  min-height:60px;}
.gpc .ad-slot::before{content:"Advertisement";
  display:block;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.6rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);opacity:.7;margin-bottom:10px;}
.is-pro .gpc .ad-slot{display:none}
.is-pro .gpc .pro-upsell{display:none}
.gpc .panel{background:var(--surface);
  border:1px solid var(--rule);
  border-radius:var(--radius);}
.gpc .panel-pad{padding:20px}
.gpc .pay-type-grid{display:grid;
  grid-template-columns:1fr;
  gap:16px;
  margin:28px 0;}
@media(min-width:820px){
  .gpc .pay-type-grid{grid-template-columns:repeat(3,1fr)}
}
.gpc .pay-type-card{display:flex;
  flex-direction:column;
  background:var(--card,#fff);
  border:1.5px solid var(--rule);
  border-radius:14px;
  padding:22px 20px;
  text-decoration:none;
  color:inherit;
  transition:border-color .15s ease, transform .15s ease;}
.gpc .pay-type-card:hover{border-color:var(--teal,#0f4a4e);
  transform:translateY(-2px);}
.gpc .pay-type-card.featured{border-color:var(--teal,#0f4a4e);
  border-width:2px;}
.gpc .pay-type-card .g-eyebrow{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:.68rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--muted);
  margin:0 0 8px;}
.gpc .pay-type-card h2{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:1.35rem;
  font-weight:600;
  margin:0 0 8px;}
.gpc .pay-type-card p{margin:0 0 12px;
  color:var(--ink-soft);
  font-size:.92rem;
  line-height:1.5;}
.gpc .pay-type-card ul{margin:0 0 16px;
  padding-left:1.1em;
  font-size:.85rem;
  color:var(--ink-soft);}
.gpc .pay-type-card li{margin-bottom:4px}
.gpc .pay-type-cta{margin-top:auto;
  font-weight:600;
  font-size:.9rem;
  color:var(--teal,#0f4a4e);}
.gpc .row-val-wrap{display:inline-flex;align-items:center;gap:8px}
.gpc .copy-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 4px;
  opacity:.55;line-height:1;border-radius:5px;}
.gpc .copy-btn:hover,.gpc .copy-btn:active{opacity:1;background:var(--paper,#f4f1ea)}
.gpc .copy-summary-btn{display:inline-flex;align-items:center;gap:6px;
  background:none;border:1px solid var(--rule);border-radius:8px;
  padding:8px 14px;font-size:.85rem;font-weight:600;color:var(--ink,inherit);
  cursor:pointer;margin:12px 0;}
.gpc .copy-summary-btn:active{background:var(--paper,#f4f1ea)}
.gpc .stat-cell{position:relative}
.gpc .stat-cell .copy-btn{position:absolute;top:2px;right:2px;font-size:.7rem}
.gpc h1,.gpc h2,.gpc h3,.gpc h4{font-weight:800;letter-spacing:-.025em}
.gpc h1{font-size:clamp(2.1rem,6vw,3.2rem);line-height:1.02}
.gpc h2{letter-spacing:-.02em}
.gpc .g-eyebrow{font-weight:700;letter-spacing:.08em;font-size:.74rem;color:var(--brass)}
.gpc .g-lede{font-weight:500}
.gpc input[type=text],.gpc input[type=email],.gpc input[type=password],.gpc input[type=number],.gpc select{border-radius:10px}
.gpc .g-btn{border-radius:999px;font-weight:800;padding:12px 22px}
.gpc .btn-brass{background:var(--lemon);color:var(--navy);border-color:var(--lemon)}
.gpc .btn-ghost{border-width:2px}
.gpc .panel{border-radius:20px}
.gpc .panel-pad{padding:22px 24px}
.gpc .g-prose h2{font-size:1.55rem}
.gpc .g-prose a{font-weight:600}
.gpc .pop-hero{background:var(--hero);color:var(--hero-ink);position:relative;overflow:hidden}
.gpc .pop-hero-in{max-width:1140px;margin:0 auto;padding:48px 20px 96px;position:relative;
  display:flex;flex-direction:column;gap:22px;}
.gpc .pop-hero h1{color:var(--hero-ink);font-size:clamp(2.6rem,9vw,5.6rem);line-height:.94;
  letter-spacing:-.045em;max-width:11ch;}
.gpc .pop-hero .g-lede{color:var(--hero-ink);opacity:.95;font-size:1.15rem;max-width:40ch}
.gpc .pop-pills{display:flex;flex-wrap:wrap;gap:12px}
.gpc .pop-pills a{background:#fff;color:var(--navy);text-decoration:none;font-weight:800;font-size:1.02rem;
  padding:15px 24px;border-radius:999px;min-height:44px;box-sizing:border-box;}
.gpc .pop-pills a.featured{background:var(--lemon)}
.gpc .pop-pills a:hover{transform:translateY(-2px)}
.gpc .pop-pills a:focus-visible{outline:3px solid var(--lemon);outline-offset:3px}
.gpc .pop-dog{position:absolute;right:20px;top:40px;width:340px;height:340px;pointer-events:none}
.gpc .pop-dog span{position:absolute;display:block}
.gpc .pop-dog .face{left:0;top:30px;width:320px;height:320px;border-radius:50%;background:var(--lemon)}
.gpc .pop-dog .ear{top:0;width:100px;height:160px;border-radius:60px 60px 40px 40px;background:var(--navy)}
.gpc .pop-dog .ear.l{left:30px;transform:rotate(-18deg)}
.gpc .pop-dog .ear.r{left:190px;transform:rotate(18deg)}
.gpc .pop-dog .eye{top:170px;width:28px;height:28px;border-radius:50%;background:var(--navy)}
.gpc .pop-dog .eye.l{left:94px}
.gpc .pop-dog .eye.r{left:198px}
.gpc .pop-dog .nose{left:133px;top:228px;width:56px;height:40px;border-radius:50% 50% 60% 60%;background:var(--navy)}
.gpc .pop-dog .tongue{left:150px;top:272px;width:22px;height:38px;border-radius:0 0 14px 14px;background:var(--pink)}
@media (max-width:899px){
  .gpc .pop-dog{display:none}
}
.gpc .pop-stats{display:grid;grid-template-columns:1fr;gap:14px;
  margin:-64px 0 8px;position:relative;z-index:2;}
@media (min-width:760px){
  .gpc .pop-stats{grid-template-columns:repeat(3,1fr)}
}
.gpc .pop-stat{border-radius:26px;padding:22px 24px;display:flex;flex-direction:column;gap:4px}
.gpc .pop-stat .k{font-weight:700;font-size:.92rem}
.gpc .pop-stat .v{font-weight:800;font-size:clamp(2.4rem,6vw,3.3rem);letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums}
.gpc .pop-stat .s{font-weight:500;font-size:.92rem}
.gpc .pop-stat.navy{background:var(--navy);color:#fff}
.gpc .pop-stat.navy .k,.gpc .pop-stat.navy .s{color:#c9d2ff}
.gpc .pop-stat.pink{background:var(--pink);color:var(--navy)}
.gpc .pop-stat.lemon{background:var(--lemon);color:var(--navy)}
.gpc .pop-stats-note{font-size:.82rem;color:var(--muted);margin:0 0 8px}
.gpc{--green:#11795a;--amber:#e0a400;--red:#d23a5a}
.gpc .calc-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 16px;padding:6px;background:var(--surface-2);border-radius:999px}
.gpc .calc-tabs a{flex:1 1 auto;text-align:center;text-decoration:none;font-weight:800;font-size:.92rem;
  color:var(--ink-soft);padding:11px 14px;border-radius:999px;min-height:44px;box-sizing:border-box;}
.gpc .calc-tabs a:hover{background:var(--surface);color:var(--ink)}
.gpc .calc-tabs a[aria-current="page"]{background:var(--petrol);color:var(--petrol-ink)}
@media (max-width:520px){
  .gpc .calc-tabs{border-radius:22px}
  .gpc .calc-tabs a{flex:1 1 100%}
}
.gpc .pop-hero-in{padding-bottom:96px}
.gpc .home-calc{padding-top:24px;scroll-margin-top:90px}
.gpc .app-grid{display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:34px;
  padding-bottom:96px;}
@media (min-width:1000px){
  .gpc .app-grid{grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
  .gpc .g-rail{position:sticky;top:74px;display:flex;flex-direction:column;gap:26px}
  .gpc .app-grid{padding-bottom:48px}
}
@media (max-width:999px){
  .gpc .g-rail{display:none}
}
.gpc .settings-toggle{width:100%;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--surface);
  border:1px solid var(--rule-strong);
  border-radius:var(--radius);
  padding:12px 15px;
  cursor:pointer;
  text-align:left;
  color:var(--ink);}
.gpc .settings-toggle:hover{border-color:var(--ink)}
.gpc #paySummary{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:.84rem;font-variant-numeric:tabular-nums;
  color:var(--ink-soft);}
.gpc #paySummary b{color:var(--ink);font-weight:600}
.gpc #toggleArrow{color:var(--muted);font-size:.7rem;flex:none}
.gpc .rate-warn{display:none;
  margin:10px 0 0;
  padding:11px 14px;
  border-left:3px solid var(--brass);
  background:var(--brass-wash);
  color:var(--ink);
  font-size:.88rem;
  border-radius:0 var(--radius) var(--radius) 0;}
.gpc .rate-warn.show{display:block}
.gpc .settings-panel{display:none;
  margin-top:14px;
  padding:20px;
  background:var(--surface);
  border:1px solid var(--rule);
  border-radius:var(--radius);
  gap:18px;
  flex-direction:column;}
.gpc .settings-panel.open{display:flex}
.gpc .tier-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.gpc .tier-btn{padding:11px 8px;
  border:1px solid var(--rule-strong);
  background:var(--surface);
  border-radius:var(--radius);
  cursor:pointer;
  font-weight:600;font-size:.9rem;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  color:var(--ink);}
.gpc .tier-btn small{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:500;font-size:.78rem;color:var(--muted);}
.gpc .tier-btn.active{background:var(--petrol);border-color:var(--petrol);color:var(--petrol-ink)}
.gpc .tier-btn.active small{color:var(--petrol-ink);opacity:.85}
.gpc .week-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:14px 0 10px;
  border-bottom:2px solid var(--ink);
  margin-top:34px;}
.gpc .week-nav button{width:38px;height:38px;flex:none;
  border:1px solid var(--rule-strong);background:var(--surface);
  border-radius:var(--radius);cursor:pointer;
  font-size:1.1rem;line-height:1;color:var(--ink);}
.gpc .week-nav button:hover{border-color:var(--ink)}
.gpc .week-label{text-align:center;display:flex;flex-direction:column;gap:1px;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.15rem;font-weight:600;}
.gpc .week-label small{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.74rem;font-weight:400;
  color:var(--muted);letter-spacing:.02em;}
.gpc #dayCards{display:flex;flex-direction:column}
.gpc .day-card{border-bottom:1px solid var(--rule);
  padding:16px 0;}
.gpc .day-head{display:flex;align-items:baseline;gap:9px;margin-bottom:11px;}
.gpc .dname{font-weight:600;font-size:.98rem;letter-spacing:-.005em}
.gpc .ddate{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.76rem;color:var(--muted);}
.gpc .today-pill{margin-left:auto;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.6rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--petrol);border:1px solid color-mix(in srgb, var(--petrol) 45%, transparent);
  padding:2px 7px;border-radius:999px;}
.gpc .day-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}
@media (min-width:620px){
  .gpc .day-grid{grid-template-columns:repeat(4,1fr)}
}
.gpc .cell{display:flex;flex-direction:column;gap:4px}
.gpc .cell label{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.gpc .cell input{padding:8px 10px;font-size:.95rem}
.gpc .day-summary{margin-top:10px;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.8rem;
  color:var(--muted);font-variant-numeric:tabular-nums;}
.gpc .day-summary b{color:var(--ink-soft);font-weight:500}
.gpc .section-title{margin:44px 0 14px;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  padding-bottom:8px;border-bottom:1px solid var(--rule);}
.gpc .stat-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;background:var(--surface)}
.gpc .stat-cell{padding:15px 12px;text-align:center;border-right:1px solid var(--rule)}
.gpc .stat-cell:last-child{border-right:0}
.gpc .stat-cell .val{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.35rem;font-weight:500;
  font-variant-numeric:tabular-nums;letter-spacing:-.02em;}
.gpc .stat-cell .lbl{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:3px;}
.gpc .breakdown-row,.gpc .tips-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:11px 0;border-bottom:1px solid var(--rule);
  font-size:.94rem;}
.gpc .breakdown-row span:last-child,.gpc .tips-row span:last-child{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;
  color:var(--ink);font-weight:500;}
.gpc .breakdown-row span:first-child,.gpc .tips-row span:first-child{color:var(--ink-soft)}
.gpc .breakdown-row.teal-row{border-bottom:2px solid var(--ink);
  font-weight:600;}
.gpc .breakdown-row.teal-row span{color:var(--ink)}
.gpc .breakdown-row.muted-row span{color:var(--muted)}
.gpc .breakdown-row.highlight{border-left:3px solid var(--brass);
  padding-left:12px;
  background:var(--brass-wash);
  border-bottom-color:transparent;}
.gpc .breakdown-row.highlight span{color:var(--ink);font-weight:600}
.gpc .day-card.today{background:var(--surface);
  border-left:3px solid var(--petrol);
  padding-left:14px;
  padding-right:14px;
  margin-left:-14px;margin-right:-14px;}
.gpc .takehome-banner{margin-top:22px;
  background:var(--petrol);
  color:var(--petrol-ink);
  border-radius:var(--radius);
  padding:22px 24px;
  display:flex;flex-direction:column;gap:5px;}
.gpc .takehome-banner .lbl{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;opacity:.82;}
.gpc .takehome-banner .val{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:clamp(2rem,7vw,2.7rem);
  font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1;}
.gpc .disclaimer{margin-top:12px;font-size:.78rem;color:var(--muted);line-height:1.5;max-width:70ch;}
.gpc .progress-outer{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden;
  border:1px solid var(--rule);}
.gpc .progress-inner{height:100%;width:0;background:var(--brass);border-radius:999px;
  transition:width .3s ease;}
.gpc .progress-label{margin-top:8px;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.82rem;font-variant-numeric:tabular-nums;
  color:var(--ink-soft);}
.gpc .goal-msg{margin-top:6px;font-size:.9rem;color:var(--muted);line-height:1.5}
.gpc .guide-block{max-width:var(--measure)}
.gpc .guide-block p{margin:0 0 1.05em;color:var(--ink-soft)}
.gpc .guide-block h3{margin:1.8em 0 .4em;font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:600;
  font-size:1.02rem;letter-spacing:0;color:var(--ink);}
.gpc .guide-block h3:first-child{margin-top:0}
.gpc .related-links{margin-top:34px;display:flex;flex-direction:column;
  border-top:1px solid var(--rule);}
.gpc .related-links a{padding:14px 0;border-bottom:1px solid var(--rule);
  text-decoration:none;color:var(--ink);font-weight:500;font-size:.96rem;
  display:flex;align-items:center;justify-content:space-between;gap:12px;}
.gpc .related-links a::after{content:"\2192";color:var(--muted);font-size:.9rem}
.gpc .related-links a:hover{color:var(--petrol)}
.gpc .related-links a:hover::after{color:var(--petrol)}
.gpc .signup{margin-top:44px;padding:24px;
  background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);
  display:flex;flex-direction:column;gap:10px;}
.gpc .signup[hidden]{display:none}
.gpc .signup h3{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.25rem}
.gpc .signup p{font-size:.9rem;color:var(--muted);max-width:56ch}
.gpc .signup form{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
.gpc .signup input{flex:1 1 210px;font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif}
.gpc .signup button{background:var(--ink);color:var(--paper);border:0;border-radius:var(--radius);
  padding:10px 18px;font-weight:600;cursor:pointer;font-size:.92rem;}
.gpc .signup button:hover{background:var(--petrol)}
.gpc .signup-msg{font-size:.85rem;color:var(--good);min-height:1.2em}
.gpc .signup-msg.err{color:var(--alert)}
.gpc .upsell{border:1px solid var(--rule-strong);border-radius:var(--radius);
  background:var(--surface);padding:20px;
  display:flex;flex-direction:column;gap:12px;}
.gpc .upsell .g-eyebrow{color:var(--brass)}
.gpc .upsell h3{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.2rem}
.gpc .upsell ul{margin:0;padding-left:18px;font-size:.88rem;color:var(--ink-soft);display:flex;flex-direction:column;gap:5px}
.gpc .upsell .price{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.84rem;color:var(--muted);}
.gpc .sticky-total{position:fixed;left:0;right:0;bottom:0;z-index:50;
  background:var(--ink);color:var(--paper);
  padding:11px 20px calc(11px + env(safe-area-inset-bottom));
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  border-top:1px solid rgba(255,255,255,.12);}
.gpc .sticky-total .k{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.62rem;letter-spacing:.14em;
  text-transform:uppercase;opacity:.7;}
.gpc .sticky-total .v{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.25rem;font-weight:500;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em;}
.gpc .sticky-total a{color:var(--paper);font-size:.8rem;text-decoration:none;
  border:1px solid rgba(255,255,255,.32);padding:5px 12px;border-radius:999px;font-weight:600;}
@media (min-width:1000px){
  .gpc .sticky-total{display:none}
}
.gpc .pro-tools{display:none;gap:10px;flex-wrap:wrap;margin-top:16px}
.is-pro .gpc .pro-tools{display:flex}
.gpc .pro-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:0 0 16px;padding:12px 16px;
  border-left:3px solid var(--brass);
  background:var(--brass-wash);
  border-radius:0 var(--radius) var(--radius) 0;
  font-size:.9rem;line-height:1.45;color:var(--ink);}
.gpc .pro-banner[hidden]{display:none}
.gpc .pro-banner span{flex:1 1 240px}
.gpc .acct{border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);
  display:flex;flex-direction:column;}
.gpc .acct-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px;
  padding:12px 18px;border-bottom:1px solid var(--rule);font-size:.93rem;}
.gpc .acct-row span:first-child{color:var(--muted)}
.gpc .acct-row span:last-child{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;
  text-align:right;font-size:.88rem;}
.gpc .acct-block{padding:16px 18px;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:7px}
.gpc .acct-actions{padding:16px 18px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.gpc .copy-row{display:flex;gap:8px;align-items:stretch}
.gpc .copy-row input{flex:1 1 auto;min-width:0;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.78rem;
  padding:9px 11px;background:var(--surface-2);
  text-overflow:ellipsis;}
.gpc .copy-row .g-btn{flex:none;white-space:nowrap}
.gpc .keep-box,.gpc .paste-box{width:100%;max-width:34rem;text-align:left;
  border:1px solid var(--rule-strong);border-radius:var(--radius);
  background:var(--surface);padding:20px;
  display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.gpc .keep-box[hidden],.gpc .paste-box[hidden]{display:none}
.gpc .keep-box h2{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.15rem}
.gpc .paste-box input{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.82rem}
.gpc .day-pills{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;
  margin-bottom:18px;}
.gpc .day-pill{position:relative;
  display:flex;flex-direction:column;align-items:center;gap:2px;
  padding:9px 2px 8px;
  background:var(--surface);
  border:1px solid var(--rule);
  border-radius:var(--radius);
  cursor:pointer;color:var(--muted);
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;}
.gpc .day-pill .dp-d{font-size:.66rem;letter-spacing:.1em;text-transform:uppercase}
.gpc .day-pill .dp-n{font-size:.95rem;font-weight:600;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.gpc .day-pill:hover{border-color:var(--rule-strong)}
.gpc .day-pill.active{background:var(--petrol);border-color:var(--petrol)}
.gpc .day-pill.active .dp-d,.gpc .day-pill.active .dp-n{color:var(--petrol-ink)}
.gpc .day-pill.is-today:not(.active){border-color:var(--petrol)}
.gpc .day-pill .dp-dot{width:4px;height:4px;border-radius:50%;background:var(--petrol);
  margin-top:1px;}
.gpc .day-pill.active .dp-dot{background:var(--petrol-ink)}
.gpc .day-pill .dp-dot.hidden{background:transparent}
.gpc .day-open{border:1px solid var(--rule);border-radius:var(--radius);
  background:var(--surface);padding:15px;}
.gpc .day-open-head{display:flex;align-items:baseline;gap:9px;margin-bottom:13px;}
.gpc .day-hours{max-width:170px}
.gpc .groom-list{display:flex;flex-direction:column;gap:8px;margin:14px 0 12px}
.gpc .groom-row{display:grid;grid-template-columns:22px 1fr 1fr 32px;gap:8px;align-items:center;}
.gpc .groom-row .gnum{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.76rem;color:var(--muted);
  font-variant-numeric:tabular-nums;text-align:right;}
.gpc .groom-row input{padding:9px 10px;font-size:.95rem;width:100%}
.gpc .groom-row .gdel{background:none;border:1px solid var(--rule);border-radius:var(--radius);
  color:var(--muted);cursor:pointer;line-height:1;padding:8px 0;font-size:.9rem;}
.gpc .groom-row .gdel:hover{border-color:var(--red);color:var(--red)}
.gpc .groom-head{display:grid;grid-template-columns:22px 1fr 1fr 32px;gap:8px;
  font-size:.66rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.gpc .groom-head span:first-child{grid-column:2}
.gpc .btn-add-groom{width:100%;
  display:flex;align-items:center;justify-content:center;gap:7px;
  padding:11px;
  background:var(--petrol-wash);
  border:1px dashed color-mix(in srgb, var(--petrol) 45%, transparent);
  border-radius:var(--radius);
  color:var(--petrol);font-weight:600;font-size:.9rem;cursor:pointer;}
.gpc .btn-add-groom:hover{border-style:solid}
.gpc .btn-add-groom .plus{font-size:1.1rem;line-height:1}
.gpc .no-grooms{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.8rem;color:var(--muted);
  padding:14px 0;text-align:center;}
.gpc .day-totals{display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;
  margin-top:14px;background:var(--surface-2);}
.gpc .day-totals .dt-cell{padding:12px 8px;text-align:center;border-right:1px solid var(--rule)}
.gpc .day-totals .dt-cell:last-child{border-right:0}
.gpc .day-totals .dt-val{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.02rem;font-weight:600;
  color:var(--ink);font-variant-numeric:tabular-nums;}
.gpc .day-totals .dt-lbl{font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--muted);margin-top:3px;}
.gpc .day-sub{margin-top:9px;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.79rem;
  color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;}
.gpc .day-sub b{color:var(--ink-soft);font-weight:500}
.gpc .rate-chips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:9px}
.gpc .rate-chip{padding:9px 2px;
  background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);
  color:var(--ink-soft);cursor:pointer;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.84rem;font-variant-numeric:tabular-nums;}
.gpc .rate-chip:hover{border-color:var(--rule-strong)}
.gpc .rate-chip.active{background:var(--petrol);border-color:var(--petrol);color:var(--petrol-ink)}
.gpc .method-panel{display:none}
.gpc .method-panel.showing{display:block}
.gpc .groom-row input::-webkit-outer-spin-button,.gpc .groom-row input::-webkit-inner-spin-button,.gpc .day-hours input::-webkit-outer-spin-button,.gpc .day-hours input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.gpc .groom-row input[type=number],.gpc .day-hours input[type=number]{-moz-appearance:textfield; appearance:textfield}
.gpc .takehome-banner{border-radius:22px;padding:24px 26px}
.gpc .takehome-banner .val{font-weight:800;letter-spacing:-.04em}
.gpc .stat-cell .val,.gpc .day-totals .dt-val,.gpc .sticky-total .v{font-weight:800}
.gpc .stat-grid,.gpc .day-totals,.gpc .day-open,.gpc .settings-panel{border-radius:20px}
.gpc .settings-toggle{border-radius:16px;border-width:2px}
.gpc .day-pill{border-radius:14px;font-weight:700}
.gpc .btn-add-groom{border-radius:999px;font-weight:800}
.gpc .rate-chip,.gpc .tier-btn{border-radius:999px;font-weight:700}
.gpc .related-links a{font-weight:700}
.gpc .week-label{font-weight:800}
.gpc .pro-shell{max-width:900px}
.gpc .pro-hero{padding:38px 0 30px;display:flex;flex-direction:column;gap:14px;max-width:44ch}
.gpc .pro-hero h1{font-size:clamp(2rem,5.6vw,3rem)}
.gpc .pro-hero .g-lede{font-size:1.1rem}
.gpc .trial-note{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.8rem;color:var(--brass);
  border:1px solid color-mix(in srgb, var(--brass) 38%, transparent);
  background:var(--brass-wash);
  padding:7px 12px;border-radius:999px;align-self:flex-start;}
.gpc .plans{display:grid;grid-template-columns:minmax(0,1fr);gap:0;
  border:1px solid var(--rule-strong);border-radius:var(--radius);
  background:var(--surface);overflow:hidden;}
@media (min-width:760px){
  .gpc .plans{grid-template-columns:1fr 1fr}
}
.gpc .plan{padding:26px 24px 28px;
  display:flex;flex-direction:column;gap:14px;
  border-bottom:1px solid var(--rule);}
@media (min-width:760px){
  .gpc .plan{border-bottom:0;border-right:1px solid var(--rule)}
  .gpc .plan:last-child{border-right:0}
}
.gpc .plan:last-child{border-bottom:0}
.gpc .plan.featured{background:var(--surface-2)}
.gpc .plan-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.gpc .plan-name{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:600;font-size:.95rem;letter-spacing:.01em}
.gpc .plan-flag{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--brass);border:1px solid color-mix(in srgb, var(--brass) 45%, transparent);
  padding:2px 8px;border-radius:999px;}
.gpc .plan-price{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-variant-numeric:tabular-nums;
  font-size:2.4rem;font-weight:500;letter-spacing:-.04em;line-height:1;}
.gpc .plan-price span{font-size:.95rem;font-weight:400;color:var(--muted);letter-spacing:0}
.gpc .plan-sub{font-size:.86rem;color:var(--muted);min-height:2.6em}
.gpc .g-compare{width:100%;border-collapse:collapse;margin-top:8px}
.gpc .g-compare caption{text-align:left;font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.68rem;
  letter-spacing:.16em;text-transform:uppercase;color:var(--muted);
  padding-bottom:10px;border-bottom:1px solid var(--rule);}
.gpc .g-compare th,.gpc .g-compare td{padding:12px 10px;border-bottom:1px solid var(--rule);font-size:.93rem;text-align:center;}
.gpc .g-compare th:first-child,.gpc .g-compare td:first-child{text-align:left;color:var(--ink-soft)}
.gpc .g-compare thead th{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:.68rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted);font-weight:500;}
.gpc .g-compare thead th.pro-col{color:var(--brass)}
.gpc .g-compare td.yes{color:var(--good);font-weight:600}
.gpc .g-compare td.no{color:var(--muted)}
.gpc .g-compare tbody tr:last-child td{border-bottom:0}
.gpc .welcome{max-width:36rem;margin:0 auto;padding:60px 0;
  display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center;}
.gpc .welcome .status-mark{width:44px;height:44px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-size:1.2rem;
  border:2px solid var(--rule-strong);color:var(--muted);}
.gpc .welcome.ok .status-mark{border-color:var(--good);color:var(--good)}
.gpc .welcome.bad .status-mark{border-color:var(--alert);color:var(--alert)}
.gpc .welcome p{color:var(--ink-soft);max-width:48ch}
.gpc .auth-wrap{max-width:26rem;margin:0 auto;padding:52px 0 80px;
  display:flex;flex-direction:column;gap:20px;}
.gpc .auth-wrap h1{font-size:clamp(1.6rem,4.5vw,2.1rem)}
.gpc .auth-card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);
  padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow);}
.gpc .auth-card .g-field input{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif}
.gpc .auth-msg{font-size:.88rem;line-height:1.45;padding:10px 13px;border-radius:var(--radius);
  border-left:3px solid var(--alert);background:color-mix(in srgb, var(--alert) 10%, transparent);
  color:var(--ink);}
.gpc .auth-msg[hidden]{display:none}
.gpc .auth-msg.good{border-left-color:var(--good);background:color-mix(in srgb, var(--good) 10%, transparent)}
.gpc .auth-alt{font-size:.9rem;color:var(--muted);text-align:center}
.gpc .auth-note{font-size:.82rem;color:var(--muted);line-height:1.5}
.gpc .plan-pick{display:flex;gap:10px}
.gpc .plan-pick label{flex:1;border:1px solid var(--rule-strong);border-radius:var(--radius);
  padding:11px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;
  font-size:.9rem;font-weight:600;}
.gpc .plan-pick label small{font-family:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;font-weight:400;font-size:.76rem;color:var(--muted)}
.gpc .plan-pick input{position:absolute;opacity:0;pointer-events:none}
.gpc .plan-pick input:checked + span{color:var(--brass)}
.gpc .plan-pick label:has(input:checked){border-color:var(--brass);background:var(--brass-wash)}

/* ---------- page frame inside the kit ---------- */
.gpc{padding-bottom:clamp(48px,6vw,80px)}
.gpc .shell,.gpc .narrow{padding:0}
.gpc .shell{max-width:none}
.gpc .narrow{max-width:760px;margin:0}
.gpc > .container{padding-top:clamp(28px,4vw,44px)}
.gpc .pop-hero + .container{padding-top:0}
.gpc .auth-wrap{margin-inline:auto}

/* ==========================================================================
   The shared kit header, page header and footer in the Bold Pop colors.
   Same markup and layout as every Edgewater site; only the colors and type
   follow this site.
   ========================================================================== */
:root{--font:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--navy:#0e1530;--navy-2:#0e1530;--green:#ffe45c;--green-d:#1f3fd1;--lav:#e6eaff;--soft:#f7f8ff}
body{background:#f7f8ff}
/* the Bold Pop header from design 4: one cobalt bar, lowercase wordmark,
   plain bold menu links and a lemon pill. No utility bar above it. */
.utility{display:none}
.header{background:#1f3fd1;border-bottom:0}
.header .container{min-height:76px}
.brand__mark{display:none}
.brand__name{color:#fff;font-size:26px;font-weight:800;letter-spacing:-.5px;text-transform:lowercase}
.nav{gap:30px}
.nav a{color:#fff;text-transform:none;font-size:18px;font-weight:700;letter-spacing:0}
.nav a:hover{color:#ffe45c}
.header .header__cta{background:#ffe45c;color:#0e1530;border-radius:999px;min-height:46px;padding:0 22px;font-weight:800}
.header .header__cta:hover{background:#fff07f}
.btn{background:#ffe45c;color:#0e1530;border-radius:999px}
.btn:hover{background:#fff07f}
.menu-btn{background:transparent;border-color:rgba(255,255,255,.4)}
.menu-btn svg{stroke:#fff}
.mobile-menu{background:#1f3fd1;border-top-color:rgba(255,255,255,.18)}
.mobile-menu a{color:#fff;border-color:rgba(255,255,255,.18);text-transform:none;font-size:17px}
.pagehead{background:#1f3fd1}
.pagehead .hero__kicker{color:#ffe45c;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.pagehead h1{font-weight:800;letter-spacing:-.03em}
.footer{background:#0e1530}
:focus-visible{outline-color:#ffe45c}

/* ---------- account page ---------- */
.gpc .acct-wrap{max-width:46rem}
.gpc .acct-section{margin-bottom:34px}
.gpc .acct-section h2{font-size:1.25rem;margin:0 0 12px}
.gpc .acct-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.gpc .acct-trial{border-left:4px solid var(--lemon);background:#fffbe0;border-radius:10px;padding:14px 16px;margin:0 0 14px;font-size:.95rem;color:var(--ink)}
.gpc .acct-section .field-help{margin-top:10px}
.gpc .auth-wrap{padding-top:0}
.gpc .pro-status{border-left:4px solid var(--lemon);background:#fffbe0;border-radius:10px;padding:16px 18px;margin:0 0 20px;font-size:1rem}

/* Pro members have no upsell in the side column, so the calculator takes the room */
@media (min-width:1000px){ .is-pro .gpc .app-grid{grid-template-columns:minmax(0,880px)} }
.gpc .settings-toggle{cursor:pointer}

/* line the homepage hero up with the header */
.gpc .pop-hero-in{max-width:none;width:var(--container);padding-inline:0}
.gpc .pop-dog{right:0}
/* homepage section intro (the other pages' intros become the page header) */
.gpc .intro{padding:48px 0 18px;display:flex;flex-direction:column;gap:12px;max-width:var(--measure)}
.gpc .intro .g-eyebrow{align-self:flex-start;background:var(--lemon);color:var(--navy);padding:5px 12px;border-radius:999px;letter-spacing:.06em}

/* homepage guides grid, as in the Bold Pop design */
.gpc .pop-guides{display:grid;grid-template-columns:1fr;gap:20px;margin-top:56px}
@media (min-width:900px){ .gpc .pop-guides{grid-template-columns:4fr 8fr;gap:24px} }
.gpc .pop-guides h2{font-weight:800;font-size:clamp(2rem,4vw,2.75rem);line-height:1;letter-spacing:-.04em}
.gpc .pop-guide-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:640px){ .gpc .pop-guide-grid{grid-template-columns:repeat(2,1fr)} }
.gpc .pop-guide-grid a{display:flex;justify-content:space-between;align-items:center;gap:12px;border:2px solid var(--navy);border-radius:20px;padding:18px 22px;font-weight:700;font-size:1.08rem;text-decoration:none;color:var(--navy)}
.gpc .pop-guide-grid a:hover{background:var(--lemon)}

/* ---------- sign-in pages: one centered card, no page banner ---------- */
.gpc .auth-wrap{max-width:28rem;padding:clamp(32px,6vw,64px) 0 24px;gap:18px}
.gpc .auth-card{border:1px solid var(--rule);border-radius:24px;padding:32px 30px 28px;box-shadow:0 20px 50px -30px rgba(14,21,48,.35);display:flex;flex-direction:column;gap:16px}
.gpc .auth-head{display:flex;flex-direction:column;gap:6px;text-align:center;margin-bottom:4px}
.gpc .auth-head h1{font-size:clamp(1.7rem,4vw,2rem);letter-spacing:-.03em}
.gpc .auth-head .g-eyebrow{align-self:center;background:var(--lemon);color:var(--navy);padding:4px 12px;border-radius:999px;font-size:.72rem}
.gpc .auth-sub{color:var(--muted);font-size:.95rem;line-height:1.5}
.gpc .auth-google{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;border:1.5px solid var(--rule-strong);border-radius:999px;background:#fff;color:var(--ink);font-weight:700;text-decoration:none}
.gpc .auth-google:hover{border-color:var(--navy);background:var(--surface-2)}
.gpc .auth-g{flex:none;width:18px;height:18px}
.gpc .auth-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:.85rem}
.gpc .auth-or::before,.gpc .auth-or::after{content:"";flex:1;height:1px;background:var(--rule)}
.gpc .auth-card .g-field{gap:6px}
.gpc .auth-card input[type=email],.gpc .auth-card input[type=password]{min-height:48px;border-radius:12px;font-size:1rem}
.gpc .auth-card .btn-primary{min-height:50px}
.gpc .auth-note{text-align:center}
.gpc .auth-alt{margin-top:4px}

/* ---------- log in pop-up: the kit's auth__modal, as on the other sites ---------- */
.auth__modal{border-color:#0e1530;border-radius:20px}
.auth__modal h2{font-weight:800;letter-spacing:-.03em;color:#0e1530}
.auth__modal .btn{min-height:50px}
.auth__google{gap:10px;color:#0e1530;background:#fff!important;border:1.5px solid #cfd0dc}
.auth__google svg{width:18px;height:18px}
.auth__links a{color:#1f3fd1}
.auth__msg{color:#c62828}

/* Signed in as: who is logged in */
.header .gpc-who{display:none;color:rgba(255,255,255,.85);font-size:14px;line-height:1.3;white-space:nowrap;margin-left:auto}
/* The whole email, never cut off. Short of room, the words "Signed in as" go first. */
.header .gpc-who .gpc-who-l{display:none}
@media (min-width:1280px){.header .gpc-who .gpc-who-l{display:inline}}
.header .gpc-who strong{color:#fff;font-weight:700}
@media (min-width:1080px){.header .gpc-who{display:block}}
#mobile-menu li.gpc-who{padding:13px 0;font-size:14px;color:rgba(255,255,255,.8);border-bottom:1px solid rgba(255,255,255,.18);overflow-wrap:anywhere}
#mobile-menu li.gpc-who strong{color:#fff}

/* Set up your pay: the line above the collapsed settings box */
.gpc .setup-cue{margin:0 0 10px;font-size:15px;line-height:1.5;color:var(--ink)}
.gpc .setup-cue strong{font-weight:800}
.gpc .settings-edit{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:14px;color:var(--ink);white-space:nowrap}

/* The grooming blog: homepage section, blog page list, post date line */
.gpc .pop-blog{margin-top:56px}
.gpc .pop-blog-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}
.gpc .pop-blog-head h2{font-weight:800;font-size:clamp(2rem,4vw,2.75rem);line-height:1;letter-spacing:-.04em;margin:0}
.gpc .pop-blog-head a{font-weight:800;color:var(--navy)}
.gpc .pop-post-grid{display:grid;grid-template-columns:1fr;gap:14px}
@media (min-width:700px){ .gpc .pop-post-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1100px){ .gpc .pop-blog .pop-post-grid{grid-template-columns:repeat(4,1fr)} }
.gpc .pop-post{display:flex;flex-direction:column;gap:8px;border:2px solid var(--navy);border-radius:20px;padding:20px 22px;text-decoration:none;color:var(--navy);background:#fff}
.gpc .pop-post:hover{background:var(--lemon)}
.gpc .pop-post-date{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.7}
.gpc .pop-post-title{font-weight:800;font-size:1.15rem;line-height:1.25}
.gpc .pop-post-desc{font-size:.95rem;line-height:1.5;opacity:.85}
.gpc .pop-post-list{margin:24px 0}
.gpc .post-meta{font-size:14px;font-weight:700;opacity:.7;margin-top:0}

/* Photo gallery */
.gpc .gal-post{border:2px solid var(--navy);border-radius:20px;padding:22px;background:#fff;margin:0 0 32px}
.gpc .gal-post h2,.gpc .gal-mine h2{margin:0 0 8px;font-weight:800}
.gpc .gal-form{display:grid;gap:14px;max-width:560px;margin-top:12px}
.gpc .gal-rights{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45}
.gpc .gal-rights input{margin-top:3px}
.gpc .gal-msg{min-height:1.2em;font-weight:700;margin:0}
.gpc .gal-preview img{max-width:240px;max-height:240px;border-radius:14px;display:block}
.gpc .gal-cta h2{margin:0 0 6px}
.gpc .gal-cta-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.gpc .gal-mine{margin:0 0 36px}
.gpc .gal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media (min-width:700px){ .gpc .gal-grid{grid-template-columns:repeat(3,1fr)} }
@media (min-width:1100px){ .gpc .gal-grid{grid-template-columns:repeat(4,1fr)} }
/* Each photo is a Polaroid: white frame, deep bottom edge with a handwritten
   caption, a slight tilt that alternates, straightening on hover. */
.gpc .gal-grid{gap:28px 22px;padding:8px 4px}
.gpc .gal-card{margin:0;background:#fff;padding:12px 12px 14px;border-radius:3px;box-shadow:0 2px 4px rgba(14,21,48,.12),0 10px 24px rgba(14,21,48,.16);display:flex;flex-direction:column;transform:rotate(-1.6deg);transition:transform .2s ease,box-shadow .2s ease}
.gpc .gal-card:nth-child(2n){transform:rotate(1.4deg)}
.gpc .gal-card:nth-child(3n){transform:rotate(-.6deg)}
.gpc .gal-card:hover{transform:rotate(0) scale(1.02);box-shadow:0 4px 8px rgba(14,21,48,.14),0 16px 36px rgba(14,21,48,.2);z-index:1}
.gpc .gal-img{display:block;padding:0;border:0;background:#e9e6df;cursor:zoom-in;aspect-ratio:1/1;width:100%;border-radius:1px}
.gpc .gal-img img{width:100%;height:100%;object-fit:cover;display:block}
.gpc .gal-card figcaption{padding:12px 4px 0;display:grid;gap:2px;text-align:center;line-height:1.2}
.gpc .gal-cap{font-family:"Caveat",cursive;font-weight:600;font-size:1.45rem;color:#1c2140}
.gpc .gal-credit{font-family:"Caveat",cursive;font-size:1.1rem;color:#5b6080}
.gpc .gal-status{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}
.gpc .gal-pending{color:#9a6a00}.gpc .gal-approved{color:#1d7a46}.gpc .gal-rejected{color:#b3261e}
.gpc .gal-del{justify-self:start;background:none;border:0;padding:0;color:#b3261e;font-weight:700;cursor:pointer;text-decoration:underline}
.gpc .gal-empty{font-size:1.05rem;opacity:.8}
.gal-view{border:0;border-radius:18px;padding:12px;max-width:min(92vw,1100px)}
.gal-view::backdrop{background:rgba(14,21,48,.8)}
.gal-view img{max-width:100%;max-height:78vh;display:block;border-radius:12px;margin:0 auto}
.gal-view p{margin:10px 4px 2px;font-weight:700}
.gal-view form{text-align:right}
.gal-view-x{background:none;border:0;font-size:28px;line-height:1;cursor:pointer}
/* Homepage Polaroid: in the hero, between the headline and the dog. On
   phones, where the dog is hidden, it sits under the buttons instead. */
.gpc .pop-photo-link{display:block;text-decoration:none;transition:transform .2s ease}
.gpc .pop-photo-hero{position:absolute;top:104px;left:calc(50% - 25px);right:auto;width:230px;transform:rotate(-6deg);z-index:1}
.gpc .pop-photo-hero:hover{transform:rotate(-1deg) scale(1.03)}
@media (max-width:1299px){ .gpc .pop-photo-hero{display:none} }
@media (max-width:899px){ .gpc .pop-photo-hero{display:block;position:static;width:min(230px,60vw);margin:36px auto 0;transform:rotate(-4deg)} }
.gpc .pop-photo-static{display:block;width:100%;height:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.28)) drop-shadow(0 2px 3px rgba(0,0,0,.15))}
.gpc .pop-photo-frame{display:block;background:#fbf9f4;padding:12px 12px 0;border-radius:3px;box-shadow:0 2px 4px rgba(14,21,48,.12),0 14px 32px rgba(14,21,48,.2)}
.gpc .pop-photo-frame img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block;background:#e9e6df}
.gpc .pop-photo-frame span{display:block;text-align:center;font-family:"Caveat",cursive;font-weight:600;font-size:1.6rem;color:#1c2140;padding:12px 6px 20px;line-height:1.15}

/* Admin: gallery review */
.gpc .adm-photos{display:grid;grid-template-columns:1fr;gap:12px;margin:12px 0}
@media (min-width:900px){ .gpc .adm-photos{grid-template-columns:repeat(2,1fr)} }
.gpc .adm-photo{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;border:1px solid #d9dcef;border-radius:14px;padding:12px;background:#fff}
.gpc .adm-photo--pending{border-color:#e0b100;box-shadow:0 0 0 2px rgba(224,177,0,.25)}
.gpc .adm-photo--rejected{opacity:.6}
.gpc .adm-photo img{width:120px;height:120px;object-fit:cover;border-radius:8px;display:block;background:#eef0fb}
.gpc .adm-photo__txt{display:grid;gap:6px;min-width:0}
.gpc .adm-photo__txt strong{overflow-wrap:anywhere}
.gpc .adm-photo__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.gpc .gal-tips{margin-top:48px;max-width:760px}
.gpc .gal-tips li{margin:6px 0}
.gpc .gal-intro{max-width:760px;font-size:1.05rem;line-height:1.6;margin:0 0 24px}
