/* How-to-read v1: editorial reading guide on the current brand system. */
.how-to-read-page {
  min-width: 0;
  background-color: var(--color-washi-050);
  background-image: linear-gradient(rgba(251,248,240,.92),rgba(251,248,240,.92)),url("/images/assets/bg_washi.png");
  background-size: auto,378px auto;
}
.how-to-read-page .skip-link { position:fixed;z-index:1000;top:8px;left:8px;min-height:44px;padding:9px 16px;color:var(--color-surface);background:var(--color-ai-900);transform:translateY(-150%); }
.how-to-read-page .skip-link:focus { transform:translateY(0); }
.how-to-read-page .breadcrumb { max-width:1040px;margin-top:16px;padding-inline:24px; }
.how-to-read-page main a { font-weight:700;text-decoration-thickness:1px;text-underline-offset:.28em; }
.how-to-read-page .reading-guide-measure,.how-to-read-page .reading-guide-article { width:min(100%,800px);margin-inline:auto; }
.how-to-read-page .reading-guide-hero { position:relative;margin-top:16px;padding:clamp(56px,8vw,96px) 24px;overflow:hidden;border-block:1px solid rgba(183,146,67,.56);background:radial-gradient(circle at 86% 18%,rgba(183,146,67,.12),transparent 27%),linear-gradient(120deg,rgba(255,252,245,.98),rgba(247,242,232,.86)); }
.how-to-read-page .reading-guide-hero>* { position:relative;z-index:1; }
.how-to-read-page .reading-guide-eyebrow,.how-to-read-page .section-kicker { margin:0 0 12px;color:var(--color-gold-text-on-light);font:700 .75rem/1.5 var(--font-gothic);letter-spacing:.2em; }
.how-to-read-page .reading-guide-hero h1 { color:var(--color-ai-900);font:500 clamp(2.25rem,5vw,3.75rem)/1.35 var(--font-mincho);letter-spacing:.075em; }
.how-to-read-page .reading-guide-intro { margin-top:clamp(32px,5vw,48px);padding-top:26px;border-top:1px solid var(--color-gold-decorative);color:var(--color-ink-600);font:500 clamp(1rem,1.7vw,1.0625rem)/2.05 var(--font-mincho); }
.how-to-read-page .reading-guide-intro p+p,.how-to-read-page .reading-guide-copy p+p { margin-top:18px; }
.how-to-read-page .reading-guide-article { padding-inline:24px; }
.how-to-read-page .reading-guide-section,.how-to-read-page .reading-guide-step,.how-to-read-page .reading-guide-cta { padding-block:clamp(64px,9vw,96px);border-bottom:1px solid var(--color-border); }
.how-to-read-page .reading-guide-section h2,.how-to-read-page .reading-guide-cta h2 { color:var(--color-ai-900);font:500 clamp(1.65rem,3.4vw,2.25rem)/1.55 var(--font-mincho);letter-spacing:.045em; }
.how-to-read-page .reading-guide-section__lead { margin-top:26px;color:var(--color-ink-600); }
.how-to-read-page .reading-guide-copy { margin-top:28px;color:var(--color-ink-600); }
.how-to-read-page .reading-guide-note-link,.how-to-read-page .example-link { margin-top:24px;padding-left:16px;border-left:2px solid var(--color-gold-decorative);color:var(--color-ink-600); }
.how-to-read-page .reading-guide-section--trust { position:relative;width:calc(100% + 64px);margin-left:-32px;padding-inline:32px;border-block:1px solid rgba(183,146,67,.58);background:rgba(255,252,245,.62); }
.how-to-read-page .reading-guide-section--trust+.reading-guide-section { border-top:0; }
.how-to-read-page .reading-flow-list { margin-top:34px;border-top:1px solid var(--color-gold-decorative);list-style:none; }
.how-to-read-page .reading-flow-list li { border-bottom:1px solid var(--color-border); }
.how-to-read-page .reading-flow-list a { display:flex;align-items:center;gap:20px;min-height:56px;padding:10px 8px;color:var(--color-ai-700);text-decoration:none; }
.how-to-read-page .reading-flow-list a:hover { background:rgba(183,146,67,.08);text-decoration:underline; }
.how-to-read-page .reading-flow-list span { flex:0 0 2.2rem;color:var(--color-gold-text-on-light);font:700 .75rem/1 var(--font-gothic);letter-spacing:.12em; }
.how-to-read-page .reading-guide-overview-note { margin-top:28px;color:var(--color-ink-600); }
.how-to-read-page .reading-guide-step { position:relative;padding-left:64px; }
.how-to-read-page .reading-guide-step::before { content:"";position:absolute;top:0;bottom:0;left:21px;width:1px;background:linear-gradient(var(--color-gold-decorative),var(--color-border)); }
.how-to-read-page .reading-guide-step__header { display:grid;grid-template-columns:44px minmax(0,1fr);gap:20px;align-items:start;margin-left:-64px;margin-bottom:28px; }
.how-to-read-page .reading-guide-step__header>span { position:relative;z-index:1;display:grid;place-items:center;width:44px;min-height:44px;border:1px solid var(--color-gold-decorative);border-radius:50%;color:var(--color-gold-text-on-light);background:var(--color-washi-050);font:700 .72rem/1 var(--font-gothic);letter-spacing:.1em; }
.how-to-read-page .reading-guide-step h2 { min-width:0;color:var(--color-ai-900);font:500 clamp(1.55rem,3.2vw,2.05rem)/1.55 var(--font-mincho);letter-spacing:.035em; }
.how-to-read-page .reading-guide-step>p,.how-to-read-page .reading-guide-step>.reading-guide-copy { color:var(--color-ink-600); }
.how-to-read-page .reading-guide-step>p+p { margin-top:18px; }
.how-to-read-page .term-definitions { margin-top:32px;border-top:1px solid var(--color-border); }
.how-to-read-page .term-definitions>div { display:grid;grid-template-columns:minmax(112px,.28fr) minmax(0,1fr);border-bottom:1px solid var(--color-border); }
.how-to-read-page .term-definitions dt,.how-to-read-page .term-definitions dd { padding:22px 20px; }
.how-to-read-page .term-definitions dt { color:var(--color-ai-900);background:rgba(247,242,232,.72);font:600 1.05rem/1.6 var(--font-mincho); }
.how-to-read-page .term-definitions dd { min-width:0;color:var(--color-ink-600); }
.how-to-read-page .hexagram-guide { margin:34px 0;padding:30px;border:1px solid rgba(183,146,67,.48);background:linear-gradient(120deg,rgba(255,252,245,.98),rgba(247,242,232,.74)); }
.how-to-read-page .hexagram-guide__figure { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px; }
.how-to-read-page .hexagram-group h3 { margin-bottom:18px;color:var(--color-ai-900);font:600 1rem/1.5 var(--font-mincho);text-align:center; }
.how-to-read-page .hexagram-lines { list-style:none; }
.how-to-read-page .hexagram-lines li { display:grid;grid-template-columns:3em minmax(96px,1fr) minmax(4.6em,auto);gap:12px;align-items:center;min-height:46px;padding:5px 8px;border-bottom:1px solid rgba(224,216,204,.72); }
.how-to-read-page .hexagram-position,.how-to-read-page .hexagram-kind { color:var(--color-ink-600);font-size:.76rem; }
.how-to-read-page .hexagram-line { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0; }
.how-to-read-page .hexagram-line::before,.how-to-read-page .hexagram-line::after { content:"";height:7px;background:var(--color-ai-700); }
.how-to-read-page .hexagram-line--yang::before { flex:1; }
.how-to-read-page .hexagram-line--yang::after { display:none; }
.how-to-read-page .hexagram-line--yin::before,.how-to-read-page .hexagram-line--yin::after { flex:1; }
.how-to-read-page .hexagram-lines .is-current { margin-inline:-6px;padding-inline:14px;border:1px solid rgba(169,74,53,.42);background:rgba(169,74,53,.06); }
.how-to-read-page .hexagram-lines .is-current .hexagram-line::before { background:var(--color-shu-600); }
.how-to-read-page .hexagram-lines .is-current strong { color:#833927;font-size:.76rem; }
.how-to-read-page .hexagram-guide figcaption { margin-top:24px;padding-top:18px;border-top:1px solid var(--color-border);color:var(--color-ink-600);font-size:.82rem; }
.how-to-read-page .reading-guide-subsections { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:32px 0;border-block:1px solid var(--color-border); }
.how-to-read-page .reading-guide-subsections--three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.how-to-read-page .reading-guide-subsections>section { min-width:0;padding:24px; }
.how-to-read-page .reading-guide-subsections>section+section { border-left:1px solid var(--color-border); }
.how-to-read-page .reading-guide-subsections h3 { color:var(--color-ai-900);font:600 1.06rem/1.6 var(--font-mincho); }
.how-to-read-page .reading-guide-subsections p { margin-top:12px;color:var(--color-ink-600);font-size:.91rem; }
.how-to-read-page .deep-reading-lenses { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;border-top:1px solid var(--color-gold-decorative); }
.how-to-read-page .deep-reading-lenses>div { min-width:0;padding:20px 18px;border-bottom:1px solid var(--color-border); }
.how-to-read-page .deep-reading-lenses>div:nth-child(odd) { border-right:1px solid var(--color-border); }
.how-to-read-page .deep-reading-lenses dt { color:var(--color-ai-900);font:600 1rem/1.6 var(--font-mincho); }
.how-to-read-page .deep-reading-lenses dd { margin-top:6px;color:var(--color-ink-600);font-size:.9rem; }
.how-to-read-page .fortune-scale { margin-top:34px;border-top:1px solid var(--color-gold-decorative); }
.how-to-read-page .fortune-scale>div { display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;border-bottom:1px solid var(--color-border); }
.how-to-read-page .fortune-scale dt,.how-to-read-page .fortune-scale dd { padding:18px 14px; }
.how-to-read-page .fortune-scale dd { min-width:0;color:var(--color-ink-600); }
.how-to-read-page .fortune-label { display:inline-grid;place-items:center;min-width:76px;min-height:36px;padding:4px 10px;border:1px solid currentColor;border-radius:99px;font-weight:700;line-height:1.2; }
.how-to-read-page .fortune-label--bright { color:#735619;background:#fff7df; }
.how-to-read-page .fortune-label--positive { color:#355c48;background:#edf6ef; }
.how-to-read-page .fortune-label--neutral { color:#4e5960;background:#f0f3f4; }
.how-to-read-page .fortune-label--caution { color:#7b4928;background:#fff1e7; }
.how-to-read-page .fortune-label--serious { color:#7d3028;background:#fae9e6; }
.how-to-read-page .theme-list { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px;border-top:1px solid var(--color-gold-decorative);list-style:none; }
.how-to-read-page .theme-list li { display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;min-width:0;padding:20px 16px;border-bottom:1px solid var(--color-border); }
.how-to-read-page .theme-list li:nth-child(odd) { border-right:1px solid var(--color-border); }
.how-to-read-page .theme-list>li>span { padding-top:3px;color:var(--color-gold-text-on-light);font-size:.7rem;font-weight:700;letter-spacing:.1em; }
.how-to-read-page .theme-list h3 { color:var(--color-ai-900);font:600 1rem/1.6 var(--font-mincho); }
.how-to-read-page .theme-list p { margin-top:5px;color:var(--color-ink-600);font-size:.88rem; }
.how-to-read-page .apply-steps { margin-top:34px;border-top:1px solid var(--color-gold-decorative);list-style:none; }
.how-to-read-page .apply-steps li { padding:28px 0;border-bottom:1px solid var(--color-border); }
.how-to-read-page .apply-steps li>div { display:flex;align-items:center;gap:14px; }
.how-to-read-page .apply-steps span { display:grid;place-items:center;flex:0 0 36px;height:36px;border:1px solid var(--color-gold-decorative);border-radius:50%;color:var(--color-gold-text-on-light);font-size:.8rem;font-weight:700; }
.how-to-read-page .apply-steps h3 { color:var(--color-ai-900);font:600 clamp(1.08rem,2vw,1.25rem)/1.6 var(--font-mincho); }
.how-to-read-page .apply-steps p { margin:14px 0 0 50px;color:var(--color-ink-600); }
.how-to-read-page .reading-guide-cta { border-bottom:0;text-align:center; }
.how-to-read-page .reading-guide-cta>p:not(.section-kicker) { max-width:600px;margin:24px auto 0;color:var(--color-ink-600); }
.how-to-read-page .reading-guide-cta__actions { display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px; }
.how-to-read-page .reading-guide-cta .button { display:inline-flex;align-items:center;justify-content:center;min-width:min(100%,220px);min-height:48px;padding:10px 22px;border:1px solid var(--color-ai-700);border-radius:var(--radius-sm);text-decoration:none; }
.how-to-read-page .reading-guide-cta .button--primary { color:var(--color-surface);background:var(--color-ai-700); }
.how-to-read-page .reading-guide-cta .button--primary:hover { color:var(--color-surface);background:var(--color-ai-900); }
.how-to-read-page .reading-guide-cta .button--secondary { color:var(--color-ai-700);background:var(--color-surface); }
.how-to-read-page .related-reading { margin-top:34px;padding-top:22px;border-top:1px solid var(--color-border); }
.how-to-read-page .related-reading ul { display:flex;flex-wrap:wrap;justify-content:center;gap:8px 24px;list-style:none; }
.how-to-read-page .related-reading a { display:inline-flex;align-items:center;min-height:44px;padding:6px 0; }
@media (max-width:50em) {
  .how-to-read-page .breadcrumb { padding-inline:16px; }
  .how-to-read-page .reading-guide-hero,.how-to-read-page .reading-guide-article { padding-inline:16px; }
  .how-to-read-page .reading-guide-section--trust { width:calc(100% + 32px);margin-left:-16px;padding-inline:16px; }
  .how-to-read-page .reading-guide-subsections--three { grid-template-columns:1fr; }
  .how-to-read-page .reading-guide-subsections--three>section+section { border-top:1px solid var(--color-border);border-left:0; }
}
@media (max-width:40em) {
  .how-to-read-page .reading-guide-hero { padding-block:48px; }
  .how-to-read-page .reading-guide-intro { margin-top:28px;padding-top:22px; }
  .how-to-read-page .reading-guide-section,.how-to-read-page .reading-guide-step,.how-to-read-page .reading-guide-cta { padding-block:56px; }
  .how-to-read-page .reading-guide-step { padding-left:48px; }
  .how-to-read-page .reading-guide-step::before { left:17px; }
  .how-to-read-page .reading-guide-step__header { grid-template-columns:36px minmax(0,1fr);gap:12px;margin-left:-48px; }
  .how-to-read-page .reading-guide-step__header>span { width:36px;min-height:36px; }
  .how-to-read-page .term-definitions>div { grid-template-columns:1fr; }
  .how-to-read-page .term-definitions dt { padding-bottom:8px; }
  .how-to-read-page .term-definitions dd { padding-top:8px; }
  .how-to-read-page .hexagram-guide { padding:22px 16px; }
  .how-to-read-page .hexagram-guide__figure { grid-template-columns:1fr;gap:24px; }
  .how-to-read-page .reading-guide-subsections { grid-template-columns:1fr; }
  .how-to-read-page .reading-guide-subsections>section+section { border-top:1px solid var(--color-border);border-left:0; }
  .how-to-read-page .deep-reading-lenses { grid-template-columns:1fr; }
  .how-to-read-page .deep-reading-lenses>div:nth-child(odd) { border-right:0; }
  .how-to-read-page .theme-list { grid-template-columns:1fr; }
  .how-to-read-page .theme-list li:nth-child(odd) { border-right:0; }
}
@media (max-width:24em) {
  .how-to-read-page .reading-guide-hero h1 { letter-spacing:.045em; }
  .how-to-read-page .reading-guide-step { padding-left:40px; }
  .how-to-read-page .reading-guide-step::before { left:15px; }
  .how-to-read-page .reading-guide-step__header { grid-template-columns:30px minmax(0,1fr);gap:10px;margin-left:-40px; }
  .how-to-read-page .reading-guide-step__header>span { width:30px;min-height:30px;font-size:.65rem; }
  .how-to-read-page .hexagram-lines li { grid-template-columns:2.7em minmax(76px,1fr) minmax(4em,auto);gap:8px;padding-inline:2px; }
  .how-to-read-page .fortune-scale>div { grid-template-columns:1fr; }
  .how-to-read-page .fortune-scale dt { padding-bottom:5px; }
  .how-to-read-page .fortune-scale dd { padding-top:5px; }
  .how-to-read-page .apply-steps p { margin-left:0; }
  .how-to-read-page .reading-guide-cta .button { width:100%; }
}
@media (prefers-reduced-motion:reduce) {
  .how-to-read-page *,.how-to-read-page *::before,.how-to-read-page *::after { scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important; }
}

/* Second pass: guide-specific flow, static examples and six reading companions. */
.how-to-read-page .reading-guide-hero { padding-block:48px; }
.how-to-read-page .reading-guide-flow-link { margin-top:20px; }
.how-to-read-page .reading-guide-flow-link a { display:inline-flex;align-items:center;min-height:44px; }
.how-to-read-page .reading-guide-return-note,
.how-to-read-page .reading-guide-example-note { margin-top:24px;color:var(--color-ink-600);font-size:.9375rem;line-height:1.9; }
.how-to-read-page .reading-flow-list { padding:12px 24px;background:#edf2f3; }
.how-to-read-page .reading-flow-list li:last-child { border-bottom:0; }
.how-to-read-page .reading-flow-list__supplement { min-height:44px;margin-left:calc(2.2rem + 20px);padding-top:0;font-size:.9375rem;text-decoration:underline; }
.how-to-read-page .hexagram-guide { padding:28px 24px;background:#fbf8f0; }
.how-to-read-page .reading-figure-title { color:var(--color-ai-900);font:600 1.1875rem/1.7 var(--font-mincho); }
.how-to-read-page .reading-figure-example { margin-top:8px;font-size:.9375rem; }
.how-to-read-page .hexagram-guide__figure { display:block;width:100%;max-width:360px;margin:24px auto 0; }
.how-to-read-page .hexagram-group { display:grid;grid-template-columns:24px minmax(0,1fr);gap:12px; }
.how-to-read-page .hexagram-group+.hexagram-group { margin-top:12px; }
.how-to-read-page .hexagram-group__label { align-self:center;justify-self:center;writing-mode:vertical-rl;color:var(--color-ai-900);font-size:14px;letter-spacing:.08em; }
.how-to-read-page .hexagram-lines { border-left:1px solid var(--color-gold-decorative);padding-left:12px; }
.how-to-read-page .hexagram-lines li { display:grid;grid-template-columns:minmax(48px,1fr) 72px minmax(56px,1fr);gap:8px;min-height:48px;padding:4px 0;border:0; }
.how-to-read-page .hexagram-lines .is-current { margin:0;padding:4px 0;border:0;background:none; }
.how-to-read-page .hexagram-line { width:72px;min-height:7px; }
.how-to-read-page .hexagram-position,
.how-to-read-page .hexagram-kind,
.how-to-read-page .hexagram-lines .is-current strong { font-size:14px;line-height:1.5; }
.how-to-read-page .hexagram-kind,
.how-to-read-page .hexagram-lines strong { padding-left:4px; }
.how-to-read-page .is-current .hexagram-line::before,
.how-to-read-page .is-current .hexagram-line::after { background:var(--color-shu-600); }
.how-to-read-page .hexagram-guide__direction { margin-top:20px;text-align:center;font-size:.9375rem; }
.how-to-read-page .hexagram-guide figcaption { font-size:.875rem;line-height:1.9; }
.how-to-read-page .reading-change-figure { margin:32px 0;padding:28px 24px;color:#fbf8f0;background:var(--color-ai-900); }
.how-to-read-page .reading-change-figure .reading-figure-title { color:#fbf8f0; }
.how-to-read-page .reading-change-figure__comparison { display:grid;grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);gap:16px;align-items:center;margin-top:28px;text-align:center; }
.how-to-read-page .reading-change-figure__name { font:600 1.0625rem/1.7 var(--font-mincho); }
.how-to-read-page .reading-change-figure__lines { width:128px;margin:16px auto;padding:10px 16px;background:#fbf8f0; }
.how-to-read-page .reading-change-row { display:flex;align-items:center;height:28px; }
.how-to-read-page .reading-change-figure .hexagram-line { width:96px; }
.how-to-read-page .reading-change-figure__position { font-size:.9375rem; }
.how-to-read-page .reading-change-figure__helper { margin-top:4px;font-size:.875rem; }
.how-to-read-page .reading-change-figure__connector { font-size:.875rem;line-height:1.7; }
.how-to-read-page .reading-change-figure__connector span { display:block;font-size:24px;transform:rotate(-90deg); }
.how-to-read-page .reading-change-figure figcaption { margin-top:24px;padding-top:20px;border-top:1px solid #71808a;font-size:.875rem;line-height:1.9; }
.how-to-read-page .yasuko-guide { align-items:start;text-align:left; }
.how-to-read-page .yasuko-guide__portrait { width:56px;flex:0 0 56px; }
.how-to-read-page .yasuko-guide__portrait img { width:100%;height:auto;object-fit:contain; }
.how-to-read-page [data-presence-id="K1"] .yasuko-guide__portrait { width:88px;flex-basis:88px; }
.how-to-read-page [data-presence-id="K4"] .yasuko-guide__portrait { width:64px;flex-basis:64px; }
.how-to-read-page [data-presence-id="K6"] .yasuko-guide__portrait { width:72px;flex-basis:72px; }
.how-to-read-page .reading-guide-cta__actions { align-items:center; }
.how-to-read-page .reading-guide-cta__lookup { display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 0; }
.how-to-read-page #flow-title,
.how-to-read-page .reading-guide-step,
.how-to-read-page #action-hint { scroll-margin-top:100px; }
@media (max-width:40em) {
  .how-to-read-page .reading-guide-hero { padding-block:32px; }
  .how-to-read-page .reading-guide-step { padding-left:0; }
  .how-to-read-page .reading-guide-step::before { display:none; }
  .how-to-read-page .reading-guide-step__header { margin-left:0;grid-template-columns:36px minmax(0,1fr);gap:12px; }
  .how-to-read-page .reading-guide-step__header>span { width:36px;min-height:36px; }
  .how-to-read-page .reading-flow-list { padding:8px 12px; }
  .how-to-read-page .reading-flow-list a { gap:12px;padding-inline:0; }
  .how-to-read-page .reading-flow-list__supplement { margin-left:calc(2.2rem + 12px); }
  .how-to-read-page .hexagram-guide { padding:24px 12px; }
  .how-to-read-page .hexagram-group { gap:8px; }
  .how-to-read-page .hexagram-lines { padding-left:8px; }
  .how-to-read-page .hexagram-lines li { grid-template-columns:minmax(48px,1fr) 72px minmax(56px,1fr);gap:6px; }
  .how-to-read-page .reading-change-figure { padding:24px 16px; }
  .how-to-read-page .reading-change-figure__comparison { grid-template-columns:1fr;gap:20px; }
  .how-to-read-page .reading-change-figure__connector span { transform:none; }
  .how-to-read-page .yasuko-guide__portrait,
  .how-to-read-page [data-presence-id="K4"] .yasuko-guide__portrait { width:48px;flex-basis:48px; }
  .how-to-read-page [data-presence-id="K1"] .yasuko-guide__portrait,
  .how-to-read-page [data-presence-id="K6"] .yasuko-guide__portrait { width:56px;flex-basis:56px; }
}
@media (max-width:24em) {
  .how-to-read-page .yasuko-guide { display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px; }
  .how-to-read-page .yasuko-guide__body { display:contents; }
  .how-to-read-page .yasuko-guide__name { align-self:center; }
  .how-to-read-page .yasuko-guide__message { grid-column:1 / -1;margin-top:0; }
  .how-to-read-page .reading-guide-cta__lookup { width:100%; }
}

/* Align the two static examples and portraits to their reading labels. */
.how-to-read-page .reading-change-figure__comparison { align-items:start; }
.how-to-read-page .reading-change-figure__connector { align-self:center; }
.how-to-read-page .yasuko-guide__portrait { align-self:start; }
.how-to-read-page .yasuko-guide { grid-template-columns:56px minmax(0,1fr); }
.how-to-read-page [data-presence-id="K1"] { grid-template-columns:88px minmax(0,1fr); }
.how-to-read-page [data-presence-id="K4"] { grid-template-columns:64px minmax(0,1fr); }
.how-to-read-page [data-presence-id="K6"] { grid-template-columns:72px minmax(0,1fr); }
@media (max-width:40em) {
  .how-to-read-page .yasuko-guide,
  .how-to-read-page [data-presence-id="K4"] { grid-template-columns:48px minmax(0,1fr); }
  .how-to-read-page [data-presence-id="K1"],
  .how-to-read-page [data-presence-id="K6"] { grid-template-columns:56px minmax(0,1fr); }
}
@media (min-width:50.001em) {
  .how-to-read-page .reading-guide-section--trust { width:calc(100% + 48px);margin-left:-24px;padding-inline:24px; }
}