/* NowClock 세계시계 - 주요 국가/도시를 한 번에 훑어보기 위한 조밀한 전용 레이아웃 */
.world-clock-panel .world-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(142px,1fr));
  gap:10px;
}
.world-clock-panel .world-card{
  min-width:0;
  border-radius:14px;
  padding:12px 12px 11px;
  box-shadow:0 5px 16px rgba(15,23,42,.035);
}
.world-clock-panel .world-city{
  padding-right:48px;
  font-size:15px;
  line-height:1.25;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.world-clock-panel .world-country{
  font-size:11px;
  line-height:1.3;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.world-clock-panel .world-time{
  margin:9px 0 5px;
  font-size:clamp(23px,2vw,31px);
  line-height:1;
  font-weight:360;
  letter-spacing:-.03em;
}
.world-clock-panel .world-time .clock-digits{font-weight:360;}
.world-clock-panel .world-time .clock-period{font-size:.43em;font-weight:450;margin-right:.22em;vertical-align:.12em;letter-spacing:0;}
.world-hero .live-clock{font-weight:320;letter-spacing:-.045em;}
.world-hero .live-clock .clock-digits{font-weight:320;}
.world-hero .live-clock .clock-period{font-size:.36em;font-weight:400;margin-right:.24em;vertical-align:.18em;}
.world-clock-panel .world-meta{
  gap:5px;
  font-size:10.5px;
  line-height:1.3;
}
.world-clock-panel .world-meta span:last-child{
  text-align:right;
}
.world-clock-panel .world-card .list-meta{
  margin-top:5px !important;
  font-size:10.5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.world-clock-panel .world-actions{
  top:8px;
  right:8px;
  gap:3px;
}
.world-clock-panel .world-actions button{
  width:26px;
  height:26px;
  border-radius:8px;
}
@media (min-width:1500px){
  .world-clock-panel .world-grid{grid-template-columns:repeat(7,minmax(0,1fr));}
}
@media (min-width:1200px) and (max-width:1499px){
  .world-clock-panel .world-grid{grid-template-columns:repeat(6,minmax(0,1fr));}
}
@media (min-width:900px) and (max-width:1199px){
  .world-clock-panel .world-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:640px){
  .world-clock-panel .world-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .world-clock-panel .world-card{padding:11px 10px;}
  .world-clock-panel .world-time{font-size:clamp(23px,7.2vw,30px);}
  .world-clock-panel .world-actions{opacity:1;}
}
@media (max-width:390px){
  .world-clock-panel .world-grid{grid-template-columns:1fr;}
}

/* 내 사이트에 시계 삽입 - 크기 선택 UI */
.world-embed-panel .embed-inline-size-note{
  margin-top:2px;
  color:var(--muted,#667085);
  font-size:11.5px;
  line-height:1.45;
}
.world-embed-panel .embed-inline-check{
  display:flex;
  gap:8px;
  align-items:center;
  min-height:46px;
  color:var(--text,#111827);
  font-weight:700;
}
.world-embed-panel .embed-inline-check input{
  width:18px;
  height:18px;
  min-height:auto;
  padding:0;
}
.world-embed-panel .embed-inline-custom{
  display:grid;
  grid-template-columns:minmax(0,220px) auto minmax(0,220px);
  gap:12px;
  align-items:end;
  justify-content:start;
  padding:14px;
  border:1px dashed var(--line,#d9dee8);
  border-radius:14px;
  background:var(--panel-soft,#f6f8fb);
}
.world-embed-panel .embed-inline-custom[hidden]{display:none!important;}
.world-embed-panel .embed-inline-number{
  display:flex;
  align-items:center;
  min-width:0;
  border:1px solid var(--line,#d9dee8);
  border-radius:12px;
  background:var(--panel,#fff);
  overflow:hidden;
}
.world-embed-panel .embed-inline-number input{
  border:0;
  border-radius:0;
  min-width:0;
  box-shadow:none;
}
.world-embed-panel .embed-inline-number span{
  padding-right:12px;
  color:var(--muted,#667085);
  font-size:12px;
  font-weight:700;
}
.world-embed-panel .embed-inline-times{
  padding-bottom:13px;
  color:var(--muted,#667085);
  font-size:18px;
}
.world-embed-panel .embed-inline-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
}
@media (max-width:900px){
  .world-embed-panel .embed-inline-custom{grid-template-columns:1fr auto 1fr;}
}
@media (max-width:640px){
  .world-embed-panel .embed-inline-custom{grid-template-columns:1fr;}
  .world-embed-panel .embed-inline-times{display:none;}
  .world-embed-panel .embed-inline-actions .btn{width:100%;}
}


/* 임베드 표시 옵션: 초 / 오전·오후를 한 영역에서 간단히 선택 */
.world-embed-panel .embed-inline-options{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 16px;
  min-height:46px;
}
.world-embed-panel .embed-inline-options .embed-inline-check{
  min-height:28px;
  font-size:13px;
  white-space:nowrap;
}
@media (max-width:640px){
  .world-embed-panel .embed-inline-options{align-items:flex-start;gap:6px 14px;}
}