section.problem-hub.svelte-1hjyk9v{padding:clamp(var(--spacing-2xl), 7vw, var(--spacing-3xl)) clamp(var(--spacing-lg), 3vw, var(--spacing-2xl));background-blend-mode:luminosity;flex-direction:column;display:flex;position:relative;overflow:hidden}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v){z-index:2;gap:10px;column-gap:var(--spacing-lg);display:flex;position:relative}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v) .label:where(.svelte-1hjyk9v){padding-top:var(--spacing-sm);font-size:var(--fs-label);color:var(--color-primary);grid-column:1/span 1;line-height:1.2}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v) h2:where(.svelte-1hjyk9v){flex-direction:column;grid-column:2/span 3;align-items:flex-start;gap:0;max-width:560px;margin:0;display:flex}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v) h2:where(.svelte-1hjyk9v) span:where(.svelte-1hjyk9v){margin-top:calc(var(--spacing-sm) * -1);color:var(--color-primary);white-space:nowrap}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v){column-gap:clamp(var(--spacing-lg), 3vw, var(--spacing-2xl));margin-top:var(--spacing-xl);grid-template-rows:repeat(9,minmax(0,1fr));grid-template-columns:minmax(0,1fr) minmax(340px,1.08fr) minmax(0,1fr);align-items:start;display:grid;position:relative}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p{z-index:2;overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,1.02vw,1.2rem);line-height:1.18;position:relative}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:first-of-type{grid-area:2/1/span 3}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(2){max-width:90%;padding-left:var(--spacing-xl);grid-area:6/1/span 4;font-size:clamp(.9rem,.78vw,1rem);line-height:1.45}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(3){grid-area:1/3/span 4}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4){--corner-size:var(--spacing-md);--corner-offset:calc(var(--corner-size) / -2);--rectangle-line:color-mix(in srgb, var(--color-border) 55%, transparent);padding:var(--spacing-lg);border:1px solid var(--rectangle-line);grid-area:6/3/span 4;position:relative}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4):before,section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4):after{content:"";z-index:1;top:var(--corner-offset);bottom:var(--corner-offset);width:var(--corner-size);pointer-events:none;background:linear-gradient(var(--rectangle-line) 0 0) left top / 100% 1px no-repeat, linear-gradient(var(--rectangle-line) 0 0) left 0 top calc(var(--corner-size) - 1px) / 100% 1px no-repeat, linear-gradient(var(--rectangle-line) 0 0) left bottom / 100% 1px no-repeat, linear-gradient(var(--rectangle-line) 0 0) left 0 bottom calc(var(--corner-size) - 1px) / 100% 1px no-repeat, linear-gradient(var(--rectangle-line) 0 0) left top / 1px var(--corner-size) no-repeat, linear-gradient(var(--rectangle-line) 0 0) right top / 1px var(--corner-size) no-repeat, linear-gradient(var(--rectangle-line) 0 0) left bottom / 1px var(--corner-size) no-repeat, linear-gradient(var(--rectangle-line) 0 0) right bottom / 1px var(--corner-size) no-repeat;position:absolute}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4):before{left:var(--corner-offset)}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4):after{right:var(--corner-offset)}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) .visual:where(.svelte-1hjyk9v){z-index:1;pointer-events:none;grid-area:1/2/-1;place-self:start center;width:min(110%,560px);max-width:none;margin-top:clamp(-210px,-14vw,-120px);position:relative}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) .visual:where(.svelte-1hjyk9v) img:where(.svelte-1hjyk9v){width:100%;height:auto;display:block}@media (width<=1024px){section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v) h2:where(.svelte-1hjyk9v){grid-column:2/span 3}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v){column-gap:var(--spacing-lg);grid-template-columns:minmax(0,1fr) minmax(300px,1.08fr) minmax(0,1fr);min-height:fit-content}}@media (width<=768px){section.problem-hub.svelte-1hjyk9v{min-height:0;padding:var(--spacing-xl) var(--spacing-md) var(--spacing-2xl);overflow:hidden}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v){display:block}section.problem-hub.svelte-1hjyk9v .header:where(.svelte-1hjyk9v) h2:where(.svelte-1hjyk9v){width:100%;max-width:none;margin-top:var(--spacing-sm)}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v){margin-top:var(--spacing-xl);grid-template-rows:auto auto auto auto;grid-template-columns:minmax(0,1fr);gap:0;display:grid}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p{font-size:.875rem;line-height:1.35}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:first-of-type{width:100%;margin:0 0 var(--spacing-lg);grid-area:1/1}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(2){display:none}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(3){width:100%;margin:var(--spacing-xl) auto;text-align:center;grid-area:3/1}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) p:nth-of-type(4){width:calc(100% - (var(--spacing-xl) * 2));min-height:0;padding:var(--spacing-xl) var(--spacing-lg);font-weight:var(--fw-semibold);grid-area:4/1;margin:0 auto}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) .visual:where(.svelte-1hjyk9v){width:100%;height:100%;margin:0 0 0 calc(var(--spacing-md) * -1);grid-area:2/1;overflow:hidden}section.problem-hub.svelte-1hjyk9v .content:where(.svelte-1hjyk9v) .visual:where(.svelte-1hjyk9v) img:where(.svelte-1hjyk9v){object-fit:contain;width:100%;max-width:none;height:100%;position:relative;top:0;left:0}}
