/* Generated by tools/build-styles.py; edit toc.css instead. */
#penci-toc-container ul li a{ color: var(--mbp-color-text) !important; text-decoration: none !important; font-weight: 500; transition: var(--mbp-transition); } #penci-toc-container ul li a:hover{ color: var(--mbp-color-accent) !important; padding-left: 4px; } .inner-post-entry .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .entry-content .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .penci-toc-container-wrapper:not(.penci-sticky-toc) #penci-toc-container, .penci-toc-container-wrapper:not(.penci-sticky-toc) .penci-toc-wrapper, #penci-toc-container:not(.penci-sticky-toc *){ background: var(--mbp-color-surface-soft) !important; border: 1px solid var(--mbp-color-border) !important; border-left: 4px solid var(--mbp-color-accent) !important; border-radius: var(--mbp-radius-md) !important; padding: 22px 26px !important; margin: 32px 0 36px 0 !important; box-shadow: var(--mbp-shadow-sm) !important; width: auto !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; } #penci-toc-container .penci-toc-title, .penci-toc-title{ font-family: var(--mbp-font-serif) !important; font-size: 19px !important; font-weight: 700 !important; color: var(--mbp-color-heading) !important; margin-bottom: 12px !important; letter-spacing: -0.01em; } .penci-toc-head, .penci-toc-title-container{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; width: 100%; position: relative; } .penci-toc-head .penci-toc-title, .penci-toc-title-container .penci-toc-title{ margin-bottom: 0 !important; } #penci-toc-container ul, .penci-toc-wrapper ul{ list-style: none !important; padding-left: 0 !important; margin: 0 !important; } #penci-toc-container ul li, .penci-toc-wrapper ul li{ padding: 5px 0 !important; font-size: 14.5px !important; line-height: 1.5 !important; } #penci-toc-container a, .penci-toc-wrapper a, a.penci-toc-link, .penci-toc-link{ color: var(--mbp-color-text) !important; text-decoration: none !important; font-weight: 500; transition: var(--mbp-transition); } #penci-toc-container a:hover, .penci-toc-wrapper a:hover, a.penci-toc-link:hover, .penci-toc-link:hover{ color: var(--mbp-color-accent) !important; padding-left: 4px; } span.penci-toc-title-toggle, .penci-toc-head span.penci-toc-title-toggle, .post-entry .penci-toc-wrapper span.penci-toc-title-toggle, .penci-sticky-toc span.penci-toc-title-toggle, .penci-toc-wrapper .penci-toc-title-toggle{ display: inline-flex; align-items: center; justify-content: center; margin-left: auto; background: transparent; background-color: transparent; border: none; box-shadow: none; width: auto; height: auto; position: static; transform: none; padding: 0; } span.penci-toc-title-toggle:before{ content: none; display: none; } .penci-toc-wrapper.hide-table ul.penci-toc-list, .penci-toc-wrapper.hide-table nav.penci-toc{ display: none !important; } .penci-toc-wrapper.show-table ul.penci-toc-list, .penci-toc-wrapper.show-table nav.penci-toc{ display: block !important; } #penci-toc-container .penci-toc-title, .penci-toc-title{ max-width: 100% !important; overflow-wrap: break-word !important; } html[data-theme="dark"] #penci-toc-container:not(.penci-sticky-toc *), html[data-theme="dark"] .penci-toc-container-wrapper:not(.penci-sticky-toc) .penci-toc-wrapper{ background: #141a24 !important; background-color: #141a24 !important; border: 1px solid #242f40 !important; border-left: 4px solid var(--mbp-color-accent) !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important; } html[data-theme="dark"] .penci-toc-title, body.penci-dark-mode #penci-toc-container .penci-toc-title, body.dark-mode #penci-toc-container .penci-toc-title, body.pcdark-mode #penci-toc-container .penci-toc-title{ color: #f1f5f9 !important; } html[data-theme="dark"] #penci-toc-container a, html[data-theme="dark"] .penci-toc-wrapper a, html[data-theme="dark"] a.penci-toc-link, html[data-theme="dark"] .penci-toc-link{ color: #c8d2dc !important; font-weight: 500 !important; } html[data-theme="dark"] #penci-toc-container ul li, html[data-theme="dark"] #penci-toc-container ul li a{ color: #c8d2dc !important; font-weight: 500 !important; } html[data-theme="dark"] #penci-toc-container a:hover, html[data-theme="dark"] a.penci-toc-link:hover{ color: var(--mbp-color-accent) !important; } @media only screen and (max-width: 768px){#penci-toc-container, .mbp-entry-content .penci-toc-wrapper{ padding: 16px 16px !important; margin: 20px 0 24px 0 !important; border-radius: 10px !important; } #penci-toc-container .penci-toc-title{ font-size: 16.5px !important; margin-bottom: 10px !important; } #penci-toc-container ul li{ font-size: 13.5px !important; } }  [data-mbp-toc] .mbp-toc-toggle { display:inline-flex; align-items:center; justify-content:center; width:44px; height:44px; padding:0; flex-shrink:0; border:1px solid var(--mbp-color-border); border-radius:4px; background:var(--mbp-color-surface-soft); color:var(--mbp-color-accent); font:600 14px/1.4 var(--mbp-font-sans); text-transform:none; cursor:pointer; } [data-mbp-toc] .mbp-toc-toggle:hover { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent); } [data-mbp-toc] .mbp-toc-toggle:focus-visible, [data-mbp-toc] summary:focus-visible { outline:2px solid var(--mbp-color-accent); outline-offset:-3px; } [data-mbp-toc] .mbp-toc-toggle[hidden], [data-mbp-toc] .penci-toc[hidden] { display:none!important; } [data-mbp-toc] .mbp-toc-chevron { display:flex; width:20px; height:20px; } [data-mbp-toc] svg { width:20px; height:20px; flex-shrink:0; } [data-mbp-toc] .mbp-toc-toggle[aria-expanded="true"] .mbp-toc-chevron, [data-mbp-toc] .mbp-toc-children[open] > summary svg { transform:rotate(180deg); }  .mbp-entry-content #penci-toc-container nav.penci-toc { max-height:none; overflow:visible; } body.mbp-editorial [data-article-shortcuts] summary { font-size:14px; } body.mbp-editorial [data-article-shortcuts] nav a { font-size:14px; min-height:44px; } [data-mbp-toc] .penci-toc-list > li > a { font-size:16px; } [data-mbp-toc] .penci-toc-list ul a { font-size:14px; } [data-mbp-toc] .penci-toc-wrapper nav a { min-height:44px; display:flex; align-items:center; gap:3px; padding:8px 10px!important; line-height:1.5; opacity:1; overflow-wrap:anywhere; border-radius:3px; } [data-mbp-toc] .penci-toc-wrapper nav a::before { flex-shrink:0; } [data-mbp-toc] .penci-toc-wrapper nav a:hover { background:var(--mbp-color-accent-subtle); } [data-mbp-toc] .penci-toc-wrapper nav a[aria-current="location"] { background:var(--mbp-color-accent-subtle); color:var(--mbp-color-accent)!important; box-shadow:inset 3px 0 var(--mbp-color-accent); font-weight:600; } [data-mbp-toc] .penci-toc-wrapper li.mbp-toc-parent { position:relative; } [data-mbp-toc] .penci-toc-wrapper li.mbp-toc-parent > a { padding-right:66px!important; } [data-mbp-toc] .mbp-toc-children { margin:0; padding:0; border:0; } [data-mbp-toc] .mbp-toc-children > summary { position:absolute; right:0; top:5px; display:flex; align-items:center; justify-content:center; gap:3px; width:60px; min-height:44px; padding:4px; border:0; border-radius:4px; list-style:none; cursor:pointer; background:transparent; color:var(--mbp-color-accent); font:500 12px/1.4 var(--mbp-font-sans); } [data-mbp-toc] .mbp-toc-children > summary::-webkit-details-marker { display:none; } [data-mbp-toc] .mbp-toc-children > summary:hover { background:var(--mbp-color-accent-subtle); } [data-mbp-toc] .mbp-toc-children > ul { border-left:1px solid var(--mbp-color-border); margin-left:12px!important; padding-left:6px!important; }  [data-mbp-toc].mbp-toc-floating, [data-mbp-toc].mbp-toc-floating.show-table, [data-mbp-toc].mbp-toc-floating.hide-table { position:fixed; top:var(--mbp-toc-top,60px); bottom:auto; left:0; right:0; width:100%; max-width:100%!important; max-height:calc(100dvh - var(--mbp-toc-top,60px) - env(safe-area-inset-bottom,0px) - 8px); padding:0; margin:0; overflow:visible; background:var(--mbp-color-surface); color:var(--mbp-color-text); border:0; border-bottom:1px solid var(--mbp-color-border); border-radius:0; box-shadow:0 3px 10px rgb(0 0 0 / .05); transition:top 180ms ease, opacity 150ms ease, visibility 150ms ease; transform:none; z-index:9000; } [data-mbp-toc].mbp-toc-floating #penci-toc-sticky-container { display:block; position:static; max-height:none; width:100%; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; } [data-mbp-toc].mbp-toc-floating .penci-toc-head { width:100%; margin:0; padding:0; border:0; min-height:48px; } [data-mbp-toc].mbp-toc-floating .penci-toc-title-toggle { width:100%; margin:0; } [data-mbp-toc].mbp-toc-floating .mbp-toc-toggle { justify-content:space-between; width:100%; height:48px; min-height:48px; padding:0; padding-left:max(20px,env(safe-area-inset-left,0px)); padding-right:max(20px,env(safe-area-inset-right,0px)); border:0; border-radius:0; background:var(--mbp-color-surface-soft); color:var(--mbp-color-heading); } [data-mbp-toc].mbp-toc-floating .mbp-toc-button-label { font:600 14px/1.4 var(--mbp-font-sans); } [data-mbp-toc].mbp-toc-floating nav.penci-toc { overflow-y:auto; overscroll-behavior:contain; max-height:calc(100dvh - var(--mbp-toc-top,60px) - 48px - env(safe-area-inset-bottom,0px) - 12px); padding:8px 16px 12px; padding-left:max(16px,env(safe-area-inset-left,0px)); padding-right:max(16px,env(safe-area-inset-right,0px)); border-top:1px solid var(--mbp-color-border); scrollbar-width:thin; } [data-mbp-toc].mbp-toc-floating .penci-toc-list > li > a { font-size:14px; } [data-mbp-toc].mbp-toc-floating.mbp-toc-hidden { opacity:0; visibility:hidden; pointer-events:none; } body:has(.mbp-toc-floating.show-table:not(.mbp-toc-hidden)) #mbp-floating-totop { visibility:hidden!important; pointer-events:none!important; }  @media (min-width:1440px) { [data-mbp-toc].mbp-toc-floating, [data-mbp-toc].mbp-toc-floating.show-table, [data-mbp-toc].mbp-toc-floating.hide-table { left:16px; right:auto; width:min(280px,calc((100vw - 960px) / 2 - 32px)); border:1px solid var(--mbp-color-border); border-radius:4px; } [data-mbp-toc].mbp-toc-floating .mbp-toc-toggle { padding-inline:12px; } [data-mbp-toc].mbp-toc-floating nav.penci-toc { padding-inline:6px; } } html[data-theme="dark"] [data-mbp-toc].mbp-toc-floating.show-table { box-shadow:4px 8px 30px rgba(0,0,0,.45); }  [data-mbp-toc].mbp-toc-floating.show-table { display:flex; flex-direction:column; } [data-mbp-toc].mbp-toc-floating.show-table #penci-toc-sticky-container { flex-direction:column; } [data-mbp-toc].mbp-toc-floating.show-table .penci-toc-head { flex-shrink:0; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc { scrollbar-color:var(--mbp-color-border) transparent; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc::-webkit-scrollbar { width:5px; } [data-mbp-toc].mbp-toc-floating.show-table nav.penci-toc::-webkit-scrollbar-thumb { background:var(--mbp-color-border); border-radius:4px; } .mbp-entry-content .penci-toc-section { scroll-margin-top:124px; } @media (prefers-reduced-motion:reduce) { [data-mbp-toc].mbp-toc-floating { transition:none!important; } } @media print { [data-mbp-toc].mbp-toc-floating, [data-mbp-toc] .mbp-toc-toggle { display:none!important; } }