/* Source: guests/travel-tips.blade.php */
.travel-tips-page {
            background: #fffdfa;
            color: var(--navy)
        }

        .travel-tips-prepare {
            padding: 38px 0 30px
        }

        .travel-tips-heading {
            margin-bottom: 27px
        }

        .travel-tips-heading>span,
        .travel-tips-extra__heading>span {
            display: block;
            color: #b07a27;
            font-size: .75rem;
            font-weight: 800;
            letter-spacing: .14em
        }

        .travel-tips-heading h1 {
            margin: 6px 0 8px;
            font-size: clamp(2.2rem, 4vw, 2.75rem);
            font-weight: 500;
            line-height: 1.15
        }

        .travel-tips-heading p {
            margin: 0;
            color: #68777c;
            font-size: 1rem
        }

        .travel-tips-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px
        }

        .travel-tips-grid a {
            display: flex;
            min-height: 238px;
            align-items: flex-start;
            flex-direction: column;
            gap: 9px;
            padding: 22px;
            border: 1px solid #e9decd;
            border-radius: 16px;
            background: #fff;
            color: var(--navy);
            text-decoration: none;
            transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease
        }

        .travel-tips-grid a:hover {
            border-color: var(--gold);
            box-shadow: 0 12px 28px rgba(28, 38, 32, .08);
            transform: translateY(-2px)
        }

        .travel-tips-grid>a>i {
            color: #df9c21;
            font-size: 26px
        }

        .travel-tips-grid strong {
            font-size: 1.05rem;
            line-height: 1.45
        }

        .travel-tips-grid small {
            color: #68777c;
            font-size: .9rem;
            font-weight: 400;
            line-height: 1.55
        }

        .travel-tips-grid a>span {
            display: block;
            margin-top: auto;
            color: #00635e;
            font-size: .8rem;
            font-weight: 800
        }

        .travel-tips-grid a>span i {
            font-size: .75rem;
            color: currentColor
        }

        .travel-tips-extra {
            padding: 42px 0 80px
        }

        .travel-tips-extra__heading {
            margin-bottom: 20px
        }

        .travel-tips-extra__heading h2 {
            margin: 6px 0 0;
            font-size: 2rem
        }

        .travel-tips-extra__grid {
            display: grid;
            gap: 16px
        }

        .travel-tips-extra__grid article {
            padding: 24px;
            border: 1px solid #e4ebe8;
            border-radius: 14px;
            background: #fff
        }

        .travel-tips-extra__grid h3 {
            margin: 0 0 8px;
            font-size: 1.25rem
        }

        .travel-tips-extra__grid article>p {
            margin: 0 0 12px;
            color: #68777c
        }

        .travel-tips-extra__grid article>div {
            color: #40545a;
            line-height: 1.85
        }

        .travel-tips-empty {
            margin: 0;
            color: #68777c
        }

        @media(max-width:900px) {
            .travel-tips-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr))
            }
        }

        @media(max-width:520px) {
            .travel-tips-prepare {
                padding-top: 30px
            }

            .travel-tips-grid {
                grid-template-columns: 1fr
            }

            .travel-tips-grid a {
                min-height: 205px
            }
        }