/*
  Puppy Gumbo remodeled website shell — exploratory build.
  Built from the frozen v8 visual-review copy.
  Keeps the old site content/assets in place while replacing the oversized Menu Board
  with the compact 12-button navigation rail.
*/
:root{
  --pg-remodel-sidebar: clamp(190px,22.5vw,286px);
  --pg-remodel-green:#184c32;
  --pg-remodel-green2:#245f3e;
  --pg-remodel-brown:#51321d;
  --pg-remodel-brown2:#382114;
  --pg-remodel-gold:#c69848;
  --pg-remodel-cream:#fffaf0;
  --pg-remodel-ink:#3f2d20;
}
*{box-sizing:border-box}
body.pg-remodeled-page{margin:0!important;padding-left:var(--pg-remodel-sidebar)!important;min-height:100svh;background:#f7efe1!important;color:var(--pg-remodel-ink);overflow-x:hidden}
body.pg-remodeled-page>.topbar,
body.pg-remodeled-page>#home-menu,
body.pg-remodeled-page>.pg-room-rail,
body.pg-remodeled-page>.toplink{display:none!important}

.pg-remodel-sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--pg-remodel-sidebar);z-index:9999;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;background:radial-gradient(circle at 18% 8%,rgba(215,174,93,.13),transparent 24%),linear-gradient(180deg,#2f1c11 0%,#51321d 48%,#382114 100%);border-right:4px solid var(--pg-remodel-gold);box-shadow:8px 0 24px rgba(37,22,13,.20);font-family:Georgia,'Times New Roman',serif}
.pg-remodel-brand{text-align:center;padding:5px 8px 6px;color:#fff2cf;border-bottom:1px solid rgba(226,187,109,.55)}
.pg-remodel-brand .pg-remodel-paw{display:block;font-size:1.35rem;line-height:1;margin-bottom:3px;color:#e0b253}
.pg-remodel-brand strong{display:block;font-size:clamp(1.05rem,2vw,1.5rem);letter-spacing:.055em;text-transform:uppercase;line-height:1.02}
.pg-remodel-brand small{display:block;margin-top:4px;color:#e9d4aa;font:700 .69rem/1.15 Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}
.pg-remodel-menu{display:grid;grid-template-rows:repeat(12,minmax(0,1fr));gap:6px;min-height:0;flex:1}
.pg-remodel-menu a{position:relative;display:flex;align-items:center;min-height:0;padding:7px 9px 7px 45px;border:2px solid #b7833b;border-radius:9px;background:linear-gradient(180deg,#fff9eb,#f3e2c2);color:#4a2f1c;text-decoration:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8),0 3px 8px rgba(0,0,0,.17);font:900 1rem/1.06 Arial,sans-serif;letter-spacing:.005em;transition:transform .12s ease,background .12s ease,border-color .12s ease}
.pg-remodel-menu a::before{content:attr(data-number);position:absolute;left:9px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#68421f;color:#ffe7ad;border:2px solid #c59643;font:900 .72rem/1 Arial,sans-serif}
.pg-remodel-menu a:hover,.pg-remodel-menu a:focus-visible{transform:translateX(3px);background:#fffdf6;border-color:#e0b258;outline:none}
.pg-remodel-menu a.is-current{background:linear-gradient(180deg,#2b6b47,#16452d);border-color:#d6aa57;color:#fff8e4;text-shadow:0 1px 1px rgba(0,0,0,.35)}
.pg-remodel-menu a.is-current::before{background:#f2d28e;color:#31523a;border-color:#fff3c6}
.pg-remodel-sidebar-note{margin:0;text-align:center;color:#d9c49b;font:700 .63rem/1.2 Arial,sans-serif}

body.pg-remodeled-page main{margin-left:0!important;margin-right:0!important;max-width:none!important;min-width:0;padding-top:14px!important;padding-bottom:10px!important;background:radial-gradient(circle at 82% 5%,rgba(215,181,111,.13),transparent 22%),linear-gradient(180deg,#fffdf7 0%,#f7efe1 100%)}
body.pg-remodeled-page main>.section,
body.pg-remodeled-page main>section{margin-left:auto!important;margin-right:auto!important}
body.pg-remodeled-page .wrap{max-width:min(1080px,calc(100% - 32px))!important}
body.pg-remodeled-page footer.footer{margin:0!important;padding-left:18px!important;padding-right:18px!important}

/* Small related navigation within a major room. */
.pg-remodel-related{max-width:min(1080px,calc(100% - 32px));margin:8px auto 0;padding:8px 10px;border:1px solid #d2ba8e;border-radius:12px;background:#fff9ed;display:flex;align-items:center;gap:7px;flex-wrap:wrap;box-shadow:0 3px 10px rgba(69,45,26,.06);font:800 .76rem/1.15 Arial,sans-serif}
.pg-remodel-related strong{color:#5c381f;margin-right:3px}
.pg-remodel-related a{display:inline-flex;align-items:center;min-height:31px;padding:6px 9px;border:1px solid #bd9c66;border-radius:999px;background:#fff;color:#315f3f;text-decoration:none}
.pg-remodel-related a:hover,.pg-remodel-related a:focus-visible{background:#edf5ed;border-color:#315f3f;outline:none}
.pg-remodel-related a.is-current{background:#315f3f;color:#fff;border-color:#315f3f}

/* Page-turn controls: always in document flow, never over artwork. */
body.pg-remodeled-page .pg-page-turnbar{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:min(920px,calc(100% - 32px))!important;margin:14px auto 10px!important;z-index:5!important;display:grid!important;grid-template-columns:auto minmax(130px,1fr) auto auto!important;gap:8px!important;align-items:center!important;padding:9px 10px!important;border:1px solid #c9aa76!important;border-radius:14px!important;background:#fff8e8!important;box-shadow:0 4px 14px rgba(69,45,26,.08)!important}
body.pg-remodeled-page .pg-page-turnbar button,
body.pg-remodeled-page .pg-page-turnbar a{min-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 11px!important;border-radius:999px!important;border:1px solid #315f3f!important;background:#fff!important;color:#315f3f!important;text-decoration:none!important;font:900 .78rem/1 Arial,sans-serif!important}
body.pg-remodeled-page .pg-page-turnbar .pg-turn-primary{background:#315f3f!important;color:#fff!important}
body.pg-remodeled-page .pg-page-turnbar button:disabled{opacity:.35!important;cursor:default!important}
body.pg-remodeled-page .pg-turn-status{text-align:center!important;color:#4d3827!important;min-width:0!important}
body.pg-remodeled-page .pg-turn-status strong{display:block!important;font:900 .83rem/1.15 Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body.pg-remodeled-page .pg-turn-status span{display:block!important;margin-top:2px!important;font:700 .68rem/1.1 Arial,sans-serif!important;color:#84684b!important}
body.pg-remodeled-page .pg-turn-menu{display:none!important}

/* Hub cards used for consolidated Founder, Home, Vet, and Help areas. */
.pg-remodel-hub{max-width:1060px;margin:0 auto;padding:6px 16px 24px}
.pg-remodel-hub-card{overflow:hidden;border:2px solid #c7a775;border-radius:20px;background:rgba(255,252,244,.98);box-shadow:0 12px 32px rgba(69,45,26,.12)}
.pg-remodel-hub-head{text-align:center;padding:20px 24px;background:linear-gradient(135deg,#6e4422,#4d2f1b);color:#fff5dd}
.pg-remodel-hub-head .eyebrow{display:block;margin-bottom:5px;font:900 .68rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f0cf8e}
.pg-remodel-hub-head h1{margin:0;font:900 clamp(2rem,4vw,3.3rem)/1 Georgia,serif}
.pg-remodel-hub-head p{max-width:760px;margin:8px auto 0;font:700 .95rem/1.4 Arial,sans-serif;color:#f3dfbd}
.pg-remodel-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}
.pg-remodel-hub-link{display:flex;flex-direction:column;gap:5px;min-height:112px;padding:15px;border:1px solid #d3bb92;border-radius:14px;background:#fffdf8;text-decoration:none;color:#443021;box-shadow:0 4px 10px rgba(73,48,27,.06)}
.pg-remodel-hub-link:hover,.pg-remodel-hub-link:focus-visible{border-color:#315f3f;outline:3px solid rgba(49,95,63,.1)}
.pg-remodel-hub-link span{font:900 .66rem/1 Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#8b6536}
.pg-remodel-hub-link strong{font:900 1.08rem/1.1 Arial,sans-serif;color:#315f3f}
.pg-remodel-hub-link small{font:600 .8rem/1.35 Arial,sans-serif;color:#6a5543}
.pg-remodel-hub-foot{padding:10px 18px 15px;text-align:center;color:#72563c;font:700 .73rem/1.3 Arial,sans-serif;background:#f5ead5;border-top:1px solid #dac5a2}

/* Home extension links — still one screen, no new giant section. */
.pg-home-continuation{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:11px}
.pg-home-continuation a{display:inline-flex;min-height:36px;align-items:center;padding:7px 12px;border:1px solid #a9844e;border-radius:999px;background:#fff;color:#315f3f;text-decoration:none;font:900 .74rem/1 Arial,sans-serif}
.pg-home-continuation a:hover,.pg-home-continuation a:focus-visible{background:#edf5ed;border-color:#315f3f;outline:none}

/* Keep legacy development labels out of the remodel presentation. */
body.pg-remodeled-page .pg-board-preview-note,
body.pg-remodeled-page .qc-local-banner,
body.pg-remodeled-page #pg-v4-marker{display:none!important}

@media(max-height:760px) and (min-width:901px){
  .pg-remodel-sidebar{padding-top:9px;gap:7px}.pg-remodel-brand{padding-top:2px;padding-bottom:4px}.pg-remodel-brand small{display:none}.pg-remodel-menu{gap:4px}.pg-remodel-menu a{padding-top:5px;padding-bottom:5px}.pg-remodel-sidebar-note{font-size:.57rem}
}
@media(max-width:900px) and (min-width:641px){
  :root{--pg-remodel-sidebar:clamp(188px,25vw,225px)}
  .pg-remodel-sidebar{padding:10px 9px}.pg-remodel-menu a{padding-left:40px;font-size:1rem}.pg-remodel-menu a::before{left:7px;width:25px;height:25px}
  body.pg-remodeled-page .wrap{max-width:calc(100% - 20px)!important}.pg-remodel-hub-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.pg-remodeled-page{padding-left:0!important}
  .pg-remodel-sidebar{position:relative;width:100%;height:auto;padding:10px;border-right:0;border-bottom:4px solid var(--pg-remodel-gold)}
  .pg-remodel-brand strong{font-size:1.2rem}.pg-remodel-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:6px}.pg-remodel-menu a{min-height:52px;padding:7px 7px 7px 38px;font-size:1rem;line-height:1.06}.pg-remodel-menu a::before{left:6px;width:24px;height:24px}.pg-remodel-sidebar-note{display:none}
  body.pg-remodeled-page main{padding-top:10px!important}.pg-remodel-related{max-width:calc(100% - 20px);margin-top:7px}.pg-remodel-related strong{width:100%;text-align:center}
  body.pg-remodeled-page .pg-page-turnbar{grid-template-columns:1fr 1fr!important;width:calc(100% - 20px)!important}.pg-turn-status{grid-column:1 / -1;grid-row:1}.pg-page-turnbar button:first-child{grid-column:1}.pg-page-turnbar .pg-turn-home{grid-column:1 / -1}.pg-page-turnbar .pg-turn-primary{grid-column:2}
  .pg-remodel-hub{padding:4px 10px 18px}.pg-remodel-hub-grid{grid-template-columns:1fr;padding:12px}.pg-remodel-hub-head{padding:17px 14px}.pg-remodel-hub-link{min-height:0}
}