.how-page__header{max-width:var(--site-max-width);margin:var(--space-3xl) auto 0;padding:0 var(--site-padding-x) var(--space-3xl)}@media(min-width:768px){.how-page__header{margin-top:160px}}.how-page__situations-wrap{max-width:var(--site-max-width);margin:0 auto;padding:0 var(--site-padding-x)}.how-page .situations-panel{background-color:#f8fafc;border-radius:var(--radius-sm);padding:0 var(--space-xl)}@media(prefers-color-scheme:dark){.how-page .situations-panel{background-color:color-mix(in srgb,var(--color-primary) 4%,transparent)}}.how-page .situation{padding:var(--space-3xl) 0}.how-page .situation__divider{display:block;width:100%;max-width:260px;height:0;border:none;border-top:1px solid color-mix(in srgb,var(--color-border) 20%,transparent);margin:0 auto}.how-page .situation__inner,.how-page .how-block__inner{display:grid;grid-template-columns:1fr;gap:var(--space-md);min-width:0}.how-page .situation__heading,.how-page .situation__content,.how-page .how-block__heading,.how-page .how-block__content{min-width:0;max-width:100%}@media(min-width:768px){.how-page .situation__inner,.how-page .how-block__inner{grid-template-columns:40% 55%;justify-content:space-between;gap:var(--space-lg)}}.how-page .situation__heading{margin:0;font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--color-primary)}.how-page .situation__body{margin:0;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-primary)}.how-page .situation__link{display:inline-block;margin-top:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}.how-page .situation__link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.how-page__block-wrap{max-width:var(--site-max-width);margin:0 auto;padding:0 var(--site-padding-x)}.how-page .how-block{padding:var(--space-3xl) 0}.how-page .how-block-panel{background-color:#f8fafc;border-radius:var(--radius-sm);padding:0 var(--space-xl)}@media(prefers-color-scheme:dark){.how-page .how-block-panel{background-color:color-mix(in srgb,var(--color-primary) 4%,transparent)}}.how-page .how-block-panel .how-block{padding:var(--space-3xl) 0}.how-page .how-block__heading{margin:0;font-family:var(--font-heading);font-size:var(--text-h3);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--color-primary)}.how-page .how-block__body,.how-page .situation__body{overflow-wrap:anywhere}.how-page .how-block__body{margin:0;font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-primary)}.how-page .how-block__link{display:inline-flex;align-items:center;flex-wrap:wrap;max-width:100%;margin-top:var(--space-md);font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .2s ease,text-decoration-color .2s ease}.how-page .how-block__link:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.how-page .how-block__articles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-lg)}.how-page .how-block__article{display:flex;flex-direction:column;gap:var(--space-xs)}.how-page .how-block .link-arrow{width:12px;height:12px;flex-shrink:0}.how-page .how-block__article-title{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.2em;max-width:100%;font-family:var(--font-heading);font-size:var(--text-h4);font-weight:var(--weight-normal);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);color:var(--color-primary);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease}.how-page .how-block__article-title:hover{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--color-accent)}.how-page .how-block__article-desc{margin:0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-normal);line-height:var(--leading-body);color:var(--color-secondary)}@media(max-width:767px){.how-page .how-block-panel{padding-left:var(--site-padding-x);padding-right:var(--site-padding-x)}.how-page .situation__heading,.how-page .how-block__heading{overflow-wrap:anywhere}.how-page .how-block__link,.how-page .how-block__article-title{align-items:center}}
