/* Article design for pages not using the RPG interface. Scope excludes shared navigation. */
@font-face{font-family:"Unified Guide Sans";src:url("guide-fonts/notosansjp-complete.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Unified Guide Serif";src:url("guide-fonts/notoserifjp-complete.woff2") format("woff2");font-weight:100 900;font-display:swap}
html:has(body[data-page-design="guide"]),body[data-page-design="guide"]{background:#fff!important;background-image:none!important;color:#222;color-scheme:light}
body[data-page-design="guide"]{--article-dark:#182a47;--article-deep:#0e1b30;--article-gold:#d5b875;--article-line:#d8cfb7;--article-soft:#f1f4f8;--article-accent:#809bc6;--article-ink:#20344f}
html:root:root body[data-page-design="guide"]>main{width:calc(100% - 30px)!important;max-width:840px!important;min-width:0!important;margin:24px auto 0!important;padding:0 0 48px!important;border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;font-family:"Unified Guide Sans",sans-serif;font-size:17px;line-height:1.9;color:#222}
body[data-page-design="guide"] main :is(section,article,div){box-sizing:border-box;min-width:0}
body[data-page-design="guide"] main a{color:#8a642d;text-underline-offset:3px}
body[data-page-design="guide"] main :is(h1,h2,h3){font-family:"Unified Guide Serif",serif;line-height:1.5}
body[data-page-design="guide"] main>h1{padding:30px 28px;margin:20px 0 24px;border:1px solid #b3a275;outline:1px solid #b9aa7a66;outline-offset:-8px;background:linear-gradient(120deg,#fffefa,#f4f2e9);color:#294a40;font-size:32px;letter-spacing:.04em}
body[data-page-design="guide"] main :is(.panel,.seo-guide-section){margin:44px 0 0;padding:0 0 12px;border:0;border-radius:0;background:#fff;box-shadow:none;scroll-margin-top:190px}
body[data-page-design="guide"] main :is(section>h2,article>h2,main>h2){margin:36px 0 22px;padding:18px 22px;border:1px solid var(--article-gold);outline:1px solid var(--article-deep);outline-offset:2px;background:var(--article-dark);color:#fff0d2;font-size:24px;font-weight:600;scroll-margin-top:190px}
body[data-page-design="guide"] main h3{margin:24px 0 16px;padding:12px 16px;border:1px solid #c4d2e7;border-left:4px solid var(--article-accent);border-radius:2px;background:var(--article-soft);color:var(--article-ink);font-size:19px;font-weight:600}
body[data-page-design="guide"] main :is(p,li){font-size:inherit;line-height:1.9}
body[data-page-design="guide"] main :is(.scroll,.table-scroll){max-width:100%;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:0}
body[data-page-design="guide"] main table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.9;color:#333}
body[data-page-design="guide"] main :is(th,td){padding:13px;border:1px solid #dfd9cc}
body[data-page-design="guide"] main :is(thead,thead th){background:var(--article-dark)!important;color:#fff0d2!important;border-color:#c9c1b0}
body[data-page-design="guide"] main thead button{color:inherit;background:transparent;border:0;font:inherit;cursor:pointer}
body[data-page-design="guide"] main tbody tr:nth-child(odd){background:#fff}
body[data-page-design="guide"] main tbody tr:nth-child(even){background:#faf8f1}
body[data-page-design="guide"] main :is(.note,.label,small){color:#666;font-size:13px;line-height:1.8}
body[data-page-design="guide"] main :is(.filters,.character-list-search){padding:18px 20px;margin:22px 0;background:#faf8f1;border:1px solid #d8cfb7;border-radius:0;color:#333}
body[data-page-design="guide"] main :is(input,select,textarea){max-width:100%;border:1px solid #c7c1b3;border-radius:2px;background:#fff;color:#222;font:inherit;font-size:15px;padding:8px 10px}
body[data-page-design="guide"] main :is(.button,.seo-button){display:inline-block;border:1px solid #a99863;border-radius:0;background:var(--article-dark);color:#fff0d2;padding:10px 18px;font-size:15px;text-decoration:none}
body[data-page-design="guide"] main .hero{position:relative;isolation:isolate;border-radius:0!important;border:1px solid var(--article-gold);background-color:var(--article-dark);background-image:linear-gradient(180deg,#ffffff09,transparent 45%,var(--article-deep)),url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjAiIGhlaWdodD0iOTYiIHZpZXdCb3g9IjAgMCAxNjAgOTYiPjxnIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2Q3YzE4YSIgc3Ryb2tlLW9wYWNpdHk9Ii4wOSIgc3Ryb2tlLXdpZHRoPSIuOCI+PHBhdGggZD0iTTgwIDE1IDExMyA0OCA4MCA4MSA0NyA0OFogTTgwIDI0IDEwNCA0OCA4MCA3MiA1NiA0OFoiLz48cGF0aCBkPSJtODAgMzQgNCAxMCAxMCA0LTEwIDQtNCAxMC00LTEwLTEwLTQgMTAtNFoiLz48cGF0aCBkPSJNMCA0OGgzNm04OCAwaDM2TTgwIDB2OG0wIDgwdjgiLz48L2c+PC9zdmc+");background-size:auto,160px 96px;color:#fff0d2;box-shadow:inset 0 0 0 3px var(--article-deep),inset 0 0 0 4px #d5b87570,0 3px 8px #0e1b3018}
body[data-page-design="guide"] main .hero h1{color:#fff0d2}
body[data-page-design="guide"] main .hero .eyebrow{color:#e4c99a}
body[data-page-design="guide"] main .hero .badge{color:#fff0d2;border-color:#b99a70}
body[data-page-design="guide"] main .article-contents{box-sizing:border-box;width:50%;margin:26px 0 30px;padding:24px 30px;border:1px solid var(--article-line);border-left:3px solid #a99863;background:#fff}
body[data-page-design="guide"] main .article-contents h2{font-size:20px;font-weight:500;margin:0 0 20px;padding:0 0 10px;border:0;border-bottom:1px solid #c7b98f;outline:0;background:none;color:#20344f}
body[data-page-design="guide"] main .article-contents ol{padding-left:25px;margin:0;columns:1}
body[data-page-design="guide"] main .article-contents li{margin:8px 0;padding-left:3px;line-height:1.8}
body[data-page-design="guide"] main .article-contents a{display:inline-block;padding:3px 0;color:#222;font-size:16px;text-decoration:none}
body[data-page-design="guide"] main .article-contents a:hover{text-decoration:underline}
body[data-page-design="guide"]>footer{box-sizing:border-box;width:calc(100% - 30px);max-width:840px;margin:40px auto 0;padding:24px 0 60px;border-top:1px solid #d8cfb7;background:#fff;color:#666;font-size:13px}
@media(max-width:767px){html:root:root body[data-page-design="guide"]>main{font-size:16px;margin-top:16px!important}body[data-page-design="guide"] main>h1{font-size:26px;padding:24px 20px}body[data-page-design="guide"] main :is(section>h2,article>h2,main>h2){font-size:20px;padding:15px 16px}body[data-page-design="guide"] main h3{font-size:18px}body[data-page-design="guide"] main table{font-size:14px}body[data-page-design="guide"] main :is(th,td){padding:10px}body[data-page-design="guide"] main .article-contents{width:100%;padding:20px}body[data-page-design="guide"] main .filters{display:flex;flex-wrap:wrap;gap:12px}}

body[data-page-design="guide"] main>h1{border-radius:0}
body[data-page-design="guide"] .mobile-list-database-link{background:#fffdf7f5;border-color:#d8cfb7}
body[data-page-design="guide"] .mobile-list-database-link a{background:var(--article-dark);color:#fff0d2;border:1px solid #a99863;border-radius:0}
body[data-page-design="guide"] .character-fixed-heading,body[data-page-design="guide"] .character-fixed-heading th{background:var(--article-dark);color:#fff0d2}
body[data-page-design="guide"] main .table-scroll tbody tr:nth-child(even)>td:first-child{background:#faf8f1}