/* Orionids regional showcase and locally differentiated observation content v1.4.
   Copied showcase treatment from the Orionids index; rest scoped to new uy-ori classes. */

/* オリオン座流星群・体験ツールショーケース（このセクションだけに適用） */
#uy-orion-tools-2026,
#uy-orion-tools-2026 * { box-sizing: border-box; }
#uy-orion-tools-2026 {
  margin: 24px auto 28px;
  padding: 20px;
  border: 1px solid #284363;
  border-radius: 19px;
  background:
    radial-gradient(ellipse at 95% 0%, rgba(24, 114, 195, .24), transparent 43%),
    radial-gradient(ellipse at 0% 100%, rgba(14, 139, 136, .15), transparent 48%),
    #081526;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .14);
  color: #f1f7ff;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  line-height: 1.6;
  max-width: 1120px;
}
#uy-orion-tools-2026 .uy-ot-kicker {
  margin: 0 0 3px !important;
  color: #71d9ec;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .065em;
}
#uy-orion-tools-2026 h2#uy-ot-heading {
  margin: 0 0 4px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  color: #fff !important;
  font-size: clamp(18px, 2.1vw, 23px) !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  letter-spacing: 0;
}
#uy-orion-tools-2026 .uy-ot-lead {
  margin: 0 0 15px !important;
  color: #bed0e7;
  font-size: 13px;
  line-height: 1.55;
}
#uy-orion-tools-2026 .uy-ot-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
#uy-orion-tools-2026 a.uy-ot-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #314c69 !important;
  border-radius: 13px;
  background: #13243b;
  color: #f3f8ff !important;
  text-decoration: none !important;
  box-shadow: none;
  transition: transform .15s ease, border-color .15s ease, background .15s ease;
}
#uy-orion-tools-2026 a.uy-ot-card:hover {
  transform: translateY(-3px);
  border-color: #6ee0ef !important;
  background: #1a304b;
}
#uy-orion-tools-2026 a.uy-ot-card:focus-visible {
  outline: 3px solid #82eff7;
  outline-offset: 3px;
}
#uy-orion-tools-2026 .uy-ot-img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  background: #06101f;
}
#uy-orion-tools-2026 .uy-ot-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 5px;
  padding: 11px 12px 10px;
}
#uy-orion-tools-2026 .uy-ot-name {
  display: block;
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.45;
}
#uy-orion-tools-2026 .uy-ot-desc {
  display: block;
  flex: 1;
  color: #c4d2e4;
  font-size: 11.5px;
  font-weight: 500;
  line-height: 1.6;
}
#uy-orion-tools-2026 .uy-ot-action {
  display: block;
  margin-top: 5px;
  color: #83ebf2;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.4;
}
#uy-orion-tools-2026 .uy-ot-swipe { display: none; }
@media (max-width: 940px) {
  #uy-orion-tools-2026 { margin: 20px auto 24px; padding: 15px 12px 12px; border-radius: 16px; }
  #uy-orion-tools-2026 h2#uy-ot-heading { font-size: 19px !important; }
  #uy-orion-tools-2026 .uy-ot-lead { font-size: 12px; margin-bottom: 12px !important; }
  #uy-orion-tools-2026 .uy-ot-grid {
    grid-template-columns: none;
    grid-auto-flow: column;
    grid-auto-columns: minmax(210px, 70%);
    gap: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 2px 2px 9px;
    scroll-snap-type: x mandatory;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    scrollbar-color: #698ca8 transparent;
  }
  #uy-orion-tools-2026 .uy-ot-card { scroll-snap-align: start; }
  #uy-orion-tools-2026 .uy-ot-name { font-size: 14px; }
  #uy-orion-tools-2026 .uy-ot-desc { font-size: 12px; }
  #uy-orion-tools-2026 .uy-ot-swipe {
    display: block;
    margin: 5px 0 0 !important;
    color: #bfd2e6;
    text-align: center;
    font-size: 11px;
    line-height: 1.45;
  }
}
@media (prefers-reduced-motion: reduce) {
  #uy-orion-tools-2026 a.uy-ot-card { transition: none; }
}
/* Main page globally adds decorative bars to h2; do not show those in showcase. */
#uy-orion-tools-2026 h2#uy-ot-heading::before { content: none !important; display: none !important; }

/* Region page h2 decoration must not intrude into the image showcase. */
#uy-orion-tools-2026 h2#uy-ot-heading::before { content:none!important;display:none!important }
#uy-orion-tools-2026 {margin-top:22px}
.uy-rv-v1 #uy-orion-tools-2026 .uy-ot-card {color:#f5f9ff}
.uy-rv-v1 #uy-orion-tools-2026 .uy-ot-img {object-fit:cover}
.uy-ori-local-plan{margin:30px 0 18px;padding:clamp(20px,3vw,30px);border-radius:24px;border:1px solid rgba(89,230,255,.23);background:radial-gradient(circle at 75% 0%,rgba(87,119,250,.14),transparent 55%),linear-gradient(145deg,rgba(10,25,49,.96),rgba(4,10,26,.96));box-shadow:0 20px 55px rgba(0,0,0,.23);scroll-margin-top:90px}
.uy-ori-local-plan .uy-ori-eyebrow,.uy-ori-notseeing .uy-ori-eyebrow{margin:0;color:#75e9f7;font-size:.74rem;line-height:1.5;letter-spacing:.08em;font-weight:900}
.uy-ori-local-plan h2,.uy-ori-notseeing h2{margin:5px 0 12px;font-size:clamp(1.2rem,3.5vw,1.65rem);line-height:1.5}
.uy-ori-local-plan h2::before,.uy-ori-notseeing h2::before{content:none!important;display:none!important}
.uy-ori-local-plan>p{margin:0;color:#d5e5f7;font-size:.9rem;line-height:1.9}
.uy-ori-timecards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 16px}
.uy-ori-timecard{position:relative;min-width:0;overflow:hidden;padding:18px 15px 16px;border-radius:18px;border:1px solid rgba(151,190,255,.22);background:linear-gradient(175deg,rgba(27,43,77,.9),rgba(8,16,36,.9))}
.uy-ori-timecard::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#68d6fa,#a78bfa)}
.uy-ori-timecard:nth-child(2)::before{background:linear-gradient(90deg,#ffe29c,#ff9f5a)}
.uy-ori-timecard:nth-child(3)::before{background:linear-gradient(90deg,#a78bfa,#bcd1fa)}
.uy-ori-timecard .uy-ori-time-label{display:block;color:#bed4e9;font-size:.78rem;letter-spacing:.02em;font-weight:900}
.uy-ori-timecard strong{display:block;margin:8px 0 7px;color:#fff;font-size:clamp(1.24rem,2.9vw,1.75rem);line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.uy-ori-timecard:nth-child(2) strong{color:#ffe19a}
.uy-ori-timecard small{display:block;color:#b6cadf;font-size:.76rem;line-height:1.7;font-weight:700}
.uy-ori-time-note{margin:4px 0 0!important;padding:12px 14px;border-radius:12px;background:rgba(4,12,28,.65);color:#bcd6e9!important;font-size:.77rem!important;line-height:1.85!important}
.uy-ori-value-guide{margin:24px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.uy-ori-value-guide>div{padding:16px;border:1px solid rgba(151,190,255,.20);border-radius:15px;background:rgba(8,19,40,.73);min-width:0}
.uy-ori-value-guide b{display:block;color:#ffe19a;font-size:1rem}
.uy-ori-value-guide span{display:block;margin-top:6px;color:#d6e4f5;font-size:.8rem;line-height:1.75}
.uy-ori-notseeing{margin:38px 0 20px;padding:clamp(18px,3vw,28px);border:1px solid rgba(255,211,122,.23);border-radius:24px;background:radial-gradient(circle at 87% 20%,rgba(245,158,81,.09),transparent 45%),rgba(12,17,36,.88);scroll-margin-top:90px}
.uy-ori-notseeing .uy-ori-eyebrow{color:#ffd37a}
.uy-ori-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0}
.uy-ori-check{min-width:0;padding:15px;border-radius:16px;border:1px solid rgba(151,190,255,.2);background:rgba(5,11,29,.66)}
.uy-ori-check strong{color:#fff;display:block;font-size:.9rem;line-height:1.5}
.uy-ori-check strong em{font-style:normal;color:#ffd37a;margin-right:6px}
.uy-ori-check p{margin-top:8px;font-size:.78rem;line-height:1.8;color:#d4dff0}
.uy-ori-notseeing>a,.uy-ori-region-rail a{color:#a9efff;font-weight:800}
.uy-ori-notseeing .uy-ori-checkfoot{margin-top:12px;color:#c0d6eb;font-size:.83rem;line-height:1.9}
.uy-ori-region-rail{margin:38px 0;padding:24px 20px;border-radius:22px;border:1px solid rgba(151,190,255,.22);background:linear-gradient(130deg,rgba(17,22,51,.9),rgba(3,9,26,.9));scroll-margin-top:90px}
.uy-ori-region-rail h2{margin:0 0 8px;font-size:1.25rem}
.uy-ori-region-rail h2::before{content:none!important;display:none!important}
.uy-ori-region-rail p{font-size:.82rem;color:#c5d5ea;line-height:1.8}
.uy-ori-region-list{margin-top:13px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.uy-ori-region-list a{display:flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(151,190,255,.22);border-radius:11px;background:rgba(16,36,66,.72);color:#d7eaff!important;font-size:.8rem;text-align:center;text-decoration:none!important}
.uy-ori-region-list a:hover,.uy-ori-region-list a[aria-current=page]{background:#244063;color:#fff!important;border-color:#74e0f4}
.uy-ori-region-list .uy-ori-all{color:#ffd37a!important;border-color:rgba(255,211,122,.36)}
.uy-ori-number{color:#ffe19a;font-weight:900}
.uy-ori-city-warning{margin-top:8px!important;color:#bdd1e9;font-size:.79rem!important}
@media(max-width:720px){
 .uy-ori-timecards{grid-template-columns:1fr;gap:9px}
 .uy-ori-timecard{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:5px;align-items:center;padding:13px 14px}
 .uy-ori-timecard .uy-ori-time-label{grid-row:1;grid-column:1;line-height:1.5;font-size:.78rem}
 .uy-ori-timecard strong{grid-column:2;grid-row:1/3;white-space:nowrap;align-self:center;font-size:1.35rem;margin:0}
 .uy-ori-timecard small{grid-column:1;grid-row:2;font-size:.72rem;line-height:1.5}
 .uy-ori-checks{grid-template-columns:1fr}
 .uy-ori-check{padding:12px 14px}
 .uy-ori-value-guide{grid-template-columns:1fr}
 .uy-ori-region-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:400px){.uy-ori-timecard strong{font-size:1.2rem}.uy-ori-region-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#uy-orion-tools-2026 *{scroll-behavior:auto!important}}