:root{--skill-primary: hsl(42, 64%, 55%);
--skill-secondary: hsl(151, 51%, 55%);
--skill-bg: var(--content-page-bg, #f5f7fb);
--skill-surface: var(--content-surface-bg, #ffffff);
--skill-text: var(--content-text, #1f2328);
--skill-text-muted: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--skill-accent: var(--content-accent-text, hsl(22, 78%, 38%));
--skill-border: var(--content-border, rgba(0, 0, 0, 0.08));
--max-width: 1604px;
--reading-width: 900px;
--hero-content-width: 717px;
--index-accent-gradient: linear-gradient(135deg, hsl(42, 64%, 55%) 0%, hsl(22, 78%, 38%) 100%);
--index-surface-shadow: 0 12px 40px rgba(0, 0, 0, 0.06);
--index-hero-width: 717px;
--index-max-width: 1604px;
--content-page-bg: hsl(220, 7%, 96%);
--content-surface-bg: #ffffff;
--content-text: hsl(220, 10%, 11%);
--content-heading: hsl(220, 10%, 11%);
--content-text-muted: var(--page-muted-color, var(--content-text-muted, rgba(31, 35, 40, 0.72)));
--content-border: rgba(0, 0, 0, 0.08);
--content-accent-ui: hsl(22, 78%, 38%);
--content-accent-text: var(--page-link-color, var(--content-link-color, hsl(22, 78%, 28%)));
--content-link-color: hsl(22, 78%, 28%);
--content-link-hover: hsl(22, 78%, 28%);
--page-text-color: var(--content-text, hsl(220, 10%, 11%));
--page-heading-color: var(--content-heading, var(--content-text, hsl(220, 10%, 11%)));
--page-link-color: var(--content-link-color, var(--content-accent-text, hsl(22, 78%, 28%)));
--page-link-hover-color: var(--content-link-hover, hsl(22, 78%, 28%));
--page-muted-color: var(--content-text-muted, rgba(31, 35, 40, 0.72));
--page-accent-soft: rgba(172, 76, 21, 0.12);
--page-accent-glow: rgba(172, 76, 21, 0.42);
--primary-accent: var(--content-accent-ui, var(--primary-color, hsl(22, 78%, 38%)));
--secondary-accent: var(--secondary-color, hsl(22, 78%, 38%));}
main.q1obqdai{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
line-height: 1.6;
color: var(--skill-text);
background-color: var(--skill-bg);
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: flex-start;}
main.q1obqdai > div{width: 100%;
display: flex;
justify-content: flex-start;
padding: 80px 5%;
box-sizing: border-box;}
main.q1obqdai .i5ff059_8ki0{width: 100%;
max-width: var(--reading-width);
margin-left: 0;
text-align: left;}
main.q1obqdai .awo15ekmyc{background: linear-gradient(135deg, #ffffff 0%, var(--skill-bg) 100%);
padding-top: 120px;
padding-bottom: 100px;
border-bottom: 1px solid var(--skill-border);
color: hsl(220, 10%, 11%);}
main.q1obqdai .td6fa998841{max-width: var(--hero-content-width);}
main.q1obqdai h1{font-size: clamp(2.5rem, 5vw, 3.5rem);
font-weight: 800;
color: var(--skill-text);
margin: 0 0 24px 0;
line-height: 1.1;
letter-spacing: -0.02em;}
main.q1obqdai .nki81iracbbo{font-size: 1.25rem;
color: var(--skill-text-muted);
margin-bottom: 40px;
max-width: 600px;}
main.q1obqdai .zed8f__8ca7{display: inline-flex;
align-items: center;
padding: 16px 32px;
background-color: var(--skill-primary);
color: hsl(0, 18%, 24%);
text-decoration: none;
font-weight: 600;
border-radius: 8px;
transition: transform 0.2s, box-shadow 0.2s;
box-shadow: 0 4px 14px rgba(212, 167, 44, 0.4);}
main.q1obqdai .zed8f__8ca7:hover{transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(212, 167, 44, 0.6);}
main.q1obqdai .biisgk320gvk{display: grid;
grid-template-columns: 1fr;
gap: 40px;
margin-top: 60px;}
main.q1obqdai .c3f8429_crdt{background: var(--skill-surface);
border: 1px solid var(--skill-border);
border-radius: 16px;
padding: 40px;
display: flex;
flex-direction: column;
gap: 20px;
transition: border-color 0.3s;
color: hsl(220, 10%, 11%);}
main.q1obqdai .c3f8429_crdt:hover{border-color: var(--skill-primary);}
main.q1obqdai .c3f8429_crdt h2{font-size: 1.75rem;
margin: 0;
color: var(--skill-text);}
main.q1obqdai .roavx7v8yjoj{display: inline-block;
padding: 4px 12px;
background: rgba(151, 51, 55, 0.1);
color: hsl(151, 51%, 92%);
border-radius: 4px;
font-size: 0.875rem;
font-weight: 600;
width: fit-content;}
main.q1obqdai .wbf77d5_uhi6{background: #18212f;
color: #ffffff;
border-radius: 24px;
padding: 60px;
margin-top: 40px;}
main.q1obqdai .wbf77d5_uhi6 h2{color: #ffffff;
margin-top: 0;}
main.q1obqdai .sf335__15d{display: flex;
gap: 24px;
margin-bottom: 32px;}
main.q1obqdai .vf4d2ac{flex-shrink: 0;
width: 32px;
height: 32px;
background: var(--skill-primary);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
color: hsl(0, 18%, 24%);}
main.q1obqdai .qmx6w7hy1 h3{margin: 0 0 8px 0;
font-size: 1.25rem;}
main.q1obqdai .qmx6w7hy1 p{color: rgba(255, 255, 255, 0.7);
margin: 0;}
main.q1obqdai .l7fb6_15dc{margin: 60px 0;
border-radius: 16px;
overflow: hidden;
border: 1px solid var(--skill-border);}
main.q1obqdai .l7fb6_15dc img{width: 100%;
height: auto;
display: block;
aspect-ratio: 16 / 9;
object-fit: cover;}
main.q1obqdai .lac93_edfd{padding-bottom: 120px;}
main.q1obqdai .z52a6dd{border-bottom: 1px solid var(--skill-border);
padding: 24px 0;}
main.q1obqdai .q59c2_9947{font-weight: 700;
font-size: 1.15rem;
margin-bottom: 12px;
display: block;
color: var(--skill-text);}
main.q1obqdai .qe94128399{color: var(--skill-text-muted);}
main.q1obqdai .u2c794_dbdf{max-width: var(--reading-width);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;}
main.q1obqdai .a012__1245 h4{margin: 0 0 20px 0;
font-size: 1rem;}
main.q1obqdai .i8ddd6_fbdf{list-style: none;
padding: 0;
margin: 0;}
main.q1obqdai .i8ddd6_fbdf li{margin-bottom: 12px;}
main.q1obqdai .i8ddd6_fbdf a{color: var(--skill-text-muted);
text-decoration: none;
font-size: 0.9rem;}
main.q1obqdai .i8ddd6_fbdf a:hover{color: var(--skill-primary);}
main.q1obqdai .copyright{margin-top: 60px;
padding-top: 20px;
border-top: 1px solid var(--skill-border);
font-size: 0.875rem;
color: var(--skill-text-muted);}
@media (max-width: 768px) {main.q1obqdai > div{padding: 60px 20px;}
main.q1obqdai h1{font-size: 2.25rem;}
main.q1obqdai .wbf77d5_uhi6{padding: 30px;}}
html, body{margin: 0;
padding: 0;}
body *, body *::before, body *::after{box-sizing: border-box;}
main img.k3a3ef081{display: block;
max-width: 100%;
width: 100%;
height: auto;
object-fit: cover;
object-position: center;}
main img.k3a3ef081.u67915daf13{aspect-ratio: 16 / 9;}
main img.k3a3ef081.h7bb7e_2910{aspect-ratio: 16 / 10;}
main img.k3a3ef081.b03f__01cb{aspect-ratio: 4 / 3;}
main img.k3a3ef081.tf713f_f47c{aspect-ratio: 1 / 1;}
main :is(div, div, div, div, ul, ol, li, figure, picture, table, form, fieldset, pre, blockquote){box-sizing: border-box        !important;
min-width: 0;
max-width: 100%;}
main .se4229_c483{overflow: hidden;
box-sizing: border-box        !important;
max-width: 100%;
padding: 0        !important;
min-height: 0;}
main .se4229_c483.u67915daf13{aspect-ratio: 16 / 9;}
main .se4229_c483.h7bb7e_2910{aspect-ratio: 16 / 10;}
main .se4229_c483.b03f__01cb{aspect-ratio: 4 / 3;}
main .se4229_c483.tf713f_f47c{aspect-ratio: 1 / 1;}
main .se4229_c483 > img.k3a3ef081, main .se4229_c483 > picture > img.k3a3ef081{width: 100%;
max-width: 100%;
height: 100%;
object-fit: cover;
object-position: center;}
main [data-layout-collapse-single="1"]{display: block        !important;
grid-template-columns: minmax(0, 1fr)        !important;
flex-direction: column        !important;
align-items: stretch        !important;
justify-content: flex-start        !important;}
main [data-layout-collapse-single="1"] > *{width: 100%        !important;
max-width: 100%        !important;
margin-left: 0        !important;
margin-right: 0        !important;}
main [data-flow-list="1"]{margin: 1rem 0;
padding-left: 1.25rem;}
main [data-flow-list="1"] > li{margin-bottom: 0.65rem;}
:root{--primary-color: hsl(42, 64%, 55%);
--secondary-color: hsl(151, 51%, 55%);
--bg-color: hsl(42, 6%, 97%);
--text-color: hsl(42, 10%, 8%);
--text-muted: rgba(24,33,47,0.72);
--content-page-bg: hsl(42, 6%, 97%);
--content-surface-bg: rgba(255,255,255,0.88);
--content-text: hsl(42, 10%, 8%);
--content-text-muted: rgba(24,33,47,0.72);
--content-accent-ui: hsl(42, 64%, 55%);
--content-accent-text: hsl(0, 18%, 28%);
--content-link-color: hsl(0, 18%, 28%);
--content-link-hover: hsl(151, 51%, 28%);}
body{background: var(--bg-color, hsl(42, 6%, 97%))   !important;
color: var(--text-color, hsl(42, 10%, 8%))   !important;}
:is(main, .q189f2701){color: var(--content-text, hsl(42, 10%, 8%))   !important;}
div.i5ff059_8ki0.td6fa998841{text-align: left   !important;
align-items: flex-start   !important;}
div.i5ff059_8ki0.td6fa998841 > :is(h1, h2, p){text-align: left   !important;
max-width: min(100%, 717px)   !important;
margin-left: 0   !important;
margin-right: auto   !important;}
div.i5ff059_8ki0.td6fa998841 > :is(div, nav, ul, ol){margin-left: 0   !important;
margin-right: auto   !important;}
div.awo15ekmyc{--u742__c315: hsl(0, 18%, 28%);
--e474475acd7: rgba(84, 58, 58, 0.78);
--k7ad6c_072a: hsl(42, 64%, 28%);
--xee609b1a92: dark;}
div.awo15ekmyc div.i5ff059_8ki0.td6fa998841{--u742__c315: hsl(0, 18%, 28%);
--e474475acd7: rgba(84, 58, 58, 0.78);
--k7ad6c_072a: hsl(42, 64%, 28%);
--xee609b1a92: dark;
color: var(--u742__c315, hsl(0, 18%, 28%))   !important;}
div.awo15ekmyc div.i5ff059_8ki0.td6fa998841 :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--u742__c315, hsl(0, 18%, 28%))   !important;}
div.awo15ekmyc div.i5ff059_8ki0.td6fa998841 a:not([class]):not([data-track]):not([role="button"]), div.awo15ekmyc div.i5ff059_8ki0.td6fa998841 a[class=""]:not([data-track]):not([role="button"]){color: var(--k7ad6c_072a, hsl(42, 64%, 28%))   !important;}
div.awo15ekmyc div.i5ff059_8ki0.td6fa998841 :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--e474475acd7, rgba(84, 58, 58, 0.78))   !important;}
div.wbf77d5_uhi6{--u742__c315: hsl(45, 18%, 92%);
--e474475acd7: rgba(238, 236, 230, 0.84);
--k7ad6c_072a: hsl(42, 64%, 92%);
--xee609b1a92: light;}
div.wbf77d5_uhi6 div.qmx6w7hy1{--u742__c315: hsl(45, 18%, 92%);
--e474475acd7: rgba(238, 236, 230, 0.84);
--k7ad6c_072a: hsl(42, 64%, 92%);
--xee609b1a92: light;
color: var(--u742__c315, hsl(45, 18%, 92%))   !important;}
div.wbf77d5_uhi6 div.qmx6w7hy1 :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--u742__c315, hsl(45, 18%, 92%))   !important;}
div.wbf77d5_uhi6 div.qmx6w7hy1 a:not([class]):not([data-track]):not([role="button"]), div.wbf77d5_uhi6 div.qmx6w7hy1 a[class=""]:not([data-track]):not([role="button"]){color: var(--k7ad6c_072a, hsl(42, 64%, 92%))   !important;}
div.wbf77d5_uhi6 div.qmx6w7hy1 :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--e474475acd7, rgba(238, 236, 230, 0.84))   !important;}
div.i5ff059_8ki0{--u742__c315: hsl(42, 64%, 28%);
--e474475acd7: rgba(117, 89, 25, 0.78);
--k7ad6c_072a: hsl(42, 64%, 28%);
--xee609b1a92: dark;}
div.i5ff059_8ki0{--u742__c315: hsl(42, 64%, 28%);
--e474475acd7: rgba(117, 89, 25, 0.78);
--k7ad6c_072a: hsl(42, 64%, 28%);
--xee609b1a92: dark;
color: var(--u742__c315, hsl(42, 64%, 28%))   !important;}
div.i5ff059_8ki0 :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--u742__c315, hsl(42, 64%, 28%))   !important;}
div.i5ff059_8ki0 a:not([class]):not([data-track]):not([role="button"]), div.i5ff059_8ki0 a[class=""]:not([data-track]):not([role="button"]){color: var(--k7ad6c_072a, hsl(42, 64%, 28%))   !important;}
div.i5ff059_8ki0 :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--e474475acd7, rgba(117, 89, 25, 0.78))   !important;}
div.wbf77d5_uhi6{--u742__c315: hsl(42, 64%, 92%);
--e474475acd7: rgba(247, 239, 221, 0.84);
--k7ad6c_072a: hsl(42, 64%, 92%);
--xee609b1a92: light;}
div.wbf77d5_uhi6{--u742__c315: hsl(42, 64%, 92%);
--e474475acd7: rgba(247, 239, 221, 0.84);
--k7ad6c_072a: hsl(42, 64%, 92%);
--xee609b1a92: light;
color: var(--u742__c315, hsl(42, 64%, 92%))   !important;}
div.wbf77d5_uhi6 :is(h1, h2, h3, h4, h5, h6, strong, b, em){color: var(--u742__c315, hsl(42, 64%, 92%))   !important;}
div.wbf77d5_uhi6 a:not([class]):not([data-track]):not([role="button"]), div.wbf77d5_uhi6 a[class=""]:not([data-track]):not([role="button"]){color: var(--k7ad6c_072a, hsl(42, 64%, 92%))   !important;}
div.wbf77d5_uhi6 :is(p, li, small, blockquote, figcaption, dd, dt, label){color: var(--e474475acd7, rgba(247, 239, 221, 0.84))   !important;}
a.zed8f__8ca7{--j5c6fde010b: hsl(42, 65%, 18%);
color: var(--j5c6fde010b, hsl(42, 65%, 18%))   !important;}
a.zed8f__8ca7:is(:hover, :focus-visible, :active){color: var(--obdc69_23b0, hsl(42, 65%, 16%))   !important;}
main.q1obqdai a:not([class]):not([data-track]):not([role="button"]), main.q1obqdai a[class=""]:not([data-track]):not([role="button"]){color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));
text-decoration:underline;
text-decoration-color:currentColor;
text-decoration-thickness:1.5px;
text-underline-offset:.16em;
text-decoration-skip-ink:auto;}
main.q1obqdai a:not([class]):not([data-track]):not([role="button"]), main.q1obqdai a[class=""]:not([data-track]):not([role="button"]):visited{color:var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))));}
main.q1obqdai a:not([class]):not([data-track]):not([role="button"]), main.q1obqdai a[class=""]:not([data-track]):not([role="button"]):is(:hover,:focus-visible,:active){color:var(--page-link-hover-color, var(--content-link-hover, var(--page-link-color, var(--content-link-color, var(--content-accent-text, var(--primary-color, #2563eb))))));}
div.awo15ekmyc span.roavx7v8yjoj{color: hsl(151, 51%, 28%)   !important;}
div.biisgk320gvk > :nth-child(1){color: hsl(151, 51%, 28%)   !important;}
div.biisgk320gvk > :nth-child(2){color: hsl(151, 51%, 28%)   !important;}

/* sbv2-interactive-text-autofix-start */
  a.zed8f__8ca7 { --j5c6fde010b: hsl(42, 65%, 18%); color: var(--j5c6fde010b, hsl(42, 65%, 18%)) !important; }
  a.zed8f__8ca7:is(:hover, :focus-visible, :active) { color: var(--obdc69_23b0, hsl(42, 65%, 16%)) !important; }
/* sbv2-interactive-text-autofix-end */