.articlePageLayout{background-color:var(--neutral-color-100);flex-direction:column;align-items:center;display:flex}.articlePageContent{flex-direction:column;gap:2rem;width:100%;max-width:700px;padding:2.5rem 1.5rem 2rem;display:flex}.articlePageBody{flex-direction:column;gap:2rem;display:flex}.articlePageBody section{flex-direction:column;gap:1rem;display:flex}.articlePageBody pre{background-color:var(--neutral-color-200);border-radius:.5rem;padding:1rem 1.25rem;overflow-x:auto}.articlePageBody pre code{font-family:var(--font-ibm-plex-mono,monospace);color:var(--secondary-color);background:0 0;padding:0;font-size:.875rem}.articlePageBody code{font-family:var(--font-ibm-plex-mono,monospace);background-color:var(--neutral-color-200);border-radius:.25rem;padding:.125rem .375rem;font-size:.875rem}.articlePageBody h2{font-size:1.5rem;font-weight:var(--bold);font-family:var(--font-fivo-sans);color:var(--secondary-color)}.articlePageBody h3{font-size:1.25rem;font-weight:var(--bold);color:var(--secondary-color)}.articlePageBody p{color:var(--neutral-color-900);font-size:1rem;line-height:1.7}.articlePageShare{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.clapWrapper{display:flex}.clapContainer{flex-direction:column;align-items:center;gap:.375rem;display:flex}.clapBtn{border:2px solid var(--neutral-color-300);width:56px;height:56px;color:var(--neutral-color-900);cursor:pointer;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,color .2s,transform .15s;display:flex;position:relative}.clapBtn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.clapBtn:disabled{cursor:default}.clapBtn--burst{animation:.3s clapPulse}.clapBtn--done{border-color:var(--primary-color);color:var(--primary-color);background-color:color-mix(in srgb,var(--primary-color)8%,transparent)}@keyframes clapPulse{0%{transform:scale(1)}40%{transform:scale(1.22)}to{transform:scale(1)}}.clapFloat{font-size:.875rem;font-weight:var(--bold);font-family:var(--font-inter);color:var(--primary-color);pointer-events:none;white-space:nowrap;animation:1.2s forwards clapFloat;position:absolute;top:-2rem;left:50%;transform:translate(-50%)}@keyframes clapFloat{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(-1.5rem)}}.clapIcon{flex-shrink:0}.clapCount{font-size:.75rem;font-weight:var(--bold);font-family:var(--font-inter);color:var(--neutral-color-900);opacity:.6;line-height:1}.clapDoneLabel{font-size:.6875rem;font-family:var(--font-inter);color:var(--primary-color);font-weight:var(--medium);line-height:1}.shareBtn{border:2px solid var(--neutral-color-900);color:var(--neutral-color-900);font-size:.875rem;font-family:var(--font-inter);font-weight:var(--medium);cursor:pointer;background-color:#0000;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1.25rem;transition:opacity .2s;display:inline-flex}.shareBtn:hover{opacity:.7}.shareBtn .icon{font-size:1rem}.articlePageBottom{align-items:flex-start;gap:1.5rem;width:100%;padding:2rem 5rem 4rem;display:flex}