/* A compact reading desk: ink headings, a clear active tab, one shared menu. */
.portal-page .portal-content .evaluation-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;margin:10px 0 18px;border-bottom:1px solid #cbd8e4}
.portal-page .portal-content .evaluation-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:11px 2px;border-radius:6px 6px 0 0;color:#566b80;font-size:clamp(.875rem,2.8vw,.9375rem);font-weight:700;line-height:1.5;white-space:nowrap;text-decoration:none;letter-spacing:0}
.portal-page .portal-content .evaluation-nav a[aria-current="page"]{color:#173755;background:#edf5fa;box-shadow:inset 0 -3px #2195ad}
.portal-page .portal-content .evaluation-nav a:hover{color:#173755;background:#f0f5f9}
.portal-page .portal-content .evaluation-nav a:focus-visible{outline:3px solid #2a9cba;outline-offset:2px}
.global-header{border-top:3px solid #183b60;border-bottom:1px solid #d9e3ed;background:#fff;box-shadow:0 3px 15px #17375505;position:relative;z-index:20}
.global-header .global-brand-row{min-height:0;padding:20px 24px 17px;gap:20px}
.global-header .brand-monogram{width:46px;height:46px;border-radius:13px;background:#173755;color:white;box-shadow:none;font:800 33px/1 Arial,sans-serif}
.global-header .brand-wordmark{color:#173755;font-size:1.875rem;font-weight:850;letter-spacing:.025em}
.global-header .brand-wordmark>span{color:#236b92}
.global-header .brand-wordmark>small{color:#688095!important;letter-spacing:.1em!important}
.global-header .brand-site-name{font-size:.8125rem!important;color:#64788c;margin-top:4px;letter-spacing:.02em}
.global-header .brand-description{display:none}
.global-header .visitor-counter{padding:0 0 0 18px;border:0;border-left:1px solid #dbe4ed;border-radius:0;background:none;box-shadow:none;gap:4px}
.global-header .visitor-counter strong{font-size:1.125rem;color:#173755;font-variant-numeric:tabular-nums}
.global-header .visitor-counter>div{gap:12px;line-height:1.5}
.global-header .global-nav{background:#fff;border:0;padding:0 24px 12px;overflow:visible;position:relative}
.global-header .global-nav>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));min-width:0;max-width:1272px;margin:auto;padding:5px;gap:5px;background:#eff4f8;border:1px solid #e0e8ef;border-radius:13px;position:relative;overflow:visible;align-items:stretch}
.global-header .global-nav>div>a,.global-header .global-nav .nav-group{grid-column:auto;min-width:0;margin:0}
.global-header .global-nav>div>a,.global-header .global-nav .nav-group>summary{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:7px;min-height:46px;padding:10px 8px;font-size:.9375rem;font-weight:700;line-height:1.4;letter-spacing:.01em;color:#50647a!important;background:transparent;border:1px solid transparent;border-radius:9px;box-shadow:none;text-decoration:none;white-space:nowrap;cursor:pointer}
.global-header .global-nav>div>a.active,.global-header .global-nav .nav-group.active>summary{background:#173755;color:#fff!important;border-color:#173755;box-shadow:0 2px 5px #17375518}
.global-header .global-nav>div>a:after{display:none}
.global-header .global-nav>div>a:hover,.global-header .global-nav .nav-group:not(.active)>summary:hover,.global-header .global-nav .nav-group[open]:not(.active)>summary{background:#fff;color:#173755!important;border-color:#d4e0eb}
.global-header .global-nav :is(a,summary):focus-visible{outline:3px solid #2a9cba;outline-offset:3px}
.global-header .nav-label-short{display:none}
.global-header .nav-chevron{display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none;font-size:0}
.global-header .nav-group[open] .nav-chevron{transform:translateY(2px) rotate(225deg)}
.global-header .global-nav .nav-group{position:static}
.global-header .global-nav .nav-group>summary{list-style:none}
.global-header .global-nav .nav-group>summary::-webkit-details-marker{display:none}
.global-header .global-nav .nav-submenu{position:absolute;top:calc(100% + 7px);left:0;right:0;width:auto;max-height:min(70vh,520px);overflow:auto;z-index:40;background:#fff;border:1px solid #d4e0eb;border-radius:13px;padding:7px;box-shadow:0 12px 35px #16354d20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.global-header .global-nav .nav-group:not([open]) .nav-submenu{display:none}
.global-header .global-nav .nav-submenu a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:12px 14px;min-height:54px;gap:4px;border:0;border-radius:8px;background:#fff;color:#27425f!important;font-size:.9375rem;line-height:1.5;box-shadow:none;white-space:normal}
.global-header .global-nav .nav-submenu a:is(.active,:hover){background:#edf5fa;color:#174d78!important}
.global-header .global-nav .nav-submenu a.active:after{display:none}
.global-header .global-nav .nav-submenu a.active{box-shadow:inset 3px 0 0 #239bb2}
.global-header .global-nav .nav-submenu .nav-update{font-size:.75rem;color:#708294;font-weight:400;line-height:1.4}
.portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading){display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;padding:14px 0 17px 18px;margin:0 0 20px;border:0;border-left:4px solid #2195ad;border-bottom:1px solid #d7e2ec;border-radius:0;background:none;box-shadow:none;min-height:0}
.portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading) h1{font-size:clamp(1.5rem,2.3vw,2rem);font-weight:800;line-height:1.4;letter-spacing:.025em;color:#173755;background:none;margin:0;word-break:normal;line-break:strict;overflow-wrap:break-word}
.portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading) p{margin:7px 0 0;line-height:1.6;color:#60748a;font-size:1rem;max-width:62ch}
.portal-page .portal-content :is(.guide-eyebrow,.news-heading .eyebrow){display:none}
.portal-page .portal-content :is(.guide-section,.detail-section)>h2{border:0;padding:0 0 0 12px;border-left:3px solid #6b99b4;font-weight:800;line-height:1.5;color:#173755;background:none;box-shadow:none}
.portal-page .portal-content .news-section-heading{background:none;border:0;padding:0 0 9px;border-bottom:2px solid #173755;border-radius:0;box-shadow:none}
.portal-page .portal-content .news-section-heading h2{padding:0;margin:0;color:#173755;border:0}
.portal-page .section-nav{background:#fff;border-bottom:1px solid #dbe4ed}
.portal-page .section-nav .view-tabs{gap:6px;align-items:center;height:auto;margin:0}
.portal-page .section-nav .view-tabs button{border:1px solid transparent;border-radius:7px;min-height:40px;padding:8px 14px;font-size:.875rem;font-weight:700;color:#61758a;background:none;line-height:1.5;box-shadow:none}
.portal-page .section-nav .view-tabs button.active{border-color:#c8dce9;background:#eaf3f9;color:#16466b}
.portal-page .section-nav .view-tabs button:after{display:none}
@media(max-width:760px){
 .global-header .global-brand-row{padding:13px 12px 12px;gap:12px}
 .global-header .brand-monogram{width:36px;height:36px;font-size:27px;border-radius:10px}
 .global-header .brand-wordmark{font-size:1.5rem}
 .global-header .brand-wordmark>small{display:none}
 .global-header .brand-site-name{font-size:.75rem!important;margin-top:3px}
 .global-header .global-nav{padding:0 10px 10px}
 .global-header .global-nav>div{display:flex;flex-wrap:wrap;padding:4px;gap:3px;border-radius:11px}
 .global-header .global-nav>div>a,.global-header .global-nav .nav-group{flex:1 1 3.25rem}
 .global-header .global-nav>div>a,.global-header .global-nav .nav-group>summary{min-height:44px;padding:9px 3px;font-size:.875rem;gap:5px;border-radius:7px}
 .global-header .nav-label-full{display:none}
 .global-header .nav-label-short{display:inline}
 .global-header .visitor-counter{padding:0 0 0 10px;max-width:38%;gap:1px}
 .global-header .visitor-counter>div{gap:7px;line-height:1.4}
 .global-header .visitor-counter strong{font-size:.9375rem}
 .global-header .visitor-counter span{font-size:.75rem}
 .portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading){padding:9px 0 12px 12px;margin-bottom:14px;gap:10px;border-left-width:3px}
 .portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading) h1{font-size:1.5rem}
 .portal-page .portal-content :is(.news-heading,.guide-hero,.char-heading,.champion-heading,.feather-hero,.page-heading) p{font-size:1rem;margin-top:5px}
}
@media(max-width:480px){
 .global-header .global-nav .nav-submenu{grid-template-columns:minmax(0,1fr)}
 .global-header .global-nav .nav-submenu a{padding:10px 12px;min-height:55px}
}
@media(max-width:360px){
 .global-header .global-nav>div>a,.global-header .global-nav .nav-group>summary{padding-left:1px;padding-right:1px;gap:3px}
 .global-header .nav-chevron{width:4px;height:4px}
}