body.rood-global-header-active .site-header,
body.rood-global-header-active header#site-header,
body.rood-global-header-active .elementor-location-header{
    display:none!important;
}

.rd-site-header,
.rd-site-header *,
.rd-site-header *::before,
.rd-site-header *::after{box-sizing:border-box}

.rd-site-header{
    --rd-h-bg:#102039;
    --rd-h-bg-2:#162a48;
    --rd-h-line:rgba(135,183,235,.18);
    --rd-h-text:#f7fbff;
    --rd-h-muted:#b9cce0;
    --rd-h-accent:#38bdf8;
    position:sticky;
    top:var(--wp-admin--admin-bar--height,0px);
    z-index:2147483000;
    width:100%;
    color:var(--rd-h-text);
    background:linear-gradient(135deg,var(--rd-h-bg),var(--rd-h-bg-2));
    border-bottom:1px solid var(--rd-h-line);
    box-shadow:0 10px 30px rgba(0,24,57,.22);
    font-family:var(--rood-font-family,"Noto Sans Thai",system-ui,sans-serif);
    isolation:isolate;
}

html[data-rood-theme="light"] .rd-site-header{
    --rd-h-bg:#ffffff;
    --rd-h-bg-2:#f3f8ff;
    --rd-h-line:#dce9f7;
    --rd-h-text:#0b2c53;
    --rd-h-muted:#5f7892;
    --rd-h-accent:#0a84ff;
    box-shadow:0 8px 24px rgba(6,58,108,.10);
}

.rd-header-inner{
    width:min(1180px,100%);
    min-height:62px;
    margin:0 auto;
    padding:7px clamp(12px,2.4vw,22px);
    display:flex;
    align-items:center;
    gap:12px;
}

.rd-brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
}

.rd-brand-mark{
    width:42px;
    height:42px;
    flex:0 0 42px;
    display:grid;
    place-items:center;
    border-radius:14px;
    background:linear-gradient(145deg,#1587ea,#22c1f1);
    color:#fff;
    font-size:23px;
    line-height:1;
    font-weight:900;
    box-shadow:0 8px 20px rgba(0,152,238,.28);
}

.rd-brand-name{
    overflow:hidden;
    color:var(--rd-h-text);
    font-size:clamp(17px,1.65vw,23px);
    line-height:1.2;
    font-weight:900;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.rd-desktop-social{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:7px;
}

.rd-social-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border:1px solid var(--rd-h-line);
    border-radius:12px;
    background:color-mix(in srgb,var(--rd-h-bg-2) 82%,transparent);
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:900;
    transition:.16s ease;
}
.rd-social-icon:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--rd-h-accent) 65%,var(--rd-h-line));
    background:color-mix(in srgb,var(--rd-h-accent) 14%,var(--rd-h-bg-2));
}
.rd-social-icon svg{width:18px;height:18px;fill:currentColor;stroke:none}

.rd-header-actions{
    display:flex;
    align-items:center;
    gap:8px;
}

.rd-icon-btn{
    position:relative;
    width:42px;
    height:42px;
    padding:0;
    display:grid;
    place-items:center;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--rd-h-line) 90%,transparent);
    border-radius:14px;
    background:
        linear-gradient(145deg,
            color-mix(in srgb,#fff 9%,transparent),
            color-mix(in srgb,var(--rd-h-bg-2) 92%,transparent));
    color:var(--rd-h-text);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        0 6px 16px rgba(0,0,0,.10);
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease;
}
.rd-icon-btn::after{
    content:"";
    position:absolute;
    inset:-35%;
    background:radial-gradient(circle,rgba(56,189,248,.22),transparent 60%);
    opacity:0;
    transition:opacity .16s ease;
}
.rd-icon-btn:hover{
    transform:translateY(-1px);
    border-color:color-mix(in srgb,var(--rd-h-accent) 60%,var(--rd-h-line));
    box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.rd-icon-btn:hover::after{opacity:1}
.rd-icon-btn:active{transform:scale(.96)}
.rd-icon-btn svg,
.rd-menu-btn span{position:relative;z-index:1}
.rd-icon-btn svg{
    width:20px;
    height:20px;
    fill:none;
    stroke:currentColor;
    stroke-width:2.15;
    stroke-linecap:round;
    stroke-linejoin:round;
}

/* Theme button - modern capsule state */
.rd-theme-btn{
    width:54px;
    border-radius:999px;
}
.rd-theme-btn::before{
    content:"";
    position:absolute;
    left:5px;
    top:5px;
    width:30px;
    height:30px;
    border-radius:50%;
    background:linear-gradient(145deg,#ffd86b,#ffad33);
    box-shadow:0 5px 14px rgba(255,171,38,.32);
    transition:transform .18s ease,background .18s ease,box-shadow .18s ease;
}
html[data-rood-theme="light"] .rd-theme-btn::before{
    transform:translateX(14px);
    background:linear-gradient(145deg,#7dd3fc,#3b82f6);
    box-shadow:0 5px 14px rgba(59,130,246,.30);
}
.rd-theme-btn svg{width:17px;height:17px;color:#fff}
.rd-sun-icon{display:block}
.rd-moon-icon{display:none}
html[data-rood-theme="light"] .rd-sun-icon{display:none}
html[data-rood-theme="light"] .rd-moon-icon{display:block}

.rd-menu-btn{align-content:center;gap:5px}
.rd-menu-btn span{
    width:20px;
    height:2.5px;
    display:block;
    border-radius:999px;
    background:currentColor;
    transition:transform .18s ease,opacity .18s ease,width .18s ease;
}
.rd-menu-btn span:nth-child(2){width:15px;justify-self:end}
.rd-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.rd-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
.rd-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.rd-search-panel{
    position:absolute;
    top:calc(100% + 8px);
    left:50%;
    width:min(540px,calc(100vw - 24px));
    transform:translateX(-50%);
    z-index:2147483002;
    padding:8px;
    border:1px solid var(--rd-h-line);
    border-radius:18px;
    background:linear-gradient(145deg,var(--rd-h-bg),var(--rd-h-bg-2));
    box-shadow:0 22px 56px rgba(0,20,49,.34);
}

.rd-search-form{
    display:flex;
    align-items:center;
    gap:8px;
    padding:4px 6px 4px 12px;
    border:1px solid var(--rd-h-line);
    border-radius:14px;
    background:rgba(255,255,255,.06);
}
.rd-search-form svg{
    width:20px;height:20px;flex:0 0 20px;
    fill:none;stroke:var(--rd-h-muted);stroke-width:2;
}
.rd-search-form input{
    width:100%;min-width:0;height:39px;padding:0;
    border:0!important;outline:0!important;
    background:transparent!important;box-shadow:none!important;
    color:var(--rd-h-text)!important;
    -webkit-text-fill-color:var(--rd-h-text)!important;
    font:inherit!important;font-size:14px!important;font-weight:700!important;
}
.rd-search-form input::placeholder{
    color:var(--rd-h-muted)!important;
    -webkit-text-fill-color:var(--rd-h-muted)!important;
}
.rd-search-form button{
    min-width:76px;height:40px;border:0;border-radius:12px;
    background:linear-gradient(135deg,#0982e8,#25b5f0);
    color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer;
}

.rd-live-results{display:grid;gap:5px;max-height:360px;margin-top:8px;overflow:auto}
.rd-live-results a{
    display:flex;justify-content:space-between;gap:10px;
    padding:10px;border-radius:11px;
    background:rgba(255,255,255,.055);
    color:var(--rd-h-text)!important;text-decoration:none!important;
}
.rd-live-results small{color:var(--rd-h-muted)}

.rd-menu-backdrop{
    position:fixed;inset:0;z-index:2147483001;
    background:rgba(3,12,28,.42);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
}

.rd-menu-panel{
    position:fixed;
    top:50%;left:50%;
    width:min(920px,calc(100vw - 38px));
    max-height:min(84vh,800px);
    z-index:2147483003;
    overflow:auto;
    transform:translate(-50%,-50%);
    border:1px solid color-mix(in srgb,var(--rd-h-accent) 34%,var(--rd-h-line));
    border-radius:26px;
    background:
        radial-gradient(circle at 90% 0,rgba(56,189,248,.12),transparent 33%),
        linear-gradient(145deg,var(--rd-h-bg),var(--rd-h-bg-2));
    box-shadow:0 36px 96px rgba(0,18,45,.56);
    overscroll-behavior:contain;
}

.rd-menu-card{padding:14px}
.rd-menu-toolbar{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-bottom:10px;
}
.rd-menu-toolbar>span{color:var(--rd-h-muted);font-size:11px;font-weight:800}
.rd-menu-close{
    width:36px;height:36px;border:1px solid var(--rd-h-line);border-radius:12px;
    background:rgba(255,255,255,.055);color:var(--rd-h-text);
    font-size:24px;line-height:1;cursor:pointer;
}

.rd-command-hero{
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    padding:18px;
    border:1px solid rgba(109,191,255,.26);
    border-radius:20px;
    background:
        radial-gradient(circle at 92% 0,rgba(55,173,255,.17),transparent 34%),
        linear-gradient(135deg,rgba(29,133,230,.16),rgba(56,194,241,.05));
}
.rd-command-hero-copy{min-width:0}
.rd-command-kicker{
    display:block;margin-bottom:4px;color:var(--rd-h-accent);
    font-size:10px;font-weight:900;letter-spacing:.12em;
}
.rd-command-hero strong{
    display:block;color:var(--rd-h-text);
    font-size:clamp(17px,2vw,23px);line-height:1.25;font-weight:900;
}
.rd-command-hero p{
    margin:5px 0 0;color:var(--rd-h-muted);
    font-size:12px;line-height:1.55;
}
.rd-command-stat{
    flex:0 0 auto;min-width:126px;padding:12px 14px;text-align:center;
    border:1px solid var(--rd-h-line);border-radius:16px;
    background:rgba(255,255,255,.07);
}
.rd-command-stat span{display:block;color:var(--rd-h-text);font-size:24px;line-height:1;font-weight:900}
.rd-command-stat small{display:block;margin-top:5px;color:var(--rd-h-muted);font-size:10px;font-weight:800}

.rd-social-strip{
    display:flex;align-items:center;gap:7px;
    margin-top:10px;padding:9px 11px;
    border:1px solid var(--rd-h-line);border-radius:14px;
    background:rgba(255,255,255,.035);
}
.rd-social-label{margin-right:2px;color:var(--rd-h-muted);font-size:11px;font-weight:800}

/* Quick cards */
.rd-quick-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
}
.rd-quick-card{
    min-width:0;
    padding:12px 8px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:7px;
    border:1px solid var(--rd-h-line);
    border-radius:16px;
    background:rgba(255,255,255,.04);
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
    transition:.16s ease;
}
.rd-quick-card:hover{
    transform:translateY(-2px);
    border-color:color-mix(in srgb,var(--rd-h-accent) 55%,var(--rd-h-line));
    background:color-mix(in srgb,var(--rd-h-accent) 11%,transparent);
}
.rd-quick-icon{
    width:34px;height:34px;display:grid;place-items:center;
    border-radius:12px;
    background:linear-gradient(145deg,rgba(56,189,248,.22),rgba(59,130,246,.12));
    font-size:17px;
}
.rd-quick-card strong{
    min-width:0;max-width:100%;
    overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    font-size:11px;font-weight:900;
}

.rd-trending-compact{
    margin-top:10px;padding:11px;
    border:1px solid var(--rd-h-line);
    border-radius:16px;background:rgba(255,255,255,.035);
}
.rd-section-head{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    margin-bottom:8px;
}
.rd-section-head strong{font-size:12px}
.rd-section-head small{color:var(--rd-h-muted);font-size:9px}
.rd-trending-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.rd-trending-list a{
    display:flex;align-items:center;gap:8px;
    min-width:0;padding:8px;border-radius:11px;
    background:rgba(255,255,255,.03);
    color:var(--rd-h-text)!important;text-decoration:none!important;
}
.rd-trending-list b{
    width:24px;height:24px;flex:0 0 24px;
    display:grid;place-items:center;
    border-radius:9px;
    background:linear-gradient(145deg,#178de8,#22b8ef);
    color:#fff;font-size:10px;
}
.rd-trending-list span{
    min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    font-size:10px;font-weight:800;
}

/* Accordion */
.rd-accordion-list{display:grid;gap:8px;margin-top:10px}
.rd-accordion-list details{
    border:1px solid var(--rd-h-line);
    border-radius:14px;
    background:rgba(255,255,255,.03);
    overflow:hidden;
}
.rd-accordion-list summary{
    list-style:none;
    cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    padding:12px 14px;
    color:var(--rd-h-text);
    font-size:11px;font-weight:900;
}
.rd-accordion-list summary::-webkit-details-marker{display:none}
.rd-accordion-list summary::after{
    content:"+";
    margin-left:auto;
    color:var(--rd-h-muted);
    font-size:18px;
    transition:transform .16s ease;
}
.rd-accordion-list details[open] summary::after{transform:rotate(45deg)}
.rd-accordion-list summary small{
    margin-left:auto;color:var(--rd-h-muted);font-size:9px;font-weight:700;
}
.rd-accordion-content{
    padding:0 10px 10px;
    border-top:1px solid var(--rd-h-line);
}
.rd-menu-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:6px;
    padding-top:10px;
}
.rd-menu-links a{
    padding:8px;
    overflow:hidden;
    border-radius:9px;
    background:rgba(255,255,255,.03);
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
    font-size:10px;font-weight:750;
    white-space:nowrap;text-overflow:ellipsis;
}
.rd-recent-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding-top:10px}
.rd-recent-list a{
    display:flex;align-items:center;gap:8px;
    min-width:0;padding:8px;border-radius:10px;
    background:rgba(255,255,255,.03);
    color:var(--rd-h-text)!important;text-decoration:none!important;
}
.rd-recent-list span{
    min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
    font-size:10px;font-weight:800;
}
.rd-recent-list time{margin-left:auto;color:var(--rd-h-muted);font-size:9px;white-space:nowrap}

.rd-command-footer{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    margin-top:10px;padding:10px 12px;
    border-top:1px solid var(--rd-h-line);
    color:var(--rd-h-muted);font-size:10px;
}
.rd-command-footer a{color:var(--rd-h-text)!important;text-decoration:none!important;font-weight:900}

.rd-search-panel[hidden],
.rd-menu-panel[hidden],
.rd-menu-backdrop[hidden],
.rd-live-results[hidden]{display:none!important}

/* Tablet and mobile = bottom sheet */
@media(max-width:1024px){
    .rd-desktop-social{display:none}
    .rd-menu-panel{
        top:auto;
        left:0;
        right:0;
        bottom:0;
        width:100%;
        max-height:min(88vh,900px);
        transform:none;
        border-radius:26px 26px 0 0;
        border-left:0;
        border-right:0;
        border-bottom:0;
    }
    .rd-menu-card{padding:12px}
    .rd-menu-toolbar{
        position:sticky;
        top:-12px;
        z-index:3;
        margin:-12px -12px 10px;
        padding:10px 12px;
        background:linear-gradient(145deg,var(--rd-h-bg),var(--rd-h-bg-2));
        border-bottom:1px solid var(--rd-h-line);
    }
    .rd-menu-toolbar::before{
        content:"";
        position:absolute;
        top:5px;left:50%;
        width:42px;height:4px;
        transform:translateX(-50%);
        border-radius:999px;
        background:color-mix(in srgb,var(--rd-h-muted) 45%,transparent);
    }
    .rd-command-stat{display:none}
    .rd-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .rd-trending-list{grid-template-columns:1fr}
    .rd-menu-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
    .rd-header-inner{min-height:58px;padding:6px 12px}
    .rd-brand{gap:9px}
    .rd-brand-mark{width:39px;height:39px;flex-basis:39px;border-radius:13px}
    .rd-brand-name{font-size:18px}
    .rd-icon-btn{width:38px;height:38px;border-radius:13px}
    .rd-theme-btn{width:50px}
    .rd-theme-btn::before{width:28px;height:28px;top:4px;left:4px}
    html[data-rood-theme="light"] .rd-theme-btn::before{transform:translateX(14px)}
    .rd-search-panel{top:calc(100% + 6px);width:calc(100vw - 20px);padding:7px}
    .rd-command-hero{padding:14px;border-radius:17px}
    .rd-command-hero strong{font-size:18px}
    .rd-command-hero p{font-size:11px}
    .rd-social-strip{overflow-x:auto;padding:8px 9px;scrollbar-width:none}
    .rd-social-strip::-webkit-scrollbar{display:none}
    .rd-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .rd-menu-links,.rd-recent-list{grid-template-columns:1fr}
    .rd-command-footer{align-items:flex-start;flex-direction:column;padding:10px 4px 4px}
}

@media(max-width:390px){
    .rd-brand-name{max-width:135px}
    .rd-header-actions{gap:5px}
    .rd-icon-btn{width:36px;height:36px}
    .rd-theme-btn{width:48px}
}

@media(prefers-reduced-motion:reduce){
    .rd-site-header *,
    .rd-site-header *::before,
    .rd-site-header *::after{
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}

/* v4.9.1 Premium Tech Header Controls */
.rd-header-actions{
 position:relative;gap:8px;padding:4px;border:1px solid color-mix(in srgb,var(--rd-h-line) 88%,transparent);
 border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,#fff 7%,transparent),color-mix(in srgb,var(--rd-h-bg-2) 94%,transparent));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 25px rgba(0,0,0,.12);
 backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.rd-header-actions:before{
 content:"";position:absolute;inset:-1px;z-index:-1;border-radius:19px;padding:1px;
 background:linear-gradient(135deg,color-mix(in srgb,var(--rd-h-accent) 52%,transparent),transparent 42%,color-mix(in srgb,#7c3aed 32%,transparent));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude
}
.rd-icon-btn{
 width:43px;height:43px;border:0;border-radius:14px;
 background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.13),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--rd-h-bg-2) 82%,#1d3557),color-mix(in srgb,var(--rd-h-bg) 95%,#061426));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.11),inset 0 -1px 0 rgba(0,0,0,.18),0 6px 17px rgba(0,0,0,.2);
 transition:transform .16s ease,box-shadow .18s ease;isolation:isolate
}
html[data-rood-theme="light"] .rd-icon-btn{
 background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.96),transparent 36%),linear-gradient(145deg,#f9fcff,#e8f1fb);
 box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(72,112,152,.1),0 5px 15px rgba(25,86,142,.13)
}
.rd-icon-btn:after{
 content:"";position:absolute;left:50%;bottom:4px;width:16px;height:2px;transform:translateX(-50%) scaleX(.35);
 border-radius:999px;background:linear-gradient(90deg,#38bdf8,#7c3aed);box-shadow:0 0 10px rgba(56,189,248,.72);
 opacity:.4;transition:.18s ease
}
.rd-icon-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 11px 25px rgba(0,0,0,.23),0 0 0 1px color-mix(in srgb,var(--rd-h-accent) 38%,transparent)}
.rd-icon-btn:hover:after{opacity:1;transform:translateX(-50%) scaleX(1)}
.rd-icon-btn:active{transform:scale(.95)}
#rdSearchToggle{color:#7dd3fc} html[data-rood-theme="light"] #rdSearchToggle{color:#0876dc}
.rd-theme-btn{width:54px;border-radius:16px}
.rd-theme-btn:before{
 content:"";position:absolute;left:6px;top:6px;width:31px;height:31px;z-index:0;border-radius:11px;
 background:radial-gradient(circle at 35% 30%,#fff8c7 0 12%,transparent 13%),linear-gradient(145deg,#ffc857,#ff8a00);
 box-shadow:0 5px 16px rgba(255,138,0,.36),inset 0 1px 0 rgba(255,255,255,.56);
 transition:transform .22s cubic-bezier(.22,.9,.3,1.2),border-radius .18s ease,background .18s ease
}
html[data-rood-theme="light"] .rd-theme-btn:before{
 transform:translateX(11px);border-radius:50%;
 background:radial-gradient(circle at 35% 30%,#dff6ff 0 12%,transparent 13%),linear-gradient(145deg,#58c7ff,#2563eb);
 box-shadow:0 5px 16px rgba(37,99,235,.34),inset 0 1px 0 rgba(255,255,255,.55)
}
.rd-theme-btn svg{position:relative;z-index:2;width:17px;height:17px;color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.28))}
.rd-menu-btn{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(2,5px);align-content:center;justify-content:center;gap:5px}
.rd-menu-btn .rd-menu-dot{width:5px!important;height:5px!important;margin:0!important;border-radius:2px!important;background:currentColor!important;transform:none!important;opacity:1!important}
.rd-menu-btn[aria-expanded="true"] .rd-menu-dot{border-radius:999px!important;background:linear-gradient(135deg,#38bdf8,#7c3aed)!important}
.rd-icon-btn:focus-visible{outline:0;box-shadow:0 0 0 2px var(--rd-h-bg),0 0 0 4px color-mix(in srgb,var(--rd-h-accent) 82%,#fff),0 8px 22px rgba(0,0,0,.18)}
@media(max-width:680px){
 .rd-header-actions{gap:6px;padding:3px;border-radius:16px}
 .rd-icon-btn{width:38px;height:38px;border-radius:12px}
 .rd-theme-btn{width:48px}
 .rd-theme-btn:before{left:5px;top:5px;width:28px;height:28px;border-radius:10px}
 html[data-rood-theme="light"] .rd-theme-btn:before{transform:translateX(10px)}
 .rd-menu-btn{grid-template-columns:repeat(2,4px);grid-template-rows:repeat(2,4px);gap:4px}
 .rd-menu-btn .rd-menu-dot{width:4px!important;height:4px!important}
}


/* =========================================================
   v5.0.0 — Deep Sea Header & Human Menu
   ========================================================= */
.rd-site-header{
    --rd-h-bg:#08254b;
    --rd-h-bg-2:#0d3d76;
    --rd-h-line:rgba(122,190,255,.22);
    --rd-h-text:#f7fbff;
    --rd-h-muted:#b9d3ee;
    --rd-h-accent:#42c8ff;
    background:
        radial-gradient(circle at 82% -35%,rgba(44,151,255,.28),transparent 42%),
        linear-gradient(135deg,#071d3b,#0a3264 55%,#0c417e);
}

html[data-rood-theme="light"] .rd-site-header{
    --rd-h-bg:#0a3970;
    --rd-h-bg-2:#07509a;
    --rd-h-line:rgba(168,216,255,.28);
    --rd-h-text:#ffffff;
    --rd-h-muted:#d4e9fb;
    --rd-h-accent:#6ed6ff;
    background:
        radial-gradient(circle at 82% -35%,rgba(79,190,255,.32),transparent 42%),
        linear-gradient(135deg,#082a56,#07509a 56%,#0875c7);
}

.rd-command-hero{
    background:
        radial-gradient(circle at 88% 5%,rgba(75,191,255,.17),transparent 34%),
        linear-gradient(135deg,rgba(9,75,145,.64),rgba(5,31,65,.46));
}

.rd-command-kicker{
    color:#75d8ff;
    letter-spacing:.04em;
}

.rd-social-icon{
    border:0!important;
    color:#fff!important;
    box-shadow:0 7px 17px rgba(0,0,0,.18);
}

.rd-social-icon.rd-facebook{background:#1877f2!important}
.rd-social-icon.rd-x{background:#050505!important}
.rd-social-icon.rd-line{background:#06c755!important}
.rd-social-icon:hover{
    transform:translateY(-2px) scale(1.03);
    filter:saturate(1.08);
}

.rd-social-strip{
    justify-content:flex-start;
    background:rgba(3,22,48,.38);
}

.rd-recent-used{
    margin-top:10px;
    padding:11px;
    border:1px solid var(--rd-h-line);
    border-radius:17px;
    background:
        linear-gradient(145deg,rgba(75,191,255,.09),rgba(255,255,255,.025));
}

.rd-recent-used-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

.rd-recent-used-list a{
    min-width:0;
    display:flex;
    align-items:center;
    gap:9px;
    padding:10px;
    border:1px solid rgba(127,200,255,.14);
    border-radius:13px;
    background:rgba(2,20,43,.34);
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
    transition:transform .16s ease,border-color .16s ease,background .16s ease;
}

.rd-recent-used-list a:hover{
    transform:translateY(-1px);
    border-color:rgba(90,204,255,.48);
    background:rgba(13,70,130,.38);
}

.rd-recent-used-index{
    width:28px;
    height:28px;
    flex:0 0 28px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:linear-gradient(145deg,#1b91ed,#3dd3ff);
    color:#fff;
    font-size:10px;
    font-weight:900;
    box-shadow:0 6px 14px rgba(29,157,233,.25);
}

.rd-recent-used-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:1px;
}

.rd-recent-used-copy strong{
    overflow:hidden;
    color:var(--rd-h-text);
    font-size:10px;
    font-weight:900;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.rd-recent-used-copy small{
    color:var(--rd-h-muted);
    font-size:8px;
}

.rd-recent-used-arrow{
    margin-left:auto;
    color:#69d2ff;
    font-size:20px;
    line-height:1;
}

.rd-trending-list a{
    display:grid;
    grid-template-columns:24px minmax(0,1fr) auto;
}

.rd-trending-list a>small{
    color:var(--rd-h-muted);
    font-size:8px;
    white-space:nowrap;
}

.rd-quick-card,
.rd-trending-compact,
.rd-accordion-list details{
    background:
        linear-gradient(145deg,rgba(255,255,255,.055),rgba(2,18,41,.22));
}

.rd-menu-panel{
    background:
        radial-gradient(circle at 90% 0,rgba(54,174,255,.18),transparent 34%),
        linear-gradient(145deg,#061b37,#082d58 58%,#093a70);
}

html[data-rood-theme="light"] .rd-menu-panel{
    color:#f7fbff;
    background:
        radial-gradient(circle at 90% 0,rgba(92,199,255,.22),transparent 34%),
        linear-gradient(145deg,#08254b,#0a3970 58%,#07509a);
}

html[data-rood-theme="light"] .rd-menu-panel,
html[data-rood-theme="light"] .rd-menu-panel *{
    --rd-h-text:#f7fbff;
    --rd-h-muted:#c8e1f6;
    --rd-h-line:rgba(151,209,255,.22);
}

@media(max-width:1024px){
    .rd-recent-used-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:680px){
    .rd-recent-used-list{grid-template-columns:1fr}
    .rd-command-hero p{max-width:35em}
    .rd-trending-list a{
        grid-template-columns:24px minmax(0,1fr);
    }
    .rd-trending-list a>small{
        grid-column:2;
        justify-self:start;
    }
}

/* v5.0.1 Exact Deep Sea controls */
.rd-header-actions{
  gap:9px!important;padding:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
.rd-header-actions::before{display:none!important}
.rd-icon-btn{
  width:42px!important;height:42px!important;
  border:1px solid rgba(139,203,255,.36)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(20,74,132,.78),rgba(3,25,57,.82))!important;
  color:#f7fbff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 7px 18px rgba(0,16,42,.24)!important
}
html[data-rood-theme="light"] .rd-icon-btn{
  background:linear-gradient(145deg,rgba(20,94,173,.86),rgba(6,54,111,.90))!important;
  color:#fff!important
}
.rd-icon-btn::before,.rd-icon-btn::after{display:none!important}
.rd-icon-btn:hover{
  transform:translateY(-1px)!important;
  border-color:#62ccff!important;
  background:linear-gradient(145deg,rgba(24,103,187,.92),rgba(5,45,95,.95))!important
}
#rdSearchToggle{border-radius:50%!important;color:#dff6ff!important}

/* Theme style 1 */
.rd-theme-btn{
  width:68px!important;border-radius:999px!important;
  background:linear-gradient(145deg,#06152d,#0c2446)!important;
  border-color:rgba(139,203,255,.42)!important
}
.rd-theme-btn::before{
  display:block!important;left:5px!important;top:5px!important;
  width:30px!important;height:30px!important;border-radius:50%!important;
  background:radial-gradient(circle at 36% 28%,#fff6c5 0 12%,transparent 13%),linear-gradient(145deg,#ffcd63,#ff9f1c)!important;
  box-shadow:0 5px 15px rgba(255,158,28,.36),inset 0 1px 0 rgba(255,255,255,.62)!important;
  transform:translateX(0)!important
}
html[data-rood-theme="light"] .rd-theme-btn::before{
  transform:translateX(28px)!important;
  background:radial-gradient(circle at 36% 28%,#f4fbff 0 12%,transparent 13%),linear-gradient(145deg,#61ccff,#2484f3)!important;
  box-shadow:0 5px 15px rgba(36,132,243,.34),inset 0 1px 0 rgba(255,255,255,.62)!important
}
.rd-theme-btn svg{position:absolute!important;z-index:2!important;width:16px!important;height:16px!important;color:#fff!important}
.rd-theme-btn .rd-sun-icon{left:12px!important}
.rd-theme-btn .rd-moon-icon{right:12px!important}

/* Premium 3-line menu */
.rd-menu-btn{
  display:grid!important;align-content:center!important;justify-items:center!important;gap:5px!important
}
.rd-menu-btn span{
  width:20px!important;height:2px!important;margin:0!important;
  border-radius:999px!important;background:#f4fbff!important;
  opacity:1!important;transform:none!important
}
.rd-menu-btn span:nth-child(2){width:14px!important;justify-self:end!important}
.rd-menu-btn[aria-expanded="true"] span:nth-child(1){width:20px!important;transform:translateY(7px) rotate(45deg)!important}
.rd-menu-btn[aria-expanded="true"] span:nth-child(2){width:0!important;opacity:0!important}
.rd-menu-btn[aria-expanded="true"] span:nth-child(3){width:20px!important;transform:translateY(-7px) rotate(-45deg)!important}

/* Official brand colors */
.rd-social-icon.rd-facebook{background:#1877F2!important;color:#fff!important}
.rd-social-icon.rd-x{background:#000!important;color:#fff!important}
.rd-social-icon.rd-line{background:#06C755!important;color:#fff!important}
.rd-social-icon svg{width:19px!important;height:19px!important;fill:currentColor!important}

/* Latest updates always open */
.rd-latest-open{
  margin-top:10px;padding:11px;border:1px solid var(--rd-h-line);
  border-radius:17px;background:linear-gradient(145deg,rgba(35,143,229,.12),rgba(2,18,41,.27))
}
.rd-latest-open-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.rd-latest-open-list a{
  min-width:0;display:flex;align-items:center;gap:9px;padding:9px 10px;
  border:1px solid rgba(133,201,255,.12);border-radius:12px;
  background:rgba(2,20,43,.32);color:var(--rd-h-text)!important;text-decoration:none!important
}
.rd-latest-open-list a::before{
  content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;
  background:#45cbff;box-shadow:0 0 0 4px rgba(69,203,255,.10)
}
.rd-latest-open-list span{
  min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
  font-size:10px;font-weight:850
}
.rd-latest-open-list time{margin-left:auto;color:var(--rd-h-muted);font-size:8px;white-space:nowrap}
@media(max-width:680px){
  .rd-icon-btn{width:38px!important;height:38px!important}
  .rd-theme-btn{width:62px!important}
  .rd-theme-btn::before{width:28px!important;height:28px!important;left:4px!important;top:4px!important}
  html[data-rood-theme="light"] .rd-theme-btn::before{transform:translateX(26px)!important}
  .rd-latest-open-list{grid-template-columns:1fr}
}


/* =========================================================
   v5.0.2 — Responsive Header Proportion & Typography Fix
   ========================================================= */

/* Header controls: perfect centering and consistent dimensions */
.rd-header-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    gap:10px!important;
}

.rd-icon-btn{
    display:grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    padding:0!important;
    line-height:1!important;
}

.rd-icon-btn > svg{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    margin:0!important;
    transform:none!important;
}

/* Search button */
#rdSearchToggle{
    width:44px!important;
    height:44px!important;
}
#rdSearchToggle svg{
    width:22px!important;
    height:22px!important;
}

/* Theme switch: balanced size, no crowding */
.rd-theme-btn{
    position:relative!important;
    width:70px!important;
    height:44px!important;
    min-width:70px!important;
    flex-basis:70px!important;
    overflow:hidden!important;
}

.rd-theme-btn::before{
    left:6px!important;
    top:6px!important;
    width:32px!important;
    height:32px!important;
}

html[data-rood-theme="light"] .rd-theme-btn::before{
    transform:translateX(26px)!important;
}

.rd-theme-btn .rd-sun-icon,
.rd-theme-btn .rd-moon-icon{
    position:absolute!important;
    top:50%!important;
    width:17px!important;
    height:17px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
}

.rd-theme-btn .rd-sun-icon{
    left:13px!important;
}
.rd-theme-btn .rd-moon-icon{
    right:13px!important;
}

/* Menu button */
.rd-menu-btn{
    width:44px!important;
    height:44px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
}

.rd-menu-btn span{
    display:block!important;
    flex:0 0 auto!important;
    margin:0!important;
}
.rd-menu-btn span:nth-child(1),
.rd-menu-btn span:nth-child(3){
    width:21px!important;
}
.rd-menu-btn span:nth-child(2){
    width:15px!important;
    align-self:flex-end!important;
    margin-right:10px!important;
}

/* Social buttons: logo fills more of the button */
.rd-social-icon{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
    overflow:hidden!important;
    border-radius:12px!important;
}

.rd-social-icon svg{
    display:block!important;
    width:25px!important;
    height:25px!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    fill:currentColor!important;
}

.rd-social-icon.rd-line svg{
    width:29px!important;
    height:29px!important;
}

.rd-social-icon.rd-x svg{
    width:23px!important;
    height:23px!important;
}

.rd-social-strip .rd-social-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
}

/* Desktop menu typography */
@media(min-width:1025px){
    .rd-menu-panel{
        width:min(960px,calc(100vw - 48px))!important;
    }

    .rd-menu-card{
        padding:18px!important;
    }

    .rd-menu-toolbar{
        margin-bottom:14px!important;
    }

    .rd-menu-toolbar > span{
        font-size:14px!important;
        font-weight:850!important;
    }

    .rd-command-hero{
        padding:22px!important;
    }

    .rd-command-kicker{
        font-size:13px!important;
        line-height:1.4!important;
    }

    .rd-command-hero strong{
        font-size:25px!important;
        line-height:1.32!important;
    }

    .rd-command-hero p{
        margin-top:8px!important;
        font-size:15px!important;
        line-height:1.65!important;
    }

    .rd-command-stat{
        min-width:150px!important;
        padding:16px 18px!important;
    }

    .rd-command-stat span{
        font-size:29px!important;
    }

    .rd-command-stat small{
        font-size:12px!important;
    }

    .rd-social-label{
        font-size:13px!important;
    }

    .rd-quick-grid{
        gap:10px!important;
    }

    .rd-quick-card{
        min-height:104px!important;
        padding:14px 10px!important;
    }

    .rd-quick-icon{
        width:42px!important;
        height:42px!important;
        font-size:21px!important;
    }

    .rd-quick-card strong{
        font-size:14px!important;
        line-height:1.3!important;
    }

    .rd-section-head{
        margin-bottom:10px!important;
    }

    .rd-section-head strong{
        font-size:16px!important;
        line-height:1.35!important;
    }

    .rd-section-head small{
        font-size:12px!important;
    }

    .rd-recent-used-list a,
    .rd-trending-list a,
    .rd-latest-open-list a{
        min-height:47px!important;
        padding:10px 12px!important;
    }

    .rd-recent-used-copy strong,
    .rd-trending-list span,
    .rd-latest-open-list span{
        font-size:13px!important;
        line-height:1.35!important;
    }

    .rd-recent-used-copy small,
    .rd-trending-list a > small,
    .rd-latest-open-list time{
        font-size:11px!important;
    }

    .rd-trending-list b,
    .rd-recent-used-index{
        width:30px!important;
        height:30px!important;
        flex-basis:30px!important;
        font-size:12px!important;
    }

    .rd-accordion-list summary{
        min-height:50px!important;
        padding:14px 16px!important;
        font-size:14px!important;
    }

    .rd-accordion-list summary small{
        font-size:11px!important;
    }

    .rd-menu-links a,
    .rd-recent-list a{
        min-height:40px!important;
        display:flex!important;
        align-items:center!important;
        padding:10px!important;
        font-size:12px!important;
    }

    .rd-command-footer{
        font-size:12px!important;
    }
}

/* Tablet */
@media(min-width:681px) and (max-width:1024px){
    .rd-header-inner{
        min-height:62px!important;
    }

    .rd-brand-name{
        font-size:20px!important;
    }

    .rd-icon-btn{
        width:42px!important;
        height:42px!important;
    }

    .rd-theme-btn{
        width:66px!important;
        min-width:66px!important;
        flex-basis:66px!important;
    }

    .rd-theme-btn::before{
        width:30px!important;
        height:30px!important;
        top:6px!important;
        left:6px!important;
    }

    html[data-rood-theme="light"] .rd-theme-btn::before{
        transform:translateX(24px)!important;
    }

    .rd-menu-panel{
        max-height:90vh!important;
    }

    .rd-command-hero strong{
        font-size:21px!important;
    }

    .rd-command-hero p{
        font-size:13px!important;
    }

    .rd-quick-card strong{
        font-size:12px!important;
    }

    .rd-section-head strong{
        font-size:14px!important;
    }

    .rd-trending-list span,
    .rd-latest-open-list span,
    .rd-recent-used-copy strong{
        font-size:12px!important;
    }
}

/* Mobile */
@media(max-width:680px){
    .rd-header-inner{
        gap:8px!important;
    }

    .rd-header-actions{
        gap:6px!important;
    }

    .rd-brand{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .rd-icon-btn,
    #rdSearchToggle,
    .rd-menu-btn{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
    }

    #rdSearchToggle svg{
        width:19px!important;
        height:19px!important;
    }

    .rd-theme-btn{
        width:58px!important;
        min-width:58px!important;
        flex-basis:58px!important;
        height:38px!important;
    }

    .rd-theme-btn::before{
        width:28px!important;
        height:28px!important;
        left:5px!important;
        top:5px!important;
    }

    html[data-rood-theme="light"] .rd-theme-btn::before{
        transform:translateX(20px)!important;
    }

    .rd-theme-btn .rd-sun-icon{
        left:11px!important;
    }

    .rd-theme-btn .rd-moon-icon{
        right:11px!important;
    }

    .rd-theme-btn .rd-sun-icon,
    .rd-theme-btn .rd-moon-icon{
        width:15px!important;
        height:15px!important;
    }

    .rd-menu-btn span:nth-child(1),
    .rd-menu-btn span:nth-child(3){
        width:19px!important;
    }

    .rd-menu-btn span:nth-child(2){
        width:13px!important;
        margin-right:9px!important;
    }

    .rd-social-strip .rd-social-icon{
        width:38px!important;
        height:38px!important;
        min-width:38px!important;
    }

    .rd-social-strip .rd-social-icon svg{
        width:24px!important;
        height:24px!important;
    }

    .rd-social-strip .rd-social-icon.rd-line svg{
        width:27px!important;
        height:27px!important;
    }

    .rd-menu-toolbar > span{
        font-size:13px!important;
    }

    .rd-command-kicker{
        font-size:11px!important;
    }

    .rd-command-hero strong{
        font-size:19px!important;
        line-height:1.4!important;
    }

    .rd-command-hero p{
        font-size:12px!important;
        line-height:1.65!important;
    }

    .rd-quick-card{
        min-height:82px!important;
    }

    .rd-quick-icon{
        width:36px!important;
        height:36px!important;
        font-size:18px!important;
    }

    .rd-quick-card strong{
        font-size:12px!important;
    }

    .rd-section-head strong{
        font-size:14px!important;
    }

    .rd-section-head small{
        font-size:10px!important;
    }

    .rd-recent-used-copy strong,
    .rd-trending-list span,
    .rd-latest-open-list span{
        font-size:12px!important;
    }

    .rd-recent-used-copy small,
    .rd-trending-list a > small,
    .rd-latest-open-list time{
        font-size:10px!important;
    }

    .rd-accordion-list summary{
        font-size:13px!important;
    }

    .rd-menu-links a,
    .rd-recent-list a{
        font-size:11px!important;
    }
}

/* Very small mobile: keep controls from crowding */
@media(max-width:390px){
    .rd-brand-name{
        max-width:120px!important;
        font-size:17px!important;
    }

    .rd-header-actions{
        gap:4px!important;
    }

    .rd-icon-btn,
    #rdSearchToggle,
    .rd-menu-btn{
        width:36px!important;
        height:36px!important;
        min-width:36px!important;
    }

    .rd-theme-btn{
        width:54px!important;
        min-width:54px!important;
        flex-basis:54px!important;
        height:36px!important;
    }

    .rd-theme-btn::before{
        width:26px!important;
        height:26px!important;
        left:5px!important;
        top:5px!important;
    }

    html[data-rood-theme="light"] .rd-theme-btn::before{
        transform:translateX(18px)!important;
    }
}


/* =========================================================
   v5.0.3 — Compact Smart Menu
   ========================================================= */

/* Remove unused welcome/toolbar spacing */
.rd-menu-card{
    padding-top:12px!important;
}
.rd-menu-toolbar,
.rd-command-hero{
    display:none!important;
}

/* Social first */
.rd-social-strip{
    margin-top:0!important;
    min-height:54px!important;
    padding:8px 12px!important;
}

/* Compact quick menu cards */
.rd-quick-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
}

.rd-quick-card{
    min-height:58px!important;
    padding:9px 12px!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    border-radius:14px!important;
    text-align:left!important;
}

.rd-quick-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    flex:0 0 34px!important;
    border-radius:11px!important;
    font-size:17px!important;
}

.rd-quick-card strong{
    font-size:13px!important;
    line-height:1.3!important;
    white-space:normal!important;
    text-align:left!important;
}

/* Popular: number + title only */
.rd-trending-compact{
    padding:12px!important;
}

.rd-trending-list{
    grid-template-columns:1fr!important;
    gap:6px!important;
}

.rd-trending-list a{
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    align-items:center!important;
    min-height:48px!important;
    padding:8px 10px!important;
    border:1px solid rgba(136,203,255,.12)!important;
    border-radius:13px!important;
    background:rgba(2,20,43,.30)!important;
}

.rd-trending-list a>small{
    display:none!important;
}

.rd-trending-list b{
    width:30px!important;
    height:30px!important;
    flex-basis:30px!important;
    border-radius:10px!important;
    font-size:12px!important;
    box-shadow:0 6px 14px rgba(0,0,0,.16)!important;
}

.rd-trending-list a:nth-child(1) b{
    background:linear-gradient(145deg,#21b6ff,#1177e8)!important;
}
.rd-trending-list a:nth-child(2) b{
    background:linear-gradient(145deg,#8b5cf6,#5b21b6)!important;
}
.rd-trending-list a:nth-child(3) b{
    background:linear-gradient(145deg,#14b8a6,#087f73)!important;
}
.rd-trending-list a:nth-child(4) b{
    background:linear-gradient(145deg,#f59e0b,#d97706)!important;
}
.rd-trending-list a:nth-child(5) b{
    background:linear-gradient(145deg,#ef476f,#be123c)!important;
}

.rd-trending-list span{
    font-size:13px!important;
    line-height:1.4!important;
    white-space:normal!important;
}

/* Category accordion: 3x3 */
.rd-category-details .rd-menu-links{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
}

.rd-category-details .rd-menu-links a{
    min-height:46px!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.35!important;
    border:1px solid rgba(139,203,255,.10)!important;
    background:rgba(2,20,43,.26)!important;
}

/* No X close button; top menu button morphs to X */
.rd-menu-close{
    display:none!important;
}

.rd-menu-btn[aria-expanded="true"] span:nth-child(1){
    width:21px!important;
    transform:translateY(7px) rotate(45deg)!important;
}
.rd-menu-btn[aria-expanded="true"] span:nth-child(2){
    width:0!important;
    opacity:0!important;
    margin-right:0!important;
}
.rd-menu-btn[aria-expanded="true"] span:nth-child(3){
    width:21px!important;
    transform:translateY(-7px) rotate(-45deg)!important;
}

/* Improve top spacing now that hero is removed */
.rd-menu-panel{
    padding-top:0!important;
}
.rd-menu-card{
    padding-top:14px!important;
}

/* Tablet */
@media(min-width:681px) and (max-width:1024px){
    .rd-quick-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .rd-category-details .rd-menu-links{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

/* Mobile */
@media(max-width:680px){
    .rd-menu-card{
        padding-top:10px!important;
    }

    .rd-social-strip{
        margin-top:0!important;
    }

    .rd-quick-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:7px!important;
    }

    .rd-quick-card{
        min-height:54px!important;
        padding:8px 10px!important;
        gap:8px!important;
    }

    .rd-quick-icon{
        width:31px!important;
        height:31px!important;
        min-width:31px!important;
        flex-basis:31px!important;
        font-size:16px!important;
    }

    .rd-quick-card strong{
        font-size:12px!important;
    }

    .rd-category-details .rd-menu-links{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
        gap:6px!important;
    }

    .rd-category-details .rd-menu-links a{
        min-height:42px!important;
        padding:7px 5px!important;
        font-size:10px!important;
    }

    .rd-trending-list span{
        font-size:12px!important;
    }
}

/* Very small mobile */
@media(max-width:390px){
    .rd-quick-grid{
        grid-template-columns:1fr 1fr!important;
    }

    .rd-category-details .rd-menu-links{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }

    .rd-category-details .rd-menu-links a{
        font-size:9px!important;
    }
}


/* =========================================================
   v5.0.4 — Mobile Menu Close Button Visibility Fix
   ========================================================= */

/* Keep Header and its menu button above backdrop and bottom sheet */
html.rd-menu-open .rd-site-header,
body.rd-menu-open .rd-site-header{
    z-index:2147483005!important;
    isolation:isolate!important;
}

/* Header remains interactive while page content is locked */
html.rd-menu-open .rd-header-inner,
body.rd-menu-open .rd-header-inner{
    position:relative!important;
    z-index:2147483006!important;
}

/* Make the active menu button clearly visible as the close control */
html.rd-menu-open #rdMenuToggle,
body.rd-menu-open #rdMenuToggle{
    z-index:2147483007!important;
    border-color:#62ccff!important;
    background:linear-gradient(145deg,#147dc6,#0b4f91)!important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.18),
        0 8px 22px rgba(0,31,78,.34),
        0 0 0 3px rgba(79,199,255,.13)!important;
}

/* Ensure the X strokes cannot be hidden by old responsive rules */
html.rd-menu-open #rdMenuToggle span,
body.rd-menu-open #rdMenuToggle span{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    background:#fff!important;
}

html.rd-menu-open #rdMenuToggle span:nth-child(1),
body.rd-menu-open #rdMenuToggle span:nth-child(1){
    width:21px!important;
    opacity:1!important;
    transform:translateY(7px) rotate(45deg)!important;
}

html.rd-menu-open #rdMenuToggle span:nth-child(2),
body.rd-menu-open #rdMenuToggle span:nth-child(2){
    width:0!important;
    opacity:0!important;
}

html.rd-menu-open #rdMenuToggle span:nth-child(3),
body.rd-menu-open #rdMenuToggle span:nth-child(3){
    width:21px!important;
    opacity:1!important;
    transform:translateY(-7px) rotate(-45deg)!important;
}

/* Panel stays under Header on tablet/mobile */
@media(max-width:1024px){
    html.rd-menu-open .rd-menu-panel,
    body.rd-menu-open .rd-menu-panel{
        z-index:2147483003!important;
    }

    html.rd-menu-open .rd-menu-backdrop,
    body.rd-menu-open .rd-menu-backdrop{
        z-index:2147483001!important;
    }
}

/* Prevent Facebook/LINE in-app browser safe-area from covering Header */
@supports(padding:max(0px)){
    html.rd-menu-open .rd-site-header,
    body.rd-menu-open .rd-site-header{
        padding-top:max(0px,env(safe-area-inset-top))!important;
    }
}


/* v5.0.8 — Menu below Header and real quick-link polish */
@media(max-width:1024px){
    .rd-menu-panel{
        top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px) + 70px)!important;
        right:10px!important;
        bottom:10px!important;
        left:10px!important;
        width:auto!important;
        max-height:none!important;
        transform:none!important;
        border:1px solid color-mix(in srgb,var(--rd-h-accent) 34%,var(--rd-h-line))!important;
        border-radius:22px!important;
    }
    .rd-menu-backdrop{
        top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px) + 58px)!important;
    }
    html.rd-menu-open .rd-site-header,
    body.rd-menu-open .rd-site-header{
        padding-top:0!important;
    }
}
@media(max-width:680px){
    .rd-menu-panel{
        top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px) + 64px)!important;
        right:8px!important;
        bottom:8px!important;
        left:8px!important;
        border-radius:19px!important;
    }
}
.rd-quick-card{
    position:relative!important;
    z-index:1!important;
    pointer-events:auto!important;
}
.rd-quick-card>*{pointer-events:none!important}


/* =========================================================
   v5.0.9 — Tablet Alignment + Lightweight Language Menu
   ========================================================= */

/* On tablet, controls sit at the far right exactly like mobile. */
@media(min-width:681px) and (max-width:1024px){
    .rd-brand{
        flex:1 1 auto!important;
        min-width:0!important;
    }

    .rd-header-actions{
        margin-left:auto!important;
        justify-content:flex-end!important;
        flex:0 0 auto!important;
    }

    #rdMenuToggle{
        order:99!important;
    }
}

/* Language button */
.rd-language-btn{
    border-radius:13px!important;
}

.rd-language-btn svg{
    width:21px!important;
    height:21px!important;
}

/* Language picker */
.rd-language-panel{
    position:absolute;
    top:calc(100% + 8px);
    right:max(12px,calc((100vw - min(1180px,100vw))/2 + 12px));
    z-index:2147483004;
    width:min(390px,calc(100vw - 24px));
    padding:12px;
    border:1px solid var(--rd-h-line);
    border-radius:18px;
    background:
        radial-gradient(circle at 90% 0,rgba(67,194,255,.16),transparent 36%),
        linear-gradient(145deg,var(--rd-h-bg),var(--rd-h-bg-2));
    box-shadow:0 22px 56px rgba(0,20,49,.36);
    color:var(--rd-h-text);
}

.rd-language-head{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.rd-language-head strong{
    color:var(--rd-h-text);
    font-size:14px;
    font-weight:900;
}

.rd-language-head small,
.rd-language-note{
    color:var(--rd-h-muted);
    font-size:10px;
}

.rd-language-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
}

.rd-language-grid button{
    min-height:48px;
    display:flex;
    align-items:center;
    gap:9px;
    padding:8px 10px;
    border:1px solid var(--rd-h-line);
    border-radius:13px;
    background:rgba(255,255,255,.045);
    color:var(--rd-h-text);
    font:inherit;
    cursor:pointer;
    text-align:left;
    transition:transform .15s ease,border-color .15s ease,background .15s ease;
}

.rd-language-grid button:hover{
    transform:translateY(-1px);
    border-color:rgba(91,205,255,.56);
    background:rgba(53,166,239,.12);
}

.rd-language-grid button span{
    width:31px;
    height:31px;
    flex:0 0 31px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:linear-gradient(145deg,#148be5,#3bc9f5);
    color:#fff;
    font-size:10px;
    font-weight:900;
}

.rd-language-grid button strong{
    overflow:hidden;
    color:var(--rd-h-text);
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.rd-language-note{
    margin:9px 2px 0;
    line-height:1.45;
}

.rd-language-panel[hidden]{
    display:none!important;
}

@media(max-width:680px){
    .rd-language-panel{
        top:calc(100% + 6px);
        right:8px;
        width:calc(100vw - 16px);
        padding:10px;
        border-radius:16px;
    }

    .rd-language-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:6px;
    }

    .rd-language-grid button{
        min-height:45px;
        padding:7px 8px;
    }

    .rd-language-grid button span{
        width:29px;
        height:29px;
        flex-basis:29px;
    }

    .rd-language-grid button strong{
        font-size:11px;
    }
}

@media(max-width:390px){
    .rd-language-grid{
        grid-template-columns:1fr;
    }

    .rd-language-panel{
        max-height:70vh;
        overflow:auto;
    }
}


/* =========================================================
   v5.3.5 — Compact responsive command menu
   ========================================================= */

/* Menu deliberately leaves breathing room around the sheet so backdrop can close it. */
.rd-menu-panel{
    width:min(860px,calc(100vw - 64px))!important;
    max-height:min(78dvh,720px)!important;
    border-radius:24px!important;
}
.rd-menu-card{padding:12px!important}

/* Section 1 — social: smaller card, label +10%. */
.rd-social-strip{
    min-height:42px!important;
    margin-top:4px!important;
    padding:6px 9px!important;
    gap:6px!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,rgba(21,114,190,.12),rgba(3,28,58,.18))!important;
}
.rd-social-label{
    margin-right:3px!important;
    font-size:12.1px!important;
    line-height:1!important;
    color:var(--rd-h-text)!important;
}
.rd-social-icon{
    width:31px!important;
    height:31px!important;
    min-width:31px!important;
    border-radius:10px!important;
}
.rd-social-icon svg{width:18px!important;height:18px!important}

/* Section 2 — Popular + Latest. */
.rd-insight-duo{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:9px!important;
}
.rd-insight-duo .rd-trending-compact,
.rd-insight-duo .rd-latest-open{
    margin:0!important;
    min-width:0!important;
    padding:10px!important;
    border-radius:15px!important;
}
.rd-menu-tone-a{
    background:linear-gradient(145deg,rgba(27,137,224,.14),rgba(2,25,53,.26))!important;
}
.rd-menu-tone-b{
    background:linear-gradient(145deg,rgba(54,174,231,.11),rgba(4,34,67,.24))!important;
}
.rd-insight-duo .rd-trending-list,
.rd-insight-duo .rd-latest-open-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
}
.rd-insight-duo .rd-trending-list a,
.rd-insight-duo .rd-latest-open-list a{
    min-height:34px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    padding:5px 7px!important;
    border:1px solid rgba(132,202,255,.10)!important;
    border-radius:10px!important;
    background:rgba(1,18,39,.25)!important;
    text-decoration:none!important;
}
.rd-insight-duo .rd-latest-open-list a::before{display:none!important}
.rd-insight-duo .rd-latest-open-list b,
.rd-insight-duo .rd-trending-list b{
    width:24px!important;height:24px!important;display:grid!important;place-items:center!important;
    border-radius:8px!important;background:linear-gradient(145deg,#178de8,#31c7f2)!important;
    color:#fff!important;font-size:9px!important;font-weight:900!important;
}
.rd-insight-duo .rd-latest-open-list span,
.rd-insight-duo .rd-trending-list span{
    min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    color:var(--rd-h-text)!important;font-size:10px!important;font-weight:800!important;
}

/* Section 3 — recent pages: 10 compact numbered buttons, 2 per row. */
.rd-recent-used{
    margin-top:9px!important;
    padding:10px!important;
    border:1px solid var(--rd-h-line)!important;
    border-radius:15px!important;
}
.rd-menu-tone-c{
    background:linear-gradient(145deg,rgba(35,151,211,.095),rgba(2,25,49,.22))!important;
}
.rd-recent-used-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
}
.rd-recent-used-list a{
    min-height:36px!important;
    gap:7px!important;
    padding:5px 7px!important;
    border-radius:10px!important;
    background:rgba(2,20,43,.29)!important;
}
.rd-recent-used-index{
    width:24px!important;height:24px!important;flex:0 0 24px!important;
    border-radius:8px!important;font-size:9px!important;
}
.rd-recent-used-title{
    min-width:0!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;
    color:var(--rd-h-text)!important;font-size:10px!important;font-weight:850!important;
}

/* Section 4 — all pages/categories. */
.rd-menu-tone-d{
    padding:8px!important;
    border:1px solid color-mix(in srgb,var(--rd-h-line) 86%,transparent)!important;
    border-radius:15px!important;
    background:linear-gradient(145deg,rgba(18,95,163,.08),rgba(1,17,37,.20))!important;
}
.rd-menu-tone-d details{margin:0!important;background:rgba(255,255,255,.025)!important}

/* Responsive menu proportions. */
@media(max-width:680px){
    .rd-menu-panel{
        top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px) + 78px)!important;
        right:10px!important;
        bottom:26px!important;
        left:22px!important;
        width:auto!important;
        max-height:none!important;
        transform:none!important;
        border-radius:20px!important;
    }
    .rd-menu-card{padding:10px!important}
    .rd-insight-duo{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
    .rd-insight-duo .rd-trending-compact,.rd-insight-duo .rd-latest-open{padding:8px!important}
    .rd-insight-duo .rd-section-head{margin-bottom:6px!important}
    .rd-insight-duo .rd-section-head strong{font-size:11px!important}
    .rd-insight-duo .rd-latest-open-list span,.rd-insight-duo .rd-trending-list span{font-size:9.5px!important}
    .rd-recent-used-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .rd-recent-used-title{font-size:9.5px!important}
}
@media(max-width:390px){
    .rd-menu-panel{left:14px!important;right:8px!important;bottom:18px!important}
    .rd-social-strip{min-height:39px!important;padding:5px 7px!important}
    .rd-social-label{font-size:11.5px!important}
    .rd-social-icon{width:29px!important;height:29px!important;min-width:29px!important}
    .rd-insight-duo{gap:5px!important}
    .rd-insight-duo .rd-trending-compact,.rd-insight-duo .rd-latest-open{padding:7px!important}
    .rd-insight-duo .rd-latest-open-list a,.rd-insight-duo .rd-trending-list a{grid-template-columns:21px minmax(0,1fr)!important;padding:4px 5px!important}
    .rd-insight-duo .rd-latest-open-list b,.rd-insight-duo .rd-trending-list b{width:21px!important;height:21px!important}
    .rd-recent-used-list a{padding:4px 5px!important;gap:5px!important}
}


/* =========================================================
   v5.3.6 — Gen-Z compact menu + quick search
   ========================================================= */
.rd-menu-panel{
    width:min(820px,calc(100vw - 78px))!important;
    max-height:min(74dvh,680px)!important;
}
.rd-menu-card{padding:10px!important}

/* Fast search: one compact tech bar with instant cards. */
.rd-menu-quick-search{
    display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:4px;
    min-height:40px;padding:4px 6px;margin-bottom:7px;
    border:1px solid color-mix(in srgb,var(--rd-h-accent) 26%,var(--rd-h-line));border-radius:13px;
    background:linear-gradient(145deg,rgba(38,145,220,.10),rgba(2,22,48,.24));
    box-shadow:inset 0 1px rgba(255,255,255,.045)
}
.rd-menu-search-icon{display:grid;place-items:center;color:#6bd4ff}
.rd-menu-search-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.rd-menu-quick-search input{
    min-width:0;width:100%;height:30px;padding:0;border:0!important;outline:0!important;box-shadow:none!important;
    background:transparent!important;color:var(--rd-h-text)!important;font-size:11px!important;font-weight:700!important
}
.rd-menu-quick-search input::placeholder{color:color-mix(in srgb,var(--rd-h-muted) 82%,transparent)}
#rdMenuQuickSearchClear{width:28px;height:28px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:var(--rd-h-muted);font-size:17px;cursor:pointer}
.rd-menu-quick-results{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:-1px 0 7px;padding:6px;
    border:1px solid var(--rd-h-line);border-radius:12px;background:rgba(1,17,37,.62)
}
.rd-menu-quick-results[hidden]{display:none!important}
.rd-menu-quick-results a{min-width:0;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;padding:6px;border-radius:9px;background:rgba(38,139,216,.09);color:var(--rd-h-text)!important;text-decoration:none!important}
.rd-menu-quick-results a b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:linear-gradient(145deg,#1592e9,#3ad1f5);color:#fff;font-size:8px}
.rd-menu-quick-results a span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:800}
.rd-menu-quick-empty{grid-column:1/-1;padding:8px;text-align:center;color:var(--rd-h-muted);font-size:9.5px}

/* Social row even tighter; label larger; icons smaller. */
.rd-social-strip{min-height:38px!important;padding:4px 7px!important;gap:5px!important}
.rd-social-label{font-size:13.2px!important;font-weight:900!important;margin-right:4px!important}
.rd-social-icon{width:27px!important;height:27px!important;min-width:27px!important;border-radius:9px!important}
.rd-social-icon svg{width:15px!important;height:15px!important}
.rd-menu-inline-close{display:none;margin-left:auto;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid rgba(112,204,255,.22);border-radius:9px;background:linear-gradient(145deg,rgba(28,128,207,.18),rgba(7,45,87,.34));color:#dff6ff;font:inherit;font-size:9.5px;font-weight:850;cursor:pointer}
.rd-menu-inline-close svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

/* Latest/recent titles: two lines, slightly larger. */
.rd-insight-duo .rd-latest-open-list span,
.rd-insight-duo .rd-trending-list span{
    white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    line-clamp:2!important;line-height:1.35!important;font-size:10.6px!important;max-height:2.7em!important
}
.rd-recent-used-title{
    white-space:normal!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;
    line-clamp:2!important;line-height:1.35!important;font-size:10.7px!important;max-height:2.7em!important
}
.rd-recent-used-list a{min-height:43px!important;align-items:center!important}

@media(max-width:680px){
    .rd-menu-panel{
        top:calc(var(--wp-admin--admin-bar--height,0px) + env(safe-area-inset-top,0px) + 82px)!important;
        right:12px!important;bottom:44px!important;left:28px!important;width:auto!important;max-height:none!important;
    }
    .rd-menu-inline-close{display:inline-flex!important}
    .rd-menu-quick-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
    .rd-social-label{font-size:13px!important}
    .rd-social-icon{width:26px!important;height:26px!important;min-width:26px!important}
    .rd-insight-duo .rd-latest-open-list span,.rd-insight-duo .rd-trending-list span{font-size:10.2px!important}
    .rd-recent-used-title{font-size:10.3px!important}
}
@media(max-width:390px){
    .rd-menu-panel{left:20px!important;right:9px!important;bottom:38px!important}
    .rd-menu-card{padding:8px!important}
    .rd-menu-quick-search{min-height:38px!important;margin-bottom:6px!important}
    .rd-social-label{font-size:12.6px!important}
    .rd-social-icon{width:25px!important;height:25px!important;min-width:25px!important}
    .rd-menu-inline-close{padding:0 7px!important;font-size:9px!important}
    .rd-menu-quick-results{grid-template-columns:1fr 1fr!important;gap:4px!important}
}

/* =========================================================
   v5.3.9 — Latest + recently used two-card history layout
   ========================================================= */
.rd-history-duo{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:9px!important;
    align-items:start!important;
}
.rd-history-duo .rd-latest-open,
.rd-history-duo .rd-recent-used{
    min-width:0!important;
    margin:0!important;
    padding:10px!important;
    border:1px solid var(--rd-h-line)!important;
    border-radius:15px!important;
}
.rd-history-duo .rd-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    min-height:28px!important;
    margin-bottom:7px!important;
}
.rd-history-duo .rd-section-head strong{
    min-width:0!important;
    font-size:12px!important;
    line-height:1.3!important;
}
.rd-card-toggle{
    flex:0 0 auto!important;
    min-height:24px!important;
    padding:3px 7px!important;
    border:1px solid color-mix(in srgb,var(--rd-h-accent) 32%,var(--rd-h-line))!important;
    border-radius:8px!important;
    background:color-mix(in srgb,var(--rd-h-accent) 10%,transparent)!important;
    color:var(--rd-h-text)!important;
    font:inherit!important;
    font-size:9px!important;
    font-weight:900!important;
    line-height:1.1!important;
    cursor:pointer!important;
    white-space:nowrap!important;
}
.rd-card-toggle:hover,
.rd-card-toggle:focus-visible{
    border-color:color-mix(in srgb,var(--rd-h-accent) 68%,var(--rd-h-line))!important;
    background:color-mix(in srgb,var(--rd-h-accent) 18%,transparent)!important;
    outline:none!important;
}
.rd-card-toggle[hidden],
.rd-history-duo [data-rd-expandable-card][hidden],
.rd-history-duo [data-rd-extra-item][hidden]{
    display:none!important;
}
.rd-history-duo .rd-latest-open-list,
.rd-history-duo .rd-recent-used-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
}
.rd-history-duo .rd-latest-open-list a,
.rd-history-duo .rd-recent-used-list a{
    min-width:0!important;
    min-height:36px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    align-items:center!important;
    gap:7px!important;
    padding:5px 7px!important;
    border:1px solid color-mix(in srgb,var(--rd-h-line) 70%,transparent)!important;
    border-radius:10px!important;
    background:color-mix(in srgb,var(--rd-h-bg-2) 74%,transparent)!important;
    color:var(--rd-h-text)!important;
    text-decoration:none!important;
}
.rd-history-duo .rd-latest-open-list a::before{
    display:none!important;
}
.rd-history-duo .rd-latest-open-list b,
.rd-history-duo .rd-recent-used-index{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:8px!important;
    background:linear-gradient(145deg,#178de8,#31c7f2)!important;
    color:#fff!important;
    font-size:9px!important;
    font-weight:900!important;
}
.rd-history-duo .rd-latest-open-list span,
.rd-history-duo .rd-recent-used-title{
    min-width:0!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-height:2.7em!important;
    white-space:normal!important;
    text-overflow:ellipsis!important;
    color:var(--rd-h-text)!important;
    font-size:10.5px!important;
    font-weight:850!important;
    line-height:1.35!important;
}
.rd-recent-used-empty{
    margin:4px 0 0!important;
    padding:10px 8px!important;
    border:1px dashed color-mix(in srgb,var(--rd-h-line) 72%,transparent)!important;
    border-radius:10px!important;
    color:var(--rd-h-muted)!important;
    text-align:center!important;
    font-size:9.5px!important;
}
.rd-history-duo.has-expanded-card{
    grid-template-columns:1fr!important;
}
.rd-history-duo .rd-expandable-card.is-expanded{
    grid-column:1 / -1!important;
}
.rd-history-duo .rd-expandable-card.is-expanded .rd-latest-open-list,
.rd-history-duo .rd-expandable-card.is-expanded .rd-recent-used-list{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

@media(max-width:680px){
    .rd-history-duo{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
        gap:6px!important;
    }
    .rd-history-duo .rd-latest-open,
    .rd-history-duo .rd-recent-used{
        padding:8px!important;
    }
    .rd-history-duo .rd-section-head{
        align-items:flex-start!important;
        gap:4px!important;
        margin-bottom:6px!important;
    }
    .rd-history-duo .rd-section-head strong{
        font-size:10.8px!important;
    }
    .rd-card-toggle{
        min-height:22px!important;
        padding:3px 5px!important;
        font-size:8.2px!important;
        border-radius:7px!important;
    }
    .rd-history-duo .rd-latest-open-list a,
    .rd-history-duo .rd-recent-used-list a{
        min-height:34px!important;
        grid-template-columns:21px minmax(0,1fr)!important;
        gap:5px!important;
        padding:4px 5px!important;
    }
    .rd-history-duo .rd-latest-open-list b,
    .rd-history-duo .rd-recent-used-index{
        width:21px!important;
        height:21px!important;
        min-width:21px!important;
        font-size:8px!important;
    }
    .rd-history-duo .rd-latest-open-list span,
    .rd-history-duo .rd-recent-used-title{
        font-size:9.7px!important;
    }
    .rd-history-duo .rd-expandable-card.is-expanded .rd-latest-open-list,
    .rd-history-duo .rd-expandable-card.is-expanded .rd-recent-used-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:390px){
    .rd-history-duo{gap:5px!important}
    .rd-history-duo .rd-latest-open,
    .rd-history-duo .rd-recent-used{padding:7px!important}
    .rd-history-duo .rd-section-head strong{font-size:10px!important}
    .rd-card-toggle{font-size:7.8px!important;padding:3px 4px!important}
    .rd-history-duo .rd-latest-open-list span,
    .rd-history-duo .rd-recent-used-title{font-size:9.1px!important}
}