.dc-choices{color:#24314b;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dc-choices button{text-align:left;background:#fff;border:1px solid #dfe5ef;border-radius:10px;min-width:0;padding:8px;transition:border-color .2s,box-shadow .2s}.dc-choices button[aria-pressed=true]{background:#f8faff;border-color:#365acc;box-shadow:0 0 0 1px #365acc}.dc-choices button:focus-visible{outline-offset:3px;outline:3px solid #5f7cea}.dc-choices strong{margin:3px 0;font-size:12px;line-height:1.6;display:block}.dc-choices small{color:#63718a;font-size:10px;line-height:1.7;display:block}.dc-number{font-variant-numeric:tabular-nums;color:#7283a4;font-size:9px}.dc-sketch{aspect-ratio:1.55;background:#f1efe9;border:1px solid #e9e7e1;border-radius:4px;margin-bottom:9px;display:block;position:relative;overflow:hidden}.dc-image{background:#d7d2c5;display:block;position:absolute;overflow:hidden}.dc-image img{object-fit:cover;width:100%;height:100%}.dc-lines{flex-direction:column;gap:4px;display:flex;position:absolute}.dc-lines b{background:#353c48;width:100%;height:3px;display:block}.dc-lines b:nth-child(2){width:72%}.dc-lines i{background:#5a6f85;width:34%;height:5px;margin-top:3px;display:block}.dc-sections{gap:4px;height:15%;display:flex;position:absolute;bottom:7%;left:7%;right:7%}.dc-sections i{background:#deded8;flex:1;display:block}.dc-editorial .dc-image{height:59%;top:12%;left:52%;right:7%}.dc-editorial .dc-lines{width:34%;top:25%;left:7%}.dc-immersive .dc-image{inset:0 0 23%}.dc-immersive .dc-image:after{content:"";background:#1115;position:absolute;inset:0}.dc-immersive .dc-lines{top:24%;left:24%;right:24%}.dc-immersive .dc-lines b{background:#fff}.dc-immersive .dc-lines i{background:#ddd}.dc-catalog .dc-image{height:44%;top:0;left:0;right:0}.dc-catalog .dc-image:after{content:"";background:#1116;position:absolute;inset:0}.dc-catalog .dc-lines{width:39%;top:10%;left:8%}.dc-catalog .dc-lines b{background:#fff;height:2px}.dc-catalog .dc-lines i{display:none}.dc-catalog .dc-sections{height:33%;bottom:11%}.dc-catalog .dc-sections i{background:#fff;border-top:2px solid #788397}@media (max-width:600px){.dc-choices{gap:6px}.dc-choices button{padding:6px}.dc-choices strong{font-size:11px}.dc-choices small{display:none}.dc-sketch{aspect-ratio:1.2}}@media (prefers-reduced-motion:reduce){.dc-choices button{transition:none}}
