/* LFARMS mobile website. Loaded after each page's existing styles. */
.lf-mobile-menu-toggle,
.lf-drawer-close,
.lf-drawer-backdrop {
    display: none;
}

.lf-table-scroll {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

button.nav-menu-btn { font-family: inherit; }

@media screen and (max-width: 900px) {
    html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
    body { overflow-wrap: break-word; }
    img, video, canvas { max-width: 100%; }
    main, section, article, form, fieldset { min-width: 0; }
    input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
    select, textarea {
        max-width: 100%;
        min-width: 0;
        font-size: 16px !important;
    }
    input[type="file"] { width: 100%; }
    input[type="date"] { min-height: 44px; }
    textarea { resize: vertical; }
    button, input[type="submit"], input[type="button"], .btn, .apply-btn {
        min-height: 44px;
        white-space: normal;
        touch-action: manipulation;
    }
    button:focus-visible, a:focus-visible, input:focus-visible,
    select:focus-visible, textarea:focus-visible {
        outline: 3px solid #b7862a !important;
        outline-offset: 3px;
    }
    .card, .sec, .ccard, .pc, .profile-card, .builder-card,
    .finding-row, .vf-card, .vf-report-card {
        min-width: 0;
        overflow-wrap: anywhere;
    }
    .topbar-user, .topbar-user > div, .chip, .chip > span,
    .vf-brand, .public-brand, .public-brand-text {
        min-width: 0;
    }
    .topbar-user strong, .topbar-user h4, .chip b {
        overflow-wrap: anywhere;
    }

    /* Public menus remain reachable even when the old page hides its links. */
    .public-header, header.topbar, .vf-topbar {
        height: auto !important;
        min-height: 64px;
        flex-wrap: wrap;
        gap: 10px;
    }
    .public-header { padding: 12px 16px !important; }
    header.topbar, .vf-topbar { padding: 12px 16px !important; }
    .public-header .public-brand { flex: 1 1 160px; }
    .public-header .public-brand-logo { width: auto; height: 42px; }
    .public-header .public-brand-text strong { font-size: 17px; }
    .public-header .public-brand-text span { font-size: 11px; }
    .lf-mobile-menu-toggle {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        flex: 0 0 auto;
        min-width: 44px;
        padding: 10px 13px;
        border: 1px solid #d8c9a8;
        border-radius: 10px;
        background: #fff;
        color: #0b2d4e;
        font: 700 15px/1.2 Inter, "Segoe UI", sans-serif;
        cursor: pointer;
    }
    .lf-mobile-menu-toggle svg { width: 20px; height: 20px; flex: none; }
    .lf-mobile-nav {
        position: static !important;
        top: auto !important;
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        padding: 10px 0 0 !important;
        margin: 0 !important;
        gap: 6px !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        flex-direction: column !important;
        background: transparent !important;
        max-height: min(70vh, 600px);
        max-height: min(70dvh, 600px);
        overflow-y: auto;
    }
    .lf-mobile-nav-ready .lf-mobile-nav { display: none !important; }
    .lf-mobile-nav-ready .lf-mobile-nav.lf-nav-open { display: flex !important; }
    .lf-mobile-nav a,
    .public-nav.lf-mobile-nav a:not(.public-login-button) {
        display: flex !important;
        align-items: center;
        min-height: 44px;
        white-space: normal !important;
        margin: 0 !important;
        padding: 10px 12px !important;
        border-radius: 9px;
        color: #0b2d4e !important;
    }
    .lf-mobile-nav .nav-menu {
        display: block;
        width: 100%;
        height: auto;
    }
    .lf-mobile-nav .nav-menu::after { display: none; }
    .lf-mobile-nav .nav-menu-btn {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-height: 44px;
        height: auto;
        margin: 0;
        padding: 12px !important;
        font: inherit;
        font-weight: 700;
        border: 1px solid #e4e0d6;
        border-radius: 9px;
        cursor: pointer;
    }
    .lf-mobile-nav .nav-menu .nav-menu-list {
        display: none !important;
        position: static;
        width: 100%;
        max-width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        margin: 6px 0;
        box-shadow: none;
    }
    .lf-mobile-nav .nav-menu.lf-submenu-open .nav-menu-list { display: flex !important; }
    .lf-mobile-nav .nav-menu-list a { display: block !important; }
    .lf-mobile-nav .nav-menu-list a small { display: block; }
    .hero-search {
        width: 100%;
        max-width: 100%;
        height: auto;
        min-height: 48px;
        padding: 4px 4px 4px 12px;
        border-radius: 14px;
    }
    .hero-search input {
        height: 40px;
        text-transform: none;
        letter-spacing: 0;
        font-weight: 500;
    }
    .hero-search button { height: 40px; min-height: 40px; }
    .hero-heading-row { flex-direction: column; gap: 16px; }
    .currency-bar {
        position: static !important;
        transform: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        max-width: 100%;
        gap: 8px;
    }
    .currency-select { max-width: 100%; }

    /* Candidate and agent drawers share the same interaction and close controls. */
    html body .portal-main { min-width: 0; width: 100%; margin-left: 0; }
    html body .portal-sidebar.lf-drawer,
    .portal .side-nav.lf-drawer {
        position: fixed !important;
        left: 0;
        top: 0;
        bottom: 0;
        width: min(86vw, 310px) !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: none;
        padding: 16px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto;
        overscroll-behavior: contain;
        z-index: 2400 !important;
        transform: translateX(-110%) !important;
        visibility: hidden;
        pointer-events: none;
        transition: transform .2s ease;
    }
    html body .portal-sidebar.lf-drawer.lf-drawer-open,
    .portal .side-nav.lf-drawer.lf-drawer-open {
        transform: translateX(0) !important;
        visibility: visible;
        pointer-events: auto;
    }
    .lf-drawer-close {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 8px;
        align-self: flex-end;
        flex: 0 0 auto;
        padding: 9px 13px;
        margin: 0 0 16px;
        border: 1px solid rgba(255,255,255,.5);
        border-radius: 9px;
        background: transparent;
        color: #fff;
        font: 700 15px Inter, sans-serif;
        cursor: pointer;
    }
    .lf-drawer .side-brand { display: flex !important; }
    .lf-drawer .side-foot, .lf-drawer .safe { display: block !important; }
    .lf-drawer .side-foot { margin-top: 16px; }
    .lf-drawer a { overflow-wrap: anywhere; }
    .lf-drawer-backdrop:not([hidden]) {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 2300;
        width: 100%;
        height: 100%;
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        background: rgba(7,30,53,.58);
        cursor: pointer;
    }
    body.lf-drawer-active { overflow: hidden !important; }
    .portal .main > .topbar { justify-content: flex-end; flex-wrap: nowrap; }
    .portal .topbar .lf-mobile-menu-toggle { margin-right: auto; }
    .portal .topbar .chip { padding-right: 10px; max-width: 50%; }
    .portal .topbar .chip b { font-size: 13px; }
    .portal .topbar .chip small { font-size: 11px; }
    .portal .topbar .ibtn { flex: 0 0 44px; width: 44px; height: 44px; }
    html body .portal-topbar { gap: 10px; }
    html body .mobile-menu-button.lf-mobile-menu-toggle { flex-shrink: 0; }

    /* Review and builder fields fit in the page without changing their values. */
    .ir, .builder-wrap { width: 100%; max-width: 100%; margin: 12px auto; }
    .ir .grid, .builder-wrap .grid { grid-template-columns: minmax(0, 1fr) !important; }
    .ir .grid > *, .builder-wrap .grid > * { min-width: 0; }
    .ir .card, .builder-card { padding: 14px; }
    .ir input:not([type="checkbox"]):not([type="radio"]),
    .ir select, .ir textarea, .builder-wrap .wide { width: 100% !important; }
    .ir .btn, .builder-actions > *, .builder-wrap .check-actions > * {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
    .ir pre, .builder-wrap pre { white-space: pre-wrap; overflow-wrap: anywhere; }
    .lf-table-scroll:focus-visible { outline: 3px solid #b7862a; outline-offset: 3px; }

    .savebar { flex-wrap: wrap; bottom: max(8px, env(safe-area-inset-bottom)); }
    .lf-keyboard-open .savebar { position: static; }
    #agentWindow { max-width: calc(100vw - 24px); max-height: 90dvh; }
    .agw-x { min-width: 44px; min-height: 44px; }
}

@media screen and (max-width: 640px) {
    .portal .wrap { margin-top: 18px; padding: 0 14px; }
    .pagehead { padding: 20px 18px; }
    .pagehead h1 { font-size: 26px; }
    .sec, .card { padding: 18px 16px; }
    .formside, .side { padding: 24px 18px; }
    .sec-h { align-items: flex-start; flex-wrap: wrap; }
    .sec-h .note { margin-left: 0; width: 100%; }
    .grid, .seg { grid-template-columns: minmax(0, 1fr); }
    .savebar { align-items: stretch; }
    .savebar > *, .savebar .btn { width: 100%; text-align: center; }
    .profile-page { width: 100%; padding-left: 12px; padding-right: 12px; }
    .currency-select { width: 100%; flex: 1 1 100%; }
    .hero-label { max-width: 100%; white-space: normal; line-height: 1.5; }
    html body .profile-card { padding: 22px 16px !important; }
    .education-table-wrapper, .experience-table-wrapper, .language-table-wrapper {
        max-width: 100%;
    }
    .lf-mobile-card-table {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        border: 0;
        border-collapse: separate;
    }
    .lf-mobile-card-table thead,
    .lf-mobile-card-table .lf-table-head {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip-path: inset(50%);
        white-space: nowrap;
    }
    .lf-mobile-card-table tbody { display: block; width: 100%; }
    .lf-mobile-card-table tr:not(.lf-table-head) {
        display: block;
        margin: 0 0 14px;
        padding: 8px 12px;
        border: 1px solid #e4e0d6;
        border-radius: 12px;
        background: #fff;
    }
    .lf-mobile-card-table td {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        padding: 9px 0 !important;
        border: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
        background: transparent !important;
    }
    .lf-mobile-card-table td::before {
        content: attr(data-lf-label);
        display: block;
        margin-bottom: 5px;
        color: #55697d;
        font: 600 12px/1.4 Inter, "Segoe UI", sans-serif;
    }
    .lf-mobile-card-table td.lf-row-title { color: #0b2d4e; font-weight: 700; }
    .lf-mobile-card-table td input:not([type="checkbox"]):not([type="radio"]),
    .lf-mobile-card-table td select, .lf-mobile-card-table td textarea {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px;
    }
    .lf-mobile-card-table td input[type="checkbox"] { width: auto; }
    .portal .main > .topbar { gap: 8px; padding: 10px !important; }
    .portal .topbar .chip { max-width: 44%; padding: 4px 8px 4px 4px; gap: 6px; }
    .portal .topbar .avatar { width: 30px; height: 30px; flex: 0 0 30px; }
    .portal .topbar .chip small { display: none; }
    .portal .topbar .ibtn { flex-basis: 40px; width: 40px; }
}

@media screen and (max-width: 390px) {
    .public-header .public-brand-text span { display: none; }
    .public-header .public-brand-logo { height: 36px; }
    .portal .topbar .chip .avatar { display: none; }
    .portal .topbar .chip { max-width: 40%; }
}

@media (prefers-reduced-motion: reduce) {
    .lf-drawer { transition: none !important; }
}

@media print {
    .lf-table-scroll { overflow: visible; max-width: none; }
}

/* Mobile follow-up. Existing form controls retain their names and values. */
.lf-select-control,.lf-camera-tools,.lf-experience-controls{display:none}
.lf-select-popup[hidden],.lf-camera-input[hidden],.experience-table tr[hidden],.lf-add-experience[hidden]{display:none!important}
html body .candidate-notification-card.lf-notification-compact,
html body .lf-agent-notification.lf-notification-compact{display:block;padding:0;overflow:hidden}
.lf-agent-notification.lf-notification-compact{margin:0 0 12px!important;padding:0!important;border:1px solid #e4e9ef;border-radius:12px}
.lf-notification-compact>.notification-icon,.lf-notification-compact>.tn{display:none}
html body .lf-notification-compact .notification-content{width:100%;min-width:0}
.lf-notification-summary{display:flex;align-items:center;gap:14px;min-height:64px;padding:16px 20px;cursor:pointer;list-style:none}
.lf-notification-summary::-webkit-details-marker{display:none}
html body .lf-notification-summary h3{flex:1;min-width:0;margin:0;color:#0b2d4e;font:700 15px/1.5 Inter,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.lf-notification-status{flex:none;padding:4px 8px;border-radius:20px;background:#eafaf5;color:#0c6d55;font:700 11px/1.5 Inter,sans-serif}
.lf-notification-status.lf-unread{background:#fff3d7;color:#80580f}
.lf-notification-body{padding:16px 20px 20px;border-top:1px solid #e4e9ef}
.lf-notification-summary:focus-visible{outline:3px solid #b7862a;outline-offset:-4px}
.lf-agent-notification-actions{margin:12px 0 0!important;padding:0!important}
@media screen and (max-width:900px){
 html body .public-header.lf-mobile-nav-ready>.public-nav.lf-mobile-nav{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));align-items:start!important;gap:8px!important;padding-top:2px!important;max-height:none;overflow:visible}
 html body .public-header.lf-mobile-nav-ready>.public-nav:not(.lf-nav-open)>a{display:none!important}
 html body .public-header .public-nav.lf-mobile-nav>a{grid-column:span 2}
 html body .public-header .public-nav.lf-mobile-nav>.nav-menu{grid-column:span 3;min-width:0;margin:0}
 html body .public-header .public-nav.lf-mobile-nav>.nav-menu>.nav-menu-btn{justify-content:center;width:100%;font-size:14px;text-align:center}
 html body .plan-grid,html body .portal .pgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 10px;align-items:stretch}
 html body .plan-grid>.plan-card,html body .portal .pgrid>.pc{min-width:0;width:auto;padding:20px 10px 14px;overflow-wrap:anywhere}
 html body .plan-grid .plan-name{font-size:14px}
 html body .plan-grid .plan-price{font-size:clamp(20px,5.7vw,28px);line-height:1.3}
 html body .plan-grid .price-display{overflow-wrap:anywhere}
 html body .plan-grid .plan-feature{gap:5px;font-size:11px}
 html body .plan-grid .plan-feature>span:last-child{min-width:0}
 html body .plan-grid .plan-btn{width:100%;padding:10px 6px;white-space:normal}
 html body .plan-grid .plan-ribbon{max-width:calc(100% - 8px);width:max-content;padding:5px 6px;white-space:normal;text-align:center;font-size:8px;line-height:1.25}
 html body .portal .pgrid .pc h3{font-size:19px;overflow-wrap:anywhere}
 html body .portal .pgrid .pc .price{font-size:22px;overflow-wrap:anywhere}
 html body .portal .pgrid .pc .price small{white-space:normal;display:block}
 html body .portal .pgrid .pc li{font-size:12px;padding-left:17px}
 html body .portal .pgrid .pc .btn{padding:10px 6px;white-space:normal}
 .lf-select-native{display:none!important}
 .lf-select-control{display:block;min-width:0;width:100%}
 .currency-bar .lf-select-control{width:min(100%,330px)}
 .lf-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid #becddd;border-radius:9px;background:#fff;color:#0b2d4e;font:600 16px/1.4 Inter,"Segoe UI",sans-serif;text-align:left;cursor:pointer;overflow-wrap:anywhere}
 .lf-select-trigger::after{content:"\25be";flex:none}
 .lf-select-trigger:disabled{opacity:.6;cursor:default}
 .lf-select-popup{display:block;position:fixed;z-index:5000;box-sizing:border-box;max-width:calc(100vw - 24px);margin:0;padding:5px;border:1px solid #becddd;border-radius:10px;background:#fff;box-shadow:0 12px 36px rgba(7,30,53,.25);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .lf-select-option{display:block;box-sizing:border-box;width:100%;min-height:44px;padding:10px;border:0;border-radius:6px;background:#fff;color:#0b2d4e;font:500 16px/1.4 Inter,"Segoe UI",sans-serif;text-align:left;white-space:normal;overflow-wrap:anywhere;cursor:pointer}
 .lf-select-option[aria-selected="true"]{background:#e7edf4;font-weight:700}
 .lf-select-option:focus{outline:2px solid #b7862a;outline-offset:-2px}
 .lf-experience-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:14px}
 .lf-add-experience,.lf-camera-button{min-height:44px;padding:10px 16px;border:1px solid #b7862a;border-radius:9px;background:#fff8e8;color:#0b2d4e;font:700 14px/1.4 Inter,"Segoe UI",sans-serif;cursor:pointer}
 .lf-experience-count,.lf-camera-status{color:#55697d;font:400 12px/1.5 Inter,"Segoe UI",sans-serif}
 html body .profile-section .language-table-wrapper{border:0!important;overflow:visible}
 html body .profile-section .language-table-wrapper .lf-table-scroll{overflow:visible}
 html body .profile-section .language-table{display:block;min-width:0;width:100%}
 html body .profile-section .language-table thead{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html body .profile-section .language-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%}
 html body .profile-section .language-table tbody tr{display:block;min-width:0;margin:0;padding:12px 10px;border:1px solid #e4e9ef;border-radius:12px;background:#fff}
 html body .profile-section .language-table tbody td{display:block!important;width:100%!important;min-width:0;padding:3px 0!important;border:0!important;background:transparent!important;white-space:normal!important}
 html body .profile-section .language-table tbody tr:nth-child(even) td{background:transparent!important}
 html body .profile-section .language-table tbody td::before{display:none}
 html body .profile-section .language-table tbody td:first-child{font-weight:700}
 html body .profile-section .language-table select{width:100%;min-width:0}
 html body .profile-section .language-table .lf-select-trigger{padding:10px 8px}
}
@media screen and (max-width:900px),(pointer:coarse){
 .lf-camera-tools{display:flex;position:relative;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;min-width:0;margin:10px 0}
 .lf-camera-status{min-width:0;overflow-wrap:anywhere}
 .lf-camera-button:disabled{opacity:.55;cursor:default}
}

/* Education disclosures apply only to the mobile layout. */
.lf-education-toggle{display:none}
.lf-education-toggle[hidden],.education-table td[hidden]{display:none!important}
@media screen and (max-width:900px){
 html body .profile-section .education-table-wrapper{border:0!important;overflow:visible}
 html body .profile-section .education-table-wrapper .lf-table-scroll{overflow:visible}
 html body .profile-section .education-table{display:block;min-width:0!important;width:100%}
 html body .profile-section .education-table thead{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 html body .profile-section .education-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;width:100%}
 html body .profile-section .education-table tbody tr.lf-education-row{display:block;min-width:0;margin:0;padding:0;border:1px solid #e4e9ef;border-radius:12px;background:#fff;overflow:hidden}
 html body .profile-section .education-table tbody td{display:block!important;width:100%!important;min-width:0;padding:12px 14px!important;border:0!important;background:transparent!important;white-space:normal!important}
 html body .profile-section .education-table tbody tr:nth-child(even) td{background:transparent!important}
 html body .profile-section .education-table tbody td[hidden]{display:none!important}
 html body .profile-section .education-table tbody td:first-child{padding:0!important}
 html body .profile-section .education-table tbody td::before{content:attr(data-lf-label);display:block;margin-bottom:6px;color:#55697d;font:600 12px/1.4 Inter,"Segoe UI",sans-serif}
 html body .profile-section .education-table tbody td:first-child::before{display:none}
 html body .profile-section .education-table .lf-education-label{display:none}
 html body .profile-section .education-table .lf-education-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;margin:0;padding:13px 16px!important;border:0!important;border-radius:0!important;background:#fff!important;color:#0b2d4e!important;font:700 16px/1.5 Inter,"Segoe UI",sans-serif;text-align:left;cursor:pointer;box-shadow:none!important}
 html body .profile-section .education-table .lf-education-toggle::after{content:"\2304";font-size:18px;line-height:1;flex:none}
 html body .profile-section .education-table .lf-education-toggle[aria-expanded="true"]{background:#fff8e8!important}
 html body .profile-section .education-table .lf-education-toggle[aria-expanded="true"]::after{transform:rotate(180deg)}
 html body .profile-section .education-table input{width:100%!important;max-width:100%;min-width:0!important;min-height:44px}
}

/* Consistent mobile rows; original desktop and sidebar navigation stay intact. */
@media screen and (max-width: 900px) {
    html body .lf-button-row-group.lf-button-row-group {
        display: flex;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: stretch !important;
        justify-content: center !important;
        gap: 8px !important;
        min-width: 0;
        max-width: 100%;
    }
    html body .lf-button-row-group[hidden] { display: none !important; }
    html body .lf-button-row-group.lf-button-row-group > .lf-button-row-item {
        box-sizing: border-box;
        flex: 0 0 calc((100% - (var(--lf-row-columns, 2) - 1) * 8px) / var(--lf-row-columns, 2)) !important;
        width: calc((100% - (var(--lf-row-columns, 2) - 1) * 8px) / var(--lf-row-columns, 2)) !important;
        min-width: 0 !important;
        max-width: 100%;
        min-height: 48px;
        height: auto !important;
        margin: 0 !important;
        white-space: normal !important;
        overflow-wrap: anywhere;
    }
    html body .lf-button-row-group.lf-button-row-group > a.lf-button-row-item,
    html body .lf-button-row-group.lf-button-row-group > button.lf-button-row-item,
    html body .lf-button-row-group > .query-history-actions > a,
    html body .lf-button-row-group > form.lf-button-row-item > button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        min-height: 48px;
        height: auto !important;
        padding: 11px 10px !important;
        font-size: 13px !important;
        line-height: 1.4 !important;
        text-align: center;
        white-space: normal !important;
        overflow-wrap: anywhere;
        text-decoration: none;
    }
    html body .lf-button-row-group > form.lf-button-row-item > button,
    html body .lf-button-row-group > .query-history-actions > a { width: 100% !important; margin: 0 !important; }
    html body .lf-button-row-group > form.lf-button-row-item > button { height: 100% !important; }
    html body .lf-mobile-nav.lf-button-row-group { align-content: start; }
    html body .lf-mobile-nav.lf-button-row-group > a {
        border: 1px solid #e4e0d6;
        border-radius: 10px;
        background: #fff;
        font-weight: 700;
        letter-spacing: normal;
    }
    html body .lf-mobile-nav.lf-button-row-group > a.active,
    html body .lf-mobile-nav.lf-button-row-group > a.vf-active,
    html body .lf-mobile-nav.lf-button-row-group > a.on {
        color: #0b2d4e !important;
        border-color: #b7862a;
        background: #fdf6e8;
    }
    html body .lf-shortcut-rows.lf-shortcut-rows {
        display: grid;
        grid-template-columns: repeat(var(--lf-row-columns, 2), minmax(0, 1fr)) !important;
        align-items: stretch;
        gap: 10px !important;
    }
    html body .lf-shortcut-rows > a {
        min-width: 0;
        padding: 14px 12px !important;
        overflow-wrap: anywhere;
    }
    html body .lf-shortcut-rows > a h3,
    html body .lf-shortcut-rows > a b { font-size: 15px; line-height: 1.4; }
    html body .lf-shortcut-rows > a p,
    html body .lf-shortcut-rows > a .t { font-size: 12px; line-height: 1.6; }
    html body .lf-button-row-group .icon,
    html body .lf-button-row-group svg { flex-shrink: 0; }
    html body .lf-join-btns.lf-button-row-group > a { flex-wrap: wrap; }
}