.deo-webcolors__decision-grid,.deo-webcolors__conversion-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.deo-webcolors__decision-grid section,.deo-webcolors__conversion-levels section{margin:0;padding:25px;border:1px solid var(--wc-line);background:#fff}.deo-webcolors__decision-grid h3,.deo-webcolors__conversion-levels h3{margin:0 0 10px}.deo-webcolors__level{color:#7b5918;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.deo-webcolors pre{overflow:auto;padding:20px;border-left:5px solid var(--wc-gold);background:var(--wc-ink);color:#fff}.deo-webcolors__tool-callout{margin-top:28px!important;padding:22px 25px;border:1px solid var(--wc-gold);background:#fff9ec}body:is(.single-post,.page) #Content .deo-webcolors :is(.deo-webcolors__summary,.deo-webcolors__toc,.deo-webcolors__formats,.deo-webcolors__decision-grid,.deo-webcolors__conversion-levels,.deo-webcolors__steps,.deo-webcolors__contrast-grid,.deo-webcolors__faq,.deo-webcolors__footer) :is(h2,h3):not(.ez-toc-title){width:auto!important;max-width:100%!important;margin:0 0 12px!important;padding:0!important;overflow-wrap:anywhere;border:0!important;background:none!important;box-shadow:none!important;color:var(--wc-ink)!important;font-size:1.18rem!important;line-height:1.28!important;text-align:left!important}body:is(.single-post,.page) #Content .deo-webcolors :is(.deo-webcolors__summary,.deo-webcolors__toc,.deo-webcolors__formats,.deo-webcolors__decision-grid,.deo-webcolors__conversion-levels,.deo-webcolors__steps,.deo-webcolors__contrast-grid,.deo-webcolors__faq,.deo-webcolors__footer) :is(h2,h3)::before,body:is(.single-post,.page) #Content .deo-webcolors :is(.deo-webcolors__summary,.deo-webcolors__toc,.deo-webcolors__formats,.deo-webcolors__decision-grid,.deo-webcolors__conversion-levels,.deo-webcolors__steps,.deo-webcolors__contrast-grid,.deo-webcolors__faq,.deo-webcolors__footer) :is(h2,h3)::after{display:none!important;content:none!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion{border-color:#d2aa4c;background:#151310;color:#fffaf0;box-shadow:inset 0 0 0 5px #151310,inset 0 0 0 6px rgba(210,170,76,.62)}body:is(.single-post,.page) #Content .deo-webcolors__conversion .deo-webcolors__eyebrow{color:#e5bd64!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion h2{width:auto!important;max-width:760px!important;margin:0 0 22px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#f1ce7a!important;font-size:clamp(1.7rem, 3vw, 2.65rem)!important;line-height:1.18!important;text-align:left!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion h2::before,body:is(.single-post,.page) #Content .deo-webcolors__conversion h2::after{display:none!important;content:none!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion p{color:#fffaf0}body:is(.single-post,.page) #Content .deo-webcolors__conversion .deo-webcolors__button{border-color:#d2aa4c;background:#d2aa4c;color:#151310!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion .deo-webcolors__button:hover,body:is(.single-post,.page) #Content .deo-webcolors__conversion .deo-webcolors__button:focus-visible{background:#fffaf0;color:#151310!important}body:is(.single-post,.page) #Content .deo-webcolors__conversion .deo-webcolors__text-link{color:#f1ce7a!important}@media (max-width:620px){.deo-webcolors__decision-grid,.deo-webcolors__conversion-levels{grid-template-columns:1fr}}