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