/* WORLD ORDER / STATE DOSSIER PROTOTYPE */
.world-order{--wo-line:#2b383c;--wo-muted:#64757a;--wo-text:#e3ecee;--wo-accent:#b7d3d9}
.wo-head{align-items:end}.wo-head>div>b{letter-spacing:-.045em}.wo-head p{max-width:560px}
.wo-dossier{position:relative}
.wo-dossier:after{
  content:"";position:absolute;z-index:8;left:0;right:0;top:0;height:1px;pointer-events:none;
  background:#d8edf1;box-shadow:0 0 16px #bce5ed55;opacity:0;transform:translateY(0)
}
.wo-dossier.swap-next:after,.wo-dossier.swap-prev:after{animation:woReindex .42s cubic-bezier(.2,.72,.2,1)}
@keyframes woReindex{0%{opacity:0;transform:translateY(0)}20%{opacity:.72}100%{opacity:0;transform:translateY(580px)}}

.wo-tabs{grid-template-columns:repeat(5,1fr)}
.wo-tabs button{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center}
.wo-tabs button span{font:700 6px ui-monospace,SFMono-Regular,monospace;color:#4f6267}
.wo-tabs button b{margin:0;font-size:7px}
.wo-tabs button.active span{color:#a7c7ce}

.wo-panels{min-height:560px}
.wo-panels .na-panel{padding-top:26px}
.wo-section-head{
  display:grid;grid-template-columns:150px minmax(0,1fr) auto;align-items:end;gap:18px;
  padding-bottom:13px;border-bottom:1px solid #29363a
}
.wo-section-head span,.wo-section-head em{font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#607277}
.wo-section-head b{font:850 10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#c9d7da}
.wo-section-head em{font-style:normal;text-align:right;color:#4f6065}
.wo-brief{max-width:850px;margin:19px 0 0;font-size:13px;line-height:1.9;color:#8d9a9e}

.wo-pending{display:none;margin-top:20px;padding:16px 18px;border:1px dashed #37464a;background:#0a0f11}
.wo-pending span,.wo-pending b{display:block;font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em}
.wo-pending span{color:#596a6f}.wo-pending b{margin-top:6px;color:#87989d}
.wo-dossier[data-state-ready="false"] .na-panel:not([data-na-panel="history"]) .wo-pending{display:block}
.wo-dossier[data-state-ready="false"] .na-panel:not([data-na-panel="history"]) .wo-state-content{opacity:.13;filter:grayscale(1);pointer-events:none;user-select:none}
.wo-state-content{transition:opacity .22s ease}

.wo-gov-lead{display:grid;grid-template-columns:minmax(250px,.75fr) 1.25fr;gap:42px;padding:24px 0 8px}
.wo-gov-lead>div{border-left:2px solid #829a9f;padding-left:15px}
.wo-gov-lead span{display:block;font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em;color:#5b6c71}
.wo-gov-lead b{display:block;margin-top:8px;font:850 16px/1.15 ui-monospace,SFMono-Regular,monospace;color:#dce7e9}
.wo-gov-lead em{display:block;margin-top:5px;font-style:normal;font-size:11px;color:#77888d}
.wo-gov-lead p,.wo-copy{margin:0;color:#87969a;font-size:11px;line-height:1.9}

.wo-power{
  position:relative;min-height:390px;margin-top:16px;border:1px solid #2d3a3e;overflow:hidden;
  background:
    linear-gradient(#26383c38 1px,transparent 1px),
    linear-gradient(90deg,#26383c38 1px,transparent 1px),
    radial-gradient(circle at 50% 48%,#13202588 0,transparent 49%),#080d0f;
  background-size:34px 34px,34px 34px,auto,auto
}
.wo-power:before{content:"권력 구조 // 대한민국 2134";position:absolute;left:14px;top:12px;font:650 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#485b60}
.wo-power-core{
  position:absolute;z-index:3;left:50%;top:51%;width:230px;min-height:86px;transform:translate(-50%,-50%);
  border:1px solid #7d959b;background:#0c1417e8;padding:15px 17px;display:grid;align-content:center;text-align:center;
  box-shadow:0 0 0 8px #0b1113aa,0 0 34px #aacbd11a
}
.wo-power-core span,.wo-power-core em{font:700 5px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#667a80;font-style:normal}
.wo-power-core b{margin:7px 0 4px;font:850 9px ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#e0eaec}
.wo-power-node{
  position:absolute;z-index:4;width:185px;min-height:76px;border:1px solid #3d5055;background:#091012e8;padding:13px 14px;
  box-shadow:0 10px 24px #0007
}
.wo-power-node.executive{left:50%;top:42px;transform:translateX(-50%)}
.wo-power-node.legislature{left:9%;bottom:38px}
.wo-power-node.judiciary{right:9%;bottom:38px}
.wo-power-node span{display:block;font:750 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#657a80}
.wo-power-node b{display:block;margin-top:8px;font-size:12px;color:#c9d5d8}
.wo-power-node i{position:absolute;right:10px;top:9px;font:700 6px ui-monospace,SFMono-Regular,monospace;font-style:normal;color:#46585d}
.wo-power-line{position:absolute;z-index:1;height:1px;background:#536970;transform-origin:left center;opacity:.66}
.wo-power-line.line-a{left:50%;top:118px;width:88px;transform:rotate(90deg)}
.wo-power-line.line-b{left:50%;top:54%;width:34%;transform:rotate(144deg)}
.wo-power-line.line-c{left:50%;top:54%;width:34%;transform:rotate(36deg)}
.wo-power-node:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#a9c6cd;box-shadow:0 0 10px #bedfe666}
.wo-power-node.executive:after{left:50%;bottom:-3px}.wo-power-node.legislature:after{right:-3px;top:50%}.wo-power-node.judiciary:after{left:-3px;top:50%}

.wo-metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;background:#2a373b;border:1px solid #2a373b}
.wo-metric-grid article{min-height:128px;background:#080d0f;padding:16px;display:flex;flex-direction:column}
.wo-metric-grid span,.wo-defense-facts span{font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#5e7075}
.wo-metric-grid b{margin-top:15px;font-size:16px;line-height:1.25;color:#d6e0e2}
.wo-metric-grid i{margin-top:auto;font:700 6px ui-monospace,SFMono-Regular,monospace;font-style:normal;letter-spacing:.11em;color:#71868b}
.wo-state-content>.wo-copy{max-width:760px;margin-top:22px}

.wo-defense-route{margin-top:24px;padding:18px;border:1px solid #334247;background:#090f11}
.wo-defense-route>span{font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#5d7075}
.wo-defense-route>b{display:block;margin:9px 0 18px;font:850 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.06em;color:#d6e1e3}
.wo-defense-route>div{display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.wo-defense-route>div:before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:#50656a}
.wo-defense-route i{position:relative;z-index:1;justify-self:center;min-width:76px;padding:8px 9px;border:1px solid #44575c;background:#0b1315;text-align:center;font:750 6px ui-monospace,SFMono-Regular,monospace;font-style:normal;letter-spacing:.09em;color:#aebfc3}
.wo-defense-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;background:#29363a;border:1px solid #29363a}
.wo-defense-facts article{background:#080d0f;padding:14px 15px;min-height:82px}
.wo-defense-facts b{display:block;margin-top:9px;font-size:11px;line-height:1.4;color:#c9d4d7}
.wo-record-link{
  width:100%;margin-top:22px;min-height:62px;border:1px solid #50656a;background:#0b1214;color:#d9e5e7;
  padding:0 17px;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer
}
.wo-record-link span{font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.13em;color:#667a80}
.wo-record-link b{font:850 8px ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}
.wo-record-link:hover{border-color:#91a9ae;background:#111a1d}

.wo-institution-card{
  display:grid;grid-template-columns:130px minmax(0,1fr) 220px;gap:28px;margin-top:24px;padding:22px;
  border:1px solid #344449;background:linear-gradient(120deg,#0a1012,#080c0e 62%,#10181a)
}
.wo-inst-no{border-right:1px solid #344348;padding-right:20px}
.wo-inst-no span{display:block;font:900 54px/.9 ui-monospace,SFMono-Regular,monospace;letter-spacing:-.07em;color:#233236}
.wo-inst-no b{display:block;margin-top:14px;font:750 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em;color:#81959a}
.wo-inst-title>span{font:750 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;color:#71858a}
.wo-inst-title h3{margin:8px 0 12px;font-size:30px;letter-spacing:-.045em;color:#e1e9eb}
.wo-inst-title p{margin:0;max-width:540px;color:#7d8d91;font-size:10px;line-height:1.8}
.wo-institution-card dl{margin:0;border-top:1px solid #304045}
.wo-institution-card dl div{display:grid;grid-template-columns:68px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #29383c}
.wo-institution-card dt{font:700 6px ui-monospace,SFMono-Regular,monospace;letter-spacing:.11em;color:#5e7176}
.wo-institution-card dd{margin:0;font-size:10px;color:#b9c7ca}

@media(max-width:1080px){
  .wo-section-head{grid-template-columns:125px 1fr}.wo-section-head em{display:none}
  .wo-metric-grid{grid-template-columns:1fr 1fr}
  .wo-institution-card{grid-template-columns:105px 1fr}.wo-institution-card dl{grid-column:1/-1}
}
@media(prefers-reduced-motion:reduce){.wo-dossier.swap-next:after,.wo-dossier.swap-prev:after{animation:none!important}}