/* Documentation shell inside SEADON; interactive demonstrations stay in reader.css. */
.pm-site-reader { display:block; width:100%; min-width:0; margin:0; padding:0; }
.pm-site-reader > [hidden] { display:none !important; }
.pm-reader-browse #pm-reader-content { width:100%; min-width:0; }
.pm-reader-browse .pm-reader-document > [data-reader-chapter] { padding:0; border:0; }
.pm-reader-browse #features,.pm-reader-browse #pm-reader-last { box-sizing:border-box; width:100%; max-width:700px; margin-inline:auto; }
.pm-reader-browse .pm-reader-breadcrumb { box-sizing:border-box; display:flex; align-items:center; flex-wrap:wrap; gap:12px; width:100%; max-width:700px; min-height:28px; margin-inline:auto; color:#666; font-size:13px; line-height:1.6; }
.pm-reader-browse .pm-reader-breadcrumb a { color:inherit; text-decoration:none; }
.pm-reader-browse .pm-reader-breadcrumb a:hover { color:#171717; }
.pm-reader-browse .pm-reader-breadcrumb [aria-hidden] { color:#b3b3b3; }
.pm-reader-browse .pm-reader-document-header { box-sizing:border-box; width:100%; max-width:700px; margin-inline:auto; padding-block:28px 40px; border-bottom:1px solid var(--line); }
.pm-reader-browse .pm-reader-document-header > .lead { width:100%; max-width:none; margin-top:20px; color:#666; font-size:16px; line-height:1.85; }
.pm-reader-browse .feature-section { scroll-margin-top:112px; }
.pm-reader-browse [data-feature-modules] { margin-top:0; }
.pm-reader-browse .pm-reader-hero { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; align-items:start; margin-top:40px; }
.pm-reader-browse .pm-reader-console { display:block; box-sizing:border-box; width:100%; max-width:1040px; min-width:0; margin:0 auto; padding:0; }
.pm-reader-browse .pm-reader-console::before { display:none; }
.pm-reader-browse .pm-reader-console [data-tool-workspace] { width:100%; min-width:0; }
.pm-reader-browse .hero-copy { box-sizing:border-box; width:100%; min-width:0; max-width:700px; margin-inline:auto; }
.pm-reader-browse .hero-copy .intro-body { max-width:none; }
.pm-reader-browse .hero-copy > .intro-body:first-child { margin-top:0; }
.pm-reader-browse .application-grid { box-sizing:border-box; width:100%; max-width:700px; margin-inline:auto; }
.pm-reader-browse .application-media { display:block; margin:0; aspect-ratio:3/2; background:var(--surface); overflow:hidden; border-color:var(--line); }
.pm-reader-browse .application-media img { display:block; width:100%; height:100%; object-fit:contain; }
.pm-reader-browse .example-card img { display:block; box-sizing:border-box; width:100%; height:100%; padding:10px; object-fit:contain; }
.pm-reader-browse .example-stage { position:relative; }
.pm-reader-browse .example-expanded { position:absolute; inset:0; }
.pm-reader-browse .example-expanded > img { display:block; box-sizing:border-box; width:100%; height:100%; padding:20px; object-fit:contain; }
.pm-reader-browse .example-copy > .intro-body { margin-top:16px; font-size:15px; line-height:1.95; }
.pm-reader-browse .button-placeholder { text-decoration:none; background:var(--accent); }
.pm-reader-browse .survey-layout { grid-template-columns:minmax(0,1fr); gap:40px; margin-top:40px; }
.pm-reader-browse .survey-action { position:static; }
.pm-reader-browse .pm-reader-document-footer { box-sizing:border-box; width:100%; max-width:700px; margin:16px auto 0; padding-top:24px; border-top:1px solid var(--line); color:#666; font-size:13px; line-height:1.8; }
.pm-reader-browse .pm-reader-pagination { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.pm-reader-browse .pm-reader-pagination button { display:flex; flex-direction:column; gap:9px; min-width:0; padding:20px; border:1px solid var(--line); border-radius:6px; color:#171717; background:#fff; font:inherit; text-align:left; transition:border-color 160ms ease,background-color 160ms ease; }
.pm-reader-browse .pm-reader-pagination button:hover { border-color:#b3b3b3; background:var(--surface); }
.pm-reader-browse .pm-reader-pagination span { color:#707070; font-size:12px; line-height:1.8; }
.pm-reader-browse .pm-reader-pagination strong { color:#171717; font-size:14px; line-height:1.6; font-weight:500; }
.pm-site-reader[data-pm-chapter="try"] .pm-reader-pagination button,.pm-reader-browse .pm-reader-pagination button + button { grid-column:2; align-items:flex-end; text-align:right; }
.pm-reader-study { min-width:0; }
/* Match the product documentation's current large-screen reading grid. */
@media (min-width:1600px) {
  .pm-reader-browse .reader { width:min(1760px,calc(100% - 160px)); grid-template-columns:232px minmax(0,1fr); gap:120px; }
  .pm-reader-browse .pm-reader-sidebar { top:132px; width:232px; }
  .pm-reader-browse .pm-reader-document { width:100%; max-width:1344px; margin-inline:0; }
  .pm-reader-browse #features,.pm-reader-browse #pm-reader-last { max-width:1344px; margin-inline:0; }
  .pm-reader-browse .pm-reader-breadcrumb { max-width:1344px; margin:0 0 20px; }
  .pm-reader-browse .pm-reader-document-header { max-width:1344px; margin-inline:0; padding-block:0 36px; }
  .pm-reader-browse .product-title { font-size:44px; line-height:1.25; }
  .pm-reader-browse .pm-reader-document-header > .lead { max-width:850px; }
  .pm-reader-browse .pm-reader-search { min-height:42px; margin-block:12px 22px; }
  .pm-reader-browse .rail nav { gap:20px; }
  .pm-reader-browse .pm-reader-nav-group > h2 { margin-bottom:6px; font-size:12px; line-height:1.5; }
  .pm-reader-browse .pm-reader-sidebar :is(.chapter-link,.feature-index a) { min-height:35px; padding-block:6px; }
  .pm-reader-browse #features > .feature-section,.pm-reader-browse [data-feature-modules] > .feature-section { padding-block:36px; }
  .pm-reader-browse .hero-copy { max-width:850px; margin-inline:0; }
  .pm-reader-browse .pm-reader-console { margin-inline:0; }
  .pm-reader-browse .application-grid { max-width:1040px; margin-inline:0; }
  .pm-reader-browse .pm-reader-document-footer { max-width:1344px; margin-inline:0; }
}
@media (max-width:1023px) {
  .pm-reader-browse .pm-reader-sidebar { position:static; }
}
@media (max-width:760px) {
  .pm-reader-browse .pm-reader-hero { gap:32px; }
  .pm-reader-browse .example-card img { padding:6px; }
}
@media (prefers-reduced-motion:reduce) {
  .pm-reader-browse .pm-reader-pagination button { transition:none; }
}