/* ParkWien Sign Studio — clean sign reconstruction and multilingual interpretation.
   The actual GIS fields are used by sign-studio.js; visuals are illustrative. */
#detailGraphic .pwss-sign-card,
#detailGraphic .pwss-interpret{
 margin:0 0 12px;
 background:#fff;
 border:1px solid #e2e8ea;
 border-radius:14px;
 overflow:hidden;
 box-shadow:0 1px 3px rgba(23,47,58,.04);
 color:#213b45;
}
#detailGraphic .pwss-heading{
 display:flex;align-items:center;justify-content:space-between;gap:9px;
 padding:13px 14px 10px;
}
#detailGraphic .pwss-heading strong{
 color:#1b3540;font-size:15px;letter-spacing:-.3px;line-height:1.25;
}
#detailGraphic .pwss-heading span{
 flex-shrink:0;color:#71858f;font-size:10px;font-weight:600;
}
#detailGraphic .pwss-sign-stage{
 position:relative;isolation:isolate;
 display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
 padding:18px 20px 23px;min-height:234px;
 background:linear-gradient(155deg,#254460,#162e48);
 overflow:hidden;
}
#detailGraphic .pwss-sign-stage:before{
 content:'';position:absolute;top:-95px;left:-90px;
 width:240px;height:220px;border-radius:50%;
 background:rgba(255,255,255,.035);pointer-events:none;
}
#detailGraphic .pwss-pole{
 position:absolute;z-index:0;top:20px;bottom:0;width:18px;
 border:1px solid #667f8e;border-radius:5px 5px 0 0;
 background:linear-gradient(90deg,#85969e,#d6dfe0 43%,#778b94 100%);
 box-shadow:3px 1px 8px #0d253c75;
 pointer-events:none;
}
#detailGraphic .pwss-main-sign{
 position:relative;z-index:2;display:flex;justify-content:center;align-items:center;
 width:144px;height:139px;flex-shrink:0;
 filter:drop-shadow(0 4px 6px rgba(2,16,30,.36));
}
#detailGraphic .pwss-main-sign svg{
 display:block;flex-shrink:0;width:139px!important;height:139px!important;
 max-width:none!important;filter:none!important;
}
#detailGraphic .pwss-plates{
 position:relative;z-index:2;
 width:min(100%,256px);
 display:flex;flex-direction:column;align-items:stretch;gap:8px;
 margin-top:-3px;
}
#detailGraphic .pwss-plate{
 position:relative;display:flex;align-items:center;justify-content:center;
 min-height:44px;padding:10px 11px;
 border:3px solid #f8fafb;border-radius:8px;
 background:#fff;
 box-shadow:inset 0 0 0 2px #253039,0 3px 6px rgba(0,0,0,.26);
 color:#18232a;
 text-align:center;
 font-size:13px;line-height:1.4;font-weight:800;
 overflow-wrap:anywhere;white-space:normal;
}
#detailGraphic .pwss-plate:before,
#detailGraphic .pwss-plate:after{
 content:'';position:absolute;left:50%;transform:translateX(-50%);
 width:5px;height:5px;background:#a9b2b4;border:1px solid #52646a;
 border-radius:50%;box-shadow:inset 0 0 0 1px #e3eced;
}
#detailGraphic .pwss-plate:before{top:3px}
#detailGraphic .pwss-plate:after{bottom:3px}
#detailGraphic .pwss-missing{
 position:relative;z-index:2;padding:8px 12px;
 border:1px dashed #bed0da;border-radius:7px;
 color:#f4f7fa;font-size:10px;text-align:center;
 background:#152b41;
}
#detailGraphic .pwss-caption{
 font-size:10.5px;line-height:1.48;font-weight:450;
 padding:10px 14px 12px;margin:0;
 color:#667b84;background:#f7f9f9;
}
#detailGraphic .pwss-time{
 padding:9px 11px;margin:0 13px 13px;
 display:flex;align-items:center;gap:9px;flex-wrap:wrap;
 background:#eff5f8;border-radius:9px;
 color:#264959;font-weight:740;font-size:12px;
}
#detailGraphic .pwss-time span{
 display:inline-flex;align-items:center;
 color:#52748a;font-size:10px;font-weight:740;
}
#detailGraphic .pwss-languages{
 padding:0 13px 10px;
 display:flex;flex-direction:column;gap:8px;
}
#detailGraphic .pwss-translation{
 display:grid;grid-template-columns:64px minmax(0,1fr);
 gap:10px;align-items:start;
 padding:11px 12px;border:1px solid #e4eaed;border-radius:10px;
 background:#fff;color:#253f49;
}
#detailGraphic .pwss-lang{
 font-size:10px;font-weight:790;color:#46617b;
 background:#eef3f9;border-radius:7px;
 padding:6px 2px;text-align:center;
}
#detailGraphic .pwss-translation p{
 margin:1px 0 0;font-size:12px;
 line-height:1.56;font-weight:500;white-space:normal;
 overflow-wrap:anywhere;
}
#detailGraphic .pwss-ko{border-left:3px solid #1a846d}
#detailGraphic .pwss-en{border-left:3px solid #6a81b0}
#detailGraphic .pwss-de{border-left:3px solid #83949e}
#detailGraphic .pwss-interpret>.pwss-caption{
 border-top:1px solid #edf0f2;background:#fff;
}
@media (max-width:390px){
 #detailGraphic .pwss-heading{padding:11px 12px 9px}
 #detailGraphic .pwss-heading strong{font-size:14px}
 #detailGraphic .pwss-heading span{font-size:9px}
 #detailGraphic .pwss-main-sign{height:126px}
 #detailGraphic .pwss-main-sign svg{width:126px!important;height:126px!important}
 #detailGraphic .pwss-sign-stage{padding:13px 12px 19px}
 #detailGraphic .pwss-plate{font-size:12px}
 #detailGraphic .pwss-translation{grid-template-columns:56px 1fr;gap:8px;padding:10px}
 #detailGraphic .pwss-translation p{font-size:11.5px}
}


/* Sign Studio v2 — physical sign finish and ONE supplementary plate.
   Photo-real metalwork, reflective enamel and subtle outdoor light. */
#detailGraphic .pwss-sign-stage{
 padding:22px 13px 32px;
 min-height:326px;
 background:
  radial-gradient(ellipse at 27% 16%,rgba(255,255,255,.7),transparent 48%),
  linear-gradient(122deg,#c2d0cb 0%,#dbe0d9 30%,#d9d3c6 59%,#a8b8b1 100%)!important;
}
#detailGraphic .pwss-sign-stage::before{
 content:"";position:absolute;inset:-17px;width:auto;height:auto;border:0;border-radius:0;
 background:
  linear-gradient(95deg,transparent 6%,rgba(121,139,127,.15) 7%,rgba(121,139,127,.15) 11%,transparent 12%),
  linear-gradient(115deg,transparent 66%,rgba(61,87,83,.16) 68%,rgba(61,87,83,.16) 72%,transparent 77%),
  repeating-linear-gradient(0deg,transparent 0 57px,rgba(255,255,255,.31) 58px 60px,transparent 61px 112px);
 filter:blur(13px);opacity:.56;pointer-events:none;z-index:-1;
}
#detailGraphic .pwss-sign-stage::after{
 content:"";position:absolute;inset:0;
 background:linear-gradient(115deg,rgba(255,255,255,.12),transparent 44%,rgba(37,50,41,.05));
 pointer-events:none;z-index:5;
}
#detailGraphic .pwss-pole{
 top:8px;width:22px;
 border:1px solid #65717a;border-radius:7px 7px 0 0;
 background:linear-gradient(90deg,#57616a 0%,#99a2a6 14%,#dbe1e1 35%,#e5e9e8 51%,#9da8ac 79%,#667580 100%);
 box-shadow:inset -1px 0 2px #4a566477,inset 2px 0 2px #fff8,5px 3px 10px #28373c38;
}
#detailGraphic .pwss-sign-bracket{
 position:relative;z-index:1;
 height:0;width:34px;flex:0 0 0;
}
#detailGraphic .pwss-main-sign{
 position:relative;z-index:3;
 width:174px;height:174px;
 filter:drop-shadow(1px 7px 7px rgba(30,39,40,.3));
}
#detailGraphic .pwss-photo-sign,
#detailGraphic .pwss-physical-sign{
 display:flex;align-items:center;justify-content:center;
 position:relative;width:168px;height:168px;overflow:visible;
}
#detailGraphic .pwss-photo-sign{
 border-radius:50%;
 background:
  radial-gradient(ellipse at 35% 18%,rgba(255,255,255,.9),rgba(255,255,255,.1) 43%,rgba(0,0,0,.08) 79%),
  linear-gradient(110deg,#65727c,#f9faf8 24%,#7b8995 49%,#edf0ef 76%,#707d88 100%);
 border:3px solid #b4babe;
 box-shadow:inset 0 0 0 2px #f6f8f4,inset 0 0 4px #56667085,0 3px 5px #1728334d;
}
#detailGraphic .pwss-photo-sign svg{
 width:158px!important;height:158px!important;max-width:none!important;
 filter:saturate(.96) contrast(1.07);
}
#detailGraphic .pwss-photo-sign:before{
 content:"";position:absolute;inset:7px;z-index:3;
 background:
  radial-gradient(ellipse at 29% 21%,rgba(255,255,255,.34),transparent 40%),
  repeating-radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.035) 0 1px,transparent 1px 3px),
  linear-gradient(135deg,rgba(250,250,250,.11),transparent 34%,rgba(0,0,0,.075) 85%);
 mix-blend-mode:soft-light;border-radius:50%;pointer-events:none;
}
#detailGraphic .pwss-photo-sign:after{
 content:"";position:absolute;top:6px;left:50%;transform:translateX(-50%);
 width:8px;height:8px;z-index:6;border-radius:50%;
 border:1px solid #59636a;
 background:radial-gradient(circle at 34% 26%,#f6f8f6,#b4babd 36%,#646c70 83%);
 box-shadow:0 1px 1px #33404d99;
}
#detailGraphic .pwss-physical-sign{
 padding:3px;border-radius:10px;
 border:3px solid #a5adb3;
 background:linear-gradient(125deg,#e8eae8,#78838a 48%,#d4dce0);
 box-shadow:0 2px 6px #1f313f4d;
}
#detailGraphic .pwss-physical-sign svg{
 display:block!important;width:157px!important;height:157px!important;
 filter:contrast(1.06) saturate(.95);
}
#detailGraphic .pwss-single-plate{
 position:relative;z-index:4;
 flex:0 0 auto;
 display:flex;justify-content:center;align-items:center;
 width:min(90%,286px);min-height:76px;
 margin-top:-4px;padding:16px 15px 15px;
 border:3px solid #d1d2ce;border-radius:11px;
 background:
  linear-gradient(138deg,rgba(255,255,255,.95),rgba(255,255,255,.06) 47%,rgba(130,134,134,.06) 100%),
  repeating-linear-gradient(0deg,#f9f9f7 0 3px,#f5f6f2 4px 5px);
 box-shadow:
  inset 0 0 0 3px #1d2528,
  inset 0 0 0 6px #fcfcf8,
  inset 1px 1px 5px rgba(70,75,75,.15),
  0 4px 1px rgba(25,41,49,.15),
  0 8px 16px rgba(31,44,49,.2);
 color:#171a1c;
}
#detailGraphic .pwss-plate-inscription{
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 width:100%;max-width:100%;gap:4px;
 font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
 font-stretch:condensed;font-size:12px;line-height:1.22;font-weight:800;
 color:#111619;letter-spacing:-.12px;text-align:center;
}
#detailGraphic .pwss-plate-row{
 display:block;width:100%;
 overflow-wrap:anywhere;white-space:normal;
 text-wrap:pretty;
}
#detailGraphic .pwss-plate-screw{
 position:absolute;left:50%;transform:translateX(-50%);
 z-index:4;display:block;
 width:10px;height:10px;border-radius:50%;
 background:radial-gradient(circle at 30% 28%,#fff,#b3bec0 35%,#687b81 78%,#3c535b);
 border:1px solid #616d73;box-shadow:0 1px 1px rgba(0,0,0,.27);
}
#detailGraphic .pwss-plate-screw:after{
 content:"";position:absolute;inset:4px 2px;
 background:rgba(45,55,59,.78);height:1px;transform:rotate(-22deg);
}
#detailGraphic .pwss-screw-top{top:4px}
#detailGraphic .pwss-screw-bottom{bottom:4px}
#detailGraphic .pwss-unverified-plate{
 position:relative;z-index:4;display:flex;flex-direction:column;
 gap:3px;align-items:center;max-width:286px;margin-top:-4px;
 border:3px solid #d1d2ce;box-shadow:inset 0 0 0 2px #232c32,0 5px 12px #0002;
 border-radius:9px;background:#f8f8f4;color:#3d4a4e;
 padding:16px 14px;text-align:center;
 font-size:11px;
}
#detailGraphic .pwss-unverified-plate strong{font-size:13px;color:#303c41}
#detailGraphic .pwss-sign-card .pwss-caption{
 font-size:10.5px;line-height:1.52;color:#667781;
}
@media(max-width:390px){
 #detailGraphic .pwss-sign-stage{padding:19px 9px 27px}
 #detailGraphic .pwss-main-sign{width:154px;height:154px}
 #detailGraphic .pwss-photo-sign,#detailGraphic .pwss-physical-sign{
  width:150px;height:150px;
 }
 #detailGraphic .pwss-photo-sign svg{width:141px!important;height:141px!important}
 #detailGraphic .pwss-physical-sign svg{width:141px!important;height:141px!important}
 #detailGraphic .pwss-single-plate{
  width:min(91%,276px);padding:15px 12px 14px;
 }
 #detailGraphic .pwss-plate-inscription{font-size:11.5px}
}