/* Placement is shared with the existing video card. Hero art/copy/counters stay intact. */
.pc972-tools{display:flex;align-items:stretch;gap:12px;min-width:0;max-width:100%;position:relative;z-index:3;direction:rtl}
html[dir=ltr] .pc972-tools,html[dir=ltr] .pc972-trigger{direction:ltr}
/* Tokens live on the wrapper: docking moves it out of the hero into body. */
.pc972-wrap{--pc-surface:#202742;--pc-trigger:linear-gradient(120deg,#27374ac7,#27204bba);--pc-text:#f6f3ff;--pc-accent:#a2f3ee;--pc-border:#c9f8ff55;--pc-divider:#c9f8ff30;--pc-hover:#c9f8ff15;--pc-shadow:#02071940;min-width:0;flex:1 1 0;display:flex;flex-direction:column;max-width:280px;align-self:flex-end}
html[data-theme=light] .pc972-wrap{--pc-surface:var(--panel);--pc-trigger:linear-gradient(120deg,var(--panel),var(--bg));--pc-text:var(--text);--pc-accent:var(--accent);--pc-border:var(--line);--pc-divider:var(--line);--pc-hover:color-mix(in srgb,var(--accent) 8%,var(--panel));--pc-shadow:#1515321a}
.public-page button.pc972-trigger{inline-size:100%;font:inherit;text-align:start;cursor:pointer;justify-content:center;min-height:56px}
/* Keep every button state readable independently of generic public button styles. */
.public-page button.pc972-trigger,.public-page button.pc972-trigger:is(:hover,:focus,:active,[aria-expanded=true]){color:var(--pc-text);background:var(--pc-trigger);border-color:var(--pc-border);box-shadow:0 8px 28px var(--pc-shadow);filter:none}
.public-page button.pc972-trigger:focus-visible{outline-color:var(--pc-accent)}
.public-page button.pc972-trigger .hg931-heading,.public-page button.pc972-trigger strong{color:inherit}
.public-page button.pc972-trigger :is(svg,.hg931-arrow){color:var(--pc-accent)}
.public-page .pc973-docked{position:fixed;z-index:1500;display:block;max-width:none;filter:drop-shadow(0 8px 20px var(--pc-shadow))}
.public-page .pc973-expanded{position:absolute;z-index:1500;display:block;max-width:none;background:var(--pc-surface);color:var(--pc-text);border:1px solid var(--pc-border);border-radius:14px;box-shadow:0 16px 48px var(--pc-shadow)}
.public-page .pc973-expanded>button.pc972-trigger,.public-page .pc973-expanded>button.pc972-trigger:is(:hover,:focus,:active){position:sticky;top:var(--pc973-top,12px);z-index:1;border:0;border-radius:14px 14px 0 0;background:var(--pc-surface);box-shadow:none;transform:none}
.public-page button.pc972-trigger .hg931-heading{inline-size:100%}
.home-hero .pc972-tools{grid-column:1;grid-row:1;align-self:end;justify-self:start;width:min(100%,280px)}
.home-hero .pc972-tools-pair{width:min(100%,572px)}
html[dir=ltr] .home-hero .pc972-tools{grid-column:2;grid-row:1;justify-self:end}
.home-hero .pc972-tools > .home-glass-card{flex:1 1 0;align-self:stretch;min-width:0;width:0;max-width:280px}
.public-page button.pc972-trigger .hg931-heading{font-size:1rem}
.pc972-trigger[aria-expanded=true] .pc972-arrow{transform:rotate(180deg)}
.public-page .pc972-tools-page{position:absolute;inset-inline-end:max(24px,calc((100% - 1200px)/2));inset-block-end:28px;width:280px}
.public-page .ui91-hero-compact .pc972-tools-page{position:relative;inset:auto;margin-inline-start:auto;align-self:flex-end;flex-shrink:0;margin-block-start:16px}
.pc972-tools-standalone{margin:20px max(24px,calc((100% - 1200px)/2));width:280px}
.public-page nav.pc972-panel{box-sizing:border-box;display:block;position:static;inline-size:100%;height:auto;max-height:none;max-block-size:none;overflow:visible;white-space:normal;padding:8px;margin:0;border:0;border-block-start:1px solid var(--pc-divider);border-radius:0 0 14px 14px;background:transparent;color:var(--pc-text);box-shadow:none;text-align:start}
.pc972-panel ol{display:grid;gap:4px;list-style:none;padding:0;margin:0;counter-reset:page-section}
.pc972-panel li{margin:0;min-width:0}
.public-page .pc972-panel a{display:flex;align-items:center;gap:12px;min-height:44px;padding:10px 12px;border-radius:10px;color:inherit;font-size:1rem;line-height:1.6;text-decoration:none;white-space:normal;overflow-wrap:anywhere;scroll-margin-block-start:calc(var(--pc973-top,12px) + 76px)}
.pc972-panel a::before{counter-increment:page-section;content:counter(page-section,decimal-leading-zero);font-size:.8em;opacity:.7;flex-shrink:0;font-variant-numeric:tabular-nums}
.pc972-panel a:hover{background:var(--pc-hover)}
.pc972-panel a:focus-visible{outline:2px solid var(--pc-accent);outline-offset:-2px;background:var(--pc-hover)}
.pc972-panel[hidden],.pc972-wrap[hidden],.pc968-contents[hidden]{display:none!important}
.intro-pending :is(.pc972-tools,.pc973-docked),.intro-playing :is(.pc972-tools,.pc973-docked){visibility:hidden;pointer-events:none}
@media(max-width:1000px){
 .home-hero .pc972-tools,html[dir=ltr] .home-hero .pc972-tools{grid-column:1;grid-row:1}
 .home-hero-inner:has(.pc972-tools) :is(.hero-copy,.opening-copy){grid-row:2}
 .home-hero-inner:has(.pc972-tools){row-gap:24px}
}
@media(max-width:1200px){
 .public-page .pc972-tools-page{position:static;inset:auto;margin-block-start:24px;width:min(100%,280px)}
 .public-page :is(.ui91-hero,.review-hero,.rv83-hero,.story-hero,.dp92-hero):has(> .pc972-tools-page){flex-wrap:wrap}
 .public-page .ui91-hero-compact .pc972-tools-page{margin-inline-start:0;flex-shrink:1}
}
@media(max-width:480px){.pc972-tools{gap:10px}.public-page button.pc972-trigger{padding:12px 14px}.public-page button.pc972-trigger .hg931-heading{flex-wrap:wrap}.public-page button.pc972-trigger .hg931-heading strong{flex:1 1 70px}.pc972-tools>.home-glass-card .hg931-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.pc972-tools *, .pc972-panel{scroll-behavior:auto!important;transition:none!important;animation:none!important}.intro-pending .pc972-tools{visibility:visible}}
@media(forced-colors:active){.public-page .pc973-expanded,.public-page button.pc972-trigger,.public-page button.pc972-trigger:is(:hover,:focus,:active,[aria-expanded=true]),.public-page nav.pc972-panel{border:2px solid ButtonText;background:Canvas;color:CanvasText}.public-page button.pc972-trigger :is(svg,.hg931-arrow){color:CanvasText}}
@media print{.pc972-tools,.pc973-expanded,.pc973-docked,.pc972-panel{display:none!important}}