/* Keep the migrated tool content inside the document site's visual system. */
html { font-size: 10px; }
html, body { background: transparent !important; color: #101828 !important; }
body.pt-directive-tool-body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif !important; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.skip-link { position: fixed !important; z-index: 9999; top: 8px; left: 8px; padding: 8px 12px; color: #fff; background: #175cd3; transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
.header-nav, #navigation-small-box, .site-footer, .suspension { display: none !important; }
.docs-tool-topbar { display: block !important; }
.docs-tool-footer { display: block !important; }
.docs-tool-footer .footer-inner { display: flex !important; flex-wrap: wrap; gap: 10px 18px; }
.pt-directive-tool-body > .container, .pt-directive-tool-body > main { max-width: none !important; }
.pt-directive-tool { width: min(1240px, calc(100% - 40px)); min-height: 0 !important; margin: 32px auto 24px !important; background: transparent !important; }
.pt-directive-header { margin: 0 0 18px !important; padding: 12px 0 24px !important; border: 0 !important; border-radius: 0 !important; background: #fff !important; box-shadow: none !important; }
.pt-directive-header__inner { padding-right: 0 !important; padding-left: 0 !important; }
.pt-directive-shell { padding-right: 0 !important; padding-left: 0 !important; }
.pt-directive-shell { padding-top: 22px !important; padding-bottom: 36px !important; }
.pt-directive-header__title h1 { color: #101828 !important; font-size: 28px !important; }
.pt-directive-header__title p, .pt-directive-header p { color: #667085 !important; }
.pt-directive-shell, .pt-directive-reference-layout, .pt-directive-recipes-layout { border-color: #dfe3e8 !important; }
.pt-directive-reference-layout, .pt-directive-recipes-layout { grid-template-columns: 224px minmax(0, 1fr) !important; }
.pt-directive-reference-layout, .pt-directive-recipes-layout { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; }
.pt-directive-index, .pt-directive-detail, .pt-directive-recipe-detail, .pt-directive-recipe-output { background: #fff !important; border-color: #dfe3e8 !important; }
.pt-directive-index__header, .pt-directive-section-heading { border-color: #eaecf0 !important; }
.pt-directive-index__header { min-height: 56px !important; padding: 0 16px !important; }
.pt-directive-index__list { padding: 8px 10px 14px !important; }
.pt-directive-index-item { margin: 3px 0 !important; padding: 9px 12px !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: 4px !important; }
.pt-directive-index-item:hover { background: #f5f8fc !important; }
.pt-directive-index-item.is-active { border-left-color: #2f80ed !important; color: #175cd3 !important; background: #fff !important; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08) !important; }
.pt-directive-recipe-list { padding: 8px 10px 14px !important; }
.pt-directive-recipe-list a { min-height: 0 !important; margin: 3px 0 !important; padding: 10px 12px 10px 14px !important; border: 0 !important; border-left: 3px solid transparent !important; border-radius: 4px !important; }
.pt-directive-recipe-list a:hover { background: #f5f8fc !important; }
.pt-directive-recipe-list a.is-active { border-left-color: #2f80ed !important; color: #175cd3 !important; background: #fff !important; box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08) !important; }
.pt-directive-recipe-list a.is-active small { color: #667085 !important; }
.pt-directive-index-group > summary, .pt-directive-recipe-group > summary { position: relative; display: flex; min-height: 36px; align-items: center; padding: 8px 26px 8px 8px !important; color: #667085 !important; font-size: 12px; font-weight: 700; list-style: none; cursor: pointer; }
.pt-directive-index-group > summary::-webkit-details-marker, .pt-directive-recipe-group > summary::-webkit-details-marker { display: none; }
.pt-directive-index-group > summary::after, .pt-directive-recipe-group > summary::after { position: absolute; right: 9px; width: 7px; height: 7px; border-right: 1.5px solid #98a2b3; border-bottom: 1.5px solid #98a2b3; content: ""; transform: translateY(-2px) rotate(45deg); transition: transform 160ms ease; }
.pt-directive-index-group[open] > summary::after, .pt-directive-recipe-group[open] > summary::after { transform: translateY(2px) rotate(225deg); }
.pt-directive-index-group > summary:hover, .pt-directive-recipe-group > summary:hover { color: #175cd3 !important; background: #f8fafc; }
.pt-directive-recipe-group + .pt-directive-recipe-group { margin-top: 6px !important; padding-top: 6px !important; }
.pt-directive-generator-layout .pt-directive-recipe-header { height: auto !important; min-height: 78px !important; padding: 15px 24px !important; grid-template-rows: auto auto !important; gap: 4px 16px !important; background: #fff !important; }
.pt-directive-recipe-header h2 { font-size: 18px !important; line-height: 1.35 !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
.pt-directive-recipe-header p { font-size: 13px !important; line-height: 1.55 !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; }
.pt-directive-recipe-header__topline > div span { padding: 4px 9px !important; border-radius: 4px !important; color: #175cd3 !important; background: #eff6ff !important; }
.pt-directive-favorite-button { width: 34px !important; height: 34px !important; border-color: #d0d5dd !important; color: #98a2b3 !important; }
.pt-directive-recipe-directives:has(> div:empty) { display: none !important; }
.pt-directive-recipe-directives { border-top: 1px solid #eaecf0 !important; }
.pt-directive-parameter-form, .pt-directive-recipe-output { padding: 24px 28px !important; }
.pt-directive-reset-button, .pt-directive-copy-button { min-height: 34px !important; border-radius: 4px !important; }
.pt-directive-mode-control button { min-height: 40px !important; }
.pt-directive-tabs, .pt-directive-tabs__main { border-color: #dfe3e8 !important; background: #fff !important; }
.pt-directive-tabs { scrollbar-width: none !important; }
.pt-directive-tabs::-webkit-scrollbar { display: none !important; }
.pt-directive-tabs__main > button:nth-child(1) { order: 6; }
.pt-directive-tabs__main > button:nth-child(2) { order: 2; }
.pt-directive-tabs__main > button:nth-child(3) { order: 1; }
.pt-directive-tabs__main > button:nth-child(4) { order: 3; }
.pt-directive-tabs__main > button:nth-child(5) { order: 4; }
.pt-directive-tabs__main > button:nth-child(6) { order: 5; }
.pt-directive-tabs button[aria-selected="true"] { color: #175cd3 !important; border-bottom-color: #2f80ed !important; }
.pt-directive-code { min-height: 96px !important; padding: 16px 18px !important; border: 0 !important; border-left: 3px solid #2f80ed !important; border-radius: 0 4px 4px 0 !important; background: #f6f8fb !important; box-shadow: none !important; }
.pt-directive-code, .pt-directive-code code, .pt-directive-recipe-output code { color: #344054 !important; font-size: 13px !important; line-height: 1.75 !important; text-shadow: none !important; opacity: 1 !important; }
.pt-directive-detail__section, .pt-directive-recipe-output, .pt-directive-recipe-detail { color: #344054 !important; }
.pt-directive-detail__section h3, .pt-directive-recipe-output h3, .pt-directive-recipe-detail h3, .pt-directive-recipe-detail h4 { color: #101828 !important; }
.pt-directive-parameter-form label, .pt-directive-parameter-form legend, .pt-directive-parameter-form span { color: #475467 !important; }
.pt-directive-search input, .pt-directive-parameter-form input, .pt-directive-parameter-form select { border-color: #d0d5dd !important; border-radius: 6px !important; }
@media (min-width: 992px) { .pt-directive-index__list, .pt-directive-recipe-list { min-height: 0 !important; height: auto !important; max-height: min(620px, calc(100vh - 260px)) !important; } }
@media (max-width: 991px) { .pt-directive-generator-layout .pt-directive-recipe-list { max-height: 230px !important; } }
@media (max-width: 760px) { .pt-directive-tool { width: calc(100% - 24px); margin-top: 16px !important; } .pt-directive-header { padding: 8px 0 20px !important; } .pt-directive-shell { padding-top: 14px !important; } .pt-directive-tabs { scrollbar-width: none !important; } .pt-directive-tabs::-webkit-scrollbar { display: none !important; } .pt-directive-parameter-form, .pt-directive-recipe-output { padding: 20px 18px !important; } .pt-directive-generator-layout .pt-directive-recipe-header { min-height: 96px !important; padding: 14px 18px !important; } }
 .pt-directive-question { display: flex; align-items: center; justify-content: center; min-height: 38px; margin: 16px 8px 0; padding: 0 14px; border: 1px solid #bfdbfe; color: #2563eb; background: #eff6ff; font-size: 13px; font-weight: 700; text-decoration: none; white-space: nowrap; }
 .pt-directive-question:hover, .pt-directive-question:focus-visible { border-color: #2563eb; color: #fff; background: #2563eb; }