@charset "UTF-8";@import"https://fonts.signalwerk.ch/css/latest/family=Unicode+BMP+Fallback.css";@import"https://fonts.signalwerk.ch/css/latest/family=Work+Sans:ital,wght@0,100..900;1,100..900.css";@import"https://fonts.signalwerk.ch/css/latest/family=IBM+Plex+Mono:ital,wght@0,400..700;1,400..700.css";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Symbols+2&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";:root{--typography--size-1: 1.5rem;--typography--size-scaler: 1.125;--typography--size-divider: .93}@media screen and (min-width: 890px){:root{--typography--size-1: 1.45rem;--typography--size-scaler: 1.14;--typography--size-divider: .92}}@media screen and (min-width: 1024px){:root{--typography--size-1: 5rem;--typography--size-scaler: 1.4;--typography--size-divider: .88}}@media print{:root{--typography--size-1: 4.5rem;--typography--size-scaler: 1.4;--typography--size-divider: .88}}:root{--typography--size-2: calc( var(--typography--size-3) * var(--typography--size-scaler) );--typography--size-3: calc( var(--typography--size-base) * var(--typography--size-scaler) );--typography--size-base: 1rem;--typography--size-5: calc( var(--typography--size-base) * var(--typography--size-divider) );--typography--size-6: calc( var(--typography--size-5) * var(--typography--size-divider) );--typography--size-7: calc( var(--typography--size-6) * var(--typography--size-divider) );font-family:Work Sans,Noto Sans JP,"Noto Sans Symbols 2","Noto Color Emoji",Unicode BMP Fallback,sans-serif;font-weight:400;font-size:14px;line-height:1.55}@media screen and (min-width: 890px){:root{font-size:15px;line-height:1.5}}@media screen and (min-width: 1024px){:root{font-size:16px;line-height:1.45}}@media print{:root{font-size:9pt;line-height:1.45}}h1,h2,h3,h4{margin-top:.7em;margin-bottom:.4em;line-height:1.15}@media screen and (min-width: 1024px){h1,h2,h3,h4{-webkit-hyphens:none;hyphens:none}}@media print{h1,h2,h3,h4{break-after:avoid}}h1{font-size:var(--typography--size-1);font-style:italic;font-family:IBM Plex Mono,Unicode BMP Fallback,monospace;font-weight:400;line-height:1.1}h2{font-size:var(--typography--size-2);margin-top:0;margin-bottom:2.5em}@media screen{h2{margin-top:7rem}}@media screen and (min-width: 1024px){h2{margin-top:9rem}}@media screen and (min-width: 1400px){h2{margin-top:12rem}}@media print{h2{page-break-before:right;margin-bottom:4.5em}}h3{font-size:var(--typography--size-3);margin-top:3em}h4{font-size:var(--typography--size-4)}code{font-family:IBM Plex Mono,Unicode BMP Fallback,monospace;font-size:inherit;font-weight:inherit;font-style:inherit}ul,ol{--marker-width: 1.4em;--marker-space-after: .3em;padding-left:0;margin:1em 0;list-style:none}li{margin-bottom:.7em;position:relative;padding-left:calc(var(--marker-width) + var(--marker-space-after))}li:before{position:absolute;left:0;width:var(--marker-width);display:inline-block;margin-right:var(--marker-space-after)}ul>li:before{content:"– "}ol{counter-reset:ol-li}ol>li{counter-increment:ol-li}ol>li:before{content:counter(ol-li);text-align:center}hr{border:none;height:2px;background-color:var(--color-primary);margin-top:.9em;margin-bottom:.9em}@media print{hr{height:.5pt}}.node-box.expample{margin-top:9rem;margin-bottom:7.5rem}@media screen and (min-width: 1024px){.node-box.expample{margin-top:13rem;margin-bottom:10.5rem}}@media print{.node-box.expample{break-inside:avoid}}.node-box.expample{padding-left:.9em;padding-right:.9em}@media print{.node-box.expample{padding-left:0;padding-right:0;margin-top:3.5rem;margin-bottom:2.25rem}}.node-box__content{border-top:.5rem solid var(--color-primary);border-bottom:.2rem solid var(--color-primary)}.node-box__content .node-text:not(.text--typo-example){font-size:.9em}.node-box__title{font-family:IBM Plex Mono,Unicode BMP Fallback,monospace;font-weight:400;font-style:italic;background-color:var(--color-primary);color:#fff;display:inline-block;padding-top:.15rem;padding-left:1rem;padding-right:1rem;transform:translateY(.3rem)}.text--typo-example{font-family:Work Sans,Noto Sans JP,"Noto Sans Symbols 2","Noto Color Emoji",Unicode BMP Fallback,sans-serif;font-size:var(--typography--size-2);font-weight:700;line-height:1.3;margin-top:0;margin-bottom:1.6rem;padding-left:1rem;padding-right:1rem}.text--typo-example code{font-family:inherit;color:var(--color-signal)}:root{--green-color: #006984;--blue-color: #0054a2;--gray-color: #e6e8ea;--brown-color: rgb(178, 112, 0);--gray-red: #f00;--color-primary: var(--blue-color);--color-secondary: var(--green-color);--color-signal: var(--brown-color);--column-left: 7% ;--column-width: 89% }@media screen and (min-width: 1024px){:root{--column-left: 12% ;--column-width: 85% }}@media screen and (min-width: 1200px){:root{--column-left: 18% ;--column-width: 75% }}@media screen and (min-width: 1400px){:root{--column-left: 30% ;--column-width: 55% }}@media print{:root{--node-gird--count: 12;--grid--grid-column-gap: 1.5rem;--grid--grid-column-width: calc( (100% - 11 * var(--grid--grid-column-gap)) / 12 );--column-left: calc( var(--grid--grid-column-width) * 4 + var(--grid--grid-column-gap) * 4 );--column-width: calc( var(--grid--grid-column-width) * 7 + var(--grid--grid-column-gap) * 6 )}}@page :left{--column-left: calc( var(--grid--grid-column-width) * 1 + var(--grid--grid-column-gap) * 1 )}::selection{background:var(--color-primary);color:#fff;text-shadow:none}body{margin:0}img{width:100%;display:block}p,ol,ul{margin-top:0;margin-bottom:.6em}@media print{p,ol,ul{orphans:3;widows:3}}a{color:inherit;text-decoration:underline;text-decoration-color:#000;text-decoration-line:underline;text-decoration-thickness:.15em;text-underline-offset:.3em}a:hover{color:var(--color-primary);text-decoration-color:var(--color-primary)}@media print{.pagedjs--print a{text-decoration:none}.pagedjs--print a[href^=http]:after{content:" (" attr(href) ")";font-size:.8em}.pagedjs--print a[href^="https://www.deepl.com/"]:after{content:" (https://www.deepl.com/)"}.pagedjs--print a[href^="https://typography.japan.signalwerk.ch/"]:after{content:""}.pagedjs--print .node-image__caption a:after{content:""}}.node-page{width:100%;max-width:75rem;margin:0 auto}@media screen{.node-page{padding-bottom:10rem}}.node-page>.node-markdown:not(.full-width),.node-page>.node-page__footnotes:not(.full-width){width:var(--column-width);margin-left:var(--column-left)}:root{--node-gird--count: 12;--node-grid-item--column-span: 1}@media screen and (min-width: 890px){.node-grid{display:var(--grid--display, grid)}}@media print{.node-grid{display:var(--grid--display, grid)}}.node-grid{grid-template-columns:repeat(var(--node-gird--count),1fr);grid-column-gap:var(--grid--grid-column-gap, 1.5rem);margin-top:2.5rem;margin-bottom:2rem}.node-grid.grid--margin-top-big{margin-top:5rem}.node-grid.node-grid--align-items-center{align-items:center}.node-grid-item{grid-column:span var(--node-grid-item--column-span)}.node-grid-item>.node-markdown>.text>hr{margin-top:0}.node-grid-item>.node-markdown>.text>p,.node-grid-item>.node-markdown>.text>h4{margin-top:-.35em}@media screen{.image-emotional{display:block}.image-emotional .node-grid-item{width:75%;margin:0 auto}}@media screen and (min-width: 890px){.image-emotional .node-grid-item{width:65%}}.image-emotional{margin-top:7.5rem;margin-bottom:5rem;width:var(--column-width);margin-left:var(--column-left)}@media print{.image-emotional{margin-top:.7rem;margin-bottom:0;width:100%;margin-left:0}.image-emotional.image-emotional--landscape{margin-top:11.5rem}}.translation,small{font-size:.75em}.regular{font-weight:400}.node-image__caption{margin-top:.5em}sup{vertical-align:top;font-size:.8em;position:relative;top:-.075em}body.debug:after{content:"mobile";position:fixed;right:0;bottom:0;font-size:12px;color:red;padding:.5em 1em;background-color:#ccc}@media screen and (min-width: 550px){body.debug:after{content:"Size xs"}}@media screen and (min-width: 890px){body.debug:after{content:"Size s"}}@media screen and (min-width: 1024px){body.debug:after{content:"Size m"}}@media screen and (min-width: 1200px){body.debug:after{content:"Size l"}}@media screen and (min-width: 1400px){body.debug:after{content:"Size xl"}}@media print{body.debug:after{content:"print";display:none}}@media print{table,figure{page-break-inside:avoid}h1{string-set:titleH1 content(text)}h2{string-set:titleH2 content(text)}@page{size:A4;margin:20mm 12mm 35mm 30mm}@page{@bottom-left{vertical-align:bottom;margin-bottom:15mm}@bottom-right{vertical-align:bottom;margin-bottom:15mm}}@page :right{@bottom-left{content:string(titleH1) " · " string(titleH2);font-size:.8em}@bottom-right{content:counter(page)}}@page :left{margin-left:12mm;margin-right:30mm;@bottom-left{content:counter(page)}}@page :first{@bottom-left{content:"";font-size:.8em}@bottom-right{content:""}}}.break-before{break-before:always}.page-break-before-auto h2{page-break-before:auto}@media print{nav li:before{content:""}nav li{padding-left:0}nav li:not(:first-child){line-height:3}nav a:after{content:target-counter(attr(href),page,decimal);float:right}}