:root{--paper:#eef1e9;--sheet:#fafbf6;--ink:#1f2620;--muted:#59635b;--grid:#b4ccb8;--rule:#d3dccf;--shu:#c9281e;--on-shu:#fff;--moegi:#3f6b4b;--lift:0 1px 0 #d9ded5, 0 18px 40px -26px #1f262066;--display:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--serif:"Hiragino Mincho ProN", "Yu Mincho", "YuMincho", "Noto Serif JP", "Noto Serif CJK JP", serif;--pen:"Klee One", "Hiragino Maru Gothic ProN", "Yu Gothic", cursive;--ui:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Meiryo", "Noto Sans JP", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#121612;--sheet:#1a1f1b;--ink:#e3e8e1;--muted:#9ba79d;--grid:#3a4b3f;--rule:#2b352e;--shu:#ff6f61;--on-shu:#1c0907;--moegi:#93c4a2;--lift:0 0 0 1px #262e28;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;font-weight:500;line-height:1.95}a{color:var(--moegi);text-underline-offset:4px;text-decoration-thickness:1px}a:hover{color:var(--shu)}:focus-visible{outline:2px solid var(--shu);outline-offset:3px}.wrap{width:100%;max-width:1120px;padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:var(--sheet);color:var(--ink);padding:6px 12px;top:12px;left:16px}h1,h2,h3{font-family:var(--display);font-feature-settings:"palt";text-wrap:balance;word-break:auto-phrase;font-weight:800}h1{margin:0 0 20px;font-size:clamp(30px,4.2vw,46px);line-height:1.4}h2{margin:0 0 16px;font-size:clamp(23px,2.6vw,29px);line-height:1.45}h3{margin:28px 0 10px;font-size:18px}p,ul,ol,dl{margin:0 0 14px}.lede{max-width:34em;color:var(--muted);font-size:17px}.meta{color:var(--muted);font-family:var(--ui);font-size:13px;line-height:1.9}.btn{background:var(--shu);color:var(--on-shu);font-family:var(--ui);cursor:pointer;border:0;border-radius:3px;padding:11px 24px;font-size:15px;font-weight:700;line-height:1.6;text-decoration:none;display:inline-block}.btn:hover{color:var(--on-shu);filter:brightness(1.06)}.text-button{color:var(--moegi);font-family:var(--ui);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:20px;display:flex}.brand{color:var(--ink);font-family:var(--display);white-space:nowrap;align-items:center;gap:12px;font-size:20px;font-weight:800;text-decoration:none;display:inline-flex}.brand:hover{color:var(--ink)}.seal{border:2px solid var(--shu);width:30px;height:30px;color:var(--shu);border-radius:4px;place-items:center;font-size:15px;line-height:1;display:inline-grid;transform:rotate(-4deg)}.site-header nav,.site-footer nav{font-family:var(--ui);flex-wrap:wrap;gap:4px 22px;font-size:14px;display:flex}.site-header nav a,.site-footer nav a{color:var(--muted);text-decoration:none}.site-header nav a:hover,.site-footer nav a:hover{color:var(--shu)}.site-footer{color:var(--muted);font-family:var(--ui);margin-top:72px;padding-block:26px 44px;font-size:12px;position:relative}.site-footer:before{content:"";top:0;left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));border-top:1px solid var(--grid);position:absolute}.site-footer p{margin:8px 0 0}.crumbs ol{color:var(--muted);font-family:var(--ui);flex-wrap:wrap;gap:4px 6px;margin:4px 0 24px;padding:0;font-size:13px;list-style:none;display:flex}.crumbs li+li:before{content:"／";color:var(--grid);margin-right:6px}.crumbs a{color:var(--muted)}del.toru{color:inherit;text-decoration:line-through;-webkit-text-decoration-color:var(--shu);text-decoration-color:var(--shu);text-decoration-thickness:2px}ins.sonyu{color:var(--shu);font-family:var(--pen);font-weight:600;text-decoration:none}ruby{ruby-position:over}rt{color:var(--shu);font-family:var(--pen);letter-spacing:0;ruby-align:center;font-size:.72em;font-weight:600}.ask,.q{-webkit-text-decoration:underline wavy var(--shu);text-decoration:underline wavy var(--shu);text-underline-offset:.42em;text-decoration-thickness:1.5px}.sheet{background:var(--sheet);box-shadow:var(--lift);margin:0}.sheet figcaption{color:var(--muted);font-family:var(--ui);justify-content:space-between;font-size:12px;display:flex}.hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;padding-block:44px 80px;display:grid}.hero h1{margin-bottom:24px;font-size:clamp(34px,4.6vw,54px);line-height:1.38}.ph{display:inline-block}.shu{color:var(--shu)}.actions{font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:14px 24px;margin:28px 0 0;font-size:15px;display:flex}.assure{color:var(--muted);font-family:var(--ui);margin-top:24px;font-size:13px}.hero .sheet{padding:26px 22px 24px 30px}.hero .sheet figcaption{margin-bottom:10px}.genko{--cell:21px;font-family:var(--serif);grid-template-columns:auto minmax(0,1fr);column-gap:16px;display:grid}.g-row{grid-template-columns:repeat(18, var(--cell));grid-template-rows:calc(var(--cell) * .75) var(--cell);display:grid;position:relative}.g-c,.g-hang{height:var(--cell);font-size:calc(var(--cell) * .76);grid-row:2;place-items:center;line-height:1;display:grid;position:relative}.g-c{border:1px solid var(--grid);border-left:0}.g-c.g-first{border-left:1px solid var(--grid)}.g-hang{width:var(--cell);position:absolute;bottom:0;left:100%}.g-c.toru:after,.g-hang.toru:after{content:"";border-top:2px solid var(--shu);position:absolute;top:50%;left:-1px;right:-1px}.g-c.ask:after{content:"";left:-1px;right:-1px;bottom:calc(var(--cell) * -.38);height:calc(var(--cell) * .2);background:var(--shu);-webkit-mask: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 0 6 3 T12 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") repeat-x 0 0 / calc(var(--cell) / 3) 100%;-webkit-mask: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 0 6 3 T12 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") repeat-x 0 0 / calc(var(--cell) / 3) 100%;mask: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 0 6 3 T12 3' fill='none' stroke='black' stroke-width='1.3'/%3E%3C/svg%3E") repeat-x 0 0 / calc(var(--cell) / 3) 100%;position:absolute}.g-rt{color:var(--shu);font-family:var(--pen);font-weight:600;font-size:calc(var(--cell) * .66);text-align:center;grid-row:1;align-self:end;padding-bottom:2px;line-height:1}.c-1{grid-column-start:1}.c-2{grid-column-start:2}.c-3{grid-column-start:3}.c-4{grid-column-start:4}.c-5{grid-column-start:5}.c-6{grid-column-start:6}.c-7{grid-column-start:7}.c-8{grid-column-start:8}.c-9{grid-column-start:9}.c-10{grid-column-start:10}.c-11{grid-column-start:11}.c-12{grid-column-start:12}.c-13{grid-column-start:13}.c-14{grid-column-start:14}.c-15{grid-column-start:15}.c-16{grid-column-start:16}.c-17{grid-column-start:17}.c-18{grid-column-start:18}.s-1{grid-column-end:span 1}.s-2{grid-column-end:span 2}.s-3{grid-column-end:span 3}.s-4{grid-column-end:span 4}.s-5{grid-column-end:span 5}.s-6{grid-column-end:span 6}.s-7{grid-column-end:span 7}.s-8{grid-column-end:span 8}.s-9{grid-column-end:span 9}.s-10{grid-column-end:span 10}.s-11{grid-column-end:span 11}.s-12{grid-column-end:span 12}.s-13{grid-column-end:span 13}.s-14{grid-column-end:span 14}.s-15{grid-column-end:span 15}.s-16{grid-column-end:span 16}.s-17{grid-column-end:span 17}.s-18{grid-column-end:span 18}.g-note{border-left:1px dashed var(--grid);color:var(--shu);font-family:var(--pen);padding-left:12px;font-size:14px;font-weight:600;line-height:1.35;position:relative}.g-note>div{flex-direction:column;display:flex;position:absolute;bottom:2px;left:12px;right:0}.checker,.index,.coming,.faq{padding-block:64px;position:relative}.checker:before,.index:before,.coming:before,.faq:before{content:"";top:0;left:max(20px, env(safe-area-inset-left,0px));right:max(20px, env(safe-area-inset-right,0px));border-top:1px solid var(--grid);position:absolute}.checker form{background:var(--sheet);box-shadow:var(--lift)}.checker-bar{border-bottom:1px solid var(--rule);font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:10px 14px;padding:14px 20px;font-size:14px;display:flex}.checker-bar .field{color:var(--muted)}.checker-bar .text-button{margin-left:auto}select{border:1px solid var(--grid);background:var(--sheet) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2359635b' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;color:var(--ink);font:inherit;appearance:none;border-radius:3px;padding:5px 30px 5px 10px}textarea{background:var(--sheet) linear-gradient(to bottom, transparent calc(2.2em - 1px), var(--rule) calc(2.2em - 1px)) 0 14px / 100% 2.2em local;width:100%;min-height:260px;color:var(--ink);font-family:var(--serif);resize:vertical;border:0;padding:14px 22px;font-size:17px;line-height:2.2em;display:block}textarea:focus-visible{outline:2px solid var(--shu);outline-offset:-2px}textarea::placeholder{color:var(--muted)}.checker-actions{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px 16px;display:flex}.count{color:var(--muted);font-family:var(--ui);font-variant-numeric:tabular-nums;font-size:13px}#checker-results:not(:empty){margin-top:28px}.result-summary{font-family:var(--ui);color:var(--muted);font-size:14px}.proof{background:var(--sheet);box-shadow:var(--lift);grid-template-columns:minmax(0,1fr) minmax(0,300px);display:grid}.proof-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:22px 28px;font-size:17px;line-height:2.4}sup.key{color:var(--shu);font-family:var(--pen);margin-left:2px;font-size:12px;font-weight:600}.proof-notes{border-left:2px solid var(--shu);font-family:var(--ui);align-content:start;gap:18px;margin:0;padding:22px 22px 22px 24px;font-size:14px;line-height:1.7;list-style:none;display:grid}.proof-notes .key{color:var(--shu);font-family:var(--pen);margin-right:8px;font-weight:600}.proof-notes a{color:var(--ink);-webkit-text-decoration-color:var(--grid);text-decoration-color:var(--grid);font-family:var(--display);font-size:15px;font-weight:800}.proof-notes .n{white-space:nowrap;color:var(--muted);margin-left:8px;font-size:12px}.proof-notes p{color:var(--muted);margin:4px 0 0}.notes-about{color:var(--muted);font-family:var(--ui);margin:28px 0 0;padding-left:1.3em;font-size:14px;line-height:1.8}.notes-about li+li{margin-top:6px}.section-lede{max-width:36em;color:var(--muted)}.toc{border-top:2px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;display:grid}.toc a{border-bottom:1px solid var(--grid);color:var(--ink);grid-template-columns:1fr;gap:2px 12px;padding:16px 20px 16px 0;text-decoration:none;display:grid}.toc strong{font-family:var(--display);font-size:19px;font-weight:800}.toc a:hover strong{color:var(--shu)}.toc em{color:var(--muted);font-family:var(--ui);font-variant-numeric:tabular-nums;align-self:center;font-size:13px;font-style:normal}.toc span{color:var(--muted);font-family:var(--ui);font-size:13px;line-height:1.6}.coming p{max-width:36em}.faq dl{gap:22px;max-width:44em;display:grid}.faq dt{font-family:var(--display);font-size:18px;font-weight:800}.faq dd{color:var(--muted);margin:4px 0 0}.page-head{max-width:44em;margin-bottom:36px}.pattern .page-head h1{font-size:clamp(27px,3.4vw,38px)}.page-head .cat{font-family:var(--ui);margin:0 0 6px;font-size:14px}.cat-nav ul{border-top:2px solid var(--ink);flex-wrap:wrap;gap:0;margin:0 0 12px;padding:0;list-style:none;display:flex}.cat-nav a{color:var(--ink);font-family:var(--display);align-items:baseline;gap:8px;padding:10px 22px 10px 0;font-size:16px;font-weight:800;text-decoration:none;display:flex}.cat-nav span{color:var(--muted);font-family:var(--ui);font-size:12px;font-weight:400}.category,.related,.evidence{max-width:48em;padding-top:40px}.category h2{border-bottom:2px solid var(--ink);padding-bottom:8px}.entries{margin:0;padding:0;list-style:none}.entries li{border-bottom:1px solid var(--grid);padding:14px 0}.entries a{color:var(--ink);font-family:var(--display);font-size:18px;font-weight:800;text-decoration:none}.entries a:hover{color:var(--shu)}.entries p{color:var(--muted);margin:4px 0 0;font-size:15px;line-height:1.85}.sheet.proofed{max-width:48em;padding:22px 28px 20px}.sheet.proofed figcaption{margin-bottom:4px}.proof-text{white-space:pre-wrap;margin:0;font-size:19px;line-height:2.5}.after{border-top:1px dashed var(--grid);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:14px;margin-top:12px;padding-top:12px;display:grid}.after span{color:var(--moegi);font-family:var(--ui);white-space:nowrap;font-size:12px}.after p{white-space:pre-wrap;margin:0}.columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 48px;max-width:64em;padding-top:24px;display:grid}.columns h2{margin-top:28px;font-size:21px}.examples{margin:0;padding:0;list-style:none}.examples li{border-left:2px solid var(--grid);padding:8px 0 8px 16px}.examples li+li{margin-top:8px}.examples small{color:var(--muted);font-family:var(--ui);margin-top:4px;font-size:13px;line-height:1.7;display:block}.points{padding-left:1.3em}.points li+li{margin-top:6px}h3.avoid{color:var(--shu)}.avoid-list li::marker{color:var(--shu)}blockquote{border-left:2px solid var(--grid);color:var(--muted);margin:0;padding:2px 0 2px 18px;font-size:15px}.phrases{max-width:48em;padding-top:32px}.phrases .examples li{font-family:var(--display);font-weight:800}.note{color:var(--muted);margin-top:14px;font-size:15px}.cta{border-left:3px solid var(--shu);background:var(--sheet);max-width:48em;margin-top:44px;padding:20px 24px}.cta p{margin:0 0 12px}.cta p:last-child{margin:0}.prose{max-width:44em}.prose h2{margin-top:36px}.not-found{padding-block:40px}@media (width<=960px){.hero{grid-template-columns:minmax(0,1fr);gap:36px}.proof{grid-template-columns:minmax(0,1fr)}.proof-notes{border-left:0;border-top:2px solid var(--shu)}.toc{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.checker:before,.index:before,.coming:before,.faq:before,.site-footer:before{left:max(16px, env(safe-area-inset-left,0px));right:max(16px, env(safe-area-inset-right,0px))}.wrap{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.hero{padding-block:24px 56px}.hero .sheet{padding:20px 14px 18px 16px}.genko{--cell:17px;grid-template-columns:minmax(0,1fr)}.g-note{padding:calc(var(--cell) * .5) 0 0;border-left:0;font-size:13px}.g-note>div{position:static}.g-note:empty{display:none}.proof-body,.sheet.proofed{padding-left:16px;padding-right:16px}.toc{grid-template-columns:minmax(0,1fr)}.checker-bar .text-button{margin-left:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}