.internal-link-indicator[data-astro-cid-oanyx2t5]{vertical-align:middle;justify-content:center;align-items:center;width:.8em;height:.8em;margin-left:.3em;display:inline-flex}svg[data-astro-cid-oanyx2t5]{display:block}.painted-surface{isolation:isolate;position:relative}.painted-surface:before{z-index:-1;inset:var(--surface-inset,0);border-radius:var(--surface-radius,18px 12px 16px 10px);background:var(--surface-fill,var(--soft));mask:var(--decoration-article-action-wash-top) top / 100% var(--surface-edge,12px) no-repeat, var(--decoration-article-action-wash-bottom) bottom / 100% var(--surface-edge,12px) no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - var(--surface-edge,12px) * 2 + 4px) no-repeat;content:"";pointer-events:none;position:absolute}.book-sidebar{margin-top:var(--sidebar-offset,1rem);position:static}chapter-navigation{display:block}.sidebar-title{margin-bottom:1rem}.sidebar-toggle{color:#364756;width:100%;min-height:48px;font-family:var(--font-regular);text-align:left;cursor:pointer;background:#b6eef46b;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem .8rem;font-size:1rem;display:flex}.sidebar-toggle:focus-visible,.chapter-toggle:focus-visible{outline-offset:3px;outline:3px solid #65c7dcb3}.sidebar-arrow{transform-origin:5px 5px;border:2px solid #000;border-width:0 2px 2px 0;flex:none;margin:0 3px 3px 0;padding:3px;transition:transform .5s;display:inline-block;transform:rotate(45deg)}.sidebar-toggle[aria-expanded=true] .sidebar-arrow{transform:rotate(-135deg)}.sidebar-content{opacity:0;visibility:hidden;max-height:0;transition:max-height .45s,opacity .25s;overflow:hidden}.sidebar-content.is-open{opacity:1;visibility:visible;max-height:1300px}.book-navigation{color:#212529;font-family:var(--font-regular);flex-wrap:wrap;padding-left:0;font-weight:400;display:flex}.navigation-chapter{width:100%;margin:0 0 .75rem}.navigation-chapter-title{margin:0;position:relative}.chapter-toggle{isolation:isolate;color:#364756;width:min(270px,100%);min-height:48px;font-family:var(--font-bold);text-align:center;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.65rem;margin:0 auto;padding:.45rem 1rem;font-size:1.2rem;font-weight:700;display:flex;position:relative}.desktop-chapter-title{display:none}.chapter-arrow{border:2px solid #364756;border-width:0 2px 2px 0;flex:none;width:8px;height:8px;transition:transform .2s;transform:translateY(-2px)rotate(45deg)}.chapter-toggle[aria-expanded=true] .chapter-arrow{transform:translateY(2px)rotate(-135deg)}.chapter-links{grid-template-columns:repeat(auto-fit,243px);justify-content:center;gap:8px 16px;width:100%;max-width:502px;margin:.5rem auto .75rem;padding:0;list-style:none;display:none}.navigation-chapter.is-open .chapter-links{display:grid}.chapter-links li{margin:0}.book-navigation .chapter-links a{min-height:48px;color:inherit;border-bottom:0;align-items:center;padding:.5rem .75rem .5rem 1.1rem;line-height:1.35;text-decoration:none;display:flex;position:relative}.chapter-links a:before{content:"";width:6px;height:calc(100% - .5rem);mask:var(--decoration-callout-marker) center / 100% 100% no-repeat;pointer-events:none;background:0 0;position:absolute;top:50%;left:.45rem;transform:translateY(-50%)}.chapter-links a:is(:hover,:active,:focus-visible):before{background:var(--pink)}.book-navigation .chapter-links a[aria-current=page]{box-shadow:none;font-family:var(--font-bold);background:0 0;font-weight:700}.chapter-links a[aria-current=page]:before{background:#65c7dc}.chapter-links a[aria-current=page]:is(:hover,:active,:focus-visible):before{background:var(--pink)}@media (width>=576px){.book-navigation{max-width:520px;margin-inline:auto}}@media (width>=768px){.chapter-links{row-gap:4px}.book-navigation .chapter-links a{text-align:center;justify-content:center;min-height:44px;padding-inline:.75rem}}@media (width>=992px){.book-sidebar{margin-top:var(--sidebar-offset,2rem);flex:0 0 280px}.sidebar-title{display:none}.sidebar-content,.sidebar-content.is-open{margin-top:var(--sidebar-content-offset,8px);opacity:1;visibility:visible;max-height:none;padding-right:30px;overflow:visible}.book-navigation{max-width:none;margin-inline:0;display:block}.navigation-chapter{width:243px;margin:0 0 24px;padding:0}.navigation-chapter:last-child{margin-bottom:0}.navigation-chapter-title{box-sizing:border-box;isolation:isolate;text-align:center;background:0 0;justify-content:center;align-items:center;width:243px;max-width:243px;height:40px;min-height:40px;margin:0 0 12px -15px;padding:3px 15px 0;font-size:22px;display:flex}.navigation-chapter-title .chapter-toggle{display:none}.desktop-chapter-title{display:inline}.chapter-links,.navigation-chapter.is-open .chapter-links{width:auto;max-width:none;margin:0;line-height:30px;display:inline-block}.chapter-links li{margin-bottom:2px}.book-navigation .chapter-links a{text-align:left;border-radius:0;min-height:30px;padding:0 0 0 12px;line-height:30px;display:block}.chapter-links a:before{height:auto;top:2px;bottom:2px;left:2px;transform:none}}@media (prefers-reduced-motion:reduce){.sidebar-content,.sidebar-arrow,.chapter-arrow{transition:none}}.navigation-chapter{--chapter-ribbon:var(--navigation-ribbon)}.navigation-chapter.has-current-page{--chapter-ribbon:var(--navigation-ribbon-active)}.chapter-toggle:before{z-index:-1;background:var(--chapter-ribbon);mask:var(--decoration-legacy-navigation-title-box) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}@media (width>=992px){.navigation-chapter-title:before{z-index:-1;background:var(--chapter-ribbon);mask:var(--decoration-legacy-navigation-title-box) left center / contain no-repeat;content:"";pointer-events:none;position:absolute;inset:0}}.lesson-pattern{font-family:var(--font-bold);font-size:var(--font-body);background:#b6eef440;border-radius:14px;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.65rem;margin:1.25rem 0 1.75rem;padding:1.25rem 1rem 1.25rem 2rem;font-weight:700;display:flex;position:relative}.lesson-pattern:before{content:"";background:#23c7e7;width:10px;position:absolute;top:0;bottom:0;left:0}.lesson-pattern>span:nth-child(2n){color:#c62026;font-size:inherit}.lesson-pattern>mark{font-size:var(--font-example);margin:0 .2rem}.lesson-pattern.is-compact{margin:1rem 0;padding-top:.75rem;padding-bottom:.75rem}.lesson-pattern.is-compact>span:first-child{flex-basis:auto}@media (width<=650px){.lesson-pattern>span:first-child{text-align:left;flex-basis:100%}}.lesson-takeaway{background:var(--yellow-soft);border-radius:14px;margin:1.25rem 0;padding:1.5rem 1.5rem 1.5rem 2rem;position:relative}.lesson-takeaway:before{content:"";background:#ffd738;width:10px;position:absolute;top:0;bottom:0;left:0}.lesson-takeaway-examples{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:1.5rem;display:grid}.lesson-takeaway-examples>div{flex-direction:column;gap:.4rem;display:flex}.lesson-takeaway-examples>div>span:first-child{color:#795315;font-family:var(--font-bold);font-size:var(--font-support);font-weight:700}.lesson-takeaway-examples .lesson-takeaway-phrase{font-family:var(--font-regular);font-weight:400;font-size:var(--font-example);line-height:1.5}.lesson-takeaway-examples>div>span:last-child{font-size:var(--font-support)}@media (width<=650px){.lesson-takeaway{padding:1.25rem 1.25rem 1.25rem 1.75rem}.lesson-takeaway-examples{grid-template-columns:1fr;grid-auto-flow:row;gap:1rem}.lesson-takeaway-examples>div+div{border-top:1px solid #b8750033;padding-top:1rem}}.lesson-overview{margin:1.5rem 0}.lesson-overview>h3{color:#364756;isolation:isolate;width:fit-content;max-width:100%;font-family:var(--font-bold);font-size:var(--font-body);background:0 0;margin:0;padding:.5rem 1.5rem;font-weight:700;position:relative}.lesson-overview>h3:before{z-index:-1;mask:var(--decoration-legacy-navigation-title-box) center / 100% 100% no-repeat;content:"";pointer-events:none;background:#ffd738;position:absolute;inset:0}.lesson-overview>ul{margin:0;padding:1rem;list-style:none}.lesson-overview>ul>li{background:0 0;grid-template-columns:12rem minmax(0,1fr);align-items:start;gap:1rem;margin:0;padding:0;display:grid}.lesson-overview>ul>li+li{margin-top:1.25rem}.lesson-overview-link,.lesson-overview-label{white-space:nowrap;font-size:var(--font-body);align-items:center;gap:.65rem;line-height:1.5;display:inline-flex}.lesson-overview-link>span:first-child,.lesson-overview-label>span:first-child{font-size:var(--font-example)}.lesson-overview-link{height:auto}.lesson-overview-pattern{color:#68655e;font-size:var(--font-support);margin-bottom:.35rem;line-height:1.6}.lesson-overview-description{font-size:var(--font-body);line-height:1.6}@media (width<=650px){.lesson-overview>ul>li{grid-template-columns:minmax(0,1fr);gap:.45rem}.lesson-overview>ul>li+li{margin-top:1.5rem}}.lesson-incorrect{white-space:nowrap;position:relative}.lesson-incorrect:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='6' viewBox='0 0 12 6'%3E%3Cpath d='M0 3 Q3 -1 6 3 Q9 7 12 3' fill='none' stroke='%23ad3434' stroke-width='1.6'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:12px 6px;height:6px;position:absolute;bottom:-.3em;left:0;right:0}.sentence-transformation{font-size:var(--font-example);border-bottom:1px solid #0000001a;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.6rem;margin-bottom:1rem;padding-bottom:.9rem;display:flex}.sentence-transformation-arrow{color:#68655e;font-size:1.5rem}.exercise-set{--surface-fill:#fff6df;--surface-edge:8px;--surface-radius:12px 6px 10px 8px;font-size:var(--font-body);background:0 0;border:0;margin:1.5rem 0;padding:1.25rem 1.25rem 1.25rem 1.75rem;display:block}.exercise-set p,.exercise-set button{font-size:inherit}.exercise-set button{color:#222;cursor:pointer;background:#fff;border:1px solid #777;border-radius:4px;min-height:44px;padding:.45rem .75rem}.exercise-set button:focus{outline-offset:2px;outline:3px solid #235c96}.exercise-set button:disabled{opacity:.45;cursor:default}.exercise-set.is-lesson{background:0 0;border:0;border-radius:12px;padding:1.25rem 1.25rem 1.25rem 1.75rem}.exercise-set:after{content:"";pointer-events:none;background:#b8750026;width:2px;position:absolute;top:1rem;bottom:1rem;left:.65rem}.exercise-set.is-lesson button{background:var(--cream);border-color:#36475640;border-radius:8px}.exercise-set.is-lesson button[aria-pressed=true]{background:#b6eef440;border-color:#69bdbf;box-shadow:inset 0 -2px #69bdbf}.exercise-next{white-space:nowrap}.exercise-pages{display:grid}.exercise-page,.exercise-completion{grid-area:1/1;min-width:0}.is-inactive{visibility:hidden;pointer-events:none}.exercise-completion{align-self:center;margin:0}.lesson-question{background:#fffdf5;border:1px solid #c8c8c8;border-radius:6px;margin:1.5rem 0;padding:1.25rem}.lesson-question,.exercise-question{font-size:var(--font-body)}.lesson-question .exercise-hint,.lesson-question .exercise-progress,.lesson-question .exercise-message p,.lesson-question>div[role=status] p,.exercise-question .exercise-hint,.exercise-question .exercise-progress,.exercise-question .exercise-message p,.exercise-question>div[role=status] p{font-size:var(--font-support)}.lesson-question button,.exercise-question button{color:#222;cursor:pointer;background:#fff;border:1px solid #777;border-radius:4px;min-height:44px;padding:.45rem .75rem}.lesson-question button:focus,.exercise-question button:focus{outline-offset:2px;outline:3px solid #235c96}.lesson-question button:disabled,.exercise-question button:disabled{opacity:.45;cursor:default}.lesson-question button[aria-pressed=true],.exercise-question button[aria-pressed=true]{border-color:#235c96;box-shadow:inset 0 -3px #235c96}.exercise-sentence{font-size:var(--font-example);line-height:2.5}.exercise-choices,.exercise-actions{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.exercise-question{flex-direction:column;gap:.5rem;display:flex}.exercise-question p,.exercise-question button,.exercise-question strong{font-size:inherit}.exercise-question>p,.exercise-question .exercise-choices,.exercise-question .exercise-actions{margin:0}.exercise-question .exercise-sentence{font-size:var(--font-example);flex-wrap:wrap;align-items:center;gap:.25rem;line-height:1.6;display:flex}.exercise-question .exercise-sentence button{flex:0 0 5.25rem;width:5.25rem}.exercise-question .exercise-choices button,.exercise-question .exercise-forward button{font-size:inherit;padding:.35rem .4rem}.exercise-question .exercise-choices{flex:1;gap:.35rem;min-width:0}.exercise-question .exercise-forward{flex:none}.exercise-question .exercise-forward button{width:5rem}.exercise-message{line-height:1.5;display:grid}.exercise-message p{grid-area:1/1;margin:0}.exercise-message-sizer{visibility:hidden}.exercise-prompt-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.exercise-prompt-row p{margin:0}.exercise-answer-row{align-items:flex-start;gap:.5rem;display:flex}.exercise-progress{color:#68655e;white-space:nowrap}.is-lesson{gap:.85rem}.is-lesson .exercise-sentence button{flex:none;width:auto;min-width:5.25rem}.is-lesson .exercise-prompt-row{flex-wrap:wrap;gap:.25rem .75rem}.is-lesson .exercise-prompt-row strong{font-family:var(--font-bold);font-weight:700}.is-lesson .exercise-choices{gap:.5rem}.is-lesson .exercise-answer-row{gap:.75rem}.sentence-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:1rem;margin:1.25rem 0 1.5rem;display:grid}.sentence-comparison>.sentence-example{margin:0}.sentence-comparison>figure .sentence-example-table td{padding-left:.4rem;padding-right:.4rem}.lesson-heading-icon{color:#364756;flex:0 0 34px}.japanese-mark{z-index:1;color:inherit;background:0 0;border-radius:.25em;padding:0;position:relative}.japanese-mark:before{z-index:-1;content:"";background:#b6eef4;border-radius:0;width:100%;height:70%;position:absolute;inset:15% auto auto 0;transform:rotate(-2deg)}.japanese-mark-y:before{background:#ffde5d}.japanese-mark-g:before{background:#abe94a}.japanese-mark-b:before{background:#b6eef4}.japanese-mark-r:before{background:#ffe0ee}.japanese-mark-p:before{background:#ffa0d7}@media (width>=651px) and (width<=1199px){.sentence-comparison{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.sentence-comparison>figure .sentence-example-table tr:first-child td{font-size:var(--font-body);white-space:nowrap}}@media (width<=650px){.lesson-heading-icon{flex-basis:26px;width:26px;height:26px}.sentence-comparison{grid-template-columns:1fr;gap:.75rem}}:is(.lesson-pattern,.lesson-takeaway):before{mask:var(--decoration-callout-marker) center / 100% 100% no-repeat;pointer-events:none;top:6px;bottom:6px}.lesson-takeaway{mask:var(--decoration-article-soft-edge) center / 100% 100% no-repeat}.article-callout .callout-copy>:last-child{margin-bottom:0}.article-callout .callout-copy>h3{color:#795315;font-family:var(--font-bold);font-size:var(--font-support);margin:0 0 .75rem;font-weight:700}.article-callout{background:var(--yellow-soft);font-size:var(--font-body);border:0;border-radius:14px;margin:2rem 0;padding:1.25rem 1.3rem;position:relative}.article-callout.is-warning{isolation:isolate;background:0 0;padding-left:3.25rem}.article-callout.is-legend{color:#57534b;font-size:var(--font-support);background:0 0;border:0;border-top:1px solid #7953152e;border-radius:0;margin:1.5rem 0;padding:1rem 0 0;line-height:1.6}.article-callout.is-legend .callout-copy>p{font-size:inherit}.article-callout.is-legend dl{grid-template-columns:6.75rem minmax(0,1fr);gap:.5rem 1.25rem;margin:0;display:grid}.article-callout.is-legend dt{font-family:var(--font-bold);font-weight:700}.article-callout.is-legend dd{margin:0}.article-callout:is(.is-explanation,.is-warning){margin:1rem 0;padding-top:.75rem;padding-bottom:.75rem}.lesson-reminder{color:#68655e;font-size:var(--font-support);background:0 0;border:0;margin:1rem 0 1.5rem;padding:.25rem 0 .25rem 1.1rem;line-height:1.5;position:relative}.lesson-reminder:not(.is-note):before{width:3px;mask:var(--decoration-callout-marker) center / 100% 100% no-repeat;content:"";pointer-events:none;background:#c5bfae;position:absolute;top:.35rem;bottom:.35rem;left:0}.lesson-reminder p,.lesson-reminder a{font-size:inherit}.lesson-reminder strong{font-family:var(--font-bold);font-weight:700}.lesson-reminder>:last-child{margin-bottom:0}.lesson-reminder-title{color:#364756;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.lesson-reminder.is-note{color:#8a877f;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:.75rem;padding:.25rem 0;display:flex}.lesson-reminder.is-note>div>:last-child{margin-bottom:0}.lesson-note-icon{color:#a29e94;flex:0 0 20px;margin-top:.1rem}.reading-article .article-body .article-callout .callout-copy>h3{color:#795315;font-size:var(--font-support);font-family:var(--font-bold);margin:0 0 .75rem;font-weight:700}.reading-article .article-body .lesson-reminder strong{font-family:var(--font-bold);font-weight:700}.reading-article .article-body .lesson-reminder>:last-child,.reading-article .article-body .lesson-reminder.is-note>div>:last-child,.reading-article .article-body .callout-copy>:last-child{margin-bottom:0}@media (width<=420px){.article-callout.is-legend dl{grid-template-columns:minmax(0,1fr);gap:.25rem}.article-callout.is-legend dd+dt{margin-top:.5rem}}.article-callout.is-explanation{padding-left:2rem}.article-callout.is-explanation:before{width:10px;mask:var(--decoration-callout-marker) center / 100% 100% no-repeat;content:"";pointer-events:none;background:#ffd738;position:absolute;top:6px;bottom:6px;left:0}.article-callout.is-warning{--warning-mark-top:min(1rem, calc((100% - 30px) / 2))}.article-callout.is-warning .callout-copy:before{z-index:-1;background:color-mix(in srgb, var(--pink) 12%, var(--cream));mask:var(--decoration-article-soft-edge) center / 100% 100% no-repeat;content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0}.article-callout.is-warning:before{top:var(--warning-mark-top);width:8px;height:18px;mask:var(--decoration-callout-marker) center / 100% 100% no-repeat;content:"";pointer-events:none;background:#ff70aa;position:absolute;left:calc(1.25rem + 2px)}.article-callout.is-warning:after{top:calc(var(--warning-mark-top) + 24px);content:"";pointer-events:none;background:#ff70aa;border-radius:50%;width:6px;height:6px;position:absolute;left:calc(1.25rem + 3px)}:where(.schrift-aligned-article .article-body) a{border-bottom:2px solid var(--link-underline-color);text-decoration:none;transition:border-color .1s ease-in-out}:where(.schrift-aligned-article .article-body) a:hover,:where(.schrift-aligned-article .article-body) a:focus-visible{border-bottom-color:var(--pink)}.schrift-aligned-article .reference-content img{border-radius:0;margin:0 auto 16px}.schrift-aligned-article .content-caption{text-align:right;color:inherit;font-style:italic;font-size:var(--font-body);margin:-.8rem 0 1rem}.schrift-aligned-article .reference-content small{color:inherit;font-family:inherit;font-size:80%}.schrift-aligned-article .reference-content td{vertical-align:middle}.kana-learning-font .reference-content .table-kana td,.kana-learning-font .reference-content table :is(td,th) [lang=ja],.kana-learning-font .reference-content .content-example-japanese:first-child td>:not(small){font-synthesis:none;font-family:Graviola Soft,Klee One,Jakobs Japanese Heading,sans-serif;font-weight:600}.kana-learning-font .reference-content .table-kana small{font-family:Raleway,Noto Sans Japanese,sans-serif;font-weight:400}.schrift-aligned-article .table-kana table{min-width:0}.schrift-aligned-article .table-kana tr{height:60px}.schrift-aligned-article .table-kana :is(th,td){text-align:center}.schrift-aligned-article .table-kana td{font-size:1.6rem}.schrift-aligned-article .table-kana small{font-size:.7rem;display:block}.schrift-aligned-article .table-kana-first td:first-child{font-size:1rem;font-family:var(--font-bold);font-weight:700}.schrift-aligned-article .table-kana td.mark{background:inherit;color:#df393f}.schrift-aligned-article .reference-content .content-example{width:auto;min-width:0;font-family:inherit;font-size:var(--font-body);margin-left:auto;margin-right:auto;line-height:1.5}.schrift-aligned-article .content-example tr{background:0 0!important}.schrift-aligned-article .content-example tr:first-child td{vertical-align:baseline}.schrift-aligned-article .content-example tr:not(:first-child) td{font-family:inherit;font-size:inherit}.schrift-aligned-article .content-columns{flex-wrap:wrap;gap:0;width:100%;display:flex}.schrift-aligned-article .content-column{flex:100%}.schrift-aligned-article .content-column-left{order:0}.schrift-aligned-article .content-column-right{order:2}.schrift-aligned-article .content-column-wide{flex-basis:100%;order:1}.schrift-aligned-article .content-column-wide:last-child{order:3}.schrift-aligned-article .highlight-box-left{text-align:left;background:#b6eef4;border:0;border-radius:0;margin:15px -15px 0;padding:0 15px 15px;overflow:auto}.schrift-aligned-article .highlight-box-left :is(h2,h3){text-align:center}.schrift-aligned-article .highlight-box-left h2{margin-top:26px;margin-bottom:15px}.schrift-aligned-article .content-color{z-index:1;color:inherit;white-space:normal;background:0 0;padding:0;position:relative}.schrift-aligned-article .content-color:before{content:"";z-index:-1;background:#b6eef4;width:100%;height:70%;position:absolute;top:15%;left:0;transform:rotate(-2deg)}.schrift-aligned-article .content-yellow:before{background:#ffde5d}.schrift-aligned-article .content-red:before{background:#ffe0ee}.schrift-aligned-article .kana-download-preview img{border-radius:4px;margin:0}.schrift-aligned-article .kana-download-preview.is-cropped img{border-radius:0}.schrift-aligned-article .kana-download a.kana-download-preview{border:0}.schrift-aligned-article .kana-download a.kana-download-primary{color:#fff;border:2px solid #364756}.schrift-aligned-article .kana-download a.kana-download-primary:hover{border-color:#df393f}.schrift-aligned-article .kana-download-preview:not(.is-cropped) .kana-download-preview-sheet{background:#fff;position:absolute;inset:0;overflow:hidden}.schrift-aligned-article .kana-download.is-inline .kana-download-preview{aspect-ratio:297/210}.schrift-aligned-article .kana-download.is-combined .kana-download-preview{aspect-ratio:210/297}.schrift-aligned-article .kana-download-details .kana-download-meta{line-height:1.7}.schrift-aligned-article .kana-download-details .kana-download-primary{font-family:var(--font-bold);font-weight:700}.schrift-aligned-article .kana-download .kana-download-details :is(h2,h3){margin:1rem 0;font-size:1.6rem}.schrift-aligned-article .kana-download.is-inline .kana-download-details :is(h2,h3){margin:0 0 .6rem;font-size:1.4rem;line-height:1.3}.schrift-aligned-article .schrift-action-button{text-align:center;background:#ffd738;flex-wrap:wrap;justify-content:space-around;align-items:center;margin-bottom:16px;padding:20px;display:flex}.schrift-aligned-article .schrift-action-button>div{margin:12px}.schrift-aligned-article .schrift-action-button a{border:2px solid;width:250px;height:48px;margin:12px;padding:0 16px;line-height:44px;display:block}.schrift-aligned-article .schrift-action-button a:hover{color:#fff;background:#df393f;border-color:#df393f}@media (width>=576px){.schrift-aligned-article .highlight-box-left{margin:30px 0 0}}@media (width>=768px){.schrift-aligned-article .content-column{flex-basis:50%}.schrift-aligned-article .content-column-left{padding-right:8px}.schrift-aligned-article .content-column-right{order:1;padding-left:8px}.schrift-aligned-article .content-column-wide{order:2}}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.25rem 0 2.5rem;display:grid}.resource-card,.book-recommendation{--accent:#ffd738;--soft:#fff6d8}.tone-blue{--accent:#23c7e7;--soft:#e8f9fc}.tone-pink{--accent:var(--pink);--soft:#ffeaf2}.tone-green{--accent:#29c5a6;--soft:#e8f8f2}.resource-card{isolation:isolate;flex-direction:column;min-width:0;padding:1.25rem;display:flex;position:relative}.resource-card:before{z-index:-1;background:var(--soft);mask:var(--decoration-resource-soft-edge) center / 100% 100% no-repeat;content:"";pointer-events:none;border-radius:14px;position:absolute;inset:0}.resource-card:after{background:var(--accent);width:7rem;height:8px;mask:var(--decoration-legacy-navigation-title-box) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;top:-2px;left:1.25rem;transform:rotate(-1deg)}.resource-grid>.resource-card:nth-child(2n):before{transform:scaleX(-1)}.resource-grid>.resource-card:nth-child(2n):after{transform:rotate(.5deg)}.resource-card h3{color:inherit;line-height:1.25;margin:.45rem 0 .6rem!important;font-size:1.35rem!important}.resource-eyebrow{color:#364756bf}.resource-eyebrow,.book-label{font-family:var(--font-bold);font-size:var(--font-support);font-weight:700}.resource-copy{flex:1}.resource-copy>:last-child,.book-description>:last-child{margin-bottom:0!important}.resource-link,.book-action{width:fit-content;font-family:var(--font-bold);align-items:center;margin-top:1rem;font-weight:700;display:inline-flex}.book-recommendation{--surface-edge:10px;--surface-inset:-8px -3px;--surface-radius:24px 14px 22px 12px;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:center;gap:1.75rem;margin:1.5rem 0 2.5rem;padding:1.5rem;display:grid}.book-recommendation:after{z-index:-1;border:1px solid var(--accent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:-1px}.book-media{gap:.75rem;min-width:0;display:grid}.book-cover-wrap{background:#ffffffd1;border-radius:12px;place-items:center;min-height:190px;padding:1rem;display:grid;transform:rotate(-1.5deg);box-shadow:0 7px 20px #36475624}.book-recommendation .book-media .book-cover-wrap img{object-fit:contain;border-radius:0;width:100%;height:auto;max-height:250px;margin:0;display:block}.book-copy h3{color:inherit;line-height:1.25;margin:.75rem 0 .35rem!important;font-size:1.55rem!important}.book-label{isolation:isolate;background:0 0;padding:.35rem .7rem;display:inline-block;position:relative}.book-meta{color:#364756c7;font-size:var(--font-support);margin:0 0 .85rem!important}.book-recommendation .book-media .book-isbn{color:#364756ad;font-family:var(--font-bold);font-size:var(--font-support);text-align:center;white-space:nowrap;font-weight:700}.reference-book{border-top:1px solid #36475626;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:1rem;margin:1.25rem 0;padding-top:1.25rem;display:grid}.reference-content .reference-book>img{object-fit:contain;object-position:top;border-radius:0;width:64px;height:auto;max-height:100px;margin:0;display:block}.reference-book h3{color:inherit;line-height:1.5;font-family:var(--font-regular)!important;font-size:var(--font-body)!important;margin:0 0 .35rem!important;font-weight:400!important}.reference-description p,.reference-isbn{font-size:var(--font-support);line-height:1.6;margin:0 0 .35rem!important}.reference-book .reference-isbn{font-family:var(--font-bold);font-weight:700;margin-bottom:0!important}.reference-isbn span{white-space:nowrap}@media (width<=650px){.resource-grid,.book-recommendation{grid-template-columns:minmax(0,1fr)}.book-recommendation{gap:1.25rem;padding:1.25rem}.book-media{justify-self:center;width:min(230px,78%)}.book-cover-wrap{min-height:160px}}.book-recommendation a.book-action{border:0;border-bottom:2px solid var(--link-underline-color);color:#364756;background:0 0;border-radius:0;padding:0}.book-recommendation a.book-action:is(:hover,:focus-visible){color:#364756;border-bottom-color:var(--pink);background:0 0}.book-recommendation a.book-action:focus-visible{outline-offset:4px;outline:3px solid #df393f}.book-label:before{z-index:-1;background:var(--accent);mask:var(--decoration-legacy-navigation-title-box) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}.kana-download{--accent:#ffd738;--soft:#fff1cf;background:0 0;border:0;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2rem;margin:1.5rem 0 2.5rem;padding:1.5rem;display:grid}.kana-download.painted-surface{--surface-edge:10px;--surface-radius:18px 12px 16px 10px}.kana-download.is-katakana{--accent:#23c7e7;--soft:#e6f9fc}.article-body .kana-download-preview{background:#fff;border:0;border-radius:4px;grid-area:1/1;padding:0;display:block;overflow:hidden;box-shadow:0 5px 16px #36475624}.article-body .kana-download-preview p{margin:0}.article-body .kana-download-preview img{border-radius:4px;width:100%;height:auto;margin:0;display:block}.kana-download-label{isolation:isolate;font-size:var(--font-support);background:0 0;padding:.35rem .7rem;display:inline-block;position:relative}.kana-download-details{grid-area:1/2}.article-body .kana-download-details h3{margin:1rem 0;font-size:1.6rem}.article-body .kana-download-details h3:has(.lesson-heading-icon){align-items:center;gap:.75rem;display:flex}.article-body .kana-download-details p{margin:0 0 1.25rem}.kana-download-primary,.kana-download-secondary{width:fit-content;max-width:100%;font-family:var(--font-bold);font-size:var(--font-body);align-items:center;font-weight:700;display:inline-flex}.article-body .kana-download-primary{color:#fff;background:#364756;border:2px solid #364756;border-radius:8px;padding:.75rem 1rem;text-decoration:none;transition:none}.article-body .kana-download-primary:hover{background:#df393f;border-color:#df393f}.article-body .kana-download-secondary{color:#364756;border-bottom:2px solid var(--link-underline-color);margin:.9rem 0 1.25rem;text-decoration:none}.article-body .kana-download-secondary:hover{border-bottom-color:var(--pink)}.article-body .kana-download-details .kana-download-meta{font-size:var(--font-support);margin:0;line-height:1.7}.kana-download :is(.kana-download-preview,.kana-download-primary,.kana-download-secondary):focus-visible{outline-offset:5px;outline:3px solid #df393f}.kana-download.is-compact{border-width:2px;border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin:1.25rem 0;padding:1rem 1.25rem;display:flex}.kana-download.is-compact .kana-download-compact-copy strong{font-family:var(--font-bold);font-size:var(--font-body);margin-bottom:.3rem;font-weight:700;display:block}.kana-download-compact-copy :is(span,a){font-size:var(--font-support)}.kana-download.is-compact.article-action{isolation:isolate;background:0 0;border:2px solid #0000;padding:1.25rem;position:relative}.article-action:before{z-index:-2;background:var(--soft);mask:var(--decoration-article-action-wash-top) top / 100% 12px no-repeat, var(--decoration-article-action-wash-bottom) bottom / 100% 12px no-repeat, linear-gradient(#000, #000) center / 100% calc(100% - 20px) no-repeat;content:"";pointer-events:none;border-radius:16px;position:absolute;inset:-10px -5px}.article-action:after{z-index:-1;border:2px solid var(--accent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:-2px}.article-action .kana-download-compact-copy{flex:18rem;min-width:0}.article-action .kana-download-details{flex-shrink:0;max-width:100%}@media (width<=650px){.kana-download{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding:1.25rem}.kana-download-details{grid-area:1/1}.article-body .kana-download-preview{grid-area:2/1;justify-self:center;width:100%;max-width:300px}}.kana-download.is-combined{--accent:#ff70aa;--soft:#ffe0ee}.kana-download.is-inline.is-highlighted{background:0 0;border:0;border-radius:18px;padding:1.25rem}.article-body .kana-download-preview{cursor:zoom-in;position:relative}.kana-download-preview-hint{color:#364756;background:#fffffff0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;line-height:1.3;position:absolute;bottom:.5rem;right:.5rem}.kana-download.is-inline{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,180px) minmax(0,1fr);gap:1.5rem;margin:2rem 0 2.5rem;padding:0}.article-body .is-inline .kana-download-details p{margin:0 0 .7rem}.article-body .is-inline .kana-download-details .kana-download-meta{margin:.5rem 0 0}.kana-download-inline-link{font-family:var(--font-bold);font-weight:700}@media (width<=650px){.kana-download.is-inline{grid-template-columns:minmax(0,120px) minmax(0,1fr);gap:1rem}.is-inline .kana-download-details{grid-area:1/2}.article-body .is-inline .kana-download-preview{grid-area:1/1;max-width:180px}}@media (width<=400px){.kana-download.is-inline{grid-template-columns:minmax(0,1fr)}.is-inline .kana-download-details{grid-area:1/1}.article-body .is-inline .kana-download-preview{grid-area:2/1;justify-self:start;width:160px}}.article-body .is-inline .kana-download-details h3{margin:0 0 .6rem;font-size:1.4rem;line-height:1.3}.kana-download-size-options{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.kana-download-preview-sheet{display:block}.article-body .kana-download-preview.is-cropped{aspect-ratio:297/210;box-shadow:none;filter:drop-shadow(0 5px 8px #36475624);background:0 0;overflow:visible}.is-cropped .kana-download-preview-sheet{--sheet-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath fill='white' d='M0 0H100V96C90 90 80 90 70 96S50 102 40 96S20 90 10 96S3 99 0 96Z'/%3E%3C/svg%3E");-webkit-mask-image:var(--sheet-mask);mask-image:var(--sheet-mask);background:#fff;position:absolute;inset:0;overflow:hidden;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.article-body .is-cropped img{border-radius:0}.kana-download-preview-hint{z-index:1}.kana-download-label:before{z-index:-1;background:var(--accent);mask:var(--decoration-legacy-navigation-title-box) center / 100% 100% no-repeat;content:"";pointer-events:none;position:absolute;inset:0}.publication-preview{--surface-fill:#fff0f5;--surface-inset:-.25rem .25rem 0 -.25rem;--surface-edge:16px;--surface-radius:22px 14px 18px 12px;background:0 0;border:0;margin:1.5rem 0 2.5rem}.publication-preview-content{padding:1.25rem}.publication-preview-yellow{--surface-fill:#fff6d8}.publication-preview-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.publication-preview-pages figure{margin:0}.publication-preview .publication-preview-pages a{cursor:zoom-in;background:#fff;border:0;border-radius:5px;display:block;position:relative;overflow:hidden;box-shadow:0 5px 16px #3647561f}.publication-preview-pages a:focus-visible,.publication-preview-sample:focus-visible{outline-offset:4px;outline:3px solid #df393f}.publication-preview .publication-preview-pages img{border-radius:0;width:100%;height:auto;margin:0;display:block}.publication-preview-pages figcaption{font-size:var(--font-support);margin-top:.6rem}.publication-preview-hint{color:#364756;background:#fffffff0;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;position:absolute;bottom:.5rem;right:.5rem}.reading-article .article-body .publication-preview .publication-preview-credit{font-size:var(--font-support);margin:1rem 0 0}.publication-preview-footer{justify-content:flex-end;margin-top:1rem;padding-inline:.25rem;display:flex}.publication-preview-sample{font-family:var(--font-bold);align-items:center;gap:.4rem;font-weight:700;display:inline-flex}@media (width<=500px){.publication-preview-pages{grid-template-columns:minmax(0,1fr);gap:1.5rem}}.content-icon-list>h2{text-align:center;background:var(--decoration-legacy-navigation-title-box) center / contain no-repeat;min-height:40px;margin:0 auto 24px;padding-top:7px;font-size:22px}.content-icon-list.is-centered{text-align:center}.content-icon-list.is-centered .content-icon-item{max-width:320px}.reading-article .article-body section.content-icon-list>ul{text-align:left;margin:0;padding:0;list-style:none;display:inline-block}.article-body .content-icon-list .content-icon-item{text-align:left;word-break:break-all;margin:0 0 1rem;padding:0;display:block;position:relative}.article-body .content-icon-list .content-icon-item.has-icon{padding-left:36px}.content-icon-list .content-icon-item>.content-icon-symbol{object-fit:contain;border-radius:0;width:24px;max-width:none;height:24px;margin:0;display:block;position:absolute;top:16px;left:0;transform:translateY(-50%)}.content-icon-details{padding-top:8px}@media (width>=768px){.article-body .content-icon-list.is-horizontal .content-icon-item{margin-right:10px;display:inline-block}}:root{--decoration-article-action-wash-bottom:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2012%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200H1000V7C810%203%20659%2012%20491%209S174%205%200%2010Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);--decoration-article-action-wash-top:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%2012%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%206C170%2010%20330%201%20505%204S817%209%201000%203V12H0Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);--decoration-article-soft-edge:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20200%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200H1000V194C815%20199%20691%20190%20505%20194S169%20200%200%20195Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);--decoration-callout-marker:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2012%20100%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M3%201Q7-1%2011%202L9%2096Q7%20101%202%2098L1%206Q0%202%203%201Z%22%2F%3E%0A%3C%2Fsvg%3E%0A);--decoration-resource-soft-edge:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20200%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Cpath%20d%3D%22M0%200H1000V198C815%20199.5%20691%20197%20505%20198S169%20200%200%20198.5Z%22%2F%3E%0A%3C%2Fsvg%3E%0A)}main:has(.reading-article){background:var(--cream);display:flow-root}.book-page.reading-page{--sidebar-offset:0px;--sidebar-content-offset:0px;grid-template-columns:minmax(0,1fr);gap:.75rem 0;width:100%;margin:.125rem auto 0;padding:0 15px;display:grid}.book-article-heading h1{margin:0;font-size:22px;line-height:1.25}.book-page.reading-page>.reading-article{margin-top:0}.reading-article{color:#212529;font-family:var(--font-regular);margin-top:2rem;font-weight:300;line-height:1.5}.reading-article .article-body{line-height:1.5}.reading-page>.reading-article>.article-body>:first-child{margin-block-start:0}.article-table-scroll{max-width:100%;margin-block:22px 16px;overflow-x:auto}.reading-article .reference-content .article-table-scroll>table{margin:0}.article-table-scroll:focus-visible{outline:2px solid var(--cyan-dark);outline-offset:3px}.own-book-article .article-body>p:first-child img{border-radius:0;margin:0 auto 1rem}.reading-article p,.reading-article .article-body :is(p:not(.content-caption),ul,ol){margin-block:0 1rem}.reading-article .article-body li+li{margin-top:0}.reading-article .article-body :is(strong,b){font-family:var(--font-bold)}.reading-article .article-body .exercise-question p,.reading-article .article-body .lesson-overview>ul{margin:0}.reading-article .article-body .lesson-overview h3{font-size:var(--font-body);color:#364756;margin:0}.reading-article .article-body .lesson-overview li+li{margin-top:1.25rem}.reading-article h1,.reading-article h2,.reading-article h3{font-family:var(--font-bold);color:inherit;letter-spacing:normal;font-weight:700;line-height:1.2}.reading-article>h1{margin-bottom:.5rem;font-size:22px}.reading-article .article-body h2{border:0;margin:48px 0 16px;padding:0;font-size:20px}.reading-article .article-body :is(h2,h3,h4)[id],.reading-article vocabulary-table[id],#jlpt-anfang{scroll-margin-top:5rem}.reading-article .article-sources{color:#5c6467;margin-top:3rem;font-size:.85em}.reading-article .article-body .article-sources h2{margin:0 0 .75rem;font-size:1.15em}.reading-article .article-sources a{text-decoration:underline;text-decoration-color:var(--link-underline-color);text-underline-offset:.18em;border-bottom:0}.reading-article .article-sources a:is(:hover,:focus-visible){text-decoration-color:var(--pink)}@media (any-pointer:coarse){.reading-article .article-sources li{box-sizing:border-box;min-height:44px}.reading-article .article-sources li>a{box-sizing:border-box;min-height:44px;padding-block:.625rem;display:block}.reading-article .article-sources li:not(:has(a)){padding-block:.625rem}}.reading-article .article-body h2:has(.lesson-heading-icon){align-items:center;gap:.75rem;display:flex}.reading-article .article-body h3{margin:16px 0;font-size:18px}:where(.reading-article) a{color:inherit;border-bottom:2px solid var(--link-underline-color);text-decoration:none;transition:border-color .1s ease-in-out}:where(.reading-article) a:hover{border-bottom-color:var(--pink)}.reading-article strong{font-family:var(--font-bold);font-weight:700}.reading-article .reference-content table{border-collapse:collapse;background:0 0;border:0;border-radius:0;width:100%;margin:22px 0 16px;overflow:visible}.reading-article .reference-content th,.reading-article .reference-content td{border:0;padding:6.75px 8px 5.75px}.reading-article .reference-content th{color:#334657;background:#b6eef4}.reading-article .reference-content tr:nth-child(2n){background:#fff1c3}.reading-article .reference-content tbody tr:hover{background:#ffd738}.reading-article .reference-content th:first-child,.reading-article .reference-content td:first-child{border-radius:8px 0 0 8px}.reading-article .reference-content th:last-child,.reading-article .reference-content td:last-child{border-radius:0 8px 8px 0}.reading-article .reference-content .sentence-example-table{width:auto;max-width:100%;margin:0 auto .35rem}.reading-article .sentence-example-table td{font-size:var(--font-example);text-align:center;vertical-align:baseline;padding:.25rem .75rem;line-height:1.4}.reading-article .sentence-example-table tr{background:0 0!important}.reading-article .sentence-example-table tr:not(:first-child) td{font-size:var(--font-support)}particle-exercises{display:block}particle-exercises [hidden]{display:none!important}@media (width<=991px){.book-page.reading-page>.reading-article{max-width:none}}@media (width>=992px){.book-page.reading-page{grid-template-rows:auto 1fr;grid-template-columns:280px minmax(0,1fr);align-items:stretch;max-width:960px}.book-article-heading{grid-area:1/2;margin-inline:32px}.book-article-heading h1{font-size:40px}.reading-page>:is(.article-rail,.book-sidebar){--sidebar-content-offset:8px;grid-area:1/1/span 2}.book-page.reading-page>.reading-article{grid-area:2/2;width:auto;max-width:none;margin:0 32px}.reading-article>h1{font-size:40px}.reading-article .article-body h2{font-size:32px}.reading-article .article-body h3{margin-top:32px;font-size:22px}}@media (width>=1200px){.book-page.reading-page{max-width:1140px}}@media (width<=650px){.reading-article .sentence-example-table td{padding-left:.4rem;padding-right:.4rem}.reading-article .article-body .lesson-overview li+li{margin-top:1.5rem}}.color-splash{pointer-events:none;background:var(--splash-color);opacity:var(--splash-opacity);border-radius:var(--splash-shape);transform:rotate(var(--splash-angle));position:absolute}.article-splashes>h1{min-height:64px;padding-right:125px;position:relative}.article-title-splashes{width:110px;height:70px;position:absolute;top:-10px;right:8px}.article-title-splashes[data-composition=pair] .color-splash:first-child{width:50px;height:42px;top:0;left:0}.article-title-splashes[data-composition=pair] .color-splash:nth-child(2){width:50px;height:42px;top:12px;right:0}.article-title-splashes[data-composition=large-small] .color-splash:first-child{width:70px;height:46px;top:0;left:0}.article-title-splashes[data-composition=large-small] .color-splash:nth-child(2){width:28px;height:32px;top:25px;right:0}.article-title-splashes[data-composition=trio] .color-splash:first-child{width:55px;height:42px;top:8px;left:0}.article-title-splashes[data-composition=trio] .color-splash:nth-child(2){width:28px;height:32px;top:0;right:10px}.article-title-splashes[data-composition=trio] .color-splash:nth-child(3){width:28px;height:32px;top:40px;right:0}.article-layout-single{position:relative}.article-color-trail{display:none}@media (width>=992px){.article-rail{flex-direction:column;min-height:0;display:flex}.article-rail>.book-sidebar{flex:none}.article-color-trail{pointer-events:none;flex:1;min-height:0;margin:100px 30px 100px 0;display:block;position:relative;overflow:hidden;container:article-trail/size}.article-color-trail .color-splash{top:calc(80px + 570px * var(--trail-index));left:var(--trail-left);width:var(--trail-width);height:var(--trail-height)}.article-layout-single>.article-rail{width:clamp(95px,50% - 455px,130px);position:absolute;top:0;bottom:0;left:max(15px,50% - 570px)}.article-layout-single[data-splash-pattern]>.reading-article{max-width:calc(100% - 240px)}.article-layout-single .article-color-trail{margin:100px 0}.article-layout-single .article-color-trail .color-splash{left:12px}.article-layout-single .article-color-trail .color-splash:nth-child(2n){left:auto;right:0}}@container article-trail (height<=215px){.article-color-trail .color-splash:first-child{display:none}}@container article-trail (height<=785px){.article-color-trail .color-splash:nth-child(2){display:none}}@container article-trail (height<=1355px){.article-color-trail .color-splash:nth-child(3){display:none}}@container article-trail (height<=1925px){.article-color-trail .color-splash:nth-child(4){display:none}}@container article-trail (height<=2495px){.article-color-trail .color-splash:nth-child(5){display:none}}@container article-trail (height<=3065px){.article-color-trail .color-splash:nth-child(6){display:none}}@container article-trail (height<=3635px){.article-color-trail .color-splash:nth-child(7){display:none}}@container article-trail (height<=4205px){.article-color-trail .color-splash:nth-child(8){display:none}}@container article-trail (height<=4775px){.article-color-trail .color-splash:nth-child(9){display:none}}@container article-trail (height<=5345px){.article-color-trail .color-splash:nth-child(10){display:none}}@media (width<=650px){.article-splashes>h1{min-height:44px;padding-right:90px}.article-title-splashes{transform-origin:100% 0;right:4px;transform:scale(.7)}}