body {
  font-family: "Noto Sans JP", sans-serif;
  background: #f5f7fb;
  margin: 0;
  padding: 2rem 1rem;
}
.container {
  max-width: 720px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 10px 30px rgba(0,0,0,0.06);
}
.sv-wrap {
  position: relative;
  padding-top: 56.25%; /* 16:9 */
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 1rem;
}
#sv-frame {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  border: 0;
}
.choices {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .75rem;
  margin: 1rem 0;
}
/* tips */
.tips{ display:grid; gap:1rem; }
@media(min-width:800px){ .tips{ grid-template-columns:1fr 1fr; } }
.tip{ background:#fff; border-radius:12px; padding:1rem; box-shadow:0 6px 24px rgba(0,0,0,.06); }
.tip h3{ margin:.25rem 0 .5rem; }

/* Street Viewの左上ラベルを隠すマスク（埋め込みを使う場合） */
.sv-wrap{ position:relative; padding-top:56.25%; border-radius:12px; overflow:hidden; }
.sv-wrap iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sv-wrap::after{ /* 左上のカードを覆う */
  content:""; position:absolute; top:8px; left:8px; width:220px; height:56px;
  background:rgba(15,23,42,.9); border-radius:8px; pointer-events:none;
}

/* 選択肢の視認性UP（あなたの環境で消えた件の対策） */
.choices button{
  color:#111; background:#fff; border:1px solid #e5e7eb; font-weight:600;
}
.choices button:hover{ background:#f8fafc; }


/* quiz.css 末尾などに追記 */
.choices button{
  color:#0c0101;               /* 文字色を明示 */
  background:#fff;          /* 背景は白 */
  border:1px solid #0d0e11; /* 薄い枠線で可読性UP */
  font: weight 200px;
}
.choices button:hover{ background:#d5d8dc; }


.choices button:hover { background: #dfe3e8; }
.choices button:disabled { opacity: .6; cursor: default; }
.result { font-weight: 1000; margin-top: .5rem; }
.explanation { margin-top: .5rem; color: #0c0909; }
.actions { margin-top: 1rem; text-align: right; }