.scoe-ct-wrap { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; max-width: 1100px; margin: 22px auto; padding: 0 14px; }
.scoe-ct-header { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; padding: 18px 18px; border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.scoe-ct-title { font-size: 34px; font-weight: 800; letter-spacing: .08em; }
.scoe-ct-sub { opacity: .75; margin-top: 2px; }
.scoe-ct-timebox { text-align:right; }
.scoe-ct-time { font-size: 36px; font-weight: 800; line-height: 1; }
.scoe-ct-date { margin-top: 6px; opacity: .8; }
.scoe-ct-next { margin-top: 6px; font-size: 13px; opacity: .9; }

.scoe-ct-grid { display:grid; grid-template-columns: 1.2fr 1fr; gap: 16px; margin-top: 16px; }
.scoe-card { border: 1px solid #e5e7eb; border-radius: 16px; background: #fff; padding: 16px; box-shadow: 0 1px 2px rgba(0,0,0,.05); }
.scoe-card-title { font-weight: 800; margin-bottom: 10px; }
.scoe-tiles { display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.scoe-tile { border: 1px solid #eef2f7; border-radius: 14px; padding: 12px; background:#fafafa; }
.scoe-tile-title { font-size: 12px; opacity: .8; text-transform: uppercase; letter-spacing: .06em; }
.scoe-tile-val { font-size: 14px; font-weight: 800; margin-top: 6px; }
.scoe-tile-sub { font-size: 12px; opacity: .8; margin-top: 4px; }

.scoe-loc .scoe-row { display:flex; gap: 8px; margin-bottom: 8px; }
.scoe-input { flex: 1; padding: 10px 12px; border: 1px solid #e5e7eb; border-radius: 12px; }
.scoe-btn { display:inline-flex; align-items:center; justify-content:center; padding: 10px 12px; border-radius: 12px; border: 1px solid #111827; background: #111827; color: #fff; text-decoration:none; cursor:pointer; font-weight: 700; }
.scoe-btn:hover { opacity: .92; }
.scoe-btn-ghost { background: #fff; color:#111827; border-color:#e5e7eb; }
.scoe-small { font-size: 12px; opacity: .8; margin-top: 8px; }
.scoe-notice { grid-column: 1 / -1; }
.scoe-notice-text { font-size: 14px; line-height: 1.5; padding: 12px; border: 1px dashed #e5e7eb; border-radius: 14px; background: #fcfcfc; }
.scoe-actions { margin-top: 10px; display:flex; gap: 10px; flex-wrap:wrap; }
@media (max-width: 900px) { .scoe-ct-grid { grid-template-columns: 1fr; } .scoe-ct-timebox { text-align:left; } }