/* Approved portal direction: shared navigation and reading details. */
.top-nav__btn[data-community-link]{text-decoration:none}
.top-nav__btn[data-community-link]:hover,.top-nav__btn[data-community-link]:focus-visible{font-weight:700;color:#fff}
.mobile-menu__community{display:flex;align-items:center;text-decoration:none;border-bottom:1px solid #dde5d4}
.mobile-menu__community:hover,.mobile-menu__community:focus-visible{color:#294932}
.top-nav__arrow{display:block;width:7px;height:5px;opacity:.6;margin-left:2px}
.top-nav__item--active .top-nav__btn{color:#eff3e8}
.top-nav__item--active .top-nav__btn::after{transform:scaleX(1);background:#8d9e79;bottom:19px;left:10px;right:10px;border-radius:0}
.portal-menu-backdrop{position:fixed;inset:0;background:#0b1d1740;z-index:490;pointer-events:none;opacity:0;transition:opacity 180ms ease}
.portal-menu-backdrop.is-open{opacity:1;pointer-events:auto}
.site-header .dropdown-layer{max-height:calc(100dvh - 80px);max-width:none;margin:0;left:0;right:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 20px 34px #07171026;scrollbar-width:thin;scrollbar-color:#617552 #192d24}
.dropdown-panel{background:#192d24;border:0;border-top:1px solid #ffffff12;border-bottom:1px solid #60734e;box-shadow:none}
.dropdown-panel__inner{display:grid;grid-template-columns:180px minmax(0,1fr);gap:32px;max-width:1376px;padding:24px 48px 30px;position:relative;margin-inline:auto}
.dropdown-panel__header{border:0;border-right:1px solid #62735760;margin:0;padding:0 24px 0 0}
.dropdown-panel__header h2{font-size:25px;line-height:1.4;color:#f0f3e8;margin:0 0 12px;font-weight:700;letter-spacing:-.04em}
.portal-menu-eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;color:#b6c99a;margin:0 0 12px}
.portal-menu-description{font-size:12px;line-height:1.8;color:#b8c6af;margin:0 0 20px}
.dropdown-panel__main-link{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;font-size:12px;font-weight:600;color:#d9e9b0;border-bottom:1px solid #b6ce8866;padding:8px 0;line-height:1.6}
.dropdown-panel__main-link span{font-size:18px;color:#d9e9b0;transition:transform 180ms var(--portal-ease)}
.dropdown-panel__main-link:hover span{transform:translate(2px,-2px)}
.portal-menu-test{display:block;padding:0 0 18px;color:#d9e9b0;text-decoration:none}
.portal-menu-test strong{display:block;font-size:13px;line-height:1.65;font-weight:700}
.portal-menu-test>span{display:block;margin-top:6px;font-size:11px;line-height:1.75;color:#b8c6af}
.portal-menu-test:hover strong,.portal-menu-test:focus-visible strong{text-decoration:underline;text-underline-offset:4px}
.portal-menu-test:focus-visible{outline:2px solid #d9e9b0;outline-offset:5px}
.mobile-menu__link.mobile-menu__test{font-weight:700;color:#294932;padding-top:16px;padding-bottom:16px}
.dd-groups{display:grid;grid-template-columns:repeat(var(--menu-columns,4),minmax(0,1fr));gap:18px 24px;align-content:start}
.dd-group__title{font-size:13px;line-height:1.6;font-weight:700;letter-spacing:.01em;color:#dce9c1;border:0;padding:0 0 8px;margin:0 0 5px;border-bottom:1px solid #d9e9b01c}
.dd-group__links{gap:0;margin:0;padding:0;list-style:none}
.dd-link{border-radius:2px;padding:5px 10px;margin-left:-10px;font-size:14px;line-height:1.55;font-weight:400;color:#c7d1c0;border-left:2px solid transparent;transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease}
.dd-link:hover,.dd-link:focus-visible{padding-left:10px;background:#d9e9b012;color:#f3f6eb;border-left-color:#d9e9b0}
.dd-link[aria-current=page]{background:#d9e9b01a;color:#e1efbd;border-left-color:#c4dc96;font-weight:600}
.dd-link--featured{font-weight:600;color:#e6eed9}
/* Fine inset edges connect the dropdown to the header without a floating card frame. */
.dropdown-panel{box-shadow:inset 0 1px #d9e9b006,inset 0 -1px #14231f}
/* Align the responsive breakpoint with the existing mobile dialog controller. */
@media(min-width:1201px){.top-nav{display:block!important}.mobile-menu-btn{display:none!important}}
@media(min-width:1201px) and (max-width:1350px){.nav-logo__text{display:none}.nav-inner.container--wide{gap:20px;padding-inline:24px}.top-nav__btn{padding-inline:7px;font-size:12px}.top-nav__list{gap:2px}.nav-actions{gap:2px}}
@media(max-width:1200px){
 .top-nav{display:none!important}.mobile-menu-btn{display:flex!important}.portal-menu-backdrop{display:none}
 .mobile-menu__backdrop{background:#0b1d176b}
 .mobile-menu__panel{width:min(420px,94vw);background:#f8faf3;box-shadow:-14px 0 45px #0b1d1726;transition:transform 230ms var(--portal-ease)}
 .mobile-menu__header{background:#192d24;border:0;padding:18px 22px;min-height:76px}.mobile-menu__title{color:#eff3e8;font-size:16px}
 .mobile-menu__close{background:#ffffff12;color:#eff3e8;border:1px solid #ffffff25;border-radius:2px;width:40px;height:40px}.mobile-menu__close:hover{background:#ffffff26;color:#fff}
 .mobile-menu__body{padding:10px 0}.mobile-menu__section{border-bottom:1px solid #dde5d4}
 .mobile-menu__section-btn{padding:18px 22px;min-height:58px;font-size:16px;color:#203b28}
 .mobile-menu__section.is-open{background:#edf2e5}.mobile-menu__section.is-open .mobile-menu__section-btn{color:#294b2e}
 .mobile-menu__links{padding:0 22px 20px}.mobile-menu__group-title{font-size:11px;font-weight:600;letter-spacing:0;text-transform:none;color:#657c52;padding:18px 0 8px;margin:0}
 .mobile-menu__link{font-size:14px;line-height:1.6;min-height:42px;padding:10px 12px;color:#3e5534;border-radius:2px}.mobile-menu__link:hover,.mobile-menu__link:focus-visible{background:#dfe9d3;color:#203b28}
 .mobile-menu__footer{padding:16px 22px 20px;background:#f8faf3;border-color:#d5dfcb}.mobile-menu__footer .btn{display:flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:2px;min-height:46px;background:#294932;color:#fff;font-size:14px;font-weight:600;line-height:1.6;text-decoration:none}.mobile-menu__board-btn{border-radius:2px;min-height:44px;font-size:13px}
}
@media(max-width:360px){.nav-logo__text{display:none}}
/* Apply the same reading rhythm to long articles and their next/previous links. */
.renewal-reader{max-width:1376px}
.renewal-reader .detail-layout{display:grid;grid-template-columns:232px minmax(0,1fr);gap:48px;align-items:start}
.renewal-reader .detail-layout__sidebar{display:block;position:sticky;top:var(--sidebar-top,24px);width:auto;min-width:0;padding-right:24px;border-right:1px solid #d9dfd3;overflow-anchor:none}
.renewal-reader #sidebar-nav{position:static;top:auto;width:100%;max-height:none;overflow:visible;padding:0}
.renewal-reader .sidebar-section-label{font-size:20px;line-height:1.5;letter-spacing:-.035em;padding-bottom:18px;margin-bottom:16px;border-bottom:1px solid #aab7a3;color:#243d2b}
.renewal-reader .sidebar-groups{gap:5px}
.renewal-reader .sidebar-group{border-radius:0;overflow:visible}
.renewal-reader .sidebar-group__toggle{min-height:42px;padding:10px 8px;font-size:13px;line-height:1.6;font-weight:600;border-radius:2px;gap:12px;color:#4d5e4b;transition:background-color 150ms ease,color 150ms ease}
.renewal-reader .sidebar-group--open .sidebar-group__toggle{background:transparent;color:#243d2b}
.renewal-reader .sidebar-group__toggle:hover{background:#e8ede1}
.renewal-reader .sidebar-group__arrow{width:8px;opacity:.65}
.renewal-reader .sidebar-group__pages{margin:2px 0 10px 8px;padding-left:0;border-left:1px solid #d1dbc6;gap:2px}
.renewal-reader .sidebar-page__link{padding:8px 10px 8px 15px;font-size:13px;line-height:1.65;color:#5c695f;border-radius:0;transition:background-color 150ms ease,color 150ms ease}
.renewal-reader .sidebar-page__link:hover{background:#edf1e6;color:#294932}
.renewal-reader .sidebar-page--active .sidebar-page__link{background:#e8ede1;color:#294932;border-left:2px solid #66824c;margin-left:-1px;padding-left:14px;font-weight:600}
@media(min-width:961px) and (max-width:1150px){.renewal-reader .detail-layout{grid-template-columns:200px minmax(0,1fr);gap:32px;padding-inline:28px}.renewal-reader .detail-layout__sidebar{padding-right:18px}}
@media(max-width:960px){.renewal-reader{max-width:1040px}.renewal-reader .detail-layout{display:block}.renewal-reader .detail-layout__sidebar{display:none}}
.renewal-reader .intro-band{min-height:0}
.renewal-reader .intro-band__title{overflow-wrap:anywhere}
.renewal-reader .page-toc nav{scrollbar-width:thin;scrollbar-color:#9eae8e transparent}
.renewal-reader .page-toc summary:hover{background:#e9efdf}
.renewal-reader .next-step__card{border:1px solid #c6d2ba;box-shadow:none;transition:background-color 180ms ease,border-color 180ms ease}
.renewal-reader .next-step__card:hover,.renewal-reader .next-step__card:focus-visible{transform:none;background:#e5edd9;border-color:#91a77a;box-shadow:none}
.renewal-reader .prev-next-nav__link{border-radius:2px;border:1px solid #d1dbc6;background:#f0f4e9;box-shadow:none;padding:20px;transition:background-color 180ms ease,border-color 180ms ease}
.renewal-reader .prev-next-nav__link:hover,.renewal-reader .prev-next-nav__link:focus-visible{background:#e5edd9;border-color:#91a77a;box-shadow:none}
.renewal-reader .prev-next-nav__label{font-size:11px;color:#60764c;margin-bottom:6px}
.renewal-reader .prev-next-nav__title{font-size:15px;line-height:1.6;color:#243d2b;overflow-wrap:anywhere}
.renewal-reader .prev-next-nav__section{font-size:11px;color:#63715b}
.renewal-reader .guide-table-wrap{scrollbar-width:thin;scrollbar-color:#9eae8e #eff3e8}
.renewal-reader .image-expand{outline-offset:5px}.renewal-reader .image-expand:hover .image-expand__label{text-decoration:underline;text-underline-offset:4px}
.renewal-reader{--color-surface-alt:#eff3e8;--color-brand-dark:#294932;--color-brand-light:#e5edd9;--color-border:var(--line-soft);--color-border-strong:var(--line-strong)}
.renewal-reader :is(.sec-box,.profession-weapon-detail-panel,.profession-spec-card,.prof-overview-card){border-radius:3px;box-shadow:none}
.renewal-reader .skill-item{border-radius:3px}
.renewal-reader .profession-weapon-card{border-radius:3px;min-height:42px;box-shadow:none;transition:background-color 180ms ease,border-color 180ms ease}
.renewal-reader .profession-weapon-card:hover{background:#e5edd9;box-shadow:none}
.renewal-reader .profession-weapon-card.is-active{background:#e0ead3;border-color:#66824c;box-shadow:inset 0 -2px #66824c}
/* Common article components: keep semantic colors, unify the surrounding chrome. */
.renewal-reader{--r-sm:2px;--r-md:3px;--r-lg:4px;--r-card:3px;--shadow-sm:none;--shadow-card:none;--line-hard:#aab7a3;--bg-brand-soft:#e5edd9}
.portal-heading-marker{display:none}
.renewal-reader .body-section+.body-section{border-top:0;padding-top:0}
.renewal-reader :is(.card,.info-card,.tier-card,.finisher-card,.must-combo-item,.combo-equation,.combo-box,.compare-card,.method-card,.step-card,.stat-card,.content-card,.type-card,.site-card,.unlock-box){border-radius:3px;box-shadow:none}
.renewal-reader :is(.info-box,.callout,.tip-box,.warn-box,.info-card--tip,.info-card--warn){border-radius:3px;box-shadow:none;padding:20px 22px;border:1px solid #d5dfcb;border-left:3px solid #71895c;background:#eff3e8;color:#3a4740}
.renewal-reader :is(.info-box--warn,.info-box--red,.callout--warn,.callout--warning,.warn-box,.info-card--warn){background:#f7eee7;border-color:#e5d5c8;border-left-color:#9f3b2e}
.renewal-reader :is(.info-box,.callout,.tip-box,.warn-box)>:last-child{margin-bottom:0}
.renewal-reader :is(.info-box__body,.callout__body){font-size:15px;line-height:1.8}
.renewal-reader .info-box__icon{display:none}
.renewal-reader .info-card h4{font-size:14px;line-height:1.6;letter-spacing:0;text-transform:none;color:#294932}
.renewal-reader .info-card p{line-height:1.8}
.renewal-reader .combo-equation{background:transparent;border:0;padding:12px 0;gap:16px}
.renewal-reader .combo-box{flex:1;min-width:110px;border:0;border-top:2px solid #b8c8a8;background:#eff3e8;padding:22px 16px;gap:6px}
.renewal-reader .combo-box--result{background:#e1ead6;border-top-color:#66824c}
.renewal-reader .combo-box__icon,.renewal-reader .finisher-card__icon{display:none}
.renewal-reader .combo-box__label{font-size:15px;font-weight:700;line-height:1.6}
.renewal-reader .combo-box__sub{font-size:13px;line-height:1.7}
.renewal-reader .finisher-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.renewal-reader .finisher-card{padding:22px;border-color:#d1dbc6;background:#fff}
.renewal-reader .finisher-card__title{font-size:16px;font-weight:700;margin-bottom:8px}
.renewal-reader .finisher-card__desc{font-size:15px;line-height:1.8}
.renewal-reader .must-combo-item{border-left-width:3px;gap:16px;padding:20px 22px}
.renewal-reader .must-combo-math{border:0;background:transparent;padding:0;border-radius:0;min-width:180px;font-size:14px}
.renewal-reader .must-combo-title{font-size:15px;font-weight:700;margin-bottom:8px}
.renewal-reader .must-combo-desc{font-size:15px;line-height:1.8}
.renewal-reader .eff-boon{color:#79510d}
@media(max-width:760px){
 .renewal-reader :is(.info-box,.callout,.tip-box,.warn-box,.info-card--tip,.info-card--warn,.finisher-card,.must-combo-item){padding:18px}
 .renewal-reader .combo-equation{display:grid;grid-template-columns:1fr!important;gap:6px}
 .renewal-reader .combo-box{padding:14px 18px;width:100%;min-width:0}
 .renewal-reader .combo-operator{text-align:center;line-height:1}
 .renewal-reader .finisher-grid{grid-template-columns:1fr}
}
.portal-error{background:#f7f7f2;color:#192a22;font-family:var(--ff-body,'Noto Sans KR',sans-serif)}
.portal-error .error-code{color:#365b42;opacity:.4}.portal-error h1{color:#192a22}.portal-error .back-link{border-radius:2px;background:#294932}.portal-error .back-link:hover{background:#3c6040}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep Korean card titles from leaving a single character on its own line. */
body[data-design="b"] .pitch-item__title { word-break: keep-all; text-wrap: balance; }
/* Prose, callouts and cards share word boundaries; long URLs can still wrap. */
body[data-design="b"] { word-break: keep-all; overflow-wrap: anywhere; }
/* The article grid already limits reading width. Avoid a second, narrower text column. */
.renewal-reader :is(.detail-layout__body > p, .body-section > p, .step-body p) { max-width: none; }
.renewal-reader a[data-inline-guide] { display: inline-block; max-width: 100%; vertical-align: baseline; }
/* Keep setting names readable and short preset values together on phones. */
.renewal-reader table[aria-label="WvW performance preset"] { table-layout: auto; }
.renewal-reader table[aria-label="WvW performance preset"] :is(th,td):first-child { width: auto; }
.renewal-reader table[aria-label="WvW performance preset"] :is(th,td):last-child { width: 112px; white-space: nowrap; }