/* OOPBUY Trend: visual variation of the complete OOPBUY spreadsheet site. */
body.variant-hilfeatlas{background:#fff0f3;color:#5b2635}
body.variant-hilfeatlas .header,body.variant-hilfeatlas .site-header{border-top:5px solid #ba506b;box-shadow:0 2px 12px #17243b0c}
body.variant-hilfeatlas .hero{background:linear-gradient(112deg,#fff 28%,#fff0f3);border:1px solid #ba506b33;border-radius:20px;padding:24px;margin:18px 0 16px}
body.variant-hilfeatlas .hero h1,body.variant-hilfeatlas .page-head h1{color:#5b2635}
body.variant-hilfeatlas .tagline,body.variant-hilfeatlas .eyebrow,body.variant-hilfeatlas .section-kicker{color:#ba506b}
body.variant-hilfeatlas .tabs,body.variant-hilfeatlas .table-header{background:#fff0f3}
body.variant-hilfeatlas .tabs button.selected,body.variant-hilfeatlas .number,body.variant-hilfeatlas .topic-number{background:#ba506b;color:#fff}
body.variant-hilfeatlas .products,body.variant-hilfeatlas .search-input,body.variant-hilfeatlas .qc,body.variant-hilfeatlas .knowledge,body.variant-hilfeatlas .resource-footer,body.variant-hilfeatlas .products-section,body.variant-hilfeatlas .page-aside,body.variant-hilfeatlas .side-rail{border-radius:20px}
body.variant-hilfeatlas .product:nth-child(even){background:#fff0f366}
body.variant-hilfeatlas .product{border-color:#ba506b24}
body.variant-hilfeatlas .search-input:focus-within{border-color:#ba506b;box-shadow:0 0 0 3px #ba506b25}
body.variant-hilfeatlas .outline:hover,body.variant-hilfeatlas .side-rail a,body.variant-hilfeatlas .sources a{color:#ba506b}
body.variant-hilfeatlas .content-section{border-color:#ba506b33}
.variant-feature-link{display:block;width:max-content;max-width:calc(100% - 32px);margin:18px auto 22px;background:#5b2635;color:#fff;text-decoration:none;padding:11px 16px;border-radius:999px;box-shadow:0 7px 22px #0003;font-size:13px;font-weight:700;text-align:center}
.variant-feature-link:hover,.variant-feature-link:focus{background:#ba506b;color:#fff}
.variant-note{background:#fff0f3;border-left:4px solid #ba506b;padding:12px 15px;margin:16px 0 22px;border-radius:0 20px 20px 0;font-size:14px;line-height:1.6}
.variant-editorial{background:#fff;border:1px solid #ba506b55;border-radius:20px;padding:24px 28px;margin:0 0 24px;line-height:1.72}
.variant-editorial-label{color:#ba506b;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.variant-editorial h2{color:#5b2635;font-size:23px;margin:7px 0 12px}
.variant-editorial p{margin:0 0 12px}
.variant-editorial ul{margin:0 0 14px;padding-left:22px}
.variant-editorial li{margin:6px 0}
@media(max-width:700px){body.variant-hilfeatlas .hero{padding:17px;margin:10px 0}.variant-feature-link{width:calc(100% - 32px);padding:11px 12px;font-size:13px}}