:root{--ink:#18251f;--muted:#68766e;--green:#176b52;--lime:#d9f17a;--paper:#f5f7f2;--white:#fff;--line:#e4e9e2;--shadow:0 18px 55px #19392b12}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;line-height:1.6}a{color:inherit}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.top{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9ede7}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:19px;font-weight:850}.brandmark{width:34px;height:34px;border-radius:12px;background:var(--green);display:grid;place-items:center;color:var(--lime);font-size:21px}.toplinks{display:flex;gap:24px;align-items:center;color:#536158;font-size:14px}.toplinks a{text-decoration:none}.toplinks a:hover,.crumb a:hover{color:var(--green)}.pill{background:var(--ink);color:white;border-radius:999px;padding:9px 15px;text-decoration:none;font-weight:700}.hero{padding:62px 0 35px;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center}.eyebrow{color:var(--green);font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(43px,6vw,67px);line-height:1.08;letter-spacing:-.065em;margin:15px 0}.hero h1 span{color:var(--green)}.hero p{color:#657269;font-size:16px;margin:0 0 21px}.search{display:flex;gap:8px;background:white;border:1px solid var(--line);padding:7px;border-radius:15px;box-shadow:0 8px 24px #102b1a0b}.search input{flex:1;min-width:0;border:0;outline:0;padding:10px}.search button,.selectall{border:0;background:var(--green);color:white;border-radius:11px;padding:10px 16px;font-weight:750}.heroart{background:#e8efdf;border-radius:28px;padding:22px;min-height:260px;display:grid;place-items:center;position:relative;overflow:hidden}.heroart img{width:min(100%,390px);height:auto;position:relative;z-index:1}.orb{position:absolute;background:var(--lime);width:150px;height:150px;border-radius:50%;right:-30px;top:-40px}.platforms{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 42px}.platform{border:1px solid #dfe6dc;background:transparent;border-radius:12px;padding:11px 16px;color:#66736a;font-weight:750}.platform.active{background:var(--ink);border-color:var(--ink);color:white}.platform:hover:not(.active){border-color:var(--green);color:var(--green)}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin:0 0 16px}.sectionhead h2{font-size:27px;letter-spacing:-1px;margin:0}.sectionhead p{font-size:13px;color:var(--muted);margin:5px 0 0}.pages{font-size:12px;color:#849087}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.card{background:white;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none;min-height:173px;transition:.18s;display:flex;flex-direction:column}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#cbd9c9}.cardicon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:13px}.card h3{font-size:15px;line-height:1.4;margin:0 0 5px;letter-spacing:-.3px}.card p{font-size:12px;color:var(--muted);margin:0}.cardfoot{display:flex;justify-content:space-between;margin-top:auto;padding-top:13px;font-size:10px;color:#8d988f}.pagination{display:flex;justify-content:center;gap:8px;margin:24px 0}.pagination button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:10px;padding:9px 14px;font-weight:700}.pagination button.active{background:var(--green);color:white;border-color:var(--green)}.empty{background:white;border:1px solid var(--line);border-radius:16px;text-align:center;padding:30px;color:var(--muted);grid-column:1/-1}.band{margin:48px 0;border-radius:24px;background:#e8eee2;padding:25px 28px;display:flex;gap:30px;align-items:center;justify-content:space-between}.band h2{font-size:23px;line-height:1.3;margin:0 0 5px}.band p{font-size:13px;color:var(--muted);margin:0}.band a{white-space:nowrap;color:var(--green);font-size:13px;font-weight:800}.footer{border-top:1px solid var(--line);padding:23px 0 32px;color:#849087;font-size:11px;display:flex;justify-content:space-between;gap:14px}.adslot{border:1px dashed #cbd5c8;background:#f0f3ed;border-radius:14px;color:#819087;display:grid;place-items:center;text-align:center;min-height:90px;margin:16px auto 30px;font-size:11px;letter-spacing:.03em}.adslot b{display:block;color:#718076;font-size:12px;margin-bottom:3px}.detailhead{padding:22px 0 12px}.crumb{font-size:12px;color:#839087}.crumb a{text-decoration:none}.detailhero{background:#e8efdf;border-radius:22px;padding:24px;display:grid;grid-template-columns:1fr 280px;gap:22px;align-items:center}.detailhero h1{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-1.3px;margin:9px 0}.detailhero p{color:#657269;font-size:14px;margin:0}.detailhero img{width:100%;height:auto;border-radius:15px}.detailgrid{display:grid;grid-template-columns:minmax(0,720px) minmax(220px,300px);gap:28px;align-items:start;justify-content:center;margin-top:25px}.article{background:white;border:1px solid var(--line);border-radius:20px;padding:27px}.article h2{font-size:23px;letter-spacing:-.6px;margin:0 0 9px}.warning{background:#fff2df;border:1px solid #f3dfc3;border-radius:13px;padding:13px 15px;color:#745d3d;font-size:12px;margin:18px 0}.warning b{display:block;color:#5d472c}.step{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--line)}.num{width:28px;height:28px;border-radius:10px;background:#e3efcf;color:var(--green);font-weight:800;display:grid;place-items:center}.step b{font-size:14px}.step p{font-size:13px;color:#68766e;margin:4px 0 0}.osnote{background:#eff4eb;border-radius:13px;padding:13px 15px;margin-top:16px;font-size:12px;color:#536158}.osnote b{display:block;color:var(--green);margin-bottom:3px}.asidead{min-height:280px;position:sticky;top:20px;margin-top:0}.related{margin-top:25px}.related h2{font-size:20px}.related a{display:block;padding:12px 14px;margin:8px 0;background:#f0f4ed;border-radius:11px;text-decoration:none;font-size:13px}.related a:hover{color:var(--green)}.notice{margin:25px 0;padding:15px;background:#e9efe6;border-radius:14px;font-size:12px;color:#647067}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:40px 0 24px}.heroart{min-height:210px}.cards{grid-template-columns:repeat(2,1fr)}.detailhero{grid-template-columns:1fr 220px}.detailgrid{grid-template-columns:1fr}.asidead{position:static;min-height:100px;grid-row:1}.article{grid-row:2}}@media(max-width:520px){.wrap{width:calc(100% - 28px)}.top{height:64px}.toplinks a:not(.pill){display:none}.hero{padding-top:32px}.hero h1{font-size:43px}.heroart{min-height:180px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:32px}.platform{padding:10px 7px}.sectionhead h2{font-size:22px}.cards{grid-template-columns:1fr 1fr;gap:8px}.card{padding:13px;min-height:174px;border-radius:15px}.card h3{font-size:13px}.card p{font-size:11px}.cardicon{width:36px;height:36px}.cardfoot{font-size:9px}.band{display:block;padding:20px;margin:32px 0}.band a{display:inline-block;margin-top:14px}.footer{display:block}.footer span{display:block;margin:6px 0}.detailhero{grid-template-columns:1fr;padding:18px}.detailhero img{max-width:320px;margin:auto}.detailhero h1{font-size:29px}.article{padding:21px 17px}.article h2{font-size:21px}.asidead{min-height:90px}}