/* Shared page navigation: neutral links, gold only for the active page. */
body>.shell{width:min(1180px,calc(100% - 32px));padding-top:30px}.shell>header{position:relative;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:start;gap:20px;margin-bottom:22px;min-height:76px}.shell>header .header-side{display:contents}.shell>header .header-side>.summary{position:absolute;right:0;top:0;font-size:.8rem;line-height:1.4}.shell>header .eyebrow{font-size:.76rem;line-height:1.4;margin:0;letter-spacing:.13em}.shell>header h1{margin:3px 0 0;line-height:1.25}.shell>header nav[aria-label="ページ切り替え"]{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-content:start;gap:7px;margin:0;padding-top:28px;max-width:850px}.shell>header nav[aria-label="ページ切り替え"]>a:not(.campaign-nav){display:inline-flex;align-items:center;justify-content:center;min-height:39px;line-height:1.35;margin:0;padding:8px 10px;color:#dce5f4;background:#171f2e;border:1px solid #465169;border-radius:9px;text-decoration:none;font-size:.84rem;font-weight:800;white-space:nowrap}.shell>header nav[aria-label="ページ切り替え"]>a:not(.campaign-nav):hover{background:#253149;border-color:#73809a}.shell>header nav[aria-label="ページ切り替え"]>a.active:not(.campaign-nav){color:#241b07;background:#e4b84f;border-color:#e4b84f}.shell>header nav a:focus-visible{outline:2px solid #e4b84f;outline-offset:3px}.calculator-heading-icon{width:20px;height:20px;flex:none;vertical-align:-3px;margin-right:8px}.bonus-section-heading,.bonus-forward>h2{display:flex;align-items:center;gap:0}
@media(max-width:850px){body>.shell{width:calc(100% - 20px);padding-top:18px}.shell>header{grid-template-columns:1fr;gap:12px;min-height:0}.shell>header nav[aria-label="ページ切り替え"]{justify-content:flex-start;padding-top:0;max-width:none}.shell>header .header-side>.summary{position:static;grid-row:2;margin:0}.shell>header .header-side>nav{grid-row:3}}

header nav .campaign-nav{display:inline-flex;align-items:center;justify-content:center;align-self:center;white-space:nowrap;border:1px dashed #aa87c5;border-radius:9px;background:linear-gradient(110deg,#503d65,#2b253d);color:#f0dcff;padding:7px 11px;text-decoration:none;font-size:.82rem;font-weight:750;margin-left:9px;line-height:1.4}header nav .campaign-nav:hover,header nav .campaign-nav.campaign-active{border-style:solid;background:#634b7a;color:#fff}header nav .campaign-nav:focus-visible{outline:2px solid #d2b7ed;outline-offset:2px}#characterDialog .campaign-targets{display:flex;gap:5px 7px;flex-wrap:wrap;align-items:center;margin-top:9px;font-size:.76rem;color:#aab3c6}#characterDialog .campaign-target-label{display:inline-flex;border:1px solid #9775b0;border-radius:6px;background:#372b48;color:#efdaff;padding:2px 7px;text-decoration:none;line-height:1.5}#characterDialog .campaign-target-label:hover{background:#503d65}
header nav .display-options-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:8px;padding:7px 10px;border:1px solid #68788c;border-radius:999px;background:#253446;color:#d4e4f2;font:inherit;font-size:.78rem;font-weight:650;line-height:1.2;box-shadow:inset 0 1px 0 #ffffff0a;cursor:pointer}header nav .display-options-button:hover{background:#34495e;border-color:#a5bbce;color:#fff}header nav .display-options-button:focus-visible{outline:2px solid #accde6;outline-offset:3px}.display-options-button svg{flex:none}