:root{--how-to-primary: var(--primary-color, hsl(139, 78%, 58%));
--how-to-secondary: var(--secondary-color, hsl(232, 62%, 58%));
--how-to-bg: var(--content-page-bg, hsl(139, 7%, 96%));
--how-to-surface: var(--content-surface-bg, #ffffff);
--how-to-text: var(--content-text, hsl(139, 10%, 8%));
--how-to-text-muted: var(--content-text-muted, rgba(24, 33, 47, 0.72));
--how-to-border: var(--content-border, hsla(139, 10%, 8%, 0.1));
--how-to-radius: 22px;
--how-to-max-width: 1565px;
--how-to-content-width: 817px;
--content-page-bg: hsl(139, 7%, 96%);
--content-surface-bg: rgb(226, 244, 231);
--content-text: hsl(139, 10%, 8%);
--content-text-muted: rgba(26, 26, 46, 0.75);
--content-border: rgb(226, 244, 231);
--content-accent-text: #ffffff;
--brand-primary: hsl(139, 78%, 58%);
--brand-secondary: hsl(232, 62%, 58%);
--section-spacing: 120px;
--container-max: 1565px;
--text-max: 817px;
--radius-lg: 22px;
--page-max-width: 1565px;
--idx-max-width: 1565px;
--max-width: 1565px;
--page-reading-width: 970px;
--reading-width: 970px;
--content-width: 970px;
--text-column-width: 970px;
--text-width: 975px;
--page-hero-reading-width: 817px;
--hero-text-width: 817px;
--hero-text-max: 817px;
--hero-text-max-width: 817px;
--transition: all 0.25s ease;
--site-page-frame-mode: contained;
--site-hero-layout-family: editorial_band;
--site-breakout-mode: controlled;
--site-frame-width-policy: page;
--site-surface-density: balanced;
--page-card-radius: 22px;
--page-card-shadow: 0 20px 48px rgb(226, 244, 231);
--page-card-border: rgb(226, 244, 231);
--page-card-bg: rgb(226, 244, 231);
--content-heading: hsl(139, 10%, 8%);
--content-accent-ui: hsl(139, 78%, 58%);
--content-link-color: #ffffff;
--content-link-hover: hsl(232, 62%, 58%);}
main.s4cbf6df.q87f58_fb7{background-color: var(--how-to-bg);
color: var(--how-to-text);
font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
line-height: 1.6;
overflow-x: hidden;}
main.s4cbf6df .x6ec8ea{max-width: var(--how-to-max-width);
margin: 0 auto;
padding: 80px 28px;}
main.s4cbf6df .xd9587_a453{padding-top: 120px;
padding-bottom: 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;}
main.s4cbf6df .xd9587_a453 h1{font-size: clamp(2.5rem, 5vw, 4rem);
font-weight: 800;
margin-bottom: 24px;
max-width: var(--how-to-content-width);
line-height: 1.1;
color: var(--how-to-text);}
main.s4cbf6df .xd9587_a453 p{font-size: 1.25rem;
color: var(--how-to-text-muted);
max-width: var(--how-to-content-width);
margin-bottom: 40px;}
main.s4cbf6df .qv7jxm5l534k{width: 100%;
border-radius: var(--how-to-radius);
overflow: hidden;
margin-top: 40px;
aspect-ratio: 21 / 9;
background: linear-gradient(135deg, var(--how-to-primary), var(--how-to-secondary));
color: hsl(220, 10%, 11%);}
main.s4cbf6df .vf1894__1f0ad{background: var(--how-to-surface);
border-radius: var(--how-to-radius);
padding: 60px;
margin-bottom: 80px;
border: 1px solid var(--how-to-border);
color: hsl(220, 10%, 11%);}
main.s4cbf6df .hf630d9_7d{font-size: 2rem;
font-weight: 700;
margin-bottom: 48px;
text-align: left;}
main.s4cbf6df .s723005_2d5e{display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
width: 100%;
max-width: 100%;}
main.s4cbf6df .xb41dca_fc{position: relative;
padding-left: 40px;}
main.s4cbf6df .s33peoag7{position: absolute;
left: 0;
top: 0;
font-size: 1.5rem;
font-weight: 800;
color: var(--how-to-primary);
opacity: 0.5;}
main.s4cbf6df .xb41dca_fc h3{font-size: 1.25rem;
margin-bottom: 16px;
color: var(--how-to-text);}
main.s4cbf6df .xb41dca_fc p{color: var(--how-to-text-muted);
font-size: 0.95rem;}
main.s4cbf6df .k53d916d14{margin-bottom: 80px;}
main.s4cbf6df .v391c7a_nx{overflow-x: auto;
border-radius: var(--how-to-radius);
border: 1px solid var(--how-to-border);
background: var(--how-to-surface);
color: hsl(220, 10%, 11%);}
main.s4cbf6df .ne7031kx{width: 100%;
border-collapse: collapse;
min-width: 800px;}
main.s4cbf6df .ne7031kx th, main.s4cbf6df .ne7031kx td{padding: 24px;
text-align: left;
border-bottom: 1px solid var(--how-to-border);}
main.s4cbf6df .ne7031kx th{background: rgba(0,0,0,0.02);
font-weight: 700;
color: hsl(220, 10%, 11%);}
main.s4cbf6df .ne7031kx tr:last-child td{border-bottom: none;}
main.s4cbf6df .x3874a123{max-width: 900px;
margin-bottom: 80px;}
main.s4cbf6df .pc24dc__c84{margin-bottom: 24px;
padding-bottom: 24px;
border-bottom: 1px solid var(--how-to-border);}
main.s4cbf6df .pc24dc__c84 h3{font-size: 1.1rem;
margin-bottom: 12px;
color: var(--how-to-text);}
main.s4cbf6df .pc24dc__c84 p{color: var(--how-to-text-muted);}
main.s4cbf6df .wcc17d9e_y05{background: linear-gradient(rgba(24,33,47,0.02), rgba(24,33,47,0.05));
border-radius: var(--how-to-radius);
padding: 80px 40px;
text-align: left;
color: #ffffff;}
main.s4cbf6df .b5e17e1e7a8{display: inline-flex;
align-items: center;
background-color: var(--how-to-primary);
color: hsl(0, 18%, 24%);
padding: 18px 36px;
border-radius: 12px;
font-weight: 700;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
margin-top: 24px;}
main.s4cbf6df .b5e17e1e7a8:hover{transform: translateY(-2px);
box-shadow: 0 15px 30px rgba(0,0,0,0.15);}
@media (max-width: 768px){main.s4cbf6df .xd9587_a453 h1{font-size: 2.5rem;}
main.s4cbf6df .vf1894__1f0ad{padding: 30px;}
main.s4cbf6df .s723005_2d5e{grid-template-columns: 1fr;}
main.s4cbf6df .v391c7a_nx{margin: 0 -28px;border-radius: 0;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
body{background: var(--content-page-bg, hsl(139, 7%, 96%));
color: var(--content-text, hsl(139, 10%, 8%));}
div.x6ec8ea.x3874a123 > :nth-child(2), div.x6ec8ea.x3874a123 > :nth-child(3), div.x6ec8ea.x3874a123 > :nth-child(4), div.x6ec8ea.x3874a123 > :nth-child(5), div.x6ec8ea.x3874a123 > :nth-child(6){position: relative   !important;
display: grid   !important;
gap: clamp(16px, 2vw, 20px)   !important;
padding: clamp(22px, 2.4vw, 28px)   !important;
margin: 0   !important;
border-radius: 22px   !important;
background: rgb(226, 244, 231)   !important;
border: 1px solid rgb(226, 244, 231)   !important;
box-shadow: 0 20px 48px rgb(226, 244, 231)   !important;
color: hsl(220, 10%, 11%);}
div.x6ec8ea.x3874a123 > :nth-child(2)::before, div.x6ec8ea.x3874a123 > :nth-child(3)::before, div.x6ec8ea.x3874a123 > :nth-child(4)::before, div.x6ec8ea.x3874a123 > :nth-child(5)::before, div.x6ec8ea.x3874a123 > :nth-child(6)::before{content: "";
position: absolute;
left: 0   !important;
top: 20px   !important;
bottom: 20px   !important;
width: 4px   !important;
border-radius: 999px   !important;
background: var(--content-accent-ui, var(--primary-color, #2563eb))   !important;
opacity: 0.68   !important;
color: hsl(220, 10%, 11%);}
div.x6ec8ea.x3874a123 > :nth-child(2) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(3) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(4) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(5) > :is(h3, h4, h5, p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(6) > :is(h3, h4, h5, p, ul, ol, dl, blockquote){margin: 0   !important;}
div.x6ec8ea.x3874a123 > :nth-child(2) > :is(h3, h4, h5), div.x6ec8ea.x3874a123 > :nth-child(3) > :is(h3, h4, h5), div.x6ec8ea.x3874a123 > :nth-child(4) > :is(h3, h4, h5), div.x6ec8ea.x3874a123 > :nth-child(5) > :is(h3, h4, h5), div.x6ec8ea.x3874a123 > :nth-child(6) > :is(h3, h4, h5){color: var(--content-text, #111827)   !important;}
div.x6ec8ea.x3874a123 > :nth-child(2) > :is(p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(3) > :is(p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(4) > :is(p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(5) > :is(p, ul, ol, dl, blockquote), div.x6ec8ea.x3874a123 > :nth-child(6) > :is(p, ul, ol, dl, blockquote){color: var(--content-text-muted, rgba(31, 35, 40, 0.74))   !important;}
@media (min-width: 1025px) {div.x6ec8ea.xd9587_a453{position: relative   !important;display: grid   !important;grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr)   !important;align-items: center   !important;gap: clamp(28px, 5vw, 76px)   !important;}
div.x6ec8ea.xd9587_a453 > *{min-width: 0   !important;}
div.x6ec8ea.xd9587_a453 > h1:nth-child(1), div.x6ec8ea.xd9587_a453 > p:nth-child(2){width: 100%   !important;max-width: min(100%, var(--page-hero-reading-width, var(--hero-text-width, 760px)))   !important;margin: 0   !important;grid-column: 1   !important;align-self: center   !important;justify-self: start   !important;z-index: 2   !important;}
div.qv7jxm5l534k{position: relative   !important;width: 100%   !important;max-width: 100%   !important;margin: 0   !important;justify-self: stretch   !important;grid-column: 2   !important;grid-row: 1 / span 2   !important;align-self: center   !important;height: auto   !important;min-height: 0   !important;overflow: hidden   !important;border-radius: clamp(22px, 2.6vw, 32px)   !important;box-shadow: 0 24px 60px rgba(15,23,42,0.14)   !important;}
div.qv7jxm5l534k :where(img, video), div.qv7jxm5l534k picture > img{display: block   !important;width: 100%   !important;max-width: 100%   !important;height: auto   !important;aspect-ratio: 16 / 10   !important;object-fit: cover   !important;object-position: center   !important;}}
@media (max-width: 1024px) {div.x6ec8ea.xd9587_a453{position: relative   !important;display: flex   !important;flex-direction: column   !important;align-items: stretch   !important;gap: 24px   !important;min-height: auto   !important;}
div.x6ec8ea.xd9587_a453 > h1:nth-child(1), div.x6ec8ea.xd9587_a453 > p:nth-child(2){width: 100%   !important;max-width: 100%   !important;margin: 0   !important;}
div.qv7jxm5l534k{width: 100%   !important;max-width: 100%   !important;margin-top: 12px   !important;}}
div.x6ec8ea.xd9587_a453{text-align: left   !important;
align-items: flex-start   !important;}
div.x6ec8ea.xd9587_a453 > :is(h1, h2, p){text-align: left   !important;
max-width: min(100%, var(--page-hero-reading-width, 817px))   !important;
margin-left: 0   !important;
margin-right: auto   !important;}
div.x6ec8ea.xd9587_a453 > :is(div, nav, ul, ol){margin-left: 0   !important;
margin-right: auto   !important;}