.article-content .web-design-mistakes-answer-panel>.design-redline-board{grid-area:3/2!important;align-self:stretch!important;width:100%!important;max-width:none!important;min-height:22rem!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.design-redline-board{background:var(--review-ink);color:#effafa;pointer-events:none;border:1px solid #ffffff26;border-radius:1.2rem;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) 7rem;gap:1rem;padding:1.25rem;display:grid;position:relative;overflow:hidden;box-shadow:0 1.4rem 2.8rem #1022292e}.design-redline-board:before{content:"";aspect-ratio:1;border:1px dashed #50c5cd38;border-radius:50%;width:14rem;position:absolute;top:-5rem;right:-4rem}.design-redline-board>span,.design-redline-board>mark{z-index:2;font-size:var(--font-size-min);letter-spacing:.1em;font-weight:800;position:relative}.design-redline-board>span{color:#aac1c5;border-bottom:1px solid #ffffff21;grid-column:1/-1;padding-bottom:.8rem}.design-redline-board>mark{color:var(--review-aqua);background:0 0;border-top:1px solid #ffffff21;grid-column:1/-1;align-self:end;padding-top:.75rem}.design-redline-board__screen{z-index:1;background:linear-gradient(145deg,#d9f2f1 0 46%,#fff 46%);border:.42rem solid #f7fbfa;border-top-width:1.55rem;border-radius:.7rem;min-height:13rem;position:relative;overflow:hidden;box-shadow:.55rem .7rem #ff756529}.design-redline-board__screen:before{content:"";background:#102229;border-radius:1rem;width:52%;height:.52rem;position:absolute;top:1.25rem;left:.9rem;box-shadow:0 1.1rem #102229bf,0 2.2rem #1022292e}.design-redline-board__screen:after{content:"";background:#f6efe4;border:1px solid #1022292e;width:38%;height:42%;position:absolute;bottom:1rem;right:1rem}.design-redline-board__screen :is(i,b,em,strong,small){font-size:var(--font-size-min);margin:0;font-style:normal;display:block;position:absolute}.design-redline-board__screen i{background:var(--review-coral);border-radius:2rem;width:3.7rem;height:1.1rem;bottom:1.1rem;left:.9rem}.design-redline-board__screen b{aspect-ratio:1;background:var(--review-coral);border-radius:50%;width:.75rem;top:1.1rem;right:1.1rem;box-shadow:0 0 0 .4rem #ff756521}.design-redline-board__screen em{background:var(--review-coral);width:1px;height:38%;top:45%;left:55%;transform:rotate(28deg)}.design-redline-board__screen strong{aspect-ratio:1;background:var(--review-coral);border-radius:50%;width:.62rem;top:43%;left:52%}.design-redline-board__screen small{background:#10222933;width:30%;height:.3rem;bottom:3.15rem;left:.9rem;box-shadow:0 .72rem #10222921}.design-redline-board ol{z-index:1;align-content:start;gap:.45rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.design-redline-board li{background:#ffffff09;border:1px solid #ffffff21;border-radius:.45rem;grid-template-columns:1.7rem 1fr;align-items:center;gap:.4rem;padding:.56rem .45rem;transition:transform .28s,border-color .28s,background .28s;display:grid}.design-redline-board li b,.design-redline-board li span{font-size:var(--font-size-min)}.design-redline-board li b{color:var(--review-coral)}.design-redline-board li span{color:#e7f2f2;letter-spacing:.03em;font-weight:800}.web-design-mistakes-answer-panel:hover .design-redline-board li:nth-child(4){background:#50c5cd17;border-color:#50c5cd7a;transform:translate(-.3rem)}@media (width<=46rem){.design-redline-board{grid-template-columns:1fr;min-height:auto}.design-redline-board>span,.design-redline-board>mark{grid-column:1}.design-redline-board ol{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.design-redline-board li{transition:none!important;transform:none!important}}