.yy-ui-editorial,.yy-ui-editorial-detail{color:var(--yy-body);box-sizing:border-box}
.yy-ui-editorial *,.yy-ui-editorial-detail *{box-sizing:border-box}
.yy-ui-editorial-search{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:24px}
.yy-ui-editorial-search label{display:grid;gap:7px;min-width:min(100%,340px);font-weight:600;color:var(--yy-heading)}
.yy-ui-editorial-search input{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--yy-line);border-radius:6px;background:var(--yy-white);color:var(--yy-heading)}
.yy-ui-editorial-search button,.yy-ui-editorial-download a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 22px;border:0;border-radius:6px;background:var(--yy-brand-red);color:var(--yy-on-red);font-weight:700;text-decoration:none}
.yy-ui-editorial-search button:hover,.yy-ui-editorial-download a:hover{background:var(--yy-brand-red-hover);color:var(--yy-on-red)}
.yy-ui-editorial-filters{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.yy-ui-editorial-filters a,.yy-ui-editorial-pages a{padding:8px 13px;border:1px solid var(--yy-line);border-radius:5px;color:var(--yy-heading);text-decoration:none}
.yy-ui-editorial-filters a[aria-current],.yy-ui-editorial-pages a[aria-current]{background:var(--yy-brand-red);color:var(--yy-on-red);border-color:var(--yy-brand-red)}
.yy-ui-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.yy-ui-editorial-card{min-width:0;padding:22px!important;border:1px solid var(--yy-line);border-radius:10px;background:var(--yy-white);color:var(--yy-body)}
.yy-ui-editorial-demo{display:block;width:fit-content;margin:0 0 14px;padding:6px 10px;border-left:3px solid var(--yy-brand-red);background:var(--yy-surface);color:var(--yy-heading);font-size:.86rem;font-weight:700}
.yy-ui-editorial-card .yy-ui-editorial-image{display:block;aspect-ratio:16/10;overflow:hidden;margin:-22px -22px 18px}
.yy-ui-editorial-card img{display:block;width:100%;height:100%;object-fit:cover}
.yy-ui-editorial-card time{display:block;color:var(--yy-muted);font-size:.84rem}
.yy-ui-editorial-card h3{font-size:1.3rem;line-height:1.35;margin:10px 0;overflow-wrap:normal;word-break:normal}
.yy-ui-editorial-card h3 a,.yy-ui-editorial-link{color:var(--yy-brand-red);text-decoration:none}
.yy-ui-editorial-card p{line-height:1.65;overflow-wrap:anywhere}
.yy-ui-editorial-empty{padding:22px;border:1px dashed var(--yy-line);border-radius:8px;color:var(--yy-body)}
.yy-ui-editorial-pages{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.yy-ui-editorial-detail{margin-top:32px}
.yy-ui-editorial-panel{padding:24px;margin:22px 0;border:1px solid var(--yy-line);border-radius:9px;background:var(--yy-white)}
.yy-ui-editorial-panel h2{font-size:1.5rem;margin:0 0 16px;color:var(--yy-heading)}
.yy-ui-editorial-panel dl{display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);gap:8px 14px;margin:0}
.yy-ui-editorial-panel dt{font-weight:700;color:var(--yy-heading)}.yy-ui-editorial-panel dd{margin:0;overflow-wrap:anywhere}
.yy-ui-editorial-panel a{color:var(--yy-brand-red)}
.yy-ui-faq details{padding:14px 0;border-top:1px solid var(--yy-line)}
.yy-ui-faq summary{cursor:pointer;font-weight:700;color:var(--yy-heading)}
.yy-ui-faq details p{margin:12px 0 0;line-height:1.65}
.yy-ui-editorial :is(a,button,input):focus-visible,.yy-ui-editorial-detail :is(a,button,summary):focus-visible{outline:2px solid var(--yy-focus-ring);outline-offset:3px}
@media(max-width:800px){.yy-ui-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.yy-ui-editorial-grid{grid-template-columns:1fr}.yy-ui-editorial-search label{min-width:100%}.yy-ui-editorial-search button{width:100%}.yy-ui-editorial-panel dl{grid-template-columns:1fr}.yy-ui-editorial-panel dd{margin-bottom:8px}}