/* Reading and layout; existing fonts and bronze palette are retained. */
:root{--w-content:1280px;--w-read:840px;--w-sidebar:220px;--text-sm:15px;--lh-sm:26px;--bg-canvas:#faf8f3;--bg-surface:#fffefa;--line-soft:#e2d9cb;--shadow-card:0 3px 14px rgba(45,35,24,.04)}
body{font-size:16px;line-height:1.85;min-width:0;background:var(--bg-canvas)}
:is(p,li,td,th){word-break:keep-all;overflow-wrap:anywhere}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--bronze);outline-offset:4px}
.intro-band{min-height:0;padding:40px 0 42px;background:#f0e9dd;border-bottom:1px solid var(--line-soft)}
.intro-band__title{font-size:clamp(28px,3.1vw,42px);line-height:1.35;word-break:keep-all;letter-spacing:-.035em}
.short-answer{max-width:820px;box-shadow:none;padding:18px 24px;margin-top:22px}
.short-answer__text{font-size:17px;line-height:1.8;font-weight:400}
.detail-layout{gap:44px;padding-top:42px}
.detail-layout__body{min-width:0;max-width:840px}
/* Long menus follow the page scroll; collapsed groups must remain hidden. */
#sidebar-nav{position:static;max-height:none;overflow:visible}
#sidebar-nav .sidebar-group__pages[hidden]{display:none}
.detail-layout__body :is(p,li){font-size:16px;line-height:1.85}
.detail-layout__body p{margin-bottom:1.15em}
.detail-layout__body :is(h2,h3,h4){word-break:keep-all;line-height:1.45;letter-spacing:-.025em;scroll-margin-top:130px}
.detail-layout__body h2{font-size:26px;padding-bottom:14px;margin-bottom:24px}
.detail-layout__body h3{font-size:20px;margin-top:28px;margin-bottom:16px}
.detail-layout__body section{min-width:0;scroll-margin-top:130px}
.body-section+.body-section{margin-top:56px}
.detail-layout__body :is(.skill-item,.skill-info,.skill-content,.sec-box,.profession-weapon-group-panel,.profession-weapon-detail-stack,.profession-weapon-detail-panel){min-width:0;max-width:100%}
.detail-layout__body .skill-desc,.detail-layout__body .profession-skill-flow-desc{line-height:1.8;font-size:14px}
.detail-layout__body img{max-width:100%;height:auto}
.detail-layout__body :is(.boon-grid,.cond-grid){grid-template-columns:repeat(auto-fill,minmax(min(310px,100%),1fr))}
.detail-layout__body :is(.boon-card,.cond-card){min-width:0}
.detail-layout__body :is(.boon-meta,.cond-meta) .tag{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.detail-layout__body figure{margin:28px 0}
.detail-layout__body figcaption{font-size:13px;line-height:1.7;color:var(--text-soft);margin-top:12px}
#bar-states .bar-state-card:nth-child(3) .bar-swatch{background:#8d6e63!important;box-shadow:none!important}
.combo-effect summary{display:list-item;cursor:pointer;white-space:normal}
.combo-effect summary:focus-visible{outline:2px solid #514332;outline-offset:4px}
.detail-layout__body .combo-effect p{min-width:180px;max-width:320px;margin:12px 0 0;font-size:13px;line-height:1.75}
.guide-table-wrap{max-width:100%;overflow:auto;margin:24px 0;border:1px solid #d6cab7;border-radius:8px;background:var(--bg-surface);overscroll-behavior-inline:contain}
.detail-layout__body .guide-table{display:table;border-collapse:separate;border-spacing:0;width:100%;margin:0;border:0;border-radius:0;box-shadow:none;font-size:14px;line-height:1.75;background:var(--bg-surface)}
.guide-table :is(th,td){padding:13px 16px!important;text-align:left;vertical-align:top;border:0!important;border-bottom:1px solid #e5ddd0!important;font-size:14px;line-height:1.75;white-space:normal}
.guide-table th{background:#eee6d8!important;color:#4d3b2b!important;font-weight:700}
.guide-table tbody tr:nth-child(even){background:#f8f5ef}
.guide-table tbody tr:last-child>*{border-bottom:0!important}
.guide-table td:first-child{font-weight:500}
.hero{padding:64px 0;background:#efe7da}
.hero::before{display:none}
.hero__inner{grid-template-columns:minmax(0,1fr) 360px;gap:56px}
.hero__title{font-size:clamp(32px,3.5vw,48px);line-height:1.32;word-break:keep-all}
.hero__sub{font-size:17px;line-height:1.85}
.hero__actions .btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:7px;font-size:14px;font-weight:500;text-decoration:none;line-height:1.5}
.hero__actions .btn--primary{background:#514332;color:#fffefa;border:1px solid #514332}
.hero__actions .btn--ghost{color:#514332;border:1px solid #bca98b;background:transparent}
.roadmap-card{box-shadow:none;border-color:#d6c9b4;border-radius:12px}
.quick-card,.feat-card{box-shadow:none;border-radius:10px;transition:background-color 180ms ease,border-color 180ms ease}
.quick-card:hover,.feat-card:hover{transform:none;background:#fffdfa;border-color:var(--bronze);box-shadow:none}
.roadmap-band{background:#514332}
@media(min-width:961px) and (max-width:1400px){
 .nav-inner{gap:12px;padding-left:24px;padding-right:24px}
 .top-nav__btn{padding-left:8px;padding-right:8px;font-size:13px}
 .nav-logo__text{font-size:18px}.nav-cta{display:none}
 .top-nav__list{gap:0}.nav-logo{gap:8px}
}
@media(max-width:1100px) and (min-width:961px){.detail-layout{gap:28px;padding-left:28px;padding-right:28px}.detail-layout__sidebar{width:190px}.nav-logo__text{font-size:16px}.top-nav__btn{padding:8px 6px;font-size:12px}}
@media(max-width:960px){
 [data-include="header"]{min-height:56px}
 .intro-band{padding:26px 0}.intro-band .container{padding:0 20px}
 .intro-band__title{font-size:28px;line-height:1.4}
 .short-answer{padding:16px 18px;margin-top:18px}.short-answer__text{font-size:16px;line-height:1.8}
 .detail-layout{padding:28px 20px 60px;gap:0}.detail-layout__body{width:100%;max-width:none}
 .detail-layout__body :is(p,li){font-size:15px;line-height:1.85}
 .detail-layout__body h2{font-size:23px}.detail-layout__body h3{font-size:19px}
 .hero{padding:38px 0}.hero__inner{grid-template-columns:1fr;gap:28px;padding:0 20px}.hero__title{font-size:32px;line-height:1.38}
 .hero__sub{font-size:16px}.roadmap-card{padding:22px}
 .guide-table{min-width:560px}.guide-table[data-columns="2"]{min-width:320px}
 .guide-table :is(th,td){min-width:92px;padding:11px 12px!important}
 .minimap-wrap{flex-direction:column!important}.minimap-labels{width:100%;min-width:0}
 .weapon-diagram,.panel-tabs,.prof-overview-grid,.wpn-skills-grid{grid-template-columns:minmax(0,1fr)!important}
 .skillbar-visual,.spec-visual{max-width:100%;overflow:auto}
 .trait-tree{overflow-x:auto!important;max-width:100%}.trait-track{min-width:280px}.spec-info{min-width:100px}
 .profession-weapon-detail-panel{padding:12px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}