/*
  星の樹 デザイン試作 v1
  適用対象: body.design-trial-v1 を付けた代表6ページのみ
  目的: 既存の構造・画像・占いロジックを変えず、視認性と統一感を検証する
*/

body.design-trial-v1{
  --trial-bg:#ffffff;
  --trial-surface:#ffffff;
  --trial-soft:#fbf8f3;
  --trial-text:#30251e;
  --trial-muted:#695c52;
  --trial-heading:#3b2b20;
  --trial-red:#9f1f2b;
  --trial-red-dark:#821923;
  --trial-gold:#aa8246;
  --trial-line:rgba(126,91,48,.19);
  --trial-shadow:0 12px 34px rgba(54,39,28,.075);
  --trial-shadow-hover:0 18px 44px rgba(54,39,28,.115);
  background:var(--trial-bg) !important;
  color:var(--trial-text) !important;
  font-family:'Noto Sans JP',system-ui,-apple-system,'Segoe UI',sans-serif !important;
  font-size:16px;
  font-weight:400 !important;
  line-height:1.9;
  letter-spacing:.012em;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

body.design-trial-v1 *,
body.design-trial-v1 *::before,
body.design-trial-v1 *::after{
  box-sizing:border-box;
}

body.design-trial-v1 p,
body.design-trial-v1 li,
body.design-trial-v1 dd,
body.design-trial-v1 dt{
  color:var(--trial-text);
}

/* ナビゲーション */
body.design-trial-v1 nav{
  min-height:64px !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid var(--trial-line) !important;
  box-shadow:0 5px 18px rgba(54,39,28,.045) !important;
  backdrop-filter:blur(12px);
}
body.design-trial-v1 .nav-logo{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-weight:500 !important;
  letter-spacing:.06em !important;
}
body.design-trial-v1 nav ul a,
body.design-trial-v1 .nav-drawer a{
  color:var(--trial-muted) !important;
  font-weight:400 !important;
}
body.design-trial-v1 nav ul a:hover,
body.design-trial-v1 .nav-drawer a:hover{
  color:var(--trial-red) !important;
}
body.design-trial-v1 .nav-btn{
  background:var(--trial-red) !important;
  border-radius:999px !important;
  color:#fff !important;
}
body.design-trial-v1 .nav-btn:hover{background:var(--trial-red-dark) !important;}
body.design-trial-v1 .nav-drawer{
  background:rgba(255,255,255,.99) !important;
  border-color:var(--trial-line) !important;
}
body.design-trial-v1 .nav-drawer ul li a{border-color:var(--trial-line) !important;}

/* 一覧・記事ページのヒーロー */
body.design-trial-v1 .page-header,
body.design-trial-v1 .article-hero{
  min-height:clamp(270px,31vw,400px) !important;
  padding:80px 2rem 2.25rem !important;
  background-position:center center !important;
  background-size:cover !important;
  isolation:isolate;
}
body.design-trial-v1 .page-header::before,
body.design-trial-v1 .article-hero::before{
  content:'' !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.72),rgba(255,255,255,.88)) !important;
  pointer-events:none;
}
body.design-trial-v1 .page-header > *,
body.design-trial-v1 .article-hero > *{
  position:relative !important;
  z-index:1 !important;
}
body.design-trial-v1 .header-label,
body.design-trial-v1 .article-cat,
body.design-trial-v1 .reading-eyebrow,
body.design-trial-v1 .section-label,
body.design-trial-v1 .media-card-meta{
  color:var(--trial-gold) !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-weight:400 !important;
  letter-spacing:.18em !important;
}
body.design-trial-v1 .page-header h1,
body.design-trial-v1 .article-hero h1{
  color:var(--trial-red) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-weight:700 !important;
  letter-spacing:.045em !important;
  text-shadow:none !important;
}
body.design-trial-v1 .page-header h1{
  font-size:clamp(2rem,4.5vw,3.7rem) !important;
  line-height:1.35 !important;
}
body.design-trial-v1 .article-hero h1{
  max-width:900px !important;
  font-size:clamp(1.65rem,3.1vw,2.75rem) !important;
  line-height:1.55 !important;
}
body.design-trial-v1 .page-header p,
body.design-trial-v1 .article-hero p,
body.design-trial-v1 .article-meta,
body.design-trial-v1 .article-date-hero,
body.design-trial-v1 .breadcrumb,
body.design-trial-v1 .breadcrumb a{
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',sans-serif !important;
  font-size:.84rem !important;
  font-weight:400 !important;
  letter-spacing:.045em !important;
  text-shadow:none !important;
}
body.design-trial-v1 .breadcrumb,
body.design-trial-v1 .article-meta{
  justify-content:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  max-width:94% !important;
}
body.design-trial-v1 .article-cat{
  align-self:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-color:rgba(170,130,70,.55) !important;
  border-radius:999px !important;
  padding:.28rem .9rem !important;
}

/* トップページ */
body.design-trial-v1 .hero{
  min-height:clamp(560px,74vh,760px) !important;
  padding:8.2rem 1.5rem 5.5rem !important;
  background:
    radial-gradient(circle at 50% 18%,rgba(184,150,90,.12),transparent 34%),
    linear-gradient(180deg,#fff 0%,#fcfaf6 100%) !important;
}
body.design-trial-v1 .hero::before{
  background:radial-gradient(ellipse at 50% 35%,rgba(159,31,43,.035),transparent 58%) !important;
}
body.design-trial-v1 .luxury-hero-inner{max-width:980px !important;}
body.design-trial-v1 .hero h1{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(2.45rem,6vw,4.7rem) !important;
  font-weight:700 !important;
  line-height:1.35 !important;
  letter-spacing:.055em !important;
}
body.design-trial-v1 .hero h1 em{
  color:var(--trial-red) !important;
  font-family:inherit !important;
  font-style:normal !important;
}
body.design-trial-v1 .hero-sub{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(1rem,1.5vw,1.25rem) !important;
  font-style:normal !important;
  font-weight:500 !important;
  line-height:1.8 !important;
  margin:1.35rem 0 1.25rem !important;
}
body.design-trial-v1 .hero-intro{
  max-width:800px !important;
  margin:0 auto 1.5rem !important;
  color:var(--trial-muted) !important;
  font-size:.96rem !important;
  line-height:2 !important;
}
body.design-trial-v1 .hero-trustbar{
  gap:.55rem !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
}
body.design-trial-v1 .hero-trustbar span{
  background:#fff !important;
  border:1px solid var(--trial-line) !important;
  border-radius:999px !important;
  color:var(--trial-muted) !important;
  font-size:.78rem !important;
  padding:.42rem .85rem !important;
}

/* セクション見出し */
body.design-trial-v1 section{scroll-margin-top:78px;}
body.design-trial-v1 .section-inner{max-width:1120px !important;}
body.design-trial-v1 .section-title,
body.design-trial-v1 .section-heading,
body.design-trial-v1 .reading-section-heading h2,
body.design-trial-v1 .panel-title{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-weight:700 !important;
  letter-spacing:.035em !important;
  line-height:1.5 !important;
}
body.design-trial-v1 .section-title{font-size:clamp(1.75rem,3.2vw,2.55rem) !important;}
body.design-trial-v1 .section-label::after{background:var(--trial-gold) !important;}
body.design-trial-v1 .howto-bg,
body.design-trial-v1 .picks-bg,
body.design-trial-v1 .profile-intro-section{
  background:var(--trial-soft) !important;
}

/* 共通カード */
body.design-trial-v1 .article-card,
body.design-trial-v1 .media-feature-card,
body.design-trial-v1 .media-mini-card,
body.design-trial-v1 .card-item,
body.design-trial-v1 .reading-theme-card,
body.design-trial-v1 .reading-genre-accordion,
body.design-trial-v1 .featured-readings-panel,
body.design-trial-v1 .profile-intro-card,
body.design-trial-v1 .panel,
body.design-trial-v1 .intro-box,
body.design-trial-v1 .notice-box,
body.design-trial-v1 .reading-result{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:14px !important;
  box-shadow:var(--trial-shadow) !important;
}
body.design-trial-v1 .article-card,
body.design-trial-v1 .media-feature-card,
body.design-trial-v1 .media-mini-card,
body.design-trial-v1 .card-item,
body.design-trial-v1 .reading-theme-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease !important;
}
body.design-trial-v1 .article-card:hover,
body.design-trial-v1 .media-feature-card:hover,
body.design-trial-v1 .media-mini-card:hover,
body.design-trial-v1 .card-item:hover,
body.design-trial-v1 .reading-theme-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(159,31,43,.30) !important;
  box-shadow:var(--trial-shadow-hover) !important;
}
body.design-trial-v1 .article-thumb,
body.design-trial-v1 .media-feature-thumb,
body.design-trial-v1 .media-mini-thumb,
body.design-trial-v1 .card-item img,
body.design-trial-v1 .card-img-wrap{
  border-radius:10px !important;
}
body.design-trial-v1 .article-title,
body.design-trial-v1 .media-feature-body h3,
body.design-trial-v1 .media-mini-body h3,
body.design-trial-v1 .card-info strong,
body.design-trial-v1 .reading-theme-card__title{
  color:var(--trial-heading) !important;
  font-weight:700 !important;
  line-height:1.65 !important;
}
body.design-trial-v1 .article-excerpt,
body.design-trial-v1 .media-feature-body p,
body.design-trial-v1 .media-mini-body p,
body.design-trial-v1 .reading-theme-card__description,
body.design-trial-v1 .reading-lead,
body.design-trial-v1 .intro-text,
body.design-trial-v1 .panel-sub{
  color:var(--trial-muted) !important;
  font-weight:400 !important;
  line-height:1.9 !important;
}

/* ボタン */
body.design-trial-v1 .btn-primary,
body.design-trial-v1 .reading-theme-card__button,
body.design-trial-v1 button.primary,
body.design-trial-v1 input[type='submit']{
  background:var(--trial-red) !important;
  border:1px solid var(--trial-red) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  color:#fff !important;
  font-weight:500 !important;
  min-height:46px;
  padding:.82rem 1.5rem !important;
}
body.design-trial-v1 .btn-primary:hover,
body.design-trial-v1 .reading-theme-card__button:hover,
body.design-trial-v1 button.primary:hover,
body.design-trial-v1 input[type='submit']:hover{
  background:var(--trial-red-dark) !important;
  border-color:var(--trial-red-dark) !important;
}
body.design-trial-v1 .btn-outline,
body.design-trial-v1 button.secondary,
body.design-trial-v1 .cat-btn,
body.design-trial-v1 .filter-btn,
body.design-trial-v1 .back-to-major-link{
  background:#fff !important;
  border:1px solid rgba(159,31,43,.32) !important;
  border-radius:999px !important;
  color:var(--trial-red) !important;
  font-weight:500 !important;
}
body.design-trial-v1 .cat-btn.active,
body.design-trial-v1 .filter-btn.active,
body.design-trial-v1 .btn-outline:hover,
body.design-trial-v1 .cat-btn:hover,
body.design-trial-v1 .filter-btn:hover{
  background:var(--trial-red) !important;
  border-color:var(--trial-red) !important;
  color:#fff !important;
}

/* コラム一覧 */
body.design-trial-v1 .category-bar{
  gap:.55rem !important;
  padding:1.25rem 1rem !important;
  background:#fff !important;
  border-color:var(--trial-line) !important;
}
body.design-trial-v1 .articles-grid{
  max-width:1120px !important;
  gap:1.6rem !important;
}
body.design-trial-v1 .article-card .article-body{padding:1.25rem 1.35rem 1.4rem !important;}
body.design-trial-v1 .article-date{color:#88776a !important;font-size:.75rem !important;}
body.design-trial-v1 .article-read-more{color:var(--trial-red) !important;font-weight:500 !important;}

/* コラム本文 */
body.design-trial-v1 .article-layout{
  width:min(100%,820px) !important;
  max-width:820px !important;
  padding:4.5rem 1.8rem 6.5rem !important;
}
body.design-trial-v1 .article-layout .article-body{
  color:var(--trial-text) !important;
  font-size:17px !important;
  font-weight:400 !important;
  line-height:2.05 !important;
}
body.design-trial-v1 .article-layout .article-body p{
  color:var(--trial-text) !important;
  font-size:inherit !important;
  line-height:inherit !important;
  margin-bottom:1.55em !important;
}
body.design-trial-v1 .article-layout .article-body h2{
  display:block !important;
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(1.45rem,2.6vw,1.85rem) !important;
  font-weight:700 !important;
  line-height:1.65 !important;
  letter-spacing:.025em !important;
  margin:3.25em 0 1.15em !important;
  padding:.05em 0 .55em 1rem !important;
  border-left:4px solid var(--trial-red) !important;
  border-bottom:1px solid var(--trial-line) !important;
}
body.design-trial-v1 .article-layout .article-body h2::before{content:none !important;display:none !important;}
body.design-trial-v1 .article-layout .article-body h3{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:1.25rem !important;
  font-weight:700 !important;
  line-height:1.65 !important;
  margin:2.3em 0 .8em !important;
}
body.design-trial-v1 .article-layout .article-body strong{
  color:var(--trial-red) !important;
  font-weight:700 !important;
}
body.design-trial-v1 .article-lead,
body.design-trial-v1 .quick-answer,
body.design-trial-v1 .source-note,
body.design-trial-v1 .reading-disclaimer{
  background:var(--trial-soft) !important;
  border:1px solid var(--trial-line) !important;
  border-left:4px solid var(--trial-gold) !important;
  border-radius:0 10px 10px 0 !important;
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',sans-serif !important;
  font-style:normal !important;
}

/* カード一覧 */
body.design-trial-v1 .filter-bar{
  background:#fff !important;
  border-color:var(--trial-line) !important;
}
body.design-trial-v1 .section-block{max-width:1120px !important;}
body.design-trial-v1 .cards-grid{gap:1.35rem !important;}
body.design-trial-v1 .card-item{padding:.75rem !important;overflow:hidden !important;}
body.design-trial-v1 .card-info{padding:.75rem .35rem .35rem !important;}
body.design-trial-v1 .card-info .en,
body.design-trial-v1 .card-info .kw{color:var(--trial-muted) !important;}

/* 占い入口 */
body.design-trial-v1 .reading-page-new{padding-top:64px !important;}
body.design-trial-v1 .reading-hero-new{padding-top:5rem !important;padding-bottom:3.2rem !important;}
body.design-trial-v1 .reading-hero-new h1{
  color:var(--trial-red) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(2.2rem,5vw,3.7rem) !important;
  font-weight:700 !important;
  line-height:1.4 !important;
}
body.design-trial-v1 .featured-readings-panel{padding:2.2rem !important;}
body.design-trial-v1 .reading-card-grid-new{gap:1.2rem !important;}
body.design-trial-v1 .reading-genre-accordion__summary{min-height:66px;}
body.design-trial-v1 .reading-genre-accordion__label{color:var(--trial-heading) !important;}

/* 12か月スプレッド試作 */
body.design-trial-v1 .panel{
  width:min(100% - 2rem,1000px) !important;
  margin:3.5rem auto 5rem !important;
  padding:clamp(1.5rem,4vw,3rem) !important;
}
body.design-trial-v1 .intro-box,
body.design-trial-v1 .notice-box,
body.design-trial-v1 .reading-result{
  color:var(--trial-text) !important;
  line-height:1.95 !important;
}
body.design-trial-v1 .position-preview{
  gap:.8rem !important;
}
body.design-trial-v1 .position-preview > *{
  background:var(--trial-soft) !important;
  border-color:var(--trial-line) !important;
  border-radius:10px !important;
}
body.design-trial-v1 .deck-frame{
  border-color:rgba(170,130,70,.4) !important;
  border-radius:14px !important;
  box-shadow:var(--trial-shadow) !important;
}
body.design-trial-v1 .result-text{
  color:var(--trial-text) !important;
  font-size:1rem !important;
  line-height:2 !important;
}

/* フッター */
body.design-trial-v1 footer{
  background:#33251d !important;
  border-top:3px solid var(--trial-gold) !important;
}
body.design-trial-v1 footer,
body.design-trial-v1 footer p,
body.design-trial-v1 footer a{
  color:rgba(255,255,255,.82) !important;
}
body.design-trial-v1 footer a:hover{color:#fff !important;}

@media (max-width:768px){
  body.design-trial-v1{font-size:16px;line-height:1.85;}
  body.design-trial-v1 .page-header,
  body.design-trial-v1 .article-hero{
    min-height:250px !important;
    padding:82px 1rem 1.8rem !important;
    background-size:cover !important;
    background-position:center center !important;
  }
  body.design-trial-v1 .page-header::before,
  body.design-trial-v1 .article-hero::before{
    background:rgba(255,255,255,.82) !important;
  }
  body.design-trial-v1 .page-header h1,
  body.design-trial-v1 .article-hero h1{
    max-width:96% !important;
    font-size:clamp(1.55rem,7.2vw,2.15rem) !important;
    line-height:1.5 !important;
  }
  body.design-trial-v1 .breadcrumb,
  body.design-trial-v1 .article-meta,
  body.design-trial-v1 .article-date-hero{
    font-size:.76rem !important;
    text-align:center !important;
    flex-wrap:wrap !important;
    gap:.4rem .8rem !important;
  }
  body.design-trial-v1 .hero{
    min-height:auto !important;
    padding:7.4rem 1.15rem 4.3rem !important;
  }
  body.design-trial-v1 .hero h1{font-size:clamp(2.15rem,11vw,3.25rem) !important;}
  body.design-trial-v1 .hero-sub{font-size:1rem !important;}
  body.design-trial-v1 .hero-intro{font-size:.9rem !important;line-height:1.95 !important;}
  body.design-trial-v1 section{padding-left:1.15rem !important;padding-right:1.15rem !important;}
  body.design-trial-v1 .article-layout{padding:3.2rem 1.2rem 5rem !important;}
  body.design-trial-v1 .article-layout .article-body{font-size:16px !important;line-height:2 !important;}
  body.design-trial-v1 .article-layout .article-body h2{
    font-size:1.35rem !important;
    margin-top:2.8em !important;
    padding-left:.8rem !important;
  }
  body.design-trial-v1 .article-layout .article-body h3{font-size:1.15rem !important;}
  body.design-trial-v1 .articles-grid,
  body.design-trial-v1 .cards-grid,
  body.design-trial-v1 .reading-card-grid-new{gap:1rem !important;}
  body.design-trial-v1 .featured-readings-panel{padding:1.1rem !important;border-radius:12px !important;}
  body.design-trial-v1 .reading-hero-new{padding:4.3rem 1.15rem 2.4rem !important;}
  body.design-trial-v1 .reading-hero-new h1{font-size:2.15rem !important;}
  body.design-trial-v1 .panel{
    width:calc(100% - 1rem) !important;
    margin:1.5rem auto 3.5rem !important;
    padding:1.25rem .9rem !important;
    border-radius:12px !important;
  }
  body.design-trial-v1 .btn-primary,
  body.design-trial-v1 .btn-outline,
  body.design-trial-v1 .reading-theme-card__button{
    min-height:46px !important;
    font-size:.9rem !important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.design-trial-v1 *,
  body.design-trial-v1 *::before,
  body.design-trial-v1 *::after{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}

/* minor.html のスートナビを全体デザインに馴染ませる微調整 */
body.design-trial-v1 .suit-nav{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:18px !important;
  box-shadow:var(--trial-shadow) !important;
  padding:1rem !important;
  gap:.8rem !important;
  max-width:980px !important;
  margin:0 auto 2rem !important;
  position:relative !important;
  top:auto !important;
}
body.design-trial-v1 .suit-btn{
  min-height:56px !important;
  border-radius:999px !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:1rem !important;
  font-weight:500 !important;
  letter-spacing:.04em !important;
  background:#fff !important;
  border:1px solid var(--trial-line) !important;
  box-shadow:none !important;
}
body.design-trial-v1 .suit-btn.wands{
  background:linear-gradient(180deg,#fffaf4 0%,#fff3e7 100%) !important;
  color:#9a4d21 !important;
  border-color:rgba(154,77,33,.24) !important;
}
body.design-trial-v1 .suit-btn.cups{
  background:linear-gradient(180deg,#f7fbff 0%,#edf5fd 100%) !important;
  color:#2b5f9d !important;
  border-color:rgba(43,95,157,.24) !important;
}
body.design-trial-v1 .suit-btn.swords{
  background:linear-gradient(180deg,#fcfcfc 0%,#f1f1f1 100%) !important;
  color:#55504b !important;
  border-color:rgba(85,80,75,.22) !important;
}
body.design-trial-v1 .suit-btn.pentacles{
  background:linear-gradient(180deg,#f8fcf6 0%,#eef7ea 100%) !important;
  color:#3c6f31 !important;
  border-color:rgba(60,111,49,.24) !important;
}
body.design-trial-v1 .suit-btn:hover{
  opacity:1 !important;
  transform:translateY(-1px) !important;
  box-shadow:0 10px 22px rgba(54,39,28,.09) !important;
}
body.design-trial-v1 .suit-btn.active{
  box-shadow:0 14px 28px rgba(54,39,28,.12) !important;
  border-width:1px !important;
}
body.design-trial-v1 .suit-btn.wands.active{
  border-color:#c86d39 !important;
  box-shadow:0 14px 28px rgba(200,109,57,.16) !important;
}
body.design-trial-v1 .suit-btn.cups.active{
  border-color:#5f8dc2 !important;
  box-shadow:0 14px 28px rgba(95,141,194,.16) !important;
}
body.design-trial-v1 .suit-btn.swords.active{
  border-color:#8e8782 !important;
  box-shadow:0 14px 28px rgba(108,100,92,.14) !important;
}
body.design-trial-v1 .suit-btn.pentacles.active{
  border-color:#679156 !important;
  box-shadow:0 14px 28px rgba(103,145,86,.16) !important;
}
@media (max-width: 768px){
  body.design-trial-v1 .suit-nav{
    grid-template-columns:1fr !important;
    padding:.85rem !important;
    gap:.65rem !important;
    margin:0 auto 1.5rem !important;
  }
  body.design-trial-v1 .suit-btn{
    min-height:52px !important;
    font-size:.95rem !important;
  }
}

/* =========================================================
   小アルカナ 全体デザイン調整
   minor.html + minor-cards/*.html
   ========================================================= */

/* 小アルカナ一覧ページの上部説明カード */
body.design-trial-v1 .article-layout > .intro-box,
body.design-trial-v1 .article-layout > div[style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"]{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

body.design-trial-v1 .article-layout > div[style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"] > div{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:16px !important;
  box-shadow:var(--trial-shadow) !important;
  padding:1rem 1rem .9rem !important;
}
body.design-trial-v1 .article-layout > div[style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"] > div strong{
  color:var(--trial-heading) !important;
  font-size:1rem !important;
}
body.design-trial-v1 .article-layout > div[style*="grid-template-columns:repeat(auto-fit,minmax(200px,1fr))"] > div div:last-child{
  color:var(--trial-muted) !important;
}

/* スートの導入ヘッダー：濃色ベタ塗りをやめ、明るいカード調へ */
body.design-trial-v1 .suit-section{
  max-width:1240px !important;
  margin:0 auto 4.5rem !important;
}
body.design-trial-v1 .suit-header{
  align-items:center !important;
  gap:1.2rem !important;
  padding:1.4rem 1.5rem !important;
  border-radius:18px !important;
  border:1px solid var(--trial-line) !important;
  box-shadow:var(--trial-shadow) !important;
  margin-bottom:1rem !important;
}
body.design-trial-v1 .suit-header.wands{
  background:linear-gradient(180deg,#fffaf4 0%,#fff7ef 100%) !important;
  border-top:5px solid #c86d39 !important;
}
body.design-trial-v1 .suit-header.cups{
  background:linear-gradient(180deg,#f7fbff 0%,#f1f7ff 100%) !important;
  border-top:5px solid #5f8dc2 !important;
}
body.design-trial-v1 .suit-header.swords{
  background:linear-gradient(180deg,#fcfcfc 0%,#f5f5f5 100%) !important;
  border-top:5px solid #8e8782 !important;
}
body.design-trial-v1 .suit-header.pentacles{
  background:linear-gradient(180deg,#f8fcf6 0%,#f2f9ee 100%) !important;
  border-top:5px solid #679156 !important;
}
body.design-trial-v1 .suit-icon{
  width:78px !important;
  height:78px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 78px !important;
  font-size:2.35rem !important;
  border-radius:999px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 22px rgba(54,39,28,.08) !important;
}
body.design-trial-v1 .suit-header.wands .suit-icon{background:rgba(200,109,57,.12) !important;}
body.design-trial-v1 .suit-header.cups .suit-icon{background:rgba(95,141,194,.14) !important;}
body.design-trial-v1 .suit-header.swords .suit-icon{background:rgba(142,135,130,.16) !important;}
body.design-trial-v1 .suit-header.pentacles .suit-icon{background:rgba(103,145,86,.14) !important;}
body.design-trial-v1 .suit-title h2{
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(1.45rem,2.3vw,2rem) !important;
  font-weight:700 !important;
  letter-spacing:.04em !important;
  color:var(--trial-heading) !important;
  margin:0 0 .35rem !important;
}
body.design-trial-v1 .suit-title .en{
  display:block !important;
  color:var(--trial-gold) !important;
  font-size:.92rem !important;
  letter-spacing:.06em !important;
  font-style:italic !important;
  margin-bottom:.35rem !important;
}
body.design-trial-v1 .suit-title .theme{
  color:var(--trial-muted) !important;
  font-size:.98rem !important;
  letter-spacing:.02em !important;
  opacity:1 !important;
  margin-top:.3rem !important;
}
body.design-trial-v1 .suit-desc{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-left:4px solid var(--trial-gold) !important;
  border-radius:14px !important;
  color:var(--trial-muted) !important;
  font-size:.98rem !important;
  line-height:2.05 !important;
  padding:1.2rem 1.35rem !important;
  box-shadow:var(--trial-shadow) !important;
}

/* 小アルカナ一覧のカードグリッド */
body.design-trial-v1 .cards-grid{
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr)) !important;
  gap:1.1rem !important;
}
body.design-trial-v1 .card-block{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:var(--trial-shadow) !important;
}
body.design-trial-v1 .card-block:hover{
  transform:translateY(-2px) !important;
  box-shadow:var(--trial-shadow-hover) !important;
  border-color:rgba(159,31,43,.26) !important;
}
body.design-trial-v1 .card-block-header{
  min-height:235px !important;
  padding:1rem .8rem 1.05rem !important;
  gap:.8rem !important;
  background:#fff !important;
}
body.design-trial-v1 .card-block-header.wands{background:linear-gradient(180deg,#fffaf4 0%,#ffffff 100%) !important;}
body.design-trial-v1 .card-block-header.cups{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%) !important;}
body.design-trial-v1 .card-block-header.swords{background:linear-gradient(180deg,#fbfbfb 0%,#ffffff 100%) !important;}
body.design-trial-v1 .card-block-header.pentacles{background:linear-gradient(180deg,#f8fcf6 0%,#ffffff 100%) !important;}
body.design-trial-v1 .card-img-small{
  width:86px !important;
  height:142px !important;
  border-radius:8px !important;
  box-shadow:0 10px 24px rgba(54,39,28,.12) !important;
}
body.design-trial-v1 .card-block-title h3{
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.93rem !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
  color:var(--trial-heading) !important;
}

/* 小アルカナ詳細ページのヒーロー */
body.design-trial-v1 .card-hero{
  padding:7.6rem 1.5rem 3.4rem !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(170,130,70,.11),transparent 32%),
    linear-gradient(180deg,#ffffff 0%,#fcfaf6 100%) !important;
  border-bottom:1px solid var(--trial-line) !important;
}
body.design-trial-v1 .card-hero::before{
  background:radial-gradient(ellipse at center,rgba(159,31,43,.04) 0%,transparent 72%) !important;
}
body.design-trial-v1 .suit-badge{
  color:var(--trial-gold) !important;
  font-size:.88rem !important;
  letter-spacing:.18em !important;
  margin-bottom:.7rem !important;
}
body.design-trial-v1 .card-hero h1{
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(1.85rem,4.2vw,3rem) !important;
  font-weight:700 !important;
  color:var(--trial-red) !important;
  margin-bottom:.35rem !important;
  line-height:1.42 !important;
}
body.design-trial-v1 .card-hero .en{
  color:var(--trial-muted) !important;
  font-size:1rem !important;
  letter-spacing:.12em !important;
}

body.design-trial-v1 .card-layout{
  max-width:980px !important;
  padding:2.6rem 1.25rem 4.5rem !important;
}
body.design-trial-v1 .card-main{
  grid-template-columns:minmax(150px,220px) 1fr !important;
  align-items:start !important;
  gap:2.2rem !important;
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:20px !important;
  box-shadow:var(--trial-shadow) !important;
  padding:1.6rem !important;
}
body.design-trial-v1 .card-img-wrap img{
  border-radius:12px !important;
  border:1px solid rgba(126,91,48,.18) !important;
  box-shadow:0 14px 30px rgba(54,39,28,.14) !important;
}
body.design-trial-v1 .img-credit{
  color:var(--trial-muted) !important;
  font-size:.72rem !important;
  line-height:1.7 !important;
  margin-top:.7rem !important;
}
body.design-trial-v1 .kw-tags{
  gap:.5rem !important;
  margin-bottom:1.2rem !important;
}
body.design-trial-v1 .kw-tag,
body.design-trial-v1 .suit-tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:32px !important;
  border-radius:999px !important;
  padding:.3rem .85rem !important;
  font-size:.78rem !important;
  font-weight:500 !important;
  letter-spacing:.03em !important;
  border:1px solid transparent !important;
}
body.design-trial-v1 .kw-tag{
  background:#fff8ef !important;
  color:#8b5b23 !important;
  border-color:rgba(170,130,70,.24) !important;
}
body.design-trial-v1 .suit-tag{
  background:#f3f7fc !important;
  color:#365f93 !important;
  border-color:rgba(54,95,147,.22) !important;
}
body.design-trial-v1 .section-block{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:18px !important;
  box-shadow:var(--trial-shadow) !important;
  padding:1.3rem 1.4rem !important;
  margin-bottom:1.2rem !important;
}
body.design-trial-v1 .section-block h2{
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:1.12rem !important;
  font-weight:700 !important;
  color:var(--trial-heading) !important;
  border-bottom:1px solid rgba(126,91,48,.18) !important;
  margin-bottom:.75rem !important;
  padding-bottom:.55rem !important;
}
body.design-trial-v1 .section-block p,
body.design-trial-v1 .section-block li,
body.design-trial-v1 .section-block dd,
body.design-trial-v1 .section-block dt{
  color:var(--trial-muted) !important;
  font-size:.96rem !important;
  line-height:2.02 !important;
}
body.design-trial-v1 .detail-box,
body.design-trial-v1 .sym-box,
body.design-trial-v1 .card-focus-note,
body.design-trial-v1 .tarot-data-source{
  background:var(--trial-soft) !important;
  border:1px solid var(--trial-line) !important;
  border-left:4px solid var(--trial-gold) !important;
  border-radius:16px !important;
  box-shadow:none !important;
  padding:1.2rem 1.25rem !important;
}
body.design-trial-v1 .tarot-data-list{
  grid-template-columns:minmax(8.5rem,11rem) 1fr !important;
  gap:.75rem 1rem !important;
}
body.design-trial-v1 .tarot-data-list dt{
  color:var(--trial-heading) !important;
  font-weight:500 !important;
}
body.design-trial-v1 .nav-links{
  gap:.75rem !important;
  justify-content:center !important;
  margin-top:2.5rem !important;
  padding-top:1.5rem !important;
  border-top:1px solid var(--trial-line) !important;
}
body.design-trial-v1 .nav-link{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:.65rem 1.25rem !important;
  background:#fff !important;
  color:var(--trial-red) !important;
  border:1px solid rgba(159,31,43,.24) !important;
  font-size:.86rem !important;
  font-weight:500 !important;
  letter-spacing:.02em !important;
}
body.design-trial-v1 .nav-link:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 10px 24px rgba(54,39,28,.08) !important;
  color:var(--trial-red-dark) !important;
  border-color:rgba(159,31,43,.35) !important;
}
body.design-trial-v1 .nav-link.primary{
  background:var(--trial-red) !important;
  color:#fff !important;
  border-color:var(--trial-red) !important;
}
body.design-trial-v1 .nav-link.primary:hover{
  background:var(--trial-red-dark) !important;
  color:#fff !important;
}

@media (max-width: 768px){
  body.design-trial-v1 .suit-header{
    align-items:flex-start !important;
    gap:1rem !important;
    padding:1.2rem 1rem !important;
  }
  body.design-trial-v1 .suit-icon{
    width:64px !important;
    height:64px !important;
    flex-basis:64px !important;
    font-size:2rem !important;
  }
  body.design-trial-v1 .suit-title h2{font-size:1.35rem !important;}
  body.design-trial-v1 .suit-title .theme{font-size:.9rem !important;}
  body.design-trial-v1 .cards-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:.8rem !important;
  }
  body.design-trial-v1 .card-block-header{
    min-height:208px !important;
    padding:.9rem .55rem !important;
  }
  body.design-trial-v1 .card-img-small{
    width:70px !important;
    height:116px !important;
  }
  body.design-trial-v1 .card-block-title h3{
    font-size:.8rem !important;
    line-height:1.5 !important;
  }
  body.design-trial-v1 .card-main{
    grid-template-columns:1fr !important;
    gap:1.35rem !important;
    padding:1.1rem !important;
  }
  body.design-trial-v1 .card-layout{
    padding:2rem .95rem 4rem !important;
  }
  body.design-trial-v1 .section-block,
  body.design-trial-v1 .detail-box,
  body.design-trial-v1 .sym-box,
  body.design-trial-v1 .card-focus-note,
  body.design-trial-v1 .tarot-data-source{
    padding:1rem !important;
  }
  body.design-trial-v1 .tarot-data-list{
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   全ページのベースカラー統一
   ホームと下層ページの背景色差を解消
   ========================================================= */
html,
body.design-trial-v1{
  background:#fffdfa !important;
}

body.design-trial-v1 main,
body.design-trial-v1 .reading-page-new,
body.design-trial-v1 .article-layout,
body.design-trial-v1 .card-layout{
  background-color:#fffdfa !important;
  background-image:linear-gradient(180deg,#ffffff 0%,#fffdfa 100%) !important;
}

/* 本文領域は透明にして、共通のベースカラーを見せる */
body.design-trial-v1 .article-body,
body.design-trial-v1 .page-content,
body.design-trial-v1 .content-area,
body.design-trial-v1 .section-inner,
body.design-trial-v1 .card-content{
  background-color:transparent !important;
}

/* 区切り用の薄い背景だけを共通色へ統一 */
body.design-trial-v1 .howto-bg,
body.design-trial-v1 .picks-bg,
body.design-trial-v1 .profile-intro-section,
body.design-trial-v1 .reading-genres-new,
body.design-trial-v1 .featured-readings-new{
  background-color:#fbf8f3 !important;
  background-image:linear-gradient(180deg,#fffdfa 0%,#fbf8f3 100%) !important;
}

/* トップのヒーローも同じベース色から自然につなげる */
body.design-trial-v1 .hero,
body.design-trial-v1 .luxury-hero{
  background-color:#fffdfa !important;
  background-image:
    radial-gradient(circle at 50% 18%,rgba(184,150,90,.09),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fffdfa 100%) !important;
}

@media (max-width:768px){
  body.design-trial-v1 main,
  body.design-trial-v1 .reading-page-new,
  body.design-trial-v1 .article-layout,
  body.design-trial-v1 .card-layout{
    background-color:#fffdfa !important;
    background-image:none !important;
  }
}

/* =========================================================
   小アルカナ スートボタン再調整
   コラム・占うページと同系統の赤基調に統一
   ========================================================= */
body.design-trial-v1 .suit-nav{
  background:var(--trial-surface) !important;
  border:1px solid var(--trial-line) !important;
  border-radius:18px !important;
  box-shadow:var(--trial-shadow) !important;
}

body.design-trial-v1 .suit-btn,
body.design-trial-v1 .suit-btn.wands,
body.design-trial-v1 .suit-btn.cups,
body.design-trial-v1 .suit-btn.swords,
body.design-trial-v1 .suit-btn.pentacles{
  background:#fff !important;
  color:var(--trial-red) !important;
  border:1px solid rgba(159,31,43,.26) !important;
  border-radius:999px !important;
  box-shadow:none !important;
  font-weight:500 !important;
}

body.design-trial-v1 .suit-btn:hover,
body.design-trial-v1 .suit-btn.wands:hover,
body.design-trial-v1 .suit-btn.cups:hover,
body.design-trial-v1 .suit-btn.swords:hover,
body.design-trial-v1 .suit-btn.pentacles:hover{
  background:#fff8f8 !important;
  color:var(--trial-red-dark) !important;
  border-color:rgba(159,31,43,.38) !important;
  box-shadow:0 10px 22px rgba(54,39,28,.08) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
}

body.design-trial-v1 .suit-btn.active,
body.design-trial-v1 .suit-btn.wands.active,
body.design-trial-v1 .suit-btn.cups.active,
body.design-trial-v1 .suit-btn.swords.active,
body.design-trial-v1 .suit-btn.pentacles.active{
  background:var(--trial-red) !important;
  color:#fff !important;
  border-color:var(--trial-red) !important;
  box-shadow:0 14px 28px rgba(159,31,43,.18) !important;
}

body.design-trial-v1 .suit-btn.active:hover,
body.design-trial-v1 .suit-btn.wands.active:hover,
body.design-trial-v1 .suit-btn.cups.active:hover,
body.design-trial-v1 .suit-btn.swords.active:hover,
body.design-trial-v1 .suit-btn.pentacles.active:hover{
  background:var(--trial-red-dark) !important;
  color:#fff !important;
  border-color:var(--trial-red-dark) !important;
}

/* =========================================================
   ヒーロー文字デザイン統一
   背景画像・背景色は各ページ固有のものを維持
   ========================================================= */

/* 下層ページのタイトルを完全に共通化 */
body.design-trial-v1 .page-header h1,
body.design-trial-v1 .article-hero h1,
body.design-trial-v1 .reading-hero-new h1,
body.design-trial-v1 .card-hero h1{
  max-width:980px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:var(--trial-red) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(1.9rem,3.6vw,3.05rem) !important;
  font-weight:700 !important;
  line-height:1.46 !important;
  letter-spacing:.035em !important;
  text-align:center !important;
  text-shadow:none !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
}

/* 英字ラベル・カテゴリラベルの共通化 */
body.design-trial-v1 .header-label,
body.design-trial-v1 .article-cat,
body.design-trial-v1 .reading-eyebrow,
body.design-trial-v1 .suit-badge,
body.design-trial-v1 .hero-ornament{
  color:var(--trial-gold) !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:.86rem !important;
  font-weight:400 !important;
  line-height:1.5 !important;
  letter-spacing:.18em !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* 説明文・日付・英語名の基準を統一 */
body.design-trial-v1 .page-header > p,
body.design-trial-v1 .reading-hero-new .reading-lead,
body.design-trial-v1 .card-hero .en{
  max-width:820px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.96rem !important;
  font-weight:400 !important;
  line-height:1.95 !important;
  letter-spacing:.025em !important;
  text-align:center !important;
  text-shadow:none !important;
}
body.design-trial-v1 .article-date-hero{
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.82rem !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  letter-spacing:.04em !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* ホームは同じ書体設計のまま、ブランド見出しとして一段大きく */
body.design-trial-v1 .hero h1{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(2.35rem,5.3vw,4.25rem) !important;
  font-weight:700 !important;
  line-height:1.38 !important;
  letter-spacing:.045em !important;
  text-align:center !important;
  text-shadow:none !important;
}
body.design-trial-v1 .hero h1 em{
  color:var(--trial-red) !important;
  font-family:inherit !important;
  font-style:normal !important;
  font-weight:inherit !important;
}
body.design-trial-v1 .hero-sub{
  color:var(--trial-heading) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:1.08rem !important;
  font-weight:500 !important;
  line-height:1.8 !important;
  letter-spacing:.025em !important;
  text-align:center !important;
}

@media (max-width:768px){
  body.design-trial-v1 .page-header h1,
  body.design-trial-v1 .article-hero h1,
  body.design-trial-v1 .reading-hero-new h1,
  body.design-trial-v1 .card-hero h1{
    font-size:clamp(1.65rem,7.2vw,2.25rem) !important;
    line-height:1.5 !important;
    letter-spacing:.025em !important;
  }
  body.design-trial-v1 .header-label,
  body.design-trial-v1 .article-cat,
  body.design-trial-v1 .reading-eyebrow,
  body.design-trial-v1 .suit-badge,
  body.design-trial-v1 .hero-ornament{
    font-size:.78rem !important;
    letter-spacing:.15em !important;
  }
  body.design-trial-v1 .page-header > p,
  body.design-trial-v1 .reading-hero-new .reading-lead,
  body.design-trial-v1 .card-hero .en{
    font-size:.9rem !important;
    line-height:1.9 !important;
  }
  body.design-trial-v1 .hero h1{
    font-size:clamp(2.05rem,10vw,3rem) !important;
    line-height:1.42 !important;
  }
}

/* =========================================================
   ヒーロー構成統一 v2
   文字だけでなく、高さ・位置・余白・ラベル装飾を共通化
   背景画像は各ページ固有のものを維持
   ========================================================= */

/* 下層ページの標準ヒーロー寸法 */
body.design-trial-v1 .page-header,
body.design-trial-v1 .article-hero,
body.design-trial-v1 .card-hero{
  width:100% !important;
  min-height:clamp(390px,31vw,510px) !important;
  height:auto !important;
  aspect-ratio:auto !important;
  padding:calc(64px + 2.5rem) 2rem 3rem !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* 占うページは説明文が長いため、高さだけ自動拡張 */
body.design-trial-v1 .reading-hero-new{
  width:100% !important;
  min-height:clamp(430px,34vw,560px) !important;
  height:auto !important;
  padding:calc(64px + 2.5rem) 2rem 3.4rem !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* 旧ページ固有の右寄せ・下寄せ指定を無効化 */
body.design-trial-v1 .page-header > *,
body.design-trial-v1 .article-hero > *,
body.design-trial-v1 .card-hero > *,
body.design-trial-v1 .reading-hero-new > *{
  position:relative !important;
  z-index:1 !important;
}

/* 英字ラベルを全ページで同じ装飾にする
   history.html の .label も対象に含める */
body.design-trial-v1 .page-header > .header-label,
body.design-trial-v1 .page-header > .label,
body.design-trial-v1 .article-hero > .article-cat,
body.design-trial-v1 .reading-hero-new > .reading-eyebrow,
body.design-trial-v1 .card-hero > .suit-badge,
body.design-trial-v1 .hero-ornament{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:1rem !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 auto 1.15rem !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:var(--trial-gold) !important;
  font-family:'Cormorant Garamond',Georgia,serif !important;
  font-size:.88rem !important;
  font-weight:400 !important;
  line-height:1.4 !important;
  letter-spacing:.19em !important;
  text-align:center !important;
  text-transform:none !important;
  box-shadow:none !important;
}

body.design-trial-v1 .page-header > .header-label::before,
body.design-trial-v1 .page-header > .header-label::after,
body.design-trial-v1 .page-header > .label::before,
body.design-trial-v1 .page-header > .label::after,
body.design-trial-v1 .article-hero > .article-cat::before,
body.design-trial-v1 .article-hero > .article-cat::after,
body.design-trial-v1 .reading-hero-new > .reading-eyebrow::before,
body.design-trial-v1 .reading-hero-new > .reading-eyebrow::after,
body.design-trial-v1 .card-hero > .suit-badge::before,
body.design-trial-v1 .card-hero > .suit-badge::after{
  content:'' !important;
  display:block !important;
  width:34px !important;
  height:1px !important;
  flex:0 0 34px !important;
  background:rgba(170,130,70,.58) !important;
}

/* タイトルの寸法・余白を完全に共通化 */
body.design-trial-v1 .page-header h1,
body.design-trial-v1 .article-hero h1,
body.design-trial-v1 .reading-hero-new h1,
body.design-trial-v1 .card-hero h1{
  width:min(980px,100%) !important;
  max-width:980px !important;
  margin:0 auto !important;
  padding:0 !important;
  color:var(--trial-red) !important;
  font-family:'Kaisei Decol','Noto Sans JP',serif !important;
  font-size:clamp(2.05rem,3.35vw,3.05rem) !important;
  font-weight:700 !important;
  line-height:1.42 !important;
  letter-spacing:.035em !important;
  text-align:center !important;
  text-shadow:none !important;
}

/* タイトル下の説明文・英語名 */
body.design-trial-v1 .page-header > p,
body.design-trial-v1 .card-hero > .en{
  width:min(820px,100%) !important;
  max-width:820px !important;
  margin:.85rem auto 0 !important;
  padding:0 !important;
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.96rem !important;
  font-weight:400 !important;
  line-height:1.9 !important;
  letter-spacing:.025em !important;
  text-align:center !important;
}

/* 占うページの説明文の幅と間隔 */
body.design-trial-v1 .reading-hero-new .reading-lead{
  width:min(880px,100%) !important;
  max-width:880px !important;
  margin:.9rem auto 0 !important;
  padding:0 !important;
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.96rem !important;
  font-weight:400 !important;
  line-height:1.95 !important;
  letter-spacing:.02em !important;
  text-align:center !important;
}
body.design-trial-v1 .reading-hero-new .reading-lead-small{
  margin-top:.7rem !important;
}

/* 記事ヒーローの日付・補助情報 */
body.design-trial-v1 .article-hero .article-date-hero,
body.design-trial-v1 .article-hero .article-meta{
  margin:.8rem auto 0 !important;
  color:var(--trial-muted) !important;
  font-size:.82rem !important;
  line-height:1.7 !important;
  text-align:center !important;
}

/* 大アルカナ・小アルカナ直後の選択UIも同じ位置関係へ */
body.design-trial-v1 .page-header + .filter-bar,
body.design-trial-v1 .page-header + .suit-nav{
  position:relative !important;
  z-index:5 !important;
  width:min(1060px,calc(100% - 2rem)) !important;
  max-width:1060px !important;
  margin:-1.65rem auto 2.35rem !important;
}
body.design-trial-v1 .page-header + .filter-bar{
  background:#fff !important;
  border:1px solid var(--trial-line) !important;
  border-radius:18px !important;
  box-shadow:var(--trial-shadow) !important;
  padding:1rem !important;
}

@media (max-width:768px){
  body.design-trial-v1 .page-header,
  body.design-trial-v1 .article-hero,
  body.design-trial-v1 .card-hero{
    min-height:350px !important;
    padding:calc(64px + 1.8rem) 1.1rem 2.4rem !important;
    align-items:center !important;
    justify-content:center !important;
  }
  body.design-trial-v1 .reading-hero-new{
    min-height:auto !important;
    padding:calc(64px + 2rem) 1.1rem 2.7rem !important;
  }
  body.design-trial-v1 .page-header h1,
  body.design-trial-v1 .article-hero h1,
  body.design-trial-v1 .reading-hero-new h1,
  body.design-trial-v1 .card-hero h1{
    font-size:clamp(1.7rem,7.4vw,2.25rem) !important;
    line-height:1.48 !important;
    letter-spacing:.025em !important;
  }
  body.design-trial-v1 .page-header > .header-label,
  body.design-trial-v1 .page-header > .label,
  body.design-trial-v1 .article-hero > .article-cat,
  body.design-trial-v1 .reading-hero-new > .reading-eyebrow,
  body.design-trial-v1 .card-hero > .suit-badge{
    font-size:.78rem !important;
    letter-spacing:.15em !important;
    gap:.7rem !important;
    margin-bottom:.9rem !important;
  }
  body.design-trial-v1 .page-header > .header-label::before,
  body.design-trial-v1 .page-header > .header-label::after,
  body.design-trial-v1 .page-header > .label::before,
  body.design-trial-v1 .page-header > .label::after,
  body.design-trial-v1 .article-hero > .article-cat::before,
  body.design-trial-v1 .article-hero > .article-cat::after,
  body.design-trial-v1 .reading-hero-new > .reading-eyebrow::before,
  body.design-trial-v1 .reading-hero-new > .reading-eyebrow::after,
  body.design-trial-v1 .card-hero > .suit-badge::before,
  body.design-trial-v1 .card-hero > .suit-badge::after{
    width:24px !important;
    flex-basis:24px !important;
  }
  body.design-trial-v1 .page-header > p,
  body.design-trial-v1 .card-hero > .en,
  body.design-trial-v1 .reading-hero-new .reading-lead{
    font-size:.9rem !important;
    line-height:1.85 !important;
  }
  body.design-trial-v1 .page-header + .filter-bar,
  body.design-trial-v1 .page-header + .suit-nav{
    width:calc(100% - 1.2rem) !important;
    margin:-1.15rem auto 1.8rem !important;
  }
}

/* =========================================================
   トップページ：コラムカードのカテゴリ視認性と
   歴史系サムネイルのトリミング調整
   ========================================================= */
body.design-trial-v1 .media-card-meta{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:.34rem .38rem !important;
  margin-bottom:.72rem !important;
  color:var(--trial-muted) !important;
  font-family:'Noto Sans JP',system-ui,sans-serif !important;
  font-size:.72rem !important;
  line-height:1.55 !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}
body.design-trial-v1 .media-card-meta .media-category-tag{
  display:inline-flex !important;
  align-items:center !important;
  min-height:25px !important;
  padding:.18rem .58rem !important;
  border:1px solid rgba(159,31,43,.18) !important;
  border-radius:999px !important;
  background:#fff7f7 !important;
  color:var(--trial-red) !important;
  font-size:.7rem !important;
  font-weight:500 !important;
  line-height:1.35 !important;
  letter-spacing:.025em !important;
  white-space:nowrap !important;
}
body.design-trial-v1 .media-card-meta time{
  flex-basis:100% !important;
  color:var(--trial-muted) !important;
  font-size:.69rem !important;
  font-weight:400 !important;
  letter-spacing:.035em !important;
  margin-top:.02rem !important;
}
body.design-trial-v1 .media-feature-card .media-card-meta{
  margin-bottom:.85rem !important;
}
body.design-trial-v1 .media-feature-card .media-card-meta .media-category-tag{
  min-height:27px !important;
  padding:.2rem .65rem !important;
  font-size:.73rem !important;
}

/* 横長で中央が淡い歴史画像は、左側のモチーフをサムネイルに使用 */
body.design-trial-v1 .media-mini-thumb-history{
  background:#f8f3ed !important;
}
body.design-trial-v1 .media-mini-thumb-history img{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:left center !important;
  filter:saturate(.96) contrast(1.03) !important;
}

@media(max-width:768px){
  body.design-trial-v1 .media-card-meta{
    gap:.3rem !important;
  }
  body.design-trial-v1 .media-card-meta .media-category-tag{
    font-size:.67rem !important;
    padding:.16rem .5rem !important;
  }
}


/* コラム共通著者欄 2026-06-17 */
body.design-trial-v1 .article-author-box{
  max-width:760px;
  margin:3rem auto 1.5rem;
  padding:1.35rem 1.5rem;
  text-align:center;
  background:#fff;
  border:1px solid var(--trial-line);
  border-radius:16px;
  box-shadow:var(--trial-shadow);
}
body.design-trial-v1 .article-author-label{
  margin-bottom:.35rem;
  color:var(--trial-gold);
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:.76rem;
  font-weight:600;
  letter-spacing:.16em;
}
body.design-trial-v1 .article-author-name{
  display:inline-block;
  color:var(--trial-red);
  font-family:'Kaisei Decol','Noto Sans JP',serif;
  font-size:1.2rem;
  font-weight:700;
  letter-spacing:.05em;
  text-decoration:none;
}
body.design-trial-v1 .article-author-name:hover,
body.design-trial-v1 .article-author-profile:hover{
  color:var(--trial-red-dark);
  text-decoration:underline;
  text-underline-offset:.2em;
}
body.design-trial-v1 .article-author-role{
  margin-top:.2rem;
  color:var(--trial-muted);
  font-size:.82rem;
  line-height:1.7;
}
body.design-trial-v1 .article-author-profile{
  display:inline-block;
  margin-top:.55rem;
  color:var(--trial-red);
  font-size:.82rem;
  font-weight:500;
  text-decoration:none;
}
@media(max-width:768px){
  body.design-trial-v1 .article-author-box{
    margin:2.4rem auto 1.2rem;
    padding:1.15rem 1rem;
  }
}