*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;font-weight:inherit}ul,ol{list-style:none;padding:0}a{color:inherit;text-decoration:none}:root{--space: clamp(1rem, 1vw + .75rem, 2rem);--scale-25: calc(var(--space) * .25);--scale-50: calc(var(--space) * .5);--scale-75: calc(var(--space) * .75);--scale-100: var(--space);--scale-125: calc(var(--space) * 1.25);--scale-150: calc(var(--space) * 1.5);--scale-200: calc(var(--space) * 2);--scale-300: calc(var(--space) * 3);--font-base: clamp(1rem, 1vw + .5rem, 1.125rem);--font-xs: clamp(.75rem, 1vw + .125rem, .875rem);--font-sm: clamp(.875rem, 1vw + .25rem, 1rem);--font-md: clamp(1.125rem, 1vw + .7rem, 1.25rem);--font-lg: clamp(1.375rem, 2vw + .25rem, 1.5rem);--font-xl: clamp(1.5rem, 2.25vw + .5rem, 2rem);--font-xxl: clamp(2rem, 3vw + .75rem, 2.5rem);--font-logo: clamp(1.45rem, 3vw + .75rem, 3.25rem)}html{scroll-behavior:smooth}body{font-family:sans-serif;font-size:var(--font-base);color:#8c7a7a;background-color:#fffadc;line-height:1.8}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid rgb(42 159 214);outline-offset:3px}.site-logo{color:#c7e9fa;text-shadow:0 0 .1em rgb(199 233 250 / .9),0 0 .25em rgb(199 233 250 / .6),0 0 .5em rgb(199 233 250 / .4),0 0 1em rgb(199 233 250 / .2);text-transform:uppercase;text-align:center;line-height:1.2;font-family:Fredoka,sans-serif;font-weight:700;transition:color .4s ease,text-shadow .4s ease}.site-logo span{color:#ffe89e;text-shadow:0 0 .1em rgb(255 232 158 / .9),0 0 .25em rgb(255 232 158 / .6),0 0 .5em rgb(255 232 158 / .4),0 0 1em rgb(255 232 158 / .2);font-family:Pacifico,cursive;font-weight:400;text-transform:none;display:block;transition:color .4s ease,text-shadow .4s ease}.site-logo a{display:inline-block;transition:color .4s ease,text-shadow .4s ease}@media(hover:hover)and (pointer:fine){.site-logo a:hover,.site-logo a:hover span{color:#dcd2dc;text-shadow:none}}.site-logo a:focus-visible,.site-logo a:focus-visible span{color:#dcd2dc;text-shadow:none}.header{background:radial-gradient(circle at left center,#f06292 0% 24%,#d94a75 80%);display:grid;grid-template-columns:1fr repeat(6,minmax(0,calc(160px - (var(--scale-100) * 2 / 3)))) 1fr;grid-template-areas:". . . . . . . ." ". logo logo logo condiment bunny menu ." "counter counter counter counter counter counter counter counter";align-items:center;gap:var(--scale-100)}@media(min-width:720px){.header{background:radial-gradient(circle at center,#f06292 0% 30%,#d94a75);grid-template-areas:". . . . . . . ." ". about contact logo logo bunny menu ." "counter counter counter counter counter counter counter counter"}}@media(min-width:1200px){.header{grid-template-areas:". . . . . . . . . . " ". radio about contact logo logo bunny condiment menu ." "counter counter counter counter counter counter counter counter counter counter";grid-template-columns:1fr repeat(8,minmax(0,calc(160px - (var(--scale-100) / 2)))) 1fr}}.header:before{content:"";background-image:url(/assets/bunny.webp);background-repeat:no-repeat;background-size:contain;background-position:center bottom;height:100%;width:100%;grid-area:bunny;transform:translateY(var(--scale-100))}.header:after{content:"";background-image:url(/assets/counter.svg);height:var(--scale-100);grid-area:counter;filter:drop-shadow(0px 2px 2px rgb(180 150 120 / .4)) drop-shadow(0px 6px 6px rgb(180 150 120 / .2))}.header .site-logo{grid-area:logo;font-size:var(--font-logo)}.header nav{display:contents}@media(min-width:1200px){.header nav:before{content:"";background-image:url(/assets/radio.svg);height:33%;grid-area:radio;justify-self:center;align-self:end;width:100%;background-repeat:no-repeat;background-position:center bottom;transform:translateY(var(--scale-100))}}.header nav:after{content:"";background-image:url(/assets/condiment-set.svg);height:33%;grid-area:condiment;justify-self:center;align-self:end;width:100%;background-repeat:no-repeat;background-position:center bottom;transform:translateY(var(--scale-100))}@media(min-width:720px){.header nav:after{display:none}}@media(min-width:1200px){.header nav:after{display:block}}.header nav ul{display:contents}.header nav .nav-about{grid-area:about;justify-self:center;display:none}@media(min-width:720px){.header nav .nav-about{display:block}}.header nav .nav-about a{text-shadow:1px 1px 2px rgb(0 0 0 / .35),-1px -1px 1px rgb(255 255 255 / .7);color:#fff;background-image:url(/assets/arrow.svg);background-repeat:no-repeat;background-position:center;padding:var(--scale-75);white-space:nowrap;font-size:var(--font-sm);font-family:Fredoka,sans-serif;font-weight:700;transition:transform .4s ease,filter .4s ease;transform-origin:top left;display:inline-block;line-height:1}@media(hover:hover)and (pointer:fine){.header nav .nav-about a:hover{transform:rotate(5deg);filter:brightness(1.1)}}.header nav .nav-about a:focus-visible{transform:rotate(5deg);filter:brightness(1.1)}.header nav .nav-contact{grid-area:contact;justify-self:center;display:none}@media(min-width:720px){.header nav .nav-contact{display:block}}.header nav .nav-contact a{text-shadow:1px 1px 2px rgb(0 0 0 / .35),-1px -1px 1px rgb(255 255 255 / .7);color:#fff;background-image:url(/assets/license-plate.svg);background-repeat:no-repeat;background-position:center;padding:var(--scale-50) var(--scale-75);font-size:var(--font-sm);font-family:Fredoka,sans-serif;font-weight:700;text-align:center;line-height:1.3;transition:transform .4s ease,filter .4s ease;transform-origin:top right;display:inline-block}.header nav .nav-contact a span{display:block}@media(hover:hover)and (pointer:fine){.header nav .nav-contact a:hover{transform:rotate(-5deg);filter:brightness(1.1)}}.header nav .nav-contact a:focus-visible{transform:rotate(-5deg);filter:brightness(1.1)}.header nav .nav-menu{grid-area:menu;justify-self:center}.header nav .nav-menu a{background-image:url(/assets/bottle-cap.svg);background-repeat:no-repeat;background-position:center;font-size:var(--font-sm);font-family:Pacifico,cursive;transition:transform .4s ease,filter .4s ease;color:#ff7e83;display:inline-block;line-height:1;inline-size:var(--scale-300);aspect-ratio:1 / 1;display:grid;place-items:center}@media(hover:hover)and (pointer:fine){.header nav .nav-menu a:hover{transform:rotate(360deg);filter:brightness(1.05)}}.header nav .nav-menu a:focus-visible{transform:rotate(360deg);filter:brightness(1.05)}.post-list{display:grid;gap:var(--scale-100);grid-template-columns:1fr minmax(0,640px) 1fr}@media(min-width:720px){.post-list{grid-template-columns:1fr repeat(2,minmax(0,480px)) 1fr}}@media(min-width:1200px){.post-list{grid-template-columns:1fr repeat(3,minmax(0,320px)) 1fr}}.post-list:before{content:"";grid-column:2 / -2}.post-list:after{content:"";grid-column:2 / -2}.post-list h1,.post-list h2{font-family:Fredoka,"M PLUS Rounded 1c",sans-serif;font-weight:700;color:#ff7e83;grid-column:2;font-size:var(--font-xl);display:flex;text-align:center;align-items:center;gap:var(--scale-50);line-height:1}.post-list h1:before,.post-list h1:after,.post-list h2:before,.post-list h2:after{content:"";height:var(--scale-75);flex:1;will-change:transform}.post-list h1:before,.post-list h2:before{background-position:right}@media(min-width:720px){.post-list h1,.post-list h2{grid-column:2 / 4}}@media(min-width:1200px){.post-list h1,.post-list h2{grid-column:2 / 5}}.post-list h1:before,.post-list h2:before{background-image:url(/assets/check-orange.svg)}.post-list h1:after,.post-list h2:after{background-image:url(/assets/check-orange.svg)}.post-list h1.category-heading:before{background-image:url(/assets/check-blue.svg)}.post-list h1.category-heading:after{background-image:url(/assets/check-blue.svg)}.post-list article{background-color:#fff;border-radius:32px;overflow:hidden;transition:box-shadow .4s ease;grid-column:2}@media(hover:hover)and (pointer:fine){.post-list article:has(>a:hover){box-shadow:0 4px 10px #c8aa8c1f,0 8px 20px #c8aa8c2e}}@media(hover:hover)and (pointer:fine){.post-list article:has(>a:hover) figure img{transform:scale(1.1)}}.post-list article:has(>a:focus-visible){box-shadow:0 4px 10px #c8aa8c1f,0 8px 20px #c8aa8c2e;outline:2px solid rgb(42 159 214);outline-offset:3px}.post-list article:has(>a:focus-visible) figure img{transform:scale(1.1)}.post-list article a{display:grid;grid-template-areas:"figure" "header";grid-template-rows:auto 1fr;height:100%}.post-list article a:focus,.post-list article a:focus-visible{outline:none}.post-list article figure{grid-area:figure;overflow:hidden}.post-list article img{aspect-ratio:16 / 9;object-fit:cover;width:100%;transition:transform .4s ease;will-change:transform}.post-list article header{grid-area:header;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr auto;grid-template-areas:"title title" "categories time";gap:var(--scale-75);padding:var(--scale-75)}.post-list article h3{grid-area:title;line-height:1.5;font-size:var(--font-md)}.post-list article ul{grid-area:categories;display:flex;gap:var(--scale-25);flex-wrap:wrap;align-self:last baseline}.post-list article ul li{background-image:linear-gradient(180deg,#cfe9f5,#99c9e3);color:#fff;font-size:var(--font-sm);padding:.5rem .8rem;border-radius:9999px;font-weight:700;line-height:1}.post-list article time{grid-area:time;align-self:last baseline;font-size:var(--font-xs);color:#c4b2b2}@media(min-width:720px){.post-list article:nth-of-type(odd){grid-column:2}}@media(min-width:720px){.post-list article:nth-of-type(2n){grid-column:3}}@media(min-width:1200px){.post-list article:nth-of-type(3n+1){grid-column:2}}@media(min-width:1200px){.post-list article:nth-of-type(3n+2){grid-column:3}}@media(min-width:1200px){.post-list article:nth-of-type(3n+3){grid-column:4}}.post-list footer{grid-column:2}@media(min-width:720px){.post-list footer{grid-column:2 / 4}}@media(min-width:1200px){.post-list footer{grid-column:2 / 5}}.pagination ul{display:flex;align-items:center;flex-wrap:wrap;gap:var(--scale-50)}.pagination ul li:has(>a:focus-visible){outline:2px solid rgb(42 159 214);outline-offset:3px}.pagination ul li.next{margin-left:auto}.pagination ul li a{font-family:Pacifico,cursive;color:#fff;background-color:#81d2d3;width:calc(var(--font-xl) * 4);aspect-ratio:2 / 1;display:grid;place-items:center;transition:background-color .4s ease,transform .4s ease;will-change:transform}@media(hover:hover)and (pointer:fine){.pagination ul li a:hover{background-color:#6bc6c7}}.pagination ul li a:focus,.pagination ul li a:focus-visible{outline:none}.pagination ul li a:focus-visible{background-color:#6bc6c7}.pagination ul li.prev a{clip-path:polygon(100% 0%,85% 50%,100% 100%,15% 99%,0 50%,15% 0)}@media(hover:hover)and (pointer:fine){.pagination ul li.prev a:hover{transform:translate(-.25rem)}}.pagination ul li.prev a:focus-visible{transform:translate(-.25rem)}.pagination ul li.next a{clip-path:polygon(85% 0,100% 50%,85% 100%,0% 100%,15% 50%,0% 0%)}@media(hover:hover)and (pointer:fine){.pagination ul li.next a:hover{transform:translate(.25rem)}}.pagination ul li.next a:focus-visible{transform:translate(.25rem)}.menu{background-color:#fff;background-image:url(/assets/check-red.svg);background-size:20% auto;background-repeat:repeat;padding:var(--scale-100)}.menu div{background-color:#fff;max-width:calc(960px + 4rem);padding:var(--scale-100);margin:0 auto;border-radius:32px;border:1rem solid rgb(199 233 250)}.menu h2{font-family:Pacifico,cursive;color:#ffbd79;font-size:var(--font-xxl);margin-bottom:var(--scale-75);text-align:center;line-height:1}.menu ul{display:grid;gap:var(--scale-75);counter-reset:price 0;justify-items:stretch;font-family:Yomogi,cursive;line-height:1.4}.menu ul a{display:flex;justify-content:space-between;align-items:center;width:min(100%,clamp(12rem,calc(11rem + 4vw),15rem));margin:0 auto;gap:var(--scale-25);font-size:var(--font-lg);background-image:linear-gradient(#f9d2dc,#f9d2dc);background-repeat:no-repeat;background-size:0% 2px;background-position:0 100%;transition:background-size .4s ease;flex-wrap:wrap}.menu ul a:after{counter-increment:price;content:"$" counter(price) ".99";font-variant-numeric:tabular-nums;color:#c4b2b2}@media(hover:hover)and (pointer:fine){.menu ul a:hover{background-size:100% 2px}}.menu ul a:focus-visible{background-size:100% 2px}.footer{background-color:#181412;text-align:center;padding:var(--scale-100);line-height:1}.footer .site-logo{font-size:var(--font-lg);margin-bottom:var(--scale-75)}.footer nav{margin-bottom:var(--scale-75);font-family:Fredoka,sans-serif;color:#fffc;font-size:var(--font-sm)}.footer ul{display:flex;gap:var(--scale-75);flex-wrap:wrap;justify-content:center}.footer ul a{transition:opacity .4s ease}@media(hover:hover)and (pointer:fine){.footer ul a:hover{opacity:.5}}.footer ul a:focus-visible{opacity:.5}.footer .copyright small{font-family:Fredoka,sans-serif;font-size:var(--font-xs);color:#ffffffb3}.about{text-align:center;padding:var(--scale-100)}.about h1{font-family:Fredoka,sans-serif;font-weight:700;color:#ff7e83;font-size:var(--font-xl);line-height:1;margin-bottom:var(--scale-100)}.about div{background-color:#fff;max-width:calc(960px + 4rem);margin:0 auto;display:grid;gap:var(--scale-150);padding-bottom:2rem;clip-path:inset(0 round 32px);line-height:1}@media(min-width:720px){.about div{padding-bottom:3rem}}@media(min-width:1200px){.about div{padding-bottom:4rem}}.about div:before{content:"";background-image:url(/assets/awning.svg);height:2rem;background-repeat:repeat-x;background-position:center top;background-size:auto 100%;filter:drop-shadow(3px 3px 5px rgb(150 180 200 / .25));will-change:transform}@media(min-width:720px){.about div:before{height:3rem}}@media(min-width:1200px){.about div:before{height:4rem}}.about div h2{font-family:Pacifico,cursive;color:#81d2d3;font-size:var(--font-lg);margin:0 var(--scale-100)}.about div p{margin:0 var(--scale-100)}.contact{text-align:center;padding:var(--scale-100)}.contact h1{font-family:Fredoka,sans-serif;font-weight:700;color:#ff7e83;font-size:var(--font-xl);line-height:1;margin-bottom:var(--scale-100)}.contact>div{max-width:calc(960px + 4rem);margin:0 auto;border-radius:32px;padding:var(--scale-100);border:1rem solid transparent;background:linear-gradient(#fff,#fff) padding-box,repeating-linear-gradient(-45deg,#ffb3ba 0 16px,#fdfdfd 16px 32px,#bae1ff 32px 48px,#fdfdfd 48px 64px) border-box}.contact>div form>div{margin-bottom:var(--scale-50)}.contact label{display:block;margin-bottom:var(--scale-25);font-weight:700;font-size:var(--font-md)}.contact .required:after{content:" 必須";display:inline-flex;align-items:center;padding:0 .5em;margin-left:.5em;border-radius:999px;font-size:var(--font-xs);font-weight:700;color:#ff5b73;background:#ffb3ba40;border:1px solid rgb(255 179 186 / .6);vertical-align:middle}.contact input[type=text],.contact input[type=email],.contact textarea{width:100%;padding:.8rem 1rem;border-radius:12px;border:2px solid rgb(233 233 233);background:#fff;font:inherit;transition:border-color .4s ease,box-shadow .4s ease}.contact form input[type=text]:hover:not(:focus-visible),.contact form input[type=email]:hover:not(:focus-visible),.contact form textarea:hover:not(:focus-visible){border-color:#dedede96}.contact form input[type=text]:focus-visible,.contact form input[type=email]:focus-visible,.contact form textarea:focus-visible{outline:none;border-color:#ffb3ba;box-shadow:0 0 0 4px #ffb3ba47}.contact ::placeholder{color:#9aa0a6}.contact input:required:invalid,.contact textarea:required:invalid{border-color:#ff5b7373}.contact .g-recaptcha{display:flex;justify-content:center;margin-block:.5rem 1rem}.contact button[type=submit]{padding:var(--scale-50) var(--scale-75);border-radius:999px;border:0;cursor:pointer;font-weight:700;color:#fff;background:#ffb3ba;transition:box-shadow .4s ease,filter .4s ease;line-height:1;box-shadow:0 1px 2px #b4967814}@media(hover:hover)and (pointer:fine){.contact button[type=submit]:hover{box-shadow:0 4px 12px #b4967826;filter:saturate(1.05)}}.contact button[type=submit]:focus-visible{box-shadow:0 4px 12px #b4967826;filter:saturate(1.05)}.contact button[type=submit]:active{box-shadow:0 2px 6px #00000014,inset 0 2px 4px #00000029;filter:saturate(1)}.contact #message{resize:vertical}.contact .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.privacy,.thanks,.page-404{text-align:center;padding:var(--scale-100)}.privacy h1,.thanks h1,.page-404 h1{font-family:Fredoka,sans-serif;font-weight:700;color:#ff7e83;font-size:var(--font-xl);line-height:1;margin-bottom:var(--scale-100)}.privacy div,.thanks div,.page-404 div{background-color:#fff;max-width:calc(960px + 4rem);margin:0 auto;border-radius:32px;padding:var(--scale-100)}.privacy h2,.thanks h2,.page-404 h2{font-weight:700;font-size:var(--font-md);margin-bottom:var(--scale-50)}.privacy h2:not(:first-of-type),.thanks h2:not(:first-of-type),.page-404 h2:not(:first-of-type){margin-top:var(--scale-125)}.privacy p:not(:last-of-type):not(:has(+h2)),.thanks p:not(:last-of-type):not(:has(+h2)),.page-404 p:not(:last-of-type):not(:has(+h2)){margin-bottom:var(--scale-50)}.article{display:grid;grid-template-columns:1fr minmax(auto,calc(960px + 4rem)) 1fr;gap:var(--scale-100)}.article:before{content:"";grid-column:2 / -2}.article:after{content:"";grid-column:2 / -2}.article header{display:grid;grid-template-areas:"categories" "title" "time";gap:var(--scale-50);grid-column:2}.article header h1{grid-area:title;overflow-wrap:break-word;font-weight:700;font-size:var(--font-xxl);line-height:1.5}.article header nav{grid-area:categories}.article header nav ul{display:flex;gap:var(--scale-25);flex-wrap:wrap}.article header nav a{background-image:linear-gradient(120deg,#fff0 40%,#ffffff8c,#fff0 60%),linear-gradient(180deg,#cfe9f5,#99c9e3);background-size:250% 100%,100% 100%;background-position:-200% 0,center;background-repeat:no-repeat;color:#fff;padding:.5rem .8rem;border-radius:9999px;font-weight:700;line-height:1;display:inline-block;transition:background-position .8s ease,box-shadow .4s ease}@media(hover:hover)and (pointer:fine){.article header nav a:hover{background-position:200% 0,center;box-shadow:0 0 0 3px #fff9}}.article header nav a:focus-visible{background-position:200% 0,center;box-shadow:0 0 0 3px #fff9}.article header p{grid-area:time;color:#c4b2b2;font-size:var(--font-sm)}.article>figure{width:100%;border-radius:32px;overflow:hidden;aspect-ratio:16 / 9;grid-column:2}.article>figure img{width:100%;height:100%;object-fit:cover}.article .article-content{background-color:#fff;border-radius:32px;padding:var(--scale-100);grid-column:2}.article .article-content :first-child{margin-top:0}.article .article-content>*+*{margin-top:var(--scale-75)}.article .article-content p+p{margin-top:var(--scale-50)}.article .article-content :is(h2,h3,h4,h5,h6)+*{margin-top:var(--scale-50)}.article .article-content h2{font-size:var(--font-xl);font-weight:700;line-height:1.4;margin-top:var(--scale-125)}.article .article-content h2:before{content:"";display:inline-block;width:1.5em;height:1.5em;background:url(/assets/donut.svg) no-repeat center / contain;vertical-align:-.35em;margin-right:.3em}.article .article-content h3{font-size:var(--font-lg);font-weight:700;margin-top:var(--scale-100)}.article .article-content h4,.article .article-content h5,.article .article-content h6,.article .article-content strong{font-weight:700}.article .article-content em{font-style:italic}.article .article-content :is(p,li,blockquote){overflow-wrap:anywhere}.article .article-content a{color:#0645ad;text-decoration:underline;transition:color .4s ease}.article .article-content a:visited{color:#0b0080}@media(hover:hover)and (pointer:fine){.article .article-content a:hover{color:#36c}}.article .article-content a:focus-visible{color:#36c}.article .article-content hr{border:none;border-top:1px solid rgb(255 126 131);margin-block:var(--scale-150)}.article .article-content hr+*{margin-top:0}.article .article-content ul,.article .article-content ol{margin-left:var(--scale-100);padding-left:var(--scale-100)}.article .article-content ul{list-style:disc}.article .article-content ol{list-style:decimal}.article .article-content ul ul{list-style:circle;margin-top:.3rem}.article .article-content ol ol{list-style:lower-alpha;margin-top:.3rem}.article .article-content li{margin-block:.3rem}.article .article-content blockquote{border-left:4px solid rgb(255 126 131);padding:var(--scale-50) var(--scale-75);color:#555;background:#f9f9f9;border-radius:0 12px 12px 0;margin-block:var(--scale-100)}.article .article-content blockquote+*{margin-top:0}.article .article-content figure>blockquote{margin-block:0}.article .article-content blockquote>*+*{margin-top:var(--scale-50)}.article .article-content img{max-width:100%;height:auto;border-radius:12px}.article .article-content figure{margin-block:var(--scale-150)}.article .article-content figure+*{margin-top:0}.article .article-content figure:has(img){text-align:center}.article .article-content figure blockquote+figcaption cite:before{content:"— "}.article .article-content figcaption{font-size:var(--font-sm);color:#777;margin-top:var(--scale-25)}.article .article-content figcaption cite{font-style:normal}.article .article-content table{border-collapse:collapse;width:100%;font-size:var(--font-sm);margin-block:var(--scale-150)}.article .article-content table+*{margin-top:0}.article .article-content th,.article .article-content td{border:1px solid rgb(204 204 204);padding:var(--scale-25)}.article .article-content thead{background:#eee;font-weight:700}.article .article-content th{text-align:left}.article .article-content code{background:#f5f5f5;padding:.1em .3em;border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.article .article-content pre{background:#f5f5f5;padding:var(--scale-50);border-radius:8px;overflow-x:auto;margin-block:var(--scale-150)}.article .article-content pre+*{margin-top:0}.article .article-content pre code{background:transparent;padding:0}.article .article-content dt{font-weight:700}.article .article-content dd{margin-left:var(--scale-25)}.article .article-content kbd{background:#eee;border:1px solid rgb(204 204 204);border-radius:4px;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-xs)}.article .article-content sup,.article .article-content sub{font-size:var(--font-xs);line-height:0}.article .related-posts{background-color:#fff;border-radius:32px;padding:var(--scale-100);grid-column:2}.article .related-posts h2{font-size:var(--font-xl);font-weight:700;line-height:1.4;margin-bottom:var(--scale-50)}.article .related-posts h2:before{content:"";display:inline-block;width:1.5em;height:1.5em;background:url(/assets/pancake.svg) no-repeat center / contain;vertical-align:-.35em;margin-right:.3em}.article .related-posts ul{list-style:disc;margin-left:var(--scale-100);padding-left:var(--scale-100)}.article .related-posts li{margin-block:.3rem;overflow-wrap:anywhere}.article .related-posts a{color:#0645ad;text-decoration:underline;transition:color .4s ease}.article .related-posts a:visited{color:#0b0080}@media(hover:hover)and (pointer:fine){.article .related-posts a:hover{color:#36c}}.article .related-posts a:focus-visible{color:#36c}.article footer{grid-column:2}