/*
  Puppy Gumbo radical Home Page + left navigation experiment
  Visual test only — not for deployment.
  Built on top of the Aug 31 v2 visual-review candidate without deleting the original Menu Board.
*/
:root{
  --pg-radical-green:#184c32;
  --pg-radical-green-2:#236442;
  --pg-radical-brown:#6c4322;
  --pg-radical-brown-dark:#4c2c17;
  --pg-radical-gold:#c59539;
  --pg-radical-cream:#fbf4e5;
  --pg-radical-paper:#fffaf0;
  --pg-radical-ink:#3e2d21;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#e9ddc8;color:var(--pg-radical-ink)}
body.pg-radical-home-test{font-family:Georgia,'Times New Roman',serif;overflow-x:hidden}
.pg-radical-shell{display:grid;grid-template-columns:minmax(210px,22.5vw) minmax(0,1fr);min-height:100svh;background:linear-gradient(90deg,#51321d 0 22.5%,#f8f0e2 22.5% 100%)}

/* COMPACT LEFT NAVIGATION — about 22.5% on desktop */
.pg-radical-sidebar{position:sticky;top:0;align-self:start;height:100svh;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 #c69848;box-shadow:8px 0 24px rgba(37,22,13,.20);z-index:10}
.pg-radical-brand{text-align:center;padding:5px 8px 6px;color:#fff2cf;border-bottom:1px solid rgba(226,187,109,.55)}
.pg-radical-brand .pg-radical-paw{display:block;font-size:1.35rem;line-height:1;margin-bottom:3px;color:#e0b253}
.pg-radical-brand strong{display:block;font-size:clamp(1.05rem,2vw,1.55rem);letter-spacing:.055em;text-transform:uppercase;line-height:1.02}
.pg-radical-brand small{display:block;margin-top:4px;color:#e9d4aa;font:700 .69rem/1.15 Arial,sans-serif;letter-spacing:.075em;text-transform:uppercase}
.pg-radical-menu{display:grid;grid-template-rows:repeat(12,minmax(0,1fr));gap:6px;min-height:0;flex:1}
.pg-radical-menu a{position:relative;display:flex;align-items:center;min-height:0;padding:7px 11px 7px 46px;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:.01em;transition:transform .12s ease,background .12s ease,border-color .12s ease}
.pg-radical-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-radical-menu a:hover,.pg-radical-menu a:focus-visible{transform:translateX(3px);background:#fffdf6;border-color:#e0b258;outline:none}
.pg-radical-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-radical-menu a.is-current::before{background:#f2d28e;color:#31523a;border-color:#fff3c6}
.pg-radical-sidebar-note{margin:0;text-align:center;color:#d9c49b;font:700 .64rem/1.25 Arial,sans-serif}
.pg-radical-sidebar-note a{color:#f4d89d;text-decoration:underline;text-underline-offset:2px}

/* EXPANDED MAIN PRESENTATION — about 77.5% on desktop */
.pg-radical-main{min-width:0;padding:18px clamp(18px,2.5vw,38px) 26px;background:
  radial-gradient(circle at 82% 5%,rgba(215,181,111,.16),transparent 22%),
  linear-gradient(180deg,#fffdf7 0%,#f7efe1 100%)}
.pg-radical-home-card{max-width:1040px;margin:0 auto;border:2px solid #c7a775;border-radius:20px;background:rgba(255,252,244,.96);box-shadow:0 12px 32px rgba(69,45,26,.12);overflow:hidden}
.pg-radical-home-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 16px;background:linear-gradient(90deg,#704520,#513019);border-bottom:2px solid #c89949;color:#fff4d8}
.pg-radical-home-banner strong{font:900 .77rem/1 Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.pg-radical-home-banner span{font:700 .68rem/1 Arial,sans-serif;color:#ead5ae}
.pg-radical-hero{display:grid;grid-template-columns:minmax(210px,.88fr) minmax(0,1.12fr);gap:0;align-items:stretch;border-bottom:1px solid #dbc8a7}
.pg-radical-chef-image{margin:0;min-height:0;background:#3b2b1d;overflow:hidden}
.pg-radical-chef-image img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover;object-position:center 46%}
.pg-radical-welcome{padding:clamp(20px,3vw,38px);display:flex;flex-direction:column;justify-content:center}
.pg-radical-kicker{display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;background:#6f4524;color:#fff3d6;font:900 .68rem/1 Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.pg-radical-welcome h1{margin:.32em 0 .12em;color:#244f35;font-size:clamp(2.25rem,4.7vw,4.5rem);line-height:.92;letter-spacing:-.025em}
.pg-radical-welcome-lead{margin:.45rem 0 0;color:#5b3e29;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.36}
.pg-radical-welcome-lead strong{color:#3c6548}
.pg-radical-welcome-lines{display:grid;gap:4px;margin:14px 0 0;padding:12px 14px;border-left:5px solid #2f6b48;background:#f2f6ed;color:#4d3d30;font-size:.93rem;line-height:1.35}
.pg-radical-welcome-lines span{display:block}

.pg-radical-experience-cta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:14px 0 0;padding:11px 16px;border:2px solid #c79543;border-radius:12px;background:linear-gradient(180deg,#2f6b48,#184c32);color:#fff8e5;text-decoration:none;box-shadow:0 5px 12px rgba(53,77,56,.16);text-align:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}
.pg-radical-experience-cta:hover,.pg-radical-experience-cta:focus-visible{transform:translateY(-1px);background:linear-gradient(180deg,#387856,#1e5638);box-shadow:0 7px 16px rgba(53,77,56,.22);outline:3px solid rgba(197,149,57,.20)}
.pg-radical-experience-cta-title{font:900 clamp(.92rem,1.45vw,1.08rem)/1.12 Arial,sans-serif;letter-spacing:.01em}
.pg-radical-experience-cta-note{font:700 .74rem/1.2 Arial,sans-serif;color:#f0ddaf}

.pg-radical-start{padding:18px clamp(18px,2.5vw,30px) 22px;background:linear-gradient(180deg,#fffaf0,#f8efdf)}
.pg-radical-start-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;margin-bottom:13px}
.pg-radical-start-placard{display:inline-grid;place-items:center;min-width:116px;padding:9px 15px;border:2px solid #c69342;border-radius:9px;background:linear-gradient(180deg,#7b4b24,#5a351b);color:#fff4d5;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);font:900 .78rem/1 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.pg-radical-start-copy h2{margin:0;color:#4f3220;font-size:clamp(1.45rem,2.6vw,2.35rem);line-height:1}
.pg-radical-start-copy p{margin:5px 0 0;color:#665141;font-size:.94rem;line-height:1.35}
.pg-radical-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pg-radical-choice{display:flex;flex-direction:column;gap:5px;min-height:112px;padding:12px 12px 11px;border:1px solid #d1b481;border-radius:13px;background:#fffdf7;box-shadow:0 5px 12px rgba(77,51,28,.07);text-decoration:none;color:#463221}
.pg-radical-choice:hover,.pg-radical-choice:focus-visible{border-color:#2f6b48;outline:3px solid rgba(47,107,72,.12)}
.pg-radical-choice span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#315f3f;color:#fff;font:900 .7rem/1 Arial,sans-serif}
.pg-radical-choice strong{font:900 .86rem/1.12 Arial,sans-serif;color:#51351f}
.pg-radical-choice small{font:600 .76rem/1.3 Arial,sans-serif;color:#6b5849}
.pg-radical-home-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-top:1px solid #d8c4a0;background:#f4e8d2;color:#684c34;font:700 .72rem/1.2 Arial,sans-serif}
.pg-radical-home-footer strong{color:#315f3f}

@media(max-height:760px) and (min-width:901px){
  .pg-radical-sidebar{padding-top:9px;gap:7px}.pg-radical-brand{padding-top:2px;padding-bottom:4px}.pg-radical-brand small{display:none}.pg-radical-menu{gap:4px}.pg-radical-menu a{padding-top:5px;padding-bottom:5px}.pg-radical-sidebar-note{font-size:.58rem}
  .pg-radical-main{padding-top:10px;padding-bottom:12px}.pg-radical-chef-image img{min-height:290px}.pg-radical-welcome{padding:19px 24px}.pg-radical-start{padding-top:12px;padding-bottom:14px}.pg-radical-choice{min-height:92px;padding:9px 10px}.pg-radical-choice small{font-size:.71rem}
}

/* Tablet: keep the navigation compact while preserving readable labels. */
@media(max-width:900px) and (min-width:641px){
  .pg-radical-shell{grid-template-columns:minmax(190px,25vw) minmax(0,1fr)}
  .pg-radical-sidebar{padding:10px 9px}.pg-radical-menu a{padding-left:40px;font-size:1rem}.pg-radical-menu a::before{left:7px;width:25px;height:25px}
  .pg-radical-main{padding:12px}.pg-radical-hero{grid-template-columns:185px minmax(0,1fr)}.pg-radical-chef-image img{min-height:300px}.pg-radical-welcome{padding:18px}.pg-radical-welcome h1{font-size:2.45rem}.pg-radical-welcome-lines{font-size:.8rem}.pg-radical-start{padding:13px}.pg-radical-start-head{grid-template-columns:1fr}.pg-radical-start-placard{justify-self:start}.pg-radical-choice-grid{grid-template-columns:1fr}.pg-radical-choice{min-height:0;display:grid;grid-template-columns:26px 1fr;column-gap:8px}.pg-radical-choice small{grid-column:2}
}

/* Phone: a true 1/3 sidebar would make the Home Page unreadable, so the test becomes a compact 2-column menu above the content. */
@media(max-width:640px){
  .pg-radical-shell{display:block;background:#f8f0e2}.pg-radical-sidebar{position:relative;height:auto;padding:10px}.pg-radical-brand strong{font-size:1.2rem}.pg-radical-menu{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:6px}.pg-radical-menu a{min-height:52px;padding:7px 7px 7px 38px;font-size:1rem;line-height:1.06}.pg-radical-menu a::before{left:6px;width:24px;height:24px}.pg-radical-sidebar-note{margin-top:2px}.pg-radical-main{padding:10px}.pg-radical-home-card{border-radius:14px}.pg-radical-home-banner{padding:8px 10px}.pg-radical-home-banner span{display:none}.pg-radical-hero{grid-template-columns:1fr}.pg-radical-chef-image img{height:auto;min-height:0;max-height:43svh;object-position:center 43%}.pg-radical-welcome{padding:18px}.pg-radical-welcome h1{font-size:2.5rem}.pg-radical-start{padding:15px}.pg-radical-start-head{grid-template-columns:1fr}.pg-radical-start-placard{justify-self:start}.pg-radical-choice-grid{grid-template-columns:1fr}.pg-radical-choice{min-height:0}.pg-radical-home-footer{display:block;text-align:center}.pg-radical-home-footer span{display:block;margin-top:4px}
}