*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box;
  /* 1 */
  border-width: 0;
  /* 2 */
  border-style: solid;
  /* 2 */
  border-color: #e5e7eb;
  /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -moz-tab-size: 4;
  /* 3 */
  -o-tab-size: 4;
     tab-size: 4;
  /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0;
  /* 1 */
  line-height: inherit;
  /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0;
  /* 1 */
  border-color: inherit;
  /* 2 */
  border-collapse: collapse;
  /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: inherit;
  /* 1 */
  color: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
  padding: 0;
  /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  /* 1 */
  background-color: transparent;
  /* 2 */
  background-image: none;
  /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  /* 1 */
  vertical-align: middle;
  /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
  color-scheme:light;
  --ui-bg:#fbf4f7;
  --ui-panel:#fff;
  --ui-raised:#fff7fa;
  --ui-text:#302730;
  --ui-muted:#786773;
  --ui-line:#f2dfe7;
  --ui-brand:#b6386a;
  --ui-brand-bg:#fce7ef;
  --ui-hover:#fff0f6;
}

:root.dark {
  color-scheme:dark;
  --ui-bg:#151115;
  --ui-panel:#211a20;
  --ui-raised:#2a2028;
  --ui-text:#f5eaf0;
  --ui-muted:#bfa6b5;
  --ui-line:#3d2c37;
  --ui-brand:#f49ac1;
  --ui-brand-bg:#402433;
  --ui-hover:#34232e;
}

html {
  scroll-padding-top:86px;
}

body {
  margin:0;
  background:var(--ui-bg);
  color:var(--ui-text);
  font-family:MiSans,"Microsoft YaHei UI","Microsoft YaHei",system-ui,sans-serif;
  font-size:14px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}

a {
  color:inherit;
  text-decoration:none;
}

a:hover {
  color:var(--ui-brand);
}

button,input,select,textarea {
  font:inherit;
}

button {
  cursor:pointer;
}

button:disabled {
  cursor:wait;
  opacity:.6;
}

input,select,textarea {
  background:var(--ui-raised);
  color:var(--ui-text);
  border:1px solid var(--ui-line);
  border-radius:3px;
  padding:8px 10px;
  max-width:100%;
}

input:focus,select:focus,textarea:focus {
  outline:2px solid var(--ui-brand);
  outline-offset:1px;
}

input[type=checkbox],input[type=radio] {
  accent-color:var(--ui-brand);
}

:focus-visible {
  outline:2px solid var(--ui-brand);
  outline-offset:3px;
}

[hidden],[v-cloak] {
  display:none!important;
}

img {
  max-width:100%;
}

h1,h2,h3,h4 {
  font-weight:600;
  line-height:1.4;
}

summary {
  cursor:pointer;
  list-style:none;
}

summary::-webkit-details-marker {
  display:none;
}

.tw-icon-\[fluent--add-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 2.5a.5.5 0 0 1 .5.5v6.5H17a.5.5 0 0 1 0 1h-6.5V17a.5.5 0 0 1-1 0v-6.5H3a.5.5 0 0 1 0-1h6.5V3a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--animal-cat-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4.97 18h9.28c.947 0 1.715-.768 1.715-1.716v-7.61c1.61-.064 2.573-1.85 1.713-3.238l-.502-.81a2.12 2.12 0 0 0-1.802-1.004h-1.435v-.636A.986.986 0 0 0 12.953 2a2.445 2.445 0 0 0-2.444 2.446v3.456c-1.278.126-2.243.73-2.952 1.582c-.782.94-1.243 2.165-1.517 3.342c-.276 1.182-.373 2.358-.403 3.232c-.012.374-.012.696-.008.942H4.97a1.971 1.971 0 0 1-1.44-3.317l.92-.987a3.59 3.59 0 0 0-.086-4.984l-.903-.903a.5.5 0 1 0-.707.707l.903.903a2.587 2.587 0 0 1 .062 3.595l-.92.987A2.973 2.973 0 0 0 4.97 18m7.97-15v1.122a.5.5 0 0 0 .5.5h1.934c.388 0 .748.2.952.53l.503.811a1.122 1.122 0 0 1-.953 1.713h-.41a.5.5 0 0 0-.5.5v8.108c0 .395-.32.716-.716.716h-.716v-.716a2.93 2.93 0 0 0-2.93-2.933H9.59a.5.5 0 0 0 0 1h1.013c1.067 0 1.932.865 1.932 1.933V17H6.629c-.005-.234-.005-.544.007-.909c.028-.836.12-1.94.377-3.038c.257-1.104.67-2.159 1.312-2.93c.627-.751 1.478-1.245 2.684-1.245a.5.5 0 0 0 .5-.5V4.446c0-.794.639-1.439 1.43-1.446'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--animal-dog-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10.77 2.394c.416-.3.9-.394 1.23-.394h1.446a2.5 2.5 0 0 1 1.286.356l1.783 1.07a1 1 0 0 1 .485.857V5.5A1.5 1.5 0 0 1 15.5 7H15v8.038c.421.065.843.222 1.195.515c.51.424.805 1.077.805 1.947a.5.5 0 0 1-.5.5H5a3 3 0 0 1-1.803-5.398a.5.5 0 0 1 .601.799A2 2 0 0 0 5 17c.288 0 .47-.07.59-.15a.8.8 0 0 0 .275-.324A1.3 1.3 0 0 0 6 16v-.045l.004-.11q.006-.144.03-.395a9.4 9.4 0 0 1 .23-1.321c.263-1.05.796-2.396 1.882-3.483C9.99 8.803 10 6.331 10 5.5V4c0-.763.33-1.288.77-1.606m.154 4.506c-.155 1.256-.629 3.012-2.07 4.454c-.914.913-1.381 2.067-1.619 3.017a8.3 8.3 0 0 0-.232 1.519L7 15.977v.056l-.004.067a2.3 2.3 0 0 1-.25.9h6.173c-.1-.32-.303-.649-.652-.832A1.6 1.6 0 0 0 11.5 16h-1a.5.5 0 0 1 0-1h1q.264 0 .5.04V12.5a.5.5 0 0 1 1 0v2.948c.58.418.847 1.04.948 1.552h2c-.075-.328-.225-.539-.393-.678c-.257-.215-.63-.322-1.055-.322a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h1a.5.5 0 0 0 .5-.5V4.283l-1.782-1.07A1.5 1.5 0 0 0 13.446 3H12c-.17 0-.436.055-.645.206C11.17 3.338 11 3.563 11 4v1.5c0 .087.03.228.106.333c.057.08.157.167.394.167s.337-.088.394-.167A.6.6 0 0 0 12 5.5a.5.5 0 0 1 1 0c0 .247-.07.606-.294.917c-.243.337-.643.583-1.206.583a1.6 1.6 0 0 1-.576-.1M7 16.001L6.5 16Z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-circle-right-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='m10.854 13.354l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L12.293 9.5H6.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708M18 10a8 8 0 1 1-16 0a8 8 0 0 1 16 0m-8 7a7 7 0 1 0 0-14a7 7 0 0 0 0 14'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-clockwise-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4 10a6 6 0 0 1 10.472-4H12.5a.5.5 0 0 0 0 1h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-1 0v1.601a7 7 0 1 0 1.98 4.361a.5.5 0 1 0-.998.076Q16 9.766 16 10a6 6 0 0 1-12 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-counterclockwise-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M16 10A6 6 0 0 0 5.528 6H7.5a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5v-3a.5.5 0 0 1 1 0v1.601a7 7 0 1 1-1.98 4.361a.5.5 0 0 1 .998.076A6 6 0 1 0 16 10'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-download-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M15.5 17a.5.5 0 0 1 .09.992L15.5 18h-11a.5.5 0 0 1-.09-.992L4.5 17zM10 2.002a.5.5 0 0 1 .492.41l.008.09l-.004 11.794l3.645-3.648a.5.5 0 0 1 .638-.059l.07.058a.5.5 0 0 1 .058.638l-.058.07l-4.492 4.5a.5.5 0 0 1-.255.136l-.106.01a.5.5 0 0 1-.395-.195l-4.457-4.451a.5.5 0 0 1 .637-.766l.07.058l3.645 3.641L9.5 2.502a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-left-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9.159 16.867a.5.5 0 1 0 .674-.739l-6.168-5.63h13.831a.5.5 0 0 0 0-1H3.668l6.165-5.629a.5.5 0 0 0-.674-.738L2.243 9.445a.75.75 0 0 0-.24.631a.75.75 0 0 0 .24.477z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-right-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10.837 3.13a.5.5 0 0 0-.674.74L16.33 9.5H2.5a.5.5 0 0 0 0 1h13.828l-6.165 5.628a.5.5 0 0 0 .674.739l6.916-6.314a.747.747 0 0 0 0-1.108z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-swap-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M12.146 3.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L14.293 7H4.5a.5.5 0 0 1 0-1h9.793l-2.147-2.146a.5.5 0 0 1 0-.708m-4.292 7a.5.5 0 0 1 0 .708L5.707 13H15.5a.5.5 0 0 1 0 1H5.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--arrow-up-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M3.133 9.16a.5.5 0 1 0 .738.675l5.631-6.168v13.831a.5.5 0 1 0 1 0V3.67l5.628 6.165a.5.5 0 0 0 .739-.674l-6.314-6.916a.75.75 0 0 0-.632-.24a.75.75 0 0 0-.476.24z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--bed-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M13.5 3a2.5 2.5 0 0 1 2.495 2.336L16 5.5v2.55a2.5 2.5 0 0 1 1.994 2.279L18 10.5v6a.5.5 0 0 1-.992.09L17 16.5V14H3v2.5a.5.5 0 0 1-.992.09L2 16.5v-6a2.5 2.5 0 0 1 2-2.45V5.5a2.5 2.5 0 0 1 2.336-2.495L6.5 3zm2 6h-11a1.5 1.5 0 0 0-1.493 1.355L3 10.5V13h14v-2.5a1.5 1.5 0 0 0-1.355-1.493zm-2-5h-7a1.5 1.5 0 0 0-1.493 1.356L5 5.5V8h1v-.5a.5.5 0 0 1 .5-.5H9a.5.5 0 0 1 .5.5V8h1v-.5A.5.5 0 0 1 11 7h2.5a.5.5 0 0 1 .5.5V8h1V5.5a1.5 1.5 0 0 0-1.355-1.493z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--book-open-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 16c-.456.607-1.182 1-2 1H3.5A1.5 1.5 0 0 1 2 15.5v-11A1.5 1.5 0 0 1 3.5 3H8c.818 0 1.544.393 2 1c.456-.607 1.182-1 2-1h4.5A1.5 1.5 0 0 1 18 4.5v11a1.5 1.5 0 0 1-1.5 1.5H12a2.5 2.5 0 0 1-2-1M3 4.5v11a.5.5 0 0 0 .5.5H8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 8 4H3.5a.5.5 0 0 0-.5.5m7.5 10A1.5 1.5 0 0 0 12 16h4.5a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5H12a1.5 1.5 0 0 0-1.5 1.5z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--bookmark-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4 4.5A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5v13a.5.5 0 0 1-.794.404L10 14.118l-5.206 3.786A.5.5 0 0 1 4 17.5zM6.5 3A1.5 1.5 0 0 0 5 4.5v12.018l4.706-3.422a.5.5 0 0 1 .588 0L15 16.518V4.5A1.5 1.5 0 0 0 13.5 3z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--box-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M11.3 2.48a3.5 3.5 0 0 0-2.6 0L2.943 4.785A1.5 1.5 0 0 0 2 6.176v7.646a1.5 1.5 0 0 0 .943 1.393L8.7 17.518a3.5 3.5 0 0 0 2.6 0l5.757-2.303A1.5 1.5 0 0 0 18 13.822V6.176a1.5 1.5 0 0 0-.943-1.392zm-2.228.93a2.5 2.5 0 0 1 1.857 0l5.225 2.09l-2.279.91l-6.154-2.46zM6.375 4.487l6.154 2.461L10 7.961L3.846 5.499zm4.125 4.35l6.5-2.6v7.584a.5.5 0 0 1-.314.465l-5.757 2.303q-.21.083-.429.128zm-1 0v7.88a2.5 2.5 0 0 1-.428-.128l-5.758-2.303A.5.5 0 0 1 3 13.822V6.238z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--branch-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 5a3 3 0 0 1-2.145 2.876c.178.223.416.483.72.744c.726.622 1.834 1.252 3.425 1.363a3 3 0 1 1 .168 1.01c-1.96-.078-3.342-.841-4.243-1.613a7 7 0 0 1-.425-.398v3.06a3 3 0 1 1-1 0V7.958A3 3 0 1 1 10 5M7.009 7a2 2 0 1 0-.018-4a2 2 0 0 0 .018 4M17 10a2 2 0 1 0-4 0a2 2 0 0 0 4 0M7 17a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--calculator-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M8 11a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0 3a1 1 0 1 1-2 0a1 1 0 0 1 2 0m5-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-4-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2m1 2a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7.5 4A1.5 1.5 0 0 0 6 5.5v1A1.5 1.5 0 0 0 7.5 8h5A1.5 1.5 0 0 0 14 6.5v-1A1.5 1.5 0 0 0 12.5 4zM7 5.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1-.5-.5zm9 10a2.5 2.5 0 0 1-2.5 2.5h-7A2.5 2.5 0 0 1 4 15.5v-11A2.5 2.5 0 0 1 6.5 2h7A2.5 2.5 0 0 1 16 4.5zm-1-11A1.5 1.5 0 0 0 13.5 3h-7A1.5 1.5 0 0 0 5 4.5v11A1.5 1.5 0 0 0 6.5 17h7a1.5 1.5 0 0 0 1.5-1.5z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--chat-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 2a8 8 0 1 1-3.613 15.14l-.121-.065l-3.645.91a.5.5 0 0 1-.62-.441v-.082l.014-.083l.91-3.644l-.063-.12a8 8 0 0 1-.83-2.887l-.025-.382L2 10a8 8 0 0 1 8-8m0 1a7 7 0 0 0-6.106 10.425a.5.5 0 0 1 .063.272l-.014.094l-.756 3.021l3.024-.754a.5.5 0 0 1 .188-.01l.091.021l.087.039A7 7 0 1 0 10 3m.5 8a.5.5 0 0 1 .09.992L10.5 12h-3a.5.5 0 0 1-.09-.992L7.5 11zm2-3a.5.5 0 0 1 .09.992L12.5 9h-5a.5.5 0 0 1-.09-.992L7.5 8z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--checkmark-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M3.374 10.168a.5.5 0 0 0-.748.664l4 4.5a.5.5 0 0 0 .728.022l10.5-10.5a.5.5 0 0 0-.707-.708L7.02 14.271z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--checkmark-circle-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 2a8 8 0 1 1 0 16a8 8 0 0 1 0-16m0 1a7 7 0 1 0 0 14a7 7 0 0 0 0-14m3.358 4.646a.5.5 0 0 1 .058.638l-.058.07l-4.004 4.004a.5.5 0 0 1-.638.058l-.07-.058l-2-2a.5.5 0 0 1 .638-.765l.07.058L9 11.298l3.651-3.652a.5.5 0 0 1 .707 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--chevron-down-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M15.854 7.646a.5.5 0 0 1 .001.707l-5.465 5.484a.55.55 0 0 1-.78 0L4.147 8.353a.5.5 0 1 1 .708-.706L10 12.812l5.147-5.165a.5.5 0 0 1 .707-.001'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--chevron-left-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M12.353 15.854a.5.5 0 0 1-.707.001L6.162 10.39a.55.55 0 0 1 0-.78l5.484-5.464a.5.5 0 1 1 .706.708L7.188 10l5.164 5.147a.5.5 0 0 1 .001.707'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--chevron-right-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M7.646 4.147a.5.5 0 0 1 .707-.001l5.484 5.465a.55.55 0 0 1 0 .779l-5.484 5.465a.5.5 0 0 1-.706-.708L12.812 10L7.647 4.854a.5.5 0 0 1-.001-.707'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--dark-theme-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 3a7 7 0 1 1 0 14zm0-1a8 8 0 1 0 0 16a8 8 0 0 0 0-16'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--dismiss-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='m4.089 4.216l.057-.07a.5.5 0 0 1 .638-.057l.07.057L10 9.293l5.146-5.147a.5.5 0 0 1 .638-.057l.07.057a.5.5 0 0 1 .057.638l-.057.07L10.707 10l5.147 5.146a.5.5 0 0 1 .057.638l-.057.07a.5.5 0 0 1-.638.057l-.07-.057L10 10.707l-5.146 5.147a.5.5 0 0 1-.638.057l-.07-.057a.5.5 0 0 1-.057-.638l.057-.07L9.293 10L4.146 4.854a.5.5 0 0 1-.057-.638l.057-.07z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--edit-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M17.181 2.927a2.975 2.975 0 0 0-4.259-.054l-9.375 9.375a2.44 2.44 0 0 0-.656 1.194l-.877 3.95a.5.5 0 0 0 .596.597l3.927-.873a2.5 2.5 0 0 0 1.234-.678l9.358-9.358a2.975 2.975 0 0 0 .052-4.153m-3.552.653a1.975 1.975 0 1 1 2.793 2.793l-.671.671l-2.793-2.792zm-1.378 1.38l2.793 2.792l-7.98 7.98a1.5 1.5 0 0 1-.744.409l-3.16.702l.708-3.183c.059-.267.193-.511.386-.704z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--food-apple-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M7.225 8.342a.5.5 0 0 1-.316.632a1.22 1.22 0 0 0-.717.605c-.186.349-.312.923-.195 1.86a.5.5 0 0 1-.993.123c-.132-1.063-.009-1.864.306-2.453c.32-.6.807-.925 1.282-1.083a.5.5 0 0 1 .633.316m4.934-5.368a.5.5 0 1 0-.317-.948c-.937.312-1.522 1.082-1.866 1.907a5 5 0 0 0-.127.339a4 4 0 0 0-.711-.963a4 4 0 0 0-2.94-1.17c-.58.016-1.043.48-1.059 1.059a4 4 0 0 0 1.201 2.97A4 4 0 0 0 3.198 9.76l-.006.074a8.5 8.5 0 0 0 1.01 4.748l.36.658q.014.026.032.05l1 1.402a2.685 2.685 0 0 0 4.084.338a.456.456 0 0 1 .645 0a2.685 2.685 0 0 0 4.084-.338l1-1.401l.032-.051l.359-.658a8.5 8.5 0 0 0 1.01-4.748l-.005-.074a4 4 0 0 0-4.645-3.626l-1.657.276c.01-.681.13-1.447.399-2.093c.28-.675.696-1.155 1.258-1.343M8.719 6.28l-.154-.026a3 3 0 0 1-1.549-.824a3 3 0 0 1-.877-2.205a.09.09 0 0 1 .087-.087a3 3 0 0 1 2.205.878c.607.607.9 1.408.877 2.205a.09.09 0 0 1-.087.087a3 3 0 0 1-.502-.028m-.328.959l.173.029l.779.13a4 4 0 0 0 1.315 0l1.664-.278a3 3 0 0 1 3.484 2.72l.006.074a7.5 7.5 0 0 1-.892 4.19l-.344.63l-.983 1.376a1.685 1.685 0 0 1-2.563.213a1.456 1.456 0 0 0-2.06 0a1.685 1.685 0 0 1-2.562-.213l-.983-1.376l-.344-.63a7.5 7.5 0 0 1-.892-4.19l.006-.074a3 3 0 0 1 3.483-2.72z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--globe-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 18a8 8 0 1 0 0-16a8 8 0 0 0 0 16m0-15c.657 0 1.407.59 2.022 1.908c.217.466.406 1.002.559 1.592H7.419c.153-.59.342-1.126.56-1.592C8.592 3.59 9.342 3 10 3M7.072 4.485A10.5 10.5 0 0 0 6.389 6.5H3.936a7.02 7.02 0 0 1 3.778-3.118c-.241.33-.456.704-.642 1.103M6.192 7.5A16 16 0 0 0 6 10c0 .87.067 1.712.193 2.5H3.46A7 7 0 0 1 3 10c0-.88.163-1.724.46-2.5zm.197 6c.176.743.407 1.422.683 2.015c.186.399.401.773.642 1.103A7.02 7.02 0 0 1 3.936 13.5zm1.03 0h5.162a9.3 9.3 0 0 1-.56 1.592C11.408 16.41 10.658 17 10 17s-1.407-.59-2.022-1.908A9.3 9.3 0 0 1 7.42 13.5m5.375-1H7.206A15 15 0 0 1 7 10c0-.883.073-1.725.206-2.5h5.588c.133.775.206 1.617.206 2.5s-.073 1.725-.206 2.5m.817 1h2.453a7.02 7.02 0 0 1-3.778 3.118c.241-.33.456-.704.642-1.103c.276-.593.507-1.272.683-2.015m2.93-1h-2.734c.126-.788.193-1.63.193-2.5s-.067-1.712-.193-2.5h2.733c.297.776.46 1.62.46 2.5s-.163 1.724-.46 2.5m-4.255-9.118A7.02 7.02 0 0 1 16.064 6.5H13.61a10.5 10.5 0 0 0-.683-2.015a6.6 6.6 0 0 0-.642-1.103'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--heart-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='m10.497 16.803l6.244-6.304a4.41 4.41 0 0 0-.017-6.187a4.306 4.306 0 0 0-6.135-.015l-.596.603l-.605-.61l-.1-.099a4.3 4.3 0 0 0-6.027.083c-1.688 1.705-1.68 4.476.016 6.189l6.277 6.34c.26.263.682.263.942 0M11.3 5a3.306 3.306 0 0 1 4.713.016a3.41 3.41 0 0 1 .016 4.78v.002l-6.004 6.06l-6.038-6.099c-1.313-1.326-1.314-3.47-.015-4.782a3.3 3.3 0 0 1 4.706.016l.96.97a.5.5 0 0 0 .711 0z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--home-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M8.998 2.388a1.5 1.5 0 0 1 2.005 0l5.5 4.942A1.5 1.5 0 0 1 17 8.445V15.5a1.5 1.5 0 0 1-1.5 1.5H13a1.5 1.5 0 0 1-1.5-1.5V12a.5.5 0 0 0-.5-.5H9a.5.5 0 0 0-.5.5v3.5A1.5 1.5 0 0 1 7 17H4.5A1.5 1.5 0 0 1 3 15.5V8.445c0-.425.18-.83.498-1.115zm1.336.744a.5.5 0 0 0-.668 0l-5.5 4.942A.5.5 0 0 0 4 8.445V15.5a.5.5 0 0 0 .5.5H7a.5.5 0 0 0 .5-.5V12A1.5 1.5 0 0 1 9 10.5h2a1.5 1.5 0 0 1 1.5 1.5v3.5a.5.5 0 0 0 .5.5h2.5a.5.5 0 0 0 .5-.5V8.445a.5.5 0 0 0-.166-.371z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--info-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10.492 8.91A.5.5 0 0 0 9.5 9v4.502l.008.09a.5.5 0 0 0 .992-.09V9zm.307-2.16a.75.75 0 1 0-1.5 0a.75.75 0 0 0 1.5 0M18 10a8 8 0 1 0-16 0a8 8 0 0 0 16 0M3 10a7 7 0 1 1 14 0a7 7 0 0 1-14 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--layer-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10.505 3.117a1 1 0 0 0-1.011 0l-6.01 3.52a1 1 0 0 0 .003 1.726l6.009 3.502a1 1 0 0 0 1.007 0l6.009-3.502a1 1 0 0 0 .001-1.727zM9.494 4.276a1 1 0 0 1 1.01 0l5.504 3.223l-5.505 3.209a1 1 0 0 1-1.007 0L3.99 7.499zM3.07 9.65l6.438 3.623a1 1 0 0 0 .98 0l6.438-3.623a1 1 0 0 1-.415 1.26l-6.01 3.502a1 1 0 0 1-1.006 0l-6.01-3.502a1 1 0 0 1-.415-1.26m0 2.453l6.438 3.622a1 1 0 0 0 .98 0l6.438-3.622a1 1 0 0 1-.415 1.26l-6.01 3.502a1 1 0 0 1-1.006 0l-6.01-3.502a1 1 0 0 1-.415-1.26'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--leaf-one-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='m11.072 2.458l3.239 3.31A6.03 6.03 0 0 1 10.5 15.995v1.503a.5.5 0 1 1-1 0v-1.504A6.03 6.03 0 0 1 5.69 5.768l3.238-3.31a1.5 1.5 0 0 1 2.144 0M10.5 14.99a5.03 5.03 0 0 0 3.096-8.523l-3.239-3.31a.5.5 0 0 0-.714 0l-3.239 3.31A5.03 5.03 0 0 0 9.5 14.99V9.498a.5.5 0 1 1 1 0z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--link-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M8 6a.5.5 0 0 1 .09.992L8 7H6a3 3 0 0 0-.197 5.994L6 13h2a.5.5 0 0 1 .09.992L8 14H6a4 4 0 0 1-.22-7.994L6 6zm6 0a4 4 0 0 1 .22 7.994L14 14h-2a.5.5 0 0 1-.09-.992L12 13h2a3 3 0 0 0 .197-5.994L14 7h-2a.5.5 0 0 1-.09-.992L12 6zM6 9.5h8a.5.5 0 0 1 .09.992L14 10.5H6a.5.5 0 0 1-.09-.992zh8z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--mail-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M15.5 4A2.5 2.5 0 0 1 18 6.5v8a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 14.5v-8A2.5 2.5 0 0 1 4.5 4zM17 7.961l-6.746 3.97a.5.5 0 0 1-.426.038l-.082-.038L3 7.963V14.5A1.5 1.5 0 0 0 4.5 16h11a1.5 1.5 0 0 0 1.5-1.5zM15.5 5h-11A1.5 1.5 0 0 0 3 6.5v.302l7 4.118l7-4.12v-.3A1.5 1.5 0 0 0 15.5 5'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--map-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M17.73 3.057A.5.5 0 0 1 18 3.5V13a.5.5 0 0 1-.213.41l-5 3.5a.5.5 0 0 1-.574 0L7.5 13.61l-4.713 3.3A.5.5 0 0 1 2 16.5V7a.5.5 0 0 1 .213-.41l5-3.5a.5.5 0 0 1 .574 0l4.713 3.3l4.713-3.3a.5.5 0 0 1 .518-.033M12 7.26l-4-2.8v8.28l4 2.8zm1 8.28l4-2.8V4.46l-4 2.8zm-6-2.8V4.46l-4 2.8v8.28z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--megaphone-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M18 4.802a1.5 1.5 0 0 0-1.887-1.45l-13 3.467A1.5 1.5 0 0 0 2 8.269v2.51a1.5 1.5 0 0 0 1.026 1.423L5 12.86v.89a3.25 3.25 0 0 0 6.27 1.2l4.756 1.586A1.5 1.5 0 0 0 18 15.113zm-7.68 9.832A2.251 2.251 0 0 1 6 13.75v-.556zm6.051-10.316a.5.5 0 0 1 .629.484v10.31a.5.5 0 0 1-.658.475l-13-4.333A.5.5 0 0 1 3 10.779V8.27a.5.5 0 0 1 .371-.484z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--navigation-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M2 4.5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h15a.5.5 0 0 1 0 1h-15a.5.5 0 0 1-.5-.5m.5 4.5a.5.5 0 0 0 0 1h15a.5.5 0 0 0 0-1z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--news-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M5 6.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5M10.5 9a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1zm-.5 3.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5M5.5 9a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5zm.5 3v-2h2v2zM2 5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v1a2 2 0 0 1 2 2v5.5a2.5 2.5 0 0 1-2.5 2.5h-11A2.5 2.5 0 0 1 2 13.5zm13 0a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v8.5A1.5 1.5 0 0 0 4.5 15h11a1.5 1.5 0 0 0 1.5-1.5V8a1 1 0 0 0-1-1v6.5a.5.5 0 0 1-1 0z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--open-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M6 4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-2.5a.5.5 0 0 1 1 0V14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h2.5a.5.5 0 0 1 0 1zm5-.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-1 0V4.707l-4.146 4.147a.5.5 0 0 1-.708-.708L15.293 4H11.5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--people-checkmark-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M4.5 5.75a2.25 2.25 0 1 1 4.5 0a2.25 2.25 0 0 1-4.5 0M6.75 2.5a3.25 3.25 0 1 0 0 6.5a3.25 3.25 0 0 0 0-6.5M1.5 12a2 2 0 0 1 2-2H10a2 2 0 0 1 .993.263q-.416.346-.758.765A1 1 0 0 0 10 11H3.5a1 1 0 0 0-1 1v.078l.007.083a2.95 2.95 0 0 0 .498 1.336C3.492 14.201 4.513 15 6.75 15c.954 0 1.687-.145 2.252-.367q.013.525.12 1.02C8.476 15.87 7.695 16 6.75 16c-2.513 0-3.867-.92-4.568-1.934a3.95 3.95 0 0 1-.67-1.807a3 3 0 0 1-.012-.175zM13 6.5a1.5 1.5 0 1 1 3 0a1.5 1.5 0 0 1-3 0M14.5 4a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0m-2.146-1.854a.5.5 0 0 0-.708 0L13.5 15.293l-.646-.647a.5.5 0 0 0-.708.708l1 1a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0 0-.708'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--person-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 2a4 4 0 1 0 0 8a4 4 0 0 0 0-8M7 6a3 3 0 1 1 6 0a3 3 0 0 1-6 0m-1.991 5A2 2 0 0 0 3 13c0 1.691.833 2.966 2.135 3.797C6.417 17.614 8.145 18 10 18s3.583-.386 4.865-1.203C16.167 15.967 17 14.69 17 13a2 2 0 0 0-2-2zM4 13c0-.553.448-1 1.009-1H15a1 1 0 0 1 1 1c0 1.309-.622 2.284-1.673 2.953C13.257 16.636 11.735 17 10 17s-3.257-.364-4.327-1.047C4.623 15.283 4 14.31 4 13'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--person-circle-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M8 7a2 2 0 1 1 4 0a2 2 0 0 1-4 0m-.5 3h5a1.5 1.5 0 0 1 1.5 1.5c0 1.116-.459 2.01-1.212 2.615c-.741.595-1.735.885-2.788.885s-2.047-.29-2.788-.885C6.46 13.51 6 12.616 6 11.5A1.5 1.5 0 0 1 7.5 10M10 2a8 8 0 1 0 0 16a8 8 0 0 0 0-16m-7 8a7 7 0 1 1 14 0a7 7 0 0 1-14 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--search-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M13.73 14.436a6.5 6.5 0 1 1 .707-.707l3.416 3.418a.5.5 0 0 1-.637.764l-.07-.057zm-.71-.71q.385-.32.707-.706a5.5 5.5 0 1 0-.707.707'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--settings-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M1.911 7.383a8.5 8.5 0 0 1 1.78-3.08a.5.5 0 0 1 .54-.135l1.918.686a1 1 0 0 0 1.32-.762l.366-2.006a.5.5 0 0 1 .388-.4a8.5 8.5 0 0 1 3.554 0a.5.5 0 0 1 .388.4l.366 2.006a1 1 0 0 0 1.32.762l1.919-.686a.5.5 0 0 1 .54.136a8.5 8.5 0 0 1 1.78 3.079a.5.5 0 0 1-.153.535l-1.555 1.32a1 1 0 0 0 0 1.524l1.555 1.32a.5.5 0 0 1 .152.535a8.5 8.5 0 0 1-1.78 3.08a.5.5 0 0 1-.54.135l-1.918-.686a1 1 0 0 0-1.32.762l-.366 2.007a.5.5 0 0 1-.388.399a8.5 8.5 0 0 1-3.554 0a.5.5 0 0 1-.388-.4l-.366-2.006a1 1 0 0 0-1.32-.762l-1.918.686a.5.5 0 0 1-.54-.136a8.5 8.5 0 0 1-1.78-3.079a.5.5 0 0 1 .152-.535l1.555-1.32a1 1 0 0 0 0-1.524l-1.555-1.32a.5.5 0 0 1-.152-.535m1.06-.006l1.294 1.098a2 2 0 0 1 0 3.05l-1.293 1.098c.292.782.713 1.51 1.244 2.152l1.596-.57q.155-.055.315-.085a2 2 0 0 1 2.326 1.609l.304 1.669a7.6 7.6 0 0 0 2.486 0l.304-1.67a1.998 1.998 0 0 1 2.641-1.524l1.596.571a7.5 7.5 0 0 0 1.245-2.152l-1.294-1.098a1.998 1.998 0 0 1 0-3.05l1.294-1.098a7.5 7.5 0 0 0-1.245-2.152l-1.596.57a2 2 0 0 1-2.64-1.524l-.305-1.669a7.6 7.6 0 0 0-2.486 0l-.304 1.669a2 2 0 0 1-2.64 1.525l-1.597-.571a7.5 7.5 0 0 0-1.244 2.152M7.502 10a2.5 2.5 0 1 1 5 0a2.5 2.5 0 0 1-5 0m1 0a1.5 1.5 0 1 0 3 0a1.5 1.5 0 0 0-3 0'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--share-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9.5 3a.5.5 0 0 1 0 1H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-1.5a.5.5 0 0 1 1 0V14a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3zm3.797-.957a.5.5 0 0 1 .538.085l5 4.5a.5.5 0 0 1 0 .744l-5 4.5A.5.5 0 0 1 13 11.5V9.34c-1.4.128-2.665.78-3.7 1.608c-1.015.813-1.775 1.768-2.195 2.484l-.158.291A.5.5 0 0 1 6 13.5c0-2.049.382-4.284 1.518-6.024C8.61 5.808 10.368 4.643 13 4.513V2.5l.005-.073a.5.5 0 0 1 .292-.384M14 5a.5.5 0 0 1-.5.5c-2.588 0-4.177 1.045-5.144 2.523c-.685 1.049-1.073 2.34-1.246 3.684c.433-.52.96-1.054 1.565-1.54C9.943 9.153 11.6 8.316 13.5 8.316a.5.5 0 0 1 .5.5v1.56L17.75 7L14 3.623z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--shield-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9.723 2.084a.5.5 0 0 1 .554 0a15.05 15.05 0 0 0 6.294 2.421A.5.5 0 0 1 17 5v4.5c0 3.891-2.307 6.73-6.82 8.467a.5.5 0 0 1-.36 0C5.308 16.23 3 13.39 3 9.5V5a.5.5 0 0 1 .43-.495a15.05 15.05 0 0 0 6.293-2.421m-.124 1.262A16 16 0 0 1 4 5.428V9.5c0 3.392 1.968 5.863 6 7.463c4.032-1.6 6-4.071 6-7.463V5.428a16 16 0 0 1-5.6-2.082l-.4-.249z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--sparkle-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M7.398 12.809a1.04 1.04 0 0 0 1.204-.003c.178-.13.313-.31.387-.518l.447-1.373a2.34 2.34 0 0 1 1.477-1.479l1.391-.45a1.045 1.045 0 0 0-.044-1.98l-1.375-.448a2.34 2.34 0 0 1-1.48-1.477l-.452-1.388a1.044 1.044 0 0 0-1.973.017l-.457 1.4a2.34 2.34 0 0 1-1.44 1.45l-1.39.447a1.045 1.045 0 0 0 .016 1.974l1.374.445a2.33 2.33 0 0 1 1.481 1.488l.452 1.391c.072.204.206.38.382.504m.085-7.415l.527-1.377l.44 1.377a3.33 3.33 0 0 0 2.117 2.114l1.406.53l-1.382.447a3.34 3.34 0 0 0-2.115 2.117l-.523 1.378l-.449-1.379a3.34 3.34 0 0 0-.8-1.31a3.4 3.4 0 0 0-1.312-.812l-1.378-.522l1.386-.45a3.36 3.36 0 0 0 1.29-.813a3.4 3.4 0 0 0 .793-1.3m6.052 11.457a.806.806 0 0 0 1.226-.398l.248-.762a1.1 1.1 0 0 1 .26-.42c.118-.12.262-.208.42-.26l.772-.252a.8.8 0 0 0-.023-1.52l-.764-.25a1.08 1.08 0 0 1-.68-.678l-.252-.773a.8.8 0 0 0-1.518.01l-.247.762a1.07 1.07 0 0 1-.665.679l-.773.252a.8.8 0 0 0 .008 1.518l.763.247c.16.054.304.143.422.261c.119.119.207.263.258.422l.253.774a.8.8 0 0 0 .292.388m-.913-2.793L12.443 14l.184-.064a2.11 2.11 0 0 0 1.3-1.317l.058-.178l.06.181a2.08 2.08 0 0 0 1.316 1.316l.195.063l-.18.06a2.08 2.08 0 0 0-1.317 1.32l-.059.181l-.058-.18a2.08 2.08 0 0 0-1.32-1.323'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--star-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9.104 2.9a1 1 0 0 1 1.794 0l1.93 3.91l4.317.628a1 1 0 0 1 .554 1.706l-3.124 3.044l.738 4.3a1 1 0 0 1-1.451 1.054l-3.86-2.03l-3.862 2.03a1 1 0 0 1-1.45-1.055l.737-4.299l-3.124-3.044a1 1 0 0 1 .554-1.706l4.317-.627zm.897.442l-1.93 3.911a1 1 0 0 1-.753.547L3 8.428l3.124 3.044a1 1 0 0 1 .287.885l-.737 4.3l3.86-2.03a1 1 0 0 1 .931 0l3.861 2.03l-.737-4.3a1 1 0 0 1 .287-.885L17 8.428L12.683 7.8a1 1 0 0 1-.752-.547z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--subtract-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M3 10a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13A.5.5 0 0 1 3 10'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--tag-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M14 7a1 1 0 1 0 0-2a1 1 0 0 0 0 2m-2.87-5a2 2 0 0 0-1.426.584L3.022 9.249a2 2 0 0 0-.002 2.83l4.949 4.948a2 2 0 0 0 2.828 0l6.631-6.63a2 2 0 0 0 .586-1.418l-.008-4.95a2 2 0 0 0-1.986-1.997zm-.72 1.292A1 1 0 0 1 11.123 3l4.89.032a1 1 0 0 1 .993.999l.008 4.95a1 1 0 0 1-.293.708l-6.63 6.631a1 1 0 0 1-1.415 0l-4.949-4.948a1 1 0 0 1 .001-1.415z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--text-bullet-list-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M3 5.5a1 1 0 1 0 0-2a1 1 0 0 0 0 2m3-1a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0 5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m.5 4.5a.5.5 0 0 0 0 1h11a.5.5 0 0 0 0-1zm-2.5.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-1-4a1 1 0 1 0 0-2a1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--warning-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M7.37 3.556c1.14-2.074 4.12-2.074 5.259 0l5.496 10.005c1.098 1.999-.35 4.444-2.63 4.444H4.504c-2.281 0-3.727-2.445-2.629-4.444zm4.383.481c-.76-1.383-2.746-1.382-3.506 0L2.751 14.042c-.732 1.333.232 2.963 1.753 2.963h10.991c1.52 0 2.485-1.63 1.753-2.963zM10 12.75a.75.75 0 1 1 0 1.5a.75.75 0 0 1 0-1.5m0-6.25a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V7a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--weather-moon-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M15.493 13.497a6.98 6.98 0 0 1-11.483.892c2.831-1.087 4.558-2.42 5.593-4.397c1.048-2 1.337-4.16.76-6.909a6.98 6.98 0 0 1 5.13 10.414M5.457 16.918A7.981 7.981 0 1 0 9.88 2.035a.6.6 0 0 0-.614.74c.688 2.819.434 4.876-.55 6.753c-.934 1.784-2.544 3.031-5.55 4.107a.6.6 0 0 0-.292.903a7.95 7.95 0 0 0 2.582 2.38'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--weather-sunny-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M10 2a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 10 2m0 12a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0-1a3 3 0 1 1 0-6a3 3 0 0 1 0 6m7.5-2.5a.5.5 0 0 0 0-1h-1a.5.5 0 0 0 0 1zM10 16a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-6.5-5.5a.5.5 0 0 0 0-1H2.463a.5.5 0 0 0 0 1zm.646-6.354a.5.5 0 0 1 .708 0l1 1a.5.5 0 1 1-.708.708l-1-1a.5.5 0 0 1 0-.708m.708 11.708a.5.5 0 0 1-.708-.708l1-1a.5.5 0 0 1 .708.708zm11-11.708a.5.5 0 0 0-.708 0l-1 1a.5.5 0 0 0 .708.708l1-1a.5.5 0 0 0 0-.708m-.708 11.708a.5.5 0 0 0 .708-.708l-1-1a.5.5 0 0 0-.708.708z'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--wrench-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M9 6.5a4.5 4.5 0 0 1 6.352-4.102a.5.5 0 0 1 .148.809L13.207 5.5L14.5 6.793L16.793 4.5a.5.5 0 0 1 .809.147a4.5 4.5 0 0 1-5.207 6.216L6.03 17.311a2.357 2.357 0 0 1-3.374-3.293L9.082 7.36A4.5 4.5 0 0 1 9 6.5M13.5 3a3.5 3.5 0 0 0-3.387 4.386a.5.5 0 0 1-.125.473l-6.612 6.854a1.357 1.357 0 0 0 1.942 1.896l6.574-6.66a.5.5 0 0 1 .512-.124a3.5 3.5 0 0 0 4.521-4.044l-2.072 2.073a.5.5 0 0 1-.707 0l-2-2a.5.5 0 0 1 0-.708l2.073-2.072a3.5 3.5 0 0 0-.72-.074'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--zoom-in-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M8.5 5.5A.5.5 0 0 1 9 6v2h2a.5.5 0 0 1 0 1H9v2a.5.5 0 0 1-1 0V9H6a.5.5 0 0 1 0-1h2V6a.5.5 0 0 1 .5-.5m0-3.5a6.5 6.5 0 0 1 4.937 10.73l3.417 3.416a.5.5 0 0 1-.638.765l-.07-.058l-3.417-3.417A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11'/%3E%3C/svg%3E");
}

.tw-icon-\[fluent--zoom-out-20-regular\] {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' width='20' height='20'%3E%3Cpath fill='black' d='M11 8a.5.5 0 0 1 0 1H6a.5.5 0 0 1 0-1zM8.5 2a6.5 6.5 0 0 1 4.937 10.73l3.417 3.416a.5.5 0 0 1-.638.765l-.07-.058l-3.417-3.417A6.5 6.5 0 1 1 8.5 2m0 1a5.5 5.5 0 1 0 0 11a5.5 5.5 0 0 0 0-11'/%3E%3C/svg%3E");
}

.seal-v8-header,.seal-site-nav {
  --nav-panel:#fff7fa;
  --nav-text:#302730;
  --nav-muted:#786773;
  --nav-line:#f2dfe7;
  --nav-hover:#fce7ef;
  --nav-active:#b6386a;
}

.dark .seal-v8-header,.dark .seal-site-nav {
  --nav-panel:#1b151a;
  --nav-text:#f5eaf0;
  --nav-muted:#bfa6b5;
  --nav-line:#3d2c37;
  --nav-hover:#34232e;
  --nav-active:#f49ac1;
}

.seal-v8-header.nav-surface {
  position:sticky;
  top:0;
  z-index:80;
  border-bottom:1px solid var(--nav-line);
  background:var(--nav-panel);
  color:var(--nav-text);
}

@supports((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
  .seal-v8-header.nav-surface {
    background:color-mix(in srgb,var(--nav-panel) 95%,transparent);
    -webkit-backdrop-filter:blur(12px);
            backdrop-filter:blur(12px);
  }
}

.seal-v8-header .nav-shell {
  width:100%;
  padding:0 20px;
}

.seal-v8-header .nav-row {
  position:relative;
  display:flex;
  height:64px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.seal-v8-header .nav-brand {
  position:relative;
  z-index:1;
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
}

.seal-brand-link {
  display:flex;
  min-width:0;
  align-items:center;
  gap:8px;
  color:var(--nav-text);
}

.seal-brand-mark {
  display:block;
  width:32px;
  height:36px;
  flex-shrink:0;
  -o-object-fit:contain;
     object-fit:contain;
}

.ui-footer-brand > img {
  -o-object-fit:contain;
     object-fit:contain;
}

.seal-brand-name {
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:17px;
  font-weight:800;
  letter-spacing:-.01em;
}

.seal-v8-header .nav-center {
  position:absolute;
  left:50%;
  top:50%;
  display:none;
  transform:translate(-50%,-50%);
  align-items:center;
  gap:6px;
  pointer-events:none;
}

.seal-v8-header .nav-center > * {
  pointer-events:auto;
}

.seal-v8-header .nav-actions {
  position:relative;
  z-index:1;
  display:flex;
  margin-left:auto;
  align-items:center;
  gap:4px;
}

.seal-v8-header .nav-link {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  white-space:nowrap;
  border-radius:6px;
  color:var(--nav-text);
  font-size:16px;
  font-weight:500;
  transition:background .15s;
}

.seal-v8-header .nav-link:hover,.seal-v8-header .nav-link-active,.seal-v8-header details[open] > summary {
  background:var(--nav-hover);
  color:var(--nav-active);
}

.seal-v8-header .nav-link > .nav-caret {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  margin-left:2px;
  opacity:.65;
  transition:transform .15s;
}

.seal-v8-header .nav-link > .nav-caret > .ui-icon {
  font-size:12px;
  width:12px;
  height:12px;
}

.seal-v8-header .dropdown-anchor[open] > .nav-link > .nav-caret {
  transform:rotate(180deg);
  opacity:1;
}

.seal-v8-header .dropdown-anchor {
  position:relative;
}

.seal-v8-header .nav-drop,.seal-v8-header .control-menu {
  position:absolute;
  top:100%;
  left:0;
  z-index:40;
  display:none;
  min-width:160px;
  margin-top:8px;
  padding:8px;
  border:1px solid var(--nav-line);
  border-radius:6px;
  background:var(--nav-panel);
  box-shadow:0 4px 16px #0000000a;
  color:var(--nav-text);
}

.seal-v8-header details[open] > .nav-drop,.seal-v8-header details[open] > .control-menu {
  display:block;
}

/* Fill the visual 8px gap so the pointer can travel into the dropdown. */

.seal-v8-header .nav-drop::before,.seal-v8-header .control-menu::before {
  content:'';
  position:absolute;
  left:0;
  right:0;
  top:-9px;
  height:9px;
}

.seal-v8-header .nav-drop {
  min-width:204px;
  padding:6px;
  border-radius:6px;
  box-shadow:0 6px 18px #50162f0d;
}

.seal-v8-header .nav-drop-item {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  min-height:42px;
  padding:7px 10px;
  border-radius:5px;
  white-space:nowrap;
  font-size:14px;
  transition:background .15s,color .15s;
}

.seal-v8-header .nav-drop-item:hover {
  background:var(--nav-hover);
  color:var(--nav-active);
}

.seal-v8-header .nav-drop-icon,.seal-site-nav .nav-drop-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  width:26px;
  height:26px;
  border-radius:5px;
  background:var(--nav-hover);
  color:var(--nav-active);
}

.seal-v8-header .nav-drop-icon > .ui-icon,.seal-site-nav .nav-drop-icon > .ui-icon {
  width:16px;
  height:16px;
  font-size:16px;
}

.seal-v8-header .nav-drop-item:hover .nav-drop-icon {
  background:var(--nav-panel);
}

.seal-v8-header .icon-btn,.seal-v8-header .member-nav-btn {
  position:relative;
  display:inline-flex;
  width:40px;
  height:40px;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border-radius:6px;
  color:var(--nav-text);
  transition:background .15s;
}

.seal-v8-header .icon-btn:hover,.seal-v8-header .member-nav-btn:hover {
  background:var(--nav-hover);
}

.seal-v8-header .icon-btn .ui-icon {
  font-size:20px;
}

.seal-v8-header .member-nav-slot {
  position:relative;
  display:flex;
  width:40px;
  height:40px;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
}

.seal-v8-header .member-nav-btn .ui-icon {
  font-size:26px;
}

.seal-v8-header .member-nav-btn.is-authenticated {
  border:1px solid #efb1cc;
  background:#fff0f6;
  color:#b6386a;
  overflow:hidden;
}

.dark .seal-v8-header .member-nav-btn.is-authenticated {
  border-color:#704055;
  background:#34232e;
  color:#f49ac1;
}

.seal-v8-header .member-nav-btn img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
}

.seal-v8-header .top-badge {
  position:absolute;
  top:0;
  right:0;
  border-radius:99px;
  background:#b6386a;
  padding:2px 5px;
  color:#fff;
  font-size:10px;
  font-weight:600;
  line-height:1;
}

.seal-v8-header .control-menu {
  left:auto;
  right:0;
  min-width:154px;
  padding:10px;
}

.seal-v8-header .control-menu label {
  display:block;
  margin-bottom:8px;
  color:var(--nav-muted);
  font-size:12px;
}

.seal-v8-header .control-menu select {
  width:100%;
}

.seal-v8-header .search-box {
  display:none;
  height:44px;
  align-items:center;
  gap:10px;
  border:1px solid #d77b9e;
  border-radius:6px;
  background:var(--nav-panel);
  padding:0 14px;
  font-size:15px;
  color:var(--nav-muted);
}

.dark .seal-v8-header .search-box {
  border-color:#704055;
  background:#211a20;
}

.seal-v8-header .search-scope {
  border-radius:99px;
  background:var(--nav-hover);
  padding:2px 6px;
  font-size:11px;
}

.seal-site-nav {
  position:fixed;
  inset:0 auto 0 0;
  margin:0;
  width:360px;
  max-width:88vw;
  height:100dvh;
  max-height:100dvh;
  border-radius:0;
  border-right:1px solid var(--nav-line);
  background:var(--nav-panel);
  color:var(--nav-text);
}

.seal-site-nav-head {
  display:flex;
  height:64px;
  align-items:center;
  justify-content:space-between;
  padding:0 16px;
  border-bottom:1px solid var(--nav-line);
}

.seal-site-nav-body {
  padding:12px;
}

.seal-site-nav .side-link {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-radius:4px;
  padding:12px;
  font-size:16px;
  font-weight:500;
}

.seal-site-nav .side-link > span {
  display:flex;
  align-items:center;
  gap:12px;
}

.seal-site-nav .side-link:hover,.seal-site-nav .side-child-link:hover {
  background:var(--nav-hover);
  color:var(--nav-text);
}

.seal-site-nav .side-sub {
  margin-left:24px;
  padding-left:16px;
  border-left:1px solid var(--nav-line);
}

.seal-site-nav .side-child-link {
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 10px;
  border-radius:4px;
  font-size:15px;
}

.seal-site-nav .side-link > .side-caret {
  gap:0;
  opacity:.65;
}

.seal-site-nav .side-caret > .ui-icon {
  width:12px;
  height:12px;
  font-size:12px;
}

.seal-site-nav .seal-side-group[open] > .side-link > .side-caret {
  transform:rotate(180deg);
}

@media(prefers-reduced-motion:reduce) {
  .seal-v8-header .nav-link > .nav-caret,.seal-v8-header .nav-drop-item {
    transition:none;
  }
}

@media(min-width:1024px) {
  .seal-v8-header .search-box {
    display:inline-flex;
  }

  .seal-v8-header .seal-search-mobile {
    display:none;
  }
}

@media(min-width:1536px) {
  .seal-v8-header .nav-center {
    display:flex;
  }
}

@media(min-width:1536px) and (max-width:2079px) {
  .seal-v8-header .nav-center {
    gap:2px;
  }

  .seal-v8-header .nav-link {
    font-size:14px;
    padding:10px 8px;
    gap:6px;
  }

  .seal-v8-header .nav-link .ui-icon {
    font-size:18px;
  }

  .seal-v8-header .search-box {
    display:none;
  }

  .seal-v8-header .seal-search-mobile {
    display:inline-flex;
  }
}

@media(min-width:1800px) and (max-width:1919px) {
  .seal-v8-header .search-placeholder {
    display:none;
  }
}

@media(max-width:639px) {
  .seal-v8-header .nav-shell {
    padding:0 12px;
  }

  .seal-v8-header .nav-row {
    gap:4px;
  }

  .seal-brand-name {
    font-size:15px;
  }

  .seal-v8-header .nav-brand {
    gap:4px;
  }

  .seal-v8-header .nav-actions {
    gap:0;
  }
}

@media(max-width:379px) {
  .seal-v8-header .seal-region-control {
    display:none;
  }

  .seal-v8-header .nav-shell {
    padding:0 8px;
  }
}

.ui-app {
  min-height:calc(100dvh - 112px);
}

.ui-shell,.ui-page-inner {
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:24px 48px 32px 24px;
}

.ui-main,.ui-page {
  width:100%;
  min-width:0;
}

.ui-skip {
  position:fixed;
  top:-100px;
  z-index:1000;
  padding:12px;
  background:var(--ui-panel);
}

.ui-skip:focus {
  top:8px;
}

.ui-nav-link:hover,.ui-nav-link.is-active {
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.ui-nav-link .ui-icon {
  font-size:12px;
}

.ui-nav-group {
  position:relative;
}

.ui-icon {
  display:inline-block;
  width:1.2em;
  height:1.2em;
  flex-shrink:0;
  vertical-align:-.2em;
  font-size:20px;
}

.ui-icon-btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:36px;
  height:36px;
  flex-shrink:0;
  border-radius:3px;
  color:var(--ui-text);
}

.ui-icon-btn:hover {
  background:var(--ui-hover);
}

.ui-footer {
  border-top:1px solid var(--ui-line);
  color:var(--ui-muted);
  background:var(--ui-panel);
  font-size:11px;
}

.ui-footer-inner {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  padding-top:24px;
  padding-bottom:24px;
}

.ui-footer-brand {
  display:flex;
  align-items:center;
  gap:10px;
}

.ui-footer-brand strong {
  color:var(--ui-text);
  font-size:15px;
}

.ui-footer p {
  margin:3px 0;
}

.ui-footer span {
  margin:0 10px;
}

.ui-footer a:hover,.ui-footer button:hover {
  color:var(--ui-brand);
}

.ui-float {
  position:fixed;
  right:12px;
  bottom:180px;
  display:grid;
  gap:3px;
  padding:4px;
  z-index:70;
  background:var(--ui-panel);
  border:1px solid var(--ui-line);
  border-radius:3px;
}

.ui-float button {
  width:34px;
  height:38px;
  border-radius:3px;
}

.ui-float button:hover {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.ui-eyebrow {
  display:block;
  font-size:10px;
  color:var(--ui-muted);
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ui-muted {
  color:var(--ui-muted);
}

.ui-card,.card {
  background:var(--ui-panel);
  border:0;
  border-radius:3px;
  min-width:0;
  overflow:visible;
  margin-bottom:16px;
}

.ui-card-head,.card-header {
  min-height:46px;
  padding:12px 16px;
  border-bottom:1px solid var(--ui-line);
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  font-size:14px;
}

.ui-card-head h2 {
  font-size:15px;
}

.ui-card-head > .ui-more,.ui-card-head > .ui-muted {
  margin-left:auto;
}

.ui-card-head .ui-more {
  font-weight:400;
  font-size:11px;
  color:var(--ui-muted);
}

.ui-card-body,.card-body {
  padding:16px;
  min-width:0;
}

.ui-card-title,.card-title {
  font-size:16px;
  font-weight:600;
  margin-bottom:12px;
}

.ui-card-foot,.card-footer {
  padding:12px 16px;
  border-top:1px solid var(--ui-line);
}

.ui-btn,.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  border:1px solid var(--ui-line);
  background:var(--ui-raised);
  border-radius:3px;
  padding:6px 12px;
  min-height:32px;
  font-size:12px;
  line-height:1.6;
  white-space:normal;
  text-align:center;
  color:var(--ui-text);
  cursor:pointer;
  vertical-align:middle;
}

.ui-btn:hover,.btn:hover {
  background:var(--ui-hover);
  color:var(--ui-brand);
}

.ui-btn-primary,.btn-info,.btn-primary,.btn-warning,.btn-success,.btn-outline-dark.active,.btn-outline-info.active {
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  border-color:transparent;
}

.ui-btn-primary:hover {
  background:var(--ui-brand);
  color:var(--ui-panel);
}

.btn-danger {
  color:#c45252;
  background:#d6595912;
}

.btn-sm {
  font-size:11px;
  padding:3px 8px;
  min-height:26px;
}

.btn-group,.btn-group-sm {
  display:inline-flex;
  flex-wrap:wrap;
  gap:4px;
}

.btn-check {
  position:absolute;
  opacity:0;
}

.btn-check:checked + label {
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.ui-table,.table {
  width:100%;
  border-collapse:collapse;
  font-size:13px;
  color:var(--ui-text);
}

.ui-table th,.ui-table td,.table th,.table td {
  padding:10px;
  border-bottom:1px solid var(--ui-line);
  vertical-align:middle;
}

.ui-table th,.table th {
  color:var(--ui-muted);
  background:var(--ui-raised);
  font-weight:500;
  text-align:left;
}

.ui-table tr:last-child td,.table tr:last-child td {
  border-bottom:0;
}

.ui-table-scroll,.table-responsive {
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

.td-huang,.td-hui {
  background:var(--ui-raised);
  color:var(--ui-muted);
}

.ui-table td img,.table td img {
  display:inline-block;
}

.table-borderless td {
  border:0;
}

.ui-row,.row {
  display:flex;
  flex-wrap:wrap;
  margin-left:-8px;
  margin-right:-8px;
}

.ui-row > [class*=col-],.row > [class*=col-] {
  padding:0 8px;
  width:100%;
  min-width:0;
}

.\!nav {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  list-style:none !important;
}

.ui-tabs,.nav {
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  list-style:none;
}

.nav-link {
  display:block;
  padding:7px 12px;
  border-radius:3px;
}

.nav-link.active {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.tab-pane {
  display:none;
}

.tab-pane.active {
  display:block;
}

.collapse:not(.show) {
  display:none;
}

.ui-modal,.modal {
  display:none;
  position:fixed;
  inset:0;
  z-index:100;
  overflow:auto;
  background:#0009;
  padding:32px 14px;
}

.ui-modal.show,.modal.show {
  display:block;
}

.ui-modal.\!show,.modal.\!show {
  display:block !important;
}

.modal-dialog {
  max-width:700px;
  margin:3vh auto;
}

.modal-lg,.modal-xl {
  max-width:1000px;
}

.modal-content {
  background:var(--ui-panel);
  border-radius:3px;
}

.modal-header,.modal-footer {
  display:flex;
  align-items:center;
  gap:8px;
  padding:14px 20px;
  border-bottom:1px solid var(--ui-line);
}

.modal-header .close,.modal-header .btn-close {
  margin-left:auto;
}

.modal-body {
  padding:20px;
}

.close {
  font-size:24px;
}

.btn-close::before {
  content:'×';
  font-size:24px;
}

.ui-overlay-open {
  overflow:hidden;
}

dialog {
  padding:0;
  color:var(--ui-text);
  background:var(--ui-panel);
  border:0;
  border-radius:3px;
  max-height:calc(100dvh - 32px);
}

dialog::backdrop {
  background:#0008;
}

dialog[open] {
  animation:ui-enter .12s ease-out;
}

.ui-drawer {
  position:fixed;
  inset:0 0 0 auto;
  margin:0;
  width:400px;
  max-width:100%;
  height:100dvh;
  max-height:100dvh;
  border-left:1px solid var(--ui-line);
  border-radius:0;
}

.ui-drawer-head,.ui-dialog-head {
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:space-between;
  padding:22px;
  border-bottom:1px solid var(--ui-line);
}

.ui-drawer-head h2 {
  font-size:19px;
  margin-top:5px;
}

.ui-drawer-content {
  padding:22px;
}

.ui-dialog-head {
  padding:16px 20px;
}

.ui-dialog-head h2 {
  display:flex;
  gap:8px;
  align-items:center;
  font-size:16px;
}

.ui-member-welcome {
  text-align:center;
  padding:12px 0 22px;
}

.ui-member-welcome > .ui-icon {
  color:var(--ui-brand);
  font-size:50px;
  margin-bottom:12px;
}

.ui-member-welcome h3 {
  font-size:17px;
}

.ui-member-welcome p {
  margin:8px 0 0;
  font-size:12px;
  color:var(--ui-muted);
}

.ui-segment {
  display:flex;
  padding:3px;
  gap:3px;
  background:var(--ui-raised);
  border-radius:3px;
}

.ui-segment button {
  flex:1;
  padding:7px 10px;
  font-size:12px;
  white-space:nowrap;
  border-radius:2px;
}

.ui-segment button[aria-selected=true],.ui-segment button.is-active {
  background:var(--ui-panel);
  color:var(--ui-brand);
}

.ui-auth-form {
  display:grid;
  gap:14px;
  margin-top:20px;
}

.ui-auth-form label {
  display:grid;
  gap:6px;
  font-size:12px;
}

.ui-auth-form input {
  width:100%;
  min-height:40px;
}

.ui-auth-form > .ui-btn {
  min-height:40px;
}

.ui-form-note {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:space-between;
  font-size:11px;
  color:var(--ui-muted);
}

.ui-form-note a {
  color:var(--ui-brand);
}

.ui-form-error {
  color:#d76767;
  font-size:12px;
  min-height:20px;
}

.ui-code-row {
  display:flex;
  gap:8px;
}

.ui-code-row input {
  min-width:0;
}

.ui-code-row button {
  flex-shrink:0;
  width:108px;
}

.ui-code-row img {
  width:100px;
  height:36px;
  -o-object-fit:contain;
     object-fit:contain;
}

.ui-drawer-section {
  padding-top:24px;
  margin-top:20px;
  border-top:1px solid var(--ui-line);
}

.ui-drawer-section h3 {
  font-size:13px;
  margin-bottom:10px;
}

.ui-setting-row {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 0;
  font-size:12px;
}

.ui-setting-row > span {
  display:flex;
  gap:8px;
  align-items:center;
}

.ui-setting-row select {
  width:132px;
  padding:6px;
}

.ui-member-note {
  margin-top:24px;
  color:var(--ui-muted);
  font-size:10px;
  line-height:1.8;
  text-align:center;
}

.ui-profile-head {
  display:flex;
  align-items:center;
  gap:14px;
  padding:12px 0 24px;
}

.ui-profile-avatar {
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:3px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-size:24px;
}

.ui-profile-head h3 {
  font-size:18px;
}

.ui-profile-head p {
  font-size:11px;
  color:var(--ui-muted);
}

.ui-member-links {
  display:grid;
  gap:5px;
  margin-bottom:20px;
}

.ui-member-links a {
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px;
  background:var(--ui-raised);
  border-radius:3px;
  font-size:13px;
}

.ui-member-links a .ui-icon:last-child {
  margin-left:auto;
  font-size:15px;
}

.ui-search-dialog {
  width:700px;
}

.ui-dialog {
  width:420px;
}

.ui-search-types {
  display:flex;
  gap:8px;
  padding:0 20px 12px;
}

.ui-search-types button {
  padding:5px 12px;
  border-radius:3px;
  font-size:12px;
}

.ui-search-types button.is-active {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.ui-search-results {
  max-height:55dvh;
  overflow:auto;
  padding:0 20px 20px;
}

.ui-empty {
  padding:36px 16px;
  color:var(--ui-muted);
  text-align:center;
  font-size:12px;
}

.ui-toast {
  position:fixed;
  z-index:250;
  bottom:28px;
  left:50%;
  transform:translateX(-50%);
  max-width:calc(100% - 32px);
  padding:12px 20px;
  background:var(--ui-text);
  color:var(--ui-bg);
  border-radius:3px;
  font-size:13px;
}

/* Original Seal Online INFO skin, hosted by UIV8's mouse-following layer. */

.seal-item-tip,.seal-description-tip {
  max-width:calc(100vw - 28px);
  max-height:calc(100dvh - 28px);
  overflow:auto;
}

[data-ui-item-tip-layer].seal-item-tip {
  background:#ceb8a3 url('/source/ui/maingreen_infos_main.png') repeat-y left!important;
  color:#332b24!important;
  padding:0;
  border:0!important;
  border-radius:10px;
  font-size:12px;
  line-height:20px;
  box-shadow:0 2px 8px #0002;
}

.seal-item-tip .seal_tip_top {
  height:20px;
  background:url('/source/ui/maingreen_infos_top.png') no-repeat left top;
}

.seal-item-tip .seal_tip_main {
  padding:10px 15px 14px;
  line-height:20px;
}

.seal-item-tip .iteminfobox_tip,.seal-item-tip .tipli {
  width:100%!important;
  max-width:100%;
}

.seal-item-tip .seal_tip_main,.seal-item-tip .seal_tip_main > div {
  max-width:100%;
}

.seal-item-tip .item_name {
  font-size:14px;
  font-weight:700;
  line-height:20px;
}

.seal-item-tip img {
  display:inline-block;
}

.seal-item-tip table {
  width:100%;
}

.seal-item-tip td {
  padding:2px 3px;
}

.seal-item-tip a {
  color:inherit;
}

.seal-item-tip .tip-common {
  color:#0033ff;
}

.seal-item-tip .t_lines {
  line-height:18px;
}

.seal-item-tip > p {
  padding:12px 15px;
}

.seal-description-tip {
  color:var(--ui-text)!important;
  padding:10px 10px 10px 20px;
  border-radius:5px;
  font-size:15px;
  line-height:25px;
}

.seal-comments .atk-link,.seal-comments .atk-copyright {
  display:none!important;
}

.ui-shortcut > .ui-icon {
  font-size:26px;
  color:var(--ui-brand);
}

.ui-section-tabs {
  display:flex;
  gap:20px;
  padding:0 16px;
  border-bottom:1px solid var(--ui-line);
}

.ui-section-tabs button {
  padding:15px 0 12px;
  color:var(--ui-muted);
  font-size:13px;
  border-bottom:2px solid transparent;
}

.ui-section-tabs button.is-active {
  color:var(--ui-brand);
  border-bottom-color:var(--ui-brand);
}

.ui-news-row {
  display:flex;
  gap:10px;
  align-items:center;
  padding:13px 0;
  border-bottom:1px solid var(--ui-line);
}

.ui-news-row:last-child {
  border:0;
}

.ui-news-row .ui-news-tag {
  flex-shrink:0;
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  font-size:9px;
  padding:2px 5px;
  border-radius:2px;
}

.ui-news-row strong {
  font-size:12px;
  font-weight:400;
  min-width:0;
}

.ui-news-row time {
  margin-left:auto;
  white-space:nowrap;
  color:var(--ui-muted);
  font-size:10px;
}

.ui-news-row:hover strong {
  color:var(--ui-brand);
}

.ui-result-head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.ui-result-head h2 {
  font-size:14px;
}

.ui-result-head p {
  font-size:11px;
  color:var(--ui-muted);
}

.xxf-layout {
  display:grid;
  grid-template-columns:208px minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.xxf-layout > :not(.xxf-sidebar) {
  grid-column:2;
}

.xxf-sidebar {
  grid-column:1;
  grid-row:1/span 2;
  position:sticky;
  top:88px;
  max-height:calc(100dvh - 110px);
  overflow:auto;
  background:var(--ui-panel);
  border-radius:3px;
  font-size:12px;
}

.xxf-sidebar-title {
  display:flex;
  justify-content:space-between;
  padding:14px;
  font-weight:600;
}

.xxf-mobile-toggle {
  display:none;
}

.xxf-category-section > summary {
  display:flex;
  justify-content:space-between;
  padding:10px 14px;
  color:var(--ui-muted);
  font-size:11px;
}

.xxf-category-section.is-current > summary {
  color:var(--ui-brand);
}

.xxf-category-links {
  padding:0 7px 8px;
}

.xxf-category-link {
  display:flex;
  justify-content:space-between;
  gap:8px;
  padding:8px 9px;
  border-radius:3px;
}

.xxf-item-count,.xxf-category-count {
  font-size:10px;
  color:var(--ui-muted);
}

.xxf-category-link:hover,.xxf-category-link.is-active {
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.xxf-heading {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:16px;
}

.xxf-eyebrow {
  color:var(--ui-muted);
  font-size:10px;
}

.xxf-heading h1 {
  margin-top:4px;
  font-size:22px;
}

.xxf-reset {
  color:var(--ui-muted);
  font-size:11px;
}

.xxf-search {
  display:flex;
  gap:8px;
  margin-bottom:16px;
}

.xxf-search input[type=search] {
  flex:1;
  min-width:0;
}

.xxf-search button {
  padding:7px 18px;
  border-radius:3px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-size:12px;
}

.xxf-chip {
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 8px;
  border-radius:3px;
}

.xxf-chip:hover,.xxf-chip.is-active {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.xxf-secondary {
  background:var(--ui-raised);
  margin:0 16px 12px;
  padding:10px 12px;
  border-radius:3px;
}

.xxf-toolbar {
  margin:0;
}

.profession-topic {
  background:var(--ui-panel);
  border-radius:3px;
  margin-bottom:16px;
}

.profession-hero {
  display:flex;
  gap:16px;
  padding:20px;
  align-items:center;
  position:relative;
  overflow:visible;
  z-index:2;
}

.profession-art {
  display:none;
}

.profession-avatar {
  width:64px;
  height:64px;
  flex-shrink:0;
  overflow:hidden;
  background:var(--ui-raised);
  border-radius:3px;
}

.profession-avatar img {
  width:145%;
  height:145%;
  max-width:none;
  -o-object-fit:cover;
     object-fit:cover;
  -o-object-position:top;
     object-position:top;
  transform:translateX(-15%);
}

.profession-breadcrumb {
  display:flex;
  gap:8px;
  font-size:10px;
  color:var(--ui-muted);
}

.profession-title-row {
  display:flex;
  gap:15px;
  align-items:center;
  margin-top:4px;
}

.profession-title-row h1 {
  font-size:24px;
}

.profession-copy p {
  font-size:11px;
  color:var(--ui-muted);
  margin-top:4px;
}

.profession-switch {
  position:relative;
  font-size:11px;
}

.profession-switch summary {
  padding:4px 8px;
  background:var(--ui-raised);
  border-radius:3px;
}

.profession-selector {
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  min-width:160px;
  max-height:min(420px,60dvh);
  overflow-y:auto;
  background:var(--ui-panel);
  border:1px solid var(--ui-line);
  border-radius:6px;
  box-shadow:0 8px 24px #38203324;
  padding:6px;
  z-index:40;
}

.profession-selector a {
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px;
}

.profession-selector a:hover {
  background:var(--ui-hover);
}

.profession-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid var(--ui-line);
  padding:0 16px;
}

.profession-tabs {
  display:flex;
  gap:20px;
}

.profession-tabs a {
  display:flex;
  gap:7px;
  align-items:center;
  padding:12px 2px;
  border-bottom:2px solid transparent;
  font-size:12px;
}

.profession-tabs a.active {
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}

.profession-toolbar-note {
  font-size:10px;
  color:var(--ui-muted);
}

.arcmain,#wrapper {
  line-height:1.9;
  overflow-wrap:anywhere;
}

.arcmain img,#wrapper img {
  max-width:100%;
  height:auto;
}

.arcmain img {
  display:inline-block;
  vertical-align:middle;
}

.arcmain p,#wrapper p {
  margin-bottom:12px;
}

.arcmain a,#wrapper a {
  color:var(--ui-brand);
}

.arcmain h2,#wrapper h2 {
  margin:24px 0 12px;
  font-size:20px;
}

.arcmain h3,#wrapper h3 {
  margin:18px 0 10px;
  font-size:17px;
}

.arcmain table,#wrapper table {
  max-width:100%;
}

.skill_treeicon {
  width:32px;
  height:32px;
  display:inline-block;
  background-repeat:no-repeat;
}

.selectm_li {
  margin-bottom:8px;
}

.pagebox {
  padding:14px;
}

.pagination {
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  list-style:none;
}

.pagination a,.pagination span {
  display:block;
  padding:5px 10px;
  background:var(--ui-raised);
  border-radius:3px;
  font-size:11px;
}

.pagination .active,.pagination .laypage-curr {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.bd-font-red,.text-danger {
  color:#c75b5b;
}

.text-success {
  color:#619575;
}

.text-primary,.text-info {
  color:var(--ui-brand);
}

.text-muted,.text-secondary {
  color:var(--ui-muted);
}

.\!badge {
  display:inline-block !important;
  padding:2px 6px !important;
  border-radius:2px !important;
  background:var(--ui-raised) !important;
  font-size:10px !important;
}

.badge {
  display:inline-block;
  padding:2px 6px;
  border-radius:2px;
  background:var(--ui-raised);
  font-size:10px;
}

.badge-info,.badge-primary {
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.badge-success {
  color:#619575;
  background:#61957516;
}

.badge-danger {
  color:#c75b5b;
  background:#c75b5b16;
}

.form-control {
  display:block;
  width:100%;
}

.btn-actions-pane-right {
  margin-left:auto;
}

.card-header-title {
  display:flex;
  align-items:center;
  gap:6px;
}

.app-page-title {
  background:var(--ui-panel);
  padding:18px;
  border-radius:3px;
  margin-bottom:16px;
}

.page-title-icon {
  display:none;
}

.page-title-wrapper,.page-title-heading {
  display:flex;
  gap:12px;
  align-items:center;
}

.page-title-heading > div {
  font-size:20px;
}

.page-title-subheading {
  font-size:11px;
  color:var(--ui-muted);
}

.ui-profile-grid {
  display:grid;
  grid-template-columns:210px minmax(0,1fr);
  gap:18px;
}

.ui-profile-nav {
  padding:8px;
  background:var(--ui-panel);
  border-radius:3px;
}

.ui-profile-nav a {
  display:block;
  padding:11px;
  border-radius:3px;
}

.ui-profile-nav a[aria-current=page] {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.ui-profile-fields {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
}

.ui-profile-fields dt {
  color:var(--ui-muted);
  font-size:11px;
  margin-bottom:5px;
}

.ui-profile-fields dd {
  font-size:14px;
}

.tw-pointer-events-none {
  pointer-events: none;
}

.tw-pointer-events-auto {
  pointer-events: auto;
}

.tw-fixed {
  position: fixed;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-inset-0 {
  inset: 0px;
}

.tw-left-2 {
  left: 0.5rem;
}

.tw-right-2 {
  right: 0.5rem;
}

.tw-top-1\/2 {
  top: 50%;
}

.tw-top-2 {
  top: 0.5rem;
}

.tw-z-10 {
  z-index: 10;
}

.tw-z-\[1240\] {
  z-index: 1240;
}

.tw-z-\[1400\] {
  z-index: 1400;
}

.tw-float-left {
  float: left;
}

.tw-mx-3 {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-my-3 {
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-mb-0 {
  margin-bottom: 0px;
}

.tw-mb-1 {
  margin-bottom: 0.25rem;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

.tw-mb-3 {
  margin-bottom: 0.75rem;
}

.tw-mb-4 {
  margin-bottom: 1rem;
}

.tw-mb-5 {
  margin-bottom: 1.25rem;
}

.tw-mb-\[10px\] {
  margin-bottom: 10px;
}

.tw-ml-0 {
  margin-left: 0px;
}

.tw-ml-1 {
  margin-left: 0.25rem;
}

.tw-ml-2 {
  margin-left: 0.5rem;
}

.tw-ml-\[20px\] {
  margin-left: 20px;
}

.tw-ml-auto {
  margin-left: auto;
}

.tw-mr-1 {
  margin-right: 0.25rem;
}

.tw-mr-2 {
  margin-right: 0.5rem;
}

.tw-mr-3 {
  margin-right: 0.75rem;
}

.tw-mt-1 {
  margin-top: 0.25rem;
}

.tw-mt-2 {
  margin-top: 0.5rem;
}

.tw-mt-3 {
  margin-top: 0.75rem;
}

.tw-mt-4 {
  margin-top: 1rem;
}

.tw-mt-5 {
  margin-top: 1.25rem;
}

.tw-mt-\[10px\] {
  margin-top: 10px;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-flex {
  display: flex;
}

.tw-inline-flex {
  display: inline-flex;
}

.tw-grid {
  display: grid;
}

.tw-hidden {
  display: none;
}

.tw-h-10 {
  height: 2.5rem;
}

.tw-h-11 {
  height: 2.75rem;
}

.tw-h-14 {
  height: 3.5rem;
}

.tw-h-8 {
  height: 2rem;
}

.tw-h-9 {
  height: 2.25rem;
}

.tw-h-auto {
  height: auto;
}

.tw-h-full {
  height: 100%;
}

.tw-max-h-\[86vh\] {
  max-height: 86vh;
}

.tw-max-h-\[calc\(86vh-0\.5rem\)\] {
  max-height: calc(86vh - 0.5rem);
}

.tw-max-h-full {
  max-height: 100%;
}

.tw-min-h-0 {
  min-height: 0px;
}

.tw-min-h-full {
  min-height: 100%;
}

.tw-w-10 {
  width: 2.5rem;
}

.tw-w-14 {
  width: 3.5rem;
}

.tw-w-44 {
  width: 11rem;
}

.tw-w-8 {
  width: 2rem;
}

.tw-w-9 {
  width: 2.25rem;
}

.tw-w-auto {
  width: auto;
}

.tw-w-full {
  width: 100%;
}

.tw-min-w-0 {
  min-width: 0px;
}

.tw-max-w-\[calc\(100vw-2\.5rem\)\] {
  max-width: calc(100vw - 2.5rem);
}

.tw-max-w-\[calc\(100vw-2rem\)\] {
  max-width: calc(100vw - 2rem);
}

.tw-max-w-full {
  max-width: 100%;
}

.tw-max-w-md {
  max-width: 28rem;
}

.tw-flex-1 {
  flex: 1 1 0%;
}

.tw-shrink-0 {
  flex-shrink: 0;
}

.tw-origin-center {
  transform-origin: center;
}

.-tw-translate-y-1\/2 {
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes tw-spin {
  to {
    transform: rotate(360deg);
  }
}

.tw-animate-spin {
  animation: tw-spin 1s linear infinite;
}

.tw-list-disc {
  list-style-type: disc;
}

.tw-grid-cols-\[auto_1fr\] {
  grid-template-columns: auto 1fr;
}

.tw-flex-col {
  flex-direction: column;
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-items-start {
  align-items: flex-start;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-gap-1 {
  gap: 0.25rem;
}

.tw-gap-2 {
  gap: 0.5rem;
}

.tw-gap-3 {
  gap: 0.75rem;
}

.tw-gap-x-3 {
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
}

.tw-gap-y-2 {
  row-gap: 0.5rem;
}

.tw-space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}

.tw-overflow-auto {
  overflow: auto;
}

.tw-overflow-hidden {
  overflow: hidden;
}

.tw-overflow-x-auto {
  overflow-x: auto;
}

.tw-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tw-whitespace-normal {
  white-space: normal;
}

.tw-whitespace-nowrap {
  white-space: nowrap;
}

.tw-rounded {
  border-radius: 0.25rem;
}

.tw-rounded-full {
  border-radius: 9999px;
}

.tw-rounded-md {
  border-radius: 0.375rem;
}

.tw-border {
  border-width: 1px;
}

.tw-border-0 {
  border-width: 0px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-amber-500 {
  --tw-border-opacity: 1;
  border-color: rgb(245 158 11 / var(--tw-border-opacity, 1));
}

.tw-border-fuchsia-500 {
  --tw-border-opacity: 1;
  border-color: rgb(217 70 239 / var(--tw-border-opacity, 1));
}

.tw-border-orange-500 {
  --tw-border-opacity: 1;
  border-color: rgb(249 115 22 / var(--tw-border-opacity, 1));
}

.tw-border-sky-500 {
  --tw-border-opacity: 1;
  border-color: rgb(14 165 233 / var(--tw-border-opacity, 1));
}

.tw-border-slate-500 {
  --tw-border-opacity: 1;
  border-color: rgb(100 116 139 / var(--tw-border-opacity, 1));
}

.tw-border-white {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}

.tw-border-white\/10 {
  border-color: rgb(255 255 255 / 0.1);
}

.tw-border-white\/15 {
  border-color: rgb(255 255 255 / 0.15);
}

.tw-bg-amber-500\/10 {
  background-color: rgb(245 158 11 / 0.1);
}

.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}

.tw-bg-black\/25 {
  background-color: rgb(0 0 0 / 0.25);
}

.tw-bg-black\/35 {
  background-color: rgb(0 0 0 / 0.35);
}

.tw-bg-black\/45 {
  background-color: rgb(0 0 0 / 0.45);
}

.tw-bg-black\/55 {
  background-color: rgb(0 0 0 / 0.55);
}

.tw-bg-fuchsia-500\/10 {
  background-color: rgb(217 70 239 / 0.1);
}

.tw-bg-orange-500\/10 {
  background-color: rgb(249 115 22 / 0.1);
}

.tw-bg-sky-500\/10 {
  background-color: rgb(14 165 233 / 0.1);
}

.tw-bg-slate-500\/10 {
  background-color: rgb(100 116 139 / 0.1);
}

.tw-bg-slate-950\/45 {
  background-color: rgb(2 6 23 / 0.45);
}

.tw-bg-slate-950\/90 {
  background-color: rgb(2 6 23 / 0.9);
}

.tw-bg-transparent {
  background-color: transparent;
}

.tw-bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.tw-bg-white\/10 {
  background-color: rgb(255 255 255 / 0.1);
}

.tw-object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.tw-p-0 {
  padding: 0px;
}

.tw-p-1 {
  padding: 0.25rem;
}

.tw-p-2 {
  padding: 0.5rem;
}

.tw-p-3 {
  padding: 0.75rem;
}

.tw-p-6 {
  padding: 1.5rem;
}

.tw-px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.tw-py-3 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.tw-pb-5 {
  padding-bottom: 1.25rem;
}

.tw-pl-2 {
  padding-left: 0.5rem;
}

.tw-pl-3 {
  padding-left: 0.75rem;
}

.tw-pl-5 {
  padding-left: 1.25rem;
}

.tw-pl-\[10px\] {
  padding-left: 10px;
}

.tw-pl-\[20px\] {
  padding-left: 20px;
}

.tw-pl-\[5px\] {
  padding-left: 5px;
}

.tw-pr-2 {
  padding-right: 0.5rem;
}

.tw-pt-\[5px\] {
  padding-top: 5px;
}

.tw-text-center {
  text-align: center;
}

.tw-text-right {
  text-align: right;
}

.tw-text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}

.tw-text-\[18px\] {
  font-size: 18px;
}

.tw-text-\[24px\] {
  font-size: 24px;
}

.tw-text-\[30px\] {
  font-size: 30px;
}

.tw-text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}

.tw-text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.tw-text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.tw-text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.tw-text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}

.tw-font-bold {
  font-weight: 700;
}

.tw-font-medium {
  font-weight: 500;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-text-amber-400 {
  --tw-text-opacity: 1;
  color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.tw-text-fuchsia-400 {
  --tw-text-opacity: 1;
  color: rgb(232 121 249 / var(--tw-text-opacity, 1));
}

.tw-text-orange-400 {
  --tw-text-opacity: 1;
  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
}

.tw-text-rose-200 {
  --tw-text-opacity: 1;
  color: rgb(254 205 211 / var(--tw-text-opacity, 1));
}

.tw-text-sky-400 {
  --tw-text-opacity: 1;
  color: rgb(56 189 248 / var(--tw-text-opacity, 1));
}

.tw-text-slate-200 {
  --tw-text-opacity: 1;
  color: rgb(226 232 240 / var(--tw-text-opacity, 1));
}

.tw-text-slate-300 {
  --tw-text-opacity: 1;
  color: rgb(203 213 225 / var(--tw-text-opacity, 1));
}

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.tw-text-white\/65 {
  color: rgb(255 255 255 / 0.65);
}

.tw-opacity-70 {
  opacity: 0.7;
}

.tw-shadow-\[0_18px_48px_rgba\(15\,23\,42\,0\.28\)\] {
  --tw-shadow: 0 18px 48px rgba(15,23,42,0.28);
  --tw-shadow-colored: 0 18px 48px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.tw-backdrop-blur {
  --tw-backdrop-blur: blur(8px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.tw-backdrop-blur-sm {
  --tw-backdrop-blur: blur(4px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.tw-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.tw-transition-transform {
  transition-property: transform;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Compact mxdc-style global search heading: input and close share one row. */

.sv8-search-heading{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  min-height:60px;
  flex-shrink:0;
  border-bottom:1px solid var(--ui-line)
}

.sv8-search-heading>.ui-icon{
  font-size:24px;
  color:var(--ui-brand);
  flex-shrink:0
}

.sv8-global-search .sv8-search-heading input{
  height:40px;
  flex:1;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:var(--ui-text);
  font-size:16px;
  font-weight:500;
  outline:none;
  box-shadow:none;
  border-radius:0
}

.sv8-search-heading input::-webkit-search-cancel-button{
  display:none
}

.sv8-search-heading .ui-icon-btn{
  height:28px;
  width:28px;
  flex-shrink:0;
  border-radius:50%;
  background:var(--ui-raised)
}

.sv8-search-heading [hidden]{
  display:none!important
}

.sv8-search-close{
  display:inline-flex;
  align-items:center;
  gap:6px;
  flex-shrink:0;
  height:32px;
  padding:0 10px;
  border-radius:6px;
  background:var(--ui-text);
  color:var(--ui-panel);
  font-size:12px;
  font-weight:500;
  white-space:nowrap
}

.sv8-search-close>span{
  border:1px solid currentColor;
  border-radius:3px;
  font-size:9px;
  line-height:16px;
  padding:0 3px;
  opacity:.7
}

.sv8-global-search .sv8-search-heading+.ui-search-types{
  padding-top:6px;
  padding-bottom:6px
}

@media(max-width:480px){
  .sv8-search-heading{
    gap:8px;
    padding:8px 12px
  }

  .sv8-global-search .sv8-search-heading input{
    font-size:14px
  }

  .sv8-search-close{
    padding:0 8px
  }

  .sv8-search-close>span{
    display:none
  }
}

/* Shared global-search dialog / full result page. */

.sv8-global-search{
  width:min(760px,calc(100vw - 24px));
  height:min(720px,calc(100dvh - 64px));
  max-height:calc(100dvh - 64px);
  padding:0;
  border-radius:6px;
  margin:auto;
  color:var(--ui-text);
  background:var(--ui-panel)
}

.sv8-global-search[open]{
  display:flex;
  flex-direction:column
}

.sv8-global-search .ui-dialog-head{
  min-height:44px;
  padding:4px 16px;
  flex-shrink:0
}

.sv8-global-search .ui-search-form{
  padding:12px;
  gap:8px;
  flex-shrink:0
}

.sv8-global-input{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  min-width:0;
  border:1px solid var(--ui-line);
  border-radius:6px;
  padding:0 10px;
  background:var(--ui-raised)
}

.sv8-global-input:focus-within{
  border-color:var(--ui-brand);
  box-shadow:0 0 0 2px var(--ui-brand-bg)
}

.sv8-global-search .sv8-global-input input{
  flex:1;
  min-width:0;
  border:0;
  background:transparent;
  padding:10px 0;
  outline:none;
  box-shadow:none;
  font-size:14px
}

.sv8-global-input input::-webkit-search-cancel-button{
  display:none
}

.sv8-global-input .ui-icon-btn{
  width:26px;
  height:26px;
  padding:4px;
  flex-shrink:0
}

.sv8-global-input>.ui-icon{
  color:var(--ui-muted)
}

.sv8-global-search .ui-search-types,.sv8-search-page-tabs{
  display:flex;
  overflow-x:auto;
  gap:4px;
  padding:0 12px 8px;
  flex-shrink:0;
  border-bottom:1px solid var(--ui-line)
}

.sv8-global-search .ui-search-types button,.sv8-search-page-tabs a{
  display:flex;
  align-items:center;
  gap:4px;
  white-space:nowrap;
  padding:6px 9px;
  border-radius:6px;
  color:var(--ui-muted);
  font-size:12px;
  text-decoration:none
}

.sv8-global-search .ui-search-types .is-active,.sv8-search-page-tabs .is-active{
  color:var(--ui-brand);
  background:var(--ui-brand-bg)
}

.search-kind-count{
  font-size:10px;
  opacity:.7
}

.sv8-search-status{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:9px 16px;
  border-bottom:1px solid var(--ui-line);
  font-size:12px;
  color:var(--ui-muted);
  flex-shrink:0
}

.sv8-search-status small{
  font-size:10px
}

.sv8-global-search .ui-search-results{
  padding:0;
  flex:1;
  min-height:0;
  overflow:auto;
  max-height:none;
  overscroll-behavior:contain
}

.sv8-search-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-bottom:1px solid var(--ui-line);
  color:var(--ui-text);
  text-decoration:none;
  min-height:72px
}

.sv8-search-row:hover,.sv8-search-row:focus-visible{
  background:var(--ui-hover);
  outline-offset:-2px;
  outline-color:var(--ui-brand)
}

.sv8-search-image{
  width:42px;
  height:42px;
  padding:4px;
  -o-object-fit:contain;
     object-fit:contain;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
  flex-shrink:0
}

.sv8-search-copy{
  line-height:1.4;
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
  flex:1
}

.sv8-search-copy strong{
  font-size:14px;
  font-weight:600;
  overflow-wrap:anywhere
}

.sv8-search-copy small,.sv8-search-meta{
  font-size:11px;
  color:var(--ui-muted)
}

.sv8-search-copy mark{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-radius:2px
}

.sv8-search-arrow{
  color:var(--ui-muted);
  font-size:20px
}

.sv8-search-footer{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 12px;
  border-top:1px solid var(--ui-line);
  flex-shrink:0
}

.sv8-search-footer>span{
  font-size:10px;
  color:var(--ui-muted);
  margin-left:auto
}

.sv8-search-footer [hidden],.sv8-global-input [hidden]{
  display:none!important
}

.sv8-search-page-tabs{
  flex-wrap:wrap
}

.sv8-search-page-results{
  min-height:120px
}

.sv8-search-page-results .sv8-search-row:last-child{
  border-bottom:0
}

@media(max-width:640px){
  .sv8-global-search{
    height:calc(100dvh - 24px);
    max-height:calc(100dvh - 24px);
    margin:12px auto
  }

  .sv8-search-status small,.sv8-search-footer>span{
    display:none
  }

  .sv8-search-row{
    padding:10px 12px
  }
}

/* Public pager: identical markup for normal links and async catalogs. */

.ui-pagination{
  position:sticky;
  bottom:20px;
  z-index:40;
  display:flex;
  justify-content:center;
  padding:16px 8px;
  pointer-events:none;
  clear:both;
  max-width:100%
}

.ui-pagination-inner{
  display:inline-flex;
  align-items:center;
  gap:4px;
  max-width:100%;
  padding:4px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:color-mix(in srgb,var(--ui-panel) 95%,transparent);
  box-shadow:0 14px 34px #0f172a1f;
  -webkit-backdrop-filter:blur(1px);
          backdrop-filter:blur(1px);
  pointer-events:auto
}

.ui-pagination .ui-page-button,.ui-pagination .ui-page-gap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
  min-width:32px;
  height:32px;
  padding:0 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ui-text);
  font-size:14px;
  font-weight:600;
  line-height:1;
  text-decoration:none;
  transition:background .15s,color .15s
}

.ui-pagination a.ui-page-button:hover,.ui-pagination .is-active{
  background:var(--ui-brand);
  color:#fff
}

.ui-pagination .is-disabled{
  opacity:.35;
  cursor:default
}

.ui-pagination .ui-page-gap{
  padding:0;
  min-width:24px;
  color:var(--ui-muted)
}

.ui-pagination svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}

.ui-pagination a:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:2px
}

.pagebox:has([data-ui-pagination]){
  position:sticky;
  bottom:20px;
  z-index:40;
  padding:0!important;
  margin:0!important;
  pointer-events:none
}

.pagebox [data-ui-pagination]{
  position:static
}

.catalog-panel[aria-busy=true] .ui-pagination{
  pointer-events:none
}

.catalog-panel[aria-busy=true] .ui-pagination-inner{
  pointer-events:none;
  opacity:.65
}

@media(max-width:640px){
  .ui-pagination,.pagebox:has([data-ui-pagination]){
    bottom:12px
  }

  .ui-pagination-inner{
    gap:2px
  }

  .ui-pagination .ui-page-button{
    min-width:26px;
    height:30px;
    padding:0 5px;
    font-size:12px
  }

  .ui-pagination .ui-page-gap{
    min-width:14px;
    font-size:12px
  }

  .ui-pagination{
    padding:12px 0
  }
}

/* Adapted from UIV8 common/top_nav.php and resources/css/app.css.
   Header tokens deliberately match the shared component, independently of page skins. */

@keyframes ui-enter {
  from {
    opacity:0;
    transform:translateY(5px);
  }

  to {
    opacity:1;
    transform:translateY(0);
  }
}

/* Tool presentation is independent of the retained calculation engines. */

.ui-profile-avatar img {
  width:100%;
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  border-radius:3px;
}

.ui-alert.share_alert,.ui-alert.share_alert-b {
  width:min(980px,calc(100vw - 24px));
}

.ui-alert-body {
  max-height:76dvh;
  overflow:auto;
}

.ui-alert-body img {
  max-height:68dvh;
  -o-object-fit:contain;
     object-fit:contain;
  margin:0 auto;
}

.ui-alert-actions {
  display:flex;
  justify-content:flex-end;
  gap:8px;
}

.ui-news-tag {
  max-width:62px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.gsim-item-li {
  display:flex;
  align-items:center;
  gap:7px;
  clear:both;
  min-height:46px;
  padding:8px 0;
  border-bottom:1px solid var(--ui-line);
  font-size:12px;
}

.gsim-item-li:last-child {
  border-bottom:0;
}

.gsim-item-li > .tw-float-left {
  float:none;
}

.gsim-item-li .tw-pl-2 {
  padding-left:0;
  min-width:0;
}

.gsim-item-li img {
  width:32px;
  height:32px;
  -o-object-fit:contain;
     object-fit:contain;
}

.gsim-a {
  cursor:pointer;
}

.gsim-a:hover {
  color:var(--ui-brand);
}

.align-top {
  vertical-align:top!important;
}

.item-slot {
  display:inline-block;
  width:38px;
  height:38px;
  padding:2px;
  border:1px solid var(--ui-line);
  border-radius:3px;
  background:var(--ui-raised);
  position:relative;
  flex-shrink:0;
}

.gsim-slot-level,.gsim-need-num {
  position:absolute;
  right:0;
  bottom:0;
  font-size:10px;
  line-height:1.2;
  color:var(--ui-brand);
  background:var(--ui-panel);
  padding:1px 2px;
}

.gsim-splitter {
  display:inline-block;
  margin-right:8px;
}

.gsim-need {
  display:inline-block;
  position:relative;
  padding:3px;
}

.gsim-add-item {
  min-height:38px;
  text-align:center;
}

.btn-sim-jia,.btn-sim-jian {
  display:inline-flex;
  justify-content:center;
  align-items:center;
  width:18px;
  height:18px;
  border:1px solid var(--ui-line);
  border-radius:2px;
  font-size:11px;
}

.gsim-itemtdbox p {
  margin-bottom:8px;
}

.map_mainbox {
  width:100%;
  max-width:100%;
  overflow:auto;
  max-height:760px;
}

.mapsys {
  width:800px;
  max-width:none;
  margin:12px auto;
}

.map-sys {
  height:72px;
}

.map-otinfo {
  font-size:11px;
}

.map_art {
  flex-shrink:0;
}

.map_art .monster_dian {
  position:absolute;
  width:50px;
  height:50px;
  cursor:pointer;
  border-radius:50%;
  font-size:11px;
  text-align:center;
  color:#fff;
}

.dot_img {
  width:50px;
  height:50px;
  -o-object-fit:contain;
     object-fit:contain;
  border-radius:50%;
}

.npc_node {
  position:absolute;
  width:14px;
  height:14px;
  background:#dc4b44;
  border:2px solid #fff;
  border-radius:50%;
  top:17px;
  left:17px;
}

.chuansong_name {
  display:block;
  white-space:nowrap;
  width:120px;
  margin-left:-35px;
  padding-top:12px;
  color:#fff;
  text-shadow:1px 1px #222;
}

.n_weizhi {
  width:17px;
  height:25px;
  background:url('/ui_baodianv2/image/now_weizhi.png') center/contain no-repeat;
  position:absolute;
  top:-20px;
  left:16px;
}

.map_art .active {
  outline:2px solid var(--ui-brand);
}

.start-0 {
  left:0;
}

.end-0 {
  right:0;
}

.form-check-inline {
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-right:10px;
}

.form-check {
  font-size:12px;
}

.petmap-box {
  max-width:100%;
  overflow-x:auto;
  background:var(--ui-panel);
  border-radius:3px;
}

.petmap-box .tree-container {
  margin-top:16px;
  position:relative;
  min-width:600px;
  counter-reset:pet-stage;
}

.petmap-box .tree-container > div {
  position:relative;
  padding:32px 12px 16px 38px;
  min-height:136px;
}

.petmap-box .tree-container > div:nth-child(odd) {
  background:var(--ui-raised);
}

.petmap-box .tree-container > div::before {
  counter-increment:pet-stage;
  content:'第 ' counter(pet-stage) ' 阶段';
  position:absolute;
  left:12px;
  top:8px;
  font-size:10px;
  color:var(--ui-muted);
}

.petmap-box .pet-node {
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  width:124px;
  min-width:90px;
  height:108px;
  position:relative;
  padding:8px;
  cursor:pointer;
}

.petmap-box .pet-node img {
  width:46px;
  height:46px;
  -o-object-fit:contain;
     object-fit:contain;
  border:2px solid transparent;
  border-radius:3px;
}

.petmap-box .pet-node img.highlight {
  border-color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.petmap-box .pet-name {
  font-size:11px;
  text-align:center;
}

.pet-name-title {
  height:20px;
  overflow:hidden;
}

.petmap-box svg {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}

.petmap-box .line {
  fill:none;
  stroke:transparent;
  stroke-width:2;
}

.petmap-box .line.highlight {
  stroke:var(--ui-brand);
}

.pet-select-box a.active {
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.tools-desc {
  background:var(--ui-raised);
  padding:14px 18px;
  border-radius:3px;
  font-size:12px;
  color:var(--ui-muted);
}

.pet-select-box {
  overflow-x:auto;
}

.pet-select-box > div {
  flex-shrink:0;
}

@media(max-width:760px){
  .xxf-layout{
    display:block
  }

  .xxf-sidebar{
    position:static;
    max-height:none;
    margin-bottom:12px
  }

  .xxf-mobile-toggle{
    display:inline;
    font-size:10px;
    color:var(--ui-muted)
  }

  .xxf-category-nav{
    max-height:48vh;
    overflow:auto
  }

  .ui-data-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .ui-home-grid{
    grid-template-columns:1fr
  }

  .ui-home-left{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
  }

  .ui-home-left>.ui-card:last-child{
    grid-column:1/-1
  }

  .ui-home-left .ui-feature{
    height:100%
  }

  .ui-home-grid>.ui-home-right{
    display:grid;
    grid-template-columns:1.2fr 1fr
  }

  .map_mainbox{
    max-height:600px
  }

  .gsim-item-li{
    flex-wrap:wrap
  }

  .ui-table th,.ui-table td{
    min-width:80px
  }
}

@media(min-width:768px){
  .col-md-3{
    width:25%!important
  }

  .col-md-4{
    width:33.333%!important
  }

  .col-md-5{
    width:41.666%!important
  }

  .col-md-6{
    width:50%!important
  }

  .col-md-7{
    width:58.333%!important
  }

  .col-md-8{
    width:66.666%!important
  }

  .col-md-9{
    width:75%!important
  }

  .col-md-12{
    width:100%!important
  }
}

@media(min-width:1024px){
  .col-lg-3{
    width:25%!important
  }

  .col-lg-4{
    width:33.333%!important
  }

  .col-lg-5{
    width:41.666%!important
  }

  .col-lg-6{
    width:50%!important
  }

  .col-lg-7{
    width:58.333%!important
  }

  .col-lg-8{
    width:66.666%!important
  }

  .col-lg-9{
    width:75%!important
  }

  .col-lg-12{
    width:100%!important
  }
}

@media(max-width:1190px){
  .ui-header-row{
    gap:10px;
    padding:0 16px
  }

  .ui-nav-link{
    font-size:12px;
    padding:9px 7px
  }

  .ui-search-trigger span:not(.ui-icon),.ui-search-trigger kbd{
    display:none
  }

  .ui-search-trigger{
    background:transparent;
    padding:7px
  }

  .ui-shortcuts{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .ui-home-grid{
    grid-template-columns:1fr 1.8fr
  }

  .ui-home-grid>.ui-home-right{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:1.5fr 1fr;
    gap:18px
  }

  .ui-home-intro .ui-home-status{
    display:none
  }
}

@media(max-width:900px){
  .ui-mobile-menu{
    display:flex
  }

  .ui-nav{
    display:none;
    position:absolute;
    top:68px;
    left:0;
    right:0;
    padding:10px 16px;
    background:var(--ui-panel);
    border-bottom:1px solid var(--ui-line);
    max-height:calc(100dvh - 80px);
    overflow:auto
  }

  .ui-nav.is-open{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    align-items:start;
    gap:5px
  }

  .ui-nav-link{
    font-size:13px;
    padding:12px 8px
  }

  .ui-nav-drop{
    position:static;
    border:0;
    background:var(--ui-raised);
    min-width:0;
    font-size:12px
  }

  .ui-header-actions{
    margin-left:auto
  }

  .ui-data-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

  .ui-header-row{
    min-height:64px
  }

  .ui-nav{
    top:64px
  }

  .ui-shell,.ui-page-inner{
    padding:20px 48px 24px 16px
  }

  .ui-footer-inner{
    padding-right:16px
  }

  .xxf-layout{
    grid-template-columns:180px minmax(0,1fr)
  }
}

@media(max-width:640px){
  .ui-header-row{
    padding:0 10px;
    gap:6px;
    min-height:60px
  }

  .ui-brand{
    gap:5px
  }

  .ui-brand img{
    width:30px;
    height:30px
  }

  .ui-brand strong{
    font-size:17px
  }

  .ui-brand small{
    font-size:6px
  }

  .ui-header-actions{
    gap:0
  }

  .ui-member-trigger{
    padding:7px 4px;
    font-size:12px
  }

  .ui-icon-btn{
    width:32px;
    height:36px
  }

  .ui-shell,.ui-page-inner{
    padding:16px 12px 24px
  }

  .ui-home-intro{
    margin-bottom:16px
  }

  .ui-home-intro h1{
    font-size:22px
  }

  .ui-home-intro p{
    font-size:11px
  }

  .ui-shortcuts{
    gap:6px;
    margin-bottom:16px
  }

  .ui-shortcut{
    flex-direction:column;
    text-align:center;
    gap:5px;
    min-height:76px;
    padding:10px 4px
  }

  .ui-shortcut>.ui-icon{
    font-size:24px
  }

  .ui-shortcut strong{
    font-size:11px
  }

  .ui-shortcut small{
    font-size:8px
  }

  .ui-home-grid{
    display:flex;
    flex-direction:column;
    gap:0
  }

  .ui-home-grid>*{
    width:100%
  }

  .ui-home-grid>.ui-home-left{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
  }

  .ui-feature{
    aspect-ratio:1;
    height:100%;
    min-height:180px
  }

  .ui-home-left>.ui-card{
    font-size:11px
  }

  .ui-home-left .ui-card-body{
    padding:10px
  }

  .ui-home-grid>.ui-home-right{
    display:block
  }

  .ui-home-grid>.ui-home-left{
    order:1
  }

  .ui-home-grid>.ui-home-center{
    order:0
  }

  .ui-home-grid>.ui-home-right{
    order:2
  }

  .ui-home-intro>.ui-btn{
    display:none
  }

  .ui-feature h2{
    font-size:12px
  }

  .ui-news-row{
    padding:12px 0
  }

  .ui-news-row strong{
    font-size:12px
  }

  .ui-news-row time{
    font-size:9px
  }

  .ui-float{
    right:6px;
    bottom:24px;
    padding:2px
  }

  .ui-float button{
    width:29px;
    height:32px
  }

  .ui-float .ui-icon{
    font-size:17px
  }

  .ui-footer-inner{
    display:block;
    padding:20px 12px
  }

  .ui-footer-brand{
    margin-bottom:14px
  }

  .ui-drawer{
    width:100%
  }

  .ui-drawer-head{
    padding:18px
  }

  .ui-drawer-content{
    padding:18px
  }

  .ui-search-dialog{
    max-width:calc(100% - 16px);
    margin:12px auto auto;
    max-height:calc(100dvh - 24px)
  }

  .ui-data-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .ui-data-item{
    min-height:132px
  }

  .xxf-layout{
    display:block
  }

  .xxf-sidebar{
    position:static;
    max-height:none;
    margin-bottom:12px
  }

  .xxf-mobile-toggle{
    display:inline;
    font-size:10px;
    color:var(--ui-muted)
  }

  .xxf-category-nav{
    max-height:48vh;
    overflow:auto
  }

  .xxf-heading h1{
    font-size:19px
  }

  .xxf-filter-row{
    gap:6px
  }

  .xxf-filter-row>strong{
    min-width:48px
  }

  .xxf-secondary{
    margin:0 12px 10px;
    padding:8px
  }

  .ui-card-body,.card-body{
    padding:12px
  }

  .profession-hero{
    padding:14px;
    gap:10px
  }

  .profession-avatar{
    width:50px;
    height:50px
  }

  .profession-title-row h1{
    font-size:21px
  }

  .profession-copy p{
    font-size:10px
  }

  .profession-toolbar{
    padding:0 12px
  }

  .profession-toolbar-note{
    display:none
  }

  .profession-tabs{
    width:100%;
    gap:0;
    justify-content:space-around
  }

  .profession-tabs a{
    font-size:11px
  }

  .ui-profile-grid{
    display:block
  }

  .ui-profile-nav{
    display:flex;
    flex-wrap:wrap;
    margin-bottom:14px;
    gap:4px
  }

  .ui-profile-nav a{
    font-size:12px;
    padding:8px
  }

  .ui-profile-fields{
    grid-template-columns:1fr
  }

  .ui-nav{
    top:60px
  }

  .ui-search-result strong{
    font-size:12px
  }

  .ui-search-result-type{
    width:36px
  }

  .ui-table,.table{
    font-size:12px
  }

  .ui-table td,.table td{
    padding:8px
  }

  .ui-row,.row{
    margin-left:-5px;
    margin-right:-5px
  }

  .ui-row>[class*=col-],.row>[class*=col-]{
    padding:0 5px
  }

  .ui-content-title{
    font-size:20px
  }
}

/* Final compact homepage constraints. */

@media (min-width:761px) and (max-width:1190px) {
  .ui-home-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1.8fr);
  }

  .ui-home-left {
    display:block;
    min-width:0;
  }
}

@media (max-width:760px) {
  .ui-home-grid {
    display:flex;
    flex-direction:column;
    gap:0;
  }

  .ui-home-grid > * {
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .ui-home-grid > .ui-home-left {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
    order:0;
  }

  .ui-home-left .ui-feature {
    width:100%;
    height:220px;
    min-height:0;
    max-height:220px;
    aspect-ratio:auto;
  }

  .ui-home-left > .ui-card:last-child {
    display:none;
  }

  .ui-home-grid > .ui-home-center {
    order:1;
  }

  .ui-home-grid > .ui-home-right {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:12px;
    order:2;
  }

  .ui-home-left .ui-notice {
    font-size:11px;
  }
}

@media (max-width:480px) {
  .ui-home-left .ui-feature {
    height:180px;
    max-height:180px;
  }

  .ui-home-grid > .ui-home-right {
    display:block;
  }

  .ui-home-left .ui-card-head {
    padding:10px;
    gap:6px;
  }

  .ui-home-left .ui-card-head h2 {
    font-size:12px;
  }
}

/* Preserve the established page structure while rendering with UIV8 components. */

.ui-shell,.ui-page-inner {
  padding-block:24px 30px;
}

.seal-classic-home .ui-card {
  margin-bottom:10px;
}

.seal-classic-home .ui-card-head {
  min-height:46px;
  padding:10px 14px;
}

.seal-classic-home .ui-card-head h2 {
  font-size:16px;
}

.seal-home-intro {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 22px;
}

.seal-home-intro-brand {
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}

.seal-home-logo {
  width:64px;
  height:64px;
  -o-object-fit:contain;
     object-fit:contain;
  flex-shrink:0;
}

.seal-home-wordmark {
  width:auto;
  max-width:100%;
  max-height:52px;
  -o-object-fit:contain;
     object-fit:contain;
  -o-object-position:left;
     object-position:left;
}

.seal-home-intro p {
  margin-top:8px;
  font-size:13px;
  color:var(--ui-muted);
}

.seal-home-oldlinks {
  display:flex;
  gap:18px;
  flex-shrink:0;
  font-size:11px;
  text-align:center;
}

.seal-home-oldlinks img {
  display:block;
  width:72px;
  height:72px;
  -o-object-fit:cover;
     object-fit:cover;
  margin:0 auto 5px;
}

.seal-home-columns {
  display:grid;
  grid-template-columns:minmax(0,3fr) minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.seal-home-main,.seal-home-aside {
  min-width:0;
}

.seal-home-top {
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,7fr);
  gap:10px;
  align-items:start;
}

.seal-home-carousel {
  position:relative;
  overflow:hidden;
}

.seal-home-carousel [data-ui-slide] {
  display:block;
}

.seal-home-carousel img {
  width:100%;
  height:240px;
  -o-object-fit:cover;
     object-fit:cover;
}

.seal-home-carousel button {
  position:absolute;
  top:0;
  bottom:0;
  width:36px;
  color:#fff;
  background:linear-gradient(90deg,#0004,transparent);
  opacity:.7;
}

.seal-home-carousel button:hover {
  opacity:1;
}

.seal-slide-prev {
  left:0;
}

.seal-slide-prev .ui-icon {
  transform:rotate(180deg);
}

.seal-slide-next {
  right:0;
  transform:rotate(180deg);
}

.seal-slide-next .ui-icon {
  transform:rotate(180deg);
}

.seal-home-notice {
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.seal-home-notice img,.seal-home-updates img {
  max-width:100%;
  height:auto;
}

.seal-home-notice p {
  margin-bottom:8px;
}

.seal-home-notice a,.seal-home-updates a {
  color:var(--ui-brand);
}

.seal-home-notice [style] {
  max-width:100%;
  white-space:normal!important;
}

.seal-home-notice table {
  width:100%!important;
}

.seal-home-notice {
  height:308px;
  overflow:auto;
}

.dark :is(.seal-home-notice,.seal-home-updates,.arcmain) :is([style*="color: rgb(0, 0, 0)"],[style*="color: #000"],[style*="color:#000"]) {
  color:var(--ui-text)!important;
}

.seal-home-recommend .ui-section-tabs {
  gap:0;
  padding:10px 12px 0;
  border:0;
  flex-wrap:wrap;
}

.seal-home-recommend .ui-section-tabs button {
  padding:6px 12px;
  border:1px solid var(--ui-line);
  font-size:16px;
}

.seal-home-recommend .ui-section-tabs button.is-active {
  border-color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.seal-home-news-list {
  padding:10px 12px;
}

.seal-home-news {
  display:flex;
  align-items:baseline;
  gap:10px;
  padding:5px;
  min-width:0;
  line-height:1.65;
  font-size:14px;
}

.seal-home-news > span {
  flex:1;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.seal-home-news small {
  color:var(--ui-muted);
  font-size:12px;
  white-space:nowrap;
}

.seal-home-news:hover {
  border-radius:3px;
  background:var(--ui-hover);
}

.seal-home-portals {
  padding:8px 16px 12px;
  font-size:14px;
}

.seal-home-portals > div {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  align-items:center;
  padding:8px 0;
}

.seal-home-portals > div+div {
  border-top:1px solid var(--ui-line);
}

.seal-home-links {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  padding:12px;
}

.seal-home-links > a {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  text-align:center;
  padding:12px 6px;
  min-width:0;
  border-radius:3px;
  background:var(--ui-raised);
  font-size:14px;
}

.seal-home-links > a:hover {
  background:var(--ui-brand-bg);
}

.seal-home-links img {
  width:48px;
  height:48px;
  -o-object-fit:contain;
     object-fit:contain;
}

.seal-home-search {
  display:flex;
  padding:0 12px 12px;
  gap:8px;
}

.seal-home-search input {
  width:100%;
  min-width:0;
  flex:1;
}

.seal-home-newitems {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  padding:14px;
  gap:8px;
}

.seal-home-newitems a {
  display:inline-flex;
  width:32px;
  height:32px;
}

.seal-home-newitems img {
  width:32px;
  height:32px;
}

.seal-home-trades {
  padding:0 12px 10px;
}

.seal-home-trades article {
  padding:9px 0;
  border-top:1px dashed var(--ui-line);
  font-size:13px;
}

.seal-home-trades article > div {
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:3px;
}

.seal-home-trades time {
  margin-left:auto;
  font-size:11px;
  color:var(--ui-muted);
}

.seal-home-trades a {
  display:block;
  overflow-wrap:anywhere;
}

.seal-home-updates {
  max-height:560px;
  overflow:auto;
  padding:12px 16px;
  font-size:13px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.seal-home-updates article+article {
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid var(--ui-line);
}

.seal-home-updates h3 {
  font-size:15px;
  margin-bottom:8px;
}

.seal-classic-list .ui-card-body {
  padding:16px;
}

.seal-classic-list > .xxf-secondary {
  margin:12px 16px 0;
}

.seal-data-grid {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--ui-line);
  border-left:1px solid var(--ui-line);
}

.seal-data-entry {
  display:flex;
  min-width:0;
  min-height:96px;
  border-right:1px solid var(--ui-line);
  border-bottom:1px solid var(--ui-line);
}

.seal-data-level {
  display:flex;
  width:25%;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  background:var(--ui-raised);
  padding:8px 3px;
  font-size:13px;
  border-right:1px solid var(--ui-line);
}

.seal-data-entry > a {
  display:flex;
  flex:1;
  min-width:0;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:5px;
  padding:10px 5px;
  text-align:center;
  font-size:14px;
  overflow-wrap:anywhere;
}

.seal-data-entry > a:hover {
  background:var(--ui-hover);
}

.seal-data-entry img {
  -o-object-fit:contain;
     object-fit:contain;
}

.xxf-layout {
  grid-template-columns:280px minmax(0,1fr);
}

.xxf-sidebar {
  font-size:14px;
}

.xxf-category-section > summary {
  font-size:13px;
}

.xxf-filter-row {
  font-size:13px;
}

.xxf-chip {
  min-height:30px;
}

.xxf-heading h1 {
  font-size:20px;
}

.xxf-row {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding:10px 0;
  border-bottom:1px solid var(--ui-line);
  font-size:13px;
}

.xxf-row:last-child {
  border-bottom:0;
}

.xxf-label {
  min-width:72px;
  color:var(--ui-muted);
}

.xxf-row details {
  width:100%;
}

.xxf-select {
  max-width:100%;
}

.xxf-category-links .xxf-select {
  width:100%;
}

.xxf-row details .xxf-chip {
  margin:3px;
}

.xxf-secondary .xxf-row > .xxf-label {
  display:none;
}

.main_arccontent {
  font-size:16px;
  line-height:30px;
  overflow-wrap:anywhere;
}

.main_arccontent p {
  margin:0 0 6px;
  line-height:30px;
  letter-spacing:.5px;
  font-size:16px;
}

.main_arccontent img {
  max-width:100%;
  height:auto;
}

.seal-comments {
  padding:8px;
}

.seal-comments [data-ui-comments-status] {
  padding:10px;
  font-size:13px;
}

.ui-table.table-bordered td,.ui-table.table-bordered th {
  border:1px solid var(--ui-line);
}

.page-title-wrapper {
  font-size:22px;
  font-weight:500;
}

.article_sinfo {
  display:flex;
  gap:12px;
  justify-content:space-between;
  flex-wrap:wrap;
  margin-top:12px;
  color:var(--ui-muted);
  font-size:13px;
}

.sinfo_l {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.sinfo_r {
  margin-left:auto;
}

@media(max-width:1199px){
  .seal-home-links{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }

  .seal-home-oldlinks{
    gap:8px
  }

  .seal-home-oldlinks img{
    width:56px;
    height:56px
  }

  .seal-home-intro{
    padding:16px
  }

  .seal-home-logo{
    width:48px;
    height:48px
  }

  .seal-data-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media(max-width:991px){
  .seal-home-columns{
    grid-template-columns:minmax(0,1fr)
  }

  .seal-home-aside{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;
    align-items:start
  }

  .seal-home-aside>.ui-card:last-child{
    grid-column:1/-1
  }

  .seal-home-oldlinks{
    display:none
  }

  .seal-data-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
}

@media(max-width:639px){
  .ui-shell,.ui-page-inner{
    padding:12px 8px 24px
  }

  .seal-home-intro{
    padding:12px
  }

  .seal-home-intro-brand{
    gap:10px
  }

  .seal-home-logo{
    width:40px;
    height:40px
  }

  .seal-home-wordmark{
    max-height:36px
  }

  .seal-home-intro p{
    font-size:12px
  }

  .seal-home-top{
    display:block
  }

  .seal-home-carousel{
    display:none
  }

  .seal-home-aside{
    display:block
  }

  .seal-home-links{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .seal-home-news small{
    display:none
  }

  .seal-home-portals>div{
    gap:10px
  }

  .seal-home-portals .badge{
    align-self:center
  }

  .seal-home-recommend .ui-section-tabs button{
    font-size:14px
  }

  .seal-classic-list .ui-card-body{
    padding:8px
  }

  .seal-data-grid{
    grid-template-columns:minmax(0,1fr)
  }

  .seal-data-entry{
    min-height:80px
  }

  .seal-data-level{
    width:25%
  }

  .seal-data-entry>a{
    padding:8px
  }

  .seal-classic-home .ui-card-head .ui-more{
    font-size:10px
  }

  .seal-home-updates{
    max-height:420px
  }

  .page-title-wrapper{
    font-size:20px
  }

  .article_sinfo{
    font-size:12px
  }
}

@media(min-width:1101px){
  .seal-data-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))
  }
}

@media(min-width:761px) and (max-width:1100px){
  .seal-data-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .xxf-layout{
    grid-template-columns:190px minmax(0,1fr);
    gap:12px
  }
}

@media(max-width:760px){
  .seal-data-grid{
    grid-template-columns:minmax(0,1fr)
  }

  .seal-data-entry{
    min-height:76px
  }

  .seal-data-level{
    width:56px
  }

  .seal-data-entry>a{
    flex-direction:row;
    justify-content:flex-start;
    text-align:left;
    padding:8px 12px;
    gap:12px
  }

  .xxf-layout{
    display:block
  }
}

/* Match mxdc.xiong's layout-shell: capped, centered, with symmetric gutters.
   Keep the header full width and preserve each page's vertical spacing. */

.ui-shell,.ui-page-inner {
  width:100%;
  max-width:1280px;
  margin-inline:auto;
  padding-inline:12px;
}

@media(min-width:768px){
  .ui-shell,.ui-page-inner{
    padding-inline:16px
  }
}

@media(min-width:1600px){
  .ui-shell,.ui-page-inner{
    max-width:1320px
  }
}

@media(min-width:1800px){
  .ui-shell,.ui-page-inner{
    max-width:1360px
  }
}

@media(max-width:639px){
  .seal-classic-list > .xxf-secondary{
    margin-inline:8px
  }
}

/* A quiet game-world backdrop and a consistent, rounded UIV8 surface system. */

:root {
  --ui-radius-card:6px;
  --ui-radius-control:6px;
  --ui-surface-shadow:0 5px 18px rgb(94 41 63 / .045);
  --ui-veil-top:rgb(251 244 247 / .70);
  --ui-veil-bottom:rgb(251 244 247 / .94);
}

:root.dark {
  --ui-surface-shadow:0 5px 18px rgb(0 0 0 / .14);
  --ui-veil-top:rgb(21 17 21 / .85);
  --ui-veil-bottom:rgb(21 17 21 / .96);
}

body {
  background-color:var(--ui-bg);
  background-image:linear-gradient(180deg,var(--ui-veil-top),var(--ui-veil-bottom) 90%),url('/public/uiv8/images/seal-arch-town.jpg');
  background-position:center top;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
}

.ui-card,.card {
  border:1px solid var(--ui-line);
  border-radius:var(--ui-radius-card);
  box-shadow:var(--ui-surface-shadow);
}

.ui-card-head,.card-header {
  min-height:40px;
  padding:6px 16px;
  line-height:20px;
  flex-wrap:wrap;
  border-radius:6px 6px 0 0;
  background:linear-gradient(100deg,var(--ui-raised),var(--ui-panel) 72%);
}

.ui-card-head .nav-link,.card-header .nav-link{
  padding:3px 10px;
  line-height:20px;
  font-size:12px
}

.ui-card-head .ui-btn,.ui-card-head .btn,.card-header .ui-btn,.card-header .btn{
  min-height:26px;
  padding:3px 9px;
  line-height:18px;
  font-size:12px
}

.seal-classic-home .ui-card-head{
  min-height:40px;
  padding:6px 14px
}

.xxf-sidebar-title{
  min-height:40px;
  padding:6px 14px;
  align-items:center;
  line-height:20px
}

.ui-card-head > .ui-icon,.ui-card-head .card-header-title > .ui-icon {
  color:var(--ui-brand);
}

.ui-card-foot,.card-footer {
  border-radius:0 0 6px 6px;
}

.ui-btn,.btn,input,select,textarea,.xxf-search button {
  border-radius:var(--ui-radius-control);
}

.ui-btn,.btn {
  transition:background-color .15s,border-color .15s,color .15s;
}

.ui-btn:not(:disabled):hover,.btn:not(:disabled):hover {
  border-color:var(--ui-brand);
}

.xxf-sidebar {
  border:1px solid var(--ui-line);
  border-radius:var(--ui-radius-card);
  box-shadow:var(--ui-surface-shadow);
}

.xxf-sidebar-title {
  border-radius:6px 6px 0 0;
  border-bottom:1px solid var(--ui-line);
  background:var(--ui-raised);
}

.xxf-category-link,.xxf-chip,.xxf-secondary {
  border-radius:6px;
}

.xxf-category-section > summary:hover {
  background:var(--ui-hover);
  border-radius:6px;
}

.seal-data-grid,.ui-table-scroll {
  border-radius:6px;
}

.seal-data-grid {
  overflow:hidden;
}

.seal-classic-home .ui-card {
  margin-bottom:14px;
}

.seal-home-columns {
  gap:16px;
}

.seal-home-top {
  gap:14px;
}

.seal-home-intro {
  border-radius:6px;
  background:linear-gradient(115deg,var(--ui-panel) 50%,var(--ui-raised));
}

.seal-home-oldlinks a {
  display:flex;
  flex-direction:column;
  align-items:center;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
  padding:8px;
}

.seal-home-oldlinks a:hover {
  border-color:var(--ui-brand);
}

.seal-home-oldlinks img {
  width:48px;
  height:48px;
  border-radius:6px;
  margin-bottom:6px;
}

.seal-home-carousel {
  border-radius:var(--ui-radius-card);
}

.seal-home-recommend .ui-section-tabs {
  gap:5px;
  padding:12px 12px 0;
}

.seal-home-recommend .ui-section-tabs button {
  border-radius:6px;
  font-size:15px;
}

.seal-home-news:hover {
  border-radius:6px;
}

.dark .seal-home-notice [style*="color: #2e8b57" i] {
  color:#8bccab!important;
}

.dark .seal-home-notice [style*="color: #9933cc" i] {
  color:#d6a0f1!important;
}

.dark .seal-home-notice [style*="color: rgb(255, 0, 0)"] {
  color:#ff8ca2!important;
}

.dark .seal-home-notice [style*="color: rgb(0, 112, 192)"] {
  color:#87c5f3!important;
}

.seal-home-links > a {
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.seal-home-links > a:hover {
  border-color:var(--ui-brand);
}

.seal-home-newitems a {
  border-radius:5px;
}

.seal-home-newitems a:hover {
  background:var(--ui-brand-bg);
}

.seal-v8-header.nav-surface {
  box-shadow:0 2px 14px rgb(94 41 63 / .035);
}

.seal-v8-header .nav-link {
  border-radius:6px;
}

.ui-float {
  border-radius:6px;
  padding:5px;
  box-shadow:var(--ui-surface-shadow);
}

.ui-float button {
  border-radius:6px;
}

.ui-dialog:not(.ui-drawer),.ui-alert,.modal-content {
  border-radius:6px;
  box-shadow:0 16px 48px rgb(36 16 27 / .16);
}

.ui-search-dialog .ui-dialog-head,.modal-header {
  border-radius:6px 6px 0 0;
}

@media(max-width:991px){
  .seal-home-columns{
    gap:0
  }

  .seal-home-aside{
    gap:14px
  }
}

@media(max-width:639px){
  body {
    background-attachment:scroll;
    background-size:100% 100%,auto 680px;
    background-position:center top,center 64px;
  }

  .ui-card,.card,.xxf-sidebar {
    border-radius:6px;
  }

  .ui-card-head,.card-header,.xxf-sidebar-title {
    border-radius:6px 6px 0 0;
  }

  .seal-home-recommend .ui-section-tabs button {
    font-size:14px;
    padding:6px 9px;
  }

  .ui-float {
    padding:3px;
    border-radius:6px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ui-btn,.btn{
    transition:none
  }
}

@media(hover:none) and (pointer:coarse){
  body{
    background-attachment:scroll;
    background-size:100% 100%,auto 680px;
    background-position:center top,center 64px
  }
}

/* Native asynchronous item catalogue: the same rows support cards and a compact list. */

.catalog-panel{
  min-width:0;
  scroll-margin-top:88px
}

.catalog-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px
}

.catalog-order{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  min-width:0
}

.catalog-order label{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ui-muted);
  font-size:12px
}

.catalog-order select{
  -webkit-appearance:auto;
     -moz-appearance:auto;
          appearance:auto;
  max-width:100%;
  min-height:34px;
  padding:6px 26px 6px 10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-text);
  font:inherit;
  cursor:pointer
}

.catalog-order select:focus-visible,.catalog-views a:focus-visible,.catalog-pagination a:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px
}

.catalog-views{
  display:flex;
  padding:3px;
  gap:3px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised)
}

.catalog-views a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:6px 9px;
  border-radius:6px;
  font-size:12px;
  color:var(--ui-muted);
  text-decoration:none
}

.catalog-views a[aria-pressed=true]{
  background:var(--ui-panel);
  color:var(--ui-brand);
  box-shadow:0 1px 5px rgb(91 41 62 / .09)
}

.catalog-views svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round
}

.catalog-results{
  position:relative;
  isolation:isolate;
  margin:0 16px;
  min-height:100px
}

.seal-catalog[aria-busy=true] .catalog-results{
  pointer-events:none
}

.catalog-feedback{
  margin:0 16px 12px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:12px;
  background:var(--ui-raised);
  color:var(--ui-brand);
  border:1px solid var(--ui-line);
  border-radius:6px;
  font-size:12px
}

.catalog-feedback[hidden]{
  display:none
}

.catalog-results>.catalog-feedback{
  margin:0 0 12px
}

.catalog-results>.catalog-feedback:not(.is-error){
  position:absolute;
  inset:0;
  z-index:4;
  margin:0;
  padding:24px 12px 12px;
  align-items:flex-start;
  justify-content:center;
  gap:9px;
  border:0;
  border-radius:6px;
  background:var(--ui-panel);
  background:color-mix(in srgb,var(--ui-panel) 76%,transparent)
}

.catalog-feedback:not(.is-error)>span{
  line-height:20px
}

.catalog-feedback:not(.is-error)::before{
  content:"";
  display:block;
  flex:none;
  width:16px;
  height:16px;
  margin-top:2px;
  box-sizing:border-box;
  border:2px solid var(--ui-line);
  border-top-color:var(--ui-brand);
  border-right-color:var(--ui-brand);
  border-radius:50%;
  animation:catalog-loading-spin .8s linear infinite
}

@keyframes catalog-loading-spin{
  to{
    transform:rotate(360deg)
  }
}

.catalog-feedback.is-error{
  color:var(--ui-text)
}

.catalog-feedback button{
  flex-shrink:0;
  padding:3px 10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-brand)
}

.catalog-entries{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}

.catalog-entry{
  position:relative;
  min-width:0;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  padding:14px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:12px;
  align-items:center;
  transition:border-color .15s,box-shadow .15s,background .15s
}

.catalog-entry:hover,.catalog-entry:focus-within{
  border-color:var(--ui-brand);
  box-shadow:0 3px 12px rgb(149 65 102 / .08)
}

.catalog-item{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  grid-column:1/-1;
  text-decoration:none;
  color:var(--ui-text)
}

.catalog-item:hover{
  color:var(--ui-brand)
}

.catalog-icon{
  width:50px;
  height:50px;
  flex:none;
  display:grid;
  place-items:center;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised)
}

.catalog-icon img{
  width:32px;
  height:32px;
  -o-object-fit:contain;
     object-fit:contain;
  image-rendering:pixelated
}

.catalog-name{
  font-size:13px;
  font-weight:600;
  line-height:1.6;
  overflow-wrap:anywhere
}

.catalog-level{
  font-size:11px;
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  padding:3px 8px;
  border-radius:6px;
  justify-self:start;
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}

.catalog-id{
  font-size:11px;
  color:var(--ui-muted);
  justify-self:end;
  font-variant-numeric:tabular-nums;
  white-space:nowrap
}

.catalog-stats{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:0;
  padding:10px 0 0;
  border-top:1px solid var(--ui-line);
  gap:6px
}

.catalog-stats div{
  display:flex;
  flex-direction:column;
  gap:4px;
  text-align:center
}

.catalog-stats dt{
  font-size:10px;
  color:var(--ui-muted);
  font-weight:400
}

.catalog-stats dd{
  margin:0;
  font-size:12px;
  color:var(--ui-text);
  font-variant-numeric:tabular-nums
}

.catalog-price{
  grid-column:1;
  font-size:12px;
  font-variant-numeric:tabular-nums;
  color:var(--ui-muted)
}

.catalog-price small{
  font-size:10px
}

.catalog-set-job{
  grid-column:1/-1;
  font-size:12px;
  color:var(--ui-muted);
  overflow-wrap:anywhere
}

.catalog-entry>.catalog-id{
  grid-column:2;
  grid-row:2
}

.catalog-list-head,.catalog-mobile-label{
  display:none
}

.catalog-sr{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0
}

.seal-catalog[data-view=list] .catalog-entries{
  display:block
}

.seal-catalog[data-view=list] .catalog-list-head,.seal-catalog[data-view=list] .catalog-entry{
  display:grid;
  grid-template-columns:minmax(160px,1fr) 66px 160px 100px 70px;
  gap:12px;
  padding:12px 14px;
  align-items:center
}

.seal-catalog[data-view=list] .catalog-list-head{
  font-size:11px;
  color:var(--ui-muted);
  background:var(--ui-raised);
  border:1px solid var(--ui-line);
  border-radius:6px 6px 0 0
}

.seal-catalog[data-view=list] .catalog-entry{
  border-top:0;
  border-radius:0;
  box-shadow:none
}

.seal-catalog[data-view=list] .catalog-entry:last-child{
  border-radius:0 0 6px 6px
}

.seal-catalog[data-view=list] .catalog-entry:hover{
  background:var(--ui-raised);
  border-color:var(--ui-line)
}

.seal-catalog[data-view=list] .catalog-item,.seal-catalog[data-view=list] .catalog-entry>.catalog-id,.seal-catalog[data-view=list] .catalog-stats,.seal-catalog[data-view=list] .catalog-price,.seal-catalog[data-view=list] .catalog-set-job{
  grid-column:auto;
  grid-row:auto
}

.seal-catalog[data-view=list] .catalog-icon{
  width:40px;
  height:40px;
  border-radius:6px
}

.seal-catalog[data-view=list] .catalog-stats{
  padding:0;
  border:0;
  gap:5px
}

.seal-catalog[data-view=list] .catalog-stats dt{
  display:none
}

.seal-catalog[data-view=list] .catalog-sets .catalog-entry{
  grid-template-columns:minmax(160px,1fr) 66px minmax(100px,1fr) 70px
}

.seal-catalog[data-view=list] .catalog-results-sets .catalog-list-head{
  grid-template-columns:minmax(160px,1fr) 66px minmax(100px,1fr) 70px
}

@media(min-width:1800px){
  .catalog-entries{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
}

@media(max-width:1150px){
  .catalog-entries{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .seal-catalog[data-view=list] .catalog-list-head,.seal-catalog[data-view=list] .catalog-entry{
    grid-template-columns:minmax(140px,1fr) 55px 110px 75px 55px;
    gap:8px;
    padding:10px
  }

  .seal-catalog[data-view=list] .catalog-name{
    font-size:12px
  }
}

@media(max-width:1050px){
  .catalog-panel{
    scroll-margin-top:76px
  }

  .catalog-controls{
    padding:12px;
    gap:10px
  }

  .catalog-order{
    flex:1 1 100%;
    gap:6px
  }

  .catalog-order label{
    font-size:11px;
    gap:6px
  }

  .catalog-order select{
    padding:6px;
    min-height:34px
  }

  .catalog-views{
    margin-left:auto
  }

  .catalog-results{
    margin:0 12px
  }

  .catalog-entries{
    gap:10px
  }

  .catalog-entry{
    padding:12px;
    gap:10px
  }

  .seal-catalog[data-view=list] .catalog-list-head{
    display:none
  }

  .seal-catalog[data-view=list] .catalog-entry,.seal-catalog[data-view=list] .catalog-sets .catalog-entry{
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 10px;
    border-top:1px solid var(--ui-line);
    border-radius:6px;
    margin-bottom:8px;
    padding:12px
  }

  .seal-catalog[data-view=list] .catalog-item{
    grid-column:1;
    grid-row:1/3
  }

  .seal-catalog[data-view=list] .catalog-level{
    grid-column:2;
    grid-row:1;
    justify-self:end
  }

  .seal-catalog[data-view=list] .catalog-entry>.catalog-id{
    grid-column:2;
    grid-row:2
  }

  .seal-catalog[data-view=list] .catalog-stats{
    grid-column:1;
    grid-row:3;
    display:flex;
    gap:14px
  }

  .seal-catalog[data-view=list] .catalog-stats div{
    flex-direction:row;
    gap:4px
  }

  .seal-catalog[data-view=list] .catalog-stats dt{
    display:block;
    font-size:10px
  }

  .seal-catalog[data-view=list] .catalog-price{
    grid-column:2;
    grid-row:3;
    justify-self:end
  }

  .seal-catalog[data-view=list] .catalog-set-job{
    grid-column:1/-1;
    grid-row:3
  }

  .catalog-feedback{
    margin:0 12px 12px
  }
}

@media(max-width:420px){
  .catalog-entry{
    padding:10px
  }

  .catalog-item{
    gap:7px
  }

  .catalog-icon{
    width:38px;
    height:42px
  }

  .catalog-name{
    font-size:12px
  }

  .catalog-controls{
    padding:12px 8px
  }

  .catalog-results{
    margin:0 8px
  }

  .catalog-level{
    font-size:10px;
    padding:3px 5px
  }

  .catalog-id{
    font-size:10px
  }
}

@media(prefers-reduced-motion:reduce){
  .catalog-entry,.catalog-results{
    transition:none
  }
}

@media(min-width:761px) and (max-width:1439px){
  .seal-catalog{
    padding-right:64px
  }
}

/* Compact cards retain detailed fields only in list view. */

.seal-catalog[data-view=card] .catalog-stats,.seal-catalog[data-view=card] .catalog-price,.seal-catalog[data-view=card] .catalog-set-job{
  display:none
}

/* UIV8 dropdown skin. The real select stays in its original form and DOM position. */

select.sv8-select-native{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  pointer-events:none!important
}

.sv8-select{
  display:inline-flex;
  position:relative;
  max-width:100%;
  min-width:0;
  vertical-align:middle
}

.sv8-select[hidden]{
  display:none
}

.sv8-select-trigger{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:90px;
  min-height:36px;
  max-width:100%;
  padding:7px 11px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-text);
  font:inherit;
  font-size:12px;
  line-height:20px;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 2px rgb(91 41 62 / .025);
  transition:border-color .15s,background .15s,box-shadow .15s
}

.sv8-select-trigger:hover,.sv8-select-trigger[aria-expanded=true]{
  border-color:var(--ui-brand);
  background:var(--ui-raised)
}

.sv8-select-trigger:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px
}

.sv8-select-trigger:disabled{
  opacity:.5;
  cursor:not-allowed
}

.sv8-select-caption{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  min-width:0
}

.sv8-select-trigger>svg{
  width:12px;
  height:12px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--ui-muted);
  transition:transform .15s
}

.sv8-select-trigger[aria-expanded=true]>svg{
  transform:rotate(180deg)
}

.sv8-select-filter{
  max-width:100%
}

.sv8-select-filter .sv8-select-trigger{
  width:100%;
  min-width:160px
}

.sv8-select-menu{
  position:fixed;
  inset:auto;
  margin:0;
  box-sizing:border-box;
  z-index:100050;
  overflow:auto;
  overscroll-behavior:contain;
  padding:5px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-text);
  box-shadow:0 12px 32px rgb(74 30 50 / .16),0 2px 8px rgb(74 30 50 / .06);
  scrollbar-width:thin;
  scrollbar-color:var(--ui-line) transparent
}

.sv8-select-option{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  padding:8px 10px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:var(--ui-text);
  font:inherit;
  font-size:12px;
  line-height:20px;
  text-align:left;
  cursor:pointer
}

.sv8-select-option>span{
  min-width:0;
  overflow-wrap:anywhere
}

.sv8-select-option>svg{
  width:15px;
  height:15px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
  visibility:hidden
}

.sv8-select-option[aria-selected=true]{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-weight:600
}

.sv8-select-option[aria-selected=true]>svg{
  visibility:visible
}

.sv8-select-option.is-focused,.sv8-select-option:hover:not(:disabled){
  background:var(--ui-raised);
  color:var(--ui-brand)
}

.sv8-select-option:disabled{
  opacity:.45;
  cursor:not-allowed
}

.sv8-select-group{
  font-size:10px;
  color:var(--ui-muted);
  padding:9px 10px 4px
}

@media(max-width:420px){
  .catalog-order .sv8-select-trigger{
    min-width:78px;
    padding:6px 9px;
    gap:10px;
    font-size:11px
  }
}

@media(prefers-reduced-motion:reduce){
  .sv8-select-trigger,.sv8-select-trigger>svg{
    transition:none
  }
}

/* Keep card metadata directly under the name, beside the icon. */

.catalog-title{
  display:block;
  min-width:0
}

.catalog-subline{
  display:contents
}

.catalog-tags{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:3px;
  margin-top:5px
}

.catalog-tag{
  display:inline-flex;
  align-items:center;
  min-height:17px;
  padding:1px 4px;
  border-radius:3px;
  line-height:15px;
  font-size:10px;
  font-weight:400;
  white-space:nowrap;
  background:var(--ui-brand-bg);
  color:var(--ui-brand)
}

.catalog-tag-trade{
  color:#087c68;
  background:color-mix(in srgb,#10b991 12%,var(--ui-panel))
}

.catalog-tag-drop,.catalog-tag-box{
  color:#ad5900;
  background:color-mix(in srgb,#f3a537 14%,var(--ui-panel))
}

.catalog-tag-shop,.catalog-tag-mall{
  color:#087b9b;
  background:color-mix(in srgb,#23afd1 12%,var(--ui-panel))
}

.catalog-tag-exchange,.catalog-tag-craft{
  color:#7251b2;
  background:color-mix(in srgb,#a17be4 13%,var(--ui-panel))
}

[data-theme=dark] .catalog-tag-trade{
  color:#69d8bd
}

[data-theme=dark] .catalog-tag-drop,[data-theme=dark] .catalog-tag-box{
  color:#efbe74
}

[data-theme=dark] .catalog-tag-shop,[data-theme=dark] .catalog-tag-mall{
  color:#75cce4
}

[data-theme=dark] .catalog-tag-exchange,[data-theme=dark] .catalog-tag-craft{
  color:#c0a4ee
}

.seal-catalog[data-view=card] .catalog-subline{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 7px;
  min-width:0
}

.seal-catalog[data-view=card] .catalog-tags{
  margin-top:0
}

.catalog-card-meta{
  display:none
}

.catalog-topline{
  display:contents
}

.catalog-topline>.catalog-level{
  display:none
}

.seal-catalog[data-view=card] .catalog-item-title{
  flex:1;
  align-items:stretch
}

.seal-catalog[data-view=card] .catalog-topline{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-width:0
}

.seal-catalog[data-view=card] .catalog-topline>.catalog-name{
  flex:1;
  min-width:0
}

.seal-catalog[data-view=card] .catalog-topline>.catalog-level{
  display:inline-flex;
  flex:none;
  margin-left:auto;
  padding:2px 5px;
  font-size:10px;
  line-height:14px
}

.seal-catalog[data-view=card] .catalog-entry{
  display:block
}

.seal-catalog[data-view=card] .catalog-entry>.catalog-level,.seal-catalog[data-view=card] .catalog-entry>.catalog-id{
  display:none
}

.seal-catalog[data-view=card] .catalog-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px
}

.seal-catalog[data-view=card] .catalog-card-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 9px;
  line-height:1.4
}

.seal-catalog[data-view=card] .catalog-card-meta .catalog-level{
  padding:2px 5px;
  font-size:10px
}

.seal-catalog[data-view=card] .catalog-card-meta .catalog-id{
  font-size:10px
}

/* Compact catalogue workspace, isolated from the preserved legacy frontend. */

.seal-catalog .xxf-sidebar{
  scrollbar-width:thin;
  scrollbar-color:var(--ui-line) transparent
}

.seal-catalog .xxf-sidebar-title{
  align-items:center;
  padding:6px 14px;
  font-size:13px
}

.catalog-category-title{
  display:inline-flex;
  align-items:center;
  gap:8px
}

.catalog-category-title>.ui-icon{
  width:16px;
  height:16px;
  color:var(--ui-brand)
}

.seal-catalog .xxf-category-nav{
  padding:7px
}

.seal-catalog .xxf-category-section{
  border-bottom:1px solid var(--ui-line);
  padding:4px 0
}

.seal-catalog .xxf-category-section:last-child{
  border-bottom:0
}

.seal-catalog .xxf-category-section>summary{
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:8px 10px;
  color:var(--ui-text);
  font-size:13px;
  font-weight:600;
  border-radius:6px;
  cursor:pointer;
  list-style:none
}

.seal-catalog .xxf-category-section>summary::-webkit-details-marker{
  display:none
}

.seal-catalog .xxf-category-section>summary::marker{
  content:""
}

.seal-catalog .xxf-category-section[open]>summary{
  background:var(--ui-raised)
}

.seal-catalog .xxf-category-section.is-current>summary{
  color:var(--ui-brand)
}

.catalog-category-label{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0
}

.catalog-category-caret,.catalog-category-leaf,.catalog-drawer-caret{
  width:13px;
  height:13px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round
}

.catalog-category-caret{
  color:var(--ui-muted);
  transition:transform .15s
}

.xxf-category-section[open]>summary .catalog-category-caret{
  transform:rotate(90deg);
  color:var(--ui-brand)
}

.seal-catalog .xxf-category-links{
  margin:6px 3px 7px 16px;
  padding:0 0 0 8px;
  border-left:1px solid var(--ui-line)
}

.seal-catalog .xxf-category-links .sv8-select-filter{
  width:100%
}

.seal-catalog .xxf-category-links .sv8-select-trigger{
  min-width:0;
  width:100%
}

.seal-catalog .xxf-category-link{
  position:relative;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:8px 8px;
  margin:2px 0;
  border-radius:6px;
  font-size:13px;
  line-height:20px
}

.seal-catalog .xxf-category-name{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0
}

.catalog-category-leaf{
  width:10px;
  height:10px;
  color:var(--ui-muted);
  opacity:.65
}

.seal-catalog .xxf-category-link.is-active{
  font-weight:600
}

.seal-catalog .xxf-category-link.is-active::before{
  content:"";
  position:absolute;
  left:-9px;
  top:9px;
  bottom:9px;
  width:2px;
  border-radius:2px;
  background:var(--ui-brand)
}

.seal-catalog .xxf-category-link.is-active .catalog-category-leaf,.seal-catalog .xxf-category-link:hover .catalog-category-leaf{
  color:var(--ui-brand);
  opacity:1
}

.seal-catalog .xxf-item-count{
  font-size:10px;
  font-weight:400;
  white-space:nowrap;
  flex:none;
  font-variant-numeric:tabular-nums
}

.seal-catalog .xxf-category-link.is-active .xxf-item-count{
  color:var(--ui-brand)
}

.seal-catalog .xxf-category-section>summary:focus-visible,.seal-catalog .xxf-category-link:focus-visible,.seal-catalog .xxf-sidebar-title:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:1px
}

.catalog-drawer-caret{
  margin-left:5px;
  vertical-align:middle;
  transition:transform .15s
}

.xxf-category-drawer[open]>.xxf-sidebar-title .catalog-drawer-caret{
  transform:rotate(180deg)
}

@media(prefers-reduced-motion:reduce){
  .catalog-category-caret,.catalog-drawer-caret{
    transition:none
  }
}

.seal-item-detail .seal-detail-heading{
  margin-bottom:16px
}

.seal-detail-icon{
  display:grid;
  place-items:center;
  flex:none;
  width:52px;
  height:52px;
  background:var(--ui-raised);
  border:1px solid var(--ui-line);
  border-radius:6px
}

.seal-detail-icon img{
  -o-object-fit:contain;
     object-fit:contain;
  image-rendering:pixelated
}

.seal-item-detail .catalog-heading-line h1{
  font-size:23px
}

.seal-item-detail>.ui-row{
  align-items:flex-start
}

.seal-item-detail .ui-card-head{
  min-height:40px;
  flex-wrap:wrap;
  gap:8px;
  padding:6px 16px
}

.seal-item-detail .card-header-title{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:600
}

.seal-item-detail .card-header-title>.ui-icon{
  color:var(--ui-brand);
  width:18px;
  height:18px
}

.seal-item-detail .ui-card-head>.nav{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-left:auto
}

.seal-item-detail .ui-card-head .ui-btn{
  margin:0;
  padding:3px 10px;
  line-height:18px;
  font-size:11px;
  min-height:26px;
  border-radius:6px
}

.seal-item-detail .ui-card-body{
  padding:16px
}

.seal-item-detail .ui-table{
  font-size:12px;
  line-height:1.8
}

.seal-item-detail .ui-table td,.seal-item-detail .ui-table th{
  padding:10px 12px;
  vertical-align:middle;
  border-color:var(--ui-line)
}

.seal-item-detail .ui-table.table-bordered{
  border:1px solid var(--ui-line)
}

.seal-item-detail .ui-table.table-bordered tr:last-child>td,.seal-item-detail .ui-table.table-bordered tr:last-child>th{
  border-bottom:1px solid var(--ui-line)
}

.seal-item-detail .ui-table p{
  margin:3px 0
}

.seal-item-detail .td-hong,.seal-item-detail .td-hui{
  background:var(--ui-raised);
  color:var(--ui-muted);
  font-weight:500
}

.seal-item-detail .ui-table-scroll{
  border-radius:6px
}

.seal-item-detail #itembaseinfobox,.seal-item-detail #item_frombox,.seal-item-detail #Comments{
  scroll-margin-top:90px
}

.seal-item-detail .item-panel{
  position:relative;
  padding-right:76px!important
}

.seal-item-detail .item-panel__toggle{
  border-color:var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-muted)
}

.seal-item-detail .item-panel__toggle:hover{
  border-color:var(--ui-brand);
  color:var(--ui-brand);
  background:var(--ui-raised)
}

.seal-item-detail .item-panel__summary,.seal-item-detail .combat-picker{
  color:var(--ui-text)
}

.seal-item-detail .combat-picker__field>span,.seal-item-detail .combat-picker__hint{
  color:var(--ui-muted)
}

.seal-item-detail .combat-picker__current{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  border-radius:6px
}

.seal-item-detail .combat-picker__summary strong{
  color:var(--ui-brand)
}

.seal-item-detail .combat-picker__field .sv8-select,.seal-item-detail .combat-picker__field .sv8-select-trigger{
  width:100%
}

.seal-item-detail .combat-picker__field .sv8-select-trigger{
  min-width:0;
  gap:8px;
  font-size:12px
}

.seal-permission{
  display:inline-flex;
  vertical-align:middle;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:4px
}

.seal-permission .ui-icon{
  width:12px;
  height:12px;
  font-size:12px
}

.seal-permission.is-allowed{
  color:#16805a;
  background:color-mix(in srgb,#16805a 10%,var(--ui-panel))
}

.seal-permission.is-denied{
  color:var(--ui-brand);
  background:var(--ui-brand-bg)
}

.seal-item-detail .seal-comments{
  padding:16px
}

.seal-item-detail .seal-comments .atk-main-editor{
  border-radius:6px
}

@media(max-width:760px){
  .seal-item-detail .catalog-heading-line h1{
    font-size:20px
  }

  .seal-item-detail .catalog-head-actions{
    margin-left:0;
    width:100%;
    flex-wrap:wrap
  }

  .seal-item-detail .catalog-action{
    font-size:11px;
    padding:6px 9px
  }

  .seal-item-detail .ui-card-body{
    padding:12px
  }

  .seal-item-detail .ui-card-head{
    padding:6px 12px
  }

  .seal-item-detail .ui-table td,.seal-item-detail .ui-table th{
    padding:8px;
    font-size:11px
  }

  .seal-item-detail .item-panel{
    padding-right:10px!important;
    padding-top:42px!important
  }

  .seal-item-detail .combat-picker__field{
    max-width:none
  }

  .seal-item-detail .seal-comments{
    padding:12px
  }
}

.catalog-monster-icon img{
  width:42px;
  height:42px;
  -o-object-fit:contain;
     object-fit:contain;
  image-rendering:auto
}

.catalog-monster-icon>.ui-icon{
  width:26px;
  height:26px;
  color:var(--ui-muted)
}

.catalog-monster-note{
  display:block;
  max-width:100%;
  font-size:10px;
  line-height:1.5;
  color:var(--ui-muted);
  overflow-wrap:anywhere
}

.catalog-monster-element{
  font-size:10px;
  color:var(--ui-muted)
}

.catalog-monster-entry>.monster-value,.catalog-monster-entry>.catalog-npc-description,.catalog-monster-entry>.catalog-npc-map{
  display:none
}

.seal-catalog[data-view=list] .catalog-monsters .catalog-monster-entry,.seal-catalog[data-view=list] .catalog-monster-head{
  grid-template-columns:minmax(160px,1fr) 48px 92px 62px 70px 82px 58px 62px;
  gap:8px;
  padding:12px
}

.seal-catalog[data-view=list] .catalog-monster-entry>.monster-value{
  display:block;
  font-size:11px;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere
}

.seal-catalog[data-view=list] .catalog-monster-entry .catalog-item{
  min-width:0
}

.seal-catalog[data-view=list] .catalog-monster-icon{
  width:46px;
  height:46px
}

.seal-catalog[data-view=list] .catalog-monster-entry>.catalog-id{
  font-size:10px
}

.seal-catalog[data-view=list] .catalog-results-npcs .catalog-monster-head,.seal-catalog[data-view=list] .catalog-results-npcs .catalog-monster-entry{
  grid-template-columns:minmax(180px,1.2fr) minmax(100px,1fr) minmax(100px,1fr) 70px
}

.seal-catalog[data-view=list] .catalog-monster-entry>.catalog-npc-description,.seal-catalog[data-view=list] .catalog-monster-entry>.catalog-npc-map{
  display:block;
  font-size:12px;
  color:var(--ui-muted);
  overflow-wrap:anywhere
}

@media(max-width:1150px) and (min-width:1051px){
  .seal-catalog[data-view=list] .catalog-monsters .catalog-monster-entry,.seal-catalog[data-view=list] .catalog-monster-head{
    grid-template-columns:minmax(125px,1fr) 40px 72px 48px 54px 66px 40px 48px;
    gap:5px;
    padding:10px
  }

  .catalog-monster-head .catalog-sort{
    font-size:10px;
    gap:2px
  }
}

@media(max-width:1050px){
  .seal-catalog[data-view=list] .catalog-monsters .catalog-monster-entry,.seal-catalog[data-view=list] .catalog-results-npcs .catalog-monster-entry{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    padding:12px
  }

  .seal-catalog[data-view=list] .catalog-monster-entry .catalog-item{
    grid-column:1/-1;
    grid-row:auto
  }

  .seal-catalog[data-view=list] .catalog-monster-entry>.catalog-id{
    grid-column:4;
    grid-row:2;
    justify-self:end
  }

  .seal-catalog[data-view=list] .catalog-monster-entry .monster-level{
    grid-column:1/3;
    grid-row:2
  }

  .seal-catalog[data-view=list] .catalog-monster-entry .monster-attribute{
    grid-column:3;
    grid-row:2
  }

  .seal-catalog[data-view=list] .catalog-monster-entry .catalog-mobile-label{
    display:block;
    color:var(--ui-muted);
    font-size:10px;
    margin-bottom:3px
  }

  .seal-catalog[data-view=list] .catalog-monster-entry>.catalog-npc-description{
    grid-column:1/-1;
    grid-row:3
  }

  .seal-catalog[data-view=list] .catalog-monster-entry>.catalog-npc-map{
    grid-column:1/-1;
    grid-row:4
  }
}

.catalog-sort{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-width:0;
  color:var(--ui-muted);
  text-decoration:none;
  border-radius:4px;
  white-space:nowrap;
  line-height:20px
}

@media(max-width:1050px){
  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-monster-entry .catalog-item{
    grid-column:1/4;
    grid-row:1
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-monster-entry>.catalog-id{
    grid-column:4;
    grid-row:1
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-npc-description{
    grid-row:2
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-npc-map{
    grid-row:3
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-npc-description.is-empty{
    display:none
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-npc-description.is-empty+.catalog-npc-map{
    grid-row:2
  }

  .seal-catalog[data-view=list] .catalog-results-npcs .catalog-mobile-label{
    display:inline;
    margin:0 6px 0 0
  }
}

.catalog-sort:hover,.catalog-sort.is-active{
  color:var(--ui-brand)
}

.catalog-sort:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:4px
}

.catalog-sort-arrows{
  display:inline-flex;
  flex:none
}

.catalog-sort-arrows svg{
  width:9px;
  height:14px;
  fill:currentColor
}

.catalog-sort-arrows path{
  opacity:.28
}

.catalog-sort-arrows path.is-direction{
  opacity:1
}

.catalog-stat-head{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px
}

.catalog-stat-head .catalog-sort{
  justify-content:center;
  gap:2px
}

.seal-catalog{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start
}

.seal-catalog.xxf-layout{
  grid-template-columns:230px minmax(0,1fr);
  grid-template-rows:auto minmax(0,1fr)
}

.seal-catalog>.catalog-page-head{
  grid-column:1/-1;
  grid-row:1
}

.seal-catalog>.catalog-page-head,.seal-catalog>.catalog-panel{
  margin-bottom:0
}

.seal-catalog>.xxf-sidebar{
  grid-column:1;
  grid-row:2;
  max-height:calc(100dvh - 110px)
}

.seal-catalog>.catalog-panel{
  grid-column:1;
  grid-row:2
}

.seal-catalog.xxf-layout>.catalog-panel{
  grid-column:2;
  grid-row:2
}

.catalog-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 20px
}

.catalog-page-title{
  display:flex;
  align-items:center;
  gap:13px;
  min-width:0
}

.catalog-page-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:6px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  flex:none
}

.catalog-page-icon .ui-icon{
  width:25px;
  height:25px
}

.catalog-heading-line{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px
}

.catalog-heading-line h1{
  font-size:22px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:-.4px
}

.catalog-edition{
  font-size:10px;
  padding:3px 7px;
  border-radius:5px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  white-space:nowrap
}

.catalog-page-title p{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin:5px 0 0;
  color:var(--ui-muted);
  font-size:11px
}

.catalog-page-title p>span{
  opacity:.5
}

.catalog-head-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:none
}

.catalog-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:35px;
  padding:6px 11px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-text);
  font-size:12px;
  white-space:nowrap;
  cursor:pointer;
  text-decoration:none
}

.catalog-action .ui-icon{
  width:16px;
  height:16px;
  color:var(--ui-muted)
}

.catalog-action:hover{
  border-color:var(--ui-brand);
  background:var(--ui-raised);
  color:var(--ui-brand)
}

.catalog-action:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px
}

.catalog-querybar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:13px 14px 0
}

.catalog-search{
  display:flex;
  gap:8px;
  flex:1 1 320px;
  margin:0;
  min-width:0
}

.catalog-search-field{
  position:relative;
  display:flex;
  align-items:center;
  flex:1;
  min-width:0
}

.catalog-search-field>.ui-icon{
  position:absolute;
  left:11px;
  width:16px;
  height:16px;
  color:var(--ui-muted);
  pointer-events:none
}

.catalog-search-field input{
  width:100%;
  min-width:0;
  height:36px;
  padding:7px 38px 7px 34px;
  font-size:12px;
  background:var(--ui-panel);
  border:1px solid var(--ui-line);
  border-radius:6px
}

.catalog-search-field input::-webkit-search-cancel-button{
  appearance:none;
  -webkit-appearance:none
}

.catalog-search-clear{
  position:absolute;
  right:6px;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  border-radius:6px;
  color:var(--ui-muted);
  background:transparent;
  cursor:pointer
}

.catalog-search-clear[hidden]{
  display:none
}

.catalog-search-clear .ui-icon{
  width:16px;
  height:16px
}

.catalog-search-clear:hover{
  color:var(--ui-brand);
  background:var(--ui-brand-bg)
}

.catalog-search-clear:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:1px
}

.catalog-search-field input:focus{
  outline:2px solid var(--ui-brand-bg);
  border-color:var(--ui-brand)
}

.catalog-search-submit{
  color:var(--ui-brand);
  background:var(--ui-raised)
}

.catalog-filters{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  min-width:0
}

.catalog-filter{
  display:flex;
  min-width:0
}

.catalog-filter .sv8-select-trigger{
  min-width:112px
}

.seal-catalog .catalog-controls{
  padding:10px 14px 14px;
  gap:8px;
  justify-content:flex-end;
  border-bottom:1px solid var(--ui-line);
  margin-bottom:14px
}

.catalog-result-count{
  display:flex;
  align-items:center;
  gap:5px;
  margin-right:auto;
  font-size:12px;
  white-space:nowrap
}

.catalog-result-count strong{
  font-size:15px;
  font-variant-numeric:tabular-nums
}

.catalog-result-count>span{
  font-size:10px;
  color:var(--ui-muted);
  margin-left:8px
}

.seal-catalog .catalog-order{
  flex:0 1 auto;
  gap:7px
}

.seal-catalog .catalog-order label{
  gap:0
}

.seal-catalog .sv8-select-trigger{
  min-height:35px;
  padding:6px 10px;
  border-radius:6px
}

.seal-catalog .catalog-views{
  border-radius:6px;
  padding:2px;
  gap:2px
}

.seal-catalog .catalog-views a{
  padding:6px 8px;
  border-radius:5px
}

.seal-catalog .catalog-results{
  margin:0 14px
}

@media(max-width:1050px){
  .seal-catalog.xxf-layout{
    grid-template-columns:190px minmax(0,1fr)
  }

  .catalog-page-head{
    padding:16px
  }

  .catalog-result-count>span{
    display:none
  }

  .seal-catalog .catalog-order{
    flex:0 1 auto
  }

  .catalog-querybar{
    gap:8px
  }

  .catalog-search{
    flex-basis:100%
  }

  .catalog-filters{
    flex:1
  }

  .catalog-filter{
    flex:1
  }

  .catalog-filter .sv8-select,.catalog-filter .sv8-select-trigger{
    width:100%
  }

  .catalog-filters .catalog-filter .sv8-select-trigger{
    min-width:100px
  }

  .catalog-views a{
    font-size:11px
  }
}

@media(max-width:760px){
  .seal-catalog.xxf-layout{
    display:flex;
    flex-direction:column;
    gap:12px
  }

  .seal-catalog>.catalog-page-head,.seal-catalog>.xxf-sidebar,.seal-catalog>.catalog-panel{
    width:100%
  }

  .catalog-page-head{
    align-items:flex-start;
    flex-wrap:wrap;
    gap:12px;
    padding:14px
  }

  .catalog-heading-line h1{
    font-size:20px
  }

  .catalog-head-actions{
    margin-left:57px
  }

  .seal-catalog>.xxf-sidebar{
    position:static;
    max-height:none
  }

  .catalog-page-icon{
    width:40px;
    height:40px
  }

  .catalog-page-title{
    gap:12px
  }

  .catalog-querybar{
    padding:12px 12px 0
  }

  .seal-catalog .catalog-controls{
    padding:10px 12px 12px
  }

  .catalog-result-count{
    flex:1 0 100%
  }

  .catalog-result-count>span{
    display:inline
  }

  .seal-catalog .catalog-order{
    margin-right:auto;
    gap:5px
  }

  .seal-catalog .catalog-order .sv8-select-trigger{
    min-width:68px;
    gap:7px;
    font-size:11px;
    padding:6px 7px
  }

  .seal-catalog .catalog-views{
    margin-left:0
  }

  .seal-catalog .catalog-views a{
    font-size:0;
    gap:0;
    padding:7px
  }

  .seal-catalog .catalog-results{
    margin:0 12px
  }

  .catalog-filters{
    width:100%
  }
}

/* Profession articles keep the original document layout within UIV8. */

.profession-article .arcmain{
  padding:32px;
}

.profession-article .arcmain h4.title2{
  display:flex;
  align-items:center;
  gap:8px;
  clear:both;
  min-height:46px;
  padding:7px 12px;
  margin:32px 0 18px;
  border-radius:6px;
  font-size:22px;
  font-weight:500;
  line-height:1.45;
}

.profession-article .arcmain h4.title2:first-child{
  margin-top:0;
}

.profession-article .arcmain h4.title2 img{
  display:inline-block;
  width:32px;
  height:32px;
  flex:none;
  -o-object-fit:contain;
     object-fit:contain;
}

.profession-article .arcmain .table-bordered{
  border:1px solid var(--ui-line);
}

.profession-article .arcmain .table-bordered :is(td,th){
  border:1px solid var(--ui-line);
}

.profession-article .arcmain .table-bordered tr:last-child>td{
  border-bottom:1px solid var(--ui-line);
}

.profession-article .auto_mulu:not(:has(a)){
  display:none!important;
}

.profession-selector{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:330px;
}

.profession-selector a{
  border-radius:4px;
  white-space:nowrap;
  gap:6px;
}

.profession-selector a[aria-current=page]{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.profession-selector a>.ui-icon{
  margin-left:auto;
  font-size:14px;
}

@media(max-width:640px){
  .profession-article .arcmain{
    padding:16px 12px;
  }

  .profession-article .arcmain h4.title2{
    font-size:18px;
    min-height:40px;
    margin:24px 0 14px;
    padding:5px 8px;
    gap:6px;
  }

  .profession-title-row{
    position:relative;
  }

  .profession-switch{
    position:static;
  }

  .profession-selector{
    left:0;
    width:min(330px,calc(100vw - 112px));
  }

  .profession-selector a{
    font-size:11px;
    padding:8px 4px;
    gap:4px;
  }

  .profession-selector a img{
    width:22px;
    height:22px;
  }
}

/* Compact profession switch button, matching the classic outlined control. */

.profession-switch>summary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:32px;
  padding:6px 10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-muted);
  font-size:12px;
  font-weight:400;
  line-height:18px;
  white-space:nowrap;
  cursor:pointer;
  list-style:none;
  transition:color .15s,border-color .15s,background-color .15s;
}

.profession-switch>summary::-webkit-details-marker{
  display:none;
}

.profession-switch>summary>.ui-icon{
  width:12px;
  height:12px;
  font-size:12px;
  flex:none;
  transition:transform .15s;
}

.profession-switch>summary:hover,.profession-switch[open]>summary{
  border-color:var(--ui-brand);
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.profession-switch[open]>summary>.ui-icon{
  transform:rotate(180deg);
}

.profession-switch>summary:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:2px;
}

/* Both navigation surfaces use the same resolved section and child. */

.seal-v8-header .nav-drop-item[aria-current="page"],.seal-site-nav .side-link-active,.seal-site-nav .side-child-link[aria-current="page"]{
  background:var(--nav-hover);
  color:var(--nav-active);
}

/* Align the shared skill data/simulator profession choice row. */

.skillcal_headbox .ezxz{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.skillcal_headbox .erzhuan_tit{
  flex:none;
  white-space:nowrap;
  line-height:1.5;
}

.skillcal_headbox .erzhuan_li{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.skillcal_headbox .erzhuan_li>.ui-btn{
  margin:0;
}

/* Skill simulator controls: deliberate rows instead of inline button wrapping. */

.skillcal-controls{
  margin:10px 10px 14px;
  padding:12px;
  background:var(--ui-raised);
  border:1px solid var(--ui-line);
  border-radius:6px;
  display:grid;
  gap:10px;
  font-size:12px;
}

.skillcal-controls-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}

.skillcal-level{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ui-muted);
  white-space:nowrap;
}

.skillcal-controls .joblvstyle{
  width:80px;
  min-width:0;
  height:32px;
  padding:5px 9px;
  margin:0;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  color:var(--ui-text);
  font-size:13px;
  line-height:20px;
}

.skillcal-controls .ui-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:32px;
  margin:0;
  padding:6px 10px;
  font-size:12px;
  line-height:18px;
  white-space:nowrap;
}

.skillcal-controls .ui-btn>.ui-icon{
  width:16px;
  height:16px;
  font-size:16px;
  flex:none;
}

.skillcal-share-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}

.skillcal-share-actions>.ui-btn{
  background:var(--ui-panel);
}

.skillcal-share-actions>.ui-btn:hover{
  background:var(--ui-brand-bg);
  border-color:var(--ui-brand);
}

.skillcal-controls-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
  padding-top:10px;
  border-top:1px solid var(--ui-line);
}

.skillcal-sp{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  color:var(--ui-muted);
}

.skillcal-sp strong{
  margin-left:4px;
  color:var(--ui-brand);
  font-size:14px;
  font-variant-numeric:tabular-nums;
}

.skillcal-controls .ezxz{
  gap:8px;
}

.skillcal-controls .erzhuan_tit{
  color:var(--ui-muted);
}

@media(max-width:420px){
  .skillcal-controls{
    margin:8px 6px 12px;
    padding:10px;
  }

  .skillcal-share-actions{
    gap:5px;
  }

  .skillcal-share-actions>.ui-btn{
    font-size:11px;
    padding:6px 4px;
    gap:4px;
  }

  .skillcal-sp{
    gap:10px;
  }
}

/* Keep calculator actions in one compact row when the panel has room. */

.skillcal-controls-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
}

.skillcal-controls-row .skillcal-controls-top{
  display:contents;
}

.skillcal-controls-row .skillcal-level{
  gap:6px;
}

.skillcal-controls-row .joblvstyle{
  width:58px;
}

.skillcal-controls-row .skillcal-share-actions{
  display:flex;
  align-items:center;
  gap:6px;
  margin-left:auto;
}

.skillcal-controls-row .ui-btn{
  padding:6px 8px;
  gap:4px;
}

.skillcal-controls-row .skillcal-share-actions>.ui-btn{
  flex:none;
}

@media(max-width:640px){
  .skillcal-controls-row .skillcal-share-actions{
    flex-wrap:wrap;
    margin-left:0;
  }

  .skillcal-controls-row{
    gap:8px;
  }
}

/* The skill query uses the same compact controls as the simulator. */

.skill-query-controls .skill-query-label{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-right:4px;
}

.skill-query-controls .skill-query-label>.ui-icon{
  width:16px;
  height:16px;
  font-size:16px;
  color:var(--ui-brand);
  flex:none;
}

.skill-query-controls .erzhuan_li{
  gap:6px;
}

.skill-query-controls .erzhuan_li>.ui-btn{
  min-width:62px;
}

/* Battle-pet simulator: original game artwork, independent modern layout. */

.battlepet-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  padding:16px 20px;
  margin-bottom:14px;
}

.battlepet-heading>div{
  display:flex;
  align-items:center;
  gap:12px;
}

.battlepet-heading-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:6px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-size:23px;
}

.battlepet-heading h1{
  font-size:21px;
  line-height:1.4;
}

.battlepet-heading p{
  font-size:12px;
  color:var(--ui-muted);
  margin-top:4px;
}

.battlepet-heading nav{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}

.battlepet-heading nav .ui-btn{
  font-size:12px;
  min-height:32px;
  padding:6px 10px;
}

.battlepet-layout{
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(300px,1fr);
  gap:16px;
  align-items:start;
}

.battlepet-layout>.ui-card{
  min-width:0;
}

.battlepet-layout .ui-card-head{
  justify-content:space-between;
}

.battlepet-layout h2{
  font-size:13px;
}

.battlepet-english,.battlepet-count{
  font-size:11px;
  color:var(--ui-muted);
  font-weight:400;
}

.battlepet-controls{
  margin:0 0 18px;
}

.battlepet-controls-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}

.battlepet-controls-footer>small{
  font-size:11px;
  color:var(--ui-muted);
}

.battlepet-board-wrap{
  padding:4px 0 0;
}

.battlepet-board{
  position:relative;
  container-type:inline-size;
  width:100%;
  max-width:550px;
  aspect-ratio:457/341;
  margin:0 auto;
  background:url('/source/skill/skilltree_bg12.png') center/100% 100% no-repeat;
  color:#fff;
  font-family:"Microsoft YaHei",sans-serif;
}

.battlepet-board-title{
  position:absolute;
  top:13%;
  left:25%;
  width:50%;
  height:6%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:clamp(11px,3cqw,16px);
  font-weight:700;
  text-shadow:0 1px 2px #51473e,1px 0 2px #51473e;
}

.battlepet-board-sp{
  position:absolute;
  left:84%;
  top:14%;
  width:7%;
  height:4%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:clamp(9px,2.5cqw,13px);
  line-height:1;
  color:#16110e;
}

.battlepet-skill-groups{
  position:absolute;
  left:10%;
  right:8%;
  top:25%;
  display:grid;
  gap:2.3cqw;
}

.battlepet-skill-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  row-gap:2.3cqw;
}

.battlepet-node{
  position:relative;
  display:block;
  width:7.1cqw;
  height:7.1cqw;
  max-width:39px;
  max-height:39px;
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
}

.battlepet-node>img{
  display:block;
  width:100%;
  height:100%;
  -o-object-fit:contain;
     object-fit:contain;
}

.battlepet-node-level{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2.2cqw;
  max-height:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:#172a2ce0;
  font-size:clamp(8px,2cqw,11px);
  line-height:1;
  pointer-events:none;
  font-variant-numeric:tabular-nums;
}

.battlepet-node:hover{
  outline:2px solid #fff5ae;
  outline-offset:1px;
}

.battlepet-node:focus-visible{
  outline:2px solid #ffde59;
  outline-offset:3px;
}

.battlepet-node.is-learned{
  box-shadow:0 0 0 1px #fff5b3;
}

.battlepet-help,.battlepet-touch-hint{
  margin-top:12px;
  text-align:center;
  color:var(--ui-muted);
  font-size:11px;
}

.battlepet-touch-hint{
  display:none;
  margin-top:4px;
}

.battlepet-message{
  padding:45px 12px;
  text-align:center;
  color:var(--ui-muted);
  font-size:13px;
}

.battlepet-empty{
  padding:32px 12px;
  text-align:center;
  color:var(--ui-muted);
  font-size:12px;
  line-height:1.8;
}

.battlepet-export-title{
  display:flex;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  border-bottom:1px solid var(--ui-line);
  padding-bottom:12px;
  margin-bottom:8px;
  font-size:12px;
}

.battlepet-export-title>span{
  color:var(--ui-muted);
  font-size:11px;
}

.battlepet-list-scroll{
  overflow-x:auto;
}

.battlepet-list-scroll .ui-table{
  font-size:12px;
  min-width:320px;
}

.battlepet-list-scroll .ui-table :is(th,td){
  padding:9px 6px;
}

.battlepet-skill-name{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}

.battlepet-skill-name img{
  width:24px;
  height:24px;
  -o-object-fit:contain;
     object-fit:contain;
}

.battlepet-list-scroll td>small{
  font-size:10px;
  color:var(--ui-muted);
  display:block;
  margin-left:30px;
  margin-top:3px;
}

.battlepet-minus{
  padding:0!important;
  min-width:26px;
  min-height:26px;
  font-size:16px;
}

@media(max-width:1000px){
  .battlepet-layout{
    grid-template-columns:minmax(0,1fr);
  }

  .battlepet-heading{
    padding:14px;
  }
}

@media(max-width:640px){
  .battlepet-heading h1{
    font-size:19px;
  }

  .battlepet-english{
    display:none;
  }

  .battlepet-layout{
    gap:12px;
  }

  .battlepet-controls .skillcal-share-actions{
    margin-left:0;
  }

  .battlepet-heading nav{
    width:100%;
  }

  .battlepet-heading nav .ui-btn{
    flex:1;
    min-width:0;
    padding:6px;
    font-size:11px;
  }

  .battlepet-touch-hint{
    display:block;
  }

  .battlepet-layout>.ui-card>.ui-card-body{
    padding:12px;
  }
}

.battlepet-heading nav [aria-current="page"]{
  background:var(--ui-brand-bg);
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}

@media(min-width:1536px) and (max-width:1679px){
  .seal-v8-header .nav-link{
    font-size:13px;
    padding:10px 6px;
    gap:4px;
  }

  .seal-v8-header .nav-link .ui-icon{
    font-size:16px;
  }
}

/* Responsive cards for collection and crafting reference lists. */

.reference-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  padding:16px 20px;
  margin-bottom:14px;
}

.reference-heading-copy{
  display:flex;
  align-items:center;
  gap:12px;
}

.reference-heading-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:none;
  border-radius:6px;
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  font-size:23px;
}

.reference-heading h1{
  font-size:21px;
}

.reference-heading p{
  margin-top:4px;
  font-size:12px;
  color:var(--ui-muted);
}

.reference-heading>.ui-btn{
  font-size:12px;
}

.reference-filter{
  margin-bottom:14px;
}

.reference-filter>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
  list-style:none;
}

.reference-filter>summary::-webkit-details-marker{
  display:none;
}

.reference-filter>summary>span{
  display:flex;
  align-items:center;
  gap:8px;
}

.reference-filter-caret{
  color:var(--ui-muted);
  font-size:14px;
  transition:transform .15s;
}

.reference-filter[open] .reference-filter-caret{
  transform:rotate(180deg);
}

.reference-search{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.reference-search-field{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  min-width:180px;
  height:36px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
  padding:0 10px;
}

.reference-search-field>.ui-icon{
  flex:none;
  color:var(--ui-muted);
  font-size:16px;
}

.reference-search-field:focus-within{
  border-color:var(--ui-brand);
}

.reference-search-field input{
  width:100%;
  height:100%;
  border:0;
  background:transparent;
  outline:0;
  font-size:13px;
  min-width:0;
  color:var(--ui-text);
}

.reference-map{
  width:180px;
  flex:none;
}

.reference-map select{
  width:100%;
  height:36px;
}

.reference-search>.ui-btn{
  min-height:36px;
  font-size:12px;
}

.reference-results>.ui-card-head{
  justify-content:space-between;
  gap:10px;
}

.reference-results>.ui-card-head h2{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}

.reference-results>.ui-card-head>span{
  font-size:11px;
  font-weight:400;
  color:var(--ui-muted);
}

.reference-card-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(235px,1fr));
  gap:12px;
}

.reference-card{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  min-width:0;
  transition:border-color .15s,background-color .15s;
}

.reference-card:hover{
  border-color:var(--ui-brand);
  background:var(--ui-raised);
}

.reference-card-image{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:54px;
  height:54px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.reference-card-image img{
  width:50px;
  height:50px;
  -o-object-fit:contain;
     object-fit:contain;
}

.reference-card-copy{
  display:grid;
  gap:9px;
  flex:1;
  min-width:0;
}

.reference-card-title{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
}

.reference-card-title strong{
  font-size:13px;
  font-weight:500;
  color:var(--ui-text);
  line-height:1.5;
  overflow-wrap:anywhere;
}

.reference-card-level{
  flex:none;
  white-space:nowrap;
  border-radius:4px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-size:10px;
  padding:2px 5px;
}

.reference-card-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  font-size:11px;
  color:var(--ui-muted);
}

.reference-card-meta small{
  font-size:10px;
}

.reference-empty{
  padding:40px 16px;
  text-align:center;
  color:var(--ui-muted);
  font-size:13px;
}

.reference-page .select_boxp>.ui-card-head{
  justify-content:space-between;
}

.reference-page .select_boxp .nav{
  margin-left:auto;
}

.reference-page .select_searchbox{
  padding:0 16px 16px;
}

.reference-page .select_searchbox form{
  display:flex;
  align-items:center;
  gap:8px;
}

.reference-page .select_searchbox .search-input{
  flex:1;
  min-width:0;
  width:auto;
  max-width:520px;
  height:36px;
  margin:0;
}

.reference-page .select_searchbox .ui-btn{
  min-height:36px;
  font-size:12px;
}

@media(max-width:640px){
  .reference-heading{
    padding:14px;
  }

  .reference-heading h1{
    font-size:19px;
  }

  .reference-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }

  .reference-card{
    padding:10px;
    gap:8px;
    align-items:flex-start;
    flex-direction:column;
  }

  .reference-card-image{
    width:46px;
    height:46px;
  }

  .reference-card-image img{
    width:42px;
    height:42px;
  }

  .reference-card-copy{
    width:100%;
    gap:7px;
  }

  .reference-card-title strong{
    font-size:12px;
  }

  .reference-card-meta{
    flex-wrap:wrap;
    gap:4px;
  }

  .reference-map{
    width:140px;
  }

  .reference-search-field{
    flex-basis:100%;
  }

  .reference-map{
    flex:1;
  }

  .reference-results>.ui-card-head{
    flex-wrap:wrap;
  }
}

.reference-map .sv8-select,.reference-map .sv8-select-trigger{
  width:100%;
}

.reference-page .pagebox,.reference-page .dataTables_paginate{
  display:contents;
}

.reference-map-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--ui-line);
}

.reference-map-links>.ui-btn{
  min-height:30px;
  padding:5px 9px;
  font-size:12px;
  line-height:18px;
}

.reference-map-links>[aria-current="page"]{
  background:var(--ui-brand-bg);
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}

/* Compact, aligned crafting categories share the collection filter shell. */

.craft-category-groups{
  display:grid;
  gap:8px;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid var(--ui-line);
}

.craft-category-group{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:10px;
  align-items:start;
}

.craft-category-label{
  display:flex;
  align-items:center;
  min-height:30px;
  font-size:12px;
  font-weight:500;
  color:var(--ui-muted);
}

.craft-category-links{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}

.craft-category-links>.ui-btn{
  min-height:30px;
  margin:0;
  padding:5px 9px;
  font-size:12px;
  line-height:18px;
}

.craft-category-links>[aria-current="page"]{
  color:var(--ui-brand);
  border-color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

@media(max-width:640px){
  .craft-category-group{
    grid-template-columns:52px minmax(0,1fr);
    gap:6px;
  }

  .craft-category-links{
    gap:5px;
  }

  .craft-category-links>.ui-btn{
    padding:5px 7px;
    font-size:11px;
  }
}

.craft-reference-filter .reference-search>.active{
  background:var(--ui-brand-bg);
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}

/* G-upgrade UI only: retain the existing calculation engine and data bindings. */

#gsim_box>.gsim-layout{
  display:grid;
  grid-template-columns:300px minmax(0,1fr);
  gap:16px;
  margin:0;
  align-items:start;
}

#gsim_box>.gsim-layout>*{
  width:100%;
  max-width:none;
  min-width:0;
  padding:0;
}

#gsim_box .form-group{
  margin:0;
}

#gsim_box .form-row{
  display:grid;
  gap:8px;
}

#gsim_box .gsim-filter-field{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--ui-muted);
}

#gsim_box .gsim-filter-field select,#gsim_box .gsim-filter-field .sv8-select,#gsim_box .gsim-filter-field .sv8-select-trigger{
  width:100%;
  min-width:0;
}

#gsim_box .gsim-book-list{
  display:grid;
  gap:6px;
  margin-top:14px;
  max-height:60vh;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding-right:4px;
}

#gsim_box .gsim-book-list>.ui-btn{
  display:block;
  width:100%;
  min-height:34px;
  text-align:left;
  white-space:normal;
  overflow-wrap:anywhere;
  margin:0;
  padding:7px 10px;
  line-height:1.5;
  font-size:12px;
}

#gsim_box .gsim-book-list>.active{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  border-color:var(--ui-brand);
}

#gsim_box .ui-card-head{
  justify-content:space-between;
  gap:10px;
}

#gsim_box .ui-card-head>.nav{
  margin-left:auto;
  gap:4px;
}

#gsim_box .ui-card-head .ui-btn{
  margin:0;
}

#gsim_box .gsim-summary{
  padding:14px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  margin-bottom:14px;
}

#gsim_box .gsim-book-identity{
  padding:0 0 12px;
  margin:0 0 12px;
}

#gsim_box .gsim-book-identity>.tw-flex{
  gap:10px;
  align-items:center;
}

#gsim_box .gsim-book-identity .tw-pl-2{
  padding:0;
  min-width:0;
}

#gsim_box .gsim-book-identity .ui-btn{
  margin:0;
  white-space:nowrap;
  font-size:11px;
}

#gsim_box .gsim-book-identity .tipread_item.gsim-a{
  font-weight:600;
  font-size:14px;
  line-height:1.6;
}

#gsim_box .gsim-book-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  font-size:12px;
}

#gsim_box .gsim-book-stats>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 10px;
  background:var(--ui-raised);
  border-radius:4px;
  min-width:0;
  line-height:1.6;
}

#gsim_box .gsim-book-stats>div>span:first-child{
  color:var(--ui-muted);
}

#gsim_box .gsim-book-stats strong{
  font-weight:500;
  font-variant-numeric:tabular-nums;
}

#gsim_box .gsim-book-stats>.gsim-stat-wide{
  grid-column:1/-1;
  display:block;
}

#gsim_box .gsim-book-stats>.gsim-final-rate{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

#gsim_box .gsim-final-rate strong{
  font-size:18px;
  font-weight:600;
}

#gsim_box .gsim-book-stats>.bd-font-red{
  grid-column:1/-1;
  justify-content:flex-start;
  flex-wrap:wrap;
}

#gsim_box .gsim-book-description{
  font-size:13px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

#gsim_box .gsim-book-description img{
  max-width:100%;
  height:auto;
}

#gsim_box .gsim-material-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  align-items:start;
}

#gsim_box .gsim-material-card{
  border:1px solid var(--ui-line);
  border-radius:6px;
  min-width:0;
  overflow:hidden;
}

#gsim_box .gsim-material-card>h3{
  display:flex;
  align-items:center;
  min-height:38px;
  padding:8px 10px;
  background:var(--ui-raised);
  border-bottom:1px solid var(--ui-line);
  font-size:12px;
  font-weight:500;
}

#gsim_box .gsim-material-body{
  padding:2px 10px 8px;
}

#gsim_box .gsim-material-body .gsim-item-li{
  padding:10px 0;
  align-items:flex-start;
  gap:8px;
  line-height:1.7;
}

#gsim_box .gsim-item-li>.tw-float-left:first-child{
  flex-shrink:0;
}

#gsim_box .gsim-material-body .tw-pl-2{
  flex:1;
  overflow-wrap:anywhere;
}

#gsim_box .item-slot{
  width:44px;
  height:44px;
  padding:5px;
  border-radius:6px;
}

#gsim_box .gsim-add-item{
  width:32px;
  height:32px;
  min-height:32px;
  display:grid;
  place-items:center;
}

#gsim_box .gsim-add-item:has(>i)::before{
  content:'+';
  font:24px/1 system-ui;
  color:var(--ui-muted);
}

#gsim_box .gsim-add-item>i{
  display:none;
}

#gsim_box .gsim-slot-level{
  z-index:1;
  border-radius:3px;
  font-size:10px;
}

#gsim_box .czbt{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  width:44px;
  gap:4px;
  margin-top:6px;
}

#gsim_box .btn-sim-jia,#gsim_box .btn-sim-jian{
  width:20px;
  height:20px;
  flex:0 0 20px;
  padding:0;
  margin:0;
  cursor:pointer;
  color:var(--ui-muted);
  background:var(--ui-panel);
  border-radius:4px;
}

#gsim_box .btn-sim-jia>.ui-icon,#gsim_box .btn-sim-jian>.ui-icon{
  font-size:16px;
  width:16px;
  height:16px;
  color:inherit;
  opacity:1;
}

#gsim_box .czbt>button:not(:disabled){
  color:var(--ui-brand);
  border-color:var(--ui-brand);
  background:var(--ui-brand-bg);
  transition:background .15s,color .15s;
}

#gsim_box .czbt>button:not(:disabled):hover{
  color:#fff;
  background:#a92d5d;
  border-color:#a92d5d;
}

#gsim_box .czbt>button:not(:disabled):hover>.ui-icon{
  color:#fff;
  opacity:1;
}

#gsim_box .czbt>button:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:2px;
}

#gsim_box .czbt>button:disabled{
  color:var(--ui-muted);
  border-color:var(--ui-line);
  background:var(--ui-raised);
  opacity:.45;
  cursor:not-allowed;
}

#gsim_box .gsim-empty{
  padding:50px 20px;
  text-align:center;
  font-size:13px;
  color:var(--ui-muted);
}

@media(max-width:1100px){
  #gsim_box .gsim-material-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #gsim_box .gsim-book-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:960px){
  #gsim_box>.gsim-layout{
    grid-template-columns:minmax(0,1fr);
  }

  #gsim_box .form-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #gsim_box .gsim-filter-field{
    display:flex;
    align-items:stretch;
    flex-direction:column;
    gap:5px;
  }

  #gsim_box .gsim-book-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-height:220px;
  }
}

@media(max-width:480px){
  #gsim_box .form-row{
    grid-template-columns:minmax(0,1fr);
  }

  #gsim_box .gsim-filter-field{
    display:grid;
    grid-template-columns:56px minmax(0,1fr);
    align-items:center;
  }

  #gsim_box .gsim-book-list{
    grid-template-columns:minmax(0,1fr);
    max-height:180px;
  }

  #gsim_box .gsim-material-grid{
    grid-template-columns:minmax(0,1fr);
  }

  #gsim_box .gsim-book-stats{
    gap:6px;
  }

  #gsim_box .gsim-book-stats>div{
    padding:8px;
    gap:6px;
    font-size:11px;
  }

  #gsim_box .gsim-book-identity>.tw-flex{
    flex-wrap:wrap;
  }

  #gsim_box .gsim-summary{
    padding:10px;
  }

  #gsim_box .gsim-book-identity .tipread_item.gsim-a{
    font-size:13px;
  }
}

#gsim_box .gsim-material-grid{
  align-items:stretch;
}

#gsim_box .gsim-material-card{
  display:flex;
  flex-direction:column;
}

#gsim_box .gsim-material-card>h3{
  flex-shrink:0;
}

#gsim_box .gsim-material-body{
  flex:1;
  min-height:0;
  max-height:420px;
  overflow-y:auto;
  overscroll-behavior:contain;
}

#gsim_box .gsim-book-description img{
  display:inline-block;
  vertical-align:middle;
}

/* Native UIV8 item picker: fixed chrome and a compact, scrolling result grid. */

#gsim_box #item_search.gsim-picker{
  position:fixed;
  inset:0;
  margin:auto;
  width:min(720px,calc(100vw - 32px));
  max-width:calc(100% - 24px);
  max-height:min(620px,calc(100dvh - 32px));
  height:-moz-fit-content;
  height:fit-content;
  padding:0;
  overflow:hidden;
  border:1px solid var(--ui-line);
}

#gsim_box #item_search.gsim-picker[open]{
  display:flex;
  flex-direction:column;
}

.gsim-picker .ui-dialog-head{
  min-height:48px;
  padding:8px 14px;
  flex-shrink:0;
}

.gsim-picker .ui-dialog-head h2{
  font-size:14px;
  gap:8px;
}

.gsim-picker .ui-dialog-head h2>.ui-icon{
  font-size:18px;
  color:var(--ui-brand);
}

.gsim-picker-toolbar{
  flex-shrink:0;
  padding:12px 14px 10px;
  border-bottom:1px solid var(--ui-line);
}

.gsim-picker-search{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:0 10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.gsim-picker-search:focus-within{
  border-color:var(--ui-brand);
}

.gsim-picker-search>.ui-icon{
  font-size:16px;
  color:var(--ui-muted);
  flex:none;
}

.gsim-picker-search input{
  width:100%;
  min-width:0;
  height:36px;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--ui-text);
  font-size:13px;
}

.gsim-picker-search input::-webkit-search-cancel-button{
  display:none;
}

.gsim-picker-search>button{
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  flex:none;
  color:var(--ui-muted);
  border:0;
  background:transparent;
  border-radius:4px;
}

.gsim-picker-search>button:hover{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.gsim-picker-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:8px;
  font-size:11px;
  color:var(--ui-muted);
}

.gsim-picker-status>small{
  font-size:10px;
}

.gsim-picker-results{
  height:min(400px,50dvh);
  min-height:0;
  flex:0 1 auto;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:12px 14px;
  scrollbar-gutter:stable;
}

.gsim-picker-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}

.gsim-choice-card{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  min-height:70px;
  padding:10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  text-align:left;
  cursor:pointer;
  transition:border-color .15s,background-color .15s;
}

.gsim-choice-card:hover:not(:disabled){
  border-color:var(--ui-brand);
  background:var(--ui-raised);
}

.gsim-choice-card:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:1px;
}

.gsim-choice-card:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.gsim-choice-image{
  display:grid;
  place-items:center;
  flex:none;
  width:42px;
  height:42px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.gsim-choice-image>span{
  display:block;
  width:32px;
  height:32px;
  background-repeat:no-repeat;
}

.gsim-choice-copy{
  display:grid;
  gap:6px;
  flex:1;
  min-width:0;
}

.gsim-choice-copy>strong{
  font-size:12px;
  line-height:1.5;
  color:var(--ui-text);
  font-weight:500;
  overflow-wrap:anywhere;
}

.gsim-choice-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  font-size:10px;
  line-height:1.4;
  color:var(--ui-muted);
}

.gsim-choice-meta b{
  font-size:11px;
  color:var(--ui-brand);
  font-weight:500;
}

.gsim-choice-unavailable{
  color:#bd566b;
}

.gsim-choice-check{
  display:grid;
  place-items:center;
  flex:none;
  color:var(--ui-brand);
  font-size:14px;
}

.gsim-picker-empty{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  height:100%;
  min-height:80px;
  text-align:center;
  color:var(--ui-muted);
  font-size:12px;
}

.gsim-picker-footer{
  flex-shrink:0;
  padding:9px 14px;
  border-top:1px solid var(--ui-line);
  background:var(--ui-raised);
  font-size:10px;
  line-height:1.6;
  color:var(--ui-muted);
}

@media(max-width:480px){
  .gsim-picker .ui-dialog-head{
    padding:8px 10px;
  }

  .gsim-picker-toolbar{
    padding:10px;
  }

  .gsim-picker-results{
    padding:8px;
  }

  .gsim-picker-grid{
    gap:6px;
  }

  .gsim-choice-card{
    padding:8px;
    gap:6px;
  }

  .gsim-choice-image{
    width:34px;
    height:34px;
    border:0;
  }

  .gsim-choice-copy>strong{
    font-size:11px;
  }

  .gsim-choice-check{
    display:none;
  }

  .gsim-picker-status>small{
    display:none;
  }

  .gsim-choice-meta{
    gap:4px 6px;
  }

  .gsim-picker-footer{
    padding:8px 10px;
  }
}

#gsim_box .gsim-book-identity .gsim-info-toggle{
  min-height:36px;
  padding:7px 12px;
  font-size:13px;
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-color:var(--ui-line);
}

#gsim_box .gsim-info-toggle>span{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

#gsim_box .gsim-info-toggle .ui-icon{
  font-size:17px;
  width:17px;
  height:17px;
}

#gsim_box .gsim-book-identity .gsim-info-toggle:hover{
  border-color:var(--ui-brand);
  background:var(--ui-hover);
}

/* Quest directory and CMS articles use an independent UIV8 layout. */

.quest-layout{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:16px;
  align-items:start;
}

.quest-content{
  display:flex;
  flex-direction:column;
  gap:12px;
  min-width:0;
}

.quest-content>.ui-card{
  margin-bottom:0;
}

.quest-sidebar{
  min-width:0;
}

.quest-directory{
  overflow:hidden;
}

.quest-directory summary{
  cursor:pointer;
  list-style:none;
}

.quest-directory summary::-webkit-details-marker{
  display:none;
}

.quest-directory-title{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:40px;
  padding:9px 14px;
  border-bottom:1px solid var(--ui-line);
  font-size:13px;
  font-weight:600;
  background:var(--ui-raised);
}

.quest-directory summary>.ui-icon:last-child{
  margin-left:auto;
  font-size:12px;
  width:12px;
  height:12px;
  flex:none;
  transition:transform .15s;
}

.quest-directory details:not([open])>summary>.ui-icon:last-child,.quest-directory:not([open])>.quest-directory-title>.ui-icon:last-child{
  transform:rotate(-90deg);
}

.quest-directory-title>.ui-icon:first-child{
  color:var(--ui-brand);
  font-size:16px;
}

.quest-directory-body{
  padding:8px;
}

.quest-directory-home{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  border-radius:6px;
}

.quest-directory-home.is-active,.quest-directory a.is-active{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.quest-section{
  border-top:1px solid var(--ui-line);
  margin-top:6px;
  padding-top:6px;
}

.quest-section>summary{
  display:flex;
  align-items:center;
  gap:8px;
  padding:9px 10px;
  font-weight:600;
  font-size:13px;
}

.quest-section>summary>.ui-icon:first-child{
  font-size:16px;
  color:var(--ui-brand);
}

.quest-group>summary{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  color:var(--ui-muted);
  font-size:12px;
}

.quest-section-body{
  margin-left:17px;
  border-left:1px solid var(--ui-line);
}

.quest-group ul{
  padding:0 0 5px 7px;
  list-style:none;
}

.quest-group li>a{
  display:flex;
  align-items:flex-start;
  gap:5px;
  padding:7px 8px;
  border-radius:6px;
  font-size:12px;
  line-height:1.6;
}

.quest-group li>a>.ui-icon{
  font-size:10px;
  flex:none;
  margin-top:4px;
  color:var(--ui-muted);
}

.quest-directory a:hover,.quest-directory summary:hover{
  background:var(--ui-hover);
  color:var(--ui-brand);
}

.quest-search-panel{
  padding:14px;
}

.quest-search-form{
  display:flex;
  gap:8px;
}

.quest-search-input{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  flex:1;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
  padding:0 10px;
}

.quest-search-input>.ui-icon{
  font-size:17px;
  color:var(--ui-muted);
}

.quest-search-input input{
  width:100%;
  min-width:0;
  border:0;
  background:transparent;
  padding:8px 0;
  height:36px;
  outline:none;
}

.quest-search-input:focus-within{
  border-color:var(--ui-brand);
}

.quest-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  padding:14px;
  gap:12px;
}

.quest-feature{
  border:1px solid var(--ui-line);
  border-radius:6px;
  overflow:hidden;
  min-width:0;
  background:var(--ui-raised);
}

.quest-feature img{
  display:block;
  width:100%;
  aspect-ratio:474/125;
  -o-object-fit:contain;
     object-fit:contain;
}

.quest-feature>span{
  display:block;
  padding:8px 10px;
  font-size:13px;
  line-height:1.5;
}

.quest-feature:hover{
  border-color:var(--ui-brand);
  color:var(--ui-brand);
}

.quest-guide-list{
  list-style:none;
  padding:0 14px;
}

.quest-guide-list li{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid var(--ui-line);
}

.quest-guide-list li:last-child{
  border-bottom:0;
}

.quest-guide-list li>a{
  flex:1;
  min-width:0;
  line-height:1.6;
  font-size:13px;
}

.quest-guide-list a:hover{
  color:var(--ui-brand);
}

.quest-guide-tag{
  font-size:10px;
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  padding:2px 5px;
  border-radius:3px;
}

.quest-guide-views{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:11px;
  color:var(--ui-muted);
}

.quest-article{
  min-width:0;
}

.quest-article .ui-card{
  overflow:hidden;
}

.quest-article .quest-content-body{
  padding:20px;
  font-size:14px;
  line-height:1.9;
  min-width:0;
}

.quest-content-body img{
  display:inline-block;
  max-width:100%!important;
  height:auto;
  vertical-align:middle;
}

.quest-content-body iframe,.quest-content-body video{
  max-width:100%;
}

.quest-content-body .bibli_videobox{
  width:100%!important;
  aspect-ratio:16/9;
  min-height:0!important;
}

.quest-content-body .bibli_videobox iframe{
  width:100%;
  height:100%;
}

.quest-content-body h4.title2{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:19px;
  line-height:1.5;
  margin:22px 0 14px;
  padding:7px 10px;
  border-radius:6px;
}

.quest-content-body h4.title2 img{
  width:32px;
  height:32px;
  -o-object-fit:contain;
     object-fit:contain;
}

.quest-table-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  margin:12px 0;
  overscroll-behavior-x:contain;
}

.quest-content-body table{
  width:100%!important;
  max-width:100%;
  border-collapse:collapse;
  border:1px solid var(--ui-line);
}

.quest-content-body table :is(td,th){
  border:1px solid var(--ui-line);
  padding:8px 10px;
  vertical-align:middle;
}

.quest-content-body table :is(td,th)[bgcolor]{
  background:var(--ui-raised)!important;
}

.quest-article .auto_mulu:not(:has(a)){
  display:none!important;
}

.quest-article .mulu_tit{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
}

.quest-article .card-header-tab-mulu{
  min-height:40px;
  padding:0 8px;
}

.quest-article .card-header-tab-mulu .nav{
  flex-wrap:nowrap;
  gap:4px;
}

.quest-article .card-header-tab-mulu .nav-link{
  display:block;
  padding:10px 12px;
  border-bottom:2px solid transparent;
}

.quest-article .card-header-tab-mulu .nav-link.active{
  color:var(--ui-brand);
  border-bottom-color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.quest-map-dialog{
  width:min(900px,calc(100vw - 32px));
  max-width:calc(100% - 24px);
  max-height:calc(100dvh - 32px);
  padding:0;
}

.quest-map-scroll{
  max-height:calc(100dvh - 104px);
  overflow:auto;
  padding:12px;
}

.quest-not-found{
  padding:28px;
}

.quest-not-found p{
  margin:12px 0;
  color:var(--ui-muted);
}

@media(max-width:900px){
  .quest-layout{
    grid-template-columns:minmax(0,1fr);
    gap:12px;
  }

  .quest-heading h1{
    font-size:19px;
  }

  .quest-directory-body{
    max-height:65dvh;
    overflow:auto;
  }

  .quest-content-body .quest-table-wide>table{
    min-width:560px;
  }

  .quest-article .quest-content-body{
    padding:14px;
  }
}

@media(max-width:480px){
  .quest-feature-grid{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    padding:12px;
  }

  .quest-feature img{
    aspect-ratio:474/125;
  }

  .quest-heading{
    padding:14px;
  }

  .quest-heading .reference-heading-icon{
    width:36px;
    height:36px;
  }

  .quest-heading h1{
    font-size:18px;
  }

  .quest-guide-views{
    display:none;
  }

  .quest-article .quest-content-body{
    padding:12px;
    font-size:13px;
  }
}

@media(min-width:901px){
  .quest-sidebar{
    position:sticky;
    top:84px;
  }

  .quest-directory-body{
    max-height:calc(100dvh - 160px);
    overflow-y:auto;
    overscroll-behavior:contain;
  }
}

.quest-content-body h4.title2{
  background:linear-gradient(90deg,var(--ui-brand-bg),transparent)!important;
  color:var(--ui-text);
}

/* Compact task facts, steps and CMS data tables; keep original content nodes. */

.quest-article .quest-content-body{
  padding-top:14px;
  line-height:1.75;
}

.quest-content-body>h4.title2:first-child,.quest-content-body>.tab-pane>h4.title2:first-child{
  margin-top:0;
}

.quest-content-body h4.title2{
  min-height:36px;
  margin:18px 0 12px;
  padding:6px 10px;
  font-size:17px;
}

.quest-task-summary{
  display:flex;
  align-items:flex-start;
  gap:14px;
  margin:0 0 12px;
  clear:both;
}

.quest-task-facts{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  flex:1;
  min-width:0;
  border:1px solid var(--ui-line);
  border-radius:6px;
  overflow:hidden;
  background:var(--ui-panel);
}

.quest-task-facts .quest-fact{
  display:flex;
  align-items:baseline;
  gap:8px;
  padding:8px 10px;
  margin:0!important;
  font-size:13px;
  line-height:1.65;
  min-width:0;
  border-bottom:1px solid var(--ui-line);
}

.quest-fact>em{
  display:none;
}

.quest-fact-label{
  color:var(--ui-muted);
  white-space:nowrap;
  flex:none;
  font-size:12px;
}

.quest-fact-value{
  min-width:0;
  overflow-wrap:anywhere;
}

.quest-task-facts .quest-fact-reward{
  grid-column:1/-1;
  background:var(--ui-raised);
  border-bottom:0;
}

.quest-task-portrait{
  flex:none;
}

.quest-task-portrait img{
  float:none!important;
  max-width:120px!important;
  max-height:144px;
  -o-object-fit:contain;
     object-fit:contain;
  border:1px solid var(--ui-line);
  border-radius:6px;
}

.quest-content-body p{
  margin-bottom:8px;
}

.quest-content-body .quest-step{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  align-items:start;
  gap:10px;
  margin:0 0 8px;
  padding:6px 0;
  line-height:1.75;
}

.quest-content-body .quest-step-number{
  display:grid;
  place-items:center;
  width:24px;
  min-height:24px;
  height:24px;
  padding:0;
  margin:0;
  border:1px solid var(--ui-line)!important;
  border-radius:6px;
  font-size:12px;
  line-height:1;
  color:var(--ui-brand)!important;
  background:var(--ui-brand-bg)!important;
  cursor:default;
}

.quest-step-note::before{
  content:'i';
  font-weight:600;
}

.quest-step-note>em{
  display:none;
}

.quest-step-content{
  min-width:0;
}

.quest-content-body hr{
  margin:12px 0;
  border:0;
  border-top:1px solid var(--ui-line);
  clear:both;
}

.quest-content-body .quest-data-table :is(td,th){
  padding:7px 10px;
  border:1px solid var(--ui-line)!important;
  font-size:13px;
  line-height:1.65;
}

.quest-data-table .quest-table-heading>:is(td,th){
  background:var(--ui-raised)!important;
  color:var(--ui-muted)!important;
  font-weight:600;
}

.quest-data-table>tbody>tr:not(.quest-table-heading):nth-child(odd){
  background:var(--ui-raised);
}

.quest-data-table>tbody>tr:not(.quest-table-heading):hover{
  background:var(--ui-hover);
}

.quest-data-table :is(td,th)>p:last-child{
  margin-bottom:0;
}

@media(max-width:640px){
  .quest-task-facts{
    grid-template-columns:minmax(0,1fr);
  }

  .quest-task-summary{
    gap:10px;
  }

  .quest-task-portrait img{
    max-width:80px!important;
    max-height:110px;
  }

  .quest-task-facts .quest-fact{
    padding:6px 8px;
    gap:6px;
    font-size:12px;
  }

  .quest-fact-label{
    font-size:11px;
  }

  .quest-content-body .quest-step{
    gap:8px;
  }
}

.quest-article #wrapper .quest-step{
  margin:0 0 4px;
  padding:4px 0;
}

.quest-article #wrapper .quest-task-facts p{
  margin:0;
}

/* The content flex gap owns spacing between the article and Artalk. */

.quest-content .quest-article #wrapper>.ui-card:last-child{
  margin-bottom:0;
}

.quest-content>.quest-article+.seal-comments{
  margin-top:0;
}

.quest-quick-search{
  padding:10px 10px 0;
}

.quest-quick-field{
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 8px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.quest-quick-field:focus-within{
  border-color:var(--ui-brand);
}

.quest-quick-field>.ui-icon{
  font-size:15px;
  color:var(--ui-muted);
  flex:none;
}

.quest-quick-field input{
  width:100%;
  min-width:0;
  height:34px;
  padding:0;
  border:0;
  outline:0;
  font-size:12px;
  color:var(--ui-text);
  background:transparent;
}

.quest-quick-field input::-webkit-search-cancel-button{
  display:none;
}

.quest-quick-field>.ui-icon-btn{
  width:22px;
  height:22px;
  min-height:22px;
  padding:0;
  flex:none;
  font-size:14px;
}

.quest-quick-status{
  padding:7px 1px 0;
  font-size:11px;
  color:var(--ui-muted);
  line-height:1.5;
}

.quest-directory [hidden]{
  display:none!important;
}

@media(min-width:901px){
  .quest-directory-body{
    max-height:calc(100dvh - 215px);
  }
}

.quest-quick-field>[data-quest-clear]>.ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
}

.quest-content-body [data-ui-image-viewer]{
  cursor:zoom-in;
}

.quest-content-body [data-ui-image-viewer]:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px;
}

.item-effect-preview{
  display:inline-block;
  max-width:100%;
  cursor:zoom-in;
}

.item-effect-preview:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px;
}

.pet-reference-heading{
  margin-bottom:12px;
}

.pet-reference-filter{
  margin-bottom:12px;
}

.pet-reference-filter>.ui-card-body{
  padding:12px 14px;
}

.pet-reference-search{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
}

.pet-reference-search>.ui-btn{
  height:36px;
  font-size:12px;
  padding:6px 12px;
}

.pet-reference-search>.ui-btn>.ui-icon{
  font-size:16px;
}

.pet-category-groups{
  display:flex;
  flex-direction:column;
  gap:0;
}

.pet-category-group{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  align-items:start;
  gap:10px;
  padding:8px 0;
  border-top:1px solid var(--ui-line);
}

.pet-category-group:first-child{
  border-top:0;
}

.pet-category-group:last-child{
  padding-bottom:0;
}

.pet-category-label{
  padding-top:5px;
  color:var(--ui-muted);
  font-size:12px;
  font-weight:500;
}

.pet-category-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.pet-category-links>.ui-btn{
  min-height:28px;
  font-size:12px;
  padding:4px 9px;
}

.pet-category-links>.ui-btn[aria-current=page]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-color:transparent;
}

@media(max-width:600px){
  .pet-reference-filter>.ui-card-body{
    padding:10px;
  }

  .pet-category-group{
    grid-template-columns:56px minmax(0,1fr);
    gap:6px;
  }

  .pet-category-label{
    font-size:11px;
  }

  .pet-category-links{
    gap:5px;
  }

  .pet-category-links>.ui-btn{
    padding:4px 7px;
    font-size:11px;
  }
}

.pet-reference-filter>.ui-card-head>span>.ui-icon{
  font-size:16px;
  width:16px;
  height:16px;
}

.pet-reference-filter>.ui-card-head>.reference-filter-caret>.ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
}

/* Pet graph fits the available width; cards wrap vertically and links have independent routes. */

#pettree_box .pet-select-box{
  flex-wrap:wrap;
  gap:6px;
  overflow:visible;
  padding:10px 0;
}

#pettree_box .pet-select-box a{
  margin:0;
  padding:6px 10px;
  border-radius:6px;
  font-size:11px;
}

.pet-route-help{
  display:flex;
  align-items:flex-start;
  gap:8px;
  background:var(--ui-raised);
  padding:10px 12px;
  border-radius:6px;
  color:var(--ui-muted);
  font-size:12px;
  line-height:1.7;
}

.pet-route-help>.ui-icon{
  font-size:16px;
  flex:none;
  margin-top:2px;
}

#pettree_box .petmap-box{
  width:100%;
  max-width:100%;
  overflow:visible;
  border-radius:6px;
}

.pet-route-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  margin:4px 0 0;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.pet-route-toolbar>div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:6px 12px;
  min-width:0;
}

.pet-route-toolbar strong{
  font-size:13px;
  color:var(--ui-brand);
}

.pet-route-toolbar span{
  font-size:11px;
  color:var(--ui-muted);
}

.pet-route-toolbar>.ui-btn{
  flex:none;
  font-size:11px;
  min-height:28px;
}

.pet-route-parents{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  padding:10px 2px;
  font-size:11px;
}

.pet-route-parents>span{
  color:var(--ui-muted);
  margin-right:4px;
}

.pet-route-parents button{
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid var(--ui-line);
  border-radius:4px;
  background:var(--ui-panel);
  padding:4px 7px;
}

.pet-route-parents i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--route-color);
}

.pet-route-parents b{
  font-weight:500;
  color:var(--route-color);
}

#pettree_box .pet-route-tree{
  min-width:0;
  width:100%;
  margin-top:12px;
  position:relative;
  isolation:isolate;
}

.pet-stage{
  position:relative;
  padding:12px 8px 14px;
  margin-bottom:32px;
  border-radius:6px;
}

.pet-stage.is-compact{
  margin-bottom:20px;
  padding-top:8px;
  padding-bottom:10px;
}

.pet-stage:nth-of-type(odd){
  background:var(--ui-raised);
}

.pet-stage:last-of-type{
  margin-bottom:0;
}

.pet-stage>h3{
  position:relative;
  z-index:2;
  font-size:11px;
  font-weight:500;
  margin:0 0 12px;
  color:var(--ui-muted);
}

.pet-stage>h3>span{
  margin-left:8px;
  font-size:10px;
  opacity:.75;
}

.pet-stage-nodes{
  display:grid;
  gap:12px 8px;
  margin:0 auto;
  position:relative;
}

#pettree_box .pet-route-tree .pet-node{
  display:flex;
  position:relative;
  z-index:2;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:100%;
  min-width:0;
  height:auto;
  min-height:98px;
  padding:7px 4px 5px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  cursor:pointer;
  transition:border-color .15s,opacity .15s;
}

#pettree_box .pet-route-tree .pet-node img{
  width:42px;
  height:42px;
  border:0;
  border-radius:4px;
  -o-object-fit:contain;
     object-fit:contain;
}

#pettree_box .pet-route-tree .pet-name-title{
  font-size:11px;
  line-height:1.4;
  height:auto;
  min-height:30px;
  overflow:visible;
  overflow-wrap:anywhere;
  text-align:center;
  padding-top:3px;
}

.pet-node-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  flex-wrap:wrap;
  margin-top:3px;
}

.pet-node-actions a{
  display:inline-flex;
  color:var(--ui-muted);
}

.pet-node-actions .ui-icon{
  width:14px;
  height:14px;
  font-size:14px;
}

.pet-node-probability{
  font-size:10px;
  color:var(--ui-brand);
  font-weight:500;
}

#pettree_box .pet-route-tree .pet-node.is-route{
  border-color:var(--ui-brand);
}

#pettree_box .pet-route-tree .pet-node.is-selected{
  border:2px solid var(--ui-brand);
  padding:6px 3px 4px;
  background:var(--ui-brand-bg);
}

#pettree_box .pet-route-tree .pet-node.is-muted{
  opacity:.45;
  filter:grayscale(1);
}

#pettree_box .pet-route-tree .pet-node:hover,#pettree_box .pet-route-tree .pet-node:focus-visible{
  border-color:var(--ui-brand);
  opacity:1;
  outline:2px solid var(--ui-brand-bg);
  outline-offset:2px;
}

#pettree_box .pet-route-lines{
  z-index:1;
  overflow:visible;
}

#pettree_box .pet-route-lines .line{
  fill:none;
  stroke-width:1.4;
  opacity:.5;
  vector-effect:non-scaling-stroke;
}

#pettree_box .pet-route-lines .line.highlight{
  stroke-width:2.4;
  opacity:1;
}

#pettree_box .pet-route-lines .line.is-muted{
  opacity:.18;
  stroke:var(--ui-muted)!important;
}

@media(max-width:600px){
  .pet-route-toolbar{
    padding:8px;
  }

  .pet-route-toolbar>div{
    flex-direction:column;
    gap:3px;
  }

  .pet-stage{
    padding:10px 4px 12px;
    margin-bottom:28px;
  }

  .pet-stage-nodes{
    gap:12px 6px;
  }

  .pet-route-help{
    font-size:11px;
  }
}

.pet-route-legend{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px 14px;
  margin-top:4px;
  font-size:11px;
}

.pet-route-legend>span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}

.pet-route-sample{
  display:inline-block;
  width:24px;
  border-top:2px solid var(--ui-brand);
}

.pet-route-sample.is-dashed{
  border-top-style:dashed;
}

#pettree_box .pet-route-lines .pet-route-hit{
  fill:none;
  stroke:transparent;
  stroke-width:14;
  pointer-events:stroke;
  cursor:pointer;
  vector-effect:non-scaling-stroke;
}

#pettree_box .pet-route-lines g.is-interactive:hover>.line,#pettree_box .pet-route-lines g.is-interactive:focus-visible>.line{
  opacity:1;
  stroke-width:4;
}

#pettree_box .pet-route-lines .line.is-selected-edge{
  stroke-width:4;
  opacity:1;
}

#pettree_box .pet-route-header{
  position:sticky;
  top:72px;
  z-index:60;
  margin-top:12px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-panel);
  box-shadow:0 4px 14px #0000000a;
}

#pettree_box .pet-route-header .pet-select-box{
  padding:6px 8px;
  gap:4px;
}

#pettree_box .pet-route-header .pet-select-box a{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:4px;
  padding:4px 7px;
  white-space:nowrap;
  transition:background .15s,color .15s;
}

#pettree_box .pet-route-header .pet-select-box a:hover{
  background:var(--ui-raised);
  color:var(--ui-brand);
}

#pettree_box .pet-route-header .pet-select-box a.active{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-weight:600;
}

#pettree_box .pet-route-header .pet-route-toolbar{
  position:static;
  margin:0;
  border:0;
  border-top:1px solid var(--ui-line);
  border-radius:0 0 6px 6px;
  padding:7px 12px;
  box-shadow:none;
}

@media(max-width:600px){
  #pettree_box .pet-route-header .pet-select-box{
    flex-wrap:nowrap;
    justify-content:flex-start;
    overflow-x:auto;
  }

  #pettree_box .pet-route-header .pet-select-box a{
    padding:3px 5px;
  }

  #pettree_box .pet-route-header .pet-route-toolbar{
    padding:6px 8px;
  }
}

/* Pet list: compact controls and game-icon cards. */

.pet-list-results>.ui-card-head{
  justify-content:space-between;
  gap:10px;
}

.pet-list-results>.ui-card-head h2{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
}

.pet-list-count{
  font-size:11px;
  font-weight:400;
  color:var(--ui-muted);
}

.pet-list-results>.ui-card-head>.ui-btn{
  min-height:28px;
  padding:3px 8px;
  font-size:11px;
}

.pet-list-controls{
  padding:12px 16px;
  border-bottom:1px solid var(--ui-line);
  background:var(--ui-panel);
}

.pet-list-search{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}

.pet-list-search .reference-search-field{
  flex:1;
  min-width:180px;
}

.pet-list-search .ui-btn,.pet-list-search select{
  min-height:34px;
}

.pet-list-sort{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  color:var(--ui-muted);
}

.pet-list-stages>.ui-card-body{
  padding:0!important;
}

.pet-list-stages .selectm_li{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  padding-top:10px;
}

.pet-list-stages .ui-btn{
  margin:0;
  min-height:28px;
  padding:4px 9px;
  font-size:11px;
}

.pet-list-summary{
  display:flex;
  justify-content:space-between;
  gap:8px;
  margin-bottom:12px;
  color:var(--ui-muted);
  font-size:11px;
}

.pet-list-sprite{
  display:block;
  flex:none;
  width:32px;
  height:32px;
  background-repeat:no-repeat;
}

.pet-list-detail{
  display:inline-flex;
  align-items:center;
  gap:3px;
  font-size:10px;
}

.pet-list-detail .ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
}

.pet-list-grid .reference-card-copy{
  gap:8px;
}

@media(max-width:640px){
  .pet-list-controls{
    padding:10px;
  }

  .pet-list-search .reference-search-field{
    flex-basis:calc(100% - 64px);
    min-width:0;
  }

  .pet-list-search .pet-list-sort{
    margin-left:auto;
  }

  .pet-list-grid .reference-card{
    flex-direction:row;
    align-items:center;
  }

  .pet-list-grid{
    grid-template-columns:1fr;
  }

  .pet-list-grid .reference-card-copy{
    width:auto;
  }

  .pet-list-grid .reference-card-image{
    width:46px;
    height:46px;
  }
}

.pet-list-filter-row{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding-top:10px;
}

.pet-list-filter-row>span{
  flex:none;
  color:var(--ui-muted);
  font-size:11px;
  padding-top:6px;
}

.pet-list-filter-row>nav{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}

.pet-list-filter-row .ui-btn[aria-current=page]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-color:var(--ui-line);
}

.battle-pet-navigation>.reference-heading{
  border:0;
  margin:0;
  padding:14px 16px;
}

.battle-pet-categories{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:10px 16px;
  border-top:1px solid var(--ui-line);
}

.battle-pet-categories>span{
  font-size:11px;
  color:var(--ui-muted);
  margin-right:4px;
}

.battle-pet-categories>.ui-btn{
  min-height:30px;
  font-size:12px;
  padding:4px 9px;
}

.battle-pet-categories>.ui-btn>.ui-icon{
  font-size:14px;
  width:14px;
  height:14px;
}

.battle-pet-categories>.ui-btn[aria-current=page]{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  border-color:var(--ui-line);
}

/* Battle pet guide: preserve CMS content, modernize the surrounding presentation. */

.battle-guide-heading>.reference-heading{
  border:0;
  margin:0;
  padding:14px 16px;
}

.battle-guide-heading .reference-heading-copy>div{
  display:grid;
  gap:4px;
}

.battle-guide-heading .reference-heading-copy p{
  margin:0;
}

.battle-guide-description{
  font-size:12px;
  color:var(--ui-muted);
}

.battle-guide-links{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  padding:9px 16px;
  border-top:1px solid var(--ui-line);
}

.battle-guide-links .ui-btn{
  min-height:30px;
  padding:4px 10px;
  font-size:12px;
}

.battle-guide-links .ui-icon{
  font-size:15px;
  width:15px;
  height:15px;
}

.battle-guide-links [aria-current=page]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.battle-guide-page .auto_mulu:not(:has(a)){
  display:none!important;
}

.battle-guide-page #wrapper>.ui-card{
  margin:0 0 12px;
}

.battle-guide-page .card-header-tab-mulu{
  padding:0 12px;
  min-height:40px;
}

.battle-guide-page .card-header-tab-mulu .nav{
  display:flex;
  gap:4px;
  flex-wrap:nowrap;
}

.battle-guide-page .card-header-tab-mulu .nav-link{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border-radius:0;
  border-bottom:2px solid transparent;
}

.battle-guide-page .card-header-tab-mulu .nav-link.active{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  border-bottom-color:var(--ui-brand);
}

.battle-guide-page #wrapper .ui-card-body{
  padding:14px 16px;
}

.battle-guide-page .arcmain{
  font-size:13px;
  line-height:1.75;
}

.battle-guide-page .arcmain .title2{
  display:flex;
  align-items:center;
  gap:6px;
  margin:18px 0 10px;
  padding:7px 10px;
  font-size:15px;
  line-height:1.5;
  font-weight:600;
  border-radius:6px;
  background:linear-gradient(90deg,var(--ui-brand-bg),transparent)!important;
}

.battle-guide-page .tab-pane>.title2:first-child{
  margin-top:0;
}

.battle-guide-page .arcmain .table-responsive{
  overflow-x:auto;
  margin:10px 0 14px;
  border-radius:6px;
}

.battle-guide-page .arcmain table{
  width:100%;
  border-collapse:collapse;
  border:1px solid var(--ui-line);
  margin:0;
}

.battle-guide-page .arcmain td,.battle-guide-page .arcmain th{
  padding:8px 10px;
  border:1px solid var(--ui-line)!important;
  vertical-align:middle;
  line-height:1.65;
}

.battle-guide-page .arcmain td[style*="background"],.battle-guide-page .arcmain th{
  background:var(--ui-raised)!important;
}

.battle-guide-page .arcmain tr.firstRow>td{
  background:var(--ui-brand-bg)!important;
  font-weight:500;
}

.battle-guide-page .arcmain p{
  margin:6px 0;
}

.battle-guide-page .arcmain img{
  max-width:100%;
  height:auto;
}

@media(max-width:640px){
  .battle-guide-heading>.reference-heading{
    padding:12px;
  }

  .battle-guide-links{
    padding:8px 12px;
  }

  .battle-guide-page #wrapper .ui-card-body{
    padding:10px;
  }

  .battle-guide-page .arcmain table{
    min-width:640px;
  }

  .battle-guide-page .arcmain td,.battle-guide-page .arcmain th{
    padding:6px 8px;
  }

  .battle-guide-page .card-header-tab-mulu{
    padding:0 4px;
  }

  .battle-guide-page .card-header-tab-mulu .nav-link{
    padding:8px 10px;
  }
}

/* Independent map workspace, without the legacy fixed-width controls. */

.map-workspace[v-cloak]{
  visibility:hidden;
}

.map-workspace-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
}

.map-workspace-heading h1{
  font-size:21px;
  font-weight:600;
}

.map-workspace-heading p{
  font-size:12px;
  color:var(--ui-muted);
  margin-top:4px;
}

.map-navigation-controls{
  display:flex;
  align-items:center;
  gap:8px;
}

.map-navigation-controls>label{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  color:var(--ui-muted);
}

.map-navigation-controls .sv8-select{
  min-width:200px;
}

.map-navigation-controls .sv8-select-trigger{
  width:100%;
}

.map-floor-nav{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  padding:9px 12px;
}

.map-floor-nav>span{
  display:flex;
  align-items:center;
  gap:5px;
  font-size:11px;
  color:var(--ui-muted);
  margin-right:5px;
}

.map-floor-nav .ui-btn{
  min-height:28px;
  font-size:11px;
  padding:4px 8px;
}

.map-floor-nav [aria-current=page]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.map-workspace-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:14px;
  align-items:start;
}

.map-canvas-card{
  position:relative;
  min-width:0;
}

.map-canvas-card>.ui-card-head{
  gap:8px;
}

.map-canvas-card h2{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
}

.map-point-count{
  color:var(--ui-muted);
  font-weight:400;
  font-size:11px;
}

.map-canvas-card>.ui-card-head>.ui-btn{
  margin-left:auto;
  font-size:11px;
  min-height:28px;
  padding:4px 8px;
}

.map-action-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  padding:9px 12px;
  border-bottom:1px solid var(--ui-line);
}

.map-layer-controls{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
}

.map-layer-controls label{
  display:flex;
  align-items:center;
  gap:4px;
  font-size:12px;
  cursor:pointer;
}

.map-layer-controls input{
  accent-color:var(--ui-brand);
  width:14px;
  height:14px;
}

.map-layer-controls small{
  font-size:10px;
  color:var(--ui-muted);
}

.map-npc-key{
  display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#dc4b44;
}

.map-zoom-controls{
  display:flex;
  align-items:center;
  gap:5px;
}

.map-zoom-controls>.ui-btn{
  min-height:28px;
  padding:3px 6px;
  font-size:11px;
}

.map-zoom-controls>.ui-btn>.ui-icon{
  width:14px;
  height:14px;
  font-size:14px;
}

.map-zoom-controls>span{
  width:38px;
  text-align:center;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}

.map-viewport{
  height:clamp(380px,66vh,720px);
  overflow:auto;
  position:relative;
  background:var(--ui-raised);
  padding:12px;
  cursor:grab;
  touch-action:none;
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none;
  border-radius:0 0 6px 6px;
}

.map-viewport.is-dragging{
  cursor:grabbing;
}

.map-scale-space{
  position:relative;
  margin:0 auto;
  flex:none;
}

.map-workspace .map_art{
  position:absolute;
  top:0;
  left:0;
  margin:0;
  min-height:0;
  transform-origin:top left;
  background-repeat:no-repeat;
  border-radius:4px;
}

.map-workspace .monster_dian{
  border:0;
  padding:0;
  background:transparent;
  line-height:normal;
  overflow:visible;
}

.map-workspace .monster_dian:focus-visible{
  outline:3px solid var(--ui-brand);
  outline-offset:3px;
}

.map-workspace .monster_dian.active{
  outline:3px solid var(--ui-brand);
  background:#ffffff30;
}

.map-workspace .monster_dian img{
  pointer-events:none;
  -webkit-user-drag:none;
}

.map-canvas-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:8px 12px;
  border-top:1px solid var(--ui-line);
  font-size:11px;
  color:var(--ui-muted);
}

.map-canvas-footer>span{
  display:flex;
  align-items:center;
  gap:5px;
}

.map-canvas-footer .ui-btn{
  min-height:26px;
  font-size:11px;
  padding:3px 7px;
  flex:none;
}

.map-canvas-footer .ui-icon{
  font-size:14px;
  width:14px;
  height:14px;
}

.map-information{
  position:sticky;
  top:78px;
  min-width:0;
  scroll-margin-top:80px;
}

.map-info-tabs{
  gap:6px;
}

.map-info-tabs>.ui-btn{
  min-height:28px;
  font-size:12px;
  padding:4px 10px;
}

.map-info-tabs>.active{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.map-info-body{
  padding:12px;
  max-height:calc(100dvh - 145px);
  overflow:auto;
  font-size:12px;
  line-height:1.7;
}

.map-info-content{
  overflow-wrap:anywhere;
}

.map-info-content table{
  width:100%;
  border-collapse:collapse;
}

.map-info-content td,.map-info-content th{
  padding:7px 6px;
  border:1px solid var(--ui-line);
}

.map-info-content p{
  margin:4px 0;
}

.map-info-content img{
  max-width:100%;
  height:auto;
}

.map-info-content td img{
  max-width:80px;
  max-height:100px;
  -o-object-fit:contain;
     object-fit:contain;
}

.map-info-body .ui-empty>.ui-icon{
  font-size:26px;
  width:26px;
  height:26px;
  display:inline-block;
  margin-bottom:8px;
}

.map-info-body .ui-empty{
  line-height:1.8;
  padding:30px 8px;
}

.map-spinner{
  display:inline-block;
  width:16px;
  height:16px;
  border:2px solid var(--ui-line);
  border-top-color:var(--ui-brand);
  border-radius:50%;
  animation:map-spin .75s linear infinite;
  vertical-align:middle;
  margin-right:6px;
}

@keyframes map-spin{
  to{
    transform:rotate(360deg)
  }
}

.map-load-overlay{
  position:absolute;
  inset:90px 0 40px;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:36px;
  background:var(--ui-panel);
  opacity:.9;
  font-size:12px;
  z-index:5;
}

.map-load-error{
  padding:12px;
  color:var(--ui-brand);
  display:flex;
  gap:10px;
  align-items:center;
  font-size:12px;
}

.map-search-dialog{
  width:640px;
  max-width:calc(100vw - 28px);
  margin:auto;
  max-height:min(700px,85dvh);
}

.map-search-dialog[open]{
  display:flex;
  flex-direction:column;
}

.map-search-dialog .ui-dialog-head{
  padding:10px 14px;
  flex:none;
  min-height:44px;
}

.map-search-dialog .ui-dialog-head h2{
  font-size:14px;
}

.map-search-input{
  padding:12px 14px;
  flex:none;
  border-bottom:1px solid var(--ui-line);
}

.map-search-input .reference-search-field{
  width:100%;
}

.map-search-results{
  overflow:auto;
  padding:0 14px 12px;
  min-height:120px;
}

.map-search-summary{
  font-size:11px;
  color:var(--ui-muted);
  padding:10px 0;
}

.map-search-result{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 8px;
  border-bottom:1px solid var(--ui-line);
  font-size:12px;
}

.map-search-result:hover{
  background:var(--ui-raised);
  color:var(--ui-brand);
}

.map-search-result>.ui-icon:last-child{
  margin-left:auto;
  width:12px;
  height:12px;
  font-size:12px;
}

@media(max-width:1000px){
  .map-workspace-grid{
    grid-template-columns:1fr;
  }

  .map-information{
    position:static;
  }

  .map-info-body{
    max-height:480px;
  }

  .map-viewport{
    height:60vh;
    min-height:360px;
  }

  .map-workspace-heading{
    flex-wrap:wrap;
  }

  .map-navigation-controls{
    flex:1;
    justify-content:flex-end;
  }
}

@media(max-width:600px){
  .map-workspace-heading{
    padding:12px;
    gap:12px;
  }

  .map-navigation-controls{
    width:100%;
    justify-content:space-between;
  }

  .map-navigation-controls>label>span:not(.sv8-select){
    display:none;
  }

  .map-navigation-controls>label{
    flex:1;
    min-width:0;
  }

  .map-navigation-controls .sv8-select{
    min-width:0;
    width:100%;
  }

  .map-navigation-controls>.ui-btn{
    font-size:12px;
    flex:none;
  }

  .map-action-bar{
    padding:8px;
    gap:8px;
  }

  .map-layer-controls{
    gap:10px;
  }

  .map-zoom-controls{
    margin-left:auto;
  }

  .map-viewport{
    padding:8px;
  }

  .map-canvas-footer{
    align-items:flex-start;
  }

  .map-canvas-footer>span{
    align-items:flex-start;
  }

  .map-canvas-card>.ui-card-head{
    flex-wrap:wrap;
  }

  .map-canvas-card h2{
    font-size:12px;
  }
}

.map-directory>summary{
  cursor:pointer;
  list-style:none;
  justify-content:space-between;
}

.map-directory>summary::-webkit-details-marker{
  display:none;
}

.map-directory>summary>span:first-child{
  display:flex;
  align-items:center;
  gap:7px;
}

.map-directory>summary>.ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
  transition:transform .15s;
}

.map-directory[open]>summary>.ui-icon{
  transform:rotate(180deg);
}

.map-directory-body{
  padding:4px 14px 10px;
}

.map-directory-group{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  padding:8px 0;
  border-top:1px solid var(--ui-line);
}

.map-directory-group:first-child{
  border-top:0;
}

.map-directory-group>span{
  font-size:11px;
  color:var(--ui-muted);
  padding-top:5px;
}

.map-directory-group>div{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px;
}

.map-directory-group .ui-btn{
  min-height:27px;
  padding:3px 8px;
  font-size:11px;
}

.map-directory-group [aria-current=page]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-color:var(--ui-line);
}

@media(max-width:600px){
  .map-directory-body{
    padding:2px 10px 8px;
  }

  .map-directory-group{
    grid-template-columns:30px minmax(0,1fr);
    gap:6px;
  }

  .map-directory-group .ui-btn{
    padding:3px 6px;
  }

  .map-workspace-heading>.map-navigation-controls{
    width:auto;
    flex:initial;
  }
}

/* Topic index. Ordinary links remain usable without scripting. */

.topic-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
}

.topic-heading h1{
  font-size:22px;
  font-weight:600;
}

.topic-heading p{
  margin-top:4px;
  font-size:12px;
  color:var(--ui-muted);
}

.topic-total{
  font-size:11px;
  color:var(--ui-muted);
  white-space:nowrap;
}

.topic-controls{
  padding:12px 14px;
}

.topic-control-top{
  display:flex;
  align-items:center;
  gap:14px;
}

.topic-control-top .reference-search-field{
  flex:1;
  max-width:620px;
  position:relative;
}

.topic-control-top input{
  padding-right:32px!important;
}

.topic-control-top>span{
  margin-left:auto;
  font-size:11px;
  color:var(--ui-muted);
  white-space:nowrap;
}

.topic-search-clear{
  display:flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  position:absolute;
  right:7px;
  top:50%;
  transform:translateY(-50%);
  color:var(--ui-muted);
  border-radius:4px;
}

.topic-search-clear[hidden]{
  display:none;
}

.topic-search-clear:hover{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.topic-search-clear>.ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
}

.topic-category-tabs{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}

.topic-category-tabs>.ui-btn{
  min-height:30px;
  padding:4px 9px;
  font-size:12px;
}

.topic-category-tabs>.ui-btn>.ui-icon{
  font-size:14px;
  width:14px;
  height:14px;
}

.topic-category-tabs>[aria-pressed=true]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-color:var(--ui-line);
}

.topic-category-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:start;
}

.topic-category-card{
  min-width:0;
  margin:0;
  overflow:hidden;
}

.topic-category-card[hidden],.topic-entry[hidden],.topic-empty[hidden]{
  display:none;
}

.topic-category-card>.ui-card-head{
  gap:7px;
  padding:7px 12px;
}

.topic-category-card h2{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  min-width:0;
}

.topic-category-card h2>.ui-icon{
  font-size:16px;
  width:16px;
  height:16px;
  color:var(--ui-brand);
}

.topic-group-count{
  font-size:10px;
  font-weight:400;
  color:var(--ui-muted);
}

.topic-category-card>.ui-card-head>a{
  display:flex;
  align-items:center;
  gap:2px;
  margin-left:auto;
  font-size:11px;
  font-weight:400;
  color:var(--ui-muted);
}

.topic-category-card>.ui-card-head>a:hover{
  color:var(--ui-brand);
}

.topic-category-card>.ui-card-head>a>.ui-icon{
  width:11px;
  height:11px;
  font-size:11px;
}

.topic-entry-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px;
  padding:10px;
}

.topic-entry{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:48px;
  padding:6px;
  border:1px solid transparent;
  border-radius:6px;
  transition:background .15s,border-color .15s;
}

.topic-entry:hover,.topic-entry:focus-visible{
  background:var(--ui-raised);
  border-color:var(--ui-line);
  color:var(--ui-brand);
}

.topic-entry-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:none;
  width:32px;
  height:32px;
  background:var(--ui-raised);
  border:1px solid var(--ui-line);
  border-radius:6px;
  overflow:hidden;
}

.topic-entry-icon img{
  width:28px;
  height:28px;
  -o-object-fit:contain;
     object-fit:contain;
}

.topic-entry-icon>.ui-icon{
  width:18px;
  height:18px;
  font-size:18px;
  color:var(--ui-brand);
}

.topic-entry-icon.is-fallback:after{
  content:'◇';
  color:var(--ui-brand);
  font-size:18px;
}

.topic-entry-title{
  font-size:12px;
  line-height:1.5;
  overflow-wrap:anywhere;
}

.topic-entry>.ui-icon{
  margin-left:auto;
  flex:none;
  width:10px;
  height:10px;
  font-size:10px;
  color:var(--ui-muted);
  opacity:.45;
}

.topic-entry:hover>.ui-icon{
  color:var(--ui-brand);
  opacity:1;
}

.topic-empty{
  padding:36px 16px;
  text-align:center;
  color:var(--ui-muted);
  font-size:13px;
}

.topic-empty>.ui-icon{
  display:inline-block;
  font-size:26px;
  width:26px;
  height:26px;
}

.topic-empty p{
  margin:12px 0;
}

.topic-empty>.ui-btn{
  margin:auto;
}

@media(max-width:1200px){
  .topic-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .topic-category-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .topic-heading{
    padding:12px;
    flex-wrap:wrap;
  }

  .topic-heading h1{
    font-size:20px;
  }

  .topic-total{
    padding-left:56px;
  }

  .topic-controls{
    padding:10px;
  }

  .topic-control-top{
    gap:8px;
  }

  .topic-category-tabs{
    gap:5px;
  }

  .topic-category-tabs>.ui-btn{
    font-size:11px;
    padding:4px 7px;
  }

  .topic-entry-grid{
    padding:8px;
  }

  .topic-entry{
    gap:6px;
    padding:5px;
  }

  .topic-entry>.ui-icon{
    display:none;
  }

  .topic-entry-title{
    font-size:12px;
  }
}

/* Unified topic toolbar and equal desktop panel heights. */

.topic-controls{
  padding:0;
  overflow:hidden;
}

.topic-control-top{
  padding:12px 14px;
  gap:10px;
}

.topic-control-top .reference-search-field{
  max-width:none;
  min-width:0;
}

.topic-control-top>span{
  margin-left:0;
  padding:6px 10px;
  border-radius:6px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-size:11px;
  min-width:82px;
  text-align:center;
}

.topic-category-tabs{
  margin-top:0;
  padding:8px 14px;
  border-top:1px solid var(--ui-line);
  background:var(--ui-raised);
  gap:5px;
}

.topic-category-tabs>.ui-btn{
  min-height:32px;
  padding:5px 10px;
  border-color:transparent;
  background:transparent;
}

.topic-category-tabs>.ui-btn:hover{
  background:var(--ui-panel);
}

.topic-category-tabs>[aria-pressed=true]{
  background:var(--ui-panel);
  border-color:var(--ui-line);
  box-shadow:0 1px 3px #00000008;
}

.topic-category-grid{
  align-items:stretch;
  grid-auto-rows:auto;
}

.topic-category-card{
  display:flex;
  flex-direction:column;
}

.topic-category-card>.ui-card-head{
  flex:none;
}

.topic-entry-grid{
  align-content:start;
}

@media(max-width:700px){
  .topic-controls{
    padding:0;
  }

  .topic-control-top{
    padding:10px;
    gap:7px;
  }

  .topic-control-top>span{
    min-width:70px;
    padding:6px;
    font-size:10px;
  }

  .topic-category-tabs{
    padding:7px 10px;
  }

  .topic-category-tabs>.ui-btn{
    padding:4px 7px;
  }

  .topic-category-grid{
    grid-auto-rows:auto;
  }
}

/* Modern article shell; profession and battle-guide layouts keep their own styles. */

.news-article-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px;
}

.news-article-heading h1{
  font-size:23px;
  line-height:1.45;
  font-weight:600;
  margin:5px 0 0;
}

.article-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--ui-muted);
  font-size:11px;
}

.article-breadcrumb a:hover{
  color:var(--ui-brand);
}

.news-article-heading>.ui-btn{
  flex:none;
  font-size:12px;
}

.news-article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:6px 14px;
  color:var(--ui-muted);
  font-size:11px;
  margin-top:8px;
}

.news-article-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}

.news-article-layout.has-toc{
  grid-template-columns:minmax(0,1fr) 220px;
}

.news-article-layout>.news-content-card{
  grid-column:1;
  grid-row:1;
  min-width:0;
  margin:0;
}

.news-article-layout>.article-toc{
  grid-column:2;
  grid-row:1;
  position:sticky;
  top:78px;
  min-width:0;
  margin:0;
}

.article-toc[hidden]{
  display:none!important;
}

.article-toc summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-height:40px;
  padding:8px 12px;
  border-bottom:1px solid var(--ui-line);
  cursor:pointer;
  font-size:13px;
  font-weight:600;
  list-style:none;
}

.article-toc summary::-webkit-details-marker{
  display:none;
}

.article-toc summary>span:first-child{
  display:flex;
  align-items:center;
  gap:6px;
}

.article-toc summary .ui-icon{
  font-size:14px;
  width:14px;
  height:14px;
  color:var(--ui-brand);
}

.article-toc summary>.ui-icon{
  width:11px;
  height:11px;
  font-size:11px;
  transition:transform .15s;
}

.article-toc details[open]>summary>.ui-icon{
  transform:rotate(180deg);
}

.article-toc nav{
  max-height:calc(100dvh - 145px);
  overflow:auto;
  padding:7px;
}

.article-toc nav>a{
  display:flex;
  align-items:flex-start;
  gap:7px;
  padding:8px;
  border-radius:6px;
  font-size:12px;
  line-height:1.6;
}

.article-toc nav>a small{
  flex:none;
  min-width:18px;
  font-size:10px;
  color:var(--ui-muted);
  padding-top:2px;
  font-variant-numeric:tabular-nums;
}

.article-toc nav>a[data-level="1"]{
  padding-left:18px;
}

.article-toc nav>a[data-level="2"]{
  padding-left:26px;
}

.article-toc nav>a:hover{
  background:var(--ui-raised);
  color:var(--ui-brand);
}

.article-toc nav>a[aria-current]{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.article-toc nav>a[aria-current] small{
  color:var(--ui-brand);
}

.news-article-page .arcmain{
  font-size:13px;
  line-height:1.8;
  min-width:0;
  overflow-wrap:anywhere;
}

.news-content-card>.ui-card-body{
  padding:16px;
}

.news-article-page .arcmain h2,.news-article-page .arcmain h3,.news-article-page .arcmain h4{
  scroll-margin-top:4px;
}

.news-article-page .arcmain .title2{
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 10px;
  margin:20px 0 10px;
  font-size:16px;
  line-height:1.5;
  font-weight:600;
  border-radius:6px;
  background:linear-gradient(90deg,var(--ui-brand-bg),transparent)!important;
}

.news-article-page .arcmain>.title2:first-child,.news-article-page .tab-pane>.title2:first-child{
  margin-top:0;
}

.news-article-page .arcmain p{
  margin:7px 0;
}

.news-table-scroll{
  overflow-x:auto;
  max-width:100%;
  margin:12px 0;
  border-radius:6px;
}

.news-table-scroll>table{
  width:100%!important;
  max-width:100%;
  border-collapse:collapse;
  border:1px solid var(--ui-line);
}

.news-table-scroll td,.news-table-scroll th{
  padding:8px 10px;
  border:1px solid var(--ui-line)!important;
  vertical-align:middle;
  line-height:1.7;
}

.news-table-scroll td[style*="background"],.news-table-scroll th{
  background:var(--ui-raised)!important;
}

.news-table-scroll tr.firstRow>td{
  background:var(--ui-brand-bg)!important;
  font-weight:500;
}

.news-article-page .arcmain img{
  max-width:100%;
  height:auto;
}

.article-image-preview{
  cursor:zoom-in;
}

.article-image-preview:focus-visible{
  outline:2px solid var(--ui-brand);
  outline-offset:3px;
}

.news-content-card .card-header-tab-mulu{
  min-height:40px;
  padding:0 10px;
}

.news-content-card .card-header-tab-mulu .nav{
  display:flex;
  flex-wrap:nowrap;
  gap:4px;
}

.news-content-card .card-header-tab-mulu .nav-link{
  display:flex;
  align-items:center;
  min-height:40px;
  padding:8px 12px;
  border-bottom:2px solid transparent;
  border-radius:0;
}

.news-content-card .card-header-tab-mulu .nav-link.active{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
  border-bottom-color:var(--ui-brand);
}

@media(max-width:1000px){
  .news-article-layout.has-toc{
    grid-template-columns:minmax(0,1fr);
  }

  .news-article-layout>.article-toc{
    grid-row:1;
    grid-column:1;
    position:static;
  }

  .news-article-layout.has-toc>.news-content-card{
    grid-row:2;
  }

  .article-toc nav{
    max-height:220px;
  }

  .article-toc nav>a{
    padding:6px 8px;
  }
}

@media(max-width:640px){
  .news-article-heading{
    padding:12px;
    align-items:flex-start;
  }

  .news-article-heading h1{
    font-size:20px;
  }

  .news-article-heading>.ui-btn{
    padding:5px 7px;
    font-size:11px;
  }

  .news-article-heading .reference-heading-copy{
    gap:8px;
  }

  .news-content-card>.ui-card-body{
    padding:12px;
  }

  .news-table-scroll.is-wide>table{
    min-width:600px;
  }

  .news-table-scroll td,.news-table-scroll th{
    padding:6px 8px;
  }

  .news-article-page .arcmain .title2{
    font-size:14px;
  }
}

.arcmain .article-inline-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  font-size:18px;
  font-style:normal;
  line-height:1;
  vertical-align:middle;
  flex:none;
}

.arcmain .article-feature-heading{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:48px;
}

.arcmain .article-feature-icon{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:none;
  line-height:1!important;
  margin-right:0!important;
  border-radius:6px!important;
  color:var(--ui-brand)!important;
  background:var(--ui-brand-bg)!important;
  border-color:var(--ui-line)!important;
}

.arcmain .article-feature-icon>.article-inline-icon{
  font-size:20px;
  width:20px;
  height:20px;
  color:var(--ui-brand)!important;
}

.arcmain .article-feature-heading>strong{
  line-height:1.5;
  color:var(--ui-text)!important;
}

.news-article-page>.seal-comments{
  margin-top:14px;
}

.news-article-page:has(.news-article-layout.has-toc)>.seal-comments{
  width:calc(100% - 234px);
}

@media(max-width:1000px){
  .news-article-page:has(.news-article-layout.has-toc)>.seal-comments{
    width:100%;
  }
}

/* Market list, detail and publishing dialog. */

.market-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
}

.market-heading h1{
  font-size:22px;
  line-height:1.45;
  font-weight:600;
}

.market-heading p{
  font-size:12px;
  color:var(--ui-muted);
  margin-top:4px;
}

.market-heading-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.market-heading-actions .ui-btn{
  font-size:12px;
  min-height:34px;
  padding:6px 10px;
}

.market-heading-actions .ui-icon{
  font-size:16px;
  width:16px;
  height:16px;
}

.market-filters{
  padding:12px 14px;
}

.market-search-row{
  display:flex;
  align-items:center;
  gap:8px;
}

.market-search-row .reference-search-field{
  flex:1;
  min-width:0;
}

.market-search-row>.ui-btn{
  font-size:12px;
  min-height:36px;
  flex:none;
}

.market-filter-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-top:10px;
}

.market-intent{
  display:flex;
  align-items:center;
  gap:3px;
  padding:3px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.market-intent label{
  position:relative;
  cursor:pointer;
}

.market-intent input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
}

.market-intent label>span{
  display:block;
  font-size:12px;
  padding:4px 14px;
  border-radius:4px;
  line-height:22px;
}

.market-intent input:checked+span{
  background:var(--ui-panel);
  color:var(--ui-brand);
  box-shadow:0 1px 3px #0000000a;
}

.market-intent input:focus-visible+span{
  outline:2px solid var(--ui-brand);
  outline-offset:1px;
}

.market-dropdowns{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
}

.market-dropdowns .sv8-select-trigger{
  min-height:34px;
}

.market-results>.ui-card-head{
  justify-content:space-between;
  gap:8px;
}

.market-results>.ui-card-head h2{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
}

.market-results>.ui-card-head h2>span:not(.ui-icon),.market-results>.ui-card-head>span{
  font-weight:400;
  font-size:11px;
  color:var(--ui-muted);
}

.market-row-list{
  padding:0 14px;
}

.market-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px 2px;
  border-bottom:1px solid var(--ui-line);
}

.market-row:last-child{
  border-bottom:0;
}

.market-row:hover{
  background:var(--ui-raised);
}

.market-intent-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  flex:none;
  border-radius:6px;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.market-intent-icon.is-buy{
  background:#e8f4f1;
  color:#24836e;
}

.market-row-main{
  min-width:0;
  flex:1;
}

.market-row-title{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 7px;
}

.market-row-title>a{
  font-size:14px;
  line-height:1.6;
  font-weight:500;
  overflow-wrap:anywhere;
  color:var(--ui-text);
}

.market-row-title>a:hover{
  color:var(--ui-brand);
}

.market-badge{
  display:inline-flex;
  align-items:center;
  padding:2px 6px;
  font-size:10px;
  line-height:1.5;
  border-radius:4px;
  background:var(--ui-raised);
  color:var(--ui-muted);
  white-space:nowrap;
}

.market-badge.is-sell{
  color:var(--ui-brand);
  background:var(--ui-brand-bg);
}

.market-badge.is-buy{
  background:#e8f4f1;
  color:#24836e;
}

.market-badge.is-complete{
  background:var(--ui-raised);
  color:var(--ui-muted);
}

.market-row-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 12px;
  font-size:11px;
  color:var(--ui-muted);
  margin-top:5px;
}

.market-row-meta>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.market-row-meta .ui-icon{
  font-size:12px;
  width:12px;
  height:12px;
}

.market-row-id{
  font-size:10px;
  opacity:.7;
}

.market-row-author{
  display:grid;
  gap:5px;
  text-align:right;
  flex:none;
  color:var(--ui-muted);
  font-size:11px;
}

.market-row-author>span{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
}

.market-row-author .ui-icon{
  width:13px;
  height:13px;
  font-size:13px;
}

.market-row-author time{
  font-size:10px;
}

.market-detail-page{
  padding-bottom:14px!important;
}

.market-detail-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) 300px;
  gap:14px;
  align-items:start;
}

.market-detail-main{
  display:grid;
  gap:14px;
  min-width:0;
}

.market-detail-main>.ui-card{
  margin:0;
}

.market-content-heading{
  padding:18px 20px 14px;
  border-bottom:1px solid var(--ui-line);
}

.market-detail-badges{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:10px;
}

.market-content h2{
  font-size:22px;
  line-height:1.5;
  font-weight:600;
  overflow-wrap:anywhere;
}

.market-content-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px 16px;
  color:var(--ui-muted);
  font-size:11px;
  margin-top:10px;
}

.market-content-meta>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.market-content-meta .ui-icon{
  font-size:14px;
  width:14px;
  height:14px;
}

.market-content-body{
  padding:18px 20px;
  min-height:160px;
}

.market-description{
  font-size:14px;
  line-height:1.9;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
}

.market-description img{
  max-width:100%;
  height:auto;
}

.market-item-image{
  display:inline-block;
  margin-top:16px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  overflow:hidden;
  cursor:zoom-in;
  max-width:100%;
}

.market-item-image img{
  display:block;
  max-width:100%;
  max-height:460px;
  -o-object-fit:contain;
     object-fit:contain;
}

.market-detail-side{
  position:sticky;
  top:78px;
  display:grid;
  gap:14px;
  min-width:0;
}

.market-detail-side>.ui-card{
  margin:0;
}

.market-detail-side h2{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
}

.market-contact dl{
  padding:4px 14px;
}

.market-contact dl>div{
  display:grid;
  grid-template-columns:66px minmax(0,1fr);
  gap:8px;
  padding:10px 0;
  border-bottom:1px solid var(--ui-line);
  font-size:12px;
}

.market-contact dl>div:last-child{
  border:0;
}

.market-contact dt{
  color:var(--ui-muted);
}

.market-contact dd{
  margin:0;
  overflow-wrap:anywhere;
}

.market-contact-action{
  padding:10px 14px 14px;
}

.market-contact-action>.ui-btn{
  width:100%;
  justify-content:center;
}

.market-contact-details{
  margin-top:10px;
  padding:10px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
  font-size:12px;
  line-height:1.8;
  overflow-wrap:anywhere;
}

.market-contact-note{
  margin-top:10px;
  text-align:center;
  color:var(--ui-muted);
  font-size:11px;
}

.market-owner .ui-card-body>p{
  font-size:12px;
  color:var(--ui-muted);
}

.market-owner-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:10px;
}

.market-owner-actions .ui-btn{
  font-size:11px;
  padding:4px 8px;
}

.market-terms>summary{
  display:flex;
  align-items:center;
  gap:7px;
  list-style:none;
  cursor:pointer;
  min-height:40px;
  padding:8px 14px;
  font-size:13px;
  font-weight:500;
}

.market-terms>summary::-webkit-details-marker{
  display:none;
}

.market-terms>summary>.ui-icon:last-child{
  margin-left:auto;
  font-size:12px;
  width:12px;
  height:12px;
}

.market-terms>.ui-card-body{
  font-size:12px;
  line-height:1.8;
  border-top:1px solid var(--ui-line);
}

.market-comment-shell{
  padding-top:0!important;
}

.market-comment-shell>.seal-comments{
  width:calc(100% - 314px);
  margin:0;
}

.market-publish{
  width:660px;
  max-width:calc(100vw - 28px);
  max-height:calc(100dvh - 40px);
  margin:auto;
}

.market-publish[open]{
  display:flex;
  flex-direction:column;
}

.market-publish .ui-dialog-head{
  padding:10px 14px;
  min-height:44px;
  flex:none;
}

.market-publish h2{
  font-size:14px;
}

.market-login-prompt{
  padding:32px 20px;
  display:grid;
  gap:16px;
  justify-items:center;
  font-size:13px;
  color:var(--ui-muted);
}

.market-publish-form{
  padding:14px 16px;
  overflow:auto;
}

.market-publish-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 14px;
  margin-bottom:12px;
}

.market-publish-fields label,.market-form-wide{
  display:flex;
  flex-direction:column;
  gap:6px;
  font-size:12px;
}

.market-publish-fields label>span,.market-form-wide>span{
  color:var(--ui-muted);
}

.market-form-wide{
  margin-bottom:12px;
}

.market-publish-form .sv8-select-trigger{
  width:100%;
}

.market-publish-form input,.market-publish-form textarea{
  width:100%;
  min-width:0;
}

.market-publish-form textarea{
  min-height:100px;
  resize:vertical;
}

.market-publish-form>footer{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  padding-top:12px;
  border-top:1px solid var(--ui-line);
}

.market-form-message{
  font-size:12px;
  color:var(--ui-brand);
  line-height:1.6;
}

.market-form-message:empty{
  display:none;
}

@media(max-width:1000px){
  .market-detail-grid{
    grid-template-columns:minmax(0,1fr) 260px;
  }

  .market-comment-shell>.seal-comments{
    width:calc(100% - 274px);
  }
}

@media(max-width:760px){
  .market-heading{
    padding:12px;
    flex-wrap:wrap;
    gap:12px;
  }

  .market-heading h1{
    font-size:20px;
  }

  .market-heading-actions{
    margin-left:auto;
  }

  .market-heading-actions .ui-btn{
    font-size:11px;
    padding:5px 8px;
  }

  .market-filters{
    padding:10px;
  }

  .market-filter-row{
    gap:8px;
  }

  .market-dropdowns{
    flex:1;
    justify-content:flex-end;
    gap:5px;
  }

  .market-dropdowns .sv8-select-trigger{
    padding:5px 7px;
    font-size:11px;
    min-width:80px;
  }

  .market-intent label>span{
    padding:3px 10px;
  }

  .market-row-list{
    padding:0 10px;
  }

  .market-row{
    gap:8px;
    align-items:flex-start;
    flex-wrap:wrap;
    padding:12px 0;
  }

  .market-intent-icon{
    width:30px;
    height:30px;
  }

  .market-row-title>a{
    font-size:13px;
  }

  .market-row-author{
    width:100%;
    display:flex;
    justify-content:space-between;
    padding-left:38px;
  }

  .market-detail-grid{
    grid-template-columns:1fr;
  }

  .market-detail-side{
    position:static;
    grid-row:auto;
  }

  .market-contact dl{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 12px;
  }

  .market-contact dl>div{
    grid-template-columns:58px minmax(0,1fr);
  }

  .market-contact-action{
    padding-top:6px;
  }

  .market-comment-shell>.seal-comments{
    width:100%;
  }

  .market-content-heading,.market-content-body{
    padding:14px;
  }

  .market-content h2{
    font-size:20px;
  }

  .market-publish-form{
    padding:12px;
  }

  .market-publish-fields{
    gap:10px;
  }

  .market-results>.ui-card-head{
    flex-wrap:wrap;
  }
}

.market-page[v-cloak]{
  visibility:hidden;
}

.market-description-empty{
  color:var(--ui-muted);
  font-size:13px;
  padding:14px 0;
}

/* Let the home notice fill the space below the carousel and align with the news panel. */

.seal-home-top{
  align-items:stretch;
  margin-bottom:14px;
}

.seal-home-notice-column{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.seal-home-notice-column>.seal-home-carousel,.seal-home-notice-column>.seal-home-notice-card,.seal-home-top>.seal-home-recommend{
  margin-bottom:0;
}

.seal-home-notice-column>.seal-home-carousel{
  flex:none;
}

.seal-home-notice-card{
  display:flex;
  flex-direction:column;
  flex:1;
  min-height:0;
}

.seal-home-notice-card>.ui-card-head{
  flex:none;
}

.seal-home-notice-card>.seal-home-notice{
  height:auto;
  flex:1;
  overflow:visible;
  font-size:13px;
  line-height:1.85;
  padding:14px 16px;
}

.seal-home-notice-card .seal-home-notice p{
  margin:0 0 10px;
}

.seal-home-notice-card .seal-home-notice p:last-child{
  margin-bottom:0;
}

@media(max-width:639px){
  .seal-home-notice-column{
    display:block;
    margin-bottom:14px;
  }

  .seal-home-notice-card>.seal-home-notice{
    padding:12px;
  }
}

/* Full-width segmented control for the home news sections. */

.seal-home-recommend .ui-section-tabs{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:4px;
  margin:10px 12px 2px;
  padding:4px;
  border:1px solid var(--ui-line);
  border-radius:6px;
  background:var(--ui-raised);
}

.seal-home-recommend .ui-section-tabs button{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  min-width:0;
  min-height:34px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:4px;
  background:transparent;
  color:var(--ui-muted);
  font-size:13px;
  line-height:1.5;
  transition:background .15s,color .15s,box-shadow .15s;
}

.seal-home-recommend .ui-section-tabs button:hover{
  color:var(--ui-brand);
  background:var(--ui-panel);
}

.seal-home-recommend .ui-section-tabs button.is-active{
  color:var(--ui-brand);
  background:var(--ui-panel);
  border-color:var(--ui-line);
  box-shadow:0 1px 4px #0000000a;
  font-weight:600;
}

@media(max-width:639px){
  .seal-home-recommend .ui-section-tabs{
    margin:10px 10px 2px;
  }

  .seal-home-recommend .ui-section-tabs button{
    font-size:12px;
    padding:6px 4px;
  }
}

/* Borderless home news switcher. */

.seal-home-recommend .ui-section-tabs{
  border:0;
  padding:4px;
  background:var(--ui-raised);
}

.seal-home-recommend .ui-section-tabs button{
  border:0;
  box-shadow:none;
}

.seal-home-recommend .ui-section-tabs button.is-active{
  border:0;
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  box-shadow:none;
}

.seal-home-recommend .ui-section-tabs button:hover{
  background:var(--ui-brand-bg);
}

.seal-v8-header .region-options{
  min-width:160px;
  padding:6px;
}

.region-options-label{
  display:block;
  padding:4px 8px 6px;
  font-size:11px;
  color:var(--nav-muted);
}

.region-options>button{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:0;
  border-radius:5px;
  text-align:left;
  font-size:12px;
  color:var(--nav-text);
}

.region-options>button:hover,.region-options>button:focus-visible{
  background:var(--ui-raised);
  color:var(--ui-brand);
}

.region-options>button[aria-checked=true]{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
  font-weight:500;
}

.region-options>button>.ui-icon{
  width:14px;
  height:14px;
  font-size:14px;
}

.region-options>button[aria-checked=false]>.ui-icon{
  visibility:hidden;
}

.region-options>button:disabled{
  opacity:.5;
  cursor:wait;
}

.seal-v8-header .seal-region-control .top-badge{
  top:-2px;
  right:-3px;
  min-width:16px;
  height:16px;
  padding:0 3px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--nav-panel);
  font-size:9px;
  line-height:1;
}

.seal-v8-header .seal-region-control>summary>.ui-icon{
  font-size:23px;
  width:23px;
  height:23px;
}

.trust-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  margin-bottom:14px;
}

.trust-heading .reference-heading-copy{
  min-width:0;
}

.trust-heading-copy{
  min-width:0;
}

.trust-heading h1{
  margin:3px 0 0;
  font-size:22px;
  font-weight:600;
  line-height:1.4;
  overflow-wrap:anywhere;
}

.trust-heading p{
  margin-top:4px;
  font-size:12px;
  color:var(--ui-muted);
}

.trust-breadcrumb{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:11px;
  color:var(--ui-muted);
}

.trust-breadcrumb a:hover{
  color:var(--ui-brand);
}

.trust-heading-actions{
  display:flex;
  gap:8px;
  flex-shrink:0;
}

.trust-heading-actions .ui-btn{
  font-size:12px;
  min-height:34px;
  padding:6px 10px;
}

.trust-heading-actions .ui-icon{
  width:16px;
  height:16px;
  font-size:16px;
}

.trust-report-link{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.trust-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 16px;
  margin-top:6px;
  color:var(--ui-muted);
  font-size:11px;
}

.trust-meta>span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.trust-meta .ui-icon{
  width:14px;
  height:14px;
  font-size:14px;
}

.trust-search{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 14px;
  margin-bottom:14px;
}

.trust-search form{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1;
  max-width:760px;
  min-width:0;
}

.trust-search .reference-search-field{
  flex:1;
  min-width:0;
}

.trust-search .reference-search-field input{
  min-width:0;
}

.trust-search .ui-btn{
  flex-shrink:0;
  min-height:36px;
  padding:6px 12px;
  font-size:12px;
}

.trust-search-submit{
  background:var(--ui-brand-bg);
  color:var(--ui-brand);
}

.trust-search-count,.trust-search-all{
  font-size:12px;
  color:var(--ui-muted);
  white-space:nowrap;
}

.trust-search-count strong{
  font-weight:600;
  color:var(--ui-text);
}

.trust-search-all{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.trust-search-all .ui-icon{
  width:13px;
  height:13px;
  font-size:13px;
}

.trust-section-title{
  display:flex;
  align-items:center;
  gap:7px;
  font-size:13px;
  font-weight:600;
}

.trust-section-title .ui-icon{
  font-size:16px;
  width:16px;
  height:16px;
  color:var(--ui-brand);
}

.trust-page .ui-card-head{
  min-height:40px;
  padding:8px 14px;
}

.trust-page .ui-row{
  display:block;
  margin:0;
}

.trust-page .ui-table{
  font-size:13px;
}

.trust-page .ui-table thead th{
  white-space:nowrap;
  font-size:12px;
  font-weight:500;
}

.trust-page .ui-table td,.trust-page .ui-table th{
  vertical-align:middle;
}

.trust-page .ui-table td:last-child{
  white-space:nowrap;
  font-size:12px;
  color:var(--ui-muted);
}

.trust-page .ui-table td:nth-child(2){
  min-width:180px;
}

.trust-page .ui-table td:nth-child(2)>a{
  font-weight:500;
}

.trust-page .ui-table tbody tr:hover{
  background:var(--ui-brand-bg);
}

@media(max-width:760px){
  .trust-heading{
    align-items:flex-start;
    flex-wrap:wrap;
    padding:14px;
    gap:12px;
  }

  .trust-heading h1{
    font-size:19px;
  }

  .trust-heading-actions{
    margin-left:auto;
  }

  .trust-heading .reference-heading-icon{
    width:36px;
    height:36px;
  }

  .trust-search{
    flex-wrap:wrap;
    gap:9px;
  }

  .trust-search form{
    flex-basis:100%;
  }

  .trust-search-count{
    margin-left:auto;
  }

  .trust-search .reference-search-field input{
    font-size:12px;
  }

  .trust-search-all{
    margin-left:auto;
  }

  .trust-page .ui-table{
    min-width:860px;
  }
}

.trust-page .ui-row>[class*=col-]{
  padding:0;
}

.trust-heading{
  padding:14px 16px;
}

.trust-breadcrumb{
  line-height:1.4;
}

.trust-heading h1{
  line-height:1.3;
}

.trust-heading p{
  line-height:1.5;
  margin-top:3px;
}

.trust-meta{
  line-height:1.6;
}

/* Collapsed table borders extend beyond the scroll box and get clipped at its
   rounded corners. Draw a continuous frame on the scroll box itself; preserve
   the table grid, row/col spans, dimensions and horizontal scrolling. */

.ui-app :is(.ui-table-scroll,.table-responsive,.news-table-scroll,.quest-table-scroll):has(>table:not(.table-borderless)) {
  border-radius:6px;
  outline:1px solid var(--ui-line);
  outline-offset:-1px;
}

.hover\:tw-bg-black\/65:hover {
  background-color: rgb(0 0 0 / 0.65);
}

.hover\:tw-bg-black\/75:hover {
  background-color: rgb(0 0 0 / 0.75);
}

.hover\:tw-bg-white\/10:hover {
  background-color: rgb(255 255 255 / 0.1);
}

.hover\:tw-opacity-100:hover {
  opacity: 1;
}

.dark\:tw-bg-\[\#171717\]:is(.tw-dark *) {
  --tw-bg-opacity: 1;
  background-color: rgb(23 23 23 / var(--tw-bg-opacity, 1));
}

.dark\:tw-bg-black\/70:is(.tw-dark *) {
  background-color: rgb(0 0 0 / 0.7);
}

@media (min-width: 640px) {
  .sm\:tw-p-4 {
    padding: 1rem;
  }
}