.archie-guide{--bg:#F7F2EA;--ink:#1A1814;--ink-soft:#5E5A53;--line:#E5DDD0;--orange:#E8703C;--orange-pale:#FCE4D6;--star:#F5B400;--ok:#2E7D5B;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--ink)}.archie-guide *{box-sizing:border-box}.archie-guide .guide-hero{background:linear-gradient(135deg,#fef7f2,#fde8d6);padding:40px 24px 44px}.archie-guide .guide-hero-wrap{max-width:1140px;margin:0 auto}.archie-guide .guide-breadcrumb{font-size:13px;color:var(--ink-soft);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.archie-guide .guide-breadcrumb a{color:var(--ink-soft);text-decoration:none}.archie-guide .guide-breadcrumb a:hover{color:var(--orange)}.archie-guide .guide-tag{display:block;font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--orange);margin-bottom:12px}.archie-guide .guide-title{font-family:inherit;font-weight:500;font-size:52px;line-height:1.04;letter-spacing:-1.8px;margin:0 0 18px;max-width:820px;color:var(--ink)}.archie-guide .guide-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--ink-soft)}.archie-guide .guide-meta strong{color:var(--ink)}.archie-guide .guide-stars{color:var(--star);letter-spacing:1px}.archie-guide .guide-layout{max-width:1140px;margin:0 auto;padding:48px 24px 64px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:64px;align-items:start}.archie-guide .guide-article{max-width:720px;min-width:0}.archie-guide .guide-toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin-bottom:36px}.archie-guide .guide-toc summary{cursor:pointer;font-weight:700;font-size:14px;letter-spacing:1px;text-transform:uppercase;list-style:none;display:flex;justify-content:space-between}.archie-guide .guide-toc summary::-webkit-details-marker{display:none}.archie-guide .guide-toc summary:after{content:"+";color:var(--orange);font-size:18px;line-height:1}.archie-guide .guide-toc[open] summary:after{content:"\2212"}.archie-guide .guide-toc ol{margin:14px 0 0;padding-left:20px;display:grid;gap:8px}.archie-guide .guide-toc li::marker{color:var(--orange);font-weight:700}.archie-guide .guide-toc a{color:var(--ink);text-decoration:none;font-size:15px}.archie-guide .guide-toc a:hover{color:var(--orange)}.archie-guide .guide-content{font-size:16.5px;line-height:1.75;color:var(--ink-soft)}.archie-guide .guide-content>*:first-child{margin-top:0}.archie-guide .guide-content p{margin:0 0 18px}.archie-guide .guide-content p:empty{display:none}.archie-guide .guide-content strong{color:var(--ink)}.archie-guide .guide-content a{color:var(--orange);font-weight:600;text-decoration:underline;text-underline-offset:3px}.archie-guide .guide-content h2{font-family:inherit;font-weight:500;font-size:31px;line-height:1.15;letter-spacing:-.8px;color:var(--ink);margin:52px 0 18px;scroll-margin-top:110px}.archie-guide .guide-content h2:empty{display:none}.archie-guide .guide-content h3{font-family:inherit;font-weight:700;font-size:19px;color:var(--ink);margin:30px 0 10px}.archie-guide .guide-content ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.archie-guide .guide-content ul li{position:relative;padding-left:32px}.archie-guide .guide-content ul li:before{content:"\2713";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:50%;background:var(--orange-pale);color:var(--orange);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.archie-guide .guide-content ol{padding:0;margin:0 0 22px;list-style:none;counter-reset:step;display:grid;gap:12px}.archie-guide .guide-content ol li{counter-increment:step;position:relative;padding:16px 18px 16px 62px;background:#fff;border:1px solid var(--line);border-radius:14px}.archie-guide .guide-content ol li:before{content:counter(step);position:absolute;left:16px;top:14px;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}.archie-guide .guide-content table{width:100%;border-collapse:separate;border-spacing:0;margin:6px 0 26px;font-size:15px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:block;overflow-x:auto}.archie-guide .guide-content thead th{background:var(--ink);color:#fff;text-align:left;font-weight:600;padding:13px 16px;white-space:nowrap}.archie-guide .guide-content td{padding:12px 16px;border-top:1px solid var(--line);color:var(--ink);vertical-align:top}.archie-guide .guide-content tbody tr:nth-child(2n) td{background:#fbf7f0}.archie-guide .guide-content td:first-child{font-weight:600}.archie-guide .guide-content blockquote{margin:30px 0;padding:22px 24px;background:var(--orange-pale);border-radius:16px;border:0;color:var(--ink);font-style:normal}.archie-guide .guide-content blockquote p:last-child{margin-bottom:0}.archie-guide .guide-content a.button,.archie-guide .guide-content .button{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;padding:15px 28px;border-radius:100px;border:0;box-shadow:0 4px 16px #1a18142e;min-height:0}.archie-guide .guide-content a.button:hover{transform:translateY(-1px)}.archie-guide .guide-content .button:before,.archie-guide .guide-content .button:after{display:none!important;content:none!important}.archie-guide .guide-content details{border-bottom:1px solid var(--line);padding:4px 0}.archie-guide .guide-content details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:16px 0;font-weight:600;font-size:17px;color:var(--ink)}.archie-guide .guide-content details summary::-webkit-details-marker{display:none}.archie-guide .guide-content details summary:after{content:"+";color:var(--orange);font-size:22px;line-height:1;flex-shrink:0}.archie-guide .guide-content details[open] summary:after{content:"\2212"}.archie-guide .guide-content details>p{margin:0 0 16px}.archie-guide .guide-aside{position:sticky;top:110px}.archie-guide .guide-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #00000012}.archie-guide .guide-card-img{display:block;background:var(--bg);aspect-ratio:1/1}.archie-guide .guide-card-img img{width:100%;height:100%;object-fit:cover;display:block}.archie-guide .guide-card-body{padding:20px 22px 22px}.archie-guide .guide-card-stars{color:var(--star);font-size:14px;letter-spacing:1px}.archie-guide .guide-card-stars strong{color:var(--ink);letter-spacing:0;margin-left:4px}.archie-guide .guide-card-name{font-weight:700;font-size:18px;margin:6px 0 4px;color:var(--ink)}.archie-guide .guide-card-price{font-weight:700;font-size:20px;margin:0 0 14px;color:var(--ink)}.archie-guide .guide-card-price span{font-weight:500;font-size:13px;color:var(--orange)}.archie-guide .guide-card-list{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px;font-size:14px;color:var(--ink-soft)}.archie-guide .guide-card-list li:before{content:"\2713  ";color:var(--ok);font-weight:700}.archie-guide .guide-card-btn{display:flex;justify-content:center;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:15px;padding:15px;border-radius:100px}.archie-guide .guide-card-btn:hover{background:#000}.archie-guide .guide-card-trust{font-size:12.5px;color:var(--ink-soft);text-align:center;margin:12px 0 0}@media(max-width:989px){.archie-guide .guide-layout{grid-template-columns:minmax(0,1fr);gap:36px;padding:32px 18px 48px}.archie-guide .guide-article{max-width:none}.archie-guide .guide-aside{position:static}.archie-guide .guide-card{display:grid;grid-template-columns:130px 1fr}.archie-guide .guide-card-img{aspect-ratio:auto}.archie-guide .guide-card-list{display:none}}@media(max-width:560px){.archie-guide .guide-hero{padding:24px 18px 30px}.archie-guide .guide-breadcrumb{margin-bottom:14px}.archie-guide .guide-title{font-size:34px;letter-spacing:-1px}.archie-guide .guide-content{font-size:16px;line-height:1.7}.archie-guide .guide-content h2{font-size:25px;margin-top:40px}.archie-guide .guide-content ol li{padding:14px 14px 14px 56px}.archie-guide .guide-content ol li:before{left:12px}.archie-guide .guide-card{grid-template-columns:1fr}.archie-guide .guide-card-img{aspect-ratio:16/9}.archie-guide .guide-content table{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/archie-guide.css.map */