/* AETHER 共通スキン（2026-10-13）
   目的: LP・業種ページ・カタログ・ガイド・購入後ページを「紙と墨」の静かな見た目に揃える。
   グラデーション文字・丸いピル・ぼかし影・Space Grotesk を、墨一色＋朱の差し色・角2px・影なし・明朝の見出しに置き換える。
   各ページの生成スクリプトを1本ずつ直さずに済むよう、mt_snippet.inject が全ページに <link> で入れる。 */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Shippori+Mincho:wght@600;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root{
  --bg:#fbfaf7;--panel:#f4f2ec;--card:#ffffff;--line:#e4e2dc;
  --ink:#141414;--mut:#5f5e59;--dim:#8a8985;
  --p1:#b5452c;--p2:#b5452c;--g1:#b5452c;--g2:#b5452c;--g3:#b5452c;--acc:#b5452c;
  --shadow:none;--en:'Instrument Serif',Georgia,serif;
}
body{background:var(--bg);color:var(--ink)}

/* 影とぼかしは全部やめる（テンプレのプレビューは別文書なので影響しない） */
*,*::before,*::after{box-shadow:none!important;text-shadow:none!important}

/* 角丸: ピル（999px）を 2px に。アイコンの丸だけは残す */
a[class],button,.badge,.pill,.tag,.chip,.lbl,.q,.nav,.nav a,.nav .cta,.b1,.b2,.freebadge,.fsave,.bx__go,.bx__autobtn,.bx__sheet,
.dlg__tabs .copy,.dlg__qa span,[class*="btn"],[class*="cta"],[class*="badge"],[class*="pill"]{border-radius:2px!important}
.hero__panel,.pbox,.card,.fbox,[class*="panel"],[class*="box"],section>div[class]{border-radius:0!important}

/* ナビ: 浮いたピルをやめ、紙の帯に */
.nav{background:rgba(251,250,247,.96)!important;backdrop-filter:none!important;border:0!important;border-bottom:1px solid var(--line)!important;
  inset:0 0 auto!important;width:100%!important;max-width:none!important;padding:10px clamp(16px,4vw,40px)!important}
.nav b{font-family:'Instrument Serif',Georgia,serif!important;font-style:italic;font-size:21px!important;font-weight:400!important;letter-spacing:0!important}
.mark{background:#141414!important;border-radius:0!important;width:10px!important;height:10px!important}
.nav a{color:var(--mut)!important;white-space:nowrap}
.nav a:hover{background:transparent!important;color:var(--ink)!important}
.nav .cta,.nav .buy{background:#141414!important;color:#fff!important;font-weight:500!important}
.nav .cta:hover,.nav .buy:hover{background:var(--acc)!important;filter:none!important}

/* 見出し: 明朝。グラデーション文字は墨一色に */
h1,h2,.mo__h1{font-family:'Shippori Mincho',serif!important;font-weight:800!important;letter-spacing:.02em!important}
.giant{font-family:'Instrument Serif',Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important;font-size:clamp(56px,11vw,180px)!important}
h1 .l1{letter-spacing:.01em!important}
h1 .l1 .gr,.mo__h1 em,.giant span:last-child,.fbox h3 em,.glow,[class*="grad"]{
  background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important}
.giant span:last-child{color:var(--acc)!important;-webkit-text-fill-color:var(--acc)!important}
h3{font-weight:700}
.stats b,.num,[class*="count"]{font-family:'Instrument Serif',Georgia,serif!important;font-style:italic;font-weight:400!important}

/* ヒーローの板: 紙のまま。ノイズ・光は消す */
.hero__panel{background:var(--bg)!important;border:0!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;
  padding-left:clamp(16px,4vw,40px)!important;padding-right:clamp(16px,4vw,40px)!important}
.hero__panel::after,.hero::before,.mo::before,.mo::after{display:none!important}
.mo{background:var(--bg)!important}

/* お知らせの帯（バッジ）: 色付きのピルをやめ、細い字の1行に */
.badge{background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;color:var(--mut)!important;
  font-weight:500!important;letter-spacing:.12em!important;font-size:11.5px!important;padding:0 0 8px!important}
.freebadge{background:transparent!important;border:0!important;color:var(--mut)!important;padding:0!important}

/* ボタン: 黒塗り／1px線。矢印の丸はやめる */
.b1,.pbox .b1,.buy{background:#141414!important;color:#fff!important;font-weight:500!important;transform:none!important}
.b1:hover,.pbox .b1:hover{background:var(--acc)!important;transform:none!important}
.b1::after{background:transparent!important;width:auto!important;height:auto!important;color:inherit!important}
.b2{background:transparent!important;border:1px solid var(--ink)!important;font-weight:500!important}
.b2:hover{border-color:var(--acc)!important;color:var(--acc)!important}

/* 選択中の表示（質問・トーン切替）は墨で */
.qz__opts button[aria-pressed="true"],.tones button[aria-pressed="true"],.addb.in,.favb.in{background:#141414!important;color:#fff!important}

/* 英字の飾りラベルは細く小さく */
.tagline,.shlbl,.stats span,.eyebrow,.kicker{font-family:'Zen Kaku Gothic New',sans-serif!important;letter-spacing:.18em!important;font-weight:500!important}

/* カタログ（demo/index.html）: 暗い舞台・背景動画をやめて紙に */
.hero video{display:none!important}
.hero__panel::before{display:none!important}
.hero h1,.hero h1 .glow,.hero p,.hero p b{color:var(--ink)!important}
.hero p{color:var(--mut)!important}
.pill{background:transparent!important;border:1px solid var(--line)!important;color:var(--mut)!important}
.pill[aria-pressed="true"],.pill.on,.pill.is-on{background:#141414!important;color:#fff!important;border-color:#141414!important}

/* 活用例など、--fg を文字色に使うページ（紙の上で白文字になって読めなかった） */
:root{--fg:#141414;--bg2:#ffffff;--text:#141414}
.steps b,.card b,.box b{color:var(--ink)!important}
.btn.g{color:var(--ink)!important;border:1px solid var(--ink)!important;background:transparent!important}
.btn.p{background:#141414!important;color:#fff!important}