:root{--background:rgb(248, 250, 252);--foreground:rgb(15, 23, 41);--card:rgb(255, 255, 255);--card-foreground:rgb(15, 23, 41);--popover:rgb(255, 255, 255);--popover-foreground:rgb(15, 23, 41);--primary:rgb(13, 162, 231);--primary-foreground:rgb(255, 255, 255);--secondary:rgb(241, 245, 249);--secondary-foreground:rgb(15, 23, 41);--accent:rgb(16, 183, 127);--accent-foreground:rgb(255, 255, 255);--muted:rgb(241, 245, 249);--muted-foreground:rgb(101, 117, 139);--destructive:rgb(239, 67, 67);--destructive-foreground:rgb(248, 250, 252);--border:rgb(225, 231, 239);--input:rgb(225, 231, 239);--ring:rgb(13, 162, 231);--radius:0.75rem;--sidebar-background:rgb(250, 250, 250);--sidebar-foreground:rgb(63, 63, 70);--sidebar-primary:rgb(24, 24, 27);--sidebar-primary-foreground:rgb(250, 250, 250);--sidebar-accent:rgb(244, 244, 245);--sidebar-accent-foreground:rgb(24, 24, 27);--sidebar-border:rgb(229, 231, 235);--sidebar-ring:rgb(59, 130, 246)}.content{height:fit-content!important}.tips{padding:64px 32px;background-color:var(--background)}.main-section .tip__wrap,.main-section .tips__wrap{max-width:1024px;padding:32px 32px 64px;margin:0 auto}.tips__desc{font-family:Inter;line-height:24px;text-align:left;max-width:1024px;margin:0 auto 24px;color:var(--muted-foreground);font-size:14px}.main-section .tip__wrap{max-width:768px}.header-navigation{margin-bottom:8px}.header-navigation__text{color:var(--muted-foreground);font-size:14px;line-height:20px;display:flex;gap:5px;flex-wrap:wrap}.header-navigation__link{cursor:pointer}.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}.header-navigation__actual-page,.tips__title{color:var(--foreground);font-weight:500}.tips__title{font-weight:700;font-size:30px;line-height:36px;margin-bottom:40px}.tips__list{gap:24px;display:grid}.landing{max-width:1024px;margin:0 auto}.tips__item{display:flex;flex-direction:column;background-color:#ffffffbf;--tw-backdrop-blur:blur(24px);animation-duration:.3s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 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);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);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:relative}.tips__item:focus,.tips__item:hover{--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px 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-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tips__item-img{height:260px;width:100%;object-fit:cover}.tips__item-desc-cont{padding:20px;height:100%;display:flex;flex-direction:column}.tips__item-title{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--primary);line-height:1.375;font-size:600;margin-bottom:12px}.tip__autor p,.tip__table td,.tips__item-text{color:var(--muted-foreground);line-height:1.625}.tips__item-text{font-size:14px;margin-bottom:16px;flex-grow:1}.tips__item-link{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--accent-foreground);background-color:var(--accent);font-weight:600;font-size:16px;padding:10px 24px;border-radius:12px;height:44px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.tips__item-extra-info{border-top:1px solid var(--border);padding-top:12px;font-size:12px;line-height:16px;color:var(--muted-foreground);display:flex;align-items:center;justify-content:space-between}.tips__item-views{display:flex;gap:4px;line-height:1.2}.tips__item-views svg{width:14px;height:14px}@media (min-width:640px){.tips__title{font-size:36px;line-height:40px}.tips__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:1024px){.tips__list{grid-template-columns:repeat(3,minmax(0,1fr))}}.tip__img{object-fit:cover;border-radius:16px;width:100%;height:350px;margin-bottom:32px}.tip__title{margin-bottom:16px;font-weight:700;color:var(--foreground);font-size:24px;line-height:32px;scroll-margin-top:90px}.tip__text{--tw-space-y-reverse:0;color:var(--muted-foreground);font-size:16px;line-height:1.625;margin-bottom:20px}.tip__text-title{font-weight:700;font-size:18px;line-height:24px;color:var(--foreground);margin:30px 0 15px;scroll-margin-top:90px}.tip__text.list{margin-left:20px}.tip__text.list li{margin-bottom:10px}.bold{font-weight:600}.tip__text.inner-list{margin-left:20px;list-style-type:circle}.tip__text.inner-list li{margin-bottom:5px}.date{margin-bottom:24px;font-size:14px}.tip__table{margin-bottom:20px}.tip__autor p,.tip__table td{--tw-space-y-reverse:0;font-size:16px}.tip__table td{margin-bottom:20px;text-align:center}.tip__line{width:100%;height:1px;background-color:var(--border);margin:48px 0 32px}.tip__link{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;color:var(--primary);font-weight:600;display:inline-flex;gap:8px;align-items:center}.tip__link svg{width:16px;height:16px}@media (min-width:640px){.tip__title{font-size:1.875rem;line-height:2.25rem}.tip__img{height:540px}}.tip__autor{display:flex;justify-content:flex-end;align-items:center;gap:10px;height:50px}.tip__autor img{width:50px;height:50px;border-radius:50%}.tip__autor p{height:fit-content}.tip__related{margin-top:48px}.tip__related-title{font-weight:700;font-size:20px;color:var(--foreground);margin-bottom:24px}.tip__body{display:flex;gap:40px;align-items:flex-start}.tip__nav{width:220px;flex-shrink:0;position:sticky;top:32px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;max-height:calc(100vh - 64px);overflow-y:auto}.tip__nav-item a,.tip__nav-title{color:var(--muted-foreground);display:block}.tip__nav-title{font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.tip__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.tip__nav-item a{font-size:13px;line-height:1.5;padding:4px 8px;border-radius:6px;transition:color .15s,background-color .15s;text-decoration:none}.tip__nav-item--h1 a{color:var(--foreground);font-weight:600;font-size:14px}.tip__nav-item--h2 a{padding-left:16px}.tip__nav-item a:hover{color:var(--primary);background-color:var(--secondary)}@media (min-width:1024px){.main-section .tip__wrap{max-width:1060px}}@media (max-width:1023px){.tip__nav{display:none}}.tips__hit{padding:8px;border-radius:8px;width:150px;height:30px;text-align:center;text-transform:capitalize;font-size:14px;font-weight:600;color:#000;background-color:#faebd7;position:absolute;top:16px;right:16px}.tip__text.list.lines li:before{content:"-";margin-right:10px}.tip__text.list li{list-style:disc}.tip__table-container{width:100%;border-collapse:collapse;margin:25px 0;font-size:16px;border:1px solid #ccc}.tip__table-header{background-color:#f5f5f5;border-bottom:2px solid #ccc;text-align:left}.tip__table-td,.tip__table-th{padding:12px 15px;border:1px solid #ccc;color:#333}.tip__table-th{font-weight:700}.tip__table-td{line-height:1.5}.tip__table-row:nth-child(even){background-color:#fafafa}.tip__table-row{border-bottom:1px solid #ccc}.tip__main{flex:1;min-width:0;max-width:768px}.tip__main h3{font-weight:600;font-size:16px;line-height:22px;color:var(--foreground);margin:24px 0 12px;scroll-margin-top:90px}