/* Publications header menu. Verbatim port of ui_kits/publications/pub-menu.css. Queries 1280/1120 are the prototype's own. */
/* Publications header menu (see pub-menu.js) */
.pm-trigger{display:flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:calc(-1 * clamp(14px,1.7vw,28px) + 2px);padding:0;border:0;border-radius:4px;background:none;color:inherit;cursor:pointer;transition:transform .2s ease}
.pm-trigger[aria-expanded="true"]{transform:rotate(180deg)}
.pm-trigger:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.pm-link-open::after{transform:scaleX(1)!important}
.pm-panel{position:fixed;left:0;right:0;z-index:49;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-top:2px solid var(--teal);box-shadow:0 18px 50px rgba(11,30,47,.15);color:var(--navy);font-family:var(--sans);opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease}
.pm-panel.is-open{opacity:1;transform:none}
.pm-panel a{color:inherit;text-decoration:none}
.pm-inner{width:var(--container);margin:auto;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,560px);gap:clamp(32px,4vw,64px);padding:30px 0 34px}
.pm-stages{display:grid;gap:22px;align-content:start;padding-right:clamp(20px,2.4vw,40px);border-right:1px solid var(--line)}
.pm-group ul,.pm-levels{margin:0;padding:0;list-style:none}
.pm-eyebrow{margin:0 0 10px;color:var(--teal-dark);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pm-series{display:block;margin:0 -12px;padding:9px 12px;border-radius:6px;font-size:14px;font-weight:600;line-height:1.3;transition:background .15s ease,color .15s ease}
.pm-series small{flex-shrink:0;color:var(--ink-muted);font-size:12px;font-weight:400}
.pm-series:hover,.pm-series.is-active{background:color-mix(in srgb,var(--gold,#b98a3e) 10%,#fff);box-shadow:inset 2px 0 0 var(--gold,#b98a3e)}
.pm-series:focus-visible,.pm-panel a:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.pm-cover{display:block;width:120px;height:156px;object-fit:contain;object-position:left center}
.pm-cover--wide{width:180px;height:128px}
.pm-preview{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:center}
.pm-preview h3{margin:0;font-family:var(--serif);font-size:26px;font-weight:400;line-height:1.15}
.pm-sum{margin:8px 0 16px;max-width:440px;color:var(--ink-muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pm-cta{display:inline-flex;align-items:center;gap:6px;color:var(--teal-dark)!important;font-size:13px;font-weight:600}
.pm-cta:hover{text-decoration:underline!important;text-underline-offset:3px}
@media (max-width:1120px){.pm-panel,.pm-trigger{display:none!important}}
/* Mobile list (homepage drawer and pm-drawer) */
.pm-m-row{display:flex;align-items:stretch;border-bottom:1px solid rgba(255,255,255,.12)}
.pm-m-row>a{flex:1;border-bottom:0!important}
.pm-m-toggle{width:52px;padding:0;border:0;background:none;color:#fff;cursor:pointer}
.pm-m-toggle svg{width:22px;height:22px;transition:transform .2s ease}
.pm-m-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.pm-m{padding:6px 0 18px;border-bottom:1px solid rgba(255,255,255,.12);font-family:var(--sans)}
.pm-m a{color:#fff;text-decoration:none}
.pm-m-eyebrow{margin:14px 0 4px;color:rgba(255,255,255,.62);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.pm-m-list{margin:0;padding:0 0 6px 14px;list-style:none;border-left:1px solid rgba(255,255,255,.16)}
.pm-m-list a{display:flex!important;align-items:center;min-height:44px;padding:10px 0!important;border:0!important;font-family:var(--sans)!important;font-size:16px!important;font-weight:600;color:rgba(255,255,255,.92)}
/* Drawer for pages built on SiteHeader (mirrors the homepage drawer) */
.pm-drawer{display:none}
@media (max-width:1120px){
.pm-drawer{position:fixed;inset:0;z-index:60;display:block;height:100dvh;overflow-y:auto;padding:28px clamp(24px,5vw,70px) 40px;color:#fff;background:var(--navy-2,#0b1e2f);visibility:hidden;opacity:0;transform:translateX(100%);transition:.35s ease}
.pm-drawer.is-open{visibility:visible;opacity:1;transform:none}
.pm-drawer-head{display:flex;justify-content:space-between;align-items:center}
.pm-drawer-head img{width:166px;height:auto;padding:10px;background:#fff}
.pm-drawer-close{border:0;color:#fff;background:none;cursor:pointer}
.pm-drawer nav{max-width:700px;margin:55px auto 35px;display:grid}
.pm-drawer nav>a,.pm-drawer .pm-m-row>a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;font-family:var(--serif);font-size:clamp(30px,5vw,48px)}
.pm-drawer nav a span{display:inline-block;width:50px;color:var(--teal);font-family:var(--sans);font-size:10px}
}
@media (prefers-reduced-motion:reduce){.pm-panel,.pm-trigger,.pm-drawer,.pm-m-toggle svg{transition:none}}

@media (max-width:1280px){.pm-preview h3{font-size:22px}}

/* ===== v3: stage-first progressive menu ===== */
.pm-inner{grid-template-columns:minmax(220px,260px) minmax(0,1fr) minmax(260px,340px)!important;gap:0!important;padding:28px 0 30px!important;align-items:start}
.pm-col{min-height:230px}
.pm-col--stages{padding-right:28px}
.pm-col--series{padding:0 28px;border-left:1px solid var(--line,#e6e1d8)}
.pm-col--preview{padding-left:28px;border-left:1px solid var(--line,#e6e1d8)}
.pm-panel:not(.has-stage) .pm-col--preview{border-left-color:transparent}
.pm-kicker{margin:-4px 0 14px;color:var(--ink-muted);font-size:13px;line-height:1.4}
.pm-stage-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.pm-stage{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 14px;border:1px solid var(--line,#e6e1d8);border-radius:8px;background:#fff;color:var(--navy);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}
.pm-stage strong{display:block;font-size:15px;font-weight:700}
.pm-stage small{display:block;margin-top:2px;color:var(--ink-muted);font-size:12.5px;line-height:1.35}
.pm-stage svg{flex:none;color:var(--gold,#b98a3e);opacity:.55;transition:opacity .15s ease,transform .15s ease}
.pm-stage:hover,.pm-stage.is-active{border-color:var(--gold,#b98a3e);background:color-mix(in srgb,var(--gold,#b98a3e) 8%,#fff)}
.pm-stage.is-active svg{opacity:1;transform:translateX(2px)}
.pm-stage:focus-visible,.pm-tile:focus-visible,.pm-levels a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.pm-hint{margin:0;padding-top:8px;color:var(--ink-muted);font-size:14px;line-height:1.5;max-width:30ch}
.pm-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pm-tile{display:flex;flex-direction:column;gap:10px;padding:8px;margin:-8px;border-radius:8px;color:var(--navy);transition:background .15s ease}
.pm-tile-img{display:flex;align-items:flex-end;justify-content:center;height:150px}
.pm-tile-cover{display:block;max-width:100%;max-height:150px;width:auto;height:auto;object-fit:contain;box-shadow:0 2px 8px rgb(17 29 51 / 14%)}
.pm-tile-cover--wide{max-height:110px}
.pm-cover-empty{width:110px;height:150px;background:var(--surface-2,#f3efe7);border-top:3px solid var(--gold,#b98a3e)}
.pm-tile-name{font-size:14px;font-weight:600;line-height:1.3;text-align:center}
.pm-tile:hover,.pm-tile.is-active{background:color-mix(in srgb,var(--gold,#b98a3e) 8%,#fff)}
.pm-tile.is-active .pm-tile-name{color:var(--gold-dark,#8a6526)}
.pm-col--preview .pm-prev-top{display:flex;gap:16px;align-items:flex-start}
.pm-col--preview .pm-cover{width:76px;height:auto;max-height:100px;object-fit:contain}
.pm-col--preview .pm-cover--wide{width:110px}
.pm-col--preview h3{margin:0;font-family:var(--serif);font-size:21px;font-weight:400;line-height:1.2}
.pm-col--preview .pm-sum{margin:6px 0 0;font-size:13.5px;-webkit-line-clamp:3}
.pm-eyebrow--lv{margin-top:18px!important}
.pm-levels{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.pm-levels a{display:inline-flex;padding:6px 11px;border:1px solid var(--line,#e6e1d8);border-radius:999px;font-size:13px;font-weight:600;color:var(--navy)}
.pm-levels a:hover{border-color:var(--gold,#b98a3e);color:var(--gold-dark,#8a6526)}
.pm-note{margin:10px 0 16px;color:var(--ink-muted);font-size:12.5px;line-height:1.4}
@media (max-width:1280px){.pm-tiles{gap:12px}.pm-tile-img{height:128px}.pm-tile-cover{max-height:128px}}
/* mobile drill-down */
.pm-m-stage{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:10px 0;border:0;background:none;color:#fff;font:600 16px/1.3 var(--sans);text-align:left;cursor:pointer}
.pm-m-stage small{display:block;margin-top:2px;color:rgba(255,255,255,.66);font-size:13px;font-weight:400}
.pm-m-stage svg{color:var(--gold,#b98a3e)}
.pm-m-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0;border:0;background:none;color:var(--gold,#c9a35a);font:600 14px/1 var(--sans);cursor:pointer}
.pm-m-list--series a{gap:12px}
.pm-m-cover{flex:none;width:34px;height:44px;object-fit:contain}
.pm-m-cover--wide{width:52px}

/* ===== v4: four-step drill-down (stage → series → levels → resources) ===== */
.pm-panel--v4{background:transparent!important;border:0!important;box-shadow:none!important}
.pm4-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;padding-top:0}
.pm4:not(.pm4--m){display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);background:#fff;border-radius:0 0 10px 10px;box-shadow:0 18px 44px rgb(17 29 51 / 16%);border-top:1px solid var(--line,#e6e1d8);min-height:250px}
.pm4:not(.pm4--m) .pm4-a{padding:30px 32px 32px 36px;border-right:1px solid var(--line,#e6e1d8)}
.pm4:not(.pm4--m) .pm4-b{padding:30px 36px 32px 34px;align-self:center}
.pm4--step3:not(.pm4--m) .pm4-b,.pm4--step4:not(.pm4--m) .pm4-b{align-self:start}
.pm4 .pm-eyebrow{margin:0 0 14px;color:var(--gold-dark,#8a6526);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.pm4-statement{margin:0;max-width:22ch;color:var(--navy);font-family:var(--serif);font-size:23px;line-height:1.32}
.pm4-stages{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.pm4-stage{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border:1px solid transparent;border-radius:8px;color:var(--navy);text-align:left;cursor:pointer;transition:border-color .15s ease,transform .15s ease}
.pm4-stage--preschool{background:color-mix(in srgb,var(--gold,#b98a3e) 11%,#fff)}
.pm4-stage--primary{background:color-mix(in srgb,var(--navy,#111d33) 6%,#fff)}
.pm4-stage strong{display:block;font-size:16px;font-weight:600}
.pm4-stage small{display:block;margin-top:4px;color:var(--ink-muted);font-size:13px}
.pm4-stage svg,.pm4-level svg,.pm4-row svg{flex:none;color:var(--navy)}
.pm4-stage:hover{border-color:var(--gold,#b98a3e)}
.pm4-back{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:4px 0;border:0;background:none;color:var(--navy);font:600 13px/1 var(--sans);cursor:pointer}
.pm4-back:hover{color:var(--gold-dark,#8a6526)}
.pm4-h{margin:0;color:var(--navy);font-family:var(--serif);font-size:24px;line-height:1.2}
.pm4-h--rule::after{content:"";display:block;width:34px;height:2px;margin:12px 0 18px;background:var(--gold,#b98a3e)}
.pm4-sub{display:block;margin:4px 0 0;color:var(--ink-muted);font-size:13px}
.pm4-rows{list-style:none;margin:16px -12px 0;padding:0;display:grid;gap:4px}
.pm4-row{width:100%;display:flex;align-items:center;gap:14px;padding:8px 12px;border:0;border-radius:6px;background:none;color:var(--navy);font:500 14px/1.3 var(--sans);text-align:left;cursor:pointer}
.pm4-row>span{flex:1}
.pm4-row.is-active,.pm4-row:hover{background:color-mix(in srgb,var(--gold,#b98a3e) 11%,#fff)}
.pm4-thumb{flex:none;width:34px;height:44px;object-fit:contain}
.pm4-thumb.is-wide{width:50px}
.pm4-empty{display:block;background:var(--surface-2,#f3efe7);border-top:3px solid var(--gold,#b98a3e)}
.pm4-feature{display:flex;align-items:center;gap:30px}
.pm4-feature-cover{flex:none;width:150px;max-height:200px;object-fit:contain;box-shadow:0 4px 14px rgb(17 29 51 / 16%)}
.pm4-feature-cover.is-wide{width:220px}
.pm4-title{margin:0;color:var(--navy);font-family:var(--serif);font-size:28px;line-height:1.15}
.pm4-title--sm{font-size:21px}
.pm4-sum{margin:10px 0 0;max-width:34ch;color:var(--ink-muted);font-size:14px;line-height:1.55}
.pm4-cta{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold-dark,#8a6526);font-size:15px;font-weight:600}
.pm4-cta:hover{color:var(--navy)}
.pm4-cta--sm{font-size:13.5px}
.pm4-seriescard{display:flex;gap:20px;align-items:center;margin-top:12px}
.pm4-mid-cover{flex:none;width:84px;max-height:110px;object-fit:contain;box-shadow:0 3px 10px rgb(17 29 51 / 14%)}
.pm4-mid-cover.is-wide{width:120px}
.pm4-label{margin:0 0 12px;color:var(--navy);font-size:14px;font-weight:600}
.pm4-levels{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pm4-level{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border:0;border-radius:6px;background:color-mix(in srgb,var(--navy,#111d33) 4%,#fff);color:var(--navy);font:600 14px/1.3 var(--sans);text-align:left;cursor:pointer}
.pm4-level.is-first,.pm4-level:hover{background:color-mix(in srgb,var(--gold,#b98a3e) 11%,#fff)}
.pm4-levelcard{display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:var(--navy)}
.pm4-levelcard:hover .pm4-title{color:var(--gold-dark,#8a6526)}
.pm4-levelcard .pm4-sub{margin:-8px 0 0}
.pm4-tabs{display:flex;gap:28px;margin-bottom:20px;border-bottom:1px solid var(--line,#e6e1d8)}
.pm4-tab{position:relative;padding:4px 0 11px;border:0;background:none;color:var(--ink-muted);font:500 14px/1.2 var(--sans);cursor:pointer}
.pm4-tab.is-active{color:var(--navy);font-weight:600}
.pm4-tab.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold,#b98a3e)}
.pm4-res-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:18px}
.pm4-res{display:flex;flex-direction:column;gap:8px;color:var(--navy)}
.pm4-res-img{display:flex;align-items:flex-end;justify-content:center;height:118px}
.pm4-res-img img{max-width:100%;max-height:118px;object-fit:contain;box-shadow:0 2px 8px rgb(17 29 51 / 14%)}
.pm4-res-ph{display:flex;flex-direction:column;justify-content:center;gap:4px;width:86px;height:118px;padding:8px;background:var(--surface-2,#f3efe7);border-top:3px solid var(--gold,#b98a3e);color:var(--navy);font-size:11px;line-height:1.3;text-align:center}
.pm4-res-ph b{font-size:10px;font-weight:600;color:var(--ink-muted)}
.pm4-res-name{font-size:12.5px;font-weight:500;text-align:center}
.pm4-res:hover .pm4-res-name{color:var(--gold-dark,#8a6526)}
.pm4 button:focus-visible,.pm4 a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
/* mobile */
.pm4--m{padding:4px 0 10px}
.pm4--m .pm4-a,.pm4--m .pm4-b{padding:0}
.pm4--m .pm4-intro{display:none}
.pm4--m .pm4-stage{padding:16px 16px}
.pm4--m .pm4-back{color:#fff;font-size:14px;min-height:44px;margin:0}
.pm4--m .pm4-h,.pm4--m .pm4-title,.pm4--m .pm4-label,.pm4--m .pm4-row,.pm4--m .pm4-levelcard,.pm4--m .pm4-res,.pm4--m .pm4-tab.is-active{color:#fff}
.pm4--m .pm4-sub,.pm4--m .pm4-sum,.pm4--m .pm4-tab{color:rgba(255,255,255,.7)}
.pm4--m .pm4-row svg{color:var(--gold,#c9a35a)}
.pm4--m .pm4-row.is-active,.pm4--m .pm4-row:hover{background:rgba(255,255,255,.08)}
.pm4--m .pm4-rows{margin:10px 0 0}
.pm4--m .pm4-row{min-height:52px}
.pm4--m .pm4-seriescard{margin:6px 0 18px}
.pm4--m .pm4-level{min-height:48px}
.pm4--m .pm4-tabs{border-color:rgba(255,255,255,.2)}
.pm4--m .pm4-res-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:14px}
.pm4--m .pm4-res-img{height:100px}.pm4--m .pm4-res-img img{max-height:100px}
.pm4--m .pm4-cta{color:var(--gold,#c9a35a)}
.pm4--m .pm4-levelcard{margin-bottom:18px}

/* ===== v5: compact progressive card (Series → Book → Level → Books) ===== */
.pm-panel--v5{right:auto;border-top:0;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(11,30,47,.14)}
.pm5{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr)}
.pm5:not(.pm5--m) .pm5-a{padding:22px 24px 24px 26px;border-right:1px solid var(--line,#e6e1d8)}
.pm5:not(.pm5--m) .pm5-b{padding:22px 26px 24px 24px}
.pm5-pills{display:inline-flex;gap:4px;padding:3px;margin-bottom:18px;border:1px solid var(--line,#e6e1d8);border-radius:999px}
.pm5-pill{min-height:34px;padding:0 18px;border:0;border-radius:999px;background:none;color:var(--navy);font:600 14px/1 var(--sans);cursor:pointer;transition:background .15s ease,color .15s ease}
.pm5-pill:hover{background:color-mix(in srgb,var(--navy) 6%,#fff)}
.pm5-pill.is-on{background:var(--navy);color:#fff}
.pm5-h{margin:0;color:var(--navy);font:700 12.5px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.pm5-sub{margin:2px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.4}
.pm5-list{list-style:none;margin:8px 0 0;padding:0}
.pm5-list li+li{border-top:1px solid var(--line,#e6e1d8)}
.pm5-row{width:100%;display:flex;align-items:center;gap:14px;min-height:46px;padding:6px 8px;border:0;border-radius:6px;background:none;color:var(--navy)!important;font:500 15px/1.3 var(--sans);text-align:left;cursor:pointer;transition:background .15s ease}
.pm5-l{flex:1;min-width:0}
.pm5-row svg{flex:none;opacity:.55}
.pm5-row:hover,.pm5-row.is-on{background:color-mix(in srgb,var(--gold,#b98a3e) 9%,#fff)}
.pm5-row:hover .pm5-l,.pm5-row.is-on .pm5-l{color:var(--gold-dark,#8a6526)}
.pm5-row.is-on svg{opacity:1;color:var(--gold,#b98a3e)}
.pm5-thumb{flex:none;width:30px;height:40px;object-fit:contain;box-shadow:0 1px 3px rgba(11,30,47,.18)}
.pm5-thumb.is-wide{width:44px;height:30px}
.pm5-ph{display:block;background:var(--surface-2,#f3efe7);border-top:2px solid var(--gold,#b98a3e);box-shadow:none}
.pm5-back{display:inline-flex;align-items:center;gap:10px;min-height:34px;margin:0 0 14px;padding:0;border:0;background:none;color:var(--navy);font:600 14.5px/1.2 var(--sans);cursor:pointer}
.pm5-back:hover span{text-decoration:underline;text-underline-offset:3px}
.pm5-id{display:flex;align-items:center;gap:16px}
.pm5-id-img{flex:none;width:64px;height:84px;object-fit:contain;box-shadow:0 2px 6px rgba(11,30,47,.18)}
.pm5-id-img.is-wide{width:96px;height:64px}
.pm5-id-s{margin:0;color:var(--navy);font:700 21px/1.2 var(--sans)}
.pm5-id-k{margin:2px 0 0;color:var(--navy);font:500 17px/1.3 var(--sans)}
.pm5-id-sum{margin:14px 0 0;max-width:30ch;color:var(--ink-muted);font-size:14.5px;line-height:1.55}
.pm5-id-lv{display:inline-block;margin:16px 0 0;padding-bottom:6px;border-bottom:2px solid var(--gold,#b98a3e);color:var(--navy);font:600 17px/1.2 var(--sans)}
.pm5 button:focus-visible,.pm5 a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
/* mobile drawer (navy) */
.pm5--m{display:block;padding:4px 0 10px}
.pm5--m .pm5-b{margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.16)}
.pm5--m .pm5-pills{border-color:rgba(255,255,255,.28)}
.pm5--m .pm5-pill{color:#fff}
.pm5--m .pm5-pill.is-on{background:#fff;color:var(--navy)}
.pm5--m .pm5-h,.pm5--m .pm5-row,.pm5--m .pm5-back,.pm5--m .pm5-id-s,.pm5--m .pm5-id-k,.pm5--m .pm5-id-lv{color:#fff!important}
.pm5--m .pm5-sub,.pm5--m .pm5-id-sum{color:rgba(255,255,255,.7)}
.pm5--m .pm5-list li+li{border-color:rgba(255,255,255,.14)}
.pm5--m .pm5-row{min-height:48px}
.pm5--m .pm5-row:hover,.pm5--m .pm5-row.is-on{background:rgba(255,255,255,.08)}
.pm5--m .pm5-row:hover .pm5-l,.pm5--m .pm5-row.is-on .pm5-l{color:var(--gold,#c9a35a)}

/* ===== v6: three linked columns (Series · Series details + levels · Level books) ===== */
.pm-panel--v6{right:auto;border:1px solid var(--line,#e6e1d8);border-top:0;border-radius:0 0 12px 12px;box-shadow:0 18px 40px rgba(11,30,47,.14)}
.pm6{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr) minmax(0,1.05fr);padding:24px 0 26px}
.pm6:not(.pm6--m) .pm6-c{min-width:0;padding:0 28px}
.pm6:not(.pm6--m) .pm6-c+.pm6-c{border-left:1px solid var(--line,#e6e1d8)}
.pm6-pills{display:flex;gap:6px;margin-bottom:22px}
.pm6-pill{min-height:40px;padding:0 24px;border:1px solid var(--line,#d9d3c7);border-radius:999px;background:#fff;color:var(--navy);font:600 15px/1 var(--sans);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.pm6-pill:hover{border-color:var(--navy)}
.pm6-pill.is-on{background:var(--navy);border-color:var(--navy);color:#fff}
.pm6-h{margin:0 0 6px;color:var(--navy);font:700 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.pm6-title{display:block;margin:4px 0 0;color:var(--navy)!important;font:700 26px/1.2 var(--sans)}
.pm6-title:hover{color:var(--gold-dark,#8a6526)!important}
.pm6-sum{margin:6px 0 14px;max-width:34ch;color:var(--ink-muted);font-size:15.5px;line-height:1.5}
.pm6-list{list-style:none;margin:6px 0 0;padding:0}
.pm6-list--levels li+li,.pm6-list--books li+li{border-top:1px solid var(--line,#e6e1d8)}
.pm6-list--books{border-top:1px solid var(--line,#e6e1d8)}
.pm6-row{width:100%;display:flex;align-items:center;gap:18px;min-height:48px;padding:6px 14px;border:0;border-radius:6px;background:none;color:var(--navy)!important;font:500 16px/1.3 var(--sans);text-align:left;cursor:pointer;transition:background .15s ease}
.pm6-l{flex:1;min-width:0}
.pm6-row svg{flex:none;opacity:.6}
.pm6-row:hover,.pm6-row.is-on{background:color-mix(in srgb,var(--gold,#b98a3e) 11%,#fff)}
.pm6-row.is-on{font-weight:700}
.pm6-list--series .pm6-row{min-height:84px;padding:8px 14px}
.pm6-list--series li+li{margin-top:4px}
.pm6-cover{flex:none;width:52px;height:68px;object-fit:contain;box-shadow:0 1px 4px rgba(11,30,47,.2)}
.pm6-cover.is-wide{width:68px;height:48px}
.pm6-list--books .pm6-row{min-height:76px;padding:6px 10px}
.pm6-book{flex:none;width:48px;height:62px;object-fit:contain;box-shadow:0 1px 4px rgba(11,30,47,.2)}
.pm6-book.is-wide{width:66px;height:44px}
.pm6-ph{display:block;background:var(--surface-2,#f3efe7);border-top:2px solid var(--gold,#b98a3e);box-shadow:none}
.pm6 button:focus-visible,.pm6 a:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
@media (max-width:1280px){.pm6:not(.pm6--m) .pm6-c{padding:0 20px}.pm6-list--series .pm6-row{min-height:72px}.pm6-cover{width:44px;height:58px}.pm6-title{font-size:22px}}
/* mobile drawer (navy) — columns stack and reveal on tap */
.pm6--m{display:block;padding:4px 0 10px}
.pm6--m .pm6-c+.pm6-c{margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
.pm6--m .pm6-pill{background:transparent;border-color:rgba(255,255,255,.32);color:#fff}
.pm6--m .pm6-pill.is-on{background:#fff;border-color:#fff;color:var(--navy)}
.pm6--m .pm6-h,.pm6--m .pm6-row,.pm6--m .pm6-title{color:#fff!important}
.pm6--m .pm6-sum{color:rgba(255,255,255,.72)}
.pm6--m .pm6-list li+li,.pm6--m .pm6-list--books{border-color:rgba(255,255,255,.14)}
.pm6--m .pm6-list--series .pm6-row{min-height:60px}
.pm6--m .pm6-cover{width:36px;height:48px}
.pm6--m .pm6-list--books .pm6-row{min-height:58px}
.pm6--m .pm6-book{width:36px;height:46px}
.pm6--m .pm6-row:hover,.pm6--m .pm6-row.is-on{background:rgba(255,255,255,.09)}
.pm6--m .pm6-row.is-on .pm6-l{color:var(--gold,#c9a35a)}

/* v6 neutral default state */
.pm6-hint{margin:0;padding-top:58px;max-width:24ch;color:var(--ink-muted);font-size:14.5px;line-height:1.5}
.pm6.is-empty .pm6-c3{border-left-color:transparent!important}

/* v6 zero state — illustration panel spanning columns 2–3 */
.pm6-empty{grid-column:2 / 4;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:-24px 0 -26px;padding:28px 32px 34px;border-left:1px solid var(--line,#e6e1d8);border-radius:0 0 12px 0;background:#fbf9f5;text-align:center}
.pm6-empty-art{display:block;width:min(100%,360px);height:auto;mix-blend-mode:multiply}
.pm6-empty-h{margin:6px 0 0;color:var(--navy);font:400 34px/1.15 var(--serif)}
.pm6-empty-rule{display:block;width:40px;height:2px;margin:14px 0 14px;background:var(--gold,#b98a3e)}
.pm6-empty-p{margin:0;max-width:36ch;color:var(--ink-muted);font-size:15.5px;line-height:1.55}
@media (max-width:1280px){.pm6-empty-art{width:min(100%,300px)}.pm6-empty-h{font-size:30px}}

/* Select a Level — default state of column 3 */
.pm6.is-partial .pm6-c3{display:flex;align-items:center;justify-content:center}
.pm6-lvl-empty{display:flex;flex-direction:column;align-items:center;width:100%;text-align:center}
.pm6-lvl-empty-art{display:block;width:min(100%,380px);height:auto;margin:0 auto 4px;mix-blend-mode:multiply}
.pm6-lvl-empty-h{margin:6px 0 0;color:var(--navy);font:400 34px/1.15 var(--serif)}
.pm6-lvl-empty-p{margin:10px 0 0;max-width:28ch;color:var(--ink-muted);font-size:15.5px;line-height:1.55}
@media (max-width:1280px){.pm6-lvl-empty-art{width:min(100%,300px)}.pm6-lvl-empty-h{font-size:30px}}
/* Theme addition: the theme drawer styles every "nav a" and "nav span" (homepage rules, specificity 0,1,2). These copies of the tree's own rules sit one step higher so the series tree keeps the prototype's computed look. The prototype's own drawer rule ".pm-drawer nav a span" would turn the book labels into 10px teal text; that bug is not reproduced (labels inherit the row font and colour). */
.mobile-menu nav .pm6-row{padding:6px 14px;border-bottom:0;font:500 16px/1.3 var(--sans)}
.mobile-menu nav .pm6-list--books .pm6-row{padding:6px 10px}
.mobile-menu nav .pm6-row.is-on{font-weight:700}
.mobile-menu nav .pm6 .pm6-l{display:block;width:auto;color:inherit;font:inherit}
.mobile-menu nav .pm6-title{padding:0;border-bottom:0;font:700 26px/1.2 var(--sans)}
@media (max-width:1280px){.mobile-menu nav .pm6-title{font-size:22px}}