.guide-page { width:min(74rem,calc(100% - 3rem)); margin:auto; padding:calc(var(--shell-header-height) + 2rem) 0 4rem; }
.guide-page--wide { width:min(84rem,calc(100% - 3rem)); }
.guide-heading { margin-bottom:2rem; max-width:62rem; }
.guide-eyebrow { margin:0 0 .5rem; color:var(--text-muted); font-size:var(--type-label-size); }
.guide-heading > h1 { margin:0; font-size:var(--type-article-title-size); line-height:var(--type-article-title-line); color:var(--text); }
.update-index-heading { align-items:baseline; margin-bottom:.75rem; }
.update-index-summary { margin:0; color:var(--text-muted); font-size:var(--type-ui-size); line-height:var(--type-ui-line); }
.guide-lead { margin:.75rem 0 0; max-width:48rem; color:var(--text-secondary); font-size:1rem; line-height:1.75; }
.guide-meta { display:flex; align-items:center; flex-wrap:wrap; gap:.5rem 1rem; margin-top:1rem; color:var(--text-muted); font-size:var(--type-ui-size); }
.guide-layout { display:grid; grid-template-columns:12rem minmax(0,1fr); align-items:start; gap:2.5rem; }
.guide-layout--plain { grid-template-columns:minmax(0,1fr); }
.guide-toc { position:sticky; top:calc(var(--shell-header-height) + 1.25rem); max-height:calc(100dvh - var(--shell-header-height) - 2.5rem); overflow:auto; }
.guide-toc summary { color:var(--text-muted); font-size:var(--type-label-size); padding:.5rem .75rem; cursor:pointer; }
.guide-toc nav { display:grid; gap:.125rem; margin-top:.5rem; }
.guide-toc a { display:block; padding:.5rem .75rem; border-left:2px solid var(--border); color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.5; text-decoration:none; }
.guide-toc a:hover,.guide-toc a[aria-current="location"] { border-left-color:var(--lu4-accent); color:var(--text); background:var(--selection-bg); }
.guide-reading { min-width:0; }
.guide-identity { --entity-meta-size:var(--type-label-size); --entity-meta-line:var(--type-label-line); container-type:inline-size; margin-bottom:2rem; }
.guide-chapter { margin:0 0 2.5rem; min-width:0; scroll-margin-top:calc(var(--shell-header-height) + 1.5rem); }
.guide-chapter > h2 { margin:0 0 1.25rem; padding-bottom:.75rem; border-bottom:1px solid var(--border); font-size:var(--type-section-title-size); line-height:1.4; color:var(--text); }
.guide-chapter > h2 small { display:inline-block; margin-right:.75rem; color:var(--lu4-accent); font-size:var(--type-ui-size); font-weight:400; font-variant-numeric:tabular-nums; }
.guide-prose { color:var(--text-secondary); font-size:1rem; line-height:1.8; overflow-wrap:anywhere; }
.guide-prose p { margin:.75rem 0; }
.guide-prose h3 { margin:1.75rem 0 .75rem; color:var(--text); font-size:1.125rem; line-height:1.5; }
.guide-prose h4 { margin:1.25rem 0 .5rem; color:var(--text); font-size:1rem; }
.guide-prose :is(ul,ol) { margin:.75rem 0; padding-left:1.5rem; }
.guide-prose li { margin:.375rem 0; }
.guide-prose :is(strong,b) { color:var(--text); }
.guide-prose a { color:var(--link); text-decoration:none; }
.guide-prose a:hover { text-decoration:underline; }
.guide-prose :is(figure,.faq-item__media) { margin:1.25rem 0; text-align:center; }
.guide-prose img:not(.guide-inline-icon):not(.wb-entity-link__icon):not(.wb-entity-hero__icon) { max-width:100%; max-height:30rem; height:auto; object-fit:contain; vertical-align:middle; }
.guide-prose .guide-inline-icon { display:inline-block; width:1.5rem; height:1.5rem; object-fit:contain; vertical-align:middle; margin:0 .25rem; }
.guide-prose :is(.lightbox-trigger,.guide-image-button) { display:inline-block; max-width:100%; padding:0; border:0; background:transparent; cursor:zoom-in; }
.guide-prose figcaption { margin-top:.5rem; color:var(--text-muted); font-size:var(--type-label-size); }
.guide-prose video { width:100%; max-height:32rem; }
.guide-table-scroll { max-width:100%; overflow:auto; overscroll-behavior-x:contain; margin:1rem 0; border-block:1px solid var(--border); }
.guide-table-hint { color:var(--text-muted); font-size:var(--type-label-size); line-height:1.5; margin:1rem 0 -.5rem; }
.guide-table-hint[hidden] { display:none !important; }
.guide-table-scroll:focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
.guide-prose table { width:100%; border-collapse:collapse; font-size:var(--type-ui-size); line-height:1.6; }
.guide-prose .guide-table--simple { min-width:0; }
.guide-prose .guide-table--matrix { min-width:28rem; }
.guide-prose .guide-table--matrix :is(td,th) { min-width:var(--guide-table-cell-min-width,4.5rem); overflow-wrap:normal; word-break:normal; }
.guide-prose .guide-table--matrix tr > :first-child:not([colspan]) { min-width:var(--guide-table-identity-min-width,6rem); }
.guide-table--matrix[data-sticky-first="true"] tr > :first-child:not([colspan]) { position:sticky; left:0; background:var(--bg); z-index:1; }
.guide-table--matrix[data-sticky-first="true"] thead tr > :first-child:not([colspan]) { background:var(--elevated); }
.guide-prose th,.guide-prose td { padding:.75rem; text-align:left; border-bottom:1px solid var(--border); vertical-align:top; }
.guide-prose th { background:var(--elevated); color:var(--text); font-weight:600; }
.guide-prose tr:last-child td { border-bottom:0; }
.guide-prose :is(.update-note,.faq-note,.notice,.billing-note) { padding:.75rem 1rem; border-left:2px solid var(--lu4-accent); background:var(--elevated); margin:1rem 0; }
.guide-prose pre { margin:1rem 0; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--elevated); white-space:pre-wrap; overflow-wrap:anywhere; }
.guide-code { position:relative; }
.guide-prose .macro-code-list { margin:1rem 0; padding:1rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--elevated); }
.macro-code-line { display:flex; flex-wrap:wrap; justify-content:space-between; gap:.25rem 1rem; }
.macro-code-line > span { color:var(--text-muted); font-size:var(--type-ui-size); }
.guide-code > .wb-text-button { margin-top:-.75rem; margin-bottom:1rem; }
.guide-prose :is(.faq-item,.guide-source-fold) { border-bottom:1px solid var(--border); padding:.75rem 0; }
.guide-prose :is(.faq-item,.guide-source-fold) > summary { cursor:pointer; color:var(--text); }
.guide-prose [hidden],.guide-page [hidden] { display:none !important; }
.editorial-page [data-guide-secondary][hidden] { display:none !important; }
.guide-next { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; padding:1.5rem 0; border-top:1px solid var(--border); }
.guide-next a { color:var(--link); font-size:var(--type-ui-size); }
.guide-controls { display:grid; gap:.75rem; padding:1rem; margin-bottom:1.5rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--elevated); }
.guide-controls > * { min-width:0; }
.guide-controls .search-field { min-width:0; width:100%; }
.guide-controls .wb-search-select { width:min(100%,24rem); }
.guide-feedback { margin:.75rem 0; color:var(--text-muted); font-size:var(--type-ui-size); }
[data-update-content="original"] [data-update-chapter] { scroll-margin-top:calc(var(--shell-header-height) + 1rem); }
.guide-layout:has(> .guide-toc[hidden]) { grid-template-columns:minmax(0,1fr); }
.guide-layout:has(> .guide-toc[hidden]) > .guide-reading { width:100%; max-width:56rem; margin-inline:auto; }
.guide-buff-skill + .guide-buff-skill { margin-top:1rem; }
.guide-buff-effect { margin:.5rem 0 0; color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.7; }
.guide-buff-effect summary { cursor:pointer; color:var(--text-muted); }
.guide-compare .wb-entity-link { --wb-entity-icon-size:1.5rem; --wb-entity-gap:.375rem; }
.guide-compare .wb-entity-link__secondary { white-space:normal; }
.guide-record .wb-entity-link { max-width:32rem; margin-bottom:.5rem; }
.guide-mobile-comparison { display:grid; grid-template-columns:4.5rem minmax(0,1fr); gap:1rem; margin:.875rem 0; color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.7; }
.guide-mobile-comparison > strong { color:var(--text-muted); font-weight:400; }
.guide-mobile-comparison a,.guide-record > a { color:var(--link); }
.guide-mobile-comparison small,.guide-record > small { display:block; color:var(--text-muted); }
.guide-mobile-comparison > div { min-width:0; overflow-wrap:anywhere; }
.guide-record h3 { margin:.25rem 0 .75rem; color:var(--text); font-size:1rem; }
.guide-controls .wb-section-tabs { margin-bottom:.75rem; }
.guide-controls #guide-tool-choices > label { margin-right:.75rem; color:var(--text-muted); font-size:var(--type-ui-size); }
.guide-results { min-width:0; }
.guide-record { padding:1rem 0; border-bottom:1px solid var(--border); }
.guide-record__body { margin:.75rem 0 0 3.25rem; color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.7; }
.guide-record__body a { color:var(--link); }
.guide-record__body summary { cursor:pointer; color:var(--link); padding:.375rem 0; }
.guide-record__body ul { margin:.5rem 0; padding-left:1.25rem; }
.guide-record__body li { margin:.5rem 0; }
.guide-fact { display:flex; flex-wrap:wrap; gap:.375rem 1rem; }
.guide-compare { width:100%; border-collapse:collapse; font-size:var(--type-ui-size); line-height:1.5; }
.guide-compare :is(th,td) { text-align:left; padding:.75rem; border-bottom:1px solid var(--border); vertical-align:top; min-width:7rem; }
.guide-compare th { background:var(--elevated); color:var(--text); }
.guide-compare th:first-child { min-width:9rem; }
.guide-compare td { color:var(--text-secondary); }
.guide-compare a { color:var(--link); }
.guide-compare small { display:block; color:var(--text-muted); }
.guide-updates { display:grid; }
.guide-update-row { display:grid; grid-template-columns:7rem minmax(0,1fr); gap:1.5rem; padding:1.5rem 0; border-bottom:1px solid var(--border); text-decoration:none; color:var(--text); }
.guide-update-row time { font-size:var(--type-ui-size); color:var(--text-muted); font-variant-numeric:tabular-nums; }
.guide-update-row strong { font-size:1.125rem; }
.guide-update-row p { margin:.5rem 0 0; color:var(--text-secondary); font-size:var(--type-ui-size); line-height:1.7; }
.guide-update-row:hover strong { color:var(--link); }
.guide-reader-controls { display:none; }
.guide-reader-controls [hidden] { display:none !important; }
.guide-page :is(a,button,summary,input):focus-visible { outline:2px solid var(--focus); outline-offset:3px; }
@media(max-width:959px) {
 .guide-layout { grid-template-columns:minmax(0,1fr); gap:1.25rem; }
 .guide-toc { position:static; max-height:none; padding:.5rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--elevated); }
 .guide-toc nav { max-height:16rem; overflow:auto; }
 .guide-reader-ready .guide-toc:not(.guide-toc--mobile-open) { display:none; }
 .guide-reader-controls { display:flex; justify-content:space-between; align-items:center; gap:.5rem; position:fixed; bottom:max(.75rem,env(safe-area-inset-bottom)); left:1rem; right:1rem; z-index:30; width:min(34rem,calc(100% - 2rem)); margin-inline:auto; padding:.375rem .75rem; border:1px solid var(--border); border-radius:var(--radius-md); background:var(--floating); box-shadow:var(--floating-shadow); }
 .guide-reader-controls [data-reader-chapters] { display:flex; align-items:center; gap:.5rem; min-width:0; max-width:75%; }
 .guide-reader-controls [data-reader-chapters] span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .guide-reader-controls svg { width:1rem; height:1rem; flex:none; fill:none; stroke:currentColor; stroke-width:1.5; }
 .guide-reader-controls [data-reader-top] { margin-left:auto; flex:none; }
 .guide-toc.guide-toc--mobile-open { display:block; position:fixed; top:auto; bottom:4.5rem; left:1rem; right:1rem; width:min(34rem,calc(100% - 2rem)); margin-inline:auto; max-height:55dvh; z-index:31; background:var(--floating); box-shadow:var(--floating-shadow); }
 .guide-toc.guide-toc--mobile-open nav { max-height:calc(55dvh - 3rem); }
 main[data-page-kind="update"] { padding-bottom:7rem; }
}
@media(max-width:639px) {
 .guide-page,.guide-page--wide { width:calc(100% - 2rem); padding-top:calc(var(--shell-header-height) + 1.25rem); }
 .guide-heading { margin-bottom:1.25rem; }
 .guide-lead { font-size:var(--type-ui-size); line-height:1.7; }
 .guide-chapter { margin-bottom:2rem; }
 .guide-prose :is(td,th) { padding:.625rem; }
 .guide-prose .guide-table--simple { table-layout:fixed; min-width:0; }
 .guide-prose .guide-table--simple tr > :first-child:not([colspan]) { width:42%; }
 .guide-prose .guide-table--simple td,.guide-prose .guide-table--simple th { overflow-wrap:anywhere; min-width:0; }
 .guide-prose :is(ul,ol) { padding-left:1.25rem; }
 .guide-prose :is(ul,ol) :is(ul,ol) :is(ul,ol) { padding-left:.5rem; }
 .guide-update-row { grid-template-columns:minmax(0,1fr); gap:.5rem; padding:1.25rem 0; }
 .guide-update-row time { grid-column:1/-1; }
 .guide-record__body { margin-left:0; }
 .guide-record__head { gap:.5rem; }
}