/* A quiet editorial transition from the consultation to publishing. */
#yumie-wp-top .c--wpTopBridge {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: start;
  gap: clamp(32px, 5vw, 72px);
  padding: 56px 40px;
  background: #fff;
  color: #203b57;
  text-align: left;
  scroll-margin-top: calc(var(--swl-fix_headerH, 80px) + 24px);
}
#yumie-wp-top .c--wpTopBridge__title {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  font-size: clamp(28px, 2.5vw, 34px);
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: .025em;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
#yumie-wp-top .c--wpTopBridge__title::before,
#yumie-wp-top .c--wpTopBridge__title::after { content: none; }
#yumie-wp-top .c--wpTopBridge__title > span { display: block; }
#yumie-wp-top .c--wpTopBridge__title .c--wpTopBridge__phrase {
  display: inline-block;
  white-space: nowrap;
}
#yumie-wp-top .c--wpTopBridge__copy {
  display: grid;
  gap: 16px;
  min-width: 0;
  max-width: 36em;
  font-size: 16px;
  line-height: 2;
  letter-spacing: .015em;
  overflow-wrap: anywhere;
}
#yumie-wp-top .c--wpTopBridge__copy p { margin: 0; font-size: inherit; line-height: inherit; }
@media (max-width: 959px) {
  #yumie-wp-top .c--wpTopBridge {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    padding: 40px 30px;
  }
  #yumie-wp-top .c--wpTopBridge__title { max-width: 24em; }
}
@media (max-width: 599px) {
  #yumie-wp-top .c--wpTopBridge { gap: 24px; padding: 24px 20px; }
  #yumie-wp-top .c--wpTopBridge__title { font-size: 25px; line-height: 1.7; text-wrap: wrap; }
  #yumie-wp-top .c--wpTopBridge__title > span:first-child,
  #yumie-wp-top .c--wpTopBridge__title > span:nth-child(2) { display: inline; }
  #yumie-wp-top .c--wpTopBridge__copy { gap: 16px; line-height: 1.95; }
}



/* Bridge and evidence: a downward reading cue and an editorial metric. */
#yumie-wp-top .c--wpTopBridge {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:64px 40px 110px;
  gap:clamp(32px,5vw,72px);
}
#yumie-wp-top .c--wpTopBridge__title,
#yumie-wp-top .c--wpTopBridge__copy { position:relative; z-index:1; }
#yumie-wp-top .c--wpTopBridge__title { font-size:clamp(28px,2.7vw,37px); }
#yumie-wp-top .c--wpTopBridge__watermark {
  position:absolute; z-index:-1; pointer-events:none;
  width:440px; height:330px; left:0; top:0;
  background:#edf2f4;
  clip-path:polygon(0 0,22% 0,50% 64%,78% 0,100% 0,50% 100%);
}
#yumie-wp-top .c--wpTopBridge__direction {
  position:absolute; pointer-events:none;
  bottom:22px; left:50%; translate:-50% 0;
  width:180px; height:60px; overflow:visible; color:#a73e5b;
}
#yumie-wp-top .c--wpTopBridge__direction path {
  fill:none; stroke:currentColor; stroke-width:1.5;
  stroke-linecap:square; vector-effect:non-scaling-stroke;
}
#yumie-wp-top .c--wpTopBridge__direction .bridge-guide { stroke:#b08a52; }
#yumie-wp-top .c--wpTopEvidence { gap:clamp(28px,3vw,40px); }
#yumie-wp-top .c--wpTopMetric {
  position:relative; width:100%; max-width:430px;
  padding:26px 50px 32px; text-align:center; margin-top:8px;
}



#yumie-wp-top .c--wpTopMetric > p:first-child { letter-spacing:.12em; font-size:15px; }
#yumie-wp-top .c--wpTopMetric strong {
  font-size:clamp(80px,8vw,112px); line-height:1; letter-spacing:-.045em;
  font-variant-numeric:lining-nums tabular-nums;
}
#yumie-wp-top .c--wpTopMetric > p:nth-child(2) { white-space:nowrap; }
#yumie-wp-top .c--wpTopMetric > p:nth-child(2) > span { font-size:22px; }

/* Publishing outcomes: four columns on desktop, two on smaller screens. */

#yumie-wp-top .b--wpTopProfileLink {
  display:inline-flex; align-items:center; justify-content:space-between;
  align-self:flex-start; gap:32px; max-width:100%; min-height:56px;
  padding:14px 22px; border:1px solid var(--brand); border-radius:0;
  color:var(--brand); background:transparent; font-size:16px;
  font-weight:600; line-height:1.5; text-decoration:none;
}
#yumie-wp-top .b--wpTopProfileLink:hover { background:var(--mist); }
#yumie-wp-top .b--wpTopProfileLink:focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
#yumie-wp-top .c--wpTopEvidenceTitle { font-size:clamp(26px,2.5vw,32px); }
#yumie-wp-top .c--wpTopResults {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  list-style:none; margin:0; padding:0; border-top:1px solid var(--color_border);
}
#yumie-wp-top .c--wpTopResults li {
  display:flex; flex-direction:column; align-items:flex-start; gap:12px;
  min-width:0; padding:22px 20px; border-bottom:1px solid var(--color_border);
}
#yumie-wp-top .c--wpTopResults li:not(:nth-child(4n)) { border-right:1px solid var(--color_border); }
@media (max-width:959px) {
  #yumie-wp-top .c--wpTopResults { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #yumie-wp-top .c--wpTopResults li:not(:nth-child(4n)) { border-right:0; }
  #yumie-wp-top .c--wpTopResults li:nth-child(odd) { border-right:1px solid var(--color_border); }
}
#yumie-wp-top .c--wpTopResults strong {
  font-family:var(--ff--accent); font-size:clamp(20px,1.8vw,24px);
  font-weight:600; line-height:1.55; word-break:normal; overflow-wrap:anywhere;
}
#yumie-wp-top .c--wpTopResultIcon {
  display:grid; place-items:center; width:46px; height:46px;
  color:var(--brand); background:var(--mist);
}
#yumie-wp-top .c--wpTopResultIcon svg { width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
#yumie-wp-top .c--wpTopResultDetail { font-size:14px; line-height:1.7; }
@media (max-width:599px) {
  #yumie-wp-top .c--wpTopResults li { padding:18px 12px; }
  #yumie-wp-top .c--wpTopResults strong { font-size:18px; }
  #yumie-wp-top .c--wpTopResultDetail { font-size:13px; }
}
#yumie-wp-top .c--wpTopBookStage {
  background:#f6f7f6; padding:40px; border-top:1px solid #e6e7eb;
}
#yumie-wp-top .c--wpTopBooks figure { overflow:visible; }
#yumie-wp-top .c--wpTopBooks figure a { display:block; }
#yumie-wp-top .c--wpTopBooks figure img { transition:transform .35s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #yumie-wp-top .c--wpTopBooks figure a:hover img,
  #yumie-wp-top .c--wpTopBooks figure a:focus-visible img { transform:translateY(-6px) rotate(-1deg); }
}
@media (prefers-reduced-motion:no-preference) {
  #yumie-wp-top[data-motion="on"] .c--wpTopBridge__watermark[data-enter-state="in"] {
    animation:wpTopBridgeArrive 1s cubic-bezier(.22,.61,.36,1) both;
    animation-delay:0s;
  }
  #yumie-wp-top[data-motion="on"] .c--wpTopBridge__direction[data-enter-state="in"] {
    animation:wpTopBridgeArrive 1.2s cubic-bezier(.22,.61,.36,1) both;
    animation-delay:0s;
  }
  #yumie-wp-top[data-motion="on"] .c--wpTopBridge__direction[data-enter-state="in"] path {
    stroke-dasharray:230; animation:wpTopBridgeDraw 1.2s ease-out both;
  }
}
@keyframes wpTopBridgeArrive { from { opacity:.2; transform:translateY(-16px); } to { opacity:1; transform:translateY(0); } }
@keyframes wpTopBridgeDraw { from { stroke-dashoffset:230; } to { stroke-dashoffset:0; } }
#yumie-wp-top[data-motion="off"] .c--wpTopBridge__direction,
#yumie-wp-top[data-motion="off"] .c--wpTopBridge__watermark,
#yumie-wp-top[data-motion="off"] .c--wpTopBridge__direction path { animation:none; }
#yumie-wp-top[data-motion="off"] .c--wpTopBooks figure img { transition:none; transform:none; }
@media (max-width:959px) {
  #yumie-wp-top .c--wpTopBridge { padding:48px 30px 104px; }
  #yumie-wp-top .c--wpTopBridge__watermark { left:-50px; width:380px; height:300px; }
  #yumie-wp-top .c--wpTopBridge__title { max-width:none; }
  #yumie-wp-top .c--wpTopMetric { margin-inline:auto; }
}
@media (max-width:599px) {
  #yumie-wp-top .c--wpTopBridge { padding:32px 20px 90px; gap:24px; }
  #yumie-wp-top .c--wpTopBridge__title { font-size:24px; letter-spacing:0; }
  #yumie-wp-top .c--wpTopBridge__watermark { left:-24px; width:280px; height:195px; }
  #yumie-wp-top .c--wpTopBridge__direction { width:138px; height:46px; bottom:19px; }
  #yumie-wp-top .c--wpTopMetric { padding:20px 28px 26px; }
  #yumie-wp-top .c--wpTopMetric strong { font-size:86px; }
  
  
  
  #yumie-wp-top .c--wpTopMetric > p:nth-child(2) > span { font-size:19px; }
  #yumie-wp-top .c--wpTopBookStage { padding:28px 20px; }
}
@media (max-width:359px) {
  #yumie-wp-top .c--wpTopMetric strong { font-size:68px; }
  #yumie-wp-top .c--wpTopMetric > p:nth-child(2) > span { font-size:17px; }
}



#yumie-wp-top .b--wpTopAmazon { display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:44px;padding:10px 20px;border:1px solid var(--brand);border-radius:6px;color:var(--brand);background:transparent;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;transition:background-color .2s ease,color .2s ease; }
#yumie-wp-top .b--wpTopAmazon:hover { background:var(--brand);color:#fff;text-decoration:none; }
#yumie-wp-top .b--wpTopAmazon:focus-visible { outline:2px solid var(--brand);outline-offset:4px; }
#yumie-wp-top .c--wpTopPost { display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;align-items:start;padding:24px; }
#yumie-wp-top .c--wpTopPostThumb { display:flex;width:100%;aspect-ratio:1200/630;align-items:center;justify-content:center;background:var(--mist);color:var(--brand);overflow:hidden; }
#yumie-wp-top .c--wpTopPostThumb img { display:block;width:100%;height:100%;object-fit:contain; }
#yumie-wp-top .c--wpTopPostMeta { display:flex;flex-direction:column;gap:10px;min-width:0; }
#yumie-wp-top .c--wpTopPostMeta time { font-size:12px; }
#yumie-wp-top .c--wpTopPostTitle { font-size:15px;line-height:1.8;overflow-wrap:anywhere; }
#yumie-wp-top .c--wpTopPost:hover .c--wpTopPostTitle { text-decoration:underline;text-underline-offset:4px; }
#yumie-wp-top .c--wpTopPost:focus-visible { outline:2px solid var(--brand);outline-offset:-4px; }
@media(max-width:599px) { #yumie-wp-top .c--wpTopPost { grid-template-columns:1fr;gap:16px;padding:24px; } #yumie-wp-top .c--wpTopPostTitle { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { #yumie-wp-top .b--wpTopAmazon { transition:none; } }
#yumie-wp-top[data-motion="off"] .b--wpTopAmazon { transition:none; }