/* doc-hieu.css — CSS dựng sẵn (Tailwind v3) cho 3 trang Bài tập đọc hiểu: trang đầu, trang cấp độ, trang danh sách.
   MỌI luật đều giới hạn trong main.vn-page nên không ảnh hưởng header/menu hay trang khác. Nếu sửa class Tailwind trong 3 trang đó, cần build lại file này. */
*, ::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.19 | 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)
*/

:where(main.vn-page) *,
:where(main.vn-page) ::before,
:where(main.vn-page) ::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
*/

main.vn-page .__skip,
main.vn-page .__skip {
  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.
*/

main.vn-page .__skip {
  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.
*/

:where(main.vn-page) hr {
  height: 0;
  /* 1 */
  color: inherit;
  /* 2 */
  border-top-width: 1px;
  /* 3 */
}

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

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

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

:where(main.vn-page) h1,
:where(main.vn-page) h2,
:where(main.vn-page) h3,
:where(main.vn-page) h4,
:where(main.vn-page) h5,
:where(main.vn-page) h6 {
  font-size: inherit;
  font-weight: inherit;
}

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

:where(main.vn-page) a {
  color: inherit;
  text-decoration: inherit;
}

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

:where(main.vn-page) b,
:where(main.vn-page) 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.
*/

:where(main.vn-page) code,
:where(main.vn-page) kbd,
:where(main.vn-page) samp,
:where(main.vn-page) 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.
*/

:where(main.vn-page) small {
  font-size: 80%;
}

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

:where(main.vn-page) sub,
:where(main.vn-page) sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

:where(main.vn-page) sub {
  bottom: -0.25em;
}

:where(main.vn-page) 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.
*/

:where(main.vn-page) 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.
*/

:where(main.vn-page) button,
:where(main.vn-page) input,
:where(main.vn-page) optgroup,
:where(main.vn-page) select,
:where(main.vn-page) 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.
*/

:where(main.vn-page) button,
:where(main.vn-page) select {
  text-transform: none;
}

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

:where(main.vn-page) button,
:where(main.vn-page) input:where([type='button']),
:where(main.vn-page) input:where([type='reset']),
:where(main.vn-page) 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.
*/

:where(main.vn-page) :-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)
*/

:where(main.vn-page) :-moz-ui-invalid {
  box-shadow: none;
}

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

:where(main.vn-page) progress {
  vertical-align: baseline;
}

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

:where(main.vn-page) ::-webkit-inner-spin-button,
:where(main.vn-page) ::-webkit-outer-spin-button {
  height: auto;
}

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

:where(main.vn-page) [type='search'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

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

:where(main.vn-page) ::-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.
*/

:where(main.vn-page) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

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

:where(main.vn-page) summary {
  display: list-item;
}

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

:where(main.vn-page) blockquote,
:where(main.vn-page) dl,
:where(main.vn-page) dd,
:where(main.vn-page) h1,
:where(main.vn-page) h2,
:where(main.vn-page) h3,
:where(main.vn-page) h4,
:where(main.vn-page) h5,
:where(main.vn-page) h6,
:where(main.vn-page) hr,
:where(main.vn-page) figure,
:where(main.vn-page) p,
:where(main.vn-page) pre {
  margin: 0;
}

:where(main.vn-page) fieldset {
  margin: 0;
  padding: 0;
}

:where(main.vn-page) legend {
  padding: 0;
}

:where(main.vn-page) ol,
:where(main.vn-page) ul,
:where(main.vn-page) menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/

:where(main.vn-page) dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

:where(main.vn-page) 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.
*/

:where(main.vn-page) input::-moz-placeholder, :where(main.vn-page) textarea::-moz-placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

:where(main.vn-page) input::placeholder,
:where(main.vn-page) textarea::placeholder {
  opacity: 1;
  /* 1 */
  color: #9ca3af;
  /* 2 */
}

/*
Set the default cursor for buttons.
*/

:where(main.vn-page) button,
:where(main.vn-page) [role="button"] {
  cursor: pointer;
}

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

:where(main.vn-page) :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.
*/

:where(main.vn-page) img,
:where(main.vn-page) svg,
:where(main.vn-page) video,
:where(main.vn-page) canvas,
:where(main.vn-page) audio,
:where(main.vn-page) iframe,
:where(main.vn-page) embed,
:where(main.vn-page) 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)
*/

:where(main.vn-page) img,
:where(main.vn-page) video {
  max-width: 100%;
  height: auto;
}

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

:where(main.vn-page) [hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
main.vn-page .pointer-events-none{pointer-events:none}main.vn-page .absolute{position:absolute}main.vn-page .relative{position:relative}main.vn-page .bottom-0{bottom:0}main.vn-page .left-\[8\%\]{left:8%}main.vn-page .right-0{right:0}main.vn-page .right-\[24\%\]{right:24%}main.vn-page .top-10{top:2.5rem}main.vn-page .top-16{top:4rem}main.vn-page .mx-auto{margin-left:auto;margin-right:auto}main.vn-page .-mt-2{margin-top:-.5rem}main.vn-page .mt-1{margin-top:.25rem}main.vn-page .mt-2{margin-top:.5rem}main.vn-page .mt-2\.5{margin-top:.625rem}main.vn-page .mt-3{margin-top:.75rem}main.vn-page .mt-4{margin-top:1rem}main.vn-page .mt-5{margin-top:1.25rem}main.vn-page .mt-auto{margin-top:auto}main.vn-page .flex{display:flex}main.vn-page .inline-flex{display:inline-flex}main.vn-page .grid{display:grid}main.vn-page .hidden{display:none}main.vn-page .h-11{height:2.75rem}main.vn-page .h-14{height:3.5rem}main.vn-page .h-full{height:100%}main.vn-page .min-h-\[58px\]{min-height:58px}main.vn-page .w-14{width:3.5rem}main.vn-page .w-28{width:7rem}main.vn-page .w-32{width:8rem}main.vn-page .w-4{width:1rem}main.vn-page .w-\[460px\]{width:460px}main.vn-page .w-\[520px\]{width:520px}main.vn-page .w-full{width:100%}main.vn-page .max-w-\[1200px\]{max-width:1200px}main.vn-page .max-w-\[1400px\]{max-width:1400px}main.vn-page .max-w-\[1480px\]{max-width:1480px}main.vn-page .max-w-\[340px\]{max-width:340px}main.vn-page .max-w-xl{max-width:36rem}main.vn-page .shrink-0{flex-shrink:0}main.vn-page .flex-col{flex-direction:column}main.vn-page .flex-wrap{flex-wrap:wrap}main.vn-page .items-start{align-items:flex-start}main.vn-page .items-center{align-items:center}main.vn-page .justify-center{justify-content:center}main.vn-page .justify-between{justify-content:space-between}main.vn-page .gap-2{gap:.5rem}main.vn-page .gap-3{gap:.75rem}main.vn-page .gap-4{gap:1rem}main.vn-page :is(.space-y-2\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}main.vn-page .overflow-hidden{overflow:hidden}main.vn-page .rounded-2xl{border-radius:1rem}main.vn-page .rounded-full{border-radius:9999px}main.vn-page .rounded-lg{border-radius:.5rem}main.vn-page .rounded-md{border-radius:.375rem}main.vn-page .rounded-xl{border-radius:.75rem}main.vn-page .border{border-width:1px}main.vn-page .border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}main.vn-page .bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}main.vn-page .bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}main.vn-page .bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}main.vn-page .bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}main.vn-page .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}main.vn-page .bg-white\/80{background-color:hsla(0,0%,100%,.8)}main.vn-page .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}main.vn-page .from-\[\#E3EEFC\]{--tw-gradient-from:#e3eefc var(--tw-gradient-from-position);--tw-gradient-to:rgba(227,238,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}main.vn-page .to-\[\#F4F6FC\]{--tw-gradient-to:#f4f6fc var(--tw-gradient-to-position)}main.vn-page .p-5{padding:1.25rem}main.vn-page .px-2{padding-left:.5rem;padding-right:.5rem}main.vn-page .px-3{padding-left:.75rem;padding-right:.75rem}main.vn-page .px-3\.5{padding-left:.875rem;padding-right:.875rem}main.vn-page .px-4{padding-left:1rem;padding-right:1rem}main.vn-page .py-0\.5{padding-top:.125rem;padding-bottom:.125rem}main.vn-page .py-1{padding-top:.25rem;padding-bottom:.25rem}main.vn-page .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}main.vn-page .py-10{padding-top:2.5rem;padding-bottom:2.5rem}main.vn-page .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}main.vn-page .py-3{padding-top:.75rem;padding-bottom:.75rem}main.vn-page .pb-10{padding-bottom:2.5rem}main.vn-page .pb-12{padding-bottom:3rem}main.vn-page .pb-16{padding-bottom:4rem}main.vn-page .pb-9{padding-bottom:2.25rem}main.vn-page .pt-10{padding-top:2.5rem}main.vn-page .pt-4{padding-top:1rem}main.vn-page .pt-5{padding-top:1.25rem}main.vn-page .pt-8{padding-top:2rem}main.vn-page .text-center{text-align:center}main.vn-page .font-body{font-family:Noto Sans JP,Inter,Segoe UI,sans-serif}main.vn-page .font-display{font-family:Zen Kaku Gothic New,sans-serif}main.vn-page .text-2xl{font-size:1.5rem;line-height:2rem}main.vn-page .text-3xl{font-size:1.875rem;line-height:2.25rem}main.vn-page .text-\[11px\]{font-size:11px}main.vn-page .text-\[12\.5px\]{font-size:12.5px}main.vn-page .text-\[12px\]{font-size:12px}main.vn-page .text-\[13\.5px\]{font-size:13.5px}main.vn-page .text-\[13px\]{font-size:13px}main.vn-page .text-\[14\.5px\]{font-size:14.5px}main.vn-page .text-\[14px\]{font-size:14px}main.vn-page .text-\[15px\]{font-size:15px}main.vn-page .text-\[17px\]{font-size:17px}main.vn-page .text-\[19px\]{font-size:19px}main.vn-page .text-\[22px\]{font-size:22px}main.vn-page .font-black{font-weight:900}main.vn-page .font-bold{font-weight:700}main.vn-page .font-extrabold{font-weight:800}main.vn-page .font-semibold{font-weight:600}main.vn-page .uppercase{text-transform:uppercase}main.vn-page .leading-none{line-height:1}main.vn-page .leading-relaxed{line-height:1.625}main.vn-page .leading-snug{line-height:1.375}main.vn-page .leading-tight{line-height:1.25}main.vn-page .tracking-tight{letter-spacing:-.025em}main.vn-page .text-\[\#151B3D\]{--tw-text-opacity:1;color:rgb(21 27 61/var(--tw-text-opacity,1))}main.vn-page .text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity,1))}main.vn-page .text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}main.vn-page .text-blue-800,main.vn-page .text-navy-900{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}main.vn-page .text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}main.vn-page .text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}main.vn-page .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}main.vn-page .opacity-60{opacity:.6}main.vn-page .opacity-70{opacity:.7}main.vn-page .opacity-80{opacity:.8}main.vn-page .shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}main.vn-page .shadow-md,main.vn-page .shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}main.vn-page .shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}main.vn-page .shadow-blue-500\/25{--tw-shadow-color:rgba(59,130,246,.25);--tw-shadow:var(--tw-shadow-colored)}main.vn-page .shadow-blue-900\/5{--tw-shadow-color:rgba(30,58,138,.05);--tw-shadow:var(--tw-shadow-colored)}main.vn-page .transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}main.vn-page .transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}main.vn-page .hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;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))}main.vn-page .hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}main.vn-page .hover\:underline:hover{text-decoration-line:underline}main.vn-page .hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}main.vn-page .dark\:border-white\/10:is(.dark *){border-color:hsla(0,0%,100%,.1)}main.vn-page .dark\:bg-blue-500\/15:is(.dark *){background-color:rgba(59,130,246,.15)}main.vn-page .dark\:bg-ink-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(18 23 54/var(--tw-bg-opacity,1))}main.vn-page .dark\:bg-white\/10:is(.dark *){background-color:hsla(0,0%,100%,.1)}main.vn-page .dark\:bg-white\/5:is(.dark *){background-color:hsla(0,0%,100%,.05)}main.vn-page .dark\:from-ink-800:is(.dark *){--tw-gradient-from:#121736 var(--tw-gradient-from-position);--tw-gradient-to:rgba(18,23,54,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}main.vn-page .dark\:to-ink-900:is(.dark *){--tw-gradient-to:#0a0e1f var(--tw-gradient-to-position)}main.vn-page .dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}main.vn-page .dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity,1))}main.vn-page .dark\:text-indigo-100:is(.dark *){--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity,1))}main.vn-page .dark\:text-indigo-200:is(.dark *){--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity,1))}main.vn-page .dark\:text-indigo-200\/80:is(.dark *){color:rgba(199,210,254,.8)}main.vn-page .dark\:text-white:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:640px){main.vn-page .sm\:w-\[224px\]{width:224px}main.vn-page .sm\:w-\[240px\]{width:240px}main.vn-page .sm\:max-w-none{max-width:none}main.vn-page .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}main.vn-page .sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}main.vn-page .sm\:pb-14{padding-bottom:3.5rem}main.vn-page .sm\:pt-12{padding-top:3rem}main.vn-page .sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}main.vn-page .sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}main.vn-page .sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){main.vn-page .md\:block{display:block}}@media (min-width:1024px){main.vn-page .lg\:block{display:block}main.vn-page .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}main.vn-page .lg\:text-\[34px\]{font-size:34px}main.vn-page .lg\:text-\[42px\]{font-size:42px}}@media (min-width:1280px){main.vn-page .xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}