.knowledge-pencil-types__axis{margin-block:var(--alias-spacing-2xl) var(--alias-spacing-lg)}.knowledge-pencil-types__hardness{gap:var(--alias-spacing-lg);margin-block-end:var(--alias-spacing-xl);display:flex}.knowledge-pencil-types__hardness .knowledge-pencil-types__hardness-figure{width:124px;margin:var(--alias-spacing-md) 0 var(--alias-spacing-xl);flex-shrink:0;position:relative}@media screen and (width<=640px){.knowledge-pencil-types__hardness .knowledge-pencil-types__hardness-figure{display:none}}.knowledge-pencil-types__hardness .knowledge-pencil-types__hardness-figure img{width:100%;height:100%;position:absolute;inset:0}.knowledge-pencil-types__hardness .table{flex:1;align-self:flex-start;min-width:0}.knowledge-pencil-types__axis-layout{align-items:flex-start;gap:var(--alias-spacing-xl);display:flex}@media screen and (width<=640px){.knowledge-pencil-types__axis-layout{flex-direction:column}}.knowledge-pencil-types__axis-text{flex:1;min-width:0;margin:0}.knowledge-pencil-types__axis-figures{gap:var(--alias-spacing-lg);flex-shrink:0;display:flex}.knowledge-pencil-types__axis-figures .knowledge-pencil-types__axis-figure{text-align:center;margin:0}.knowledge-pencil-types__axis-figures .knowledge-pencil-types__axis-caption{margin-block-end:var(--alias-spacing-2xs);font-weight:700}.knowledge-pencil-types__axis-figures .knowledge-pencil-types__axis-image{margin-inline:auto}.knowledge-pencil-history-origin__figures-box{box-sizing:border-box;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-block-end:var(--alias-spacing-lg)}.knowledge-pencil-history-origin__figures{gap:var(--alias-spacing-md);grid-template-columns:repeat(3,1fr);display:grid}@media screen and (width<=640px){.knowledge-pencil-history-origin__figures{grid-template-columns:repeat(2,1fr)}}.knowledge-pencil-history-origin__figures .knowledge-pencil-history-origin__figure{text-align:center;margin:0}.knowledge-pencil-history-origin__figures .knowledge-pencil-history-origin__figure-image{aspect-ratio:4/3;object-fit:contain;width:100%}.knowledge-pencil-history-origin__column{margin-block:var(--alias-spacing-2xl) var(--alias-spacing-lg)}.knowledge-pencil-making__materials{margin-block:var(--alias-spacing-lg);gap:var(--alias-spacing-md);flex-direction:column;display:flex}.knowledge-pencil-making-process__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}@media screen and (width<=768px){.knowledge-pencil-making-process__steps{grid-template-columns:minmax(0,1fr)}}.knowledge-pencil-grip__points{gap:var(--alias-spacing-md);flex-direction:column;display:flex}