/* Shared styling for the isometric drawing (ad + site) */
svg.iso-svg { direction: ltr; }
.iso .pit-floor { fill: url(#isoHatch); stroke: none; }
.iso .pit-wire .w { stroke: rgba(207,227,255,.38); stroke-width: 1.4; stroke-dasharray: 6 6; fill: none; }
.iso .blinding .f-top { fill: rgba(160,180,205,.30); }
.iso .blinding .f-left, .iso .blinding .f-right { fill: rgba(120,140,165,.40); }
.iso .blinding polygon { stroke: rgba(207,227,255,.35); stroke-width: 1; }

.iso .membrane .m-back { fill: rgba(224,123,18,.30); stroke: rgba(255,200,87,.55); stroke-width: 1.2; }
.iso .membrane .m-top { fill: rgba(246,166,35,.78); stroke: #FFC857; stroke-width: 1.6; }
.iso .membrane .m-front { fill: rgba(246,166,35,.42); stroke: #FFC857; stroke-width: 1.6; }
.iso .membrane .m-lap { stroke: rgba(120,60,0,.45); stroke-width: 1.4; }

.iso .raft .f-top { fill: rgba(140,185,240,.20); stroke: rgba(207,227,255,.85); stroke-width: 1.6; }
.iso .raft .f-left { fill: rgba(70,110,165,.55); stroke: rgba(207,227,255,.7); stroke-width: 1.4; }
.iso .raft .f-right { fill: rgba(45,80,130,.65); stroke: rgba(207,227,255,.7); stroke-width: 1.4; }
.iso .mesh .r { stroke: rgba(207,227,255,.22); stroke-width: 1; }

.iso .col .f-top { fill: rgba(220,235,255,.55); }
.iso .col .f-left { fill: rgba(120,160,210,.45); }
.iso .col .f-right { fill: rgba(80,120,175,.55); }
.iso .col polygon { stroke: rgba(230,240,255,.8); stroke-width: 1.1; }

.iso .dim .ext { stroke: rgba(207,227,255,.35); stroke-width: 1; }
.iso .dim .dl { stroke: rgba(207,227,255,.8); stroke-width: 1.3; }
.iso .dim .tick { fill: #CFE3FF; }
.iso .dim .dt { fill: #CFE3FF; font: 600 24px "Readex Pro", system-ui, sans-serif; letter-spacing: .04em; }

.iso .callout .leader { fill: none; stroke: rgba(207,227,255,.75); stroke-width: 2; }
.iso .callout .pin { fill: #fff; }
.iso .callout .pin-ring { fill: none; stroke: rgba(255,255,255,.5); stroke-width: 1.4; }
.iso .callout .card { fill: rgba(9,22,40,.88); stroke: rgba(207,227,255,.28); stroke-width: 1.2; }
.iso .callout .cbar { fill: #7FB2FF; }
.iso .callout .cl { fill: rgba(220,232,250,.85); font: 500 25px "IBM Plex Sans Arabic", "Readex Pro", system-ui, sans-serif; }
.iso .callout .cv { fill: #fff; font: 700 34px "Readex Pro", system-ui, sans-serif; }
.iso .callout .cu { fill: rgba(220,232,250,.7); font-weight: 500; font-size: 22px; }
.iso .callout.accent .cbar { fill: #F6A623; }
.iso .callout.accent .card { stroke: rgba(246,166,35,.7); }
.iso .callout.accent .leader { stroke: #FFC857; }
.iso .callout.accent .pin { fill: #FFC857; }
.iso .callout.accent .pin-ring { stroke: rgba(255,200,87,.6); }
