*,:before,:after{box-sizing:border-box}html,body{background:0 0;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}body{justify-content:center;align-items:center;display:flex}#widget-root{width:100%;height:250px;display:flex}:root{--bg:#f7f5f0;--border:#d3d1c7;--title:#2c2c2a;--muted:#888780;--desc:#5f5e5a;--footer-bg:#efede7;--footer-text:#444441;--accent:#534ab7;--nav-bg:#fff;--nav-border:#b4b2a9;--nav-hover:#efede7;--nav-color:#444441}[data-theme=dark]{--bg:#1e1e1c;--border:#3a3a37;--title:#f0efe8;--muted:#888780;--desc:#a8a7a2;--footer-bg:#2a2a27;--footer-text:#c0bfb8;--accent:#8b84e0;--nav-bg:#2a2a27;--nav-border:#4a4a47;--nav-hover:#333330;--nav-color:#c0bfb8}[data-theme=brand]{--bg:#fff;--border:#1a1a181f;--title:#1a1a18;--muted:#6b6860;--desc:#55514b;--footer-bg:#f5f2ed;--footer-text:#444441;--accent:#23a26d;--nav-bg:#23a26d1f;--nav-border:#23a26d66;--nav-hover:#23a26d38;--nav-color:#147348}.widget{background:var(--bg);border:.5px solid var(--border);border-radius:10px;flex-direction:column;flex:1;width:100%;height:250px;display:flex;overflow:hidden}.card-area{flex-direction:column;flex:1;padding:16px 16px 12px;display:flex;overflow:hidden}.slide{flex-direction:column;height:100%;display:none;position:relative;overflow:hidden}.slide.active{display:flex}.slide:hover .card-title{color:var(--accent)}.slide:hover .read-more{opacity:1}.meta-date{color:var(--muted);flex-shrink:0;font-size:11px}.card-title{color:var(--title);margin:0 0 6px;font-size:14px;font-weight:600;line-height:1.35;transition:color .15s}.card-desc{color:var(--desc);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;max-height:4.5em;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.tags{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.tag{align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.tdot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.read-more{color:var(--accent);opacity:0;margin-top:7px;font-size:11px;font-weight:500;transition:opacity .15s}.slide-link{z-index:1;position:absolute;inset:0}.nav-row{justify-content:space-between;align-items:center;padding:0 10px 8px;display:flex}.nav-btn{border:1px solid var(--nav-border);background:var(--nav-bg);cursor:pointer;width:38px;height:38px;color:var(--nav-color);z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:600;line-height:1;transition:background .15s,transform .1s;display:flex;position:relative}.nav-btn:hover{background:var(--nav-hover)}.nav-btn:active{transform:scale(.92)}.counter{color:var(--muted);font-size:11px}.widget-footer{border-top:.5px solid var(--border);background:var(--footer-bg);z-index:2;align-items:center;gap:4px;padding:7px 14px;text-decoration:none;display:flex;position:relative}.widget-footer:hover .footer-brand,.widget-footer:hover .footer-arrow{color:var(--accent)}.footer-brand,.footer-arrow{color:var(--footer-text);font-size:11px;font-weight:500;transition:color .15s}.widget-large{width:100%;height:250px}.widget-header{border-bottom:.5px solid var(--border);flex-shrink:0;align-items:center;padding:8px 14px;display:flex}.widget-header-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.cards-grid{flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;overflow:hidden}.card{border-right:.5px solid var(--border);flex-direction:column;padding:14px 16px 10px;text-decoration:none;display:flex;position:relative;overflow:hidden}.card:last-child{border-right:none}.card:hover .card-title{color:var(--accent)}.card:hover .read-more{opacity:1}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card .tags,.slide .tags{margin-top:0}.card .card-desc{-webkit-line-clamp:4;max-height:6em}[data-theme=brand] .card-area{padding:20px 20px 14px}[data-theme=brand] .card-title{margin-bottom:8px;font-size:16px;line-height:1.3}[data-theme=brand] .card-desc{-webkit-line-clamp:4;max-height:88px;font-size:14px;line-height:22px}[data-theme=brand] .meta-date,[data-theme=brand] .tag,[data-theme=brand] .counter,[data-theme=brand] .read-more,[data-theme=brand] .footer-brand,[data-theme=brand] .footer-arrow{font-size:12px}.widget-loading,.widget-error{justify-content:center;align-items:center;display:flex}.loading-text,.widget-error p{color:var(--muted);text-align:center;margin:0;font-size:12px}