.rti-trend-footer { padding: 32px 0 30px; border-bottom: 1px solid rgba(255,255,255,.13); }
.rti-trend-heading { margin-bottom: 18px; }
.rti-trend-kicker { color: #8bd6af; font: 700 11px/1.4 system-ui,sans-serif; text-transform: uppercase; letter-spacing: .14em; }
.rti-trend-heading h2 { margin: 4px 0; color: #fff; font: 700 clamp(23px,2.4vw,32px)/1.15 Georgia,serif; }
.rti-trend-heading p { margin: 0; color: #adbbb2; font-size: 13px; }
.rti-trend-grid { columns: 5 170px; column-gap: 13px; }
.rti-trend-card { display: inline-block; width: 100%; margin: 0 0 13px; padding: 0 0 12px; break-inside: avoid; overflow: hidden; border-radius: 14px; background: #f8f8f2; color: #172d23!important; text-decoration: none!important; box-shadow: 0 5px 17px rgba(0,0,0,.12); transition: transform .2s,box-shadow .2s; }
.rti-trend-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.2); }
.rti-trend-card:focus-visible,.rti-trend-toggle:focus-visible,.rti-trend-close:focus-visible { outline: 3px solid #86d8ae; outline-offset: 3px; }
.rti-trend-art { position: relative; display: block; height: 105px; overflow: hidden; background: radial-gradient(circle at 75% 25%,#e5d5a7 0 13%,transparent 14%),linear-gradient(135deg,#325a47,#a0bba4); }
.rti-trend-art-1 { height: 135px; background: linear-gradient(145deg,#876e55,#dbc6a8); }
.rti-trend-art-2 { height: 90px; background: linear-gradient(130deg,#415e72,#a7c5ce); }
.rti-trend-art-3 { height: 120px; background: linear-gradient(145deg,#794f4a,#d6a798); }
.rti-trend-art-4 { height: 100px; background: linear-gradient(150deg,#646348,#d2cd9c); }
.rti-trend-art img { width: 100%; height: 100%; object-fit: cover; }
.rti-trend-number { position: absolute; top: 9px; left: 9px; padding: 2px 7px; border-radius: 99px; background: #15251eea; color: #fff; font: 700 12px/1.5 system-ui,sans-serif; }
.rti-trend-title { display: block; padding: 11px 12px 3px; color: #172d23; font: 700 15px/1.3 Georgia,serif; overflow-wrap: anywhere; }
.rti-trend-arrow { display: block; padding: 2px 12px; color: #376950; font: 650 11px/1.4 system-ui,sans-serif; }
.rti-trend-toggle { position: fixed; z-index: 1998; right: 0; top: 39%; border: 0; border-radius: 12px 0 0 12px; background: #174934; color: #fff; padding: 13px 10px; box-shadow: 0 5px 20px #0004; font: 700 12px/1.2 system-ui,sans-serif; writing-mode: vertical-rl; cursor: pointer; text-decoration: none; }
.rti-trend-shade:not([hidden]) { position: fixed; inset: 0; z-index: 1999; background: #0b1d16ae; }
.rti-trend-drawer:not([hidden]) { position: fixed; z-index: 2000; top: 0; right: 0; bottom: 0; width: min(440px,100vw); padding: 22px; overflow: auto; background: #f5f5ed; box-shadow: -12px 0 40px #0004; color: #152a1f; }
.rti-trend-drawer-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rti-trend-drawer-head h2 { margin: 0; font: 700 26px/1.15 Georgia,serif; }
.rti-trend-close { padding: 8px 12px; border: 1px solid #718d7d; border-radius: 8px; background: white; color: #123725; cursor: pointer; }
.rti-trend-drawer-date { color: #566b5e; font: 13px/1.5 system-ui,sans-serif; }
.rti-trend-drawer .rti-trend-grid { columns: 2 155px; }
.rti-trend-drawer .rti-trend-card { box-shadow: 0 4px 13px #172d231f; }
body.rti-trend-open { overflow: hidden; }
@media (max-width: 550px) { .rti-trend-footer { padding: 24px 0; } .rti-trend-grid { columns: 2 130px; column-gap: 10px; } .rti-trend-toggle { top: 42%; padding: 10px 7px; font-size: 11px; } .rti-trend-drawer:not([hidden]) { padding: 16px; } }
@media (prefers-reduced-motion: reduce) { .rti-trend-card { transition: none; } }