*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17202a;background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid #e9edf1;background:#fff;position:sticky;top:0;z-index:10}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:24px;font-weight:800;letter-spacing:-.04em}.nav nav{display:flex;gap:26px;font-size:14px;color:#52606d}.nav nav a:hover{color:#111}.hero{padding:92px 0 82px;background:linear-gradient(180deg,#f7f9fb 0%,#fff 100%)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#687582}.hero h1{font-size:clamp(44px,7vw,76px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 24px}.hero h1 span{color:#52606d}.lead{max-width:650px;font-size:19px;color:#596775;margin-bottom:34px}.search{display:flex;max-width:720px;border:1px solid #d8dee5;border-radius:14px;background:#fff;padding:6px;box-shadow:0 10px 35px rgba(20,35,50,.07)}.search input{flex:1;border:0;outline:0;padding:14px 16px;font-size:16px;min-width:0}.search button{border:0;border-radius:10px;padding:0 24px;font-weight:700;background:#17202a;color:#fff;cursor:pointer}.section{padding:68px 0}.section.muted{background:#f7f9fb}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section h2{font-size:28px;letter-spacing:-.03em;margin:0}.section-head>a{font-size:14px;font-weight:700;color:#596775}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #e2e7eb;border-radius:16px;padding:22px;background:#fff;transition:.15s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,35,50,.07)}.card .tag{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7a8792}.card h3{font-size:19px;line-height:1.3;margin:9px 0}.card p{font-size:14px;color:#667481;margin:0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category{padding:22px;border:1px solid #dfe5e9;border-radius:15px;background:#fff;font-weight:750}.category small{display:block;color:#74808b;font-weight:500;margin-top:4px}footer{border-top:1px solid #e9edf1;padding:46px 0 24px;color:#65717c}.footer-grid{display:flex;justify-content:space-between;gap:40px}.footer-grid>div:last-child{display:flex;gap:18px;flex-wrap:wrap}.footer-grid .logo{color:#17202a}.copyright{font-size:12px;border-top:1px solid #edf0f2;margin-top:35px;padding-top:18px}@media(max-width:800px){.nav nav{display:none}.grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.hero{padding:65px 0}.section{padding:48px 0}.footer-grid{flex-direction:column}.footer-grid>div:last-child{display:grid;grid-template-columns:1fr 1fr}}
.article{max-width:820px}.article-header{padding:70px 0 36px}.article-header h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px}.article-meta{font-size:13px;color:#74808b}.article-body{font-size:17px;color:#33404b}.article-body h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:48px 0 15px;color:#17202a}.article-body h3{font-size:21px;margin:30px 0 8px}.article-body p{margin:0 0 18px}.toc,.callout,.notice{border-radius:12px;padding:18px 20px;margin:28px 0}.toc{border:1px solid #e0e6eb;background:#f8fafb}.callout{border-left:4px solid #17202a;background:#f7f9fb}.notice{font-size:13px;color:#687582;background:#f7f9fb}.faq{border-top:1px solid #e5e9ed}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-email{font-size:13px}@media(max-width:800px){.article-body{font-size:16px}}

.article{max-width:820px}.article-header{padding:70px 0 36px}.article-header h1{font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px}.article-meta{font-size:13px;color:#74808b}.article-body{font-size:17px;color:#33404b}.article-body h2{font-size:29px;line-height:1.2;letter-spacing:-.03em;margin:48px 0 15px;color:#17202a}.article-body h3{font-size:21px;margin:30px 0 8px}.article-body p{margin:0 0 18px}.toc,.callout,.notice{border-radius:12px;padding:18px 20px;margin:28px 0}.toc{border:1px solid #e0e6eb;background:#f8fafb}.callout{border-left:4px solid #17202a;background:#f7f9fb}.notice{font-size:13px;color:#687582;background:#f7f9fb}.faq{border-top:1px solid #e5e9ed}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-email{font-size:13px}@media(max-width:800px){.article-body{font-size:16px}}