.ok-article{--bg:#f3fbf6;--card:#fff;--text:#0f172a;--sub:#475569;--line:#d7efe1;--accent:#1e7a5c;--accent2:#0b4a33;--accent3:#2fb889;--warn:#b45309;--shadow:0 18px 44px rgba(2,44,26,.1);--shadow2:0 10px 28px rgba(2,44,26,.08);--radius:18px;--max:980px;background:radial-gradient(1200px 520px at 20% 0%,rgba(47,184,137,.14),transparent 58%),radial-gradient(900px 420px at 95% 0%,rgba(30,122,92,.1),transparent 55%),linear-gradient(180deg,#fff,var(--bg));color:var(--text);line-height:1.95;font-size:16px}.ok-article .ok-wrap{max-width:var(--max);margin:0 auto;padding:22px 14px 44px}.ok-article a{color:var(--accent2);text-decoration:underline;text-decoration-color:rgba(30,122,92,.35);text-underline-offset:3px}.ok-article a:hover{text-decoration-color:rgba(30,122,92,.7)}.ok-article .ok-hero{background:radial-gradient(1200px 420px at 18% 10%,rgba(47,184,137,.18),transparent 60%),radial-gradient(1000px 380px at 90% 0%,rgba(30,122,92,.14),transparent 55%),linear-gradient(180deg,#fff,rgba(243,251,246,.55));border:1px solid rgba(30,122,92,.18);border-radius:calc(var(--radius) + 6px);box-shadow:var(--shadow);padding:22px 18px;margin:10px 0 18px;position:relative;overflow:hidden}.ok-article .ok-hero:after{content:"";position:absolute;inset:-2px;background:radial-gradient(520px 180px at 10% 10%,rgba(47,184,137,.25),transparent 60%);pointer-events:none;opacity:.55}.ok-article .ok-badge{display:inline-flex;gap:.5em;align-items:center;padding:7px 11px;border-radius:999px;border:1px solid rgba(30,122,92,.22);background:linear-gradient(180deg,rgba(30,122,92,.1),rgba(30,122,92,.05));color:var(--accent2);font-weight:800;font-size:12.5px;letter-spacing:.02em;backdrop-filter:saturate(1.2)}.ok-article .ok-hero h1{margin:10px 0 8px;font-size:24px;line-height:1.3;letter-spacing:.01em}.ok-article .ok-lead{margin:0;color:var(--sub)}.ok-article .ok-figure{margin:14px 0 18px;background:var(--card);border:1px solid rgba(30,122,92,.16);border-radius:calc(var(--radius) + 2px);overflow:hidden;box-shadow:var(--shadow2)}.ok-article .ok-figure img{width:100%;height:auto;display:block}.ok-article .ok-figcap{margin:0;padding:10px 12px;font-size:12.5px;color:var(--sub);border-top:1px solid rgba(30,122,92,.12);background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.01))}.ok-article .ok-card{background:linear-gradient(180deg,#fff,rgba(255,255,255,.96));border:1px solid rgba(30,122,92,.16);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow2);padding:18px 16px;margin:14px 0}.ok-article .ok-card h2{margin:0 0 10px;font-size:20px;line-height:1.35;position:relative;padding-left:12px}.ok-article .ok-card h2:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:4px;border-radius:999px;background:linear-gradient(180deg,var(--accent3),var(--accent))}.ok-article .ok-card h3{margin:14px 0 8px;font-size:17px;line-height:1.35}.ok-article .ok-card p{margin:0 0 10px}.ok-article .ok-card p:last-child{margin-bottom:0}.ok-article .ok-toc{background:linear-gradient(180deg,rgba(47,184,137,.1),rgba(47,184,137,.05));border:1px solid rgba(30,122,92,.18);border-radius:calc(var(--radius) + 2px);padding:14px}.ok-article .ok-toc .ok-toc-title{display:flex;align-items:center;gap:.55em;margin:0 0 10px;font-weight:900;color:var(--accent2)}.ok-article .ok-toc ol{margin:0;padding-left:18px}.ok-article .ok-toc li{margin:6px 0}.ok-article .ok-toc a{color:var(--accent2);text-decoration:none}.ok-article .ok-toc a:hover{text-decoration:underline}.ok-article .ok-ul,.ok-article .ok-ol{margin:8px 0 0;padding-left:18px}.ok-article .ok-ul li,.ok-article .ok-ol li{margin:6px 0}.ok-article .ok-note{border:1px solid rgba(30,122,92,.18);border-left:6px solid var(--accent);background:linear-gradient(180deg,rgba(30,122,92,.08),rgba(30,122,92,.04));padding:12px;border-radius:16px;margin:12px 0 0}.ok-article .ok-warn{border:1px solid rgba(180,83,9,.22);border-left:6px solid var(--warn);background:linear-gradient(180deg,rgba(180,83,9,.1),rgba(180,83,9,.06));padding:12px;border-radius:16px;margin:12px 0 0}.ok-article .ok-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.ok-article .ok-mini{background:linear-gradient(180deg,#fff,rgba(255,255,255,.96));border:1px solid rgba(30,122,92,.14);border-radius:18px;padding:12px;box-shadow:0 8px 22px rgba(2,44,26,.06)}.ok-article .ok-mini .t{font-weight:900;color:var(--accent2);margin-bottom:6px}.ok-article .ok-mini .d{color:var(--sub);font-size:14px;margin:0}.ok-article .ok-steps{counter-reset:step;margin:10px 0 0;padding:0;list-style:none}.ok-article .ok-steps li{display:flex;gap:10px;margin:10px 0;padding:12px;border:1px solid rgba(30,122,92,.14);border-radius:18px;background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.01))}.ok-article .ok-steps li:before{counter-increment:step;content:counter(step);display:inline-grid;place-items:center;min-width:36px;height:36px;border-radius:999px;background:linear-gradient(180deg,rgba(47,184,137,.2),rgba(30,122,92,.12));border:1px solid rgba(30,122,92,.25);color:var(--accent2);font-weight:900}.ok-article .ok-cta{background:radial-gradient(720px 240px at 15% 0%,rgba(47,184,137,.18),transparent 58%),linear-gradient(180deg,rgba(30,122,92,.1),rgba(30,122,92,.05));border:1px solid rgba(30,122,92,.22);border-radius:calc(var(--radius) + 6px);padding:18px 16px;box-shadow:var(--shadow2)}.ok-article .ok-cta h3{margin:0 0 8px;font-size:18px;letter-spacing:.01em}.ok-article .ok-cta .ok-cta-sub{margin:0 0 12px;color:var(--sub)}.ok-article .ok-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.ok-article .ok-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:11px 14px;border-radius:999px;border:1px solid rgba(11,74,51,.22);background:linear-gradient(180deg,#fff,rgba(255,255,255,.96));color:var(--accent2);font-weight:900;text-decoration:none;box-shadow:0 10px 22px rgba(2,44,26,.08)}.ok-article .ok-btn.primary{background:linear-gradient(180deg,var(--accent3),var(--accent));border-color:rgba(30,122,92,.6);color:#fff;box-shadow:0 16px 34px rgba(30,122,92,.22)}.ok-article .ok-btn:hover{filter:brightness(.99);transform:translateY(-1px);transition:.15s ease}.ok-article .ok-small{font-size:12.5px;color:var(--sub);margin-top:10px}.ok-article .ok-faq details{border:1px solid rgba(30,122,92,.16);border-radius:18px;background:linear-gradient(180deg,#fff,rgba(255,255,255,.97));margin:10px 0;box-shadow:0 10px 24px rgba(2,44,26,.06);overflow:hidden}.ok-article .ok-faq summary{cursor:pointer;font-weight:900;color:var(--accent2);list-style:none;position:relative;padding:12px 44px 12px 14px}.ok-article .ok-faq summary::-webkit-details-marker{display:none}.ok-article .ok-faq summary:after{content:"＋";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(30,122,92,.22);background:rgba(30,122,92,.08);color:var(--accent2);font-weight:900}.ok-article .ok-faq details[open] summary:after{content:"－"}.ok-article .ok-faq details>*:not(summary){padding:0 14px 14px}.ok-article .ok-faq p{margin:0;color:var(--sub)}.ok-article .ok-anchor{scroll-margin-top:90px}.ok-article .ok-kws{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none}.ok-article .ok-kw{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;border:1px solid rgba(30,122,92,.18);background:linear-gradient(180deg,rgba(30,122,92,.08),rgba(30,122,92,.04));color:var(--accent2);font-weight:800;font-size:12px;letter-spacing:.01em;user-select:none;cursor:default}@media (max-width:860px){.ok-article .ok-grid{grid-template-columns:1fr}.ok-article .ok-hero h1{font-size:22px}}.ok-article p+h2,.ok-article p+.ok-card h2{margin-top:1.6em!important}.ok-article h2{margin-top:1.6em;margin-bottom:.8em}.ok-article img{border-radius:16px}.ok-article .ok-figure{border-radius:18px}.ok-article .ok-figure img{border-radius:0}.ok-article .ok-faq details{border:1px solid rgba(30,122,92,.16);border-radius:18px;background:#fff;margin:10px 0;overflow:hidden}.ok-article .ok-faq summary{cursor:pointer;font-weight:900;color:var(--accent2);list-style:none;position:relative;padding:12px 44px 12px 14px}.ok-article .ok-faq summary::-webkit-details-marker{display:none}.ok-article .ok-faq summary:after{content:"＋";position:absolute;right:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(30,122,92,.22);background:rgba(30,122,92,.08);color:var(--accent2);font-weight:900}.ok-article .ok-faq details[open] summary:after{content:"－"}.ok-article .ok-faq details>*:not(summary){padding:0 14px 14px}.ok-article .ok-faq p{margin:0;color:var(--sub)}