@charset "UTF-8";.guide-display-section{position:relative;z-index:2;isolation:isolate;padding:136px 0 112px;width:100%;text-align:center;background:linear-gradient(180deg,#f4f6ff,#fafbff 45%,#fff 85%)}@media(max-width:640px){.guide-display-section{padding:112px 0 96px}}.guide-hero__bg{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.guide-hero__grid{position:absolute;inset:0 0 30%;background-image:radial-gradient(#c9cee0 1.1px,transparent 1.4px);background-size:12px 12px;background-position:center top;mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0%,#000 30%,transparent 75%)}.guide-hero__glow{position:absolute;left:50%;top:42%;width:900px;height:520px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(47,91,255,.13),transparent);border-radius:50%}.guide-hero__dust{position:absolute;inset:0;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 85%);mask-image:linear-gradient(180deg,#000 45%,transparent 85%)}.guide-hero__dust span{position:absolute;border-radius:50%;background:#2f5bff;animation:guide-drift 7s ease-in-out infinite alternate}.guide-hero__dust span.g{background:#8a8fa3}@keyframes guide-drift{0%{transform:translate(0);opacity:.15}50%{opacity:.5}to{transform:translate(10px,-18px);opacity:.2}}@media(prefers-reduced-motion:reduce){.guide-hero__dust span{animation:none;opacity:.25}}.guide-hero__divider{position:absolute;left:50%;bottom:4px;translate:-50% 0;margin:0}.guide-list{position:relative;padding:48px 0 96px;width:100%}@media(max-width:640px){.guide-list{padding:36px 0 72px}}.guide-display-container{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}@media(max-width:640px){.guide-display-container{padding:0 16px}}.guide-section__header{margin-bottom:36px}.guide-section__header .hp-title{margin-top:0}.guide-section__title-highlight{color:var(--accent)}.guide-search-wrapper{position:relative;width:100%;max-width:620px;margin:0 auto;text-align:left}.guide-search-input-box{position:relative;width:100%}.guide-search-input-box input{width:100%;height:60px;padding:0 70px 0 20px;box-sizing:border-box;border-radius:14px;border:1.5px solid #d1d5db;background:#f3f4f6;font:inherit;font-size:16px;color:var(--ink);outline:none}.guide-search-input-box input::placeholder{color:#70707c;opacity:1}.guide-search-input-box input:focus{background:#fff}.guide-search-input-box:has(.clear-search-btn[style*=flex]) input{padding-right:104px}.guide-search-input-box .clear-search-btn{position:absolute;right:58px;top:50%;transform:translateY(-50%);z-index:2;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:#e4e6ee;color:#3f4352;cursor:pointer}.guide-search-input-box .clear-search-btn svg{width:16px;height:16px}.guide-search-input-box .clear-search-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.guide-search-submit{position:absolute;right:8px;top:50%;translate:0 -50%;width:44px;height:44px;padding:0;display:grid;place-items:center;border:1.5px solid #0b0d17;border-radius:10px;background:#2f5bff;color:#fff;cursor:pointer;transition:background .2s,transform .2s}.guide-search-submit svg{width:21px;height:21px}.guide-search-submit:hover{background:#2448e6}.guide-search-submit:active{transform:translate(2px,2px)}.guide-search-submit:focus-visible{outline:2px solid #2f5bff;outline-offset:4px}@media(max-width:480px){.guide-search-input-box input{font-size:14px;padding-left:14px}}.search-results-dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;display:none;margin-top:12px;padding:8px;max-height:380px;overflow:hidden auto;box-sizing:border-box;text-align:left;background:#fff;border:1.5px solid var(--ink);border-radius:16px;box-shadow:4px 4px 0 var(--ink)}.search-results-dropdown::-webkit-scrollbar{width:6px}.search-results-dropdown::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.search-result-item{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;margin:2px 0;padding:11px 14px;border-radius:10px;border:1.5px solid transparent;cursor:pointer;color:var(--ink)}.search-result-item i{width:22px;flex-shrink:0;text-align:center;font-size:1.1rem}.search-result-item__icon{width:22px;height:22px;object-fit:contain;flex-shrink:0}.search-result-item span,.search-result-item__text{flex:1;min-width:0;font-size:15px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-item:hover,.search-result-item.is-focused{background:var(--accent-soft);border-color:var(--ink);outline:none}.no-results{padding:22px;text-align:center;color:var(--muted);font-size:15px}.no-guides-placeholder{margin-top:20px;padding:56px 20px;text-align:center;background:#fff;border:1.5px dashed var(--ink-2);border-radius:20px}.no-guides-placeholder i{display:block;margin-bottom:12px;font-size:2.2rem;color:var(--faint)}.no-guides-placeholder p{margin-bottom:18px;color:var(--ink-2);font-size:16px}.no-guides-placeholder .btn-reset-filter{height:42px;padding:0 18px;border-radius:12px;cursor:pointer;background:var(--ink);color:#fff;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font:inherit;font-size:14px;font-weight:500}.no-guides-placeholder .btn-reset-filter:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;width:100%}@media(max-width:1024px){.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.guide-grid{grid-template-columns:1fr;gap:20px}}.guide-item-card{display:flex;flex-direction:column;overflow:hidden;padding:8px;text-decoration:none;color:var(--ink);background:#fff;border:1px solid #8f96a8;border-radius:20px;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}.guide-item-card:hover{transform:translateY(-4px);border-color:var(--ink);box-shadow:4px 6px 0 var(--ink)}.guide-item-card:hover .guide-item-card__arrow{background:var(--ink);color:#fff;transform:translate(3px)}.guide-item-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.guide-item-card__image{aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--tint);display:flex;align-items:center;justify-content:center}.guide-item-card__image img{width:100%;height:100%;object-fit:contain;display:block}.guide-item-card__content{flex-grow:1;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 10px 10px;text-align:left}.guide-item-card__title{margin:0;text-align:left;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.guide-item-card__arrow{flex:none;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#fff;color:var(--ink);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transition:background .25s,color .25s,transform .25s var(--ease)}@media(min-width:1024px)and (max-width:1279px){.guide-display-section{padding:10.625vw 0 8.75vw}.guide-display-container{max-width:93.75vw;padding:0 1.875vw}.guide-section__header{margin-bottom:2.8125vw}.guide-section__header .hp-title{font-size:4.21875vw}.guide-section__header .hp-eyebrow{font-size:clamp(12px,1.015625vw,13px)}.guide-section__header .hp-lead{max-width:43.75vw;font-size:clamp(15px,1.40625vw,18px)}.guide-search-wrapper{max-width:48.4375vw}.guide-search-input-box input{height:clamp(52px,4.6875vw,60px);font-size:clamp(14px,1.25vw,16px)}.guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.1875vw}.guide-item-card{padding:.625vw}.guide-item-card__content{gap:1.09375vw;padding:1.25vw .78125vw .78125vw}.guide-item-card__title{font-size:clamp(15px,1.328125vw,17px)}.guide-item-card__arrow{width:2.96875vw;height:2.96875vw}.search-result-item span,.search-result-item__text{font-size:14px}}@media(min-width:768px)and (max-width:1023px){.guide-display-section{padding:124px 0 104px}.guide-display-container{padding:0 32px}.guide-section__header{margin-bottom:28px}.guide-section__header .hp-title{font-size:clamp(32px,4.2vw,43px)}.guide-section__header .hp-lead{font-size:16px;max-width:600px}.guide-search-wrapper{max-width:620px}.guide-search-input-box input{height:52px;font-size:16px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.guide-item-card__title{font-size:16px}.guide-item-card__content{padding:16px 8px 10px;gap:12px}.guide-item-card__arrow{width:40px;height:40px}.search-results-dropdown{max-height:min(380px,45dvh)}.search-result-item{padding:12px}.search-result-item span,.search-result-item__text{white-space:normal}}
