.clash-rule{box-sizing:border-box;max-width:1200px;margin:42px auto 0;padding:38px 46px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;border:1px solid #79ce9860;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#31514355,transparent 70%),linear-gradient(120deg,#192329,#18201e);text-align:left;color:#f6eee0}.clash-rule h2{font:400 clamp(27px,3vw,40px)/1.15 'Playfair Display',Georgia,serif;margin:14px 0 20px}.clash-rule p{font-size:17px;line-height:1.8;margin:0 0 14px}.clash-rule strong,.clash-rule .eyebrow{color:#8cdda7}.clash-rule small{color:#acbab5;font-size:12px}.clash-rule-comparison{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:20px;align-items:center}.clash-rule figure{margin:0;min-width:0}.clash-rule-card{position:relative;width:100%;max-width:180px;margin:auto}.clash-rule-card img{width:100%;height:auto;aspect-ratio:745/1040;display:block;border-radius:9px;box-shadow:0 12px 25px #0005}.clash-rule-card svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.clash-rule svg{fill:none;stroke:#72dd92;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.clash-rule .original svg{stroke-width:4;filter:drop-shadow(0 1px 2px #000)}.clash-rule .updated svg{transform:rotate(-7deg);width: 40%;height: auto;left: auto;right: -6%; top: -10%;}.clash-rule-arrow{width:100%;margin-top:-25px}.clash-rule figcaption{text-align:center;color:#bbc7c2;font-size:11px;margin-top:24px;line-height:1.5}.clash-rule .updated{transform:rotate(3deg)}@media(max-width:800px){.clash-rule{grid-template-columns:1fr;margin:32px 20px 0;padding:28px;gap:30px}.clash-rule-copy{text-align:center}.clash-rule-comparison{max-width:450px;width:100%;margin:auto}}@media(max-width:420px){.clash-rule{padding:24px 20px}.clash-rule-comparison{gap:14px;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr)}.clash-rule p{font-size:15px}}