/* * QuantumDigital – Partners & Integrations pages * Exported from the Claude Design board. Every rule is scoped to .qd-pi so it cannot leak into the Drupal theme. * * Structure: * 1. Base (low specificity via :where(), mirrors the board's page-level styles) * 2. Theme-isolation guards (stop common Drupal theme element rules from changing this layout) * 3. Component state (form type buttons, hidden panels) * 4. Element styles (one class per distinct style on the board; specificity 0,3,0 so theme rules don't override them) * Layouts are fluid (flex-wrap / grid auto-fit), exactly as on the board, so no breakpoints are needed. * * Drupal (quantum theme): every ".qd-pi.qd-pi" rule is prefixed with #main-container-wrapper so it * outranks the theme rule "#main-container-wrapper a { color }" (style.css). 2026-11-03. */ /* 1. Base */ .qd-pi { font-family: 'Open Sans', Arial, sans-serif; color: #212121; background: #FFFFFF; font-size: 16px; line-height: 1.6; } :where(.qd-pi) a { color: #156570; text-decoration: none; } :where(.qd-pi) a:hover { color: #3D4C55; text-decoration: underline; } :where(.qd-pi) :is(button, input, select, textarea) { font-family: inherit; } :where(.qd-pi) :focus-visible { outline: 3px solid #FFFFFF; outline-offset: 0; box-shadow: 0 0 0 6px #26343C; } /* 2. Theme-isolation guards */ :where(.qd-pi) :is(h1, h2, h3, p, figure, figcaption, ul, ol, li, table, th, td, pre, label, legend, fieldset, strong, span, div, section, form) { font-family: inherit; letter-spacing: inherit; text-transform: inherit; } :where(.qd-pi) :is(h1, h2, h3) { color: inherit; line-height: inherit; } :where(.qd-pi) :is(div, section, span, p, a, ul, ol, li, figure, figcaption, img, h1, h2, h3, label, legend, fieldset, form, table, th, td, pre) { box-sizing: content-box; } :where(.qd-pi) img { max-width: none; } .qd-pi :is(table, th, td) { border: 0; } .qd-pi li { margin: 0; } /* 3. Component state */ .qd-pi [hidden] { display: none !important; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-chip { font-size: 14px; font-weight: 600; padding: 9px 14px; min-height: 44px; border-radius: 2px; cursor: pointer; background: #FFFFFF; color: #156570; border: 1px solid #C0D8D8; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-chip[aria-pressed="true"] { background: #156570; color: #FFFFFF; border: 1px solid #156570; } /* 4. Element styles */ #main-container-wrapper .qd-pi.qd-pi .qd-pi-s001 { background: #156570; color: #FFFFFF; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s002 { max-width: 1200px; margin: 0 auto; padding: 60px 24px 56px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s003 { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 18px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s004 { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #FFCAA3; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s005 { margin: 0; font-size: 50px; line-height: 1.1; font-weight: 800; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s006 { color: #99BFC2; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s007 { margin: 0; font-size: 19px; color: #E2EDED; max-width: 620px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s008 { display: flex; flex-wrap: wrap; gap: 12px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s009 { color: #FFFFFF; background: #D92025; text-decoration: none; font-weight: 600; padding: 14px 24px; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s010 { color: #FFFFFF; text-decoration: none; font-weight: 600; padding: 13px 24px; border: 1px solid #FFFFFF; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s011 { flex: 1 1 420px; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s012 { display: block; width: 100%; height: 340px; object-fit: cover; object-position: 50% 25%; border-radius: 2px; box-shadow: 0 14px 34px rgba(0,0,0,0.35); } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s013 { font-size: 13px; color: #E2EDED; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s014 { background: #FFFFFF; border-bottom: 1px solid #EBEBEB; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s015 { max-width: 1200px; margin: 0 auto; padding: 32px 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s016 { border-left: 3px solid #156570; padding-left: 12px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s017 { font-size: 26px; font-weight: 800; color: #156570; line-height: 1.1; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s018 { font-size: 13px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s019 { background: #E2EDED; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s020 { max-width: 1200px; margin: 0 auto; padding: 56px 24px 60px; display: flex; flex-direction: column; gap: 24px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s021 { display: flex; flex-direction: column; gap: 4px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s022 { margin: 0; font-size: 32px; line-height: 1.2; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s023 { margin: 0; font-size: 17px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s024 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s025 { display: flex; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s026 { flex: 1 1 auto; display: flex; flex-direction: column; gap: 8px; background: #FFFFFF; color: #212121; text-decoration: none; border-radius: 2px; padding: 24px; border-top: 4px solid #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s027 { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s028 { font-size: 21px; font-weight: 700; line-height: 1.25; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s029 { font-size: 15px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s030 { font-size: 13px; color: #696969; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s031 { margin-top: auto; padding-top: 6px; font-size: 15px; font-weight: 700; color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s032 { background: #FFFFFF; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s033 { max-width: 1200px; margin: 0 auto; padding: 60px 24px; display: flex; flex-direction: column; gap: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s034 { display: flex; flex-direction: column; gap: 6px; max-width: 820px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s035 { margin: 0; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s036 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s037 { border: 1px solid #EBEBEB; border-radius: 2px; padding: 16px 18px; display: flex; flex-direction: column; gap: 4px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s038 { font-size: 17px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s039 { font-size: 14px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s040 { font-size: 13px; font-weight: 700; color: #156570; margin-top: auto; padding-top: 6px; line-height: 1.4; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s041 { margin: 0; font-size: 14px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s042 { background: #F7FAFA; border-top: 1px solid #EBEBEB; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s043 { max-width: 1200px; margin: 0 auto; padding: 56px 24px; display: flex; flex-direction: column; gap: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s044 { margin: 0; font-size: 28px; line-height: 1.2; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s045 { display: grid; grid-template-columns: repeat(auto-fit, minmax(max(260px, calc((100% - 28px) / 2)), 1fr)); gap: 24px 28px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s046 { border-top: 3px solid #156570; padding-top: 12px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s047 { border-top: 3px solid #99BFC2; padding-top: 12px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s048 { max-width: 900px; margin: 0 auto; padding: 60px 24px; display: flex; flex-direction: column; gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s049 { margin: 0; font-size: 30px; line-height: 1.2; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s050 { border-bottom: 1px solid #EBEBEB; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s051 { margin: 0; font-size: 18px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s052 { width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 16px; background: none; border: 0; padding: 16px 0; min-height: 44px; cursor: pointer; text-align: left; font-size: 18px; font-weight: 700; color: #212121; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s053 { color: #156570; font-size: 22px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s054 { margin: 0 0 18px; font-size: 16px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s055 { font-family: 'Open Sans', Arial, sans-serif; color: #212121; line-height: 1.6; background: #F2F2F2; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s056 { max-width: 1200px; margin: 0 auto; padding: 64px 24px; display: flex; flex-wrap: wrap; gap: 48px; align-items: flex-start; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s057 { flex: 1 1 340px; min-width: 0; display: flex; flex-direction: column; gap: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s058 { width: 60px; height: 3px; background: #99BFC2; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s059 { background: #FFFFFF; border-radius: 2px; padding: 18px; display: flex; flex-direction: column; gap: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s060 { display: flex; gap: 14px; align-items: center; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s061 { flex: none; width: 52px; height: 52px; border-radius: 50%; object-fit: cover; background: #C0D8D8; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s062 { font-size: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s063 { font-size: 15px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s064 { font-size: 14px; font-weight: 600; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s065 { margin: 0; font-size: 14px; color: #696969; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s066 { flex: 1 1 560px; min-width: 0; background: #FFFFFF; border: 1px solid #EBEBEB; border-radius: 2px; padding: 28px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s067 { display: flex; flex-direction: column; gap: 18px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s068 { margin: 0; font-size: 13px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s069 { border: 0; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s070 { font-size: 14px; font-weight: 700; padding: 0; margin-bottom: 4px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s071 { color: #D92025; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s072 { display: flex; flex-wrap: wrap; gap: 8px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s073 { display: flex; flex-wrap: wrap; gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s074 { flex: 1 1 220px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s075 { font-size: 15px; padding: 10px; border: 1px solid #696969; border-radius: 2px; font-weight: 400; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s076 { display: flex; flex-direction: column; gap: 6px; font-size: 14px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s077 { font-size: 15px; padding: 10px; border: 1px solid #696969; border-radius: 2px; font-weight: 400; resize: vertical; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s078 { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s079 { width: 24px; height: 24px; margin: 0; flex: none; accent-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s080 { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s081 { color: #FFFFFF; background: #D92025; border: 0; font-size: 16px; font-weight: 600; padding: 14px 26px; border-radius: 2px; cursor: pointer; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s082 { display: flex; flex-direction: column; gap: 14px; align-items: flex-start; padding: 24px 0; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s083 { width: 56px; height: 56px; border-radius: 50%; background: #156570; color: #FFFFFF; font-size: 28px; display: flex; align-items: center; justify-content: center; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s084 { margin: 0; font-size: 26px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s085 { margin: 0; font-size: 16px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s086 { background: none; border: 0; color: #156570; font-weight: 600; font-size: 15px; text-decoration: underline; cursor: pointer; padding: 4px 0; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s087 { color: #FFFFFF; background-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s088 { max-width: 1200px; margin: 0 auto; padding: 60px 24px; display: flex; flex-wrap: wrap; gap: 48px; align-items: center; position: relative; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s089 { flex: 1 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s090 { margin: 0; font-size: 46px; line-height: 1.12; font-weight: 800; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s091 { margin: 0; font-size: 19px; color: #E2EDED; max-width: 640px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s092 { margin: 0; font-size: 20px; font-weight: 600; color: #99BFC2; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s093 { display: flex; flex-wrap: wrap; gap: 12px; padding-top: 4px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s094 { flex: 1 1 380px; min-width: 0; margin: 0; display: flex; flex-direction: column; gap: 8px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s095 { display: block; width: 100%; height: 300px; object-fit: cover; border-radius: 2px; box-shadow: 0 14px 34px rgba(0,0,0,0.35); } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s096 { font-size: 13px; color: #C0D8D8; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s097 { max-width: 1200px; margin: 0 auto; padding: 56px 24px; display: flex; flex-direction: column; gap: 40px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s098 { margin: 0; font-size: 30px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s099 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px 28px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s100 { color: #FFFFFF; border-radius: 2px; padding: 28px; display: flex; flex-direction: column; gap: 18px; background-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s101 { margin: 0; font-size: 22px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s102 { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s103 { border-top: 3px solid #99BFC2; padding-top: 10px; display: flex; flex-direction: column; gap: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s104 { font-size: 13px; color: #C0D8D8; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s105 { font-size: 16px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s106 { font-size: 14px; color: #E2EDED; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s107 { border-top: 3px solid #FFCAA3; padding-top: 10px; display: flex; flex-direction: column; gap: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s108 { background: #E2EDED; border-radius: 2px; padding: 22px 26px; display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s109 { display: flex; flex-direction: column; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s110 { font-size: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s111 { color: #156570; background: #FFFFFF; text-decoration: none; font-weight: 600; padding: 11px 20px; border: 1px solid #156570; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s112 { background: #FFFFFF; border-top: 1px solid #EBEBEB; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s113 { max-width: 900px; margin: 0 auto; padding: 56px 24px; display: flex; flex-direction: column; gap: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s114 { margin: 0; font-size: 28px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s115 { margin: 0; font-size: 18px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s116 { max-width: 1200px; margin: 0 auto; padding: 48px 24px; display: flex; flex-direction: column; gap: 18px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s117 { margin: 0; font-size: 24px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s118 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s119 { background: #FFFFFF; border-radius: 2px; padding: 18px 20px; text-decoration: none; color: #212121; display: flex; flex-direction: column; gap: 4px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s120 { font-size: 17px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s121 { font-size: 14px; font-weight: 700; color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s122 { max-width: 1200px; margin: 0 auto; padding: 56px 24px; display: flex; flex-direction: column; gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s123 { margin: 0; font-size: 46px; line-height: 1.12; font-weight: 800; max-width: 920px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s124 { margin: 0; font-size: 19px; color: #E2EDED; max-width: 760px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s125 { color: rgb(255, 255, 255); background: rgb(217, 32, 37); text-decoration: none; font-weight: 600; padding: 14px 24px; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s126 { color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; padding: 13px 24px; border: 1px solid rgb(255, 255, 255); border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s127 { background: #E2EDED; border-radius: 2px; padding: 30px; display: flex; flex-direction: column; gap: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s128 { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 10px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s129 { flex: 1 1 200px; background: #FFFFFF; border-radius: 2px; padding: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s130 { font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s131 { align-self: center; color: #156570; font-size: 22px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s132 { flex: 1 1 200px; background: #156570; color: #FFFFFF; border-radius: 2px; padding: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s133 { margin: 0; font-size: 26px; line-height: 1.3; font-weight: 700; color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s134 { display: flex; flex-direction: column; gap: 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s135 { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px 24px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s136 { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; justify-content: space-between; border: 1px solid #EBEBEB; border-radius: 2px; padding: 24px 26px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s137 { color: #156570; background: #FFFFFF; text-decoration: none; font-weight: 600; padding: 12px 22px; border: 1px solid #156570; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s138 { margin: 0; font-size: 19px; color: #E2EDED; max-width: 780px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s139 { color: rgb(255, 255, 255); } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s140 { display: flex; flex-direction: column; gap: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s141 { overflow-x: auto; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s142 { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s143 { background: #3D4C55; color: #FFFFFF; text-align: left; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s144 { padding: 12px 16px; width: 28%; background-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s145 { padding: 12px 16px; width: 36%; background-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s146 { padding: 12px 16px; width: 376px; background-color: #156570; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s147 { padding: 14px 16px; font-weight: 700; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s148 { padding: 14px 16px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s149 { padding: 14px 16px; color: #156570; font-weight: 600; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s150 { border-bottom: 1px solid #EBEBEB; background: #F7FAFA; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s151 { display: flex; flex-wrap: wrap; gap: 24px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s152 { flex: 1 1 440px; min-width: 0; background: #156570; color: #FFFFFF; border-radius: 2px; padding: 26px; display: flex; flex-direction: column; gap: 10px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s153 { font-size: 15px; color: #E2EDED; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s154 { flex: 1 1 440px; min-width: 0; border: 1px solid #EBEBEB; border-radius: 2px; padding: 24px; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 18px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s155 { max-width: 1200px; margin: 0 auto; padding: 56px 24px; display: flex; flex-wrap: wrap; gap: 40px; align-items: center; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s156 { margin: 0; font-size: 19px; color: #E2EDED; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s157 { flex: 1 1 420px; min-width: 0; margin: 0; background: #212121; color: #E2EDED; border-radius: 2px; padding: 20px 22px; font-family: Menlo, Consolas, monospace; font-size: 14px; line-height: 1.7; white-space: pre-wrap; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s158 { color: #9E9E9E; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s159 { color: #FFCAA3; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s160 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px 28px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s161 { background: #F2F2F2; border-radius: 2px; padding: 22px; display: flex; flex-direction: column; gap: 10px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s162 { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 15px; color: #444E46; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s163 { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: stretch; gap: 8px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s164 { flex: 1 1 180px; background: #E2EDED; border-radius: 2px; padding: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s165 { align-self: center; color: #156570; font-weight: 700; font-size: 20px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s166 { flex: 1 1 180px; background: #156570; color: #FFFFFF; border-radius: 2px; padding: 14px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s167 { flex: 1 1 180px; color: #212121; border-radius: 2px; padding: 14px; background-color: #e2eded; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s168 { font-weight: 700; color: #212121; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s169 { font-size: 14px; color: #212121; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s170 { display: flex; flex-wrap: wrap; gap: 24px; align-items: stretch; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s171 { flex: 1 1 440px; min-width: 0; border: 2px solid #156570; border-radius: 2px; padding: 22px; display: flex; flex-direction: column; gap: 10px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s172 { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #3D4C55; background: #FFCAA3; padding: 4px 10px; border-radius: 2px; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s173 { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; } #main-container-wrapper .qd-pi.qd-pi .qd-pi-s174 { color: #FFFFFF; background: #D92025; text-decoration: none; font-weight: 600; padding: 12px 20px; border-radius: 2px; }