body.guideline-page-shell{--qyft-page-max:1080px;background:#fff}.guideline-page{color:#333;background:#fff}.guideline-container{width:min(100% - 48px,1780px);margin:0 auto}.guideline-hero{background:url(./guideline-I-Y1iMgN.png) 50%/cover no-repeat;place-items:center;min-height:max(270px,min(28vw,405px));display:grid}.guideline-hero h1{color:#fff;text-shadow:0 2px 18px #08193461;font-size:max(30px,min(3vw,44px));font-weight:500}.guideline-section{padding:max(54px,min(6vw,96px)) 0}.guideline-section--matrix{background:#fff}.guideline-section--faq{background:#fafafa;border-top:1px solid #edf1f7}.guideline-section h2{color:#333;margin-bottom:max(34px,min(4vw,58px));font-size:max(24px,min(2.1vw,32px));font-weight:600}.guideline-table-wrap{overflow-x:auto}.guideline-table{border-collapse:separate;border-spacing:0 3px;color:#6c7581;text-align:left;width:100%;min-width:1120px;font-size:15px}.guideline-table th,.guideline-table td{vertical-align:middle;padding:12px 10px;line-height:1.5}.guideline-table thead th{color:#4c5560;white-space:nowrap;padding-bottom:18px;font-weight:600}.guideline-table .guideline-table__image-heading,.guideline-table .guideline-product-image{box-sizing:border-box;width:162px;min-width:162px;padding-right:0}.guideline-table thead th:nth-child(2),.guideline-table tbody th{width:112px;min-width:112px}.guideline-table tbody tr{background:#fff}.guideline-table tbody tr:nth-child(2n){background:#fcfcfd}.guideline-table tbody tr>*{background-color:inherit;transition:background-color .16s,color .16s}.guideline-table tbody tr:hover,.guideline-table tbody tr:focus-within{background:#f1f6fd}.guideline-table tbody tr.is-featured{background:#eaf4ff}.guideline-table tbody th{color:#424b55;text-align:left;font-weight:600}.guideline-table tbody td:last-child{width:108px}.guideline-table a{color:#1467ff;white-space:nowrap;border:1px solid #1467ff;border-radius:4px;align-items:center;min-height:34px;padding:0 14px;text-decoration:none;display:inline-flex}.guideline-table .is-featured a{color:#fff;background:#1467ff}.guideline-table a:hover{color:#fff;background:#0d4dd9}.guideline-table a:focus-visible{color:#fff;background:#0d4dd9}.guideline-product-image__frame{width:152px;height:112px;margin-left:auto;display:block;position:relative}.guideline-product-image img{width:var(--guideline-product-image-width);max-width:none;height:auto;display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.guideline-table tr[data-product-id=single]{--guideline-product-image-width:158px}.guideline-table tr[data-product-id=multi]{--guideline-product-image-width:146px}.guideline-table tr[data-product-id=visual]{--guideline-product-image-width:142px}.guideline-table tr[data-product-id=smart]{--guideline-product-image-width:132px}.guideline-table tr[data-product-id=ati-b12]{--guideline-product-image-width:126px}.guideline-table tr[data-product-id=ati-d16]{--guideline-product-image-width:136px}.guideline-table tr[data-product-id=hpp271]{--guideline-product-image-width:148px}.guideline-table tr[data-product-id=hpp272]{--guideline-product-image-width:132px}.guideline-table tr[data-product-id=hmp110]{--guideline-product-image-width:148px}@media (max-width:820px){.guideline-table tbody tr{grid-template-columns:152px minmax(0,1fr)}.guideline-table .guideline-product-image,.guideline-table tbody th{box-sizing:border-box;border-bottom:1px solid #cdd9e8b8;width:auto;min-width:0}.guideline-table .guideline-product-image{padding:8px 0 8px 16px}.guideline-table tbody th{align-items:center;padding:16px;display:flex}.guideline-product-image__frame{width:136px}.guideline-table tbody td:not(.guideline-product-image){grid-column:1/-1}.guideline-table-wrap{overflow:visible}.guideline-table{border-spacing:0;text-align:left;min-width:0;display:block}.guideline-table thead{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.guideline-table tbody{gap:16px;display:grid}.guideline-table tbody tr{background:#fff;border:1px solid #e3eaf3;border-radius:6px;display:grid;overflow:hidden;box-shadow:0 8px 22px #1e3a5f12}.guideline-table tbody tr:nth-child(2n){background:#fff}.guideline-table tbody tr:hover,.guideline-table tbody tr:focus-within{background:#f3f7fc;border-color:#b9cbe2}.guideline-table tbody tr.is-featured{background:#eaf4ff;border-color:#8cb9ff;box-shadow:0 10px 26px #1467ff21}.guideline-table tbody th,.guideline-table tbody td{box-sizing:border-box;width:auto;min-width:0;padding:12px 16px}.guideline-table tbody td:not(.guideline-product-image){overflow-wrap:anywhere;border-top:1px solid #e3eaf3c7;grid-template-columns:minmax(108px,38%) minmax(0,1fr);gap:12px;display:grid}.guideline-table tbody th+td:not(.guideline-product-image){border-top:0}.guideline-table tbody td:not(.guideline-product-image):before{content:attr(data-label);color:#4c5560;font-weight:600}.guideline-table tbody td:last-child{align-items:center;width:auto}.guideline-table tbody td:last-child a{justify-content:center;width:100%}}.guideline-faq{border-top:1px solid #e8edf4}.guideline-faq details{border-bottom:1px solid #e8edf4}.guideline-faq summary{color:#303946;cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;padding:0 18px;font-size:17px;font-weight:600;list-style:none;display:flex}.guideline-faq summary::-webkit-details-marker{display:none}.guideline-faq summary:after{content:"›";color:#7c8795;font-size:28px;font-weight:300;transition:transform .16s;transform:rotate(90deg)}.guideline-faq details[open] summary{background:#f2f2f2}.guideline-faq details[open] summary:after{transform:rotate(-90deg)}.guideline-faq__answer{color:#4b5563;background:#f2f2f2;padding:2px 24px 24px;font-size:17px;line-height:1.85}.guideline-faq__answer p{color:inherit;margin-top:12px}.guideline-faq__answer ol,.guideline-faq__answer ul{margin:8px 0 0;padding-left:22px}.guideline-faq__answer li+li{margin-top:4px}.guideline-faq__answer li::marker{color:#1684fc}.guideline-faq__answer strong{color:#252b33}.guideline-check{align-items:center;gap:8px;margin-top:12px;font-weight:700;display:flex;color:#252b33!important}.guideline-check img{width:24px;height:24px}@media (max-width:640px){.guideline-container{width:min(100% - 32px,1080px)}.guideline-hero{background-position:38%;min-height:230px}.guideline-hero h1{text-align:center;padding:0 24px}.guideline-section{padding:56px 0}.guideline-section h2{margin-bottom:30px}.guideline-faq summary{min-height:58px;padding:0 10px;font-size:15px}.guideline-faq__answer{padding:2px 14px 20px;font-size:14px}}@media (prefers-reduced-motion:reduce){.guideline-table tbody tr>*,.guideline-faq summary:after{transition-duration:1ms}}