/* UGOITA PLUS デザインパターン共通ベース
   10パターンが共有する最小限の骨格。各デザイン独自のスタイルは <style> in HTML で上書き */

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;
  line-height: 1.6;
  background: #000;
  color: #e8e8ea;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.wf-page {
  width: 1440px;
  margin: 0 auto;
  background: var(--bg, #0a0a0c);
  position: relative;
  overflow: hidden;
}

img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { font: inherit; cursor: pointer; border: none; background: none; color: inherit; }

/* プレースホルダー基礎（各デザインで装飾を上書き） */
.ph {
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; color: rgba(255,255,255,.4);
  background: rgba(255,255,255,.03);
  border: 1px dashed rgba(255,255,255,.12);
  text-align: center; padding: 8px;
}

/* セクション共通の余白の基準 */
section { padding: 80px 60px; }

/* デザインラベル（左上にデザイン名を表示するチップ） */
.design-chip {
  position: fixed; top: 16px; left: 16px;
  background: rgba(0,0,0,.7); color: #fff;
  border: 1px solid rgba(255,255,255,.2);
  padding: 6px 12px; border-radius: 4px;
  font-size: 11px; letter-spacing: .1em;
  z-index: 9999; backdrop-filter: blur(8px);
  font-family: monospace;
}
.design-chip a { color: rgba(255,255,255,.6); margin-left: 12px; }
.design-chip a:hover { color: #fff; }