:where(.articleBody){margin:0 auto var(--section-margin-xs)}.articleBody{background:#fff;border:3px dashed var(--color-border);padding:calc(var(--space-wrap-gap) + 10px) var(--space-wrap-gap) calc(var(--space-wrap-gap) - var(--space-base-margin) + 10px)}.articleBody h2{margin-top:0;margin-bottom:.9em;font-family:var(--font-web);font-weight:900;font-size:clamp(26px,3.125vw,32px);line-height:1.4;letter-spacing:0}.articleBody *~h2{margin-top:var(--section-margin-s)}.articleBody h3{margin:2em 0 .6em;font-size:clamp(20px,2.734375vw,28px);font-weight:900;letter-spacing:0}.articleBody h4{margin:1.5em 0 .5em;font-size:clamp(18px,2.34375vw,24px);font-weight:700;letter-spacing:0}.articleBody :not([class]) a[target=_blank]{margin-right:2px;padding-right:25px;background:var(--icon-blank) no-repeat right 70%;background-size:22px}.articleBody img{max-width:100%;height:auto}.articleBody figure:not(.bookmark){margin:0 auto var(--space-base-margin);padding:0;text-align:center}.articleBody figure:not(.bookmark) img{max-width:80%;border-radius:8px}.articleBody .article-img{text-align:center}.articleBody .article-img img{max-width:80%;border-radius:8px}.articleBody :where(figcaption){padding-top:7px;font-size:var(--fz-s);color:#666;text-align:center}.articleBody .selfBeerLink{margin:1rem 0 var(--section-margin-xs)}.articleBody .selfBeerLink+.selfBeerLink{margin-top:calc(-1 * var(--section-margin-xs) + 20px)}.articleBody .selfBeerLink__link{max-width:75%;margin:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:25px;padding:20px var(--space-wrap-gap);border:3px solid var(--color-border);text-decoration:none;color:var(--color-text);-webkit-box-shadow:var(--shadow-link-box-s);box-shadow:var(--shadow-link-box-s)}.articleBody .selfBeerLink__link:hover img{scale:1.08;rotate:5deg}.articleBody .selfBeerLink__text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.articleBody .selfBeerLink__producer{color:var(--color-accent);font-size:var(--fz-m)}.articleBody .selfBeerLink__title{font-weight:700;font-size:var(--fz-xl)}.articleBody .selfBeerLink__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0 20px;list-style:none;padding:0;margin:2px 0 0;font-size:var(--fz-m)}.articleBody .selfBeerLink__meta li{margin:0;padding:0}.articleBody .selfBeerLink__caption{margin-top:5px;padding-top:5px;border-top:1px dashed var(--color-border);font-size:var(--fz-m)}.articleBody .selfBeerLink__image{margin:0}.articleBody .selfBeerLink__image img{max-height:100px;-webkit-transition:.3s;transition:.3s}.articleBody details{margin:1rem 0 var(--space-base-margin);padding:16px 20px;border:3px solid var(--color-border);background:#fff}.articleBody details summary{font-weight:700;cursor:pointer}.articleBody details summary:hover{color:var(--color-link_hover_text)}.articleBody details .details__body{padding-top:10px}.articleBody details .details__body p{margin:0}.articleBody .notion-video{margin-bottom:var(--space-base-margin)}.articleBody .notion-video iframe{width:100%;height:auto;aspect-ratio:16/9;border-radius:8px}.articleBody blockquote{position:relative;padding:15px 25px;background:#fff;margin:0 0 var(--space-base-margin);border-left:10px solid var(--color-sub);border-radius:0 10px 10px 0;background:var(--color-bg);font-size:var(--fz-m)}.articleBody blockquote a[target=_blank]{padding-right:24px;background:var(--icon-blank) no-repeat right 70%;background-size:20px}.articleBody blockquote p{margin-block:1em 0}.articleBody dl dt{margin:0 0 .3rem;color:var(--color-accent);font-size:var(--fz-m)}.articleBody dl dd{margin:0 0 var(--space-base-margin);padding:0}.articleBody .callout{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px;background-color:#f1f1f1;padding:1.5rem;margin:var(--section-margin-xs) 0 var(--space-base-margin);border-radius:5px}.articleBody .callout__icon{font-size:var(--fz-xxl);line-height:1}.articleBody .callout__text{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;font-size:var(--fz-m)}.articleBody .callout__text p{margin:0}.articleBody .callout__text ul{margin:0;padding:0;list-style-type:none}.articleBody .callout__text ul li{margin:0 0 8px;padding:0 3px 8px;border-bottom:1px dashed var(--color-border);border-color:#aaa}.articleBody .callout__text ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.articleBody .bookmark{overflow:hidden;display:block;margin-bottom:var(--space-base-margin);border:5px solid #bbb;border-radius:0;background-color:#fff}.articleBody .bookmark__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;text-decoration:none}.articleBody .bookmark__container:hover{background-color:#f9f9f9}.articleBody .bookmark__image{-ms-flex-negative:0;flex-shrink:0}.articleBody .bookmark__image img{display:block;width:240px;height:auto;-o-object-fit:cover;object-fit:cover}.articleBody .bookmark__content{padding:20px;-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:left}.articleBody .bookmark__content dl{margin:0}.articleBody .bookmark__title{font-size:var(--fz-l);font-weight:700;margin-bottom:1rem;padding-right:35px;background:var(--icon-blank-accent) no-repeat right 70%;background-size:22px}.articleBody .bookmark__description{font-size:var(--fz-xs);color:#666;margin:0}.articleBody .bookmark__caption{padding:10px 20px;color:#333;background-color:#f5f5f5;text-align:left}@media screen and (max-width: 768px){.articleBody{margin-inline:calc(-1 * var(--space-wrap-gap));border-left-width:0;border-right-width:0}.articleBody.-in{margin-inline:0;border-left-width:3px;border-right-width:3px}.articleBody figure:not(.bookmark) img{max-width:90%}.articleBody .article-img img{max-width:90%}.articleBody .selfBeerLink+.selfBeerLink{margin-top:calc(-1 * var(--section-margin-xs) + 10px)}.articleBody .selfBeerLink__link{max-width:460px;gap:20px;padding-block:15px}.articleBody .selfBeerLink__text{line-height:1.5}.articleBody .selfBeerLink__title{font-size:var(--fz-l)}.articleBody .selfBeerLink__meta{font-size:var(--fz-s)}.articleBody .selfBeerLink__image{width:70px;text-align:center}.articleBody .selfBeerLink__image img{max-width:100%;max-height:80px}.articleBody blockquote{padding:10px 15px;border-width:7px}}@media screen and (max-width: 600px){.articleBody .callout{gap:0 3px;padding:1rem}.articleBody .bookmark__container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.articleBody .bookmark__image img{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:2px 2px 0}.articleBody .bookmark__content{padding:15px}.articleBody .bookmark__title{font-size:var(--fz-m)}}