/* Published story refinement: preserve the original visual language. */
.live-refined .cosmos-planets {display:none;}
.live-refined #cosmosCanvas {display:none;}
.live-refined .cosmos-nebula {opacity:.72;}
.live-refined .cosmos-stars-far {opacity:.46;}
.live-refined .cosmos-stars-near {
  opacity:.4;
  animation:refined-stars-breathe 10s ease-in-out infinite alternate;
}
.live-refined #refinedConstellation {
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.72;
  mix-blend-mode:screen;
}
@keyframes refined-stars-breathe {
  from {opacity:.34;}
  to {opacity:.43;}
}
.live-refined .story-hero {
  min-height:clamp(360px,48svh,440px);
  padding:64px 24px 60px;
  background:
    radial-gradient(42% 36% at 50% 55%,rgba(223,211,247,.16),transparent 58%),
    radial-gradient(62% 52% at 50% 58%,rgba(152,104,211,.28),transparent 66%),
    radial-gradient(80% 68% at 55% 58%,rgba(95,80,180,.19),transparent 70%),
    #0a0a16;
}
.live-refined .story-hero-nebula {
  opacity:.8;
  filter:saturate(.72);
}
/* Keep a steady, soft contrast layer above every frame of the moving nebula. */
.live-refined .story-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(ellipse 72% 100% at 50% 50%,rgba(10,10,22,.68) 0%,rgba(10,10,22,.5) 45%,rgba(10,10,22,.12) 100%),
    linear-gradient(180deg,rgba(10,10,22,.12) 0%,rgba(10,10,22,.08) 60%,rgba(10,10,22,.58) 100%);
}
.live-refined .story-hero-inner {
  width:100%;
  max-width:680px;
  padding:12px 0;
}
.live-refined .story-eyebrow {
  margin-bottom:18px;
  color:#d2cbdc;
  font:500 14px/1.7 var(--sans);
  letter-spacing:.1em;
  text-transform:none;
}
.live-refined .story-title {
  margin-bottom:22px;
  color:#f3eff8;
  font-size:clamp(28px,3.2vw,36px);
  line-height:1.55;
  letter-spacing:.045em;
  text-shadow:0 1px 3px rgba(8,6,20,.3);
}
.live-refined .story-subtitle {
  font-size:18px;
  line-height:1.95;
  letter-spacing:.035em;
  color:#e8e2ef;
  opacity:1;
  text-shadow:0 1px 2px rgba(8,6,20,.2);
}
.live-refined .story-article {padding-top:58px; backdrop-filter:none; -webkit-backdrop-filter:none;}
.live-refined .story-article p {font-size:17px; line-height:2.05;}
/* Side notes, definitions and personal turning points each have their own rhythm. */
.live-refined .story-aside {
  margin:28px 0 28px 1em !important;
  padding:0 !important;
  font-family:var(--story-sans) !important;
  font-size:17px !important;
  line-height:2.05 !important;
  color:#c9c3d6 !important;
  background:none;
  border:0;
  border-radius:0;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.live-refined .story-aside::before {content:none;}
.live-refined .story-aside strong {font-weight:500; color:#d8cce9;}
.live-refined .story-aside a {
  text-decoration-color:rgba(216,204,233,.45);
  text-underline-offset:4px;
}
.live-refined .story-definition {
  margin:24px 0 30px;
  padding:0;
  color:#d7d0e2;
}
.live-refined .story-definition summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:48px;
  padding:8px 0;
  list-style:none;
  font:500 17px/1.7 var(--story-sans);
  letter-spacing:.02em;
  cursor:pointer;
}
.live-refined .story-definition summary::-webkit-details-marker {display:none;}
.live-refined .story-definition summary:hover {color:#f1eaf9;}
.live-refined .story-definition summary:focus-visible {
  outline:2px solid #cdaaf2;
  outline-offset:5px;
  border-radius:2px;
}
.live-refined .story-definition-icon {
  position:relative;
  flex:0 0 20px;
  width:20px;
  height:20px;
  color:#c9b8df;
}
.live-refined .story-definition-icon::before,
.live-refined .story-definition-icon::after {
  content:"";
  position:absolute;
  top:9px;
  left:3px;
  width:14px;
  height:1px;
  background:currentColor;
}
.live-refined .story-definition-icon::after {transform:rotate(90deg);}
.live-refined .story-definition[open] .story-definition-icon::after {transform:none;}
.live-refined .story-definition-body {padding:12px 0 0 1em;}
.live-refined .story-definition-body p {
  margin-bottom:18px;
  font-size:17px;
  line-height:2.05;
  color:#d7d0e2;
  opacity:1;
}
.live-refined .story-definition-body p:last-child {margin-bottom:0;}
.live-refined .story-definition-body .story-definition-note {color:#c1b9cf;}
.live-refined .story-definition-note a {color:#d8cce9;text-decoration:underline;text-decoration-color:rgba(216,204,233,.45);text-underline-offset:4px;}
.live-refined p.story-reflection {
  margin:44px 0;
  font-family:var(--serif);
  font-size:19px;
  line-height:2.05;
  color:#eee7f5;
  opacity:1;
}
.live-refined .story-reflection strong {color:#e4d6f3; font-weight:600;}
.live-refined .story-confession {
  margin:36px 0 44px !important;
  padding:4px 0;
  border:0;
  font-size:18px !important;
  line-height:2.05;
  text-align:left;
}
.live-refined .story-confession-turn {
  margin:40px 0 !important;
  font-size:21px !important;
  text-align:center;
}
.live-refined .story-quote {
  margin:32px 0 32px 1em !important;
  padding:0;
  border:0;
  text-align:left;
  letter-spacing:.02em !important;
}
.live-refined .story-quote em {
  background:none;
  color:#ded1ed;
  -webkit-text-fill-color:currentColor;
  font-size:1em;
  font-weight:600;
}
.live-refined .story-quote-soft {
  margin:36px 0 !important;
  padding:0;
  font-family:var(--serif);
  font-size:19px !important;
  letter-spacing:.02em !important;
}
.live-refined .story-message {margin:40px 0 44px; padding:8px 0; text-align:center;}
.live-refined .story-message p {
  margin:0;
  font-family:var(--serif);
  font-size:17px;
  line-height:2.1;
  color:#eee7f5;
  opacity:1;
}
.live-refined .story-message-phrase {display:inline-block;}
.live-refined .story-message strong {
  display:inline-block;
  margin:12px 0;
  color:#e4d6f3;
  font-size:20px;
  font-weight:600;
  letter-spacing:.02em;
}
.live-refined #story-learning,
.live-refined #story-time,
.live-refined #story-line {scroll-margin-top:88px;}
.live-refined .story-sign-title {font-size:14px !important;}
/* A quiet invitation after the signature, rather than a separate sales panel. */
.live-refined .story-cta-wrap {
  margin-top:48px;
  padding:8px 0 16px;
  border:0;
}
.live-refined .story-cta-intro {margin:0 0 28px; text-align:left;}
.live-refined .story-cta-intro p {
  margin:0 0 18px;
  color:#d7d0e2;
  font-size:17px;
  line-height:2.05;
  opacity:1;
}
.live-refined .story-cta-intro p:last-child {margin-bottom:0;}
.live-refined .story-cta-intro a {
  color:#e7daef;
  text-decoration:underline;
  text-decoration-color:rgba(231,218,239,.45);
  text-underline-offset:5px;
  text-decoration-thickness:1px;
}
.live-refined .story-cta-intro a:hover {color:#faf6fd; text-decoration-color:currentColor;}
.live-refined .story-cta-intro a:focus-visible {outline:2px solid #d8cce9; outline-offset:4px;}
.live-refined .story-cta-wrap .cta-button {
  position:relative;
  min-width:0;
  width:300px;
  max-width:100%;
  min-height:54px;
  justify-content:center;
  padding:13px 35px;
  gap:0;
  border:1px solid #94849f;
  border-radius:999px;
  background:rgba(23,19,35,.65);
  color:#f0e8fa;
  font-family:"Inter","Noto Sans JP",sans-serif;
  font-size:17px;
  font-weight:500;
  line-height:1.5;
  letter-spacing:0;
  text-decoration:none;
  box-shadow:none;
  transition:background-color .18s ease,border-color .18s ease;
}
.live-refined .story-cta-label {
  display:block;
  font:500 17px/1.5 "Inter","Noto Sans JP",sans-serif;
  letter-spacing:0;
  text-align:center;
  white-space:nowrap;
}
.live-refined .story-cta-wrap .cta-button:hover {
  background:#221b2e;
  color:#f0e8fa;
  border-color:#c7b7d3;
  box-shadow:none;
  transform:none;
}
.live-refined .story-cta-wrap .cta-button:focus-visible {
  outline:2px solid #eee1ff;
  outline-offset:5px;
}
.live-refined .story-cta-chevron {
  position:absolute;
  right:20px;
  top:50%;
  width:6px;
  height:12px;
  transform:translateY(-50%);
  color:#c3b2d0;
  pointer-events:none;
}
@media(max-width:360px) {
  .live-refined .story-cta-wrap .cta-button {padding:13px 30px;}
  .live-refined .story-cta-chevron {right:15px;}
}
@media (prefers-reduced-motion:reduce) {
  .live-refined .story-cta-wrap .cta-button {transition:none;}
}
.live-refined .site-footer {
  padding:42px 24px 36px;
  background:#080813;
  border-top:1px solid rgba(214,205,255,.12);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.live-refined .refined-footer-brand {display:inline-flex; align-items:center; gap:12px; margin-bottom:22px; color:#ece7f3; text-decoration:none;}
.live-refined .refined-footer-brand img {filter:brightness(1.45);}
.live-refined .refined-footer-brand > span {text-align:left; font:500 17px/1.35 var(--serif); letter-spacing:.06em;}
.live-refined .refined-footer-brand small {display:block; margin-top:5px; color:#aaa1b9; font:400 12px/1.4 var(--sans); letter-spacing:.12em; text-transform:uppercase;}
.live-refined .site-footer .footer-nav-row-primary {display:flex; justify-content:center; flex-wrap:wrap; gap:8px 28px; margin-bottom:20px;}
.live-refined .site-footer .footer-nav-row-legal {display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:4px 8px;}
.live-refined .site-footer .footer-nav a,
.live-refined .site-footer .footer-contact {display:inline-flex; align-items:center; min-height:38px; font-size:14px; color:#aaa3b9;}
.live-refined .site-footer .footer-nav a {display:inline-flex; align-items:center; min-height:38px; color:#c8c0d2; text-decoration:none;}
.live-refined .site-footer .footer-nav a:hover {color:#f0e9f7; text-decoration:underline;}
.live-refined .site-footer .footer-contact a {color:#c8c0d2;}
.live-refined .site-footer .footer-copy {margin-top:20px; font-size:12px; color:#aaa3b9;}
@media(max-width:600px) {
  .live-refined .story-hero {min-height:clamp(300px,39svh,340px); padding:42px 22px 40px;}
  .live-refined .story-hero::after {
    background:
      radial-gradient(ellipse 130% 100% at 50% 50%,rgba(10,10,22,.68) 0%,rgba(10,10,22,.5) 45%,rgba(10,10,22,.16) 100%),
      linear-gradient(180deg,rgba(10,10,22,.12) 0%,rgba(10,10,22,.08) 60%,rgba(10,10,22,.58) 100%);
  }
  .live-refined .story-hero-inner {padding:8px 0;}
  .live-refined .story-title {font-size:clamp(24px,6.8vw,29px); margin-bottom:20px; letter-spacing:.035em;}
  .live-refined .story-eyebrow {font-size:14px; margin-bottom:16px;}
  .live-refined .story-subtitle {font-size:17px; line-height:1.95; letter-spacing:.02em;}
  .live-refined .story-article {padding-top:48px;}
  .live-refined p.story-reflection {margin:36px 0; font-size:18px;}
  .live-refined .story-confession {font-size:17px !important;}
  .live-refined .story-confession-turn {font-size:19px !important;}
  .live-refined .story-quote-soft {font-size:18px !important;}
  .live-refined .story-message strong {font-size:18px;}
  .live-refined .site-footer {padding:36px 22px 30px;}
  .live-refined .site-footer .footer-nav-row-primary {gap:2px 20px;}
  .live-refined .site-footer .footer-nav-row-legal {flex-direction:column; gap:0;}
  .live-refined .site-footer .footer-sep {display:none;}
}
@media(prefers-reduced-motion:reduce) {
  .live-refined .cosmos-nebula,
  .live-refined .cosmos-stars-near {animation:none;}
}