.cc-generations__lanes{list-style:none;margin:0;padding:0;display:grid;gap:16px}.cc-generations__lane{display:grid;gap:6px}.cc-generations__text{display:flex;flex-direction:column;font-size:14px;line-height:20px}.cc-generations__name{font-size:16px;line-height:24px;font-weight:500}.cc-generations__unit{color:var(--color-text-muted)}.cc-generations__since{font-weight:500;color:var(--color-navy)}.cc-generations__bar .cc-generations__start{display:none}.cc-generations__note{color:var(--color-primary)}.cc-generations__track{position:relative;height:28px;border-radius:9999px;background:var(--color-gray-bg)}.cc-generations__bar{position:absolute;top:0;bottom:0;left:var(--start);right:0;display:flex;align-items:center;padding:0 10px;border-radius:9999px;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap}.cc-generations__lane--gen1 .cc-generations__bar{background:var(--color-navy);color:#fff}.cc-generations__lane--gen2 .cc-generations__bar{background:var(--color-primary);color:#fff}.cc-generations__lane--gen3 .cc-generations__bar{background:#fff;border:2px solid var(--color-primary);color:var(--color-primary)}.cc-generations__today{margin:12px 0 0;text-align:right;font-size:14px;line-height:20px;font-weight:500;color:var(--color-primary)}@container (min-width: 560px){.cc-generations__lane{grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:center;gap:16px}.cc-generations__today{padding-left:calc(38% + 16px)}.cc-generations__since{display:none}.cc-generations__bar .cc-generations__start{display:inline}}.cc-generations__markers{margin-top:20px;padding-top:16px;border-top:1px solid var(--color-gray-border);font-size:14px;line-height:22px}.cc-generations__markers-title{margin:0 0 6px;font-weight:500}.cc-generations__markers ul{display:grid;gap:4px 24px}.cc-generations__year{font-weight:500;color:var(--color-primary);margin-right:6px}.cc-generations__year:empty{display:none}@container (min-width: 560px){.cc-generations__markers ul{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-generations__markers li{display:grid;grid-template-columns:5.5em minmax(0,1fr);gap:8px}.cc-generations__year{margin-right:0}.cc-generations__year:empty{display:block}}.cc-generations__footer{margin:16px 0 0;font-size:15px;line-height:24px;font-weight:500}.cc-generations__footer a{color:var(--color-primary);margin-left:4px}.cc-iceberg__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px;margin-bottom:16px}.cc-figure.cc-figure .cc-iceberg__head .cc-figure__title{margin:0}.cc-figure.cc-figure .cc-iceberg__scale{font-size:12px;line-height:18px;color:var(--color-text-muted)}.cc-iceberg__rows{display:grid}.cc-figure.cc-figure .cc-iceberg__row{display:grid;grid-template-columns:clamp(80px,34%,240px) minmax(0,1fr);gap:0 14px;align-items:stretch;min-height:44px}.cc-figure.cc-figure .cc-iceberg__row--tip{min-height:64px}.cc-figure.cc-figure .cc-iceberg__row--band{background:#eef4ff}.cc-figure.cc-figure .cc-iceberg__row--1{border-top:3px solid #B05A00;border-top-left-radius:0}.cc-figure.cc-figure .cc-iceberg__row--5{border-radius:0 0 12px 12px}.cc-iceberg__shape{display:block;width:100%;height:100%;overflow:visible}.cc-iceberg__shape polygon{vector-effect:non-scaling-stroke}.cc-iceberg__row--tip polygon{fill:var(--color-gray-border);stroke:#767676;stroke-width:1.5}.cc-iceberg__row--1 polygon{fill:var(--color-primary)}.cc-iceberg__row--2 polygon{fill:var(--color-primary-hover)}.cc-iceberg__row--3 polygon{fill:#00338f}.cc-iceberg__row--4 polygon{fill:var(--color-dark-section)}.cc-iceberg__row--5 polygon{fill:var(--color-navy)}.cc-iceberg__text{display:flex;flex-direction:column;justify-content:center;padding:8px 8px 8px 0}.cc-iceberg__row--tip .cc-iceberg__text{justify-content:flex-end}.cc-iceberg__zone{font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.cc-iceberg__row--tip .cc-iceberg__zone{color:#b05a00}.cc-iceberg__label{font-size:15px;line-height:22px;font-weight:500;color:var(--color-navy)}a.cc-iceberg__label{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}a.cc-iceberg__label:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@container (min-width: 560px){.cc-figure.cc-figure .cc-iceberg__row{gap:0 24px;min-height:48px}.cc-figure.cc-figure .cc-iceberg__row--tip{min-height:72px}.cc-iceberg__label{font-size:16px;line-height:24px}}.cc-b3jump{padding:12px 16px;border-left:4px solid var(--color-primary);border-radius:0 12px 12px 0;background:var(--color-gray-bg);font-size:16px;line-height:26px}.cc-b3jump a{color:var(--color-primary);font-weight:500}#b3-helper{display:block;scroll-margin-top:140px}.cc-figure.cc-b3rec .cc-b3rec__eyebrow{margin:0 0 4px;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.cc-figure.cc-b3rec .cc-b3rec__title{margin:0}.cc-figure.cc-b3rec .cc-b3rec__subtitle{margin:4px 0 16px;font-size:14px;line-height:22px;color:var(--color-text-muted)}.cc-figure.cc-b3rec .cc-b3rec__fields{margin:0;padding:0;border-top:1px solid var(--color-gray-border)}.cc-figure.cc-b3rec .cc-b3rec__field{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--color-gray-border)}@container (min-width: 560px){.cc-figure.cc-b3rec .cc-b3rec__field{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:16px}}.cc-figure.cc-b3rec .cc-b3rec__field dt{margin:0;font-size:14px;line-height:22px;font-weight:500}.cc-figure.cc-b3rec .cc-b3rec__field dd{margin:0;padding:0;font-size:15px;line-height:22px}.cc-figure.cc-b3rec .cc-b3rec__field.is-blank dd{font-style:italic;color:var(--color-text-muted)}.cc-b3rec__field.is-blank dd:before{content:"___ ";font-style:normal}.cc-figure.cc-b3rec .cc-b3rec__safe-title{margin:16px 0 6px;font-size:14px;line-height:22px;font-weight:500}.cc-figure.cc-b3rec .cc-b3rec__safe{display:grid;gap:4px 16px;font-size:15px;line-height:22px}@container (min-width: 560px){.cc-figure.cc-b3rec .cc-b3rec__safe{grid-template-columns:repeat(2,minmax(0,1fr))}}.cc-figure.cc-b3rec .cc-b3rec__safe li{display:flex;align-items:flex-start;gap:8px}.cc-b3rec__box{flex:none;width:14px;height:14px;margin-top:4px;border:2px solid var(--color-navy);border-radius:3px}.cc-figure.cc-b3rec .cc-b3rec__footer{margin:16px 0 0;padding:12px 16px;border-left:4px solid var(--color-navy);border-radius:0 12px 12px 0;background:var(--color-gray-bg);font-size:15px;line-height:24px;font-weight:500}.cc-b3rec__copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px}.cc-b3rec__button{min-height:44px;padding:0 16px;border:1px solid #767676;border-radius:6px;background:#fff;color:var(--color-navy);font:inherit;font-size:15px;font-weight:400;cursor:pointer}.cc-b3rec__button:hover{border-color:var(--color-primary);color:var(--color-primary)}.cc-b3rec__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cc-b3rec__button[hidden]{display:none}.cc-figure.cc-b3rec .cc-b3rec__status{margin:0;font-size:14px;line-height:22px;color:var(--color-primary)}.cc-figure.cc-b3rec .cc-b3rec__safe li{font-size:15px;line-height:22px}.cc-b3seq__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;margin-bottom:20px}.cc-figure.cc-b3seq .cc-figure__title{margin:0}.cc-b3seq__tag{font-size:12px;line-height:18px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.cc-b3seq__panels{display:grid;gap:24px}@container (min-width: 560px){.cc-b3seq__panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}}.cc-figure.cc-b3seq .cc-b3seq__panel-title{margin:0 0 12px;font-size:16px;line-height:24px;font-weight:500}.cc-b3seq__block{padding:12px;border:2px solid #B05A00;border-radius:14px;background:#fdebd3}.cc-figure.cc-b3seq .cc-b3seq__badge{margin:0 0 10px;font-size:13px;line-height:20px;font-weight:500;color:#b05a00}.cc-b3seq__badge span{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:4px;border-radius:50%;background:#b05a00;color:#fff;font-size:12px;line-height:1}.cc-figure.cc-b3seq .cc-b3seq__bands{display:grid;gap:4px}.cc-figure.cc-b3seq .cc-b3seq__band{padding:8px 12px;border-radius:8px;background:var(--color-navy);color:#fff;font-size:14px;line-height:20px;font-weight:500}.cc-figure.cc-b3seq .cc-b3seq__effects-label{margin:14px 0 4px;font-size:14px;line-height:22px;font-weight:500}.cc-figure.cc-b3seq .cc-b3seq__effects{display:grid;gap:2px;font-size:14px;line-height:22px}.cc-b3seq__arrow{color:#b05a00;font-weight:500}.cc-figure.cc-b3seq .cc-b3seq__steps{display:grid;gap:10px}.cc-figure.cc-b3seq .cc-b3seq__step{position:relative;display:flex;flex-direction:column;padding:10px 14px;border:2px solid var(--color-primary);border-radius:12px;background:#eef4ff}.cc-figure.cc-b3seq .cc-b3seq__step.is-tentative{border-style:dashed;background:#fff}.cc-figure.cc-b3seq .cc-b3seq__step+.cc-b3seq__step:before{content:"";position:absolute;left:22px;top:-12px;width:2px;height:10px;background:var(--color-primary)}.cc-b3seq__step-label{font-size:12px;line-height:18px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.cc-b3seq__step-title{font-size:15px;line-height:22px;font-weight:500}.cc-b3seq__step-text{font-size:14px;line-height:20px;color:var(--color-text-muted)}.cc-figure.cc-b3seq .cc-b3seq__note{margin:20px 0 0;padding-top:16px;border-top:1px solid var(--color-gray-border);font-size:15px;line-height:24px;font-weight:500}.cc-figure.cc-b3seq .cc-b3seq__link{margin:8px 0 0;font-size:15px;line-height:24px}.cc-b3seq__link a{color:var(--color-primary)}.cc-figure.cc-b3seq .cc-b3seq__effects li{font-size:14px;line-height:22px}.prose:has([data-cc-embed=b4-route]) .wp-block-table{container-type:inline-size;margin:2rem 0;overflow:hidden;border:1px solid var(--color-gray-border);border-radius:20px;background:#fff}.prose:has([data-cc-embed=b4-route]) .wp-block-table table{width:100%;margin:0;border:0;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:24px;color:color-mix(in srgb,var(--color-navy) 85%,transparent)}.prose:has([data-cc-embed=b4-route]) .wp-block-table :is(th,td){padding:14px 16px;border:0;text-align:left;vertical-align:top}.prose:has([data-cc-embed=b4-route]) .wp-block-table thead{border:0}.prose:has([data-cc-embed=b4-route]) .wp-block-table thead th{background:var(--color-gray-bg);border-bottom:1px solid var(--color-gray-border);color:var(--color-navy);font-size:15px;line-height:22px;font-weight:600}.prose:has([data-cc-embed=b4-route]) .wp-block-table thead th:first-child{width:22%}.prose:has([data-cc-embed=b4-route]) .wp-block-table :is(th,td) strong{font-weight:inherit;color:inherit}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody tr{border:0;border-top:1px solid var(--color-gray-border)}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody tr:first-child{border-top:0}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:first-child{color:var(--color-navy);font-weight:500}@container (max-width: 559px){.prose:has([data-cc-embed=b4-route]) .wp-block-table :is(table,thead,tbody,tr,th,td){display:block;width:auto}.prose:has([data-cc-embed=b4-route]) .wp-block-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody tr{padding:16px}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td{padding:0}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:first-child{margin-bottom:4px;font-size:17px;line-height:26px}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td+td{padding:8px 0 0}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td+td:before{display:block;font-size:13px;line-height:20px;font-weight:600;color:var(--color-primary)}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:nth-child(2):before{content:"Modern Jakarta EE runtime"}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:nth-child(2):lang(nl):before{content:"Moderne Jakarta EE-runtime"}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:nth-child(3):before{content:"Spring Boot"}.prose:has([data-cc-embed=b4-route]) .wp-block-table tbody td:nth-child(4):before{content:"Quarkus"}}.cc-b5data{--b5d-attention: var(--ce-tone-attention-strong, #B05A00);--b5d-attention-soft: var(--ce-tone-attention-soft, #FDEBD3);--b5d-new-soft: var(--ce-tone-new-soft, #EEF4FF);--b5d-border-strong: var(--ce-border-strong, #767676)}.cc-b5data__defs{position:absolute;width:0;height:0;overflow:hidden}.cc-b5data.cc-b5data .cc-b5data__context{margin:-8px 0 20px;font-size:15px;line-height:24px}.cc-b5data.cc-b5data .cc-b5data__stages{display:grid;gap:24px}@container (min-width: 600px){.cc-b5data.cc-b5data .cc-b5data__stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}.cc-b5data.cc-b5data .cc-b5data__stage{display:flex;flex-direction:column;padding:16px;border:1px solid var(--color-gray-border);border-radius:16px;background:var(--color-gray-bg)}.cc-b5data.cc-b5data .cc-b5data__name{margin:0 0 8px;font-size:16px;line-height:22px;font-weight:500}.cc-b5data__num{display:block;font-size:12px;line-height:16px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.cc-b5data__svg{display:block;width:100%;max-width:260px;height:auto;margin:0 auto;overflow:visible}.cc-b5data__box{stroke-width:1.5}.cc-b5data__box--legacy{fill:#f3f4f6;stroke:var(--b5d-border-strong)}.cc-b5data__box--new{fill:var(--b5d-new-soft);stroke:var(--color-primary);stroke-width:2}.cc-b5data__box--consumers{fill:#fff;stroke:var(--b5d-border-strong)}.cc-b5data__db,.cc-b5data__db-rim{fill:#fff;stroke:var(--color-navy);stroke-width:1.5}.cc-b5data__db-rim{fill:none}.cc-b5data__db.cc-b5data__db--owned{fill:var(--b5d-new-soft)}.cc-b5data__db--owned{stroke:var(--color-primary);stroke-width:2}.cc-b5data__label,.cc-b5data__tag{font-family:inherit;text-anchor:middle;fill:var(--color-navy)}.cc-b5data__label{font-size:13px;font-weight:500}.cc-b5data__label--muted{font-weight:400}.cc-b5data__tag{font-size:12px;font-weight:500;text-anchor:start;fill:var(--color-text-muted)}.cc-b5data__tag--end{text-anchor:end}.cc-b5data__tag--sync{fill:var(--b5d-attention)}.cc-b5data__halo{paint-order:stroke;stroke:var(--color-gray-bg);stroke-width:4px;stroke-linejoin:round}.cc-b5data__line{fill:none;stroke-width:2.5}.cc-b5data__line--new{stroke:var(--color-primary)}.cc-b5data__line--old{stroke:var(--b5d-border-strong)}.cc-b5data__line--sync{stroke:var(--b5d-attention);stroke-width:2;stroke-dasharray:5 4}.cc-b5data__head--new{fill:var(--color-primary)}.cc-b5data__head--old{fill:var(--b5d-border-strong)}.cc-b5data__head--sync{fill:var(--b5d-attention)}.cc-b5data.cc-b5data .cc-b5data__owner{align-self:flex-start;margin:12px 0 0;padding:2px 10px;border:1px solid var(--b5d-border-strong);border-radius:9999px;background:#fff;font-size:13px;line-height:22px}.cc-b5data__owner strong{font-weight:500}.cc-b5data.cc-b5data .cc-b5data__owner--temporary{border:1px dashed var(--b5d-attention);background:var(--b5d-attention-soft)}.cc-b5data.cc-b5data .cc-b5data__owner--new{border-color:var(--color-primary);background:var(--b5d-new-soft);color:var(--color-primary)}.cc-b5data.cc-b5data .cc-b5data__text{margin:10px 0 0;font-size:14px;line-height:22px}.cc-b5data.cc-b5data .cc-b5data__facts{margin:8px 0 0;display:grid;gap:2px;font-size:13px;line-height:20px;color:var(--color-text-muted)}.cc-b5data.cc-b5data .cc-b5data__facts li{position:relative;padding-left:14px;font-size:13px;line-height:20px}.cc-b5data.cc-b5data .cc-b5data__facts li:before{content:"";position:absolute;left:2px;top:8px;width:5px;height:5px;border-radius:50%;background:var(--b5d-border-strong)}.cc-b5data.cc-b5data .cc-b5data__note{margin:10px 0 0;font-size:13px;line-height:20px;font-weight:500;color:var(--color-primary)}.cc-b5data.cc-b5data .cc-b5data__consumers{margin:16px 0 0;font-size:14px;line-height:22px;color:var(--color-text-muted)}.cc-b5data.cc-b5data .cc-b5data__footer{margin:16px 0 0;padding-top:16px;border-top:1px solid var(--color-gray-border);font-size:15px;line-height:24px;font-weight:500}.cc-b5data__footer a{display:block;margin-top:4px;font-weight:400;color:var(--color-primary)}.cc-effort__rows{display:grid;gap:20px}.cc-effort__row{display:grid;gap:6px}.cc-effort.cc-effort .cc-effort__label{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 12px;font-size:16px;line-height:24px}.cc-effort__name{font-weight:500}.cc-effort__value{font-weight:600;white-space:nowrap}.cc-effort__row--bulk .cc-effort__value{color:var(--color-primary)}.cc-effort__row--exception .cc-effort__value{color:#b05a00}.cc-effort__track{position:relative;height:28px;border-radius:6px;background:var(--color-gray-bg);background-image:linear-gradient(90deg,#D1D5DB 1px,transparent 1px);background-size:50% 100%}.cc-effort__bar{position:absolute;top:0;bottom:0;left:0;width:var(--w);min-width:12px;border-radius:6px;box-sizing:border-box}.cc-effort__row--bulk .cc-effort__bar{background:var(--color-primary)}.cc-effort__row--exception .cc-effort__bar{background:#fdebd3;border:2px solid #B05A00}.cc-effort.cc-effort .cc-effort__detail{font-size:14px;line-height:22px;color:var(--color-text-muted)}.cc-effort__axis{position:relative;height:20px;margin-top:8px;font-size:12px;line-height:20px;color:var(--color-text-muted)}.cc-effort__tick{position:absolute;left:var(--x);transform:translate(-50%)}.cc-effort__tick:first-child{transform:none}.cc-effort__tick:nth-last-child(2){transform:translate(-100%)}.cc-effort__axis-label{position:absolute;left:50%;top:18px;transform:translate(-50%);white-space:nowrap}.cc-effort.cc-effort .cc-effort__takeaway{margin-top:36px;padding:12px 16px;border-left:4px solid var(--color-primary);border-radius:0 12px 12px 0;background:#eef4ff;font-size:16px;line-height:26px;font-weight:500}.cc-effort__chips{margin-top:16px}.cc-effort.cc-effort .cc-effort__chips-title{margin-bottom:8px;font-size:14px;line-height:22px;font-weight:500}.cc-effort.cc-effort .cc-effort__chips ul{display:flex;flex-wrap:wrap;gap:8px}.cc-effort.cc-effort .cc-effort__chips li{padding:4px 12px;border:1px solid #B05A00;border-radius:9999px;font-size:14px;line-height:22px;color:var(--color-navy);background:#fff}.cc-effort.cc-effort .cc-effort__source{margin-top:16px;font-size:12px;line-height:18px;color:var(--color-text-muted)}.cc-effort.cc-effort .cc-effort__links{margin-top:16px;padding-top:16px;border-top:1px solid var(--color-gray-border);display:grid;gap:4px;font-size:15px;line-height:24px;font-weight:500}.cc-effort__links a{color:var(--color-primary)}.cc-gates{--gates-attention: #B05A00;--gates-grey: #767676;--gates-new-soft: #EEF4FF;scroll-margin-top:120px}.cc-gates:focus{outline:none}.cc-gates:focus-visible .cc-figure__card{outline:2px solid var(--color-primary);outline-offset:2px}.cc-gates__layout{display:grid;gap:24px}.cc-gates__matrix{display:grid;grid-template-columns:22px minmax(0,1fr);gap:6px}.cc-gates__y{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:11px;line-height:14px;color:var(--color-text-muted)}.cc-gates__y span{writing-mode:vertical-rl;transform:rotate(180deg)}.cc-gates__y .cc-gates__ylabel{font-weight:500;color:var(--color-navy)}.cc-gates__ylabel:after{content:" \2192 "}.cc-gates__grid{display:grid;gap:6px}.cc-gates__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:6px}.cc-gates__row--serious{grid-template-rows:auto auto auto auto}.cc-gates__name{grid-row:1;position:relative;z-index:1;padding:8px 12px 4px;font-size:12px;line-height:16px;font-weight:500}.cc-gates__name--decides{grid-column:1}.cc-gates__name--proposes{grid-column:2}.cc-gates__cell,.cc-gates__name{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cc-gates__cell{display:block;padding:6px 10px;border-radius:12px;font-size:12px;line-height:16px;font-weight:500}.cc-gates__row--serious .cc-gates__cell{grid-row:1 / -1}.cc-gates__cell--decides{grid-column:1;border:2px solid var(--gates-attention);background:#fff}.cc-gates__cell--proposes{grid-column:2;border:2px solid var(--color-primary);background:var(--gates-new-soft)}.cc-gates__cell--explore{border:2px dashed var(--gates-grey);background:var(--color-gray-bg)}.cc-gates__cell--executes{border:2px solid var(--color-primary);background:var(--color-primary);color:#fff}.cc-gates__row--limited .cc-gates__cell{min-height:44px}.cc-gates__task,.cc-gates__track,.cc-gates__arrow-label{grid-column:1 / -1;position:relative;z-index:1;padding:0 12px}.cc-gates__task{grid-row:2;justify-self:center;margin:6px 8px 0;padding:2px 10px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--color-gray-border);text-align:center;font-size:13px;line-height:18px;font-weight:500}.cc-gates__track{grid-row:3;display:flex;align-items:center;gap:4px;padding:8px 14%}.cc-gates__dot{flex:none;border-radius:50%}.cc-gates__dot--from{width:16px;height:16px;border:2px dashed var(--gates-grey);background:#fff}.cc-gates__dot--to{width:18px;height:18px;background:var(--color-primary);box-shadow:0 0 0 3px #fff,0 0 0 5px var(--color-primary)}.cc-gates__arrow{position:relative;flex:1 1 auto;height:2px;margin-right:8px;background:var(--color-primary)}.cc-gates__arrow:after{content:"";position:absolute;right:-2px;top:-5px;width:10px;height:10px;border-top:2px solid var(--color-primary);border-right:2px solid var(--color-primary);transform:rotate(45deg)}.cc-gates__arrow-label{grid-row:4;justify-self:center;margin:0 8px 10px;padding:2px 10px;border-radius:8px;background:#fff;text-align:center;font-size:12px;line-height:16px;font-weight:500;color:var(--color-primary)}.cc-gates__x{grid-column:2;display:flex;justify-content:space-between;gap:6px;font-size:11px;line-height:14px;color:var(--color-text-muted)}.cc-gates__xlabel{font-weight:500;color:var(--color-navy);text-align:center}.cc-figure.cc-gates .cc-gates__cap{display:flex;align-items:flex-start;gap:8px;margin-top:12px;padding:8px 12px;border-left:3px solid var(--gates-attention);border-radius:0 10px 10px 0;background:var(--color-gray-bg);font-size:14px;line-height:21px;font-weight:500}.cc-gates__cap-mark{flex:none;font-weight:700;color:var(--gates-attention)}.cc-figure.cc-gates .cc-gates__list-title{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:500}.cc-figure.cc-gates ol{display:grid;gap:8px;counter-reset:none}.cc-figure.cc-gates ol li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:23px}.cc-gates__check{flex:none;position:relative;width:20px;height:20px;margin-top:2px;border:2px solid var(--color-primary);border-radius:6px}.cc-gates__check:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border-right:2px solid var(--color-primary);border-bottom:2px solid var(--color-primary);transform:rotate(45deg)}.cc-gates__detail{color:var(--color-text-muted)}.cc-figure.cc-gates .cc-gates__note{margin-top:14px;padding-top:12px;border-top:1px solid var(--color-gray-border);font-size:14px;line-height:22px}@container (min-width: 600px){.cc-gates__layout{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;gap:28px}}.cc-figure.cc-figure .cc-metrics__quote{margin:-8px 0 20px;font-size:16px;line-height:26px;font-style:italic;color:var(--color-text-muted)}.cc-metrics__grid{display:grid;gap:16px}@container (min-width: 560px){.cc-metrics__grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:start}}.cc-metrics__progress{padding:16px;border-radius:16px;background:var(--color-gray-bg);border:1px solid var(--color-gray-border)}.cc-figure.cc-figure .cc-metrics__example{display:inline-block;margin-bottom:8px;padding:0 8px;border:1px solid #767676;border-radius:9999px;font-size:12px;line-height:20px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}.cc-figure.cc-figure .cc-metrics__value{font-size:28px;line-height:34px;font-weight:500}.cc-metrics__bar{height:12px;margin:10px 0;border-radius:9999px;background:#fff;border:1px solid #767676;overflow:hidden}.cc-metrics__bar span{display:block;height:100%;background:var(--color-navy)}.cc-figure.cc-figure .cc-metrics__meaning{font-size:15px;line-height:24px}.cc-figure.cc-figure .cc-metrics__questions-title{margin-bottom:8px;font-size:16px;line-height:24px;font-weight:500;color:var(--color-primary)}.cc-figure.cc-figure .cc-metrics__list{display:grid;gap:10px;counter-reset:cc-metrics}.cc-figure.cc-figure .cc-metrics__list li{position:relative;padding:0 0 10px 32px;border-bottom:1px solid var(--color-gray-border);counter-increment:cc-metrics}.cc-figure.cc-figure .cc-metrics__list li:before{content:counter(cc-metrics);position:absolute;left:0;top:1px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--ce-tone-new-soft, #EEF4FF);color:var(--color-primary);font-size:12px;line-height:1;font-weight:500}.cc-metrics__q{display:block;font-size:15px;line-height:24px;font-weight:400}.cc-metrics__fields{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:4px;font-size:13px;line-height:20px;color:var(--color-text-muted)}.cc-metrics__field{display:inline-flex;align-items:flex-end;gap:6px}.cc-metrics__blank{display:inline-block;width:64px;height:1em;border-bottom:1px solid #767676}.cc-metrics__copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:16px}.cc-metrics__copy[hidden]{display:none}.cc-metrics__button{min-height:44px;padding:0 18px;border:1px solid #767676;border-radius:9999px;background:#fff;color:var(--color-navy);font:inherit;font-size:15px;cursor:pointer}.cc-metrics__button:hover{border-color:var(--color-primary)}.cc-metrics__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.cc-metrics__status{font-size:14px;line-height:22px}