.cc-body{margin-inline:calc(50% - 50vw);max-width:100vw;width:100vw;--paper:#f4f1ea;--bg:#fbfaf6;--ink:#16181d;--ink-2:#4b4e58;--muted:#6b7280;--line:#e8e4da;--line-2:#dcd7cb;--brand:#1b5e45;--accent:#1f7a52;--accent-press:#185f40;--accent-soft:#e7f0ea;--gold-star:#e0a52b;--maxw:1180px;--r:16px;--shadow-sm:0 1px 2px rgba(20,18,14,.05);--shadow:0 1px 2px rgba(20,18,14,.05),0 14px 34px -22px rgba(20,18,14,.34);background:var(--bg);color:var(--ink);font-family:Archivo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.cc-wrap{margin-inline:auto;max-width:var(--maxw);padding-inline:clamp(16px,4vw,40px)}.cc-body .kicker{color:var(--brand);display:inline-block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cc-body .cat-quick{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);margin-top:26px;padding:24px 26px}.cc-body .cat-quick .qhead{align-items:center;display:flex;gap:11px;margin-bottom:6px}.cc-body .cat-quick .qhead .ic{background:var(--accent-soft);border-radius:9px;color:var(--brand);display:grid;flex-shrink:0;height:34px;place-items:center;width:34px}.cc-body .cat-quick .qhead h2{font-family:"Source Serif 4",serif;font-size:18px;font-weight:600;letter-spacing:-.01em;margin:0}.cc-body .cat-quick>p{color:var(--ink-2);font-size:14.5px;line-height:1.6;margin:12px 0 0}.cc-body .cat-quick>p b{color:var(--ink);font-weight:700}.cc-body .cat-quick .qtop{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:18px}.cc-body .qpick{align-items:center;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:inherit;display:flex;gap:12px;padding:13px 14px;text-decoration:none;transition:border-color .15s,transform .15s}.cc-body .qpick:hover{border-color:var(--line-2);transform:translateY(-1px)}.cc-body .qpick .rank{color:var(--muted);flex-shrink:0;font-family:"Source Serif 4",serif;font-size:16px;font-weight:600}.cc-body .qpick .qlogo{background:var(--paper);border:1px solid var(--line);border-radius:9px;box-sizing:border-box;display:grid;flex-shrink:0;height:40px;overflow:hidden;padding:5px;place-items:center;width:40px}.cc-body .qpick .qlogo--text{background:var(--brand);border-color:transparent;color:#fff;font-size:11px;font-weight:800;padding:0}.cc-body .qpick .qlogo img{display:block;height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:auto}.cc-body .qpick .qm{flex:1;min-width:0}.cc-body .qpick .qn{font-size:13.5px;font-weight:700;line-height:1.1}.cc-body .qpick .qs{color:var(--brand);font-size:11.5px;font-weight:700;margin-top:2px}.cc-body .qpick .qs .st{color:var(--gold-star)}.cc-body .cat-sec{border-top:1px solid var(--line);padding:46px 0}.cc-body .cat-sec:first-child{border-top:0}.cc-body .cat-sec .kicker{margin-bottom:13px}.cc-body .cat-sec h2{font-family:"Source Serif 4",serif;font-size:28px;font-weight:600;letter-spacing:-.022em;line-height:1.12;margin:0}.cc-body .cat-prose{margin-top:16px;max-width:72ch}.cc-body .cat-prose p{color:var(--ink-2);font-size:15.5px;line-height:1.72;margin:0 0 15px}.cc-body .cat-prose p:last-child{margin-bottom:0}.cc-body .cat-prose strong{color:var(--ink);font-weight:700}.cc-body .cat-prose a{color:var(--brand);font-weight:600;text-decoration:underline}.cc-body .cat-prose.wide{max-width:none}.cc-body .cat-criteria{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:26px}.cc-body .crit{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:22px 24px}.cc-body .crit .ic{background:var(--accent-soft);border-radius:11px;color:var(--brand);display:grid;height:42px;place-items:center;width:42px}.cc-body .crit h3{font-size:16px;font-weight:700;margin:15px 0 0}.cc-body .crit p{color:var(--ink-2);font-size:13.5px;line-height:1.55;margin:8px 0 0}.cc-body .cat-steps{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-top:26px}.cc-body .cstep{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:22px 22px 24px;position:relative}.cc-body .cstep .num{background:var(--ink);border-radius:50%;color:#fff;display:grid;font-size:14px;font-weight:800;height:32px;place-items:center;width:32px}.cc-body .cstep h3{font-size:15px;font-weight:700;margin:15px 0 0}.cc-body .cstep p{color:var(--ink-2);font-size:13px;line-height:1.5;margin:7px 0 0}.cc-body .cat-pc{display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:26px}.cc-body .cat-pc .col{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:24px 26px}.cc-body .cat-pc h3{align-items:center;display:flex;font-family:"Source Serif 4",serif;font-size:17px;font-weight:600;gap:9px;margin:0 0 16px}.cc-body .cat-pc .pros h3{color:var(--brand)}.cc-body .cat-pc .cons h3{color:#b4472c}.cc-body .cat-pc ul{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.cc-body .cat-pc li{color:var(--ink-2);display:flex;font-size:14px;gap:11px;line-height:1.5}.cc-body .cat-pc li .mk{border-radius:50%;display:grid;flex-shrink:0;height:20px;margin-top:1px;place-items:center;width:20px}.cc-body .cat-pc .pros li .mk{background:var(--accent-soft);color:var(--brand)}.cc-body .cat-pc .cons li .mk{background:#f7e4de;color:#b4472c}.cc-body .cat-cmp{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);margin-top:24px;overflow:hidden;overflow-x:auto}.cc-body .cat-cmp table{border-collapse:collapse;min-width:560px;width:100%}.cc-body .cat-cmp td,.cc-body .cat-cmp th{border-bottom:1px solid var(--line);font-size:14px;padding:15px 20px;text-align:left}.cc-body .cat-cmp thead th{background:var(--bg);color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.cc-body .cat-cmp tbody tr:last-child td{border-bottom:0}.cc-body .cat-cmp td:first-child{font-weight:700}.cc-body .cat-cmp td.hl{color:var(--brand);font-weight:700}.cc-body .cat-faq{margin-top:20px;max-width:none}.cc-body .cat-faq details{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.cc-body .cat-faq summary{align-items:center;cursor:pointer;display:flex;font-size:15.5px;font-weight:700;gap:18px;justify-content:space-between;list-style:none;padding:18px 22px}.cc-body .cat-faq summary::-webkit-details-marker{display:none}.cc-body .cat-faq .pm{flex-shrink:0;height:20px;position:relative;width:20px}.cc-body .cat-faq .pm:after,.cc-body .cat-faq .pm:before{background:var(--ink-2);border-radius:2px;content:"";position:absolute}.cc-body .cat-faq .pm:before{height:2px;left:2px;top:9px;width:16px}.cc-body .cat-faq .pm:after{height:16px;left:9px;top:2px;transition:transform .2s;width:2px}.cc-body .cat-faq details[open] .pm:after{opacity:0;transform:rotate(90deg)}.cc-body .cat-faq .ans{color:var(--ink-2);font-size:14.5px;line-height:1.65;padding:0 22px 20px}.cc-body .cat-faq .ans p{margin:0}.cc-body .cat-faq .ans a{color:var(--brand);font-weight:600;text-decoration:underline}.cc-body .cat-related{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:26px}.cc-body .rcat{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-sm);color:inherit;display:flex;gap:13px;padding:16px 18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.cc-body .rcat:hover{border-color:var(--line-2);box-shadow:var(--shadow);transform:translateY(-2px)}.cc-body .rcat .ic{background:var(--accent-soft);border-radius:10px;color:var(--brand);display:grid;flex-shrink:0;height:40px;place-items:center;width:40px}.cc-body .rcat .rt{min-width:0}.cc-body .rcat .rt b{display:block;font-size:14px;font-weight:700;line-height:1.2}.cc-body .rcat .rt span{color:var(--ink-2);font-size:12px}.cc-body .rcat .go{color:var(--muted);flex-shrink:0;margin-left:auto}@media(max-width:860px){.cc-body .cat-criteria,.cc-body .cat-quick .qtop{grid-template-columns:1fr}.cc-body .cat-steps{grid-template-columns:1fr 1fr}.cc-body .cat-pc,.cc-body .cat-related{grid-template-columns:1fr}.cc-body .cat-sec h2{font-size:24px}}@media(max-width:560px){.cc-body .cat-steps{grid-template-columns:1fr}}