.blog-page { background: radial-gradient(ellipse 600px 450px at 100% 0%, #f0eaff75, transparent), var(--paper); }
.journal-container { width: min(1120px, calc(100% - 80px)); margin-inline: auto; }
.journal-intro { padding: 65px 0 42px; }
.journal-eyebrow { display: flex; align-items: center; gap: 9px; color: #936408; font-size: 11px; font-weight: 650; letter-spacing: 1.7px; text-transform: uppercase; margin-bottom: 18px; }
.journal-eyebrow::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--amber); }
.journal-intro h1 { font-size: clamp(46px, 5.1vw, 66px); line-height: 1.04; letter-spacing: -.055em; margin: 0 0 22px; max-width: 850px; font-weight: 760; }
.journal-intro h1 em { color: #77717d; font-weight: 650; }
.journal-intro > p:last-child { max-width: 600px; color: #716d77; font-size: 17px; line-height: 1.65; margin-bottom: 0; }
.featured-post { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #e8e1d5; border-radius: 24px; background: #fff; overflow: hidden; transition: border-color .2s, box-shadow .2s; }
.featured-post:hover { border-color: #dfb75a; box-shadow: 0 10px 30px #5d46330a; }
.featured-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 43px; }
.post-meta { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; font-size: 11px; line-height: 1.5; color: #827b85; margin: 0 0 18px; }
.post-category { color: #96620a; background: #fff3d9; border: 1px solid #f3e5c4; border-radius: 30px; padding: 5px 10px; font-weight: 600; }
.post-meta .meta-dot { width: 3px; height: 3px; background: #bcb4c0; border-radius: 50%; }
.featured-copy h2 { font-size: clamp(30px, 3vw, 39px); line-height: 1.13; letter-spacing: -1.4px; margin: 0 0 18px; max-width: 380px; }
.featured-copy > p { font-size: 15px; color: #77717a; line-height: 1.7; max-width: 380px; margin-bottom: 30px; }
.journal-read-link { display: inline-flex; align-items: center; gap: 14px; font-size: 13px; font-weight: 650; margin-top: auto; min-height: 30px; }
.journal-read-link .icon { width: 19px; height: 19px; transition: transform .2s; }
a:hover .journal-read-link .icon { transform: translateX(4px); }
.post-cover { position: relative; display: grid; place-items: center; overflow: hidden; min-height: 280px; isolation: isolate; }
.cover-setup { background: url('/assets/pearl-ribbon-v2.jpg') 70% 50% / cover; }
.cover-setup::before { content: ""; position: absolute; inset: 0; z-index: -1; background: #fff9eb80; }
.cover-orbit { position: absolute; width: 240px; height: 240px; border: 1px solid #ffffffba; border-radius: 50%; box-shadow: 0 0 0 38px #ffffff24, 0 0 0 76px #ffffff18; }
.cover-microphone { position: relative; width: 115px; height: 250px; object-fit: contain; margin-top: 25px; filter: drop-shadow(0 15px 14px #48404420); }
.cover-note { position: absolute; display: inline-flex; align-items: center; gap: 8px; background: #ffffffed; border: 1px solid #ffffff; border-radius: 12px; box-shadow: 0 5px 24px #51415d10; font-size: 11px; color: #59515e; padding: 10px 14px; }
.cover-note .icon { width: 16px; height: 16px; color: #d7960b; }
.cover-local { top: 38px; right: 27px; }
.cover-voice { left: 28px; bottom: 39px; gap: 13px; }
.cover-wave { width: 80px; height: 25px; color: #e8a114; }
.journal-more { padding-block: 60px 64px; }
.journal-section-title { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; margin-bottom: 26px; }
.journal-section-title h2 { font-size: 29px; letter-spacing: -1px; margin: 0; }
.journal-section-title > span { font-size: 12px; color: #8b848c; }
.journal-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.journal-card { min-width: 0; }
.journal-card > a { display: flex; flex-direction: column; height: 100%; border: 1px solid #e9e5df; border-radius: 20px; overflow: hidden; background: #fff; transition: border-color .2s, transform .2s; }
.journal-card > a:hover { transform: translateY(-3px); border-color: #e0bb6c; }
.journal-card .post-cover { min-height: 238px; }
.cover-privacy { background: radial-gradient(ellipse at 30% 10%, #fff7df, transparent 70%), linear-gradient(130deg, #f3ecff, #f9f5ff 65%, #fff7e6); }
.cover-check { background: radial-gradient(ellipse at 80% 30%, #e9e2ff, transparent 70%), linear-gradient(130deg, #fff1ca, #fff7e9 65%, #f1ecff); }
.cover-chip { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 15px; width: 136px; height: 145px; background: linear-gradient(140deg, #fffefd, #fff8e9); border: 1px solid #e2cb9d; border-radius: 25px; box-shadow: 0 15px 28px #67544410; transform: rotate(-6deg); }
.cover-chip > .icon { width: 33px; height: 33px; color: #b88824; }
.cover-chip .cover-wave { width: 86px; height: 27px; }
.cover-caption { position: absolute; padding: 7px 12px; border: 1px solid #ffffffd9; border-radius: 20px; background: #ffffffcc; color: #6d6470; font-size: 11px; letter-spacing: .15px; }
.cover-privacy .cover-caption { right: 30px; bottom: 28px; }
.cover-headphones { display: grid; place-items: center; width: 136px; height: 136px; border-radius: 50%; border: 1px solid #ffffff; background: #ffffffa6; box-shadow: 0 0 0 21px #ffffff35, 0 0 0 44px #ffffff22; }
.cover-headphones > .icon { width: 74px; height: 74px; stroke-width: 1.1; color: #ad7e24; }
.cover-check .cover-caption { bottom: 24px; display: flex; align-items: center; gap: 7px; }
.cover-check .cover-caption .icon { width: 13px; height: 13px; color: #ac7b1c; }
.journal-card-copy { display: flex; flex-direction: column; align-items: flex-start; padding: 27px 29px 25px; flex: 1; }
.journal-card-copy .post-meta { margin-bottom: 15px; }
.journal-card-copy h3 { font-size: 26px; line-height: 1.18; letter-spacing: -.8px; margin: 0 0 13px; }
.journal-card-copy > p { font-size: 14px; color: #77717a; line-height: 1.7; margin-bottom: 24px; }
.journal-help { display: flex; justify-content: space-between; align-items: center; gap: 30px; border-top: 1px solid #e8e3dc; padding: 30px 0 48px; }
.journal-help h2 { font-size: 22px; letter-spacing: -.6px; margin: 0 0 8px; }
.journal-help p { font-size: 14px; color: #77717a; margin: 0; line-height: 1.6; }
.journal-help a { white-space: nowrap; }
.journal-cta { background: linear-gradient(115deg, #fff0c6, #fff5df 56%, #f0eaff); border-block: 1px solid #efe6d5; padding: 45px 0; }
.journal-cta .journal-container { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.journal-cta h2 { font-size: 32px; letter-spacing: -1.1px; margin: 0 0 10px; }
.journal-cta p { color: #84765e; font-size: 14px; line-height: 1.6; margin: 0; }
.journal-cta .button { white-space: nowrap; }
.article-top { padding-block: 38px 0; }
.article-back { display: inline-flex; gap: 8px; align-items: center; padding-block: 6px; font-size: 13px; color: #746c79; }
.article-back .icon { width: 17px; height: 17px; transform: rotate(180deg); }
.article-header { max-width: 820px; margin: 36px auto 38px; }
.article-header .post-meta { margin-bottom: 22px; }
.article-header h1 { font-size: clamp(42px, 4.6vw, 58px); line-height: 1.07; font-weight: 750; letter-spacing: -.05em; margin: 0 0 23px; }
.article-deck { font-size: 20px; color: #79717d; line-height: 1.6; margin: 0 0 24px; max-width: 760px; }
.article-byline { display: flex; gap: 10px; align-items: center; color: #847c87; font-size: 12px; }
.article-byline img { width: 26px; height: 26px; }
.article-cover { max-width: 820px; margin: 0 auto 52px; border: 1px solid #e9e2da; border-radius: 22px; }
.article-cover.post-cover { min-height: 300px; }
.article-cover .cover-microphone { height: 258px; margin-top: 20px; }
.article-cover .cover-local { right: 12%; }
.article-cover .cover-voice { left: 12%; }
.article-layout { display: grid; grid-template-columns: 230px minmax(0, 680px); gap: 55px; justify-content: center; align-items: start; padding-bottom: 65px; }
.article-sidebar { position: sticky; top: 28px; border-left: 1px solid #e8e3dc; padding-left: 20px; min-width: 0; }
.article-toc { position: static; }
.article-toc > p { font-size: 11px; font-weight: 650; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 14px; color: #969099; }
.article-toc a { display: block; font-size: 13px; line-height: 1.55; color: #756c7b; padding: 7px 0; }
.article-toc a:hover { color: #a56b09; }
.article-sidebar-cta { border-top: 1px solid #e8e3dc; margin-top: 25px; padding-top: 24px; }
.article-sidebar-cta h2 { font-size: 10px; line-height: 1.5; letter-spacing: 1.6px; font-weight: 650; text-transform: uppercase; color: #a47720; margin: 0 0 13px; }
.article-sidebar-cta > p { font-size: 13px; line-height: 1.75; color: #837989; margin-bottom: 21px; }
.article-sidebar-cta .button { width: 100%; min-height: 45px; font-size: 12px; border-radius: 11px; padding: 12px; }
.article-sidebar-cta .sidebar-pricing { margin-top: 10px; background: #fffdfa; border-color: #dfd9e3; color: #5e5467; }
.article-sidebar-cta .sidebar-pricing:hover { background: #f5f0fa; }
.article-sidebar-cta > .sidebar-trial-note { font-size: 11px; line-height: 1.65; margin: 13px 0 0; color: #9a909f; }
.article-body { min-width: 0; font-size: 17px; line-height: 1.85; color: #625b67; }
.article-body > p:first-child { margin-top: 0; }
.article-body p { margin-bottom: 23px; }
.article-body h2 { color: #242025; font-size: 29px; line-height: 1.22; letter-spacing: -.9px; margin: 42px 0 18px; scroll-margin-top: 30px; }
.article-body h3 { color: #342d39; font-size: 20px; margin: 28px 0 12px; }
.article-body strong { color: #3c3441; font-weight: 620; }
.article-body a { color: #9b660b; text-decoration: underline; text-underline-offset: 4px; }
.article-body ul, .article-body ol { padding-left: 24px; margin: 0 0 25px; }
.article-body li { padding-left: 5px; margin-bottom: 12px; }
.article-callout { padding: 22px 25px; border: 1px solid #efdfb7; border-radius: 13px; background: #fff7e5; font-size: 15px; line-height: 1.75; margin: 28px 0; }
.article-callout p { margin: 0; }
.article-flow { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 20px; background: #f7f4fa; border: 1px solid #ebe4f1; border-radius: 14px; color: #71647a; font-size: 13px; margin: 27px 0; }
.article-flow > span { text-align: center; }
.article-flow strong { display: block; color: #3f3449; font-weight: 600; }
.article-flow > .icon { width: 19px; height: 19px; color: #bda7cf; }
.article-related { background: #faf7f2; border-top: 1px solid #eee7df; padding-block: 48px 54px; }
.article-related .journal-grid { max-width: 900px; }
.article-related .journal-card .post-cover { min-height: 190px; }
.article-related .journal-card-copy h3 { font-size: 23px; }
@media (max-width: 1100px) {
  .journal-container { width: calc(100% - 64px); }
  .featured-copy { padding: 32px; }
  .featured-copy h2 { font-size: 33px; }
  .article-layout { gap: 36px; grid-template-columns: 200px minmax(0, 1fr); }
}
@media (max-width: 900px) {
  .journal-intro { padding-top: 47px; }
  .featured-post { grid-template-columns: 1fr 1fr; }
  .featured-copy { padding: 28px; }
  .featured-copy h2 { font-size: 30px; }
  .featured-copy > p { font-size: 14px; }
  .post-cover { min-height: 340px; }
  .cover-local { top: 29px; right: 20px; }
  .cover-voice { left: 20px; bottom: 30px; }
  .journal-card-copy { padding: 24px; }
  .journal-card-copy h3 { font-size: 24px; }
  .article-layout { grid-template-columns: 1fr; gap: 34px; max-width: 680px; margin-inline: auto; }
  .article-sidebar { position: static; border: 0; padding: 0; }
  .article-sidebar-cta { display: none; }
  .article-toc { position: static; display: flex; flex-wrap: wrap; gap: 6px 20px; padding: 0 0 23px; border: 0; border-bottom: 1px solid #e8e3dc; }
  .article-toc > p { width: 100%; margin: 0 0 5px; }
  .article-toc a { padding-block: 5px; }
  .article-header { margin-top: 30px; }
  .article-deck { font-size: 18px; }
  .journal-cta h2 { font-size: 29px; }
}
@media (max-width: 699px) {
  .journal-container { width: calc(100% - 40px); }
  .journal-intro { padding: 34px 0 28px; }
  .journal-eyebrow { font-size: 10px; letter-spacing: 1.4px; margin-bottom: 17px; }
  .journal-intro h1 { font-size: clamp(40px, 10.5vw, 56px); margin-bottom: 19px; }
  .journal-intro > p:last-child { font-size: 16px; }
  .featured-post { grid-template-columns: 1fr; border-radius: 19px; }
  .featured-copy { padding: 27px 24px; }
  .featured-copy h2 { font-size: 31px; max-width: 390px; margin-bottom: 15px; }
  .featured-copy > p { font-size: 14px; margin-bottom: 22px; }
  .post-meta { font-size: 11px; gap: 8px; }
  .featured-post .post-cover { min-height: 270px; }
  .cover-microphone { height: 225px; width: 106px; margin-top: 15px; }
  .cover-local { top: 25px; right: 21px; }
  .cover-voice { left: 21px; bottom: 24px; }
  .cover-note { font-size: 10px; padding: 9px 11px; }
  .cover-orbit { width: 200px; height: 200px; }
  .journal-more { padding-block: 40px; }
  .journal-section-title { margin-bottom: 22px; }
  .journal-section-title h2 { font-size: 26px; line-height: 1.2; }
  .journal-section-title > span { display: none; }
  .journal-grid { grid-template-columns: 1fr; gap: 23px; }
  .journal-card { max-width: 540px; width: 100%; margin-inline: auto; }
  .journal-card .post-cover { min-height: 225px; }
  .journal-card-copy { padding: 25px 24px; }
  .journal-card-copy h3 { font-size: 26px; }
  .journal-read-link { font-size: 14px; min-height: 34px; }
  .journal-help { flex-direction: column; align-items: flex-start; gap: 16px; padding-block: 28px 36px; }
  .journal-help h2 { font-size: 23px; }
  .journal-cta { padding-block: 36px; }
  .journal-cta .journal-container { flex-direction: column; align-items: flex-start; gap: 23px; }
  .journal-cta h2 { font-size: 29px; }
  .journal-cta .button { min-height: 52px; font-size: 14px; }
  .article-top { padding-top: 24px; }
  .article-header { margin: 25px 0 29px; }
  .article-header h1 { font-size: clamp(36px, 9.5vw, 48px); margin-bottom: 20px; }
  .article-header .post-meta { margin-bottom: 18px; }
  .article-deck { font-size: 17px; }
  .article-byline { font-size: 12px; }
  .article-cover { margin-bottom: 32px; border-radius: 17px; }
  .article-cover.post-cover { min-height: 260px; }
  .article-cover .cover-microphone { height: 225px; }
  .article-cover .cover-local { right: 18px; }
  .article-cover .cover-voice { left: 18px; }
  .article-layout { padding-bottom: 38px; gap: 26px; }
  .article-toc { gap: 4px 18px; }
  .article-toc a { font-size: 13px; }
  .article-body { font-size: 16px; line-height: 1.8; }
  .article-body h2 { font-size: 27px; margin-top: 33px; }
  .article-callout { padding: 19px; font-size: 14px; }
  .article-flow { padding: 16px 13px; gap: 8px; font-size: 11px; }
  .article-flow > .icon { width: 16px; height: 16px; }
  .article-related { padding-block: 35px 40px; }
}
@media (prefers-reduced-motion: reduce) {
  .featured-post, .journal-card > a, .journal-read-link .icon { transition: none; }
}
@media (max-width: 359px) {
  .journal-intro h1 { font-size: 36px; }
}