:root{--color-primary:#eb0038;--color-secondary:#0071f0;--color-black:#000;--color-white:#fff;--color-gray:#555;--color-light-gray:#eee;--color-border:#ddd;--color-table-stripe:#f9f9f9;--color-header-text:#fff;--color-header-bg:#000;--color-hover:var(--color-primary);--color-mark-bg:#e8e8e8;--color-mark-border:#e8e8e8;--color-mark-secondary-bg:#f5f5f5;--color-list-1-bg:#f0f0f0;--color-list-2-bg:#e8e8e8;--color-list-3-bg:#e0e0e0;--color-list-4-bg:#d8d8d8;--color-list-5-bg:#d0d0d0;--color-list-6-bg:#c8c8c8;--spacing-xs:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--mark-margin:.25em;--font-size-huge:2.5rem;--font-size-xxl:2rem;--font-size-large:1.3rem;--font-size-normal:1rem;--font-size-small:.9rem;--cover-width:200px;--max-content-width:56rem;--grid-gap:1rem}html,body{background-color:var(--color-white);padding:0;margin:0;overflow:hidden}html :lang(ja){font-family:"Noto Sans JP",sans-serif;font-display:swap}body{height:100vh;display:flex;flex-flow:column;font-family:sans-serif;font-size:110%}html{scroll-behavior:smooth}body,a,button,input,textarea,select{transition:color .3s ease,background-color .3s ease,border-color .3s ease,text-decoration-color .3s ease}a{color:var(--color-black)}a:hover{color:var(--color-black);text-decoration-style:double}p{text-wrap:pretty}h1{font-family:"Source Serif Pro",serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:400;line-height:1.15}p,li{line-height:1.5em;margin-inline:auto}dfn{font-weight:bold;font-style:normal}span[title]{text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-skip-ink:auto;cursor:help}mark,span.primary,.example .dialogue mark{color:var(--color-black);background-color:var(--color-mark-bg);font-weight:normal;text-decoration:none;padding:.1em .2em;border-radius:2px;border:solid 2px var(--color-mark-border)}mark.secondary,span.secondary,.example .dialogue mark.secondary{color:var(--color-black);background-color:var(--color-mark-secondary-bg);font-weight:normal;text-decoration:none}[lang="ja"]:hover mark:has(ruby),[data-furigana="always"] [lang="ja"] mark:has(ruby){padding-block-start:.4em!important}[lang="ja"] mark:not(mark+mark):not(:has(+mark)){margin-inline:var(--mark-margin)}[lang="ja"] mark:not(mark+mark):has(+mark),[lang="ja"] mark.secondary:not(mark+mark):has(+mark){margin-inline-start:var(--mark-margin);margin-inline-end:0}[lang="ja"] mark+mark:has(+mark),[lang="ja"] mark+mark.secondary:has(+mark){margin-inline:0}[lang="ja"] mark+mark:not(:has(+mark)),[lang="ja"] mark+mark.secondary:not(:has(+mark)){margin-inline-start:0;margin-inline-end:var(--mark-margin)}.example .dialogue dd[lang="ja"]{line-height:1.95em}.example .dialogue dd{line-height:1.75em}.example p{line-height:1.5em}.example .dialogue dt[lang="ja"],.example .dialogue dd[lang="ja"]{font-size:var(--font-size-large)}.example .dialogue dt{margin-top:.5em}.example .dialogue dd+dd[lang="ja"]{margin-top:.8em}.example .vocabulary dt[lang="ja"],.example .vocabulary dd[lang="ja"],.example .grammar dt[lang="ja"],.example .grammar dd[lang="ja"]{font-size:var(--font-size-large)}.example .vocabulary dd[lang="ja"],.example .grammar dd[lang="ja"]{line-height:1.95em}.example .vocabulary dd,.example .grammar dd{line-height:1.75em}.example .vocabulary dt,.example .grammar dt{margin-top:.5em}.example .vocabulary .conjugation-list{display:inline;list-style:none;padding:0;margin:0}.example .vocabulary .conjugation-list li{display:inline;margin:0;padding:0}.example .vocabulary .conjugation-list li::after{content:" → ";margin:0 .25em}.example .vocabulary .conjugation-list li:last-child::after{content:"";margin:0}.example .vocabulary .conjugation-steps{font-style:italic;color:var(--color-gray)}.example .vocabulary .usage-note{font-style:italic}img{max-width:100%}body.reading img{display:block;margin-inline:auto;max-width:100%}article.reading p:has(img){text-align:center}article.reading img{max-width:100%}#series img.cover,img.cover{filter:grayscale(1);transition:filter .5s ease}#series img.cover:hover,#series img.cover:focus,.series figure:hover img.cover,.series figure:focus img.cover{filter:grayscale(0.25)}.thumbnail{text-align:center;width:102px}.thumbnail img{margin:0 auto}#scrollable{flex:1;width:100vw;overflow-y:auto;overflow-x:hidden;margin:0 auto;min-height:0;scrollbar-gutter:stable}article{position:relative}#active{color:var(--color-header-bg);background:var(--color-header-text)}.border{border:solid thin var(--color-black)}blockquote cite{display:block;text-align:right}blockquote cite::before{content:"Source: "}#covers{margin-block:1.5rem;display:grid;row-gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,230px);justify-content:center}#covers .series figure{margin:0;display:flex;flex-direction:column;align-items:center}#covers .series figcaption{text-align:center;display:flex;flex-direction:column;margin-top:.25rem;font-size:90%}.example{container-type:inline-size}.example:after{clear:both;content:"";display:table}.example+.example{border-top:solid thin var(--color-light-gray);padding-top:var(--spacing-md)}.example .explanation{clear:both}.example figcaption{font-size:.98rem}.callout{font-size:.9rem;color:var(--color-gray);font-weight:normal;text-decoration:none!important;text-transform:uppercase;display:block}#series{display:flex;flex-direction:column}#series h1{font-size:var(--font-size-huge);margin-top:var(--spacing-lg)}#series>div{display:flex;flex-direction:column;gap:var(--spacing-xl)}#series>div>div:nth-child(1){display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:var(--cover-width)!important}#series>div>div:nth-child(1) div:has(img){text-align:right}#series>div>div:nth-child(1) img{max-width:var(--cover-width)!important}#series>div>div:nth-child(2){flex-grow:1}@media screen and (min-height:600px){html{scroll-padding-top:8rem}header{position:sticky}}@media screen and (min-width:1200px){header{font-size:1.4rem}}.example{display:flex;flex-direction:column}.example .title{order:1}.example .explanation-link{order:2}.example .summary{order:3}figure.example_panel{width:300px;padding-left:1rem;text-align:center;margin-inline:auto;order:4}figure.example_panel a{display:inline}.example .dialogue{order:5}.example .afterward{order:6}.example .vocabulary{order:7}.example .grammar{order:8}.example summary h2{display:inline-block}.example summary{list-style-position:outside}.example details dl{margin-block:0}.example details dt:first-child{margin-block-start:0}@container(min-width:800px){.example{display:block}figure{float:right}}@media screen and (min-width:800px){.example{display:block}}@media(min-width:480px){#series>div>div:nth-child(1){flex-direction:row}}@media(min-width:1024px){#series>div{flex-direction:row}#series>div>div:nth-child(1){flex-direction:column}#series h1{width:var(--max-content-width);margin-inline:auto}#series>div>div:nth-child(2){max-width:var(--max-content-width)}}@media(min-width:1200px){#series>div{display:grid;grid-template-columns:var(--cover-width) var(--max-content-width) var(--cover-width);margin:auto}body.series article p.cover{position:absolute;top:0;left:-310px;width:300px;text-align:right}}@media(max-width:1199px){body.series article p.cover{position:static;width:auto;text-align:center;margin-bottom:var(--spacing-md)}}table{border-collapse:collapse;font-size:var(--font-size-small);font-family:sans-serif;min-width:400px;margin:auto}article.explanation table{margin:0}thead tr{background-color:var(--color-black);color:var(--color-white);text-align:left}th,td{padding:12px 15px}td{border-right:1px solid var(--color-border)}td:first-child{border-left:1px solid var(--color-black)}th:last-child,td:last-child{border-right:1px solid var(--color-black)}tbody tr{border-bottom:1px solid var(--color-border)}tbody tr:nth-of-type(even){background-color:var(--color-table-stripe)}tbody tr:last-of-type{border-bottom:1px solid var(--color-black)}a:focus,button:focus,input:focus,textarea:focus,select:focus{border-radius:4px}.header a:focus,.header button:focus,.header input:focus,.header textarea:focus,.header select:focus{border-color:var(--color-white)}#active:focus{outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media(prefers-contrast:high){:root{--color-border:#000;--color-light-gray:#000}}@media(prefers-color-scheme:dark){:root{--color-primary:#ff86a2;--color-secondary:#7ab8fc;--color-black:#ccc;--color-white:#1f1f1f;--color-gray:#999;--color-light-gray:#313131;--color-border:#444;--color-table-stripe:#2a2a2a;--color-header-text:#ccc;--color-header-bg:#0f0f0f;--color-blockquote-bg:#1a1a1a;--color-hover:#ff86a2;--color-mark-bg:#151515;--color-mark-border:#151515;--color-mark-secondary-bg:#282828;--color-list-1-bg:#303030;--color-list-2-bg:#383838;--color-list-3-bg:#404040;--color-list-4-bg:#484848;--color-list-5-bg:#505050;--color-list-6-bg:#585858}html,body{background-color:var(--color-white)}body{color:var(--color-black)}.example-list a:first-child .example-line{border-top-color:var(--color-light-gray)}.example-list a:nth-child(even) .example-line{background-color:var(--color-dark-gray)}.example-list a:last-child .example-line{border-bottom-color:var(--color-light-gray)}.example-list .category,.example-list .series{color:var(--color-gray)}}.examples{margin-bottom:0}.example-list a{text-decoration:none;display:block}.example-list .example-line{display:flex;flex-direction:row;column-gap:1rem;justify-content:space-between;align-items:center;margin:.5em 0;padding:10px 18px}.example-list .title{text-decoration:underline;grid-area:title;font-size:1.35em;justify-content:flex-end}.example-list a:hover .title{text-decoration-style:double}.example-list .category{grid-area:category;color:var(--color-gray);font-size:.9rem;display:block!important}.example-list .category span{font-weight:bold}.example-list .series{grid-area:series;color:var(--color-gray);font-style:italic;justify-content:flex-start}.example-list .thumbnail{grid-area:thumbnail;justify-content:center}.example-list a:first-child .example-line{padding-top:1em;border-top:solid thin var(--color-light-gray)}.example-list a:nth-child(even) .example-line{background-color:var(--color-light-gray)}.example-list a:last-child .example-line{padding-bottom:1em;border-bottom:solid thin var(--color-light-gray)}li,article.default,article.reading{max-width:70ch;max-width:60ch;margin-inline:auto}article.article{max-width:90ch;margin-inline:auto}article.series{max-width:115rem;margin-inline:auto}article.explanation,article.kanji{max-width:90ch;margin-inline:auto}article.recent,article.example{max-width:65rem;margin-inline:auto}article.covers{max-width:75rem;margin-inline:auto}article.explanation blockquote,article.explanation p{max-width:90ch;line-height:1.5em;margin-inline-start:0}.article li,.explanation li{margin-inline-start:0}article.explanation .formation-list>li+li{margin-top:1rem}article.explanation .formation-list li li{margin-top:.5rem}h1:has(+.article-dates){margin-block-end:.5rem}.article-dates{display:flex;gap:.5rem;margin:0 0 0 1.5rem;font-size:.75rem;color:var(--color-gray);cursor:default}.date-item{display:flex;align-items:center;gap:.2rem}.date-icon{width:16px;height:16px;color:var(--color-gray);flex-shrink:0}.clock-icon{opacity:.8}.update-icon{opacity:.8}.panel{display:grid;grid-template-columns:minmax(min-content,100px) 1fr;row-gap:5px}.speaker{font-weight:bold;margin-right:10px;font-size:1.1em}p ruby rt,.dialogue dd[lang="ja"] ruby rt{opacity:0;transition:opacity .3s ease}p:hover ruby rt,p:focus ruby rt,.dialogue dd[lang="ja"]:hover ruby rt,.dialogue dd[lang="ja"]:focus ruby rt{opacity:1}p:focus-within ruby rt,p:focus-within ruby rp,.dialogue dd[lang="ja"]:focus-within ruby rt,.dialogue dd[lang="ja"]:focus-within ruby rp{opacity:1}[data-furigana="always"] ruby rt,[data-furigana="always"] .dialogue dd[lang="ja"] ruby rt{opacity:1}.japanese{display:inline-flex;flex-direction:row;flex-wrap:wrap;column-gap:10px}.word{display:flex;flex-direction:column;padding:4px;justify-content:flex-end}.word+.word .j,.word+.word .e{text-align:center!important}.word.highlight{border:solid 1px var(--color-black);padding:3px}.j,.e{white-space:nowrap}.literal{font-size:1.1em}.english{font-weight:bold;font-size:1.1em}.english .note{font-weight:normal}[data-theme="dark"]{--color-primary:#ff86a2;--color-secondary:#7ab8fc;--color-black:#ccc;--color-white:#1f1f1f;--color-gray:#999;--color-light-gray:#313131;--color-border:#444;--color-table-stripe:#2a2a2a;--color-header-text:#ccc;--color-header-bg:#0f0f0f;--color-blockquote-bg:#1a1a1a;--color-hover:#ff86a2;--color-mark-bg:#151515;--color-mark-border:#151515;--color-mark-secondary-bg:#282828;--color-list-1-bg:#303030;--color-list-2-bg:#383838;--color-list-3-bg:#404040;--color-list-4-bg:#484848;--color-list-5-bg:#505050;--color-list-6-bg:#585858}[data-theme="dark"] html,[data-theme="dark"] body{background-color:var(--color-white)}[data-theme="dark"] body{color:var(--color-black)}[data-theme="dark"] .header{border-bottom-color:var(--color-white)}[data-theme="dark"] .example-list a:first-child .example-line{border-top-color:var(--color-light-gray)}[data-theme="dark"] .example-list a:nth-child(even) .example-line{background-color:var(--color-light-gray)}[data-theme="dark"] .example-list a:last-child .example-line{border-bottom-color:var(--color-light-gray)}[data-theme="dark"] .example-list .category,[data-theme="dark"] .example-list .series{color:var(--color-gray)}[data-theme="light"]{--color-primary:#eb0038;--color-secondary:#0071f0;--color-black:#000;--color-white:#fff;--color-gray:#555;--color-light-gray:#eee;--color-border:#ddd;--color-table-stripe:#f9f9f9;--color-header-text:#fff;--color-header-bg:#000;--color-hover:var(--color-primary);--color-mark-bg:#e8e8e8;--color-mark-border:#e8e8e8;--color-mark-secondary-bg:#f5f5f5}[data-theme="light"] html,[data-theme="light"] body{background-color:var(--color-white);color:var(--color-black)}.theme-toggle{background:0;border:0;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:rgba(255,255,255,0.1);transform:scale(1.05)}.theme-toggle:focus{outline:0}.theme-toggle svg{width:20px;height:20px;fill:var(--color-header-text);transition:opacity .3s ease,transform .3s ease}.theme-toggle .sun-icon{opacity:1}.theme-toggle .moon-icon{opacity:0;position:absolute}[data-theme="dark"] .theme-toggle .sun-icon{opacity:0}[data-theme="dark"] .theme-toggle .moon-icon{opacity:1}.furigana-toggle{background:0;border:0;width:40px;height:40px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.furigana-toggle:hover{background-color:rgba(255,255,255,0.1);transform:scale(1.05)}.furigana-toggle:focus{outline:0}.furigana-toggle div{color:var(--color-header-text);font-weight:bold;width:20px;height:20px;fill:var(--color-header-text);transition:opacity .3s ease,transform .3s ease}.furigana-toggle .hover-icon{opacity:1}.furigana-toggle .always-icon{opacity:0;position:absolute}[data-furigana="always"] .furigana-toggle .hover-icon{opacity:0}[data-furigana="always"] .furigana-toggle .always-icon{opacity:1}.header{margin:0;padding-block-start:.25rem;background-color:var(--color-header-bg);color:var(--color-header-text);display:flex;flex-direction:column;gap:.5rem}.header .title{font-size:var(--font-size-huge);text-align:center}.header .subtitle{text-align:center;font-size:var(--font-size-normal);opacity:.9}.header nav{width:100%;max-width:1200px;margin:auto;padding:0 .85em 0;font-size:105%;display:flex;justify-content:center}.header nav a{line-height:2rem;text-align:center;color:var(--color-header-text);text-decoration:none;padding:.35rem 1rem .1rem;border-radius:.5rem .5rem 0 0}.header nav a:hover,.header nav a:focus{color:var(--color-header-bg);background:var(--color-header-text)}header nav a:hover svg{stroke:var(--color-black)}.header nav a#active{color:var(--color-black);background-color:var(--color-white)}.header nav:has(a:hover) #active:not(:hover){color:var(--color-header-text);background-color:var(--color-header-bg)}@media screen and (min-width:768px){.header nav{gap:.5rem}}@media screen and (min-height:600px){.header{position:sticky;top:0;z-index:100}}.key-points li{margin-block:.75em;max-width:none}