.hub-question-prep-entry{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;margin:14px 0 4px;padding:16px 18px;border:1px solid rgba(139,91,49,.18);border-radius:16px;background:linear-gradient(135deg,#fffaf2,#f8efe3);box-shadow:0 8px 20px rgba(68,42,23,.05)}.hub-question-prep-entry__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#3a2a1f;color:#fff8ee;font:800 18px/1 system-ui}.hub-question-prep-entry__copy{display:grid;gap:3px;min-width:0}.hub-question-prep-entry__copy strong{font-size:15px;line-height:1.45;color:#2f231b}.hub-question-prep-entry__copy span{font-size:13px;line-height:1.65;color:#756254}.hub-question-prep-entry__cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:999px;background:#7d4a27;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap}.hub-question-prep-entry__cta:hover{filter:brightness(.96)}.fortune-question-guide-entry{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 14px;padding:4px 8px 4px 14px;width:max-content;max-width:100%;min-height:44px;border:1px solid rgba(112,80,55,.14);border-radius:999px;background:rgba(255,252,247,.74);color:#766658;font-size:12.5px;line-height:1.4}.fortune-question-guide-entry a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 6px;color:#7d4a27;font-weight:800;text-decoration:underline;text-underline-offset:3px}.fortune-question-guide-entry a:focus-visible,.hub-question-prep-entry__cta:focus-visible{outline:3px solid #6f3816;outline-offset:3px}@media(max-width:640px){.hub-question-prep-entry{grid-template-columns:40px minmax(0,1fr);padding:15px;gap:12px}.hub-question-prep-entry__icon{width:40px;height:40px}.hub-question-prep-entry__cta{grid-column:1/-1;width:100%;min-height:46px}.fortune-question-guide-entry{width:100%;justify-content:space-between;border-radius:14px;padding:4px 6px 4px 13px;font-size:13px}.fortune-question-guide-entry a{min-height:44px;padding:0 7px}}

/* Mor A handwritten-plan bridge: the teacher card is a narrow container even
   on desktop, so the CTA must not compete horizontally with the copy. */
.fortunev2-async-qa-entry--bridge{
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-areas:
    "bridge-icon bridge-copy"
    "bridge-cta bridge-cta";
  column-gap:12px!important;
  row-gap:10px!important;
  align-items:start!important;
  padding:14px!important;
}

.fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__icon{
  grid-area:bridge-icon;
  align-self:start;
  width:40px;
  height:40px;
}

.fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__copy{
  grid-area:bridge-copy;
  min-width:0;
  gap:3px;
  padding-top:1px;
}

.fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__title{
  font-size:14px;
  line-height:1.48;
  overflow-wrap:break-word;
}

.fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__meta{
  font-size:11px;
  line-height:1.55;
  overflow-wrap:break-word;
}

.fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__status,
.fortunev2-async-qa-entry--bridge[data-state="loading"] .fortunev2-async-qa-entry__status,
.fortunev2-async-qa-entry--bridge[data-state="open"] .fortunev2-async-qa-entry__status,
.fortunev2-async-qa-entry--bridge[data-state="closed"] .fortunev2-async-qa-entry__status,
.fortunev2-async-qa-entry--bridge[data-state="unavailable"] .fortunev2-async-qa-entry__status{
  grid-area:bridge-cta!important;
  grid-column:1/-1!important;
  grid-row:auto!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:44px;
  box-sizing:border-box;
  margin:0!important;
  padding:10px 14px;
}

/* Preview refinement: restore the original Mor A handwritten-process explanation
   above the plan cards, then give the last benefit a clear breathing zone before CTA. */
.fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-feature__head{
  margin-bottom:0;
}

.fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-feature__body{
  max-width:880px;
  margin-top:12px;
  font-size:14px;
  line-height:1.85;
}

.fortune-handwritten-process{
  margin:22px 0 0;
}

.fortune-handwritten-process__steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}

.fortune-handwritten-process__step{
  display:flex;
  align-items:center;
  min-width:0;
  min-height:58px;
  box-sizing:border-box;
  gap:11px;
  padding:10px 14px;
  border:1px solid rgba(139,98,42,.16);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  box-shadow:0 7px 18px rgba(75,49,20,.04);
}

.fortune-handwritten-process__number{
  display:grid;
  flex:0 0 30px;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(135deg,#bd8a3c,#95601b);
  color:#fff;
  font-size:12px;
  font-weight:900;
  box-shadow:0 5px 12px rgba(128,87,24,.15);
}

.fortune-handwritten-process__label{
  min-width:0;
  color:#4e4034;
  font-size:13px;
  font-weight:850;
  line-height:1.45;
}

.fortune-handwritten-plan-divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin:28px 0 24px;
  color:#5d3b20;
  font-family:"Noto Serif TC",Georgia,serif;
  font-size:18px;
  font-weight:900;
  line-height:1.35;
  text-align:center;
  white-space:nowrap;
}

.fortune-handwritten-plan-divider::before,
.fortune-handwritten-plan-divider::after{
  content:'';
  flex:1 1 110px;
  max-width:170px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(165,112,42,.34));
}

.fortune-handwritten-plan-divider::after{
  background:linear-gradient(90deg,rgba(165,112,42,.34),transparent);
}

.fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-plan-card__benefits{
  margin-bottom:30px;
}

@media(max-width:980px){
  .fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-plan-card__benefits{
    margin-bottom:28px;
  }
}

@media(max-width:820px){
  .fortune-handwritten-process__steps{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
}

@media(max-width:640px){
  .fortunev2-async-qa-entry--bridge{
    grid-template-columns:36px minmax(0,1fr)!important;
    column-gap:10px!important;
    row-gap:9px!important;
    padding:12px!important;
  }

  .fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__icon{
    width:34px;
    height:34px;
  }

  .fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__title{
    font-size:13.5px;
    line-height:1.5;
  }

  .fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__meta{
    font-size:10.5px;
    line-height:1.55;
  }

  .fortunev2-async-qa-entry--bridge .fortunev2-async-qa-entry__status,
  .fortunev2-async-qa-entry--bridge[data-state="loading"] .fortunev2-async-qa-entry__status,
  .fortunev2-async-qa-entry--bridge[data-state="open"] .fortunev2-async-qa-entry__status,
  .fortunev2-async-qa-entry--bridge[data-state="closed"] .fortunev2-async-qa-entry__status,
  .fortunev2-async-qa-entry--bridge[data-state="unavailable"] .fortunev2-async-qa-entry__status{
    min-height:46px;
  }

  .fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-feature__body{
    margin-top:10px;
    font-size:13px;
    line-height:1.8;
  }

  .fortune-handwritten-process{
    margin-top:18px;
  }

  .fortune-handwritten-process__steps{
    gap:9px;
  }

  .fortune-handwritten-process__step{
    min-height:54px;
    gap:9px;
    padding:9px 10px;
    border-radius:16px;
  }

  .fortune-handwritten-process__number{
    flex-basis:28px;
    width:28px;
    height:28px;
    font-size:11px;
  }

  .fortune-handwritten-process__label{
    font-size:12.5px;
    line-height:1.4;
  }

  .fortune-handwritten-plan-divider{
    gap:10px;
    margin:24px 0 20px;
    font-size:16px;
  }

  .fortunev2-async-qa-feature--process-refined .fortunev2-async-qa-plan-card__benefits{
    margin-bottom:30px;
  }
}