/* 경제적 이해관계 표시 배너 PoC 전용. 홈 홍보 배너와 선택자를 공유하지 않는다. */
.participation-review-banner{
  margin-top:10px;
  padding:13px;
  min-width:0;
  border:1px solid var(--gold-line);
  border-radius:13px;
  background:linear-gradient(145deg,var(--surface-2),var(--green-tint));
  color:var(--text);
}
.participation-review-banner__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.participation-review-banner__head>div{min-width:0}
.participation-review-banner__head b{display:block;color:var(--gold-text);font-size:12.5px;line-height:1.45}
.participation-review-banner__head span:not(.participation-review-banner__badge){display:block;margin-top:3px;color:var(--text-soft);font-size:11.5px;line-height:1.55}
.participation-review-banner__badge{flex:0 0 auto;padding:3px 8px;border:1px solid var(--gold-line);border-radius:999px;background:var(--surface);color:var(--gold-text);font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap}
.participation-review-banner.is-revoked .participation-review-banner__badge{border-color:var(--warn-line);background:var(--warn-bg);color:var(--warn-ink)}
.participation-review-banner__status-note{margin:10px 0 0;padding:9px 10px;border-radius:10px;background:var(--warn-bg);color:var(--warn-ink);font-size:11px;line-height:1.6}
.participation-review-banner>.button{margin-top:10px}
.participation-review-banner__preview{margin-top:11px;display:flex;justify-content:center;padding:8px 0;overflow:hidden}
.participation-review-banner__preview img{display:block;width:420px;max-width:100%;height:auto;object-fit:contain}
.participation-review-banner__guide{width:min(100%,520px);margin:8px auto 0;padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}
.participation-review-banner__guide>b{display:block;color:var(--text);font-size:12px;line-height:1.5}
.participation-review-banner__guide ol{margin:9px 0 0;padding:0;display:grid;gap:7px;list-style:none}
.participation-review-banner__guide li{min-width:0;display:grid;grid-template-columns:23px minmax(0,1fr);align-items:start;gap:8px}
.participation-review-banner__guide li>span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--green-tint);color:var(--gold-text);font-size:10.5px;font-weight:800;line-height:1}
.participation-review-banner__guide li p{min-width:0;margin:0;color:var(--text-soft);font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}
.participation-review-banner__guide li p b{display:block;color:var(--text);font-size:11.5px}
.participation-review-banner__guide li p small{display:block;margin-top:1px;color:var(--muted);font-size:10.5px;line-height:1.45}
.participation-review-banner__actions{margin-top:9px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.participation-review-banner__actions .button{min-width:0}
.participation-review-banner__actions--primary{width:min(100%,520px);margin-right:auto;margin-left:auto;justify-content:center}
.participation-review-banner__actions--primary .button{width:420px;max-width:100%;min-height:44px}
.participation-review-banner__details{width:min(100%,520px);margin:8px auto 0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.participation-review-banner__details summary{padding:10px 12px;cursor:pointer;color:var(--text-soft);font-size:11.5px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.participation-review-banner__details summary::marker{color:var(--muted)}
.participation-review-banner__details[open] summary{border-bottom:1px solid var(--line);color:var(--text)}
.participation-review-banner__details-body{padding:10px 12px;min-width:0}
.participation-review-banner__details-body>p{margin:0;color:var(--text-soft);font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.participation-review-banner__measurement{width:min(100%,520px);margin:10px auto 0;padding:11px 12px;border-radius:11px;background:var(--surface)}
.participation-review-banner__measurement>b{display:block;color:var(--text);font-size:12px;line-height:1.5}
.participation-review-banner__measurement dl{margin:7px 0 0}
.participation-review-banner__measurement dl>div{min-width:0;padding:7px 0;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:start;gap:9px;border-top:1px solid var(--line)}
.participation-review-banner__measurement dt{color:var(--muted);font-size:11px;line-height:1.5}
.participation-review-banner__measurement dd{min-width:0;margin:0;text-align:right;color:var(--text-soft);font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.participation-review-banner__measurement-value{display:block;font-weight:650}
.participation-review-banner__measurement dd small{display:block;margin-top:1px;color:var(--muted);font-size:10px;line-height:1.4}
.participation-review-banner__measurement>p{margin:3px 0 0;color:var(--muted);font-size:10.5px;line-height:1.5;overflow-wrap:anywhere}
.participation-review-banner__notice{width:min(100%,520px);margin:9px auto 0;padding-top:8px;border-top:1px solid var(--line);color:var(--muted);font-size:10.5px;line-height:1.55;overflow-wrap:anywhere}

@media(max-width:700px){
  .participation-review-banner{padding:12px}
  .participation-review-banner__head{flex-direction:column;gap:7px}
  .participation-review-banner>.button,.participation-review-banner__actions .button{width:100%;max-width:100%}
  .participation-review-banner__actions{display:grid;grid-template-columns:1fr}
  .participation-review-banner__guide{padding:10px}
  .participation-review-banner__guide ol{gap:8px}
  .participation-review-banner__details summary{padding:10px}
  .participation-review-banner__details-body{padding:10px}
  .participation-review-banner__measurement{padding:10px}
  .participation-review-banner__measurement dl>div{grid-template-columns:78px minmax(0,1fr);gap:7px}
}
