.article-sidebar{display:none}@media(min-width:1240px){.article-sidebar{display:block;position:fixed;top:190px;left:calc(50% - 620px);width:180px;max-height:calc(100dvh - 210px);overflow:auto;scrollbar-width:thin;background:#fff;border:1px solid #d8cfb7;color:#20344f;font:14px/1.65 "Yu Gothic",Meiryo,sans-serif;z-index:10}.sidebar-title{padding:12px 15px;background:#182a47;color:#fff0d2;border-bottom:2px solid #bba36a;font-weight:700;letter-spacing:.08em}.article-sidebar details{border-bottom:1px solid #ddd5c5}.article-sidebar summary{padding:10px 12px;background:#f5f2e9;font-weight:700;cursor:pointer}.article-sidebar ul{margin:0;padding:4px 0;list-style:none}.article-sidebar a{display:block;padding:7px 14px;color:#29425b;text-decoration:none;border-left:3px solid transparent}.article-sidebar a:hover,.article-sidebar a[aria-current]{background:#f6f0df;border-left-color:#b59a5e;color:#714c20}.article-sidebar a:focus-visible{outline:2px solid #ac8b45;outline-offset:-3px}.character-guide .sidebar-title{background:#542b36}.character-guide .article-sidebar a{color:#612f3d}}@media(min-width:1440px){.article-sidebar{left:calc(50% - 680px);width:230px}}
/* Static sidebar: scroll with the document, without an inner scroll area. */
@font-face{font-family:"Sidebar Noto Sans JP";src:url("guide-fonts/notosansjp-complete.woff2") format("woff2");font-weight:100 900;font-display:swap}
@media(min-width:1240px){.article-sidebar{position:absolute;max-height:none;overflow:visible;font-family:"Sidebar Noto Sans JP",sans-serif;color:#000}.article-sidebar summary,.article-sidebar a,.character-guide .article-sidebar a,.article-sidebar a:hover,.article-sidebar a[aria-current]{color:#000}.article-sidebar .sidebar-title,.character-guide .article-sidebar .sidebar-title{background:#f5f2e9;color:#000}}

/* Tiffany blue menu title across article themes. */
.article-sidebar .sidebar-title,.character-guide .article-sidebar .sidebar-title{background:#81d8d0;color:#000}

.article-sidebar .sidebar-map-chapter{margin:8px 10px 3px;padding:5px 4px;border-bottom:1px solid #81d8d0;font-weight:700;color:#000}

/* Slightly larger menu text and separators between link rows. */
@media(min-width:1240px){.article-sidebar{font-size:15px;line-height:1.75}.article-sidebar .sidebar-title{font-size:16px}.article-sidebar li:not(.sidebar-map-chapter){border-bottom:1px solid #e0e5e5}.article-sidebar li:last-child{border-bottom:0}.article-sidebar a{padding-top:9px;padding-bottom:9px}}

/* Selected sample 03: diagonal metallic cyan. */
.article-sidebar .sidebar-title,.character-guide .article-sidebar .sidebar-title{background:linear-gradient(115deg,#41b9c5 0%,#41ccda 27%,#cef7f7 43%,#65d6df 52%,#41bbc8 68%,#41ccda 100%);border-top:0;border-bottom:0;box-shadow:inset 0 1px 1px #e4fbff,inset 0 -2px 2px #329fae;color:#000;text-shadow:none}

/* Bold guide menu links. */
.article-sidebar a{font-weight:700}