/* Puppy Gumbo remodel v31 cleanup refinement. Exploratory only. */

/* The What Is Puppy Gumbo page now uses a dedicated clean image asset; no ribbon masking. */
.experience-learning-cover-trigger{cursor:zoom-in}

/* Cookbook Tour desktop/tablet: keep the 12-button website navigation anchored.
   If a very short screen ever needs it, only the menu rail scrolls internally. */
@media (min-width:641px){
  body.pg-cookbook-intro-page,body.pg-embedded-cookbook-page{--pg-tour-sidebar:max(210px,22.5vw)}
  body.pg-cookbook-intro-page .pg-radical-shell,
  body.pg-embedded-cookbook-page .pg-radical-shell{display:block;padding-left:var(--pg-tour-sidebar)}
  body.pg-cookbook-intro-page .pg-radical-sidebar,
  body.pg-embedded-cookbook-page .pg-radical-sidebar{
    position:fixed;left:0;top:0;bottom:0;width:var(--pg-tour-sidebar);height:100svh;overflow:hidden;z-index:1000
  }
  body.pg-cookbook-intro-page .pg-radical-menu,
  body.pg-embedded-cookbook-page .pg-radical-menu{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c69848 transparent}
  body.pg-cookbook-intro-page .pg-radical-main,
  body.pg-embedded-cookbook-page .pg-radical-main{width:100%;min-height:100svh}
}
@media (max-width:900px) and (min-width:641px){
  body.pg-cookbook-intro-page,body.pg-embedded-cookbook-page{--pg-tour-sidebar:max(190px,25vw)}
}

/* Tour return controls preserved from v30. */
.pg-tour-slide-return{display:flex;justify-content:center;margin:9px 0 2px}
.pg-tour-slide-return a,.pg-tour-dialog-return{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 12px;border:1px solid #315f3f;border-radius:999px;background:#fffdf7;color:#315f3f;text-decoration:none;font:900 .72rem/1 Arial,sans-serif}
.pg-tour-slide-return a:hover,.pg-tour-slide-return a:focus-visible,.pg-tour-dialog-return:hover,.pg-tour-dialog-return:focus-visible{background:#edf5ed;outline:2px solid rgba(49,95,63,.18)}
.pg-tour-slide-return.is-complete a{background:#315f3f;color:#fff;border-color:#315f3f;padding-left:18px;padding-right:18px}
.pg-tour-dialog{height:min(95svh,970px)}
.pg-tour-dialog-body{height:calc(100% - 145px)}
.pg-tour-dialog-controls{height:54px;gap:12px;flex-wrap:wrap}
.pg-tour-dialog-controls .pg-tour-dialog-return{margin-left:auto}
@media(max-width:640px){
  .pg-tour-dialog-navigator label{grid-template-columns:1fr;gap:5px}.pg-tour-dialog-body{height:calc(100% - 192px)}
  .pg-tour-dialog-controls{height:auto;min-height:78px}.pg-tour-dialog-controls .pg-tour-dialog-return{width:100%;margin-left:0}
}


/* v31: restore the real slide-out Tour Navigator panel. */
.pg-embedded-tour-toolbar{grid-template-columns:auto minmax(210px,360px) auto;align-items:center;justify-content:center}
.pg-embedded-tour-toolbar .pg-tour-navigator-open{background:#5b3a20;border-color:#c89b50;color:#fff4d8;letter-spacing:.02em}
.pg-embedded-tour-toolbar .pg-tour-navigator-open:hover,.pg-embedded-tour-toolbar .pg-tour-navigator-open:focus-visible{background:#704a29;outline:3px solid rgba(200,155,80,.22)}
.pg-tour-navigator-backdrop{position:fixed;inset:0;z-index:2100;background:rgba(30,20,13,.50)}
.pg-tour-navigator-panel{position:fixed;z-index:2110;right:18px;top:18px;bottom:18px;width:min(430px,calc(100vw - 36px));overflow:hidden;border:2px solid #c59a52;border-radius:16px;background:#fff8e9;box-shadow:0 22px 70px rgba(0,0,0,.42);color:#402a1b}
.pg-tour-navigator-panel[hidden],.pg-tour-navigator-backdrop[hidden],.pg-tour-dialog-navigator-panel[hidden]{display:none!important}
.pg-tour-navigator-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 15px 12px;background:#4a3020;color:#fff1d2;border-bottom:2px solid #c59a52}
.pg-tour-navigator-head strong{display:block;font:900 1.05rem/1.1 Georgia,serif}
.pg-tour-navigator-head span{display:block;margin-top:5px;color:#ead5b2;font:700 .72rem/1.35 Arial,sans-serif}
.pg-tour-navigator-close,.pg-tour-dialog-navigator-close{flex:0 0 auto;width:38px;height:38px;border:0;border-radius:50%;background:#fff4dc;color:#4d301d;font:900 1.4rem/1 Arial,sans-serif;cursor:pointer}
.pg-tour-navigator-list,.pg-tour-dialog-navigator-list{list-style:none;margin:0;padding:10px;max-height:calc(100% - 82px);overflow:auto}
.pg-tour-navigator-list li+li,.pg-tour-dialog-navigator-list li+li{margin-top:5px}
.pg-tour-navigator-list button,.pg-tour-dialog-navigator-list button{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:start;width:100%;padding:9px 10px;border:1px solid #d7bd91;border-radius:9px;background:#fffdf7;color:#4a3525;text-align:left;cursor:pointer;font:800 .76rem/1.22 Arial,sans-serif}
.pg-tour-navigator-list button .pg-tour-nav-number,.pg-tour-dialog-navigator-list button .pg-tour-nav-number{display:grid;place-items:center;min-height:25px;border-radius:7px;background:#efe0c4;color:#6e4a2b;font-weight:900}
.pg-tour-navigator-list button:hover,.pg-tour-navigator-list button:focus-visible,.pg-tour-dialog-navigator-list button:hover,.pg-tour-dialog-navigator-list button:focus-visible{background:#f4ead7;outline:2px solid rgba(52,98,66,.18)}
.pg-tour-navigator-list button[aria-current="true"],.pg-tour-dialog-navigator-list button[aria-current="true"]{border-color:#2e6846;background:#e9f2e8;color:#28563d}
body.pg-tour-nav-open{overflow:hidden}

.pg-tour-dialog{position:relative}
.pg-tour-dialog-bar-actions{display:flex;align-items:center;gap:9px}
.pg-tour-dialog-navigator-open{min-height:36px;padding:7px 11px;border:1px solid #d3aa66;border-radius:8px;background:#fff6e6;color:#4a311e;font:900 .72rem/1 Arial,sans-serif;cursor:pointer}
.pg-tour-dialog-navigator-panel{position:absolute;z-index:5;right:0;top:0;bottom:0;width:min(430px,88%);overflow:hidden;border-left:2px solid #c59a52;background:#fff8e9;color:#402a1b;box-shadow:-18px 0 50px rgba(0,0,0,.38)}
.pg-tour-dialog-navigator-list{max-height:calc(100% - 82px)}
.pg-tour-dialog-body{height:calc(100% - 100px)}
.pg-tour-dialog-controls{height:52px}

@media(max-width:640px){
 .pg-embedded-tour-toolbar{grid-template-columns:1fr 1fr}
 .pg-embedded-tour-toolbar .pg-tour-navigator-open{grid-column:1 / -1;grid-row:1}
 .pg-tour-navigator-panel{right:8px;top:8px;bottom:8px;width:calc(100vw - 16px)}
 .pg-tour-dialog-bar{align-items:flex-start}
 .pg-tour-dialog-bar-actions{gap:5px}
 .pg-tour-dialog-navigator-open{font-size:.65rem;padding:6px 8px}
 .pg-tour-dialog-navigator-panel{width:96%}
}