.knowledge__prose .card .knowledge-mechanical-pencil-structure__figure{margin-block-end:var(--alias-spacing-md);margin-inline:auto}.knowledge-mechanical-pencil-structure__anim{gap:var(--alias-spacing-md);flex-direction:column;margin-block-end:var(--alias-spacing-lg);display:flex}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__stage{overflow-x:auto}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__stage svg{width:100%;height:auto;display:block}.knowledge-mechanical-pencil-structure__anim .lbl{fill:var(--mapped-text-body);font-family:var(--brand-type-font-family-body);font-weight:700}.knowledge-mechanical-pencil-structure__anim .ldr{fill:none;stroke:var(--mapped-border-strong);stroke-width:1.6px}.knowledge-mechanical-pencil-structure__anim .asm,.knowledge-mechanical-pencil-structure__anim .ring,.knowledge-mechanical-pencil-structure__anim .lead,.knowledge-mechanical-pencil-structure__anim .coil{transition:transform .5s cubic-bezier(.4,0,.2,1)}.knowledge-mechanical-pencil-structure__anim .jaw{transition:opacity 0s linear .26s}.knowledge-mechanical-pencil-structure__anim .jaw.open{opacity:0}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .asm,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .asm{transform:translate(-64px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .ring,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .ring{transform:translate(-40px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .jaw.closed,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .jaw.closed{opacity:0}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .jaw.open,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .jaw.open{opacity:1}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .coil.c0,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .coil.c0{transform:translate(-6px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .coil.c1,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .coil.c1{transform:translate(-28px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .coil.c2,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .coil.c2{transform:translate(-46px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .coil.c3,.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .coil.c3{transform:translate(-64px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="2"] .lead,.knowledge-mechanical-pencil-structure__anim .mech[data-step="3"] .lead{transform:translate(-176px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="4"] .lead{transform:translate(-240px)}.knowledge-mechanical-pencil-structure__anim .mech[data-step="5"] .lead{transform:translate(-316px)}@media (prefers-reduced-motion:reduce){.knowledge-mechanical-pencil-structure__anim .asm,.knowledge-mechanical-pencil-structure__anim .ring,.knowledge-mechanical-pencil-structure__anim .lead,.knowledge-mechanical-pencil-structure__anim .coil,.knowledge-mechanical-pencil-structure__anim .jaw{transition:none}}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__controls{align-items:center;gap:var(--alias-spacing-md);flex-wrap:wrap;display:flex}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__steps{gap:var(--alias-spacing-xs);flex-wrap:wrap;display:flex}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-btn{border:var(--alias-border-width-md) solid transparent;border-radius:var(--alias-border-radius-pill);background-color:var(--mapped-surface-sunken);color:var(--mapped-text-body);font-family:var(--brand-type-font-family-body);font-size:var(--responsive-fontsize-body-sm);line-height:var(--responsive-line-height-body-md);cursor:pointer;transition:background-color .15s,border-color .15s}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-btn:hover{background-color:var(--mapped-surface-hover)}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-btn:focus-visible{outline:var(--alias-border-width-md) solid var(--mapped-border-focus);outline-offset:2px}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-btn{padding:var(--alias-spacing-xs) var(--alias-spacing-md)}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-btn[aria-current=true]{border-color:var(--mapped-surface-category-pink);background-color:var(--mapped-surface-category-pink-subtle);color:var(--mapped-text-category-pink);font-weight:700}.knowledge-mechanical-pencil-structure__anim .knowledge-mechanical-pencil-structure__step-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.knowledge__prose .card .knowledge-mechanical-pencil-structure__step[data-current=true] .card{border-color:var(--mapped-surface-category-pink);background-color:var(--mapped-surface-category-pink-subtle)}.knowledge__prose .card .knowledge-mechanical-pencil-structure__step[data-current] .card{cursor:pointer;transition:border-color .15s,background-color .15s}.knowledge__prose .card .knowledge-mechanical-pencil-structure__step[data-current] .card:hover{border-color:var(--mapped-surface-category-pink)}.knowledge-mechanical-pencil-structure__step .card__body{align-items:center;gap:var(--alias-spacing-lg);flex-direction:row}.knowledge-mechanical-pencil-structure__step .card__body .step-card__heading-row{flex-shrink:0}.knowledge-mechanical-pencil-structure__step .card__body .card__description{flex:1}@media screen and (width<=768px){.knowledge-mechanical-pencil-structure__step .card__body{align-items:flex-start;gap:var(--alias-spacing-md);flex-direction:column}}.knowledge__prose .knowledge-mechanical-pencil-structure__core-guide .card__image{width:auto;max-width:250px}.knowledge-mechanical-pencil-types__hardness .figure-text__figure{width:var(--figure-text-image-width);max-width:100%}@media screen and (width<=640px){.knowledge-mechanical-pencil-types__figure-tables .table--stack .table-row{grid-template-columns:minmax(0,1fr)}.knowledge-mechanical-pencil-types__figure-tables .table--stack .table-row__cell img{margin-inline:auto}}@media screen and (width<=768px){.knowledge-mechanical-pencil-types__hardness .figure-text__figure{width:100%}}.knowledge-mechanical-pencil-core-making__steps{max-width:896px;gap:var(--alias-spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));margin-block-end:var(--alias-spacing-lg);display:grid}.knowledge-mechanical-pencil-core-making__steps .card__image{box-sizing:border-box;width:100%;height:200px;padding:var(--alias-spacing-md);border:var(--alias-border-width-sm) solid #2faacb;border-radius:var(--alias-border-radius-sm);background-color:#e0fcfd}@media screen and (width<=768px){.knowledge-mechanical-pencil-core-making__steps{grid-template-columns:minmax(0,1fr)}}.knowledge__prose .card .knowledge-mechanical-pencil-core-history__figure{margin-inline:auto}.knowledge__prose .knowledge-mechanical-pencil-care__figure{box-sizing:border-box;margin-block:var(--alias-spacing-md);padding:var(--alias-spacing-lg);border:var(--alias-border-width-sm) solid var(--mapped-border-strong);border-radius:var(--alias-border-radius-lg);background-color:var(--mapped-surface-raised);margin-inline:auto}