/* Typography and logo match the parent site's brand. */
body{font-family:'Noto Sans JP',sans-serif;-webkit-font-smoothing:antialiased}
body .brand{display:flex;align-items:center;gap:12px;font-family:'DM Sans','Noto Sans JP',sans-serif;font-size:25px;letter-spacing:-1px;font-weight:500;text-decoration:none;color:#3d494a}
.brand-mark{position:relative;width:24px;height:27px;display:block;flex:none}
.brand-mark i{position:absolute;width:15px;height:15px;border:1px solid #b8a08d;border-radius:50%;top:1px;right:0}
.brand-mark i+i{top:12px;right:9px;border-color:#abc5cf}
.side-brand strong{font-family:'Noto Sans JP',sans-serif;font-size:clamp(30px,3.2vw,48px);font-weight:400;letter-spacing:.12em;line-height:1.65}
.side-brand strong:before{display:none}
@media(max-width:760px){body .brand{font-size:21px}}

.side-brand strong{white-space:nowrap;font-size:clamp(22px,2.5vw,38px);letter-spacing:.06em}
.share-actions{align-items:center}
#share-x-widget{display:inline-flex;align-items:center;min-height:28px}
#share-x-widget:empty{display:none}
#share-x[hidden]{display:none}
.share-actions #share-threads,.share-actions #share-x{background:#101010;color:#fff;border-color:#101010;border-radius:6px;font-weight:500;min-height:28px;display:inline-flex;align-items:center;padding:4px 10px}

.share-actions #share-x[hidden]{display:none!important}

/* Match the official X large button's 28px height and center the sharing row. */
.share-actions{justify-content:center;align-items:center}
#share-x-widget,#share-x-widget>span{display:inline-flex;align-items:center;height:28px;line-height:0}
#share-x-widget iframe{display:block;vertical-align:middle}
.share-actions #share-threads,.share-actions #share-x,.share-actions #copy{height:28px;min-height:28px;box-sizing:border-box;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;line-height:1;white-space:nowrap;margin:0}
#share-x-widget:empty{display:none}