/* Shibuya: allow middle documentation content to use available width */
.sy-content {
    max-width: none;
    width: 100%;
}

.sy-container {
    max-width: none;
}

@media (min-width: 768px) {
    .sy-main {
        max-width: none;
    }
}

/* Legacy RTD selector (kept as harmless fallback) */
.wy-nav-content {
    max-width: none;
}
/* Newlines (\a) and spaces (\20) before each parameter */
/*.sig-param::before {*/
/*    content: "\a\20\20\20\20\20\20\20\20\20\20\20\20\20\20\20\20";*/
/*    white-space: pre;*/
/*}*/

/* Newline after the last parameter (so the closing bracket is on a new line) */
/*dt em.sig-param:last-of-type::after {*/
/*    content: "\a";*/
/*    white-space: pre;*/
/*}*/

 /*To have blue background of width of the block (instead of width of content) */
dl.class > dt:first-of-type {
    display: block !important;
}

/* Let content use full available width and minimize padding */
.sy-main .max-w-6xl {
    max-width: none !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

/* Diff table colors -- semi-transparent so they work on both light and dark themes */
table.diff th {
    background-color: transparent !important;
}
table.diff td.diff_add {
    background-color: rgba(46, 160, 67, 0.25) !important;
}
table.diff td.diff_chg {
    background-color: rgba(187, 128, 9, 0.3) !important;
}
table.diff td.diff_sub {
    background-color: rgba(248, 81, 73, 0.25) !important;
}
table.diff span.diff_add {
    background-color: rgba(46, 160, 67, 0.5) !important;
}
table.diff span.diff_chg {
    background-color: rgba(187, 128, 9, 0.55) !important;
}
table.diff span.diff_sub {
    background-color: rgba(248, 81, 73, 0.5) !important;
}

/* Visible separator between diff chunks -- high contrast for both themes */
table.diff tbody + tbody {
    border-top: 3px solid #1a1a1a !important;
}
html.dark table.diff tbody + tbody {
    border-top: 3px solid #e6e6e6 !important;
}

section.hidden-page-title > h1:first-child,
div.hidden-page-title > h1:first-child {
    display: none;
}

/* JupyterLite "Try in your browser" banner button (top of each example page).
   Built on the theme accent (Shibuya's --accent-*), so it matches the site in
   both light and dark. The theme gives content links a border-bottom underline
   that grows 1px -> 2px on hover (.yue a:hover), which on a button bumps its box
   height and nudges the page down -- so we drop the border entirely. Hover then
   changes only the background color: no geometry change, no shift. */
.try-in-browser {
    display: inline-block;
    padding: 0.5em 1em;
    margin: 0.2em 0;
    background: var(--accent-9);
    color: var(--accent-contrast, #fff) !important;
    font-weight: 600;
    border: none !important;
    border-radius: 0.5rem;
    text-decoration: none !important;
}
.try-in-browser:hover {
    background: var(--accent-10);
}
.try-in-browser-banner {
    margin: 0.5em 0 1.2em 0;
}

/* "Demo notebooks" list on the Try-in-your-browser page (replaces the old
   button table that jittered on hover). Plain theme links in a simple list --
   nothing changes size on hover, so nothing jitters. */
ul.lite-demos {
    margin: 1em 0;
    padding-left: 1.2em;
}
ul.lite-demos li {
    margin: 0.45em 0;
    line-height: 1.6;
}
/* Muted separator between the example link and the "open in browser" link. */
.lite-sep {
    margin: 0 0.5em;
    color: var(--sy-c-light);
}
/* Inherit the theme link color/hover; just keep the label on one line. */
.lite-open {
    white-space: nowrap;
}