.article-demo[data-article-demo="voice"] { display: block; padding: 0; }
.pro-writing-demo { position: relative; display: grid; align-content: start; gap: 13px; width: 100%; height: 444px; overflow: hidden; padding: 17px 18px; border: 1px solid rgba(23,32,51,.13); border-radius: 12px; background: #fff; color: #26344a; text-align: left; box-shadow: 0 18px 42px rgba(23,32,51,.07); opacity: 1; transition: opacity .3s ease; }
.pro-writing-demo.is-fading { opacity: 0; }
.pro-writing-demo * { box-sizing: border-box; }
.pro-writing-fallback { align-self: center; justify-self: center; color: #5f6f87; font-family: Georgia, "Times New Roman", serif; font-size: 20px; }
.pw-context { display: flex; align-items: center; gap: 6px; color: #2b654a; font-size: 9px; font-weight: 800; letter-spacing: .07em; }
.pw-context-mark { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 5px; background: #e6f0e9; color: #2c7550; font-size: 9px; }
.pw-section-label { display: flex; align-items: center; gap: 5px; margin-bottom: 6px; color: #718094; font-size: 10px; font-weight: 700; }
.pw-section-label > i { width: 13px; font-size: 11px; text-align: center; }
.pw-tag { flex: none; margin-left: auto; padding: 3px 7px; border-radius: 99px; font-size: 8px; font-weight: 750; opacity: 0; transition: opacity .3s ease; white-space: nowrap; }
.pw-tag.is-visible { opacity: 1; }
.pw-tag-generic { background: #fff0ed; color: #a44b3f; }
.pw-tag-convella { background: #e6f6eb; color: #16805f; }
.pw-transcript-text { padding: 10px 12px; border: 1px solid #e5e9ed; border-radius: 7px; background: #f8fafb; color: #536071; font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 10px; line-height: 1.65; }
.pw-card { opacity: 0; transform: translateY(8px); transition: opacity .5s ease, transform .5s ease; }
.pw-card.is-visible { opacity: 1; transform: none; }
.pw-generic-text { padding: 10px 12px; border: 1px solid #e5e9ed; border-radius: 7px; background: #fff; color: #607086; font-size: 11px; line-height: 1.58; }
.pw-card-convella .pw-section-label { color: #6941ae; }
.pw-convella-text { padding: 12px 14px; border: 1.5px solid #b9a3e8; border-radius: 8px; background: #fdfcff; color: #253c33; font-family: Georgia, "Times New Roman", serif; font-size: 16px; line-height: 1.45; box-shadow: 0 6px 20px rgba(80,49,132,.06); }
.pw-cliche, .pw-phrase { border-radius: 3px; padding: 1px 2px; margin: 0 -2px; transition: background .35s ease, color .35s ease, text-decoration-color .35s ease; }
.pw-cliche.is-flagged { background: #ffe5e0; color: #9d3d34; text-decoration: line-through; text-decoration-color: #be685f; }
.pw-phrase.is-highlighted { background: #e5dafb; color: #54328f; }
@media (max-width: 760px) {
  .pro-writing-inline { padding: 0; }
  .pro-writing-inline .pro-writing-demo { height: 430px; padding: 14px; border: 0; border-radius: 0; box-shadow: none; }
  .pw-transcript-text { font-size: 9px; }
  .pw-generic-text { font-size: 10px; }
  .pw-convella-text { font-size: 15px; }
}
@media (max-width: 390px) {
  .pro-writing-inline .pro-writing-demo { height: 475px; }
  .pw-tag { padding: 3px 5px; font-size: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .pro-writing-demo * { transition: none !important; animation: none !important; }
}