:root {
    --tarot-bg: #08111f;
    --tarot-bg-soft: #0d1728;
    --tarot-panel: #111d30;
    --tarot-panel-soft: #152238;
    --tarot-text: #f2f0ea;
    --tarot-text-muted: #c7c9cc;
    --tarot-gold: #d7bd68;
    --tarot-gold-soft: #b9a15a;
    --tarot-line: rgba(215, 189, 104, 0.28);
    --tarot-line-soft: rgba(255, 255, 255, 0.12);
    --tarot-max: 1440px;
    --tarot-radius: 18px;
    --tarot-shadow: 0 28px 64px rgba(0, 0, 0, 0.34);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.tarot-card-detail-page,
body.tarot-page {
    margin: 0;
    background: var(--tarot-bg);
    color: var(--tarot-text);
    font-family: "Helvetica Neue", Arial, "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
    line-height: 1.8;
    -webkit-font-smoothing: antialiased;
}
body.tarot-card-detail-page a,
body.tarot-page a { color: inherit; }
body.tarot-card-detail-page img,
body.tarot-page img { max-width: 100%; height: auto; }
.tarot-shell { width: min(calc(100% - 64px), var(--tarot-max)); margin-inline: auto; }

.tarot-site-header { border-bottom: 1px solid var(--tarot-line-soft); background: rgba(8, 17, 31, 0.94); }
.tarot-site-header__inner { min-height: 68px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.tarot-brand { font-family: Georgia, "Times New Roman", serif; font-size: 1.55rem; letter-spacing: 0.04em; color: var(--tarot-gold); text-decoration: none; }
.tarot-header-link { color: var(--tarot-text-muted); text-decoration: none; font-size: 0.95rem; }

.tarot-breadcrumb-wrap { padding-block: 18px 12px; }
.tarot-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; color: var(--tarot-text-muted); font-size: 0.82rem; }
.tarot-breadcrumb a { text-decoration: none; }
.tarot-breadcrumb a:hover { color: var(--tarot-gold); }
.tarot-breadcrumb__sep { opacity: 0.5; }

.tarot-hero { padding: 28px 0 88px; }
.tarot-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(420px, 0.92fr); align-items: center; gap: clamp(56px, 7vw, 112px); }
.tarot-hero__content { padding-block: 24px; }
.tarot-eyebrow, .tarot-section-kicker { margin: 0 0 12px; color: var(--tarot-gold); font-size: 0.78rem; font-weight: 700; letter-spacing: 0.25em; text-transform: uppercase; }
.tarot-title { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.25rem, 5vw, 5.6rem); font-weight: 400; line-height: 1.02; letter-spacing: 0.01em; }
.tarot-title__secondary { display: block; margin-top: 14px; color: var(--tarot-gold); font-family: "Helvetica Neue", Arial, sans-serif; font-size: 0.24em; font-weight: 500; letter-spacing: 0.24em; text-transform: uppercase; }
.tarot-catchphrase { margin: 38px 0 0; padding-left: 22px; border-left: 2px solid var(--tarot-gold); color: var(--tarot-gold); font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.3rem, 2vw, 1.8rem); line-height: 1.6; }
.tarot-short-description { max-width: 44rem; margin: 30px 0 0; color: var(--tarot-text-muted); font-size: 1.02rem; }

.tarot-keyword-groups { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 36px; }
.tarot-keyword-group { min-width: 0; padding-top: 18px; border-top: 1px solid var(--tarot-line); }
.tarot-keyword-group--reversed { border-top-color: var(--tarot-line-soft); }
.tarot-keyword-group__title { margin: 0 0 12px; font-size: 0.92rem; font-weight: 700; color: var(--tarot-gold); }
.tarot-keyword-group--reversed .tarot-keyword-group__title { color: var(--tarot-text-muted); }
.tarot-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.tarot-tags li { padding: 6px 11px; border: 1px solid var(--tarot-line-soft); border-radius: 999px; background: rgba(255,255,255,0.025); font-size: 0.82rem; color: var(--tarot-text-muted); }

.tarot-hero__figure, .tarot-symbols-figure { margin: 0; display: grid; place-items: center; }
.tarot-card-image { display: block; width: auto; aspect-ratio: 2 / 3; object-fit: contain; border-radius: 14px; box-shadow: var(--tarot-shadow); }
.tarot-card-image--hero { max-height: min(78vh, 780px); }
.tarot-card-image--symbols { max-height: 650px; }
.tarot-hero__figure figcaption { margin-top: 14px; color: var(--tarot-text-muted); font-size: 0.78rem; letter-spacing: 0.08em; }

.tarot-button { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 24px; border-radius: 999px; text-decoration: none; font-weight: 700; letter-spacing: 0.02em; transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease; }
.tarot-button:hover { transform: translateY(-2px); }
.tarot-button--primary { background: linear-gradient(135deg, #b99a42, #e1c977); color: #111; box-shadow: 0 10px 26px rgba(215, 189, 104, 0.18); }
.tarot-button--secondary { border: 1px solid var(--tarot-line); color: var(--tarot-gold); background: transparent; }
.tarot-hero__cta { margin-top: 36px; }

.tarot-section { padding: 104px 0; border-top: 1px solid var(--tarot-line-soft); }
.tarot-section--interpretation { background: var(--tarot-bg-soft); }
.tarot-section--themes { background: var(--tarot-bg); }
.tarot-section--symbols { background: var(--tarot-bg-soft); }
.tarot-section-heading { margin-bottom: 46px; }
.tarot-section-heading--center { text-align: center; }
.tarot-section-heading h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.2vw, 3.25rem); font-weight: 400; line-height: 1.3; }

.tarot-meaning-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 1px solid var(--tarot-line-soft); border-bottom: 1px solid var(--tarot-line-soft); }
.tarot-meaning { padding: 46px clamp(24px, 4vw, 64px) 50px 0; }
.tarot-meaning + .tarot-meaning { padding-left: clamp(24px, 4vw, 64px); border-left: 1px solid var(--tarot-line-soft); }
.tarot-meaning__orientation { margin: 0 0 20px; color: var(--tarot-gold); font-size: 1.15rem; font-weight: 700; }
.tarot-meaning--reversed .tarot-meaning__orientation { color: var(--tarot-text-muted); }
.tarot-meaning__orientation span { margin-left: 10px; font-size: 0.72rem; font-weight: 500; letter-spacing: 0.15em; text-transform: uppercase; opacity: 0.72; }
.tarot-meaning__summary { margin: 0 0 18px; color: var(--tarot-text); font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; line-height: 1.65; }
.tarot-prose { color: var(--tarot-text-muted); }

.tarot-theme-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.tarot-theme-card { min-height: 100%; padding: 34px 30px; border: 1px solid var(--tarot-line-soft); border-radius: var(--tarot-radius); background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.015)); }
.tarot-theme-card__icon { font-size: 1.7rem; color: var(--tarot-gold); }
.tarot-theme-card h3 { margin: 12px 0 26px; font-family: Georgia, "Times New Roman", serif; font-size: 1.6rem; font-weight: 400; }
.tarot-theme-card__block + .tarot-theme-card__block { margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--tarot-line-soft); }
.tarot-theme-card__block h4 { margin: 0 0 8px; color: var(--tarot-gold); font-size: 0.86rem; }
.tarot-theme-card__block--reversed h4 { color: var(--tarot-text-muted); }
.tarot-theme-card p { margin: 0; color: var(--tarot-text-muted); }

.tarot-symbols-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr); gap: clamp(48px, 7vw, 104px); align-items: start; }
.tarot-symbol-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.tarot-symbol { padding: 20px 0 24px; border-top: 1px solid var(--tarot-line-soft); }
.tarot-symbol h3 { margin: 0 0 8px; color: var(--tarot-gold); font-size: 1.02rem; }
.tarot-symbol p { margin: 0; color: var(--tarot-text-muted); }

.tarot-section--navigation { padding: 64px 0; background: var(--tarot-bg); }
.tarot-card-nav { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 26px; }
.tarot-card-nav__item { display: flex; flex-direction: column; text-decoration: none; min-width: 0; }
.tarot-card-nav__item--next { text-align: right; align-items: flex-end; }
.tarot-card-nav__eyebrow { color: var(--tarot-gold); font-size: 0.76rem; letter-spacing: 0.08em; }
.tarot-card-nav__item strong { margin-top: 6px; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; font-weight: 400; }
.tarot-card-nav__item small { color: var(--tarot-text-muted); }
.tarot-card-nav__list { padding: 10px 18px; border: 1px solid var(--tarot-line-soft); border-radius: 999px; color: var(--tarot-text-muted); text-decoration: none; font-size: 0.86rem; }

.tarot-reading-cta { padding: 92px 0 104px; border-top: 1px solid var(--tarot-line-soft); background: radial-gradient(circle at 50% 0%, rgba(215,189,104,0.10), transparent 44%), var(--tarot-bg-soft); }
.tarot-reading-cta__inner { text-align: center; }
.tarot-reading-cta h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 3.2vw, 3.25rem); font-weight: 400; }
.tarot-reading-cta p:not(.tarot-section-kicker) { max-width: 44rem; margin: 18px auto 0; color: var(--tarot-text-muted); }
.tarot-reading-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 34px; }

@media (max-width: 1120px) {
    .tarot-hero__grid { grid-template-columns: minmax(0, 1fr) minmax(330px, 0.78fr); gap: 48px; }
    .tarot-symbols-grid { grid-template-columns: minmax(0, 1fr) minmax(300px, 0.65fr); gap: 48px; }
    .tarot-symbol-list { grid-template-columns: 1fr; }
}

@media (max-width: 820px) {
    .tarot-shell { width: min(calc(100% - 36px), var(--tarot-max)); }
    .tarot-site-header__inner { min-height: 60px; }
    .tarot-breadcrumb-wrap { padding-top: 14px; }
    .tarot-hero { padding: 18px 0 64px; }
    .tarot-hero__grid { grid-template-columns: 1fr; gap: 38px; }
    .tarot-hero__content { padding: 0; }
    .tarot-title { font-size: clamp(3rem, 15vw, 4.4rem); }
    .tarot-title__secondary { font-size: 0.26em; }
    .tarot-catchphrase { margin-top: 28px; }
    .tarot-short-description { margin-top: 24px; }
    .tarot-keyword-groups { grid-template-columns: 1fr; gap: 14px; margin-top: 30px; }
    .tarot-card-image--hero { max-height: none; width: min(88vw, 420px); }
    .tarot-card-image--symbols { max-height: none; width: min(76vw, 360px); }
    .tarot-section { padding: 72px 0; }
    .tarot-section-heading { margin-bottom: 32px; }
    .tarot-meaning-grid { grid-template-columns: 1fr; }
    .tarot-meaning { padding: 30px 0 34px; }
    .tarot-meaning + .tarot-meaning { padding-left: 0; border-left: 0; border-top: 1px solid var(--tarot-line-soft); }
    .tarot-theme-grid { grid-template-columns: 1fr; }
    .tarot-theme-card { padding: 28px 24px; }
    .tarot-symbols-grid { grid-template-columns: 1fr; }
    .tarot-symbols-figure { order: -1; margin-bottom: 10px; }
    .tarot-symbol-list { grid-template-columns: 1fr; }
    .tarot-card-nav { grid-template-columns: 1fr 1fr; gap: 20px; }
    .tarot-card-nav__list { grid-column: 1 / -1; grid-row: 1; justify-self: center; }
    .tarot-card-nav__item--previous { grid-column: 1; grid-row: 2; }
    .tarot-card-nav__item--next { grid-column: 2; grid-row: 2; }
    .tarot-card-nav__item--empty { display: block; }
}

@media (max-width: 480px) {
    .tarot-shell { width: min(calc(100% - 28px), var(--tarot-max)); }
    .tarot-title { font-size: 3rem; }
    .tarot-catchphrase { font-size: 1.25rem; }
    .tarot-button { width: 100%; }
    .tarot-reading-cta__actions { display: grid; grid-template-columns: 1fr; }
    .tarot-card-nav__item strong { font-size: 1.05rem; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .tarot-button { transition: none; }
}

/* Dual-profile additions: General / Business Tarot */
.tarot-profile-badge { display:inline-block; margin:0 0 18px; padding:7px 12px; border:1px solid var(--tarot-line); border-radius:999px; color:var(--tarot-gold); font-size:.72rem; font-weight:700; letter-spacing:.16em; }
.tarot-card-detail-page--business { --tarot-bg:#0e1116; --tarot-bg-soft:#151a21; --tarot-text:#f1eee4; --tarot-text-muted:#b9b6ad; }
.tarot-card-detail-page--business .tarot-site-header { background:rgba(14,17,22,.94); }
.tarot-business-theme { margin-top:32px; padding:20px 22px; border:1px solid var(--tarot-line); border-radius:var(--tarot-radius); background:rgba(255,255,255,.025); }
.tarot-business-theme span { display:block; margin-bottom:7px; color:var(--tarot-text-muted); font-size:.72rem; font-weight:700; letter-spacing:.16em; }
.tarot-business-theme strong { color:var(--tarot-gold); font-family:Georgia,"Times New Roman",serif; font-size:1.45rem; font-weight:400; }
.tarot-business-reading h3 { margin:0 0 24px; color:var(--tarot-text); font-family:Georgia,"Times New Roman",serif; font-size:1.35rem; font-weight:400; }
.tarot-business-field { padding:18px 0; border-top:1px solid var(--tarot-line-soft); }
.tarot-business-field h4 { margin:0 0 7px; color:var(--tarot-gold); font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.tarot-business-field p { margin:0; color:var(--tarot-text-muted); }
.tarot-business-field--caution h4 { color:var(--tarot-text-muted); }


/* v1.1 shared catalog additions */
.tarot-catalog-hero{padding:clamp(3rem,7vw,6rem) 0 2rem}.tarot-profile-switch{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.5rem}.tarot-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem}.tarot-catalog-card{border:1px solid rgba(128,128,128,.25);border-radius:18px;overflow:hidden;background:var(--tarot-surface,#fff)}.tarot-catalog-card a{display:block;color:inherit;text-decoration:none;padding:1rem}.tarot-catalog-card img{width:100%;height:auto;border-radius:12px;display:block;margin-bottom:1rem}.tarot-catalog-card h2{margin:.25rem 0;font-size:1.15rem}.tarot-page--business .tarot-catalog-card{background:linear-gradient(180deg,rgba(25,31,45,.98),rgba(12,16,24,.98));color:#f4efe5;border-color:rgba(184,145,78,.35)}