/* ── デザイントークン ── */
:root {
  --bg:      #ffffff;
  --surface: #ffffff;
  --border:  #e0e0e0;
  --hover:   #f5f5f5;
  --fg:      #111111;
  --accent:  #111111;
  --hd-bg:   #0d0d0d;
  --hd-fg:   #f0f0f0;
  --link:    #111111;
  --fg-111:#111; --fg-222:#222; --fg-333:#333; --fg-444:#444; --fg-555:#555; --fg-616161:#616161; --fg-666:#666; --fg-777:#777; --fg-888:#888; --fg-999:#999; --ln-ccd:#ccd; --ln-ddd:#ddd; --ln-e0e0e0:#e0e0e0; --ln-eee:#eee;
}
@media (prefers-color-scheme: dark) { :root {
  --bg:#0a0a0a; --surface:#141414; --border:#333333; --hover:#1e1e1e;
  --fg:#efefef; --accent:#ffffff;
  --hd-bg:#050505; --hd-fg:#f0f0f0;
  --link:#ffffff;
  --fg-111:#e3e3e3; --fg-222:#dbdbdb; --fg-333:#d4d4d4; --fg-444:#cccccc; --fg-555:#c4c4c4; --fg-616161:#bfbfbf; --fg-666:#bdbdbd; --fg-777:#b5b5b5; --fg-888:#adadad; --fg-999:#a6a6a6; --ln-ccd:#464646; --ln-ddd:#3a3a3a; --ln-e0e0e0:#373737; --ln-eee:#292929;
}}
:root[data-theme="dark"]  {
  --bg:#0a0a0a; --surface:#141414; --border:#333333; --hover:#1e1e1e;
  --fg:#efefef; --accent:#ffffff;
  --hd-bg:#050505; --hd-fg:#f0f0f0;
  --link:#ffffff;
  --fg-111:#e3e3e3; --fg-222:#dbdbdb; --fg-333:#d4d4d4; --fg-444:#cccccc; --fg-555:#c4c4c4; --fg-616161:#bfbfbf; --fg-666:#bdbdbd; --fg-777:#b5b5b5; --fg-888:#adadad; --fg-999:#a6a6a6; --ln-ccd:#464646; --ln-ddd:#3a3a3a; --ln-e0e0e0:#373737; --ln-eee:#292929;
}
:root[data-theme="light"] {
  --bg:#ffffff; --surface:#ffffff; --border:#e0e0e0; --hover:#f5f5f5;
  --fg:#111111; --accent:#111111;
  --hd-bg:#0d0d0d; --hd-fg:#f0f0f0;
  --link:#111111;
  --fg-111:#111; --fg-222:#222; --fg-333:#333; --fg-444:#444; --fg-555:#555; --fg-616161:#616161; --fg-666:#666; --fg-777:#777; --fg-888:#888; --fg-999:#999; --ln-ccd:#ccd; --ln-ddd:#ddd; --ln-e0e0e0:#e0e0e0; --ln-eee:#eee;
}

/* ── ベース ── */
*{ box-sizing:border-box; margin:0; padding:0 }
body{
  font-family:'Hiragino Sans','Noto Sans JP','Yu Gothic',sans-serif;
  background:var(--bg); color:var(--fg); font-size:14px; line-height:1.8;
}
a{ color:var(--fg); text-decoration:none }
a:hover{ text-decoration:underline }

/* ── ヘッダー（セレクタは必ず .site-header） ── */
.site-header{
  background:var(--hd-bg);
  border-bottom:1px solid #333;
  padding:14px 0;
}
.hd{
  max-width:860px; margin:0 auto; padding:0 20px;
  display:flex; align-items:baseline; gap:14px; flex-wrap:wrap;
}
.hd-title{
  font-size:1.1rem; font-weight:800;
  color:var(--hd-fg); letter-spacing:-.01em; text-decoration:none;
}
.hd-catch{ font-size:.7rem; color:rgba(255,255,255,.5); letter-spacing:.06em }

/* ── グローバルナビ ── */
.nav-bar{
  background:var(--surface);
  border-bottom:1px solid var(--border);
  padding:7px 0;
}
.nav{
  max-width:860px; margin:0 auto; padding:0 20px;
  display:flex; gap:14px; flex-wrap:wrap;
  font-size:.72rem; color:var(--fg);
}
.nav a{ color:var(--fg); transition:color .12s }
.nav a:hover{ text-decoration:underline }
.nav-sep{ color:var(--fg); font-size:.7rem }

/* ── パンくず ── */
.bc-bar{
  background:var(--bg);
  border-bottom:1px solid var(--border);
  padding:5px 0;
}
.bc{
  max-width:860px; margin:0 auto; padding:3px 20px;
  font-size:.7rem; color:var(--fg);
  display:flex; align-items:center; gap:5px; flex-wrap:wrap;
}
.bc a{ color:var(--fg) }
.bc a:hover{ text-decoration:underline }
.bc-sep{ color:var(--fg) }

/* ── 記事コンテナ ── */
.wrap, .art-wrap{
  max-width:860px; margin:0 auto; padding:28px 20px 60px;
}

/* ── 記事ヘッダー ── */
.art-header{
  margin-bottom:28px; padding-bottom:20px;
  border-bottom:1px solid var(--border);
}
.art-cat{
  display:inline-block; padding:2px 8px;
  border:1px solid var(--border); border-radius:2px;
  font-size:.65rem; color:var(--fg); font-weight:700; margin-bottom:10px;
}
.art-title{
  font-size:1.4rem; font-weight:800;
  line-height:1.4; margin-bottom:10px; letter-spacing:-.01em;
}
@media(max-width:600px){ .art-title{ font-size:1.15rem } }
.art-meta{ font-size:.7rem; color:var(--fg) }

/* ── 記事本文 ── */
.art-body,.art-wrap{ line-height:1.85 }
.art-body p,.art-wrap p{ margin-bottom:1.1em }
.art-body h2,.art-wrap h2{
  font-size:1.15rem; font-weight:800; margin:2em 0 .7em;
  padding:.5em .8em;
  background:transparent; border-left:4px solid var(--accent); border-radius:0;
  line-height:1.4;
}
.art-body h3,.art-wrap h3{
  font-size:1rem; font-weight:700; margin:1.6em 0 .5em;
  padding-bottom:.3em; border-bottom:1px solid var(--border);
}
.art-body figure,.art-wrap figure{ margin:20px 0 }
.art-body figure img,.art-wrap figure img{
  width:100%; max-width:800px; height:auto;
  display:block; margin:16px auto; border-radius:4px;
}
.art-body a,.art-wrap a{ color:#1a73e8; text-decoration:underline }
article a{ color:#1a73e8; text-decoration:underline }
@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .art-body a,
  :root:not([data-theme="light"]) .art-wrap a,
  :root:not([data-theme="light"]) article a { color:#7baaf7 }
}
:root[data-theme="dark"] .art-body a,
:root[data-theme="dark"] .art-wrap a,
:root[data-theme="dark"] article a { color:#7baaf7 }
:root[data-theme="light"] .art-body a,
:root[data-theme="light"] .art-wrap a,
:root[data-theme="light"] article a { color:#1a73e8 }
.art-body ul,.art-body ol,.art-wrap ul,.art-wrap ol{ padding-left:1.5em; margin-bottom:1em }
.art-body li,.art-wrap li{ margin-bottom:.4em }
.art-body blockquote,.art-wrap blockquote{
  border-left:3px solid var(--accent); padding:.6em 1em; margin:1em 0;
  color:var(--fg); font-size:.9em; background:transparent;
}
.art-body blockquote cite,.art-wrap blockquote cite{ display:block; font-size:.75rem; margin-top:.4em; color:var(--fg) }
.art-body strong,.art-wrap strong{ font-weight:700 }
.art-body img,.art-wrap img{
  width:100%; max-width:800px; height:auto;
  display:block; margin:16px auto;
}


/* ── CTA ── */
.cta-section{
  border-top:2px solid var(--accent);
  margin:48px 0 32px; padding-top:28px;
}
.cta-lead-head{
  font-size:1.05rem; font-weight:800; margin-bottom:12px; line-height:1.5;
}
.cta-lead{
  font-size:.88rem; line-height:1.85; color:var(--fg); margin-bottom:24px;
}
.cta-main{
  background:var(--surface); border:2px solid var(--accent);
  border-radius:4px; padding:22px 20px; margin-bottom:16px; text-align:center;
}
.cta-badge{
  display:inline-block; background:#fff; color:#111; border:1px solid #111;
  font-size:.65rem; font-weight:700;
  padding:3px 12px; border-radius:2px; margin-bottom:12px; letter-spacing:.07em;
}
.cta-svc{ font-size:.78rem; color:var(--fg); margin-bottom:5px }
.cta-teacher-row{
  display:flex; align-items:center; gap:14px;
  margin-bottom:14px; text-align:left;
}
.cta-teacher-row .cta-teacher-img{
  width:80px; height:80px; border-radius:50%; object-fit:cover;
  flex-shrink:0; border:2px solid var(--accent);
  display:inline-block; margin:0;
}
.cta-tname{ font-size:1.2rem; font-weight:800; margin-bottom:3px }
.cta-tspec{ font-size:.72rem; color:var(--fg); margin-bottom:0 }
.cta-tdesc{ font-size:.84rem; line-height:1.8; text-align:left; margin-bottom:16px }
.cta-bonus{ font-size:.82rem; color:#111; font-weight:700; margin-bottom:16px }
.cta-btn-main,a.cta-btn-main{
  display:block; background:#fff; color:#111; border:2px solid #111;
  padding:15px 20px; border-radius:3px;
  font-size:.95rem; font-weight:800; text-align:center;
  transition:background .13s; text-decoration:none;
}
.cta-btn-main:hover,a.cta-btn-main:hover{ background:#f0f0f0; color:#111; text-decoration:none }
.cta-sub{
  border:1px solid var(--border); border-radius:4px;
  padding:18px 20px; margin-bottom:20px;
}
.cta-sub-svc{ font-size:.72rem; color:var(--fg); margin-bottom:4px }
.cta-sub-teacher-row{
  display:flex; align-items:center; gap:12px; margin-bottom:10px;
}
.cta-sub-teacher-row .cta-sub-teacher-img{
  width:64px; height:64px; border-radius:50%; object-fit:cover;
  flex-shrink:0; border:1px solid var(--border);
  display:inline-block; margin:0;
}
.cta-sub-tname{ font-size:1rem; font-weight:700; margin-bottom:3px }
.cta-sub-tspec{ font-size:.72rem; color:var(--fg); margin-bottom:0 }
.cta-sub-tdesc{ font-size:.82rem; line-height:1.75; margin-bottom:12px }
.cta-sub-bonus{ font-size:.78rem; color:#111; font-weight:700; margin-bottom:12px }
.cta-btn-sub,a.cta-btn-sub{
  display:inline-block; border:2px solid #111; color:#111; background:#fff;
  padding:9px 20px; border-radius:3px;
  font-size:.82rem; font-weight:700; transition:background .13s; text-decoration:none;
}
.cta-btn-sub:hover,a.cta-btn-sub:hover{ background:#f0f0f0; color:#111; text-decoration:none }
.cta-inline,a.cta-inline{
  display:inline-block; border:2px solid #111; color:#111; background:#fff;
  padding:10px 22px; border-radius:3px;
  font-size:.9rem; font-weight:700; transition:background .13s; text-decoration:none;
}
.cta-inline:hover,a.cta-inline:hover{ background:#f0f0f0; color:#111; text-decoration:none }
.cta-note{ font-size:.72rem; color:var(--fg); margin-top:16px; line-height:1.7 }
.cta-ranking{ text-align:center; font-size:.8rem; color:var(--fg); margin-top:8px }
.cta-ranking a{ color:#1a73e8 }

/* ── 実体験ボックス ── */
.exp-box{
  background:var(--hover); border-left:4px solid var(--accent);
  padding:16px; margin:20px 0; border-radius:0 8px 8px 0;
  color:var(--fg); line-height:1.8;
}
.exp-label{ font-weight:bold; margin-bottom:8px }

/* ── オーサーボックス ── */
.author-box{
  border:1px solid var(--border); border-top:3px solid var(--accent);
  background:var(--surface); padding:20px 18px; margin:30px 0 10px;
  font-size:.82rem; line-height:1.75;
}
.author-box-name{ font-weight:700; font-size:.9rem; margin-bottom:2px }
.author-box-name a{ color:var(--fg); text-decoration:none }
.author-box-name a:hover{ text-decoration:underline }
.author-box-role{ color:var(--fg); font-size:.75rem; margin-bottom:10px }
.author-box-bio{ color:var(--fg); margin-bottom:12px }
.author-box-books{ margin-bottom:10px }
.author-box-books a{ color:var(--fg); text-decoration:none; font-size:.78rem }
.author-box-books a:hover{ text-decoration:underline }
.author-box-links{ display:flex; flex-wrap:wrap; gap:4px 14px }
.author-box-links a{ color:var(--fg); text-decoration:none; font-size:.78rem }
.author-box-links a:hover{ text-decoration:underline }

/* ── フッター ── */
footer{
  border-top:1px solid var(--border); padding:22px 0;
  text-align:center; font-size:.7rem; color:var(--fg); line-height:2.1;
}
.ft-inner{ max-width:860px; margin:0 auto; padding:0 20px }
.ft-links{
  display:flex; flex-wrap:wrap; gap:8px 20px;
  font-size:.72rem; margin-bottom:12px; justify-content:center;
}
.ft-links a{ color:var(--fg); transition:color .12s }
.ft-links a:hover{ color:var(--accent); text-decoration:none }
.ft-logo{ font-weight:700; margin-bottom:10px }
.ft-logo a{ color:var(--fg); text-decoration:none }
.ft-logo a:hover{ color:var(--accent) }
.ft-copy{ font-size:.68rem; margin-top:8px }

/* ── レスポンシブ ── */
@media(max-width:600px){
  .cta-teacher-row{ flex-direction:column; align-items:center; text-align:center }
  .cta-sub-teacher-row{ flex-direction:column; align-items:center; text-align:center }
  .cta-tdesc,.cta-sub-tdesc{ text-align:center }
}

/* ── タロットツール ── */
.tarot-app,.t-app{font-family:'Hiragino Sans','Meiryo',sans-serif;background:linear-gradient(160deg,#0a0618 0%,#1a0a2e 50%,#0d1a35 100%);min-height:500px;color:#e8d9ff;position:relative;overflow:hidden;border-radius:8px}
.tarot-app *,.t-app *{box-sizing:border-box;margin:0;padding:0}
.tarot-wrap,.t-wrap{max-width:680px;margin:0 auto;padding:24px 16px 40px;position:relative;z-index:1}
.t-screen{display:none}.t-screen.t-active{display:block}
.t-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}
.t-star{position:absolute;background:#fff;border-radius:50%;animation:tTwinkle var(--d,3s) ease-in-out infinite}
@keyframes tTwinkle{0%,100%{opacity:.15}50%{opacity:.8}}
.t-center{text-align:center}
.t-gold{color:#c9a84c}
.t-dim{color:#a088cc}
.t-sm{font-size:13px}
.t-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-transform:uppercase;margin-bottom:8px}
.t-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);margin:20px 0}
.t-btn{display:inline-block;font-family:inherit;cursor:pointer;border:none;border-radius:4px;transition:all .3s;text-decoration:none;letter-spacing:1px}
.t-btn-primary{background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:16px;font-weight:bold;padding:14px 36px;box-shadow:0 4px 20px rgba(201,168,76,.3)}
.t-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.t-btn-ghost{background:transparent;color:#c9a84c;font-size:13px;padding:10px 24px;border:1px solid #c9a84c}
.t-btn-ghost:hover{background:rgba(201,168,76,.1)}
.t-btn-reset{background:transparent;color:#a088cc;font-size:13px;padding:10px 24px;border:1px solid rgba(255,255,255,.15)}
.t-btn-reset:hover{border-color:#c9a84c;color:#c9a84c}
.t-welcome-icon{font-size:64px;margin:24px 0 16px;text-align:center}
.t-welcome-title{font-size:26px;font-weight:bold;color:#fff;text-align:center;line-height:1.4;margin-bottom:8px;text-shadow:0 0 20px rgba(201,168,76,.4)}
.t-welcome-title em{color:#e8d08a;font-style:normal}
.t-welcome-desc{font-size:14px;color:#a088cc;line-height:1.9;text-align:center;margin:16px 0 24px}
.t-features{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px 20px;margin-bottom:24px}
.t-feature{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;line-height:1.6;color:#e8d9ff}
.t-feature-dot{color:#c9a84c;flex-shrink:0;margin-top:2px}
.t-theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}
@media(max-width:480px){.t-theme-grid{grid-template-columns:1fr}}
.t-theme-card{background:rgba(255,255,255,.04);border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:16px;cursor:pointer;transition:all .3s;text-align:center}
.t-theme-card:hover{border-color:#c9a84c;background:rgba(201,168,76,.08);transform:translateY(-2px)}
.t-theme-icon{font-size:28px;margin-bottom:8px}
.t-theme-text{font-size:14px;color:#e8d9ff;line-height:1.5}
.t-shuffle-wrap{text-align:center;padding:20px 0}
.t-shuffle-anim{position:relative;height:160px;margin:20px auto;max-width:280px}
.t-shuffle-card{position:absolute;width:72px;height:116px;border-radius:8px;background:linear-gradient(160deg,#1e0f3a,#2d1b4e);border:2px solid rgba(201,168,76,.35);top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;color:rgba(201,168,76,.25);font-size:22px}
.t-shuffle-card:nth-child(1){animation:tSh 2s ease-in-out infinite 0s}
.t-shuffle-card:nth-child(2){animation:tSh 2s ease-in-out infinite .2s}
.t-shuffle-card:nth-child(3){animation:tSh 2s ease-in-out infinite .4s}
.t-shuffle-card:nth-child(4){animation:tSh 2s ease-in-out infinite .6s}
.t-shuffle-card:nth-child(5){animation:tSh 2s ease-in-out infinite .8s}
@keyframes tSh{0%{transform:translate(-50%,-50%) rotate(0deg)}25%{transform:translate(calc(-50% + 28px),calc(-50% - 16px)) rotate(12deg)}50%{transform:translate(-50%,-50%) rotate(0deg)}75%{transform:translate(calc(-50% - 24px),calc(-50% + 10px)) rotate(-8deg)}100%{transform:translate(-50%,-50%) rotate(0deg)}}
.t-shuffle-msg{font-size:14px;color:#a088cc;line-height:1.9;margin:12px 0 20px}
.t-cards-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin:16px auto}
@media(max-width:540px){.t-cards-grid{grid-template-columns:repeat(4,1fr)}}
.t-card-back{aspect-ratio:.65;border-radius:8px;background:linear-gradient(160deg,#1e0f3a,#2d1b4e);border:2px solid rgba(201,168,76,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(201,168,76,.2);font-size:18px;transition:all .3s;position:relative}
.t-card-back::before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(201,168,76,.15);border-radius:4px}
.t-card-back:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(201,168,76,.25);border-color:#c9a84c}
.t-card-back.t-selected{animation:tPick .4s ease forwards}
@keyframes tPick{0%{transform:translateY(-4px)}50%{transform:translateY(-16px);opacity:.5}100%{transform:translateY(0);opacity:0}}
.t-result-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-align:center;margin-bottom:6px}
.t-result-theme{font-size:13px;color:#a088cc;text-align:center;margin-bottom:20px}
.t-flip-wrap{width:180px;height:290px;perspective:1000px;margin:0 auto 24px}
.t-flip-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;animation:tFlip .9s ease .3s forwards;transform:rotateY(180deg)}
@keyframes tFlip{0%{transform:rotateY(180deg)}100%{transform:rotateY(0deg)}}
.t-card-face,.t-card-back-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:10px;border:2px solid rgba(201,168,76,.5)}
.t-card-back-face{background:linear-gradient(160deg,#1e0f3a,#2d1b4e);transform:rotateY(180deg);display:flex;align-items:center;justify-content:center;font-size:32px;color:rgba(201,168,76,.2)}
.t-card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px;position:relative}
.t-card-face::before{content:'';position:absolute;top:7px;left:7px;right:7px;bottom:7px;border:1px solid rgba(255,255,255,.15);border-radius:5px;pointer-events:none}
.t-card-numeral{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:2px;margin-bottom:6px}
.t-card-symbol{font-size:48px;line-height:1;margin:4px 0}
.t-card-name{font-size:15px;font-weight:bold;color:#fff;margin-top:8px;text-shadow:0 0 10px rgba(255,255,255,.4)}
.t-card-name-en{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:1px;margin-top:3px}
.t-reversed-badge{background:rgba(107,63,160,.5);color:#d0aaff;font-size:11px;padding:2px 8px;border-radius:12px;margin-top:6px;letter-spacing:1px}
.t-result-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:18px 20px;margin-bottom:14px}
.t-result-box-title{font-size:11px;letter-spacing:2px;color:#c9a84c;margin-bottom:10px}
.t-result-text{font-size:15px;line-height:1.95;color:#e8d9ff}
.t-advice-box{background:linear-gradient(135deg,rgba(107,63,160,.15),rgba(201,168,76,.08));border:1px solid rgba(107,63,160,.35);border-radius:8px;padding:16px 20px;margin-bottom:20px}
.t-advice-title{font-size:11px;letter-spacing:2px;color:#b090e0;margin-bottom:8px}
.t-advice-text{font-size:14px;line-height:1.85;color:#e8d9ff}
.t-cta-box{background:linear-gradient(135deg,rgba(201,168,76,.12),rgba(107,63,160,.12));border:2px solid rgba(201,168,76,.35);border-radius:10px;padding:22px 20px;text-align:center;margin:20px 0}
.t-cta-title{font-size:16px;font-weight:bold;color:#fff;margin-bottom:8px}
.t-cta-desc{font-size:13px;color:#a088cc;line-height:1.8;margin-bottom:16px}
.t-cta-hl{color:#e8d08a;font-weight:bold}
.t-cta-btn{display:block;width:100%;background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-family:inherit;font-size:15px;font-weight:bold;padding:16px 20px;border:none;border-radius:6px;cursor:pointer;letter-spacing:1px;text-decoration:none;transition:all .3s;box-shadow:0 4px 20px rgba(201,168,76,.3);margin-bottom:8px}
.t-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.t-cta-note{font-size:11px;color:#706090}
.t-card-name-badge{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}
.t-card-name-label{font-size:18px;font-weight:bold;color:#fff;text-shadow:0 0 10px rgba(201,168,76,.3)}
.t-card-name-label-en{font-size:13px;color:rgba(255,255,255,.5);font-weight:normal;letter-spacing:1px}
.t-position-badge{font-size:12px;padding:3px 12px;border-radius:12px;letter-spacing:2px;font-weight:bold}
.t-position-badge.t-upright{background:rgba(201,168,76,.2);color:#e8d08a;border:1px solid rgba(201,168,76,.4)}
.t-position-badge.t-reversed{background:rgba(107,63,160,.3);color:#d0aaff;border:1px solid rgba(107,63,160,.5)}

/* ── 結婚占いツール ── */
/* ─────────────────────────────────────────
   結婚占いツール（kekkon-uranai）専用CSS
   デザイン: タロットツールと統一した夜空テーマ
───────────────────────────────────────── */
#eclumo-kekkon{font-family:'Hiragino Sans','Meiryo',sans-serif;background:linear-gradient(160deg,#0a0618 0%,#1a0a2e 50%,#0d1a35 100%);min-height:500px;color:#e8d9ff;position:relative;overflow:hidden;border-radius:8px}
#eclumo-kekkon *{box-sizing:border-box;margin:0;padding:0}

/* 星アニメーション */
.kkn-stars{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}

/* メインラッパー */
.kkn-wrap{max-width:680px;margin:0 auto;padding:24px 16px 40px;position:relative;z-index:1}

/* 画面切替 */
.kkn-s{display:none}.kkn-s.kkn-on{display:block}

/* ユーティリティ */
.kkn-c{text-align:center}
.kkn-label{font-size:11px;letter-spacing:3px;color:#c9a84c;text-transform:uppercase;margin-bottom:8px}
.kkn-title{font-size:24px;font-weight:bold;color:#fff;line-height:1.4;margin-bottom:8px;text-align:center;text-shadow:0 0 20px rgba(201,168,76,.4)}
.kkn-title em{color:#e8d08a;font-style:normal}
.kkn-sub{font-size:14px;color:#a088cc;line-height:1.9;text-align:center;margin:12px 0 20px}
.kkn-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.3),transparent);margin:20px 0}

/* 特徴リスト */
.kkn-features{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px 20px;margin-bottom:24px}
.kkn-feat{display:flex;align-items:flex-start;gap:10px;padding:6px 0;font-size:13px;line-height:1.6;color:#e8d9ff}
.kkn-feat-dot{color:#c9a84c;flex-shrink:0;margin-top:2px}

/* ボタン */
.kkn-btn{display:inline-block;font-family:inherit;cursor:pointer;border:none;border-radius:4px;transition:all .3s;letter-spacing:1px;width:100%;text-align:center;padding:14px}
.kkn-btn-main{background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:16px;font-weight:bold;box-shadow:0 4px 20px rgba(201,168,76,.3)}
.kkn-btn-main:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(201,168,76,.5)}
.kkn-btn-ghost{background:transparent;color:#c9a84c;font-size:14px;border:1px solid #c9a84c;width:auto;padding:10px 28px}
.kkn-btn-ghost:hover{background:rgba(201,168,76,.1)}
.kkn-btn-reset{background:transparent;color:#a088cc;font-size:13px;border:1px solid rgba(255,255,255,.15);width:auto;padding:10px 24px}
.kkn-btn-reset:hover{border-color:#c9a84c;color:#c9a84c}

/* フォーム */
.kkn-form-section{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.15);border-radius:8px;padding:16px;margin-bottom:16px}
.kkn-section-title{font-size:13px;font-weight:bold;color:#c9a84c;margin-bottom:12px}
.kkn-row{display:flex;gap:10px;align-items:flex-start}
.kkn-field{flex:1;display:flex;flex-direction:column;gap:4px}
.kkn-field label{font-size:11px;color:#a088cc;letter-spacing:.05em}
.kkn-select{background:rgba(255,255,255,.05);border:1px solid rgba(201,168,76,.3);border-radius:4px;color:#e8d9ff;padding:8px 10px;font-size:14px;font-family:inherit;width:100%;appearance:none;-webkit-appearance:none}
.kkn-select:focus{outline:none;border-color:#c9a84c}
.kkn-error{display:none;color:#e87878;font-size:12px;margin-top:6px}
.kkn-error.kkn-on{display:block}
.kkn-checkbox-wrap{display:flex;align-items:center;gap:8px;font-size:13px;color:#a088cc;cursor:pointer;margin-bottom:8px}
.kkn-checkbox-wrap input{accent-color:#c9a84c;width:16px;height:16px;cursor:pointer}

/* ローディング */
.kkn-loading{text-align:center;padding:40px 0}
.kkn-orbs{display:flex;justify-content:center;gap:10px;margin:20px 0}
.kkn-orb{width:12px;height:12px;background:#c9a84c;border-radius:50%;animation:kknOrb 1.4s ease-in-out infinite}
.kkn-orb:nth-child(1){animation-delay:0s}
.kkn-orb:nth-child(2){animation-delay:.2s}
.kkn-orb:nth-child(3){animation-delay:.4s}
.kkn-orb:nth-child(4){animation-delay:.6s}
.kkn-orb:nth-child(5){animation-delay:.8s}
@keyframes kknOrb{0%,80%,100%{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}
.kkn-loading-num{font-size:40px;font-weight:bold;color:#c9a84c;margin:10px 0;text-shadow:0 0 20px rgba(201,168,76,.5)}
.kkn-loading-txt{font-size:13px;color:#a088cc;line-height:1.8}

/* スコア */
.kkn-score-wrap{text-align:center;padding:24px 0 16px}
.kkn-score-num{font-size:72px;font-weight:900;color:#c9a84c;text-shadow:0 0 30px rgba(201,168,76,.5);line-height:1}
.kkn-score-pct{font-size:32px;font-weight:bold;color:#c9a84c}
.kkn-score-title{font-size:18px;font-weight:bold;color:#fff;margin-top:8px}
.kkn-meter-wrap{height:10px;background:rgba(255,255,255,.08);border-radius:5px;overflow:hidden;margin:12px 0 4px}
.kkn-meter-fill{height:100%;background:linear-gradient(90deg,#8b5e20,#c9a84c);border-radius:5px;transition:width 1.2s ease;width:0}
.kkn-meter-labels{display:flex;justify-content:space-between;font-size:10px;color:#a088cc;margin-bottom:16px}

/* 数秘カード行 */
.kkn-cards-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:16px 0}

/* 相性・年運ボックス（JSで内容生成） */
.kkn-py-box,.kkn-fav-box{background:rgba(255,255,255,.03);border:1px solid rgba(201,168,76,.2);border-radius:8px;padding:16px;margin-bottom:14px;font-size:13px;line-height:1.8;color:#e8d9ff}

/* メッセージ */
.kkn-msg-box{background:rgba(201,168,76,.05);border:1px solid rgba(201,168,76,.25);border-radius:8px;padding:18px;margin-bottom:20px}
.kkn-msg-title{font-size:12px;font-weight:bold;color:#c9a84c;letter-spacing:2px;margin-bottom:10px}
.kkn-msg-text{font-size:14px;line-height:1.9;color:#e8d9ff}

/* CTA */
.kkn-cta-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:20px;text-align:center;margin-top:20px}
.kkn-cta-title{font-size:15px;font-weight:bold;color:#fff;margin-bottom:10px}
.kkn-cta-desc{font-size:13px;color:#a088cc;line-height:1.8;margin-bottom:16px}
.kkn-cta-hl{color:#c9a84c;font-weight:bold}
.kkn-cta-btn1{display:block;background:linear-gradient(135deg,#c9a84c,#8b5e20);color:#fff;font-size:14px;font-weight:bold;padding:14px;border-radius:4px;text-decoration:none;margin-bottom:10px;transition:opacity .2s}
.kkn-cta-btn1:hover{opacity:.85;text-decoration:none;color:#fff}
.kkn-cta-btn2{display:block;background:transparent;color:#c9a84c;font-size:13px;padding:10px;border:1px solid #c9a84c;border-radius:4px;text-decoration:none;transition:all .2s}
.kkn-cta-btn2:hover{background:rgba(201,168,76,.1);text-decoration:none}
.kkn-cta-note{font-size:11px;color:#a088cc;margin-top:8px}

@media(max-width:480px){
  .kkn-title{font-size:20px}
  .kkn-score-num{font-size:56px}
  .kkn-btn-main{font-size:14px}
}
/* ── イエスノー答えバッジ ── */
.t-answer-badge{text-align:center;margin:12px 0 20px}
.t-answer-badge-inner{display:inline-block;padding:10px 28px;border-radius:6px;font-size:20px;font-weight:bold;letter-spacing:2px}
.t-answer-yes .t-answer-badge-inner{background:rgba(201,168,76,.2);border:2px solid #c9a84c;color:#e8d08a}
.t-answer-yeslean .t-answer-badge-inner{background:rgba(201,168,76,.1);border:1px solid #c9a84c;color:#c9a84c;font-size:16px}
.t-answer-no .t-answer-badge-inner{background:rgba(160,60,60,.2);border:2px solid #c07070;color:#f0aaaa}
.t-answer-nolean .t-answer-badge-inner{background:rgba(160,60,60,.1);border:1px solid #c07070;color:#e08888;font-size:16px}
.t-cta-btns{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}

/* ── あわせて読みたい ── */
.related-articles{margin:32px 0 0;padding:20px 0 0;border-top:2px solid var(--accent)}
.rel-hd{font-size:1rem;font-weight:800;margin-bottom:14px}
.article-list{list-style:none;padding:0;margin:0}
.article-list li{display:block}
.al-link{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--fg);transition:color .12s}
.al-link:hover{text-decoration:none}
.al-link:hover .al-title{color:var(--accent)}
.al-new,.al-cat{display:inline-block;flex-shrink:0;padding:2px 7px;border:1px solid var(--accent);border-radius:2px;font-size:.6rem;color:var(--accent);font-weight:700;white-space:nowrap;margin-top:3px}
.al-body{flex:1;min-width:0}
.al-title{font-size:.85rem;font-weight:500;color:var(--fg);line-height:1.5;transition:color .12s}

/* ── inline style から移したクラス（2026-08-26）
   ・!important は style属性と同じ重みにするため
   ・一括指定を先に置くのは、後ろの指定に消されないため
   ・数値は1pxも変えていない。色だけトークンにした
   ・トークンの明るい表示の値は元の色そのまま。暗い表示だけ変えた ── */
.u-background-linear-gradient-135deg-x2d8040-x6{ background:linear-gradient(135deg,#2d8040,#60d080) !important }
.u-background-linear-gradient-135deg-x4aa8e0-x9{ background:linear-gradient(135deg,#4aa8e0,#90d4ff) !important }
.u-background-linear-gradient-135deg-x5a3a8a-x9{ background:linear-gradient(135deg,#5a3a8a,#9070d0) !important }
.u-background-linear-gradient-135deg-xc0392b-x8{ background:linear-gradient(135deg,#c0392b,#8e44ad) !important }
.u-background-linear-gradient-135deg-xc9a84c-xe{ background:linear-gradient(135deg,#c9a84c,#e8d08a) !important }
.u-background-linear-gradient-135deg-xf3e5f5-xe{ background:linear-gradient(135deg,#f3e5f5,#ede7f6) !important }
.u-background-linear-gradient-135deg-xfce4ec-xf{ background:linear-gradient(135deg,#fce4ec,#f3e5f5) !important }
.u-background-linear-gradient-135deg-xfff8e1-xf{ background:linear-gradient(135deg,#fff8e1,#fff3cd) !important }
.u-background-linear-gradient-135deg-xfff9e6-xf{ background:linear-gradient(135deg,#fff9e6,#fff3cc) !important }
.u-background-x004d40{ background:#004d40 !important }
.u-background-x0d2137{ background:#0d2137 !important }
.u-background-x111{ background:#111 !important }
.u-background-x1565c0{ background:#1565c0 !important }
.u-background-x1a0a2e{ background:#1a0a2e !important }
.u-background-x1a3320{ background:#1a3320 !important }
.u-background-x1a5276{ background:#1a5276 !important }
.u-background-x1a6aaa11{ background:#1a6aaa11 !important }
.u-background-x1a6aaa22{ background:#1a6aaa22 !important }
.u-background-x1a6aaa{ background:#1a6aaa !important }
.u-background-x1c1a3a{ background:#1c1a3a !important }
.u-background-x1e8449{ background:#1e8449 !important }
.u-background-x283593{ background:#283593 !important }
.u-background-x2980b911{ background:#2980b911 !important }
.u-background-x2980b922{ background:#2980b922 !important }
.u-background-x2980b9{ background:#2980b9 !important }
.u-background-x2a6a3a11{ background:#2a6a3a11 !important }
.u-background-x2a6a3a22{ background:#2a6a3a22 !important }
.u-background-x2a6a3a{ background:#2a6a3a !important }
.u-background-x2e7d32{ background:#2e7d32 !important }
.u-background-x3a6abf11{ background:#3a6abf11 !important }
.u-background-x3a6abf22{ background:#3a6abf22 !important }
.u-background-x3a6abf{ background:#3a6abf !important }
.u-background-x3a8a4a{ background:#3a8a4a !important }
.u-background-x4a148c{ background:#4A148C !important }
.u-background-x5a3a8a11{ background:#5a3a8a11 !important }
.u-background-x5a3a8a22{ background:#5a3a8a22 !important }
.u-background-x5a3a8a{ background:#5a3a8a !important }
.u-background-x5b4a7a11{ background:#5b4a7a11 !important }
.u-background-x5b4a7a22{ background:#5b4a7a22 !important }
.u-background-x5b4a7a{ background:#5b4a7a !important }
.u-background-x6a1b9a{ background:#6a1b9a !important }
.u-background-x7b1a00{ background:#7b1a00 !important }
.u-background-x7d3c98{ background:#7d3c98 !important }
.u-background-x9b59b611{ background:#9b59b611 !important }
.u-background-x9b59b622{ background:#9b59b622 !important }
.u-background-x9b59b6{ background:#9b59b6 !important }
.u-background-x9c27b0{ background:#9c27b0 !important }
.u-background-xb35c00{ background:#b35c00 !important }
.u-background-xc0392b11{ background:#c0392b11 !important }
.u-background-xc0392b{ background:#c0392b !important }
.u-background-xd4a01711{ background:#d4a01711 !important }
.u-background-xd4a017{ background:#d4a017 !important }
.u-background-xe65100{ background:#e65100 !important }
.u-background-xe65c00{ background:#e65c00 !important }
.u-background-xe67e2211{ background:#e67e2211 !important }
.u-background-xe67e2222{ background:#e67e2222 !important }
.u-background-xe67e22{ background:#e67e22 !important }
.u-background-xe8622a{ background:#e8622a !important }
.u-background-xe8f4ea{ background:#e8f4ea !important }
.u-background-xe8f4f0{ background:#e8f4f0 !important }
.u-background-xe91e8c{ background:#e91e8c !important }
.u-background-xeaf4fb{ background:#eaf4fb !important }
.u-background-xeee{ background:#eee !important }
.u-background-xeef3fb{ background:#eef3fb !important }
.u-background-xf0e6d2{ background:#f0e6d2 !important }
.u-background-xf0e8f8{ background:#f0e8f8 !important }
.u-background-xf0ece4{ background:#f0ece4 !important }
.u-background-xf0f0f0{ background:#f0f0f0 !important }
.u-background-xf0f0f8{ background:#f0f0f8 !important }
.u-background-xf0f4ff{ background:#f0f4ff !important }
.u-background-xf0f5ff{ background:#f0f5ff !important }
.u-background-xf0f7f0{ background:#f0f7f0 !important }
.u-background-xf0f7ff{ background:#f0f7ff !important }
.u-background-xf0f8ff{ background:#f0f8ff !important }
.u-background-xf0fff4{ background:#f0fff4 !important }
.u-background-xf2f8f2{ background:#f2f8f2 !important }
.u-background-xf3e5f5{ background:#f3e5f5 !important }
.u-background-xf3e8ef{ background:#f3e8ef !important }
.u-background-xf5a7c7{ background:#f5a7c7 !important }
.u-background-xf5f0ff{ background:#f5f0ff !important }
.u-background-xf5f5f5{ background:#f5f5f5 !important }
.u-background-xf5f8ff{ background:#f5f8ff !important }
.u-background-xf5faff{ background:#f5faff !important }
.u-background-xf5fff8{ background:#f5fff8 !important }
.u-background-xf7faff{ background:#f7faff !important }
.u-background-xf8f5ee{ background:#f8f5ee !important }
.u-background-xf8f5ff{ background:#f8f5ff !important }
.u-background-xf8f7f4{ background:#f8f7f4 !important }
.u-background-xf8f8f8{ background:#f8f8f8 !important }
.u-background-xf8f9fa{ background:#f8f9fa !important }
.u-background-xf9ebea{ background:#f9ebea !important }
.u-background-xf9f6ff{ background:#f9f6ff !important }
.u-background-xf9f9f9{ background:#f9f9f9 !important }
.u-background-xfaf5fb{ background:#faf5fb !important }
.u-background-xfaf5ff{ background:#faf5ff !important }
.u-background-xfafafa{ background:#fafafa !important }
.u-background-xfbe9e7{ background:#fbe9e7 !important }
.u-background-xfdf5ff{ background:#fdf5ff !important }
.u-background-xfdf8ff{ background:#fdf8ff !important }
.u-background-xfff0e8{ background:#fff0e8 !important }
.u-background-xfff0f0{ background:#fff0f0 !important }
.u-background-xfff0fa{ background:#fff0fa !important }
.u-background-xfff3cd{ background:#fff3cd !important }
.u-background-xfff3f5{ background:#fff3f5 !important }
.u-background-xfff5e0{ background:#fff5e0 !important }
.u-background-xfff5f5{ background:#fff5f5 !important }
.u-background-xfff8e1{ background:#fff8e1 !important }
.u-background-xfff8e6{ background:#fff8e6 !important }
.u-background-xfff8f0{ background:#fff8f0 !important }
.u-background-xfff8f8{ background:#fff8f8 !important }
.u-background-xfff9e6{ background:#fff9e6 !important }
.u-background-xfffbee{ background:#fffbee !important }
.u-background-xfffbf0{ background:#fffbf0 !important }
.u-background-xfffdf0{ background:#fffdf0 !important }
.u-background-xfffdf7{ background:#fffdf7 !important }
.u-background-xfff{ background:#fff !important }
.u-border-1px-solid-rgba-255-255-255-0-1{ border:1px solid rgba(255,255,255,0.1) !important }
.u-border-1px-solid-vln-ccd{ border:1px solid var(--ln-ccd) !important }
.u-border-1px-solid-vln-ddd{ border:1px solid var(--ln-ddd) !important }
.u-border-1px-solid-vln-e0e0e0{ border:1px solid var(--ln-e0e0e0) !important }
.u-border-1px-solid-vln-eee{ border:1px solid var(--ln-eee) !important }
.u-border-1px-solid-x0077b5{ border:1px solid #0077b5 !important }
.u-border-1px-solid-x1a6aaa33{ border:1px solid #1a6aaa33 !important }
.u-border-1px-solid-x2980b933{ border:1px solid #2980b933 !important }
.u-border-1px-solid-x2a6a3a33{ border:1px solid #2a6a3a33 !important }
.u-border-1px-solid-x2a6a3a{ border:1px solid #2a6a3a !important }
.u-border-1px-solid-x3a6abf33{ border:1px solid #3a6abf33 !important }
.u-border-1px-solid-x3a6abf{ border:1px solid #3a6abf !important }
.u-border-1px-solid-x5a3a8a33{ border:1px solid #5a3a8a33 !important }
.u-border-1px-solid-x5b4a7a33{ border:1px solid #5b4a7a33 !important }
.u-border-1px-solid-x80b8d8{ border:1px solid #80b8d8 !important }
.u-border-1px-solid-x8acc9a{ border:1px solid #8acc9a !important }
.u-border-1px-solid-x9b59b633{ border:1px solid #9b59b633 !important }
.u-border-1px-solid-x9bb3e8{ border:1px solid #9bb3e8 !important }
.u-border-1px-solid-xa07535{ border:1px solid #a07535 !important }
.u-border-1px-solid-xa0b8e8{ border:1px solid #a0b8e8 !important }
.u-border-1px-solid-xa0c8e8{ border:1px solid #a0c8e8 !important }
.u-border-1px-solid-xa0d8b0{ border:1px solid #a0d8b0 !important }
.u-border-1px-solid-xb09ad8{ border:1px solid #b09ad8 !important }
.u-border-1px-solid-xc0392b33{ border:1px solid #c0392b33 !important }
.u-border-1px-solid-xc8b8f8{ border:1px solid #c8b8f8 !important }
.u-border-1px-solid-xc9a8e8{ border:1px solid #c9a8e8 !important }
.u-border-1px-solid-xd4a01733{ border:1px solid #d4a01733 !important }
.u-border-1px-solid-xd4a017{ border:1px solid #d4a017 !important }
.u-border-1px-solid-xd7bde2{ border:1px solid #d7bde2 !important }
.u-border-1px-solid-xd8b4fe{ border:1px solid #d8b4fe !important }
.u-border-1px-solid-xe0c898{ border:1px solid #e0c898 !important }
.u-border-1px-solid-xe67e2233{ border:1px solid #e67e2233 !important }
.u-border-1px-solid-xe74c3c{ border:1px solid #e74c3c !important }
.u-border-1px-solid-xe8a0a0{ border:1px solid #e8a0a0 !important }
.u-border-1px-solid-xe8c97a{ border:1px solid #e8c97a !important }
.u-border-1px-solid-xf0a0a0{ border:1px solid #f0a0a0 !important }
.u-border-1px-solid-xf0d080{ border:1px solid #f0d080 !important }
.u-border-2px-solid-x004d40{ border:2px solid #004d40 !important }
.u-border-2px-solid-x1565c0{ border:2px solid #1565c0 !important }
.u-border-2px-solid-x1a6aaa{ border:2px solid #1a6aaa !important }
.u-border-2px-solid-x283593{ border:2px solid #283593 !important }
.u-border-2px-solid-x2a6a3a{ border:2px solid #2a6a3a !important }
.u-border-2px-solid-x2e7d32{ border:2px solid #2e7d32 !important }
.u-border-2px-solid-x3a6abf{ border:2px solid #3a6abf !important }
.u-border-2px-solid-x5a3a8a{ border:2px solid #5a3a8a !important }
.u-border-2px-solid-x6a1b9a{ border:2px solid #6a1b9a !important }
.u-border-2px-solid-x7b1fa2{ border:2px solid #7b1fa2 !important }
.u-border-2px-solid-x9b59b6{ border:2px solid #9b59b6 !important }
.u-border-2px-solid-x9c27b0{ border:2px solid #9c27b0 !important }
.u-border-2px-solid-xb44{ border:2px solid #b44 !important }
.u-border-2px-solid-xc0392b{ border:2px solid #c0392b !important }
.u-border-2px-solid-xc2185b{ border:2px solid #c2185b !important }
.u-border-2px-solid-xd4a017{ border:2px solid #d4a017 !important }
.u-border-2px-solid-xe65100{ border:2px solid #e65100 !important }
.u-border-2px-solid-xe74c3c{ border:2px solid #e74c3c !important }
.u-border-2px-solid-xe91e63{ border:2px solid #e91e63 !important }
.u-border-2px-solid-xe91e8c{ border:2px solid #e91e8c !important }
.u-border-2px-solid-xf5a623{ border:2px solid #f5a623 !important }
.u-border-2px-solid-xffca28{ border:2px solid #ffca28 !important }
.u-clear-both{ clear:both !important }
.u-color-rgba-255-255-255-0-75{ color:rgba(255,255,255,0.75) !important }
.u-color-rgba-255-255-255-0-9{ color:rgba(255,255,255,0.9) !important }
.u-color-vaccent{ color:var(--accent) !important }
.u-color-vfg-111{ color:var(--fg-111) !important }
.u-color-vfg-222{ color:var(--fg-222) !important }
.u-color-vfg-333{ color:var(--fg-333) !important }
.u-color-vfg-444{ color:var(--fg-444) !important }
.u-color-vfg-555{ color:var(--fg-555) !important }
.u-color-vfg-616161{ color:var(--fg-616161) !important }
.u-color-vfg-666{ color:var(--fg-666) !important }
.u-color-vfg-777{ color:var(--fg-777) !important }
.u-color-vfg-888{ color:var(--fg-888) !important }
.u-color-vfg-999{ color:var(--fg-999) !important }
.u-color-vfg{ color:var(--fg) !important }
.u-color-vhd-fg{ color:var(--hd-fg) !important }
.u-color-white{ color:white !important }
.u-color-x0077b5{ color:#0077b5 !important }
.u-color-x0a3a6a{ color:#0a3a6a !important }
.u-color-x0d2137{ color:#0d2137 !important }
.u-color-x155a8a{ color:#155a8a !important }
.u-color-x1a0a2e{ color:#1a0a2e !important }
.u-color-x1a3a5a{ color:#1a3a5a !important }
.u-color-x1a3a7f{ color:#1a3a7f !important }
.u-color-x1a3a8f{ color:#1a3a8f !important }
.u-color-x1a4a2a{ color:#1a4a2a !important }
.u-color-x1a5a8a{ color:#1a5a8a !important }
.u-color-x1a6aaa{ color:#1a6aaa !important }
.u-color-x1f5a2f{ color:#1f5a2f !important }
.u-color-x2980b9{ color:#2980b9 !important }
.u-color-x2a4a8a{ color:#2a4a8a !important }
.u-color-x2a4a9f{ color:#2a4a9f !important }
.u-color-x2a6a3a{ color:#2a6a3a !important }
.u-color-x2e7d32{ color:#2e7d32 !important }
.u-color-x3498db{ color:#3498db !important }
.u-color-x3a2060{ color:#3a2060 !important }
.u-color-x3a6abf{ color:#3a6abf !important }
.u-color-x48a{ color:#48a !important }
.u-color-x4a2a7a{ color:#4a2a7a !important }
.u-color-x4a7{ color:#4a7 !important }
.u-color-x4a8{ color:#4a8 !important }
.u-color-x579{ color:#579 !important }
.u-color-x5a2a4a{ color:#5a2a4a !important }
.u-color-x5a3a8a{ color:#5a3a8a !important }
.u-color-x5b2d82{ color:#5b2d82 !important }
.u-color-x5b4a7a{ color:#5b4a7a !important }
.u-color-x6a1b9a{ color:#6a1b9a !important }
.u-color-x6a2a8a{ color:#6a2a8a !important }
.u-color-x6a3a92{ color:#6a3a92 !important }
.u-color-x6a3d9b{ color:#6a3d9b !important }
.u-color-x6c3483{ color:#6c3483 !important }
.u-color-x706090{ color:#706090 !important }
.u-color-x7a3a8a{ color:#7a3a8a !important }
.u-color-x7a5c00{ color:#7a5c00 !important }
.u-color-x7a7{ color:#7a7 !important }
.u-color-x7b1fa2{ color:#7b1fa2 !important }
.u-color-x7d5a00{ color:#7d5a00 !important }
.u-color-x80e0a0{ color:#80e0a0 !important }
.u-color-x8a2a2a{ color:#8a2a2a !important }
.u-color-x8a6a00{ color:#8a6a00 !important }
.u-color-x8b1a1a{ color:#8b1a1a !important }
.u-color-x90d4ff{ color:#90d4ff !important }
.u-color-x96c{ color:#96c !important }
.u-color-x9b59b6{ color:#9b59b6 !important }
.u-color-x9c27b0{ color:#9c27b0 !important }
.u-color-xa02d20{ color:#a02d20 !important }
.u-color-xa03030{ color:#a03030 !important }
.u-color-xa088cc{ color:#a088cc !important }
.u-color-xa4a{ color:#a4a !important }
.u-color-xa55{ color:#a55 !important }
.u-color-xa74{ color:#a74 !important }
.u-color-xb44{ color:#b44 !important }
.u-color-xc0392b{ color:#c0392b !important }
.u-color-xc0b0ff{ color:#c0b0ff !important }
.u-color-xc2185b{ color:#c2185b !important }
.u-color-xc85{ color:#c85 !important }
.u-color-xc9a84c{ color:#c9a84c !important }
.u-color-xd4a017{ color:#d4a017 !important }
.u-color-xd68{ color:#d68 !important }
.u-color-xe65100{ color:#e65100 !important }
.u-color-xe65c00{ color:#e65c00 !important }
.u-color-xe67e22{ color:#e67e22 !important }
.u-color-xe74c3c{ color:#e74c3c !important }
.u-color-xe8622a{ color:#e8622a !important }
.u-color-xe8d08a{ color:#e8d08a !important }
.u-color-xe91e63{ color:#e91e63 !important }
.u-color-xffaa80{ color:#ffaa80 !important }
.u-color-xfff{ color:#fff !important }
.u-cursor-not-allowed{ cursor:not-allowed !important }
.u-display-block{ display:block !important }
.u-display-flex{ display:flex !important }
.u-display-inline-block{ display:inline-block !important }
.u-display-none{ display:none !important }
.u-flex-1{ flex:1 !important }
.u-flex-2{ flex:2 !important }
.u-gap-10px{ gap:10px !important }
.u-gap-12px{ gap:12px !important }
.u-gap-16px{ gap:16px !important }
.u-gap-8px{ gap:8px !important }
.u-height-auto{ height:auto !important }
.u-margin-0-0-14px-0{ margin:0 0 14px 0 !important }
.u-margin-0-0-6px{ margin:0 0 6px !important }
.u-margin-0-0-8px{ margin:0 0 8px !important }
.u-margin-0-auto{ margin:0 auto !important }
.u-margin-0{ margin:0 !important }
.u-margin-1-5em-0{ margin:1.5em 0 !important }
.u-margin-10px-0{ margin:10px 0 !important }
.u-margin-12px-0-0{ margin:12px 0 0 !important }
.u-margin-12px-0-24px{ margin:12px 0 24px !important }
.u-margin-12px-0-6px{ margin:12px 0 6px !important }
.u-margin-12px-0{ margin:12px 0 !important }
.u-margin-14px-0{ margin:14px 0 !important }
.u-margin-16px-0{ margin:16px 0 !important }
.u-margin-16px-auto{ margin:16px auto !important }
.u-margin-20px-0{ margin:20px 0 !important }
.u-margin-24px-0{ margin:24px 0 !important }
.u-margin-28px-0{ margin:28px 0 !important }
.u-margin-30px-0{ margin:30px 0 !important }
.u-margin-32px-0{ margin:32px 0 !important }
.u-margin-40px-0-20px{ margin:40px 0 20px !important }
.u-margin-40px-0{ margin:40px 0 !important }
.u-margin-6px{ margin:6px !important }
.u-margin-8px-0{ margin:8px 0 !important }
.u-opacity-4{ opacity:.4 !important }
.u-opacity-72{ opacity:.72 !important }
.u-overflow-hidden{ overflow:hidden !important }
.u-padding-10px-14px{ padding:10px 14px !important }
.u-padding-10px-16px{ padding:10px 16px !important }
.u-padding-10px-20px{ padding:10px 20px !important }
.u-padding-10px-22px{ padding:10px 22px !important }
.u-padding-10px-24px{ padding:10px 24px !important }
.u-padding-10px-8px{ padding:10px 8px !important }
.u-padding-10px{ padding:10px !important }
.u-padding-11px-24px{ padding:11px 24px !important }
.u-padding-11px-28px{ padding:11px 28px !important }
.u-padding-12px-16px{ padding:12px 16px !important }
.u-padding-12px-20px{ padding:12px 20px !important }
.u-padding-12px-24px{ padding:12px 24px !important }
.u-padding-12px-28px{ padding:12px 28px !important }
.u-padding-12px-32px{ padding:12px 32px !important }
.u-padding-12px{ padding:12px !important }
.u-padding-13px-28px{ padding:13px 28px !important }
.u-padding-14px-16px{ padding:14px 16px !important }
.u-padding-14px-18px{ padding:14px 18px !important }
.u-padding-14px{ padding:14px !important }
.u-padding-16px-0-20px{ padding:16px 0 20px !important }
.u-padding-16px-0-8px{ padding:16px 0 8px !important }
.u-padding-16px-18px{ padding:16px 18px !important }
.u-padding-16px-20px-2px{ padding:16px 20px 2px !important }
.u-padding-16px-20px{ padding:16px 20px !important }
.u-padding-16px{ padding:16px !important }
.u-padding-18px-22px{ padding:18px 22px !important }
.u-padding-18px{ padding:18px !important }
.u-padding-20px-0-16px{ padding:20px 0 16px !important }
.u-padding-20px-24px{ padding:20px 24px !important }
.u-padding-20px{ padding:20px !important }
.u-padding-22px-20px{ padding:22px 20px !important }
.u-padding-22px{ padding:22px !important }
.u-padding-24px-20px{ padding:24px 20px !important }
.u-padding-24px{ padding:24px !important }
.u-padding-28px-20px{ padding:28px 20px !important }
.u-padding-2px-8px{ padding:2px 8px !important }
.u-padding-4px-0{ padding:4px 0 !important }
.u-padding-4px-10px{ padding:4px 10px !important }
.u-padding-4px-14px{ padding:4px 14px !important }
.u-padding-4px-8px-4px-0{ padding:4px 8px 4px 0 !important }
.u-padding-5px-14px{ padding:5px 14px !important }
.u-padding-5px-8px{ padding:5px 8px !important }
.u-padding-6px-0{ padding:6px 0 !important }
.u-padding-6px-10px-6px-0{ padding:6px 10px 6px 0 !important }
.u-padding-6px-10px{ padding:6px 10px !important }
.u-padding-6px-14px{ padding:6px 14px !important }
.u-padding-6px-16px{ padding:6px 16px !important }
.u-padding-6px-18px{ padding:6px 18px !important }
.u-padding-6px-20px-10px{ padding:6px 20px 10px !important }
.u-padding-6px-8px{ padding:6px 8px !important }
.u-padding-6px{ padding:6px !important }
.u-padding-7px-8px{ padding:7px 8px !important }
.u-padding-8px-10px{ padding:8px 10px !important }
.u-padding-8px-16px{ padding:8px 16px !important }
.u-padding-8px{ padding:8px !important }
.u-padding-9px-18px{ padding:9px 18px !important }
.u-padding-9px-20px{ padding:9px 20px !important }
.u-padding-9px{ padding:9px !important }
.u-width-100{ width:100% !important }
.u-width-3em{ width:3em !important }
.u-width-5-5em{ width:5.5em !important }
.u-width-5em{ width:5em !important }
.u-width-6em{ width:6em !important }
.u-align-items-center{ align-items:center !important }
.u-align-items-flex-start{ align-items:flex-start !important }
.u-border-bottom-1px-solid-xa0b8e8{ border-bottom:1px solid #a0b8e8 !important }
.u-border-bottom-1px-solid-xa0c8e8{ border-bottom:1px solid #a0c8e8 !important }
.u-border-bottom-1px-solid-xa0d8b0{ border-bottom:1px solid #a0d8b0 !important }
.u-border-bottom-1px-solid-xc8b8f8{ border-bottom:1px solid #c8b8f8 !important }
.u-border-bottom-1px-solid-xd8b4fe{ border-bottom:1px solid #d8b4fe !important }
.u-border-bottom-1px-solid-xe8daef{ border-bottom:1px solid #e8daef !important }
.u-border-bottom-1px-solid-xeee{ border-bottom:1px solid #eee !important }
.u-border-bottom-1px-solid-xf0a0a0{ border-bottom:1px solid #f0a0a0 !important }
.u-border-bottom-1px-solid-xf0d080{ border-bottom:1px solid #f0d080 !important }
.u-border-collapse-collapse{ border-collapse:collapse !important }
.u-border-color-x48a{ border-color:#48a !important }
.u-border-color-x4a7{ border-color:#4a7 !important }
.u-border-color-x4a8{ border-color:#4a8 !important }
.u-border-color-x579{ border-color:#579 !important }
.u-border-color-x777{ border-color:#777 !important }
.u-border-color-x7a7{ border-color:#7a7 !important }
.u-border-color-x888{ border-color:#888 !important }
.u-border-color-x96c{ border-color:#96c !important }
.u-border-color-xa4a{ border-color:#a4a !important }
.u-border-color-xa55{ border-color:#a55 !important }
.u-border-color-xa74{ border-color:#a74 !important }
.u-border-color-xb44{ border-color:#b44 !important }
.u-border-color-xc85{ border-color:#c85 !important }
.u-border-color-xd68{ border-color:#d68 !important }
.u-border-left-3px-solid-x004d40{ border-left:3px solid #004d40 !important }
.u-border-left-3px-solid-x1565c0{ border-left:3px solid #1565c0 !important }
.u-border-left-3px-solid-x283593{ border-left:3px solid #283593 !important }
.u-border-left-3px-solid-x2e7d32{ border-left:3px solid #2e7d32 !important }
.u-border-left-3px-solid-x3498db{ border-left:3px solid #3498db !important }
.u-border-left-3px-solid-x6a1b9a{ border-left:3px solid #6a1b9a !important }
.u-border-left-3px-solid-x9c27b0{ border-left:3px solid #9c27b0 !important }
.u-border-left-3px-solid-xccc{ border-left:3px solid #ccc !important }
.u-border-left-3px-solid-xddd{ border-left:3px solid #ddd !important }
.u-border-left-3px-solid-xe65100{ border-left:3px solid #e65100 !important }
.u-border-left-3px-solid-xe91e8c{ border-left:3px solid #e91e8c !important }
.u-border-left-3px-solid-xf39c12{ border-left:3px solid #f39c12 !important }
.u-border-left-4px-solid-x1a6aaa{ border-left:4px solid #1a6aaa !important }
.u-border-left-4px-solid-x27ae60{ border-left:4px solid #27ae60 !important }
.u-border-left-4px-solid-x2980b9{ border-left:4px solid #2980b9 !important }
.u-border-left-4px-solid-x2a6a3a{ border-left:4px solid #2a6a3a !important }
.u-border-left-4px-solid-x3a6abf{ border-left:4px solid #3a6abf !important }
.u-border-left-4px-solid-x4caf50{ border-left:4px solid #4CAF50 !important }
.u-border-left-4px-solid-x5a3a8a{ border-left:4px solid #5a3a8a !important }
.u-border-left-4px-solid-x5b4a7a{ border-left:4px solid #5b4a7a !important }
.u-border-left-4px-solid-x9b59b6{ border-left:4px solid #9b59b6 !important }
.u-border-left-4px-solid-x9c27b0{ border-left:4px solid #9c27b0 !important }
.u-border-left-4px-solid-xa5780f{ border-left:4px solid #a5780f !important }
.u-border-left-4px-solid-xc0392b{ border-left:4px solid #c0392b !important }
.u-border-left-4px-solid-xc9a84c{ border-left:4px solid #c9a84c !important }
.u-border-left-4px-solid-xd4a017{ border-left:4px solid #d4a017 !important }
.u-border-left-4px-solid-xe67e22{ border-left:4px solid #e67e22 !important }
.u-border-left-4px-solid-xe8622a{ border-left:4px solid #e8622a !important }
.u-border-left-4px-solid-xf39c12{ border-left:4px solid #f39c12 !important }
.u-border-left-4px-solid-xf9a825{ border-left:4px solid #f9a825 !important }
.u-border-left-4px-solid-xff8c42{ border-left:4px solid #ff8c42 !important }
.u-border-radius-0-8px-8px-0{ border-radius:0 8px 8px 0 !important }
.u-border-radius-10px{ border-radius:10px !important }
.u-border-radius-12px{ border-radius:12px !important }
.u-border-radius-14px{ border-radius:14px !important }
.u-border-radius-24px{ border-radius:24px !important }
.u-border-radius-25px{ border-radius:25px !important }
.u-border-radius-3px{ border-radius:3px !important }
.u-border-radius-4px{ border-radius:4px !important }
.u-border-radius-50px{ border-radius:50px !important }
.u-border-radius-6px{ border-radius:6px !important }
.u-border-radius-7px{ border-radius:7px !important }
.u-border-radius-8px{ border-radius:8px !important }
.u-box-shadow-0-4px-18px-rgba-0-0-0-0-18{ box-shadow:0 4px 18px rgba(0,0,0,0.18) !important }
.u-flex-direction-column{ flex-direction:column !important }
.u-flex-wrap-wrap{ flex-wrap:wrap !important }
.u-font-size-0-82em{ font-size:0.82em !important }
.u-font-size-0-85em{ font-size:0.85em !important }
.u-font-size-0-88em{ font-size:0.88em !important }
.u-font-size-0-8em{ font-size:0.8em !important }
.u-font-size-0-92em{ font-size:0.92em !important }
.u-font-size-0-94em{ font-size:0.94em !important }
.u-font-size-0-95em{ font-size:0.95em !important }
.u-font-size-0-9em{ font-size:0.9em !important }
.u-font-size-1-05em{ font-size:1.05em !important }
.u-font-size-1-06em{ font-size:1.06em !important }
.u-font-size-1-15em{ font-size:1.15em !important }
.u-font-size-1-1em{ font-size:1.1em !important }
.u-font-size-1-22rem{ font-size:1.22rem !important }
.u-font-size-1-35em{ font-size:1.35em !important }
.u-font-size-11px{ font-size:11px !important }
.u-font-size-12px{ font-size:12px !important }
.u-font-size-13px{ font-size:13px !important }
.u-font-size-14px{ font-size:14px !important }
.u-font-size-15px{ font-size:15px !important }
.u-font-size-16px{ font-size:16px !important }
.u-font-size-17px{ font-size:17px !important }
.u-font-size-18px{ font-size:18px !important }
.u-font-size-1em{ font-size:1em !important }
.u-font-size-20px{ font-size:20px !important }
.u-font-size-56px{ font-size:56px !important }
.u-font-size-72rem{ font-size:.72rem !important }
.u-font-size-74rem{ font-size:.74rem !important }
.u-font-size-78rem{ font-size:.78rem !important }
.u-font-size-83rem{ font-size:.83rem !important }
.u-font-size-85rem{ font-size:.85rem !important }
.u-font-size-88rem{ font-size:.88rem !important }
.u-font-size-8rem{ font-size:.8rem !important }
.u-font-size-90{ font-size: 90% !important }
.u-font-style-italic{ font-style:italic !important }
.u-font-style-normal{ font-style:normal !important }
.u-font-weight-700{ font-weight:700 !important }
.u-font-weight-bold{ font-weight:bold !important }
.u-justify-content-center{ justify-content:center !important }
.u-letter-spacing-1px{ letter-spacing:1px !important }
.u-line-height-1-55{ line-height:1.55 !important }
.u-line-height-1-5{ line-height:1.5 !important }
.u-line-height-1-7{ line-height:1.7 !important }
.u-line-height-1-8{ line-height:1.8 !important }
.u-line-height-1-9{ line-height:1.9 !important }
.u-line-height-2{ line-height:2 !important }
.u-margin-bottom-10px{ margin-bottom:10px !important }
.u-margin-bottom-12px{ margin-bottom:12px !important }
.u-margin-bottom-14px{ margin-bottom:14px !important }
.u-margin-bottom-16px{ margin-bottom:16px !important }
.u-margin-bottom-18px{ margin-bottom:18px !important }
.u-margin-bottom-20px{ margin-bottom:20px !important }
.u-margin-bottom-4px{ margin-bottom:4px !important }
.u-margin-bottom-6px{ margin-bottom:6px !important }
.u-margin-bottom-8px{ margin-bottom:8px !important }
.u-margin-right-12px{ margin-right:12px !important }
.u-margin-right-4px{ margin-right:4px !important }
.u-margin-right-8px{ margin-right:8px !important }
.u-margin-top-0{ margin-top:0 !important }
.u-margin-top-10px{ margin-top:10px !important }
.u-margin-top-12px{ margin-top:12px !important }
.u-margin-top-14px{ margin-top:14px !important }
.u-margin-top-16px{ margin-top:16px !important }
.u-margin-top-20px{ margin-top:20px !important }
.u-margin-top-24px{ margin-top:24px !important }
.u-margin-top-40px{ margin-top:40px !important }
.u-margin-top-4px{ margin-top:4px !important }
.u-margin-top-6px{ margin-top:6px !important }
.u-margin-top-8px{ margin-top:8px !important }
.u-max-width-100{ max-width:100% !important }
.u-max-width-800px{ max-width:800px !important }
.u-max-width-860px{ max-width:860px !important }
.u-min-height-120px{ min-height:120px !important }
.u-min-width-280px{ min-width:280px !important }
.u-min-width-340px{ min-width:340px !important }
.u-min-width-480px{ min-width:480px !important }
.u-min-width-520px{ min-width:520px !important }
.u-min-width-540px{ min-width:540px !important }
.u-min-width-560px{ min-width:560px !important }
.u-min-width-600px{ min-width:600px !important }
.u-min-width-640px{ min-width:640px !important }
.u-min-width-680px{ min-width:680px !important }
.u-overflow-x-auto{ overflow-x:auto !important }
.u-text-align-center{ text-align: center !important }
.u-text-align-center{ text-align:center !important }
.u-text-align-left{ text-align:left !important }
.u-text-align-right{ text-align:right !important }
.u-text-decoration-none{ text-decoration:none !important }
.u-vertical-align-top{ vertical-align:top !important }
.u-white-space-nowrap{ white-space:nowrap !important }
.u-word-break-break-word{ word-break:break-word !important }
.u-webkit-overflow-scrolling-touch{ -webkit-overflow-scrolling:touch !important }