/* Shared LINE entrances: white paper, navy type, and cool supporting panels.
   Keep the approved cover/character pixels and the /yomimono/ styles intact. */
body.article-page{background:#fff;--entry-panel:#f3f7fb;--entry-accent:#416f96}
.article-page .entry-intro{margin:0 0 24px;text-align:center}
.article-page .entry-eyebrow{margin:0 0 10px;color:var(--sub);font-size:12px;font-weight:600;letter-spacing:.12em}
.article-page .entry-lead{margin:0 0 12px;color:var(--navy);font-family:ReadingSerif,"Noto Serif JP","Yu Mincho",serif;font-size:32px;font-weight:600;line-height:1.65;letter-spacing:.015em}
.article-page .entry-lead span{display:inline-block}
.article-page .entry-summary{margin:0;color:var(--sub);font-size:14px;line-height:1.9}
.article-page .article-heading .article-hero{background:#f7f9fc;border-color:var(--rule);border-radius:10px}
.article-page .article-heading .author{padding-top:20px;border-color:var(--rule)}
.article-page .article-heading .receive-top{margin-bottom:28px}
.article-page .article-heading .receive-top .hint{max-width:560px}
.article-page .book-entry .article-promise{background:var(--entry-panel);border-color:var(--rule);border-radius:10px;margin-bottom:0}
.article-page .article-promise li::before{background:var(--entry-accent)}
.article-page .article-promise .promise-more{border-color:var(--rule)}
.article-page .article-body>h2,.article-page .continuation-heading{border-color:var(--rule)}
.article-page .article-body>p.source-example{border-color:var(--entry-accent)}
.article-page .article-figure img{border-color:var(--rule);border-radius:8px}
.article-page .article-figure figcaption,.article-page .card .receive>p.excerpt-end{color:var(--sub)}
.article-page .next{background:var(--entry-panel);border-color:var(--entry-accent);color:var(--ink);border-radius:0 8px 8px 0}
.article-page .receive-middle{background:var(--entry-panel);border-color:var(--rule);border-radius:12px}
.article-page .entry-book img{border-radius:8px;box-shadow:0 6px 20px #23354e0d}
.article-page .sample-section{border-color:var(--rule)}
.article-page .sample-heading>p,.article-page .sample-number{color:var(--entry-accent)}
.article-page .sample{border-color:var(--rule);border-radius:12px;overflow:hidden;box-shadow:0 4px 18px #23354e08}
.article-page .receive-end{padding-top:34px}
.article-page .receive-end .hint{max-width:560px;margin-left:auto;margin-right:auto;text-align:left}
@media(max-width:760px){
  .article-page .layout{margin-top:22px;padding:0 22px 24px}
  .article-page .entry-intro{margin-bottom:20px}
  .article-page .entry-eyebrow{margin-bottom:8px;font-size:11px}
  .article-page .entry-lead{font-size:clamp(20px,6.2vw,28px);line-height:1.65;margin-bottom:10px;letter-spacing:0}
  .article-page .entry-lead span{display:block}
  .article-page .entry-summary{font-size:13px;line-height:1.85}
  .article-page .article-heading{margin-bottom:28px}
  .article-page .article-heading .receive-top{margin-top:18px;margin-bottom:24px}
  .article-page .article-heading .receive-top .hint{margin-top:14px}
  .article-page .book-entry{margin-bottom:36px}
  .article-page .book-entry .article-promise{padding:22px 20px}
  .article-page .article-body{line-height:2.05}
  .article-page .sample>div{padding:22px}
}

/* Owner-selected wordmark, copy, cover shadow and white CTA (2026-10-23). */
.article-page .entry-wordmark{display:block;width:min(100%,400px);height:auto;margin:0 auto 8px}
.article-page .has-wordmark .entry-eyebrow,.article-page .has-wordmark .entry-lead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.article-page .copy-phrase{display:inline-block;white-space:nowrap}
.article-page .article-heading .article-hero[data-frame="shadow"]{border-color:transparent;box-shadow:0 5px 18px rgba(35,53,78,.12)}

.article-page .entry-wordmark{margin-bottom:8px}
.article-page .receive .btn-line{background:#06c755;color:#fff;box-shadow:none;gap:10px}
.article-page .receive .cta-label{white-space:nowrap}
.article-page .receive .cta-arrow{font-size:24px;line-height:1;font-weight:400;flex:none}
.article-page .receive .receive-guidance,.article-page .article-heading .receive-top .receive-guidance{width:100%;max-width:440px;margin:12px auto 0;text-align:left}
.article-page .receive .receive-guidance p{font-size:13px;line-height:1.85;color:#52647a;margin:0}
.article-page .receive .guidance-phrase{display:inline-block;white-space:nowrap}
.article-page .receive .receive-guidance .existing-friend{margin-top:16px}
@media(max-width:760px){.article-page .entry-wordmark{margin-bottom:6px}}
@media(max-width:360px){.article-page .receive .btn-line{font-size:15px;padding-left:16px;padding-right:16px}}
.article-page .receive .cta-label,.article-page .receive .cta-arrow{-webkit-text-stroke:0px;text-shadow:none}
